/* Custom Screen Size Triggers Navigation Effect ----------- */
@media only screen and (max-width: 980px) {
    .subAdvertistingPanel img { display: none; }
    
    
    /*---[ Main Content Column ]---*/
    .colContainer .mainContentCol {
        -moz-box-shadow: 0;
        -webkit-box-shadow: 0;
        box-shadow: none;
        display: block;
        margin-bottom: 20px;
        padding-bottom: 0 !important;
        width: 100% !important;
    }

    /*---[ Sub Content Column ]---*/
    .colContainer .subContentCol {
        clear: right;
        display: block;
        float: none;
        width: 100%;
    }

    /*---[ Two Column Layout ]---*/
    .twoColContainer .mainContentCol {
        -moz-box-shadow: 0;
        -webkit-box-shadow: 0;
        box-shadow: none;
        display: block;
        margin-bottom: 20px;
        padding-bottom: 0 !important;
        width: 100% !important;
    }

    .twoColContainer .subContentCol { width: 100%; }

    /*---[Outfit Preview ]---*/
    .outfitPreview { display: none !important; }
    

    /*---[ Orders Layout ]---*/
    .ordersCol { width: 100%; }

    .promoCol { display: none; }

    .promoCol img { display: none; }

    /*---[ Footer ]---*/
    #footer .footerPanel {
        margin: 0 1%;
        width: 58%;
    }

    /*---[ Footer Social Links ]---*/
    #footer .footerPanel.socialLinks { width: 38%; }

    /*---[ Footer Corporate Area ]---*/
    #footer .corporateArea, #footer .corporateArea .copyright p { text-align: center; }


    #footer .corporateArea .copyright p {
        padding-top: 5px;
        text-align: center;
    }


    #footer .corporateArea .copyright {
        clear: left;
        display: block;
        float: none;
        width: 100%;        
    }


    /*---[ Twitter ]---*/
    #footer a.twitter {
        background: url("/Content/cssimages/template/corporate-border.gif") repeat-x scroll left top transparent;
        clear: both;
        float: left;
        min-width: 100%;
        padding: 20px 0 10px;
    }
}

@media only screen and (max-width: 970px) {
    .obInfoCol { width: 23%; }    
}

@media only screen and (max-width: 950px) {
    .obInfoCol { width: 22.5%; }

    .obMapCol { width: 49%; }
}

@media only screen and (max-width: 930px) {
    .obInfoCol {
        clear: both;
        width: 100%;
    }

    .obInfoCol .obInfoColInner {
        height: auto;
        overflow: visible;
    }

    .stepActionPanelOB { width: 100%; }

    .obActionCol { width: 50%; }
}



@media only screen and (max-width: 710px) {
    .obActionCol { width: 45%; }

    .brandedAuth { width: 100%; }
}


@media only screen and (max-width: 600px) {
    .homepageIntroPanel,
    .homepageBrandPanel { width: 100% !important; }    
}

@media only screen and (max-width: 650px) {
    .obActionCol { width: 100%; }

    .obOutfitPreview { margin-left: 0; }    
}




/* Custom Screen Size Triggers Navigation Effect ----------- */

@media only screen and (max-width: 530px) {
    /*---[ Header ]---*/
    #header, #headerWrapper { text-align: center; }

    /*---[ Header Logo ]---*/
    #header .mainLogo {
        display: inline-block;
        float: none;
        margin-left: 0;
    }

    /*---[ Utility Links ]---*/
    .utilitiyLinks {
        clear: left;
        display: block;
        padding: 5px 0 10px 0;
        text-align: center;
        width: 100%;
    }

    .utilitiyLinks ul {
        margin-bottom: 10px;
        padding-bottom: 0;
        text-align: center;
    }

    .utilitiyLinks ul li { font-size: 1.8em; }

    .utilitiyLinks ul li a {
        background-position: right 4px;
        display: inline-block;
    }

    .colContainer .mainContentCol { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.17); }

    #footer .corporateArea { padding-bottom: 20px; }

    #footer .corporateArea .copyright { padding-bottom: 0; }
   
    
    #mainBreadcrumbs a { padding: 0 15px 0 0; }

    .garmentSizing {
        margin: 10px 0 0;
        min-height: 10px;
        width: 100%;
    }

    .garmentSizingWrapper { padding-top: 0; }
}

/* Custom Screen Size Triggers Navigation Effect ----------- */

@media only screen and (max-width: 450px) {
    .homepageBG { background: #617D89 !important; }

    .homepageLoginForm .homepageLoginLinks {
        clear: right;
        display: block;
        margin: 10px 0 0 !important;
    }

    .brandListing a { width: 16.7% !important; }

    .homepageLoginForm .formField { width: 100% !important; }

    .homepageLoginForm .formField.username {
        margin-right: 0 !important;
        width: 100%;
    }
}


/* Custom Small Phones () ----------- */

@media only screen and (max-width: 265px) {
    /*---[ Header ]---*/
    #header .mainLogo { width: 170px; }
}

/* Large screens ----------- */

@media only screen and (min-width: 1824px) {
}

/* Desktops and laptops ----------- */

@media only screen and (min-width: 1224px) {
}

/* iPads (portrait and landscape) ----------- */

@media only screen and (min-width: 768px) and (max-width: 1024px) {
}

/* iPads (landscape) ----------- */

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
}

/* iPads (portrait) ----------- */

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
}

/* Smartphones (landscape) ----------- */

@media only screen and (max-width: 569px) {
}

/* Smartphones (portrait and landscape) ----------- */

@media only screen and (min-width: 320px) and (max-width: 480px) {
}