.box-top-produce {background: #fffeb8;padding: 5px 0px;}
.top-produce {display: flex;flex-wrap: wrap;width: 100%;   align-items: center;}
.logo {width: 30%;}
.logo h1 {text-transform: uppercase;  padding: 0px 5px 6px 5px; border-radius: 5px; margin-bottom: 0; line-height: 25px; width: fit-content; }
.logo h1 a { font-size: 28px; color: #363636; text-align: center; text-shadow: 0px 1px 0px #ffd200; }
.box-search { width: 50%; display: flex; justify-content: center; }
.textsearch { border-radius: 5px; border: 1px solid #69b6c5; width: 60%; padding: 3px 5px; }
.btn-search { width: 10%; background: #00bf67; padding: 5px; text-align: center; }
.hotline { text-align: center; width: 20%; font-size: 18px; color: #00429f; font-weight: 700; text-transform: uppercase; }
.box-menu {background: #00bf67;margin-top: -1px;}
.ulmenu {display: flex;flex-wrap: wrap;width: 100%;margin: 8px 0px;}
.ulmenu > li {margin-right: 3%;}
.ulmenu .limenu > i {display: none;}
.ulmenu .limenu > a {color: #fff;}
.open-ulmenu, .box-mnc1{display: none;width: 300px;}
.ulmenu > li:hover > .box-mnc1 {display: block;position: absolute; top: 25px; left: 0;z-index: 9999;background: #fff !important;margin: 0;padding: 0;}
.mn-fixed {position: fixed; top: 0px; left: 0; width: 100%;  z-index: 9999;}
.mn-relav {position: relative }

@media (min-width:992px) {
	.mn-fixed > .box-top-produce {display: none;}
}
@media (min-width:992px) and (max-width:1199px){
	.logo h1 a {font-size: 20px;}
	.hotline {font-size: 16px;}
}


@media (max-width:991px){
    .logo h1 {line-height: 20px;}
	.logo h1 a { font-size: 17px;}
	.box-search {width: 55%;}
	.hotline { display: none;}
	.textsearch { border-radius: 3px; width: 70%;}
	.btn-search { width: 20%; margin-left: 3px;  }
	.open-ulmenu { width: 15%; display: block; text-align: right; }
	.ulmenu .limenu > a, .ulmenu .limenu .mn-con > a {width: 85%; color: #004157; font-size: 16px; }
	.ulmenu .limenu > i {display: block;}
	.ulmenu .limenu > i, .ulmenu .limenu .mn-con > i{width: 10%;}
	.mn-con > i:nth-child(2) { display: block; }
	.ulmenu .mn-con {display: flex;flex-wrap: wrap;width: 100%;}
	.ulmenu { display: none; left: 0; width: 100%; position: absolute; background: #e5fcff; z-index: 9999; margin: 0; padding: 20px 50px; }
	.ulmenu > li {display: flex; flex-wrap: wrap; width: 100%; margin-right: 3%; border-bottom: 1px solid #aacce3; padding-bottom: 8px; margin-bottom: 5px; }

	.ulmenu > li > .box-mnc1 { margin: -10px 0px 20px 0px !important; }
	.ulmenu > li > .box-mnc1, .ulmenu > li > .sub-menu-all  {width: 100%;margin: 5px 0px;}
	.ulmenu > li:hover > .box-mnc1, .ulmenu > li:hover > .sub-menu-all {display: none;position: relative;}

}

@media (max-width:767px){
	.logo {width: 35%;}
	.logo h1 {text-align: center;width: 100%;}
	.logo h1 a {font-size: 14px;}
	.logo h1 {padding: 0px 5px 9px 5px;line-height: 11px;}
	.box-search {width: 45%;}
	.open-ulmenu {width: 10%;}
}

@media (max-width:480px){
    .logo h1 {line-height: 3px;width: 100%;padding: 0;}
	.logo h1 a { font-size: 12px; line-height: 15px; }
	.logo {width: 50%;}
    .box-search {width: 40%;}
	.textsearch { padding: 0px 5px;}
}