@charset "utf-8";
/* CSS Document */
body
{
	overflow-x: hidden;
}
img
{
	max-width: 100%;
}
.content_1 img { max-width: 100% !important; height: auto !important; }
.goidienthoai
{
	display: none;
}

@media only screen and (max-width: 1300px) {
	img._banner, img._logo { height: 65px;}
	.fsearch { width: 350px; margin: 9px 0px;}
	/**/
	.flex-space-between { flex-wrap: wrap;}
	.inherit1300 { margin: 0px 15px;}
}

@media only screen and (max-width: 1200px) {
	.fsearch { height: 35px; width: 250px; margin: 11.5px 0px;}
	.fsearch input[type="search"] { height: 35px;}
	.fsearch input[type="submit"] { height: 35px; background-size: 50%;}
	img._banner, img._logo { height: 60px;}
	.menu { font-size: 17px;}
	/**/
	.inherit { margin: 0px 15px;}
}
 
@media only screen and (max-width: 1024px) {
	a.tonav { display: block !important; margin: 14.5px 0px;}
	.menu { display: none;}
	.fsearch.hidden { display: block;}
	.bgheader .fsearch { display: none;}
	.bgheader .flex-space-between { justify-content: center;} 
	.fsearch { width: 85%; margin: 5px 0px;}
	img._banner, img._logo { margin-right: 15px; height: 59px;}
	h3.normal { font-size: 27px;}
	ul.tabs li {font-size: 16px;}
	.imagesInContent .col h4 { font-size: 16px;}
	.imagesInContentBor .col h4 { font-size: 14px;}
	.images-time-content .col .time { padding: 2px 5px; font-size: 18px;}
	ul.hotrokhachhang { font-size: 16px;}
	.titleh3 h3 { font-size: 18px;}
	.bgfooter .col { width: 50%; padding-bottom: 25px;}
	.fhotline { width: 50%; text-align: center; padding-bottom: 25px;}
	ul.thongketruycapl { width: 50%; padding-top: 0px;}
	.flienket { width: 50%; margin-top: 0px;}
	.bgfooter { margin-bottom: 46px;}
	.col-left { width: 100%; padding-right: 0px;}
	.col-right { display: none;}
	.imagesInContent.pro .col { width: calc((100% + 35px) / 3 - 35px); width: -moz-calc((100% + 35px) / 3 - 35px); width: -o-calc((100% + 35px) / 3 - 35px); width: -webkit-calc((100% + 35px) / 3 - 35px);}
	.imagesInContent.pro .col:nth-child(4n) { margin-right: 35px;}
	.imagesInContent.pro .col:nth-child(4n+1) { clear: none;}
	.imagesInContent.pro .col:nth-child(3n) { margin-right: 0px;}
	.imagesInContent.pro .col:nth-child(3n+1) { clear: both;}
	.mobile { display: block;}
	/**/
	.goidienthoai { display: block;}
	.bgfooter { padding-bottom: 43px;}
	#ser_onl { bottom: 46px !important;}
	#top {display: none !important;}
}
 
 
 
 
@media only screen and (max-width: 768px) {
	a.icon-chatzalo{display:none}
	h3.normal { font-size: 25px;}
	ul.tabs li { padding: 0px 15px; font-size: 15px;}
	.imagesInContent .col h4 { font-size: 14px;}
	img._banner, img._logo { margin-right: 0px;}
	.images-time-content .col h4 { font-size: 14px;}
	.images-time-content .col span { font-size: 14px;}
	.images-content .col h4 { font-size: 14px;}
	ul.hotrokhachhang { font-size: 14px;}
	.bgfooter .col { width: 100%;}
	.fhotline { width: 100%; padding-top: 0px; text-align: left;}
	ul.thongketruycapl { width: 100%; padding-bottom: 25px;}
	.flienket { width: 100%;}
	.images-content .col.bt { margin: 20px 0px; margin-right: 0px; margin-right: 30px; width: calc((100% + 30px) / 4 - 30px); width: -moz-calc((100% + 30px) / 4 - 30px); width: -o-calc((100% + 30px) / 4 - 30px); width: -webkit-calc((100% + 30px) / 4 - 30px); 	}
	.images-content .col.bt:nth-child(5n) { margin-right: 30px;}
	.images-content .col.bt:nth-child(5n+1) {clear: none;}
	.images-content .col.bt:nth-child(4n) { margin-right: 0px;}
	.images-content .col.bt:nth-child(4n+1) {clear: both;}
	
	.imagesInContent.pro .col { margin: 7.5px 0px; margin-right: 15px; width: calc((100% + 15px) / 3 - 15px); width: -moz-calc((100% + 15px) / 3 - 15px); width: -o-calc((100% + 15px) / 3 - 15px); width: -webkit-calc((100% + 15px) / 3 - 15px);}
	.imagesInContent.pro .col:nth-child(4n) { margin-right: 15px;}
	/**/
	.grid.detailproduct > .row > .col-thumb { float: none; width: 100%;}
	.grid.detailproduct > .row > .col-title { float: none; width: 100%; padding-left: 0px;}
	ul.tongquansanpham li h1 { margin-top: auto; font-size: 22px;}
	
	.message_none { font-size: 15px;}
	.news .col {width: 100%; padding-left: 0px; padding-right: 0px;}
	.news .col:nth-child(2n+1) { clear: none; }
	.news .col:nth-child(2n) { margin-right: 0px; }
	.news .col h4 { font-size: 14px; margin-bottom: 10px;}
	.news .col span { font-size: 13px;}
	.news .col { padding-bottom: 15px; padding-top: 15px;}
	
	h1.tenbaiviet { font-size: 16px;}
	.content_1 { font-size: 14px;}
	.breadcrumb { font-size: 14px;}
	
	.giohang_tk { font-size: 13px;}
	.form_giohang .tt_cart h3 { font-size: 13px;}
	.g_muatiep { font-size: 13px !important;}
	.giohang_form .cl_input {width: 100% !important;}
	
	.cl_input label, .cl_area label { font-size: 13px;}
	.thanh_title { font-size: 16px !important;}
	
	.grid.contact .col { width: 100%; min-height: auto; margin-right: 0px; border-right: none;}
	#map_canvas_1 { height: 250px !important;}
}
 
 
 
@media only screen and (max-width: 555px) {
	.imagesInContent.pro .col { width: calc((100% + 15px) / 2 - 15px); width: -moz-calc((100% + 15px) / 2 - 15px); width: -o-calc((100% + 15px) / 2 - 15px); width: -webkit-calc((100% + 15px) / 2 - 15px);}
	.imagesInContent.pro .col:nth-child(4n) { margin-right: 15px;}
	.imagesInContent.pro .col:nth-child(4n+1) { clear: none;}
	.imagesInContent.pro .col:nth-child(3n) { margin-right: 15px;}
	.imagesInContent.pro .col:nth-child(3n+1) { clear: none;}
	.imagesInContent.pro .col:nth-child(2n) { margin-right: 0px;}
	.imagesInContent.pro .col:nth-child(2n+1) { clear: both;}
	.imagesInContent .col h4, .imagesInContentBor .col h4 { font-size: 12px; padding: 10px 5px;}
	h3.normal { font-size: 20px;}
	ul.tabs li { font-size: 14px; padding: 0px 5px;}
	.imagesInContentBor .col h4 { font-size: 12px;}
	.runspmoi .slick-prev, .runspmoi .slick-next { top: 0px; width: 25px; height: 25px;} 
	.runspmoi .slick-prev { background-size: 100%; right: 30px; } 
	.runspmoi .slick-next { background-size: 100%; right: 0px; }
	.runcongtrinh .slick-prev, .runcongtrinh .slick-next { top: 0px; width: 25px; height: 25px; } 
	.runcongtrinh .slick-prev { background: url(../images/icon_prev.png) no-repeat center; background-size: 100%; right: 30px; } 
	.runcongtrinh .slick-next { background: url(../images/icon_next.png) no-repeat center; background-size: 100%; right: 0px; }
	.runtintuc .slick-prev, .runtintuc .slick-next { top: 0px; width: 25px; height: 25px; } 
	.runtintuc .slick-prev { background: url(../images/icon_prev.png) no-repeat center; background-size: 100%; right: 30px; } 
	.runtintuc .slick-next { background: url(../images/icon_next.png) no-repeat center; background-size: 100%; right: 0px; }
	.hotrokhachhang .col { width: 100%;}
	.hotrokhachhang .col:first-child { padding-right: 0px;}
	.hotrokhachhang .col:last-child { padding-left: 0px;}
	ul.thongtincongty li.important { font-size: 16px;}
	ul.thongtincongty li { font-size: 14px;}
	.fhotline { font-size: 18px;}
	ul.thongketruycapl { font-size: 16px;}
	.flienket .title { font-size: 16px;}
	.flienket img {height: 35px;}
	img._banner, img._logo { height: 35px; margin: 0px auto;}
	.bgheader .flex-space-between { display: block;}
	
	.images-content .col.bt { margin: 10px 0px; margin-right: 0px; margin-right: 20px; width: calc((100% + 20px) / 3 - 20px); width: -moz-calc((100% + 20px) / 3 - 20px); width: -o-calc((100% + 20px) / 3 - 20px); width: -webkit-calc((100% + 20px) / 3 - 20px); 	}
	.images-content .col.bt:nth-child(5n) { margin-right: 20px;}
	.images-content .col.bt:nth-child(5n+1) {clear: none;}
	.images-content .col.bt:nth-child(4n) { margin-right: 20px;}
	.images-content .col.bt:nth-child(4n+1) {clear: none;}
	.images-content .col.bt:nth-child(3n) { margin-right: 0px;}
	.images-content .col.bt:nth-child(3n+1) {clear: both;}
	/**/
	.breadcrumb { display: none;}
	.news .col h4 { font-size: 12px;}
	.news .col span { font-size: 12px;}
	
	h1.tenbaiviet { font-size: 14px;}
	.breadcrumb { font-size: 12px;}
	.content_1 { font-size: 14px;}
	.contact button {padding: 10px 10px;}
	
	ul.tongquansanpham li h1 { font-size: 18px; margin-top: 20px;}
	ul.tongquansanpham li.luotxem, .thongtinsanpham .title { font-size: 12px;}
	ul.tongquansanpham li.giaban { font-size: 16px;}
	ul.tongquansanpham li.masp { font-size: 16px;}
	.message_none { font-size: 14px;}
	
	.giohang_tk { font-size: 12px;}
	.form_giohang .tt_cart h3 { font-size: 12px;}
	.g_muatiep { width: auto !important; font-size: 12px !important; }
	.cl_input label, .cl_area label { font-size: 12px;}
}

@media only screen and (max-width: 380px) {
	.images-content .col.bt { margin: 10px 0px; margin-right: 0px; margin-right: 20px; width: calc((100% + 20px) / 2 - 20px); width: -moz-calc((100% + 20px) / 2 - 20px); width: -o-calc((100% + 20px) / 2 - 20px); width: -webkit-calc((100% + 20px) / 2 - 20px); 	}
	.images-content .col.bt:nth-child(5n) { margin-right: 20px;}
	.images-content .col.bt:nth-child(5n+1) {clear: none;}
	.images-content .col.bt:nth-child(4n) { margin-right: 20px;}
	.images-content .col.bt:nth-child(4n+1) {clear: none;}
	.images-content .col.bt:nth-child(3n) { margin-right:20px;}
	.images-content .col.bt:nth-child(3n+1) {clear: none;}
	.images-content .col.bt:nth-child(2n) { margin-right: 0px;}
	.images-content .col.bt:nth-child(2n+1) {clear: both;}
	/**/
	h1.tenbaiviet { font-size: 14px;}
	.content_1 { font-size: 12px;}
	
	ul.tongquansanpham li h1 { font-size: 15px;}
	ul.tongquansanpham li.luotxem { font-size: 11px;}
	ul.tongquansanpham li.giaban, ul.tongquansanpham li.mota, ul.tongquansanpham li.masp { font-size: 13px;}
	
	.message_none { font-size: 12px;}
	
	.giohang_tk { font-size: 11px;}
	.form_giohang .tt_cart h3 { font-size: 11px;}
	
	.thanh_title { font-size: 12px !important;}
	.khungxn label { font-size: 12px !important;}
	.xacnhan .phuongthuc { font-size: 12px !important;}
}

@media only screen and (max-width: 320px) {
	.imagesInContent.pro .col { width: 100%;}
	.imagesInContent.pro .col:nth-child(3n) { margin-right: opx;}
	.imagesInContent.pro .col:nth-child(3n+1) { clear: none;}
	.imagesInContent.pro .col:nth-child(2n) { margin-right: 0px;}
	.imagesInContent.pro .col:nth-child(2n+1) { clear: none;}
	.imagesInContent.tk .col.small { width: 100%;}
	.imagesInContent.tk .col.big { width: 100%;}
	.imagesInContent.tk .col.big.marleft { margin-left: 0px;}
	
	.images-content .col.bt { margin: 10px 0px; margin-right: 0px; margin-right: 20px; width: 100%}
	.images-content .col.bt:nth-child(5n) { margin-right: 0px;}
	.images-content .col.bt:nth-child(5n+1) {clear: none;}
	.images-content .col.bt:nth-child(4n) { margin-right: 0px;}
	.images-content .col.bt:nth-child(4n+1) {clear: none;}
	.images-content .col.bt:nth-child(3n) { margin-right:0px;}
	.images-content .col.bt:nth-child(3n+1) {clear: none;}
	.images-content .col.bt:nth-child(2n) { margin-right: 0px;}
	.images-content .col.bt:nth-child(2n+1) {clear: none;}
}

a, a:link, a:active, a:visited, a:hover
{
	/*color: inherit;*/
	/*text-decoration: underline;*/
}

nav:not(.mm-menu)
{
	display: none;
}
a.tonav
{
	width: 30px;
	height: 18px;
	display: none;
}
a.tonav:before, a.tonav:after
{
	content: '';
	display: block;
	background: #fff;
	height: 2px;
}
a.tonav span
{
	background: #fff;
	display: block;
	height: 2px;
	margin: 6px 0px;
}

.mm-listview>li
{
	text-transform: uppercase;
}
.mm-navbar .mm-title
{
	text-transform: uppercase;
}

.mm-menu { background: #7fc241 !important;}
.mm-menu .mm-listview > li .mm-next:after { border-color: #fff !important;}
.mm-menu .mm-btn::after, .mm-menu .mm-btn:before { border-color: #fff !important;}
.mm-listview > li > a, .mm-listview > li > span { font-family: 'openSansRegular'; color: #fff !important;}
.mm-listview > li, .mm-listview > li .mm-next, .mm-listview > li .mm-next::before, .mm-listview > li::after, .mm-navbar { border-color: #ffffffb3 !important;}
.mm-navbar .mm-title { font-family: robotoBold; font-size: #fff; color: #fff !important; }