@media (min-width: 320px){
    .wrapper{width: 320px;} 
    .banner_w, .menu, .menubot, .slogan, .ws-title-wrapper, .ColLeft{display: none;}
    .ColRight{width: 100%;}
    .Hheader{height: 110px;}
    .logo{margin: 0 0 0 5px;}
    .lang{top: 5px; left: 5px;}
    .search{top: 5px; right: 80px;}
    .menumobile{right: 5px; top: 4px;}
    .slideritemN{font-size: 14px;}
    .slideritem{font-size: 12px;}
    .slideritemM{padding: 3px 7px; font-size: 12px;}
    
    /* Home */
    .homeAboutL{width: 96%; padding: 2%;}
    .homeAboutP{font-size: 14px; line-height: 20px; height: auto;}
    .homeAboutT{margin-bottom: 10px; font-size: 20px;}
    .homeAboutM{margin-top: 10px;}
    .homeAboutR{width: 100%;}
    
    .HTintuc{width: 100%; height: 525px;}
    .HTintucT{top: 265px;}
    .HTintucP{height: 100px;}
    .HTintuc .owl-controls{top: 261px;}
    
    .HSanpham{margin: 0 0 30px 0; width: 100%;}
    .HSanphamPo{height: 505px;}
    .HSanphamP{height: 150px;}
    .HSanphamN{font-size: 17px;}
    .HSanpham .owl-controls{right: 60px; top: 220px;}
    
    .hRight{width: 100%;}
    .hAnds{float: left; width: 100%;}
    .hCnsx{margin: 20px 0; float: right; width: 100%;}
    .hTqdnT{font-size: 20px;}
    
    .HCsrLeft{width: 100%;}
    .HCsrRight{padding: 2%; width: 96%;}
    
    .BannerBotLeft, .BannerBotRight{width: 100%;}
    
    /* Footer */
    .footer{padding: 15px 0 0;}
    .footerright{width: 99%; float: right;}
    .navbot{padding: 19px 0 15px; text-align: center;}
    .navbot img{top: -48px;}
    
    /* Contact */
    .LienHeLeft{width: 98%; padding: 0 0.5%;}
    .LienHeRight{width: 98%; padding: 23px 0.5% 0;}
    .formItem input[type="text"]{width: 185px;}
    .formItem textarea{width: 165px;}
    
    .ListTTitem{float: left; width: 100%; padding: 0 0 20px 0;} 
    .ListTTitem2{float: right; padding: 0 0 20px 0;}
    
    .ListKH{width: 100%;}
    
    .footermxh img{margin: 0 10px 0 0;}
    .footer .wrapper{min-height: 200px;}
    .footerright ul li{margin: 0 0 11px;}
    .header2{height: 101px;}
}

@media (min-width: 480px){
    .wrapper{width: 480px;} 
    .Hheader{height: 110px;}
    .logo{margin: 0 0 0 5px;}
    .slogan{width: 220px; font-size: 25px; display: block;}
    .lang{top: 5px; left: 5px;}
    .search{top: 5px; right: 80px;}
    .menumobile{right: 5px; top: 4px;}
    .ws-title-wrapper{display: block;}
    .slideritemN{font-size: 16px;}
    .slideritem{font-size: 13px;}
    .slideritemM{padding: 3px 7px; font-size: 13px;}
    
    /* Home */   
    .HTintuc{width: 49%; height: 440px;}
    .HTintucT{ top: 200px;}
    .HTintucP{height: 75px;}
    .HTintuc .owl-controls{top: 197px;}
    
    .HSanpham{margin: 0 0 30px 2%; width: 49%;}
    .HSanphamPo{height: 420px;}
    .HSanphamP{height: 125px;}
    .HSanphamN{font-size: 17px;}
    .HSanpham .owl-controls{right: 50px;top: 200px;}
    .HSanphamM{top: 180px;}
    
    .hTqdnT{font-size: 22px;}
    
    /* Footer */
    .footer{padding: 15px 0 0;}
    .navbot{padding: 19px 0 15px; text-align: start;}
    .navbot img{top: -48px;}
    
    /* Contact */
    .LienHeLeft{width: 100%;}
    .LienHeRight{width: 100%;}
    .formItem input[type="text"]{width: 300px;}
    .formItem textarea{width: 280px;}
    
    .ListTTitem{float: left; width: 237px; padding: 0 5px 20px 0;} 
    .ListTTitem2{float: right; padding: 0 0 20px 0;}
    
    .ListKH{width: 48%;}
}

@media (min-width: 580px){
    .wrapper{width: 580px;}
    .slogan{width: 320px; font-size: 32px;}
    .slideritemN{font-size: 21px;}
    .slideritem{font-size: 15px;}
    .slideritemM{padding: 5px 10px; font-size: 17px;}
    
    /* Home */    
    .HTintuc{height: 485px;}
    .HTintucT{top: 235px;}
    .HTintucP{height: 100px;}
    .HTintuc .owl-controls{top: 233px;}

    .HSanphamPo{height: 465px;}
    .HSanphamP{height: 150px;}
    .HSanphamN{font-size: 19px;}
    .HSanpham .owl-controls{right: 60px;top: 217px;}
    .HSanphamM{top: 197px;}
    
    .hRight{width: 100%;}
    .hAnds{float: left; width: 49%;}
    .hCnsx{margin: 0 0 20px; float: right; width: 49%;}
    
    /* Footer */
    .footer{padding: 15px 0;}
    
    .ListTTitem{float: left; width: 285px; padding: 0 10px 20px 0;} 
    .ListTTitem2{float: right; padding: 0 0 20px 0;}
    
    .footer .wrapper{min-height: 180px;}
}

@media (min-width: 767px){
    .wrapper{width: 767px;}
    .slogan{width: 507px;}
    .slideritemN{font-size: 26px;}
    .slideritem{font-size: 16px;}
    
    /* Home */
    .homeAboutL{width: 388px; padding: 10px;}
    .homeAboutP{height: 80px;}
    .homeAboutR{width: 359px;}
    
    .HTintuc{width: 48%; height: 575px;}
    .HTintucT{ top: 300px;}
    .HTintucP{height: auto;}
    .HTintuc .owl-controls{top: 300px;}
    
    .HSanpham{margin: 0 0 30px 4%; width: 48%;}
    .HSanphamPo{height: 555px;}
    .HSanphamN{font-size: 22px;}
    .HSanphamM{top: 197px;}
    
    .hAnds{width: 48%;}
    .hCnsx{width: 48%;}
    
    .HCsrRight{padding: 1%; width: 98%;}
    
    .BannerBotLeft, .BannerBotRight{width: 50%;}
    
    /* Footer */
    /* Contact */
    .LienHeLeft{width: 48%;}
    .LienHeRight{width: 49%; padding: 46px 0.5% 0;}
    .formItem input[type="text"]{width: 250px;}
    .formItem textarea{width: 230px;}
    
    .ListTTitem{float: left; width: 370px; padding: 0 27px 20px 0;} 
    .ListTTitem2{float: right; padding: 0 0 20px 0;}
}

@media (min-width: 970px){
    .wrapper{width: 970px;}
    .menumobile{display: none;}
    .menu, .ColLeft, .menubot{display: block;}
    
    .Hheader{height: 151px;}
    .logo{margin: 0;}
    .slogan{width: 575px;}
    .lang{top: 48px; right: 0; left: inherit;}
    .search{top: 40px; right: 80px;}
    .slideritemN{font-size: 30px;}
    .slideritem{font-size: 17px;}
    
    ul#navigation > li > a{padding: 10px 5px;}
    
    /* Home */
    .homeAboutL{width: 455px; padding: 15px;}
    .homeAboutP{font-size: 16px; line-height: 25px; height: auto;}
    
    .homeAboutT{margin-bottom: 10px; font-size: 25px;}
    .homeAboutM{margin-top: 10px;}
    .homeAboutR{width: 485px;}
    
    .HTintuc{width: 305px; height: auto;}
    .HTintucT{top: 258px;}
    .HTintucP{height: 100px;}
    .HTintuc .owl-controls{top: 254px;}
    
    .HSanpham{margin: 0 10px 30px; width: 305px;}
    .HSanphamPo{height: 494px;}
    
    .hRight{width: 340px;}
    .hAnds{float: right; width: 100%;}
    .hCnsx{margin: 7px 0; float: right; width: 100%;}
    
    .HCsrLeft{width: 662px;}
    .HCsrRight{padding: 5px; width: 298px;}
    
    /* Footer */
    .footer{padding: 15px 0 0;}    
    .menubot1{width: 260px; margin-left: 0;}
    .menubot2{width: 210px;}
    .menubot3{width: 250px; margin-left: 0;}
    .footerright{width: 250px;}
    .navbot{padding: 15px 0;}
    .navbot img{top: -44px;}
    
    /* Contact */
    .LienHeLeft{width: 49%; padding: 0;}
    .LienHeRight{width: 50%; padding: 23px 0 0;}
    .formItem input[type="text"]{width: 300px;}
    .formItem textarea{width: 280px;}
    
    .ColRight{width: 685px;}
    .ListTTitem{float: left; width: 332px; padding: 0 20px 20px 0;} 
    .ListTTitem2{float: right; padding: 0 0 20px 0;}
    
    .footermxh img{margin: 20px 10px 0 0;}
    .footer .wrapper{min-height: 260px;}
    .footerright ul li{margin: 0 0 12px;}
    .header2{height: 151px;}
}

@media (min-width: 1070px){
    .wrapper{width: 1070px;}
    .banner_w{display: block;}
    
    ul#navigation > li > a{padding: 10px 20px;}
    .slideritemN{font-size: 32px;}
    
    /* Home */
    .homeAboutL{width: 489px; padding: 25px 23px 15px;}
    .homeAboutT{margin-bottom: 15px;}
    .homeAboutM{margin-top: 15px;}
    .homeAboutR{width: 521px;}
    
    .HTintuc{width: 340px;}
    .HTintucT{ top: 285px;}
    .HTintucP{height: auto;}
    .HTintuc .owl-controls{top: 280px;}
    
    .HSanpham{margin: 0 25px 30px; width: 340px;}
    .HSanphamPo{height: 521px;}
    .HSanphamP{height: auto;}
    .hCnsx{margin: 20px 0;}
    
    .HCsrLeft{width: 732px;}
    .HCsrRight{padding: 19px 20px 18px;}
    
    /* Footer */
    .footer .wrapper{width: 1170px;}
    .navbot .wrapper{width: 1170px;}
    .menubot1{width: 305px;}
    .menubot2{width: 260px;}
    .menubot3{width: 280px;}
    .footerright{width: 315px;}
    
    /* Contact */
    .LienHeLeft{width: 47%; padding: 0 0 0 1.5%;}
    .LienHeRight{width: 47%; padding: 23px 1.5% 0 0;}
    
    .ColRight{width: 770px;}
    .ListTTitem{float: left; width: 370px; padding: 0 15px 20px 0;} 
    .ListTTitem2{float: right; padding: 0 15px 20px 0;}
    
    .DetailC{padding: 0 20px 0 0;}
    .pageTitle{width: 755px;}
}