@font-face {
    font-family: 'thai_sans_lite';
    src: url('fonts/thaisanslite_r1-webfont.eot');
    src: url('fonts/thaisanslite_r1-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/thaisanslite_r1-webfont.woff2') format('woff2'),
         url('fonts/thaisanslite_r1-webfont.woff') format('woff'),
         url('fonts/thaisanslite_r1-webfont.ttf') format('truetype'),
         url('fonts/thaisanslite_r1-webfont.svg#thai_sans_lite') format('svg');
    font-weight: normal;
    font-style: normal;
}
*, *:before, *:after {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}
body{line-height:1;font-family:'thai_sans_lite';font-size:22px;color:#100112;}
a{text-decoration:none; color:#F23F37;}

#hader{
	background-image:url(../img/menu-top.png);
	background-repeat:no-repeat;
	width:1095px;
	position:relative;
	padding:inherit;
	z-index:9;
	padding-top:0px;
	justify-content: center;
	align-items: center;
    
}

#hader:after{content:"";clear:both;display:block}



nev{ 
  display: flex;
  justify-content: center;
  align-items: center;
  }

nev>ul{
  display: flex;
	  justify-content: center;
  align-items: center;
	position:relative;
	
}
nev li{list-style:none;float:left}
nev .dropdown{position:relative; }
nev li a{float:left;padding:10px 8px}
nev li a:hover{background:#ECEBEB}
nev li ul{display:none}
nev li:hover ul{display:inline}
nev li li{float:none}
nev .dropdown ul{position:absolute;left:0;top:100%;background:#fff;padding:10px 0;border-bottom:3px solid #34495e }
nev .dropdown li{white-space:nowrap}
nev .dropdown li a{padding:10px 35px;font-size:20px;min-width:200px }
nev .mega-dropdown{width:100%;position:absolute;top:100%;left:0;background:#fff;overflow:hidden;padding:20px 35px;border-bottom:3px solid #34495e; }
nev li li a{float:none;color:#333;display:block;padding:9px 13px;border-radius:3px;font-size:20px; text-align:left;}
nev li li a:hover{background:#bdc3c7;background:#FAFBFB}
.mega-col{width:25%;float:left; padding-top:30px;}
#menu-icon{position:absolute;right:0;top:100%;margin-top:-12px;margin-right:30px;display:none; text-align:center;}
#menu-icon span{border:4px solid #022839;width:35px;margin-bottom:5px;display:block;-webkit-transition:all .2s;transition:all .1s}
@media only screen and (max-width: 1170px) {
  nev >ul>li >a{padding:35px 15px}
}
@media only screen and (min-width: 960px) {
  nev{display:block!important}
}
@media only screen and (max-width: 959px) {
  nev{display:none;width:100%;clear:both;float:none;max-height:400px;overflow-y:scroll}
  #menu-icon{display:inline;top:45px;cursor:pointer}
  #menu-icon.active .first{transform:rotate(45deg);-webkit-transform:rotate(45deg);margin-top:10px}
  #menu-icon.active .second{transform:rotate(135deg);-webkit-transform:rotate(135deg);position:relative;top:-9px;}
  #menu-icon.active .third{display:none}
  .search{float:none}
  .search input{width:100%}
  nev{padding:10px}
  nev ul{float:none}
  nev li{float:none}
  nev ul li a{float:none;padding:8px;display:block}
  #hader nev ul ul{display:block;position:static;background:none;border:none;padding:0}
  #hader nev a{color:#fff;padding:8px}
  #hader nev a:hover{background:#fff;color:#333;border-radius:3px}
  #hader nev ul li li a:before{content:"- "}
  .mega-col{width:80%}
}