/* login responsiveness page*/
 @media only screen and (max-width: 950px) {
    #loginbodyWrapper {
        width: 100% !important;
    }
    #loginLoginSubLeft {
        max-width: 398px;
        margin-bottom: 20px;
    }
    #loginLoginSubRight {
        max-width: 348px;
        border-left: none !important;
    }
    #loginLoginSubRight, #loginLoginSubLeft {
        height: auto !important;
        float: none !important;
        width: 100% !important;
        padding: 0 0 0 2% !important;
        box-sizing: border-box !important;
    }
    .loginSubFormWrapper {
        width: 100% !important;
    }
    #loginSignInHeader {
       padding: 18px 15px !important; 
    }
}
/* end of login responsiveness page*/


 @font-face {
     font-family:proximanova;
     src:url(https://use.typekit.net/af/efe4a5/00000000000000007735e609/30/l?subset_id=1&fvd=n4&v=3) format("woff2"), url(https://use.typekit.net/af/efe4a5/00000000000000007735e609/30/d?subset_id=1&fvd=n4&v=3) format("woff"), url(https://use.typekit.net/af/efe4a5/00000000000000007735e609/30/a?subset_id=1&fvd=n4&v=3) format("opentype");
     font-weight:400;
     font-style:normal;
     font-stretch:normal;
     font-display:auto;
}
 @font-face {
     font-family:freightsansprobook;
     src:url(https://use.typekit.net/af/442215/000000000000000000010b5a/27/l?subset_id=1&fvd=n4&v=3) format("woff2"), url(https://use.typekit.net/af/442215/000000000000000000010b5a/27/d?subset_id=1&fvd=n4&v=3) format("woff"), url(https://use.typekit.net/af/442215/000000000000000000010b5a/27/a?subset_id=1&fvd=n4&v=3) format("opentype");
     font-weight:400;
     font-style:normal;
     font-stretch:normal;
     font-display:auto;
}
 @font-face {
     font-family:proximanovabold;
     src:url(https://use.typekit.net/af/2555e1/00000000000000007735e603/30/l?subset_id=1&fvd=n7&v=3) format("woff2"), url(https://use.typekit.net/af/2555e1/00000000000000007735e603/30/d?subset_id=1&fvd=n7&v=3) format("woff"), url(https://use.typekit.net/af/2555e1/00000000000000007735e603/30/a?subset_id=1&fvd=n7&v=3) format("opentype");
     font-weight:700;
     font-style:normal;
     font-stretch:normal;
     font-display:auto;
}
 #header {
     display:flex;
     flex-direction: column;
     width:100%;
}
 #headerFlex-WD {
     display:flex;
     flex-direction: column;
     justify-content: space-between;
}
 #topHeader-WD{
     background:#214083;
     color:#fff;
     text-align: center;
     padding:10px 0;
     font-family:"freightsansprobook";
     font-size:16px;
}
 #topHeader-WD a{
     text-transform: uppercase;
     text-decoration: underline;
     color:#fff;
     font-weight:700;
     letter-spacing:1.25px;
}
 #topHeader-WD a:hover{
     color:#c2986b;
}
 #middleHeader-WD{
     display: flex;
     justify-content: flex-end;
     background:#F1F1F1;
     padding:10px 0;
}
#middleHeader-WD #searchHolder{
     padding-right:50px;
}
 #searchbar input{
     height:28px;
     width:268px;
     border:1px solid #DDDDDD;
}
#searchbar input::placeholder{
       color: #5E8893;
       font-size:13px; 

}
 #bottomHeader-WD{
     display:flex;
     flex-direction: row;
     justify-content: space-between;
     align-items:center;
}
 #bottomHeader-WD #bottomLeftHeader-WD picture img{
     width:100%;
     max-width: 292px;
     margin-left:65px;
     margin-top:5px;
}
 #bottomRightHeader-WD{
     width:100%;
     max-width:1209px;
     margin-right:41px;
}
 #bottomRightHeader-WD #navList{
     display:flex;
     flex-direction: row;
     justify-content: flex-end;
     align-items: flex-end;
     list-style-type: none;
     width:100%;
     flex-wrap: wrap;
     padding-left:0
}
.bottom-border {
    width:100%;
    border-bottom:1px solid #000;  
    position: relative;
    top:5px;
    opacity: 0;
    transition:0.2s ease;
}
.navLinkTab a:hover > .bottom-border{
  top:0;
  opacity:1;
  transition:0.2s ease
}

.navLinkTab{    
    padding: .25em 1em;
    margin-left:15px;
}
.navLinkTab a{
    color:#000;
    font-size:15px;
    font-family: "proximanova"        
}

.shopNow{
    border:1px solid #000;
    transition:0.2s ease;
    text-transform:uppercase;
    font-weight: bold;
}

.shopNow .bottom-border{
    border:0;
}

.shopNow:hover, .shopNow a:hover{
    color: #fff;
    background: #223c86;
    border-color: #5d5d5d;
    transition:0.2s ease
}

 #mobileMenu, .mobileMenuBtn{
     display:none;
}

#footer{
    display:flex;
    flex-direction: column;
    flex-basis:auto;
    align-items: center;
    background:#ebebeb;
    padding:35px 0 65px 0
}

#footer #socialMediaIcon .fa-facebook-f{
    background:#223c86;
    color:#fff;
    padding:12px 15px;   
    font-size:17px;
    border-radius: 50%;    
}

#footer div{
    padding:10px;
}

#footer #footerLinks{
    display:flex;
    justify-content: space-between;
    width:100%;
    max-width:155px;
    list-style-type: none;
    padding-left:0;
    padding-bottom:10px;
    font-size:13px;
    font-family:"freightsansprobook"
}

#footerLinks li a{
   color:#363636;
}
#footerLinks li:after{
   content:" | ";
}

#footerLinks li:last-child:after{
    content:""
}
/* In Media Queries Section */
 @media screen and (max-width:766px) {    
     
     body.attachPosition{
           position:relative;
     }
    
     #allContent.slide{
         position: relative;
         right:265px;
     }
     #mobileMenu.show{
        display:flex;
        position: absolute;
        right:0;
        background:#FFF;        
        transition:0.5s ease-in;
        z-index: 999;
        width:250px;
        padding-left:20px;
     }
     
     #mobileMenu.show #mobileNavList{
        list-style-type:none;
        padding-left:0;
        width:100%;
        line-height: 2;        
        font-size:15px;
        font-family:"proximanova";
     }
     
     #mobileMenu.show #mobileNavList a{
          color:#000;    
     }
     
     #mobileMenu.show #mobileNavList .shopNow{
        padding:0 15px;
        position:relative;
         right:16px;
     }
     
     #mobileMenu.show #mobileNavList .mobileNavLinkTab{
         margin-bottom:10px;         
     }
     .mobileNavLinkTab.shopNow{
         width:130px;
     }
     .xo-close{
         display:none;
     }
     .xo-close.show{
         display:flex;
         justify-content: flex-end;
         padding-left:10px;
          padding-right:35px;
         color:#5a83c3;
         font-size:29px;
         cursor:pointer;
         position: absolute;
         right:0
     }
     .xo-close.hide{
         display:none;
     }
     .xo-open{
         display:flex;
        position: absolute;
        right:30px;
        font-size:25px;  
        color:#5a83c3;
        cursor:pointer;
     }
     
     .xo-open.hide{
         display:none;
     }

     #bottomRightHeader-WD #navList, #bottomRightHeader-WD{
         display:none;
     }
     
     #bottomLeftHeader-WD{
         display:flex;
         flex-direction: row;
         justify-content: center;
         align-items: center;
         width:100%;
         max-width: 450px;
         margin:0 auto;
     }
     
     #bottomLeftHeader-WD a{
        display:flex;
         flex-direction: row;
         justify-content: center;
     }
     
     #middleHeader-WD{
         justify-content: center;
     }
     
     #searchHolder{
         display:flex;
         justify-content: center;
         width:100%;
        padding-left:65px;
     }
     #searchbar{
         width:100%;
     }
     #searchbar input{
         width:100%!important;
     }
     #switchDirection{
      display:flex;
      align-items: center;         
      flex-direction: row;
      padding-left:32px;   
     }     
}

@media screen and (max-width:470px){
    #bottomHeader-WD #bottomLeftHeader-WD picture img{
        margin:0
    }
}

@media screen and (max-width:362px){
      #switchDirection{
       padding-left:65px;
    }
}