@media (max-width: 1140px) {

  .main{width:100%; padding:0 25px; margin-inline:0; display:block; float:left;}
  #h-banner .content, .slide-cata{width:100%; padding:0 25px;}

}

@media (max-width: 1122px) {

#produuct-detail figure{min-height:660px;}

}

@media (max-width: 1024px) {

#produuct-detail figure{min-height:680px;}

}

@media (max-width: 958px) {

#hamburger{ display:block;}
#nav-icon2{ display:block;}

#nav-icon2.mopen{top:5px; right:10px; 
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
}
.m-warp.mopen{-webkit-transform: translate3d(-615px,0,0);
  -webkit-animation: open .5s ease-in-out;
  -moz-transform: translate3d(-615px,0,0);
  -moz-animation: open .5s ease-in-out;
  transform: translate3d(-615px,0,0);
  animation: open .5s ease-in-out;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
.m-warp.mclose{opacity:1 !important;
-webkit-transform: translate3d(0,0,0);
-webkit-animation: close .3s ease-in-out;
-moz-transform: translate3d(0,0,0);
-moz-animation: close .3s ease-in-out;
transform: translate3d(0,0,0);
animation: close .3s ease-in-out;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
z-index:600;
}
.m-warp.mclose:hover{opacity:1; }

header{height:100px; padding:0;}
header .logo{width:120px; top:5px;}
header nav, header .social{display:none;}
header h3{line-height:100px; display:inline-block;}

#mtopic{height:250px;}

#h-banner{height:350px;}
#h-banner .content{top:43%;}
#h-banner .content span{width:100%; padding:0 15%;}
#h-banner .content p{text-align:center;}
#h-banner #b-product, #h-banner .content h1{display:none;}

#h-product .mdetail{width:50%;}

#news li{width:33.33%;}

#our-product h4, #produuct-detail h4{width:100%; margin:0;}
#our-product .container, #produuct-detail .container{width:100%; margin:0;}
#our-product .ctrl-pagination{width:100%; margin-left:0;}
#menu-cat{display:none;}

#f-cat{display:block;}

footer{padding:15px 20px 20px 20px;}
footer nav{display:none;}

#nav-icon2.mopen{background:transparent;}


}

@media (max-width: 834px) {


}

@media (max-width: 768px) {


}

@media (max-width: 750px) {

#produuct-detail{padding:20px 0 30px 0;}
#produuct-detail figure{padding:26px 20px 15px 20px;}
#produuct-detail figure .content{padding:0;}
#produuct-detail figure span{width:100%; padding:0; position:relative;}
#produuct-detail figure h4{font-size:22px;}
#produuct-detail figure h6{font-size:16px;}
#produuct-detail figure p.desc{font-size:16px;}
#produuct-detail label{width:100%;}
#produuct-detail form p.price{float:left;}
#produuct-detail fieldset.card{height:auto;}
#produuct-detail fieldset.card label{line-height:1.4;}
#produuct-detail fieldset.card p{margin-left:0;}
#produuct-detail font{float:left;}

}

@media (max-width: 480px) {

header .logo{width:100px; top:5px;}
header .frame{padding-left: 120px;}
header h3{line-height:100px; font-size:31px;}

#mtopic{height:180px;}
#mtopic h2{font-size:30px;}

.slide-cata a{font-size:22px;}

#q-search figure .content{height:44px;}
#q-search figure fieldset p{display:none;}

#h-product .frame{margin:30px 0;}
#h-product h4, #reacoment h4, #our-product h4, #produuct-detail h4{font-size:26px;}
#h-banner .content span{padding:0 5%;}

#reacoment{padding:30px 0;}

.a-section{padding:15px 20px;}

#q-search figure{padding:20px 0 20px 0;}
#q-search figure .icon, #q-search figure fieldset .logo{display:none;}
#q-search figure fieldset{width:100%; padding:0 20px;}
#q-search figure fieldset input[type="text"]{width:calc(100% - 115px); font-size:18px;}
#q-search figure fieldset input[type="submit"]{font-size:18px;}

#h-contact span{width:100%; text-align:center; padding:0;}
#h-contact span:nth-child(2){width:100%; text-align:center; float:none;}
#h-contact .logo{width:100px; position:relative; left:50%; top:auto; transform: translateX(-50%);}
#h-contact .icon{width:auto; margin:5px 10px; display: inline-block; clear: both; float:none;}

.mdetail h5.topic{font-size:18px !important;}

#news{padding:30px 0;}
#news li{width:50%;}
#news li:first-child .pic{width:100%; margin:0 0 10px 0;}
#news li:first-child span{width:100%; margin:0;}

#news-detail{padding:30px 0;}
#news-detail .topic{font-size:20px;}
#news-detail .content{font-size:16px;}

#our-product{padding:30px 0;}
#our-product .container li{width:50%;}

#produuct-detail{padding:20px 0 30px 0;}
#produuct-detail figure{padding:26px 20px 15px 20px;}
#produuct-detail figure .content{padding:0;}
#produuct-detail figure span{width:100%; padding:0; position:relative;}
#produuct-detail figure h4{font-size:22px;}
#produuct-detail figure h6{font-size:16px;}
#produuct-detail figure p.desc{font-size:16px;}
#produuct-detail label{width:100%;}
#produuct-detail form p.price{float:left;}
#produuct-detail fieldset.card{height:auto;}
#produuct-detail fieldset.card label{line-height:1.4;}
#produuct-detail fieldset.card p{margin-left:0;}

.mdetail .visitors{width:100%;}
.mdetail .share{float:left; margin-top:5px;}

.ctrl-pagination{margin-top:20px !important;}
.ctrl-pagination .first, .ctrl-pagination .last{display:none !important;}

#gmap iframe{width:100%; height:300px;}
#contact{padding:30px 0;}
#contact .content{padding:20px; margin:20px 0;}
#contact h3{font-size:35px;}
#contact h4{font-size:25px; line-height:40px;}
#contact h5{font-size:18px;}
#contact h6{font-size:18px; margin-top:0; line-height:1.6;}
#contact .info{padding-right:0;}
#contact .info p{font-size:18px; line-height:1.6;}
#contact .info .icon em{width:28px;}
#contact .info .qr-code{width:100%; float:left; position:relative; margin-top:15px;}

footer .social, footer .visitors{margin:25px 0;}
footer .social a{width:43px;}
footer nav a{font-size:18px;}
footer .visitors p{font-size:16px;}
footer .copyright{font-size:16px;}

}

@media (max-width: 430px) {

html,body {font-size:16px;}

}

@media (max-width: 414px) {



}

@media (max-width: 378px) {

header{height:80px;}
header .logo{width:80px;}
header h3{line-height:80px; font-size:25px;}
header .frame{padding-left:100px;}
#nav-icon2{top:22px;}

}

@media (max-width: 320px) {



}