@media only screen and (max-width: 600px) {
        .logo{  display: none;}
        .logo1{  width:60px;margin-top:5px;}
        .head_up{ margin-bottom:13px;margin-top:10px; color:darkgreen; font-size: 11px!Important;font-weight:0!Important;}
        .head_mid{ margin-bottom:5px;font-size: 12px!Important; }
        .head_down{ color:orange; font-size: 11px!Important;margin-bottom:5px; }
        .sticky-wrapper{ display:none;margin-bottom:0;}
        .logo2{ display:none;}
        
    }
   
    
 @media only screen and (max-width: 317px){  
       
        #mobile-nav-toggle {right: 0;
    top: 29px;}
 }

@media (min-width: 318px) and (max-width: 334px) 
 {  
    
    #mobile-nav-toggle{right: 0;
    top: 26px;}
}

@media (min-width: 335px) and (max-width: 384px){  

}
@media (min-width: 385px) and (max-width: 425px){  

}

@media (min-width: 426px) and (max-width: 468px){

}

@media (min-width: 748px) and (max-width: 768px) {
 #mobile-nav-toggle{right: 113px;}

}
@media (min-width: 733px) and (max-width: 769px){  
#mobile-nav-toggle {
    right: 105px;
}
}
@media (min-width: 711px) and (max-width: 734px){  
#mobile-nav-toggle {
    right: 94px;
}
}
@media (min-width: 680px) and (max-width: 712px){  
#mobile-nav-toggle {
    right: 84px;
}
}
@media (min-width: 650px) and (max-width: 680px){  
#mobile-nav-toggle {
    right: 65px;
}
}

@media (min-width: 636px) and (max-width: 650px){  
#mobile-nav-toggle {
    right: 58px;
}
}
@media (min-width: 580px) and (max-width: 636px){  
#mobile-nav-toggle {
    right: 40px;
}
}


    
     /*Small devices (portrait tablets and large phones, 600px and up) */
    @media only screen and (min-width: 600px) {
        .logo{  display: none;}
        .logo1{  width:80px;margin-top:5px;}
        .head_up{ margin-bottom:13px;margin-top:10px; color:darkgreen; font-size: 13px!Important;}
        .head_mid{ margin-bottom:5px;font-size: 18px!Important; }
        .head_down{ color:orange; font-size: 13px!Important;margin-bottom:5px; }
        .sticky-wrapper{ display:none;margin-bottom:0;}
        .logo2{ display:none;}
    }
    
     /*Medium devices (landscape tablets, 768px and up) */
    @media only screen and (min-width: 772px) {
        .logo{ display: block;width:115px; margin-top:3px;}
        .head_up{ line-height:0;margin-bottom:20px;margin-top:30px; color:darkgreen; font-size: 12px!Important}
        .head_mid{ margin-bottom:10px;font-size: 17px!Important; }
        .head_down{ color:orange; font-size: 12px!Important }
        .act1 a { font-size: 13px; } .act1 a:hover{ font-size: 13px; }
        .sticky-wrapper{ display:block;margin-bottom:0;}
        .logo1{ display:none;}
    }
    
     /*Large devices (laptops/desktops, 992px and up) */
    @media only screen and (min-width: 992px) {
        .logo{ display: block;width:130px; margin-top:3px;}
        .head_up{ line-height:0;margin-bottom:20px;margin-top:30px; color:darkgreen; font-size: 16px!Important}
        .head_mid{ margin-bottom:10px;font-size: 22px!Important }
        .head_down{ color:orange; font-size: 16px!Important; }
        .act1 a { font-size: 17px; } .act1 a:hover{ font-size: 17px; }
        .sticky-wrapper{ display:block;margin-bottom:0;}
        .logo1{ display:none;}
    } 
    
    
     /*Extra large devices (large laptops and desktops, 1200px and up) */
    @media only screen and (min-width: 1200px) {
        .logo{ display: block;width:150px;margin-top:3px;}
        .head_up{ line-height:0; margin-bottom:25px;margin-top:35px; color:darkgreen; }
        .head_mid{ margin-bottom:15px;font-size: 25px!Important; }
        .sticky-wrapper{ display:block;}
        .head_down{ color:#f56d4f;margin-bottom:0; }
        .logo1{ display:none;}
    }
    .act
    {
        background-color:darkgreen!Important;      
    }
    .cl
    {
        rgb(246, 241, 240)!Important;
       
    }
    .act1:hover,
    .act1:active,
    .act1:focus
    {
        background-color:darkgreen!Important;
    }
    .dropdown:hover .dropdown-content {display: block;}