/* ----------------- MEDIA QUERIES ----------------- */
/*                  STANDARD SIZES                   */
/* ------------------------------------------------- */
/*
    MIN WIDTHS
    ----------
    240, 320, 480, 540, 640, 800, 720, 768, 960, 1024, 1136, 1280, 1334, 1920, 2048, 2560, 2732
    
    MIN HEIGHTS
    -----------
    320, 360, 400, 480, 540, 600, 640, 720, 750, 768, 800, 960, 1024, 1080, 1136, 1280, 1440, 1536, 2560, 2048


/* DEVICES GENERALIZATION RESPONSIVE SETTINGS */
/* START SMALL WORK TO BIG FOLLOWING CSS PATTERNS OF CASCADING STYLES */

@media screen and (max-width : 480px) /* Smartphones (portrait) ----------- */
{
    .Header-Full-Background-Left,
    .Header-Full-Background-Right {
        width: 0% !important;
    }

    .Header-Full-Background-Center {
        background: #041C2C !important;
        width: 100% !important;
    }

    .Header-Full-Background-Image-Left,
    .Header-Full-Background-Image-Right {
        width: 0% !important;
    }

    .Header-Full-Background-Image-Center {
        width: 100% !important;
    }

    .Header-Top-Sticky {
        background-color: #041C2C !important;
    }

    .Header-Top-Sticky-Left-Area,
    .Header-Top-Sticky-Right-Area {
        width: 0% !important;
    }

    .Header-Top-Sticky-Center-Area {
        width: 100% !important;
    }

        .Header-Top-Sticky-Center-Area > .Quick-Navigation > ul {
            margin-left: 0 !important;
            margin-right: 0 !important
        }

            .Header-Top-Sticky-Center-Area > .Quick-Navigation > ul > li > div {
            }

    .Header-Bottom-Left,
    .Header-Bottom-Right {
        width: 0% !important;
    }

    .Header-Bottom-Center {
        width: 100% !important;
    }

    .Logo-Container,
    .Logo-Link,
    .Logo {
        position: relative !important;
        top: 0 !important;
    }

    .Logo-Container {
        position: relative !important;
        /*top: 1em !important;
        left: -1em !important;*/
        background: #fff !important;
        /*webkit-transform: rotate(-90deg) !important;
        -moz-transform: rotate(-90deg) !important;
        -ms-transform: rotate(-90deg) !important;
        -o-transform: rotate(-90deg) !important;
        transform: rotate(-90deg) !important;*/
    }

        .Logo-Container > a > img {
            width: 100% !important;
        }

    .Quick-Navigation {
        float: left !important;
    }

    .SignIn-Sticky {
        /*display: none !important;*/
    }

    .SignIn-Normal {
        display: block !important;
    }

    .Nav-Icon-Mobile {
        display: block;
    }

    .Nav-Top-Level-Items {
        display: none;
    }

    .Nav-Word {
        display: none;
    }
}

@media screen and (min-width : 481px) and (max-width : 768px) {
    .Header-Full-Background-Left,
    .Header-Full-Background-Right {
        width: 0% !important;
    }

    .Header-Full-Background-Center {
        width: 100% !important;
    }

    .Header-Full-Background-Image-Left,
    .Header-Full-Background-Image-Right {
        width: 0% !important;
    }

    .Header-Full-Background-Image-Center {
        width: 100% !important;
    }

    .Header-Top-Sticky {
        background: #041C2C !important;
    }

    .Header-Top-Sticky-Left-Area,
    .Header-Top-Sticky-Right-Area {
        width: 0% !important;
    }

    .Header-Top-Sticky-Center-Area {
        width: 100% !important;
    }

    .Header-Bottom-Left,
    .Header-Bottom-Right {
        width: 0% !important;
    }

    .Header-Bottom-Center {
        width: 100% !important;
    }


    .Logo-Container {
        position: relative !important;
        top: 0px !important;
    }

        .Logo-Container > a > img {
            width: 9em !important;
        }

    .Nav-Icon-Mobile {
        display: block;
    }

    .Nav-Top-Level-Items {
        display: none;
    }

    .Social-Icons {
    }
}

@media screen and (min-width : 769px) and (max-width : 1024px) {
    .Header-Full-Background-Left,
    .Header-Full-Background-Right {
        width: 0% !important;
    }

    .Header-Full-Background-Center {
        width: 100% !important;
    }

    .Header-Full-Background-Image-Left,
    .Header-Full-Background-Image-Right {
        width: 0% !important;
    }

    .Header-Full-Background-Image-Center {
        width: 100% !important;
    }

    .Header-Top-Sticky {
    }

    .Header-Top-Sticky-Left-Area,
    .Header-Top-Sticky-Right-Area {
        width: 0% !important;
    }

    .Header-Top-Sticky-Center-Area {
        width: 100% !important;
    }

    .Header-Bottom-Left,
    .Header-Bottom-Right {
        width: 0% !important;
    }

    .Header-Bottom-Center {
        width: 100% !important;
    }

    .Nav-Icon-Mobile {
        display: none;
    }

    .Nav-Top-Level-Items {
        display: block;
    }
}

@media screen and (min-width : 1025px) {
    .Nav-Icon-Mobile {
        display: none;
    }

    .Nav-Top-Level-Items {
        display: block;
    }

    .Header-Full-Background-Image-Center {
    }
}