.myslidercat .slick-dots li button:before {
	font-size: 30px !important;
	top: 0px !important;
	color: #fff !important;
}
.myimgslider .slick-dots li button:before {
	color: #fff !important;
}
.myslidercat .slick-dots li{
	width: 10px !important;
}
#mobile{
	display: none !important;
}

@media only screen and (min-width: 1650px) {
	#ads-left, #ads-right{
		display : block !important;
	}
}
@media only screen and (min-width: 1025px) {
	.overlay .closebtn {
		top: 0px;
	}
}
@media only screen and (max-width: 1180px) {
	.chinhanhfooter{
		width: 100% !important;
	}
	.div-chinhanh{
		width: 95% !important;
	}
	.colorandpic .fa-youtube {
		font-size: 35px;
		margin: 0 auto;
	}
	.overlay .closebtn {
		color: #fff;
	}
	.productvideo-container, .productvideoslider-container {
		bottom:0;
		top: auto;
	}
	.filtercat .property.threecol{
		width: 300px;
		left: -145px;
		top: 43px !important;
	}
	.filtercat .property.threecol .divboloc .prop{
		width: 100%;
	}
	.chooseprice{
		display: none !important;
	}
	.filtercat .manu a {
		width: calc(100%/4 - 1px);
	}
	.filtercat .manu {		
		margin: 0 5px;
	}
	.filtercat .fl {		
		margin-left: 10px;
	}
	.findstores span.select2{
		width: 100% !important;
	}
	.findstores{
		width: 100% !important;
	}
	#content-left{
		width: 100%;
		padding: 0 10px;
	}
	.knh-homepage, .cate-cook{
		width: 100%;
	}
	.colorandpic li{
		width: 55px;
	}
	.colorandpic li div{
		width: 40px;
		height: 40px;
	}
	.fa-video, .fa-tools, .fa-youtube {
		font-size: 35px;
		margin: 3px auto;
	}
	.catbannermb{
		display: block !important;
	}
	.banner #owl-homemb {
		width: 100%;
		height: auto;
	}
	.banner .myslidercatmb{
		display: block !important;
	}
	.banner .right{
		display: none !important;
	}
	.grid-news .row-news .item{
		width: calc(100%/2 - 10px) !important;
	}
	.grid-news .row-news .item .i-desc .i-title h3{
		display: none !important;
	}
	.grid-news .row-news .item .i-desc {
		height: 72px !important;
	}
	a.cd-top{
		bottom: 90px !important;
		right: 30px !important;
	}
	.boxQuickFilter.hasImg a {
		width: calc(100%/4 - 5px);
	}
	.lifesport2020 > a{
		width: 20%;
	}
	.bottom_order .info_sp{
		display: none;
	}
	.bottom_order .area_order{
		width: 100%;
	}
	.bottom_order .area_order .buy_now{
		width: 100%;
		height: 55px;
	}		
	.bottom_order .area_order .buy_repay{
		width: 49%;
		height: 55px;
		margin-top: 10px;
	}
	.bottom_order .area_order .buy_repay.s{
		float: right;
		height: 55px !important;
	}
	.fullbannerheader{
		display: none;
	}
	.fullbannerheadermb{
		display: block;
	}
	.bnnoelimgmb{
		display: block;
	}
	.user-form input{
		width: 90%;
	}
	.user-form select{
		width: 95%;
	}
	.user-form input.dia-chi{
		width: 93%;
	}
	.backinstall {
		padding: 0 15px 15px 15px;
	}
	.onecheckout{
		width: 95%;
	}
	.g-grid {
		display: grid;
		/* W(adjusted) = W(individual) - (1rem * 1/2) */
		grid-template-columns: calc(100%/4 - (20px * 3/4)) calc(100%/4 - (20px * 3/4)) calc(100%/4 - (20px * 3/4)) calc(100%/4 - (20px * 3/4));
		/*grid-template-columns: calc(25% - 30px) calc(25% - 30px) calc(25% - 30px) calc(25% - 30px);*/
		/*grid-template-columns: calc(100%/3 - (40px * 2/3)) calc(100%/3 - (40px * 2/3)) calc(100%/3 - (40px * 2/3)); này là 3 cột 2/3*/
		/*grid-template-columns: calc(100%/2 - (40px * 1/2)) calc(100%/2 - (40px * 1/2)); này là 2 cột 1/2*/
		grid-column-gap: 20px;
	}
	.myreview {
		display: block;
		width: 100%;
		overflow: hidden;
	}
	.subother {
		/* display: none; */
		clear: both;
		overflow: hidden;
		padding-bottom: 10px;
	}
	.subother a {
		float: left;
		padding: 2% 1%;
		width: 48%;
		overflow: hidden;
		font-size: 12px;
		color: #fff;
	}
	.subother a span {
		color: #d4d4d4;
		padding-left: 5px;
		font-size: 10px;
		display: inline-block;
		vertical-align: bottom;
	}
	footer .viewst {
		float: right;
		padding: 10px;
		font-size: 14px;
		color: #288ad6;
		background: white;
	}
	.infoother {
		width: 100%;
		float: left;
		position: relative;
		font-size: 14px;
		color: #fff;
		padding: 10px 7px 5px;
		display: none;
	}
	.buycall {
		display: block;
		overflow: hidden;
		background: none;
		padding: 10px 7px;
		font-size: 14px;
		color: #fff;
		border-bottom: 1px solid #eee;
		clear: both;
	}
	.group {
		display: block;
		overflow: hidden;
		border-top: 1px solid #eee;
		margin: 5px auto 0px auto;
		clear: both;
	}
	.group label {
		display: block;
		font-size: 12px;
		color: #888;
		margin-bottom: 5px;
		padding-left: 10px;
		padding-top: 8px;
	}
	.group a {
		display: inline-block;
		vertical-align: top;
		padding: 0 0 0 8px;
		width: auto;
		margin-bottom: 5px;
	}
	.rowmobile{
		display: block !important;
	}
	.likeshare{
		display: none !important;
	}
	.rowfoot1 ul.col1, .rowfoot1 ul.col2, .rowfoot1 ul.col3, .rowfoot1 ul.col4{
		display: none !important;
	}
	.likesharemb{
		display: block !important;
		margin-top: 8px;
	}
	.topnav{
		display: block !important;
		z-index: 999;
	}
	.topnav a {
		display: none !important;
		color: #000 !important;
	}
	.topnav a.icon {
		float: right !important;
		display: block !important;
		padding: 15px;
	}
	.topnav.responsive {
		max-width: 640px;
		top: 0;
		position: fixed;
		width: 100%;
		height: auto;
		background: #fff;
	}
	.topnav.responsive .icon {
		position: absolute;
		right: 5px;
		top: 2px;
		border-bottom: 0px solid !important;
	}
	.topnav.responsive .icon i {
		color: #fff;
	}
	.topnav.responsive a {
		float: none;
		display: block !important;
		text-align: left;
		border-bottom: 1px solid #eee;
	}
	.topnav.responsive a:first-child{
		margin-top: 0px;
		background: #000;
	}
	.topnav.responsive a img{
		max-width: 20px;
		margin-right: 10px;
	}
	
	.col4 li a.linkyt, .col4 li a.linkfb{
		display: none !important;
	}
	.col4 li a{
		float: left;
		margin-right: 15px;
	}
	.rowfoot1 .col4{
		text-align: left;
		width: 100%;
	}
	.rowfoot1 .col4 br{
		display: none;
	}
	.rowfoot1 .col4 li p{
		margin: inherit;
	}
	.noi-dung img, #motangan img, #fullmota img{
		width: 100% ;
		height: auto ;
	}
	#motangan img{
		width: 100% !important;
		height: auto !important;
	}
	#motangan img.iconty{
		width: auto !important;
		height: auto !important;
	}
	#motangan .div-img img{
		width: 60px !important;
		height: auto !important;
	}
	.slick-dots li button:before {
		font-size: 30px !important;
		top: 0px !important;
		color: #fff !important;
	}
	.slick-dots li{
		width: 10px !important;
	}
	.f-hdtop .f-wrap h1 > i{
		display: block;
		float: left;
		color: #fff;
		margin: 10px 3px 0;
	}
	.kmhotnhat{
		/*height: 351px;*/
		height: 321px;
	}
	.kmhotnhat label {
		top: 187px;
	}
	.kmhotnhat img {
		width: 180px;
		height: 180px;
	}
	.catetag{
		width: 100%;
	}
	.catetag div{
		width: 100%;
	}
	.catetag a{
		padding-left: 10px;
	}
	.mycatalogmobile {
		padding: 10px 5px 5px;
		background: #fff;
	}
	.mycatalog a{
		width: 100%;
		float: left;
		margin: 0;
		text-align: center;
		margin-right: 3px;
	}
	.mycatalog a div .myimg{
		border: 0px solid #c3c3c3 !important;
		border-radius: 0px !important;
	}
	.mycatalog a div {
		display: flex;
		justify-content: center;
		overflow: hidden;
		border-radius: 50%;
		width: 55px;
		height: 55px;
		margin: auto;
		background: linear-gradient(-180deg,#fbfbfb 0%,#f1f1f1 100%);
		border: 1px solid #c3c3c3;
	}
	.mycatalog a div img{
		width: 100%;
	}
	.mycatalog .myimg{
		width: 20px;
		height: 20px;
	}
	.mycatalog .owl-dots{
		display: none !important;
	}
	.mycatalog p {
		display: block;
		font-size: 12px;
		padding: 5px 0 0;
		color: #000;
		text-align: center;
		line-height: 1.3em;
		overflow: hidden;
		white-space: normal;
		word-wrap: break-word;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}




	
	.myimgslider img{
		width: 100%;
		max-height: 240px;
	}
	.myimgslider .owl-prev, .myimgslider .owl-next {
		top: 42% !important;
	}
	.tsktmb{
		display: block;
		margin-bottom: 10px;
	}
	.fs-logo {
		width: 86%;
		text-align: center;
		padding-left: 60px;
	}
	.fs-menu, .fs-menu .f-wrap{
		height: auto;
	}
	.menumobile{
		padding: 10px 1.18% 5px 0;
	}
	.menumobile a {
		width: calc(100%/4 - 10px);
		/*flex: 1;*/
		position: relative;
		height: 42px;
		margin: 0 0 5px 1.18%;
		border: 1px solid #4a90e2;
		border-radius: 4px;
		background: #f1f1f1;
		background: -moz-linear-gradient(top,#fff 0%,#f1f1f1 100%);
		background: -webkit-linear-gradient(top,#fff 0%,#f1f1f1 100%);
		background: linear-gradient(to top,#f1f1f1 0%,#fff 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f1f1f1',GradientType=0);
	}
	.flex {
		display: flex;
	}
	.menumobile a h4 {
		display: block;
		font-size: 12px;
		color: #4a90e2;
		text-align: center;
		margin: 8px 0 0;
	}
	.listinfoCatalog, .bannercatalog{
		/*display: none;*/
	}
	aside.product .orderby .ordertype a{
		margin: 0 1px;
		padding: 3px 5px;
	}
	.headinfor div h1 {
    font-size: 20px !important;
}

section.hethongch .headbg .headinfor {
    max-width: 100% !important;
    top: unset !important;
    right: unset !important;
    left: 5%;
}
	.mybannerCatalogmb{
		padding: 0 10px;
	}
	.fourLoiIch, .mybannerCatalogmb{
		display: block !important;
	}
	.fb_iframe_widget_fluid_desktop, .fb_iframe_widget_fluid_desktop span, .fb_iframe_widget_fluid_desktop iframe {
		max-width: 100% !important;
		width: 100% !important;
	}
	.hl-homeproduct li.feature img {
		width: 100%;
		height: auto !important;
	}
	.fs-main{
		padding-top: 0px !important;
	}
	#comment .txtEditor{
		width: 95%;
	}
	
	.comment_ask .relate_infocom {
	    display: block;
	}
	
	div#parentreply {
	    width: 100% !important;
	}
	.boxRatingCmt form .ct, .boxRatingCmt form .if{
		width: 100%;
		text-align: center;
	}
	.boxRatingCmt form.formdanhgia input{
		width: 98%;
	}
	.ipt{
		display: block !important;
	}
	.boxRatingCmt .crt .bcrt a{
		margin: 20px auto 0;
	}
	.boxRatingCmt .crt{
		height: auto !important;
	}
	.lcrt{
		width: 40% !important;
	}
	.rcrt{
		width: 55% !important;
	}
	.bcrt{
		width: 100% !important;
		margin-bottom: 10px;
	}
	.mypage > .box_content{
		margin: 0 15px;
	}
	.classtskt{
		display: inline-block !important;
	}
	.mypage > .box_content > .left_content{
		width: 100%;
	}
	.mypage > .box_content > .right_content{
		display: none;
	}
	.rowdetail aside.price_sale{
		margin: 0px;
	}
	.rowdetail aside.price_sale .area_price{
		padding: 0px;
	}
	.rowdetail aside.price_sale .area_promotion{
		margin: 10px 0 0 0px;
	}
	.rowdetail aside.price_sale .area_order{
		margin: 10px 0 0 0px;
	}
	.rowdetail aside.price_sale .callorder{
		display: none;
	}
	.rowdetail .rightInfo{
		margin-top: 10px;
	}
	.productgallery-container .productgallery-inside .div-img img, .productvideo-container .productvideo-inside .div-img img{
		margin: 10px 0 10px 10px;
	}
	.productgallery-container .productgallery-inside .button-container .buy_now, .productvideo-container .productvideo-inside .button-container .buy_now{
		min-width: 85px;
	}
	#myTsktPopup .overlay-content{
		max-width: 640px;
		margin: 0 auto;
	}
	#myTsktPopup .overlay-content li div{
		height: auto;
		border: 0px solid;
	}
	#myTsktPopup .closebtn {
		display: none;
		position: fixed;
		top: 0px;
		right: 10px;
		font-size: 35px;
		z-index: 100000;
	}
	.rowdetail aside.picture, .rowdetail aside.price_sale, .rowdetail .rightInfo, .liketoo {
		width: 100%;
	}
	.mypage .rowdetail{
		margin: 0 15px;
	}
	.mypage .productname{
		padding: 0 15px;
	}
	ul.breadcrumb{
		padding: 5px 15px;
	}
	.storefind-mid-sub .marketnear > span{
		padding: 15px 15px 0 0px;
	}
	.address .seedirect{
		width: 90%;
	}
	.div_newsboxfooter .ul-list_newspro li:nth-child(2n){
		text-align: right; 
	}
	.storefind-mid-sub aside:first-child, .storefind-mid-sub aside:nth-child(2){
		width: 100%;
	}
	body{
		max-width: 640px;
		margin: 0 auto;
	}
	.headbg .box-mid{
		height: auto;
	}
	footer, .rowfoot1, .rowfoot2, section.mypage, .headbg .box-mid, .storefind-mid, .wrap-main, .div_newsboxfooter .div_boxkmhlfooter, .storefind-mid-sub{
		max-width: 640px;
		min-width: inherit;
	}
	.div_newsboxfooter .ul-list_newspro li{
		height: auto;
	}
	.center-sieuthi, .store-local aside:nth-child(1), .store-local aside:last-child{
		width: 100%;
	}
	.store-local aside:nth-child(1) h2, .store-local aside:nth-child(1) .address, .store-local aside:nth-child(1) .utility strong, .store-local aside:last-child .storecontent{
		padding: 10px;
	}
	.storefind-mid aside .findstore{
		padding: 0 10px;
	}
	.headbg img{
		margin: 10px;
		padding-top: 15px;
		width: 45%;
		position: inherit;
		right: inherit;
	}
	.fs-search{
		width: 99%;
		margin: 7px 0;
		padding: 0 10px;
	}
	.bigpost .box-featured{
		padding: 0px;
	}
	.fs-search>form, .fs-asleft, .hl-homeproduct li.feature, .mypage > .maincate, .bigpost .box-featured{
		width: 100%;
	}
	.mypage > .maincate > .bigpost, .mypage > .maincate > .pc{
		padding: 0 15px;
	}
	.hl-homeproduct{
		margin-bottom: 0px;
	}
	.hl-homeproduct li{
		width: 33% ;
	}
	.fs-menu > .f-wrap > ul.fs-mnul{
		display: none;
	}
	.fs-menu > .f-wrap > ul.menumobile, .myimgslider .owl-nav, .mycatalogmobile{
		display: block !important;
	}
	.menumobile .mymenu .owl-stage-outer .owl-stage .owl-item{
		height: 45px !important;
	}
	.menumobile li{
		display: flex;
		align-items: center;
		height: 100%;
		margin-left: 15px;
		margin-right: 0px;
	}
	.fs-hdmn li, .fs-seen, .fs-asright, .myslider, .menumobile .mymenu .owl-dots, .navigat .viewallcat, .mymxh, .bigpost .listpost, .mypage > .faqs{
		display: block!important;
	}
	.fs-hdmn > li:last-child {
		display: block !important;
	}
	.fs-hdmn > li:last-child {
		margin-right: 10px;
	}
	.viewallmobile {
		background: #fff;
		display: block;
		overflow: hidden;
		border-bottom: 5px solid #ececec;
	}
	.viewallmobile .center {
		display: block;
		overflow: hidden;
		position: relative;
		line-height: 50px;
		font-size: 14px;
		color: #288ad6;
		border-bottom: 1px solid #eee;
		text-align: center;
		padding: 0 10px;
	}
	.colfoot{
		width: calc(100% / 2 - 20px);
		text-align: left;
		margin-top: 10px;
		padding: 0 10px;
	}
	.rowfoot1 .col3{
		clear: both;
	}
	.rowfoot1 .col3 {
		width: calc(100% / 2 - 20px);
		text-align: left;
	}
	.mypage aside.product{
		/*width: 70%;*/
	}
	.mypage aside.filter{
		width: 29%;
	}
	/*.box-pros .cate li{
		width: calc(100%/3.02);
	}*/
	.box-pros .cate li .thumbnail-product {
		padding-top: 10px;
	}
	#category-filter .price{
		padding: 0 10px;
	}
	.storefind-mid aside:first-child, .storefind-mid aside:nth-child(2){
		width: 100%;
	}
	.contact-info .floatleft, .contact-info .floatright{
		width: 100%;
	}
	#help-navigation {
		display: none;	
	}
	.headbg .headinfor{
		position: absolute;
		right: 4%;
		top: 10%;
		max-width: 50%;
	}
	.headbg .headinfor br {
		display: none;
	}
	.box-featured li:first-child a{
		padding: 10px 0 0;
	}
	.mypage #help-main{
		width: 100%;
		display: block;
		padding: 0px;
		border-right: 0px solid #f5f5f5;
	}
	.mypage .khung-bao-lon, .mypage #help-main .wrap-right-nd ul.orther-news{
		padding: 0 15px !important;
	}
	.mypage #help-main .wrap-right-nd hr {
		padding: 0px 15px;
		width: 90%;
	}
	.storefind-mid aside:first-child .serviceatt {
		margin: 10px auto 0;
		padding: 0 15px;
	}
	.testfunction .result .clearfix .comment form{
		padding: 0 15px;
	}
	.storefind-mid-sub aside .address, .storefind-mid-sub aside .promotion, .storefind-mid-sub aside .almost, .storefind-mid-sub aside .utility{
		padding: 0 15px;
	}
	.storefind-mid-sub .marketnear > span{
		padding: 15px 15px 0 15px;
	}
	.storefind-mid-sub .marketnear .otherstore{
		padding: 0 15px;
	}
	.sendnow .infoname{
		width: 90%;
		margin-bottom: 5px;
	}
	.sendnow .finalpost{
		float: left;
	}
	.bigpost .box-featured{
		padding: 10px 0;
	}
	.comment_ask{
		padding: 0 15px;
	}
	.midcmt .totalcomment{
		padding: 15px;
	}
	.mypage > .wrap-main > .wrap-section > #help-main .contact-form form, .contact-info .floatleft .div, .contact-info .floatleft .div1{
		padding: 0 15px;
	}
	section.mypage{
		padding: 10px 0 15px 0;
	}
	#category-filter .price{
		padding: 10px 0 0 10px;
	}
}
@media only screen and (max-width: 1024px) {
	.choose-cate li .img-catesp h3 {
	    font-size: 12px;
	}
	.hl_detailnews .news_title {
	    margin-bottom: 10px !important;
	    line-height: 25px !important;
	}
	.hl_detailnews .news_img img {
	    height: auto;
	}
	section.mypage .tab {
	    display: grid;
	    justify-content: center;
	    align-items: center;
	    grid-template-columns: repeat(2,1fr);
	    gap: 5px;
	}
	
	section.mypage .tab button {
	    margin: auto;
	    float: left;
	    width: 100%;
	    padding: 10px;
	    font-size: 13px;
	}
	
	.mycategory .mypage > img {
		max-height: 70px;
	}
	.menu_mobi_custom{
		display: block !important;
		background: #fff;
	}
	.menu_mobi_custom li{
		list-style: none;
		padding: 10px 0;
		margin: 0 10px;
	}
	.menu_mobi_custom li a{
		color: #8e8e8e;
	}
	.myslidercat_mb .slick-slide img {
		border-radius: 30px;
	}
	.myslidercat{
		display: none !important;
	}
	.myslidercat_mb{
		display: block !important;
	}
	.list-sieuthi .store-province {
		padding-bottom: 20px;
	}
	.list-sieuthi .center-page {
		padding: 20px;
	}
	.fixmenu {
		max-width: 640px;
	}
	h1{
		font-size: 40px;
		line-height: 44px;
	}
	h2{
		font-size: 32px;
		line-height: 36px;
	}
	.infoprod {
		width: auto;
	}
	.div_boxkmhlfooter ul.ul-list_newspro li a img{
		height: 185px !important;
	}
	#help-mains h1{
		font-size: 40px;
		line-height: 40px;
	}
	#help-mains h2{
		font-size: 32px;
	}
	section.intro {
		max-width: inherit !important;
		min-width: inherit !important;	
	}
	section.intro img{
		height: auto !important;
		width: 100% !important;
	}
	section.intro .content{
		text-align: inherit !important;
	}
	.topnav.responsive {
		width: 100%;    
		max-width: 640px;
	}
	.fs-search>form>button{
		right: 3px;
	}
	.fs-search {
		padding: 0 5px;
	}
}
@media only screen and (max-width: 768px) {
	.noi-dung iframe {
		width: 100% !important;
	}
	.choose-cate li{
		background: none;
		margin: 0px;
		padding: 5px;
	}
	.choose-cate .cateiphone {
		background: #323232;
		padding: 5px;
		border-radius: 12px;
	}
	.fs-hdmn {
		float: none !important;
		top: 0;
		right: 0;
		text-align: right;
		display: flex !important;
	}
	.hl-search.active {
	
		width: 100% !important;
		 
	}
	.fs-search>form, .hl-search>form {
		
		width: 90% !important;
	 
	}
	.listinfoCatalog li p {
		color: #fff;
		width: 70% !important;
	}
}
@media only screen and (max-width: 767px) {
	.g-grid {
		display: grid;
		/* W(adjusted) = W(individual) - (1rem * 1/2) */
		/*grid-template-columns: calc(100%/4 - (20px * 3/4)) calc(100%/4 - (20px * 3/4)) calc(100%/4 - (20px * 3/4)) calc(100%/4 - (20px * 3/4));*/
		/*grid-template-columns: calc(25% - 30px) calc(25% - 30px) calc(25% - 30px) calc(25% - 30px);*/
		grid-template-columns: calc(100%/3 - (20px * 2/3)) calc(100%/3 - (20px * 2/3)) calc(100%/3 - (20px * 2/3));
		/*grid-template-columns: calc(100%/2 - (40px * 1/2)) calc(100%/2 - (40px * 1/2)); này là 2 cột 1/2*/
		grid-column-gap: 20px;
	}
	.topnav.responsive {
		width: 100%;
		max-width: 640px;
	}
	.f-wrap .loop{
		display: none !important;
	}
	.fs-asleft{
		margin-bottom: 0px !important;
	}
	.divheight20{
		height: 0px !important;
	}
	.overlay .closebtn {
		display: none;
		position: fixed;
		top: 5px;
		right: 10px;
		font-size: 40px;
		color: #fff;
		z-index: 100000;
	}
	#myGalleryPopup .overlay-content, #mycustomerImage .overlay-content {
		top: 45%;
	}
	#myVideoPopup .overlay-content{
		top: 50%;
	}
	.productgallery-container .productgallery-inside .button-container, .productvideo-container .productvideo-inside .button-container, .productgallery-container .productgallery-inside .button-container .buy_now, .productvideo-container .productvideo-inside .button-container .buy_now{
		width: 100%;
	}
	.fs-search{
		width: 98%;
	}
	.fs-search>form>button{
		right: -1px;
	}
	
	.div_newsboxfooter .ul-list_newspro li{
		margin-bottom: 10px;
	}
}
@media only screen and (max-width: 640px) {
	.access-sg {
		margin: 15px 0 20px;
	}
	.descrip .hl_content .tabs {
		padding-top: 0px;
	}
	.access-sg div.item{
		margin-right: 10px;
	}
	.access-sg div.item .img-access-sg {
		width: 100%;
		height: auto;
	}
	.myslidercat_mb .slick-slide img {
		padding: 10px;
	}
	.myslidercat_mb .slick-dots {
		bottom: 20px !important;
	}
	.filtercat .fr {
		margin-right: 10px;
		width: 100px;
	}
	
	.box-pros .cate li a{
		margin: 0 10px;
	}
	.fs-logo {
		width: 86%;
	}
	.list-sieuthi .store-province{
		padding-bottom: 20px;
	}
	.list-sieuthi span.select2{
		width: 100% !important;
	}
	.list-sieuthi .store-province b{
		margin-bottom: 10px;
	}
	.list-sieuthi .store-province .box-find{
		display: block;
	}
	.intro-sankito .video-sankito .warpper-video iframe{
		max-height: 234px;
	}
	.home_news_slider .item .img-slide img {
		max-height: 177px;
	}
	.box-slide .logo-cate {
		margin: 0 auto 15px;
	}
	.box-slide {
		margin: 0 auto 10px;
	}
	.categoryproduct{
		display: none !important;
	}
	.categoryproductmb{
		display: block;
	}
	.box-slide .categoryproduct .item a strike, .box-slide .categoryproduct .item a small{
		display: inline-block;
	}
	.box-slide .categoryproductmb .item a strike, .box-slide .categoryproductmb .item a small{
		display: inline-block;
	}
	.listinfoCatalog{
		overflow: hidden;
		background: #323232;
		text-align: center;
		padding: 25px 0;
		margin: auto;
		display: flex;
		flex-wrap: wrap;
	}
	.listinfoCatalog li {
		display: inline-block;
		text-align: center;
		justify-content: center;
		width: 50%;
		padding: 18px 5px;
		flex: none;
		box-shadow: 9px 9px 16px rgb(0 0 0 / 44%), -1px 0px 3px 0px rgb(116 116 119 / 80%);
}
	.pro-image-mb{
		display: block;
	}
	.myimgslider{
		/*display: none !important;*/
	}
	#help-mains {
		padding: 0px 0px 10px 0px;
	}
	h1{
		font-size: 32px;
		line-height: 36px;
	}
	h2{
		font-size: 26px;
		line-height: 30px;
	}
	h3, h4, h5, h6{
		font-size: 20px;
		line-height: 24px;
	}
	#help-mains .noi-dung p {
		text-align: justify;
	}
	.infoprod {
		max-width: none;
		margin: 0;
	}

	.div_boxkmhlfooter ul.ul-list_newspro li a img{
		height: 250px !important;
	}
	#help-mains h1{		
		font-size: 32px;
		/*line-height: 32px;*/
	}
	#help-mains h2{		
		font-size: 26px;
	}
	#motangan #myVideoSlider .overlay-content{
		top: 5% !important;
	}
	#motangan .productvideoslider-container .productvideoslider-inside .button-container .buy_now{
		width: 100% !important;
	}
	#motangan .div-img img {
   		width: 60px !important;
    		height: auto !important;
	}
	#motangan .overlay .closebtn{
		top: 20px !important;
	}
	#motangan .productvideoslider-container .productvideoslider-inside .button-container{
		float: none !important;
		width: 100% !important;
	}
	.colorandpic .fa-youtube {
    		font-size: 35px !important;
   		margin: 3px auto !important;
	}
	.div_newsboxfooter .ul-list_newspro li, .div_newsboxfooter .ul-list_newspro li a, .div_newsboxfooter .ul-list_newspro li .div_descriptionpro{
		width: 100% !important;
	}
	.div_newsboxfooter .ul-list_newspro li .div_descriptionpro p{
		margin: 2% !important;
	}
	.div_newsboxfooter .ul-list_newspro li .div_descriptionpro{
		padding: 0 !important;
		border-bottom: 0px solid #f7f7f7 !important;
	}
	.filtercat .property.threecol{
		width: 250px;
		left: -10px;
	}
	.box-find .storenear span.neareststore{
		padding: 10px 0 !important;
	}
	.storeaddress > ul#loadarticles > div{
		width: 98% !important;
	}
	.div-chinhanh:first-child {
		margin: 0 5px;
	}
	section.intro {
		max-width: inherit !important;
		min-width: inherit !important;	
	}
	section.intro img{
		height: auto !important;
		width: 100% !important;
	}
	section.intro .content p, section.intro .content h2{
		text-align: justify !important;
	}
	.mypage #content-left{
		display: none !important;
	}
	.mypage #mobile{
		display: block !important;
	}
	#toctoc { width: 100%;}
	.listcate .cate.cnt{
		padding: 10px 20px;
	}
	.listcate .cate.cnt .fl,.listcate .cate.cnt .fr{
		width: 100%;
		margin-bottom: 10px;
	}
	.grid-news .row-news .wrap-item .i-image a img{
		max-height: 120px !important;
	}
	.mygalleryproduct{
		width: 600px !important;
		height: 200px !important;
	}
	.myimgproduct{
		width: 400px !important;
		height: 400px !important;
	}
	.bottom_order .area_order .buy_repay{
		width: 49%;
	}
	.bottom_order .area_order .buy_now{
		height: 55px;
	}
	.bottom_order .area_order .buy_repay.s{
		width: 48%;
		height: 55px !important;
	}
	.user-form .container{
		width: 96%;
	}
	.user-form .container input{
		width: 95%;
	}
	.user-form #txtnotemo {
		width: calc(100% - 40px);
	}
	.user-form select{
		width: 99%;
	}
	label.nontitle{
		display: none !important;
	}
	.user-form input.dia-chi{
		width: 92%;
	}
	.listorder li.tragop-price span{
		padding: 5px 0 0 0;
		overflow: hidden;
		white-space: normal;
		word-wrap: break-word;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
	}
	.onecheckout{
		width: 90%;
	}
	body{
		font-size: 14px !important;
	}
	.tabcontent{
		max-width: inherit !important;
		min-width: inherit !important;
	}
	table.paytable td {
		font-size: 13px;
	}
	table.paytable td .area_order .buy_now{
		font-size: 11px;
		padding: 10px 5px;
	}
	table.paytable td .area_order .nosupport{
		font-size: 11px;
	}
	table.paytable td .area_order{
		margin: 0px;
	}
	.paytab button{
		font-size: 15px !important;
	}
	#wrap_cart, .mycategory .mypage .paytab, .carttab, .tabcontentmuangay, .tabcontentmuangay{
		max-width: inherit !important;
		min-width: inherit !important;
	}
	.mycategory .mypage form .boxsp .tim{
		display: none !important
	}
	.mycategory .mypage form .boxsp{
		padding: 0 10px;
	}
	
	.mycategory .mypage form .boxsp .infoproducttragop{
		width: 100% !important;
		padding: 10px 0 !important;
	}
}
@media only screen and (max-width: 500px) {
	.hight-light-area .newlist-hl li img {
	    height: auto;
	}
	.categoryproductmb span.box-price {
	    min-height: 50px;
	}
	.fs-logo {
		width: 77%;
	}
	.box-slide .categoryproduct .item .img-slide img{
		height: auto;
	}
	.hight-light-area, div.tab, .hl_tintuccat, .hl_videocat{
		padding: 0 10px;
	}
	.hl_videocat .row{
		margin: 0px;
	}
	.hl_videocat .row .col-xs-12{
		padding: 0px;
	}
	div.tab button{
		margin-right: 10px;
	}
	.hight-light-area .newlist-hl li.first-one{
		width: 100%;
	}
	.hight-light-area .newlist-hl li{
		width: 100%;
	}
	.tableparameter{
		width: 100% !important;
	}
	#myTsktPopup .closebtn {
		color: #000;
	}
	.categoryproduct .owl-prev {
		left: 10px !important;
	}
	.categoryproduct .owl-next {
		right: 10px !important;
	}
	.myslidercat img {
		border-radius: 10px;
	}
	.choose-cate {
		margin: 20px auto;
	}
	.choose-cate li{
		background: none;
		margin: 0px;
		padding: 5px;
	}
	.box-slide a > img {
		max-height: 65px;
	}
	.choose-cate .cateiphone{
		background: #323232;
		border-radius: 12px;
	}
	.list-sieuthi .center-page{
		padding: 15px;
	}		
	.list-sieuthi .store-list{
		grid-template-columns: repeat(1,minmax(0,1fr));
	}
	.list-sieuthi .store-list p {
		padding-right: 0px !important;
		text-align: justify;
	}
	
}
@media only screen and (max-width: 450px) {
	.authorBox{
		padding: 5px 15px !important;
	}
	#help-mains h1 {
		width: 100%;
		padding: 5px 15px;
	}
	.box-relate {
		padding: 20px;		
	}
.liconk{
	/* display: none !important; */
}
.mobile_chat{
	display: block !important;
}
	span.select2 {
		width: 100% !important;
		margin-bottom: 5px;
	}
	.locations{
		padding-bottom: 0px !important;
	}
	.boxQuickFilter.hasImg a img{
		width: 80%;
	}
	.boxQuickFilter.hasImg a:after{
		display: none;
	}
	.lifesport2020{
		padding: 0 10px;
	}
	.boxQuickFilter.hasImg a:first-child{
		margin-left: 10px;
	}
	.boxQuickFilter.hasImg a {
		width: calc(100%/3 - 10px);
	}
	ul.mcb li:nth-last-child(4), ul.other li:nth-last-child(1){
		display: none !important;
	}
	.mygalleryproduct{
		width: 400px !important;
		height: 200px !important;
	}
	.myimgproduct{
		width: 400px !important;
		height: 400px !important;
	}
	.g-grid-col p img{
		max-width: 100px !important;
	}
	.g-grid {
		display: grid;
		/* W(adjusted) = W(individual) - (1rem * 1/2) */
		/*grid-template-columns: calc(100%/4 - (20px * 3/4)) calc(100%/4 - (20px * 3/4)) calc(100%/4 - (20px * 3/4)) calc(100%/4 - (20px * 3/4));*/
		/*grid-template-columns: calc(25% - 30px) calc(25% - 30px) calc(25% - 30px) calc(25% - 30px);*/
		grid-template-columns: calc(100%/3 - (20px * 2/3)) calc(100%/3 - (20px * 2/3)) calc(100%/3 - (20px * 2/3));
		/*grid-template-columns: calc(100%/2 - (20px * 1/2)) calc(100%/2 - (20px * 1/2));*/
		grid-column-gap: 20px;
	}
	.topnav.responsive {
		width: 100%;
	}
	.bnnoelimg img {
		height: 17px;
	}
	.kmhotnhat label {
		top: 167px;
	}
	.kmhotnhat{
		/*height: 351px;*/
		height: 321px;
	}
	.kmhotnhat img {
		width: 160px;
		height: 160px;
	}
	.product-not-found{
		font-size: 1rem !important;
		height: 100vh !important;
	}
	.myimgslider img{
		/*width: 100%;
		max-height: 155px;*/
		width: 100%;
		height: auto;
		object-fit: fill;
	}
	.myreview{
		display: block;
		width: 100%;
		overflow: hidden;
	}
	aside.product .orderby .ordertype > span{
		display: none;
	}
	.menumobile a h4 {
		line-height: 15px;
	}
	.menumobile a {
		width: calc(100%/4 - 7px);
	}
	.rowfoot1 .col1, .rowfoot1 .col2 {
		width: calc(100% / 2 - 20px);
		text-align: left;
		padding: 0 10px;
	}
	.rowfoot1 .col3 {
		width: 100%;
		text-align: center;
		padding: 0px;
	}
	.listorder li .colinfo{
		width: 100%;
	}
	.w50{
		width: 100%;
	}
	.listorder li .colimg{
		width: 100%;
	}
	.lcrt, .rcrt {
		width: 100% !important;
	}
	.boxRatingCmt form.formdanhgia input {
		width: 96%;
	}
	.area_order .buy_repay{
		width: 49%;
		height: 55px;
	}
	.area_price strong{
		font-size: 20px;
	}
	#myGalleryPopup .overlay-content, #mycustomerImage .overlay-content, #myVideoPopup .overlay-content{
		top: 5%;
	}
	.mypage #help-main .wrap-right-nd hr {
		width: 85%;
	}
	.productgallery-container .productgallery-inside .button-container, .productgallery-container .productgallery-inside .button-container form .buy_now, .productvideo-container .productvideo-inside .button-container, .productvideo-container .productvideo-inside .button-container form .buy_now{
		width: 100%;
	}
	
	
	.storefind-mid-sub .marketnear div a{
		width: 100%;
	}
	.headbg .headinfor br {
		display: block !important;
	}
	.box-find .location{
		height: auto;
	}
	.box-find .location span{
		width: 49%;
	}
	.box-find form{
		width: 99%;
		margin-top: 5px;
	}
	.box-featured.pc .img {
		width: 33%;
	}
	.box-featured.pc li p {
		display: none;
	}
	.box-featured.pc .title h3 {
		-webkit-line-clamp: 3;
		font-size: 15px;
	}
	
	.div_newsboxfooter .div_boxkmhlfooter{
		width: 100%;
		max-width: inherit;
		min-width: inherit;
	}
	.div_newsboxfooter .ul-list_newspro li .div_descriptionpro{
		height: auto;
	}
	#comment .txtEditor{
		width: 93%;
	}
	
	.comment_reply{
		width: 80%;
	}
	
	.wpcf7-form > span > input {
		margin-bottom: 10px;
		width: 100%;
	}
	.wpcf7-form .your-message {
		margin: 0 0 15px 0 !important;
	}
	.mypage > .wrap-main > .wrap-section{
		display: block;
	}
	.mypage > .wrap-main > .wrap-section > #help-main, .mypage > .wrap-main > .wrap-section > #help-navigation{
		display: block;
		width: 100%;
	}
	
	
	.filtermobile{
		display: block;
		overflow: hidden;
	}
	
	.mypage aside.product {
		width: 100%;
	}
	.mypage aside.filter {
		display: none;
	}	
	/*.box-pros .cate li {
		width: calc(100%/2.02);
	}*/
	.fs-search{
		width: 97%;
	}
	.fs-search>form>button{
		right: -2px;
	}
	.hl-homeproduct li{
		width: calc(100%/2.02);
	}
	.fs-mnul li a{
		font-size: 12px;
	}
}
@media only screen and (max-width: 400px) {
	.mygalleryproduct{
		width: 390px !important;
		height: 200px !important;
	}
	.myimgproduct{
		width: 390px !important;
		height: 390px !important;
	}
	.topnav.responsive {
		width: 100%;
	}
	.kmhotnhat label {
		top: 147px;
	}
	.kmhotnhat{
		/*height: 351px;*/
		height: 321px;
	}
	.kmhotnhat img {
		width: 140px;
		height: 140px;
	}
}
@media only screen and (max-width: 350px) {
	.mygalleryproduct{
		width: 340px !important;
		height: 200px !important;
	}
	.myimgproduct{
		width: 340px !important;
		height: 340px !important;
	}
	.topnav.responsive {
		width: 100%;
	}
	.headbg img {
		margin: 15px;
		width: 40%;
	}
}
@font-face {
	font-family: gothePro;
	src: url(sansation_light.woff);
	font-display: swap;
}