#header .site-logo{  min-height: 75px; display: block;}

#subHeader .site-logo{  position: relative; width: 100%; padding-top: 20px; }

#mobile-nav{ display: none; }

.site-text{ max-width: 318px; max-height: 100px; }

.site-text a img{ width: 100%; max-width: 287px; }

@media only screen and (max-width: 1170px) and (min-width: 600px)  {
    #subHeader .site-logo{
        padding-top: 4vw; 
        padding-bottom: 2vw;
    }
}

@media (max-width: 1024px) {
    #subHeader{ /* max-height: 175px; */ }
    
    #header{ height: auto; }
    
    #subHeader{
        padding: 0px 10px;
    }
    
    #home-carousel{ clear: both; }
    
    #mobile-nav{ display: block; float: right; color: #fff; cursor: pointer; margin-top: 15px;}
}

@media (max-width: 650px) {
    #lazaridisSearch,
    .site-logo .site-text{ clear: both; width: 100%; position: relative; top: auto; }
    .site-logo .site-text img{ max-width: 85%; }
    #lazaridisSearch{ margin-top: 25px;  /*padding-left: 10px;*/ }
     .site-logo{ text-align: center; } /*Request 2018-04-23*/
     
    #subHeader .site-logo{
        padding-top: 20px;
    } 
    
    #subHeader{ height: 200px; max-height: 200px; }
}

@media (max-width: 600px) {
    #mobile-nav{ margin-top: 10px; }
}

@media (max-width: 400px) {
    #subHeader{ height: auto;  }
    
}