@media only screen and (max-width:1200px) {
body { max-width: 1200px }
.main { max-width: 100% }
.content { max-width: 100%; margin: 0 auto; width: 96%; padding: 0 2% }
.contentTop { padding: 2px 2% 0px; width: 96%;min-height:50px; }
.contentF { margin: 0 2%; width: 96% }
.colLeft { width: 30% }
.colRight { width: 68%; padding-bottom: 10px }
.products ul li { width: 32%; margin: 0 2% 2% 0 }
.pageCheck .col3 p a.btnApply { width: 18% }
.navF-item { float: left; margin: 0; position: relative; width: 16.3%; }
#owl{margin: 0px -2% 20px}
#owl .item{ padding:0 4%}
.right_top.active_scrolltop .search { right:5px;}
}

@media only screen and (max-width:1160px) {

.right_top { right: 0 }
.colRight h2, .box .box-heading { width: 95% }
.navF-item { float: left; margin: 0; position: relative; width: 16%; }
}


@media only screen and (max-width:1100px) {
.logo { margin-top:0px; padding-left:0px; margin-left:0;}
/*.logo img { margin-top: 10px }*/
.navM-item a { padding: 0 14px 0 10px }
.navM-submenu-item a{ padding:10px 15px}
.colRight { padding-bottom: 0 }
}
@media only screen and (max-width:1080px) {
.products ul li { width: 49%;}
.products ul li:nth-child(3n) { margin-right: 2% }
.products ul li:nth-child(3n+1) { clear: none; }
.products ul li:nth-child(2n) { margin-right: 0 }
.products ul li:nth-child(2n+1) { clear: both; }
}
@media only screen and (max-width:1040px) {

.mentop-item a { margin-right: 10px; padding-right: 5px }
.mentop-item a.icon7 { margin-right: 0 }
.bannerRight { width: 23.5% }
.bannerRight li { margin-bottom: 15px }
.bannerRight .s-desc { padding: 3% }
.text_sale .btnSale { padding: 10px 5px }
.navF-item { width: 15.66% }
}


@media only screen and (max-width: 980px) {

.mentop { width: 98%; padding: 20px 2% 5px 0; text-align: right }
.mentop-item { float: none; display: inline-block }

.omoss { padding: 2% 0 }

.text_sale .btnSale { padding: 10px }
.sok ul li { padding: 0 }

}
@media only screen and (max-width: 968px) {
	.logo { width:100%; text-align:center}
	.logo img { display:inline;margin-top: 10px}
	.right_top{ padding-top:0px;}
	.right_top.active_scrolltop .search input.text{ width:115px;}
	.right_top.active_scrolltop .search input.button { width:35px}
	.right_top.active_scrolltop .search { width:177px;}
}
@media only screen and (max-width: 920px) {

.navF-item { width: 24.66% }
}

@media only screen and (max-width: 890px) {

.mentop { width: 98%; padding-top: 10px }
.products h2 { width: 94% }
.mentop-item a { }
.price { font-size: 18px }

.image_product { width: 100% }
.rightContentSP { float: left; width: 96% }
}

@media only screen and (max-width: 848px) {

.logo img { margin-top: 16px }
.colLeft { width: 35% }
.colRight { width: 62.5% }

.navF-item { width: 25% }
.navF-submenu { width: 100% }
.leftBanner { margin-bottom: 15px }
.right_panel { width: 92.5%; padding: 0 4%; margin-bottom: 10px }
.descriptionCate { /*width: 92.5%;*/ padding: 1% 4%;}
.rightContentSP { float: left; width: 96% }
.royalSlider { padding: 0 2%; width: 96% !important; background: #fff }
.rsDefault .rsThumb img { max-width: 78px }
.imageGallery .bigImage a.btnZoom { top: 87% }
.pageCheck { width: 90%; margin: auto; padding: 0 5% }
.toplabel { width: 90%; margin: auto; padding: 0 5% }
.toplabel .code { width: 209px }
.toplabel .code input { width: 60px }
.bannerRight li { width: 48.72% }
.productForm { float: left }
}

@media only screen and (max-width: 787px) {
body { max-width: 787px }
.contact_form { width: 100%; float: left }
.info_center { width: 100% }
.colLeft { width: 35% }
.colRight { width: 62.5% }

.flexslider ul.slides li img { display: block; width: 100%; max-width: 100% }
}

@media only screen and (max-width: 767px) {
/*.moreInfo a{color:#000}*/
.info_omoss{margin-bottom:0}
header { position:fixed; padding-bottom: 15px; min-height:10px;}
#cart { display:block!important}
.main { margin: 0 }
body{background:none}
.wr_all_page {background: #000 url(/userfiles/images/graphics/bg.jpg) no-repeat center top!important;}
.category { display:none!important;}
.right_top { right: 0%; width:auto}
.logo_mb { display:block; position: relative; text-align: center; height: auto; margin-top:0px; margin-left:0;}
.logo_mb img { vertical-align: top; height: auto; margin-top:0px; padding-bottom: 0px }
.logo_mb img:hover { opacity:0.8}
.logo { display:none; position: relative; text-align: center; height: auto; margin-top:0px; margin-left:0;}
.logo img { vertical-align: top; height: auto; margin-top:0px; padding-bottom: 10px }
.mentop { display:none} /* an cai tren di*/
.right_top .search { display:none} /* an cai search di*/
.right_top { position:absolute; right:5px; top:5px; margin:0; padding:0;} /*reset cart show mobile*/
#cart { min-width:0px; padding:0; float:none;}
#cart .heading{top:5px; padding-left:0; height:35px; width:35px; margin-right:5px; background: url(/userfiles/images/graphics/card.png) no-repeat -2px -1px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
/*#cart .heading:hover { opacity:0.8}*/
#cart .heading a.cart { display:none;}
#cart .contentCart{ top:36px; right:5px;}
#language, #currency { border: 1px solid #fff; background: url(/userfiles/images/graphics/dropDownm.png) no-repeat scroll 38px 11px transparent; }
#language span, #currency span { color: #fff }
#language ul, #currency ul { border: 1px solid #fff }

/*nav*/
.mentop-mobile { display: block; }
.name { display: block }
.mentop { width: 100%; padding: 40px 0 0 }
.mentop-list { display: none }
.mentop-item { width: 96%; float: none; padding: 0px 2%;/* background: #115392*/}
.mentop-item:first-child { padding-top: 15px }
.mentop-item:last-child { padding-bottom: 15px }
.mentop-item:hover { }
.mentop-item > a { text-align: left; background: url(/userfiles/images/graphics/bg_nav_mobile.png) repeat-x left top; margin-right: 0; color: #fff ; border-bottom: 1px dashed #54748C; margin:5px 2%}
.mentop-click { display: block }
.mentop-mobile-open { border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; }
.mentop-item a.icon1 { background: url(/userfiles/images/graphics/icontop.png) no-repeat 0 0px }
.mentop-item a.icon1:hover, .mentop-item a.icon1.active { background: url(/userfiles/images/graphics/icontop.png) no-repeat 0 -21px }
.mentop-item a.icon2 { background: url(/userfiles/images/graphics/icontop.png) no-repeat 0 -44px }
.mentop-item a.icon2:hover, .mentop-item a.icon2.active { background: url(/userfiles/images/graphics/icontop.png) no-repeat 0 -65px }
.mentop-item a.icon3 { background: url(/userfiles/images/graphics/icontop.png) no-repeat 0 -90px }
.mentop-item a.icon3:hover, .mentop-item a.icon3.active { background: url(/userfiles/images/graphics/icontop.png) no-repeat 0 -111px }
.mentop-item a.icon4 { background: url(/userfiles/images/graphics/icontop.png) no-repeat 0 -136px }
.mentop-item a.icon4:hover, .mentop-item a.icon4.active { background: url(/userfiles/images/graphics/icontop.png) no-repeat 0 -157px }
.mentop-item a.icon5 { background: url(/userfiles/images/graphics/icontop.png) no-repeat 0 -180px }
.mentop-item a.icon5:hover, .mentop-item a.icon5.active { background: url(/userfiles/images/graphics/icontop.png) no-repeat 0 -201px }
.mentop-item a.icon6 { background: url(/userfiles/images/graphics/icontop.png) no-repeat 0 -223px;}
.mentop-item a.icon6:hover, .mentop-item a.icon6.active { background: url(/userfiles/images/graphics/icontop.png) no-repeat 0 -244px }
.mentop-item a.icon7 { background: url(/userfiles/images/graphics/icontop.png) no-repeat 0 -268px; margin-right: 2% }
.mentop-item a.icon7:hover, .mentop-item a.icon7.active { background: url(/userfiles/images/graphics/icontop.png) no-repeat 0 -290px }

.mentop-item a.last { width: auto }
.mentop-item > a:hover, .mentop-item a.active { background: url(/userfiles/images/graphics/bg_a_mobile_hover.png) repeat-x left top; text-decoration: none }
.language #sddm1 li a.btnLanguage { color: #fff }
.currency #sddm2 li a.btnCurrency { color: #fff }
.colLeft { float: left; width: 100%; }
.colRight { float: left; width: 100%; /*padding-bottom: 10px;*/margin-top:58px; }

.left_card_inner { padding: 2%; width: 96% }
.colRight h2 { padding: 7px 2%; width: 96%; margin-bottom: 10px }
.right_panel { margin-bottom: 10px; padding: 0 2%; width: 96%; }
.contentNav { padding: 0; width: 100%; background: rgba(60, 60, 60, .9); border: none }
.descriptionCate {padding: 1% 2%; width: 96%; }
.sale { display: none }
/*nav*/
.navF-mobile { display: block; }
.name2 { display: block }
.navF { width: 100%; padding: 5px 0; margin-bottom: 1%; }
.navF-item { width: 100%; float: none; margin: 0; border-bottom:1px solid #666; }
.navF-item:last-child { border:none}
.navF-submenu-item { margin-bottom: 7px; padding:5px 15px 2px; border-top:1px solid #666; transition: all ease 0.6; color:#fff}
.navF-item > a { padding: 10px 4%; text-align: left; color: #fff }
.navF-click { display: block; right: 2% }
.navF-mobile-open { border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; }
.navF-submenu-item:hover .navF-submenu2 { display: none }
.navF-item a.last { width: auto }
.navF-submenu { position: static; width: 100%; display: none }
.navF-submenu-item a { color: #f2f2f2 }
.navF-submenu2 { position: static; width: 100%; left: 0; top: 0 }
.navF-item > a:hover, .navF-item a.active { text-decoration: none; color: #e60512 }
.navF-submenu-item a:hover, .navF-submenu-item a.active { color: #e60512 !important; padding-left:35px; }
.navF-submenu-item a { padding: 2px 4% }
.navF-item:hover .navF-submenu { display: none; }
.navF-submenu-item a.email { color: #fff }
.navF-submenu-item a.email:hover { color: #91ab46 }
.contentNav .last { width: 100% }

.contentF { height: auto }
footer .link { float: left; width: 96%; padding: 0 2% }
footer .design_by { float: left; width: 96%; padding: 2% 2%; text-align: left }
footer .design_by p.text_footer { text-align: left; margin: 0 }
#back-top { right: 2%; top: -100% }

}

@media only screen and (max-width: 560px) {
body { max-width: 560px }

#search { position: relative; top: 10px; margin-bottom: 25px }
#cart { margin-bottom: 35px }


/*nav*/
.mentop-mobile { display: block; }
.name { display: block }
.mentop { padding: 40px 0 0; margin-bottom: 0% }
.mentop-list { }
.mentop-click { display: block; }
.mentop-mobile-open { border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; }
.mentop-item:hover .mentop-submenu { display: none; }
.mentop-submenu-item:hover .mentop-submenu2 { display: none }
.mentop-item a.last { width: auto }
.mentop-submenu { position: static; width: 100%; }
.mentop-submenu2 { position: static; width: 100%; left: 0; top: 0 }
.bannerRight li { float: left; width: 100%; border: none }
.omoss { padding: 2% 0 }
.productForm { float: left }

#lightbox-container-image-box { width: 90% !important }
#lightbox-container-image-data-box { width: 85.4% !important }
#cart { position: relative; float: right; margin-bottom: 15px }
.toplabel h4 { float: left; width: 100%; margin-bottom: 15px }
.toplabel .code { float: left }

}

@media only screen and (max-width:460px) {
.products { margin: 0; width: 100% }
.products ul { margin-right: 0px }
.products ul li { margin: 0 0 15px; padding: 0 0 17px; width: 100%; }
.products ul li:nth-child(2n) { margin-right: 0 }
.products ul li:nth-child(2n+1) { clear: none }

.toplisting{display:none}
}
@media only screen and (max-width:400px) {
body { max-width: 400px }
.logo { left: 0; width: 100%; margin-top:20px; z-index: 9999 }
.logo img { padding-bottom: 0 }
.right_top { width: auto; right: 0% }
#cart { width:auto; padding:0}
#search { margin: 0 auto 25px; right: 0; top: 15px }
.mentop-mobile { right: 5% }

.colRight h2 { padding: 7px 4%; width: 92%; }
.productForm { font-size: 12px; height: auto }
#newsProduct, #name, #price, #sale, #bestSeller { font-weight: normal; }
#newsProduct, #name, #price, #sale, #bestSeller { font-weight: normal; padding: 0 8px 0 4px; margin: 0 }

.toplisting ul li { font-size: 12px }

.productForm p { width: 100%; font-size: 12px }
.colRight h2, .box .box-heading { width: 92% }
#owl .item {
    padding: 0 0;
}
#owl{ margin:0 0 20px}
.label_validation.NoProductAvailable{margin-left:0;width:96%;}
#cart .contentCart{width:330px;}

}

@media only screen and (max-width:340px) {
.colRight .related h2,.colRight .related1 h2{font-size:14px;}
.content { max-width: 100%; padding: 0 5%; width: 90% }
.contentTop { padding: 0 5%; width: 90% }
.contentF { margin: 0 5%; width: 90% }
.right_panel { margin-bottom: 10px; padding: 0 4%; width: 92%; right: 5%; top: 30px }
.descriptionCate { padding: 1% 4%; /*width: 92%; */}
.left_card_inner { padding: 5%; width: 90%; }
.contact_form .button { margin-left: 0 }
.text_infor .btnLesmer { width: 70px }
.sok ul li label { width: 43%; float: left }
.img_content { float: left; padding: 5%; text-align: center; width: 90%; }
.text_infor { padding: 0 5% 13%; width: 90%; }
.text_infor .btnLesmer { right: 5% }
.sale { width: 91.8%; display: none; padding: 4% }
.sok select.op1 { width: 150px }
.sok select.op2 { width: 150px }
.sok select.op3 { width: 150px }
.sok select.op4 { width: 150px }
.sok select.op5 { width: 150px }
.contenttab .formLeft { width: 100%; float: left }
.contenttab .formRight { width: 100%; float: left }
.cartPS .buttons_added { margin-right: 12px }
.flex-direction-nav .flex-prev { right: 11% }
.titleSP { font-size: 20px }
.single_variation { font-size: 20px }
#lightbox-container-image-data-box { width: 83.4% !important }
footer .link { padding: 10px 2% }
#back-top { right: 2%; top: 0px }
#cart .contentCart { width: 273px }
.contact_form .inputText, .contact_form .textarea { width: 96%; padding: 0 2% }
.contact_form li { width: 100% }
.info-center { width: 96%; padding: 0 2% }
.contact_form { width: 96%; padding: 2% }
.contact_form .button { margin-left: 0 !important }
#search {width:204px }
#search input.text{ width:135px}
.img_content a img{width:100%}
}

@media only screen and (max-width:260px) {
#search {width:204px }
#search input.text{ width:135px}
.htop { padding-right: 0 }
.logo{ margin-bottom:0}
}