@charset "utf-8";
 
header{ transition: all 0.3s ease 0s;}
.smaller{}
.smaller .header-right img{ display:none;}
/*.smaller .logo{width:10%; margin:0; }*/
.smaller .logo{width:7%; margin:0; }
.smaller .logo img{ position:relative; top:2px;}

.smaller #cssmenu{}
/*.logo, .header-right{  transition: all 0.3s ease 0s; padding-top:0px; position:relative; margin-top:10px;}*/
#main-menu li a{transition:all 0.3s ease 0s}
/*header.smaller .header-right img{}*/
.logo, .header-right{  transition: all 0.3s ease 0s;}

@media only screen and (min-width:270px) and (max-width:683px){
.header-right img{ display:block !important;}
.smaller .logo{width:20.5% !important; margin-top:1% !important; }
.smaller .logo img{top:0 !important;max-width: 102px !important;}
}