/* MOBILE RESPONSIVE */
/* small device ----------- */
@media only screen 
and (max-width: 700px) {
		h1 { font-size:32px; line-height:30px; margin-bottom:20px; }
		h2 { font-size:24px; line-height:22px; margin-bottom:15px; }
		h3 { font-size:20px; line-height:20px; margin-bottom:10px; }
		h4 { font-size:18px; line-height:18px; margin-bottom:5px; }
		h5 { font-size:16px; line-height:16px; margin-bottom:5px; }
		input {
			-webkit-appearance: none;
		    -moz-appearance: none;
		    appearance: none;
		    outline: none;
		}
		.desktopOnly { display:none; }
		.mobileOnly { display:block; }

		/* SECTIONS */
		#homeSection { padding-top:10px; padding-bottom:10px; }

		/* NAVIGATION */
		#headerSection { height:60px !important; }
		#menuNavigation { width:16px; height:18px; padding:12px 15px !important; }
		#menuNavigation>span { display:none; }
		.sSearch { display:none; margin-left:5px !important; }
		.sLogo { max-width:55% !important; }
		#sideMenuBox { width:85% !important; max-width:auto; background:#7e8871; border-right:5px #bbc4af solid; text-align:left; }
		.usrAcc { line-height:16px; }

		/* HEAD BANNER (HOME) */
		.homeheadTop { margin-top:60px; }
		.headBnrWrap { height:23vh; }
		ul.headBnr li { height:23vh; }
		/* slick carousel */
		.slickCrsl ul.slick-dots { right:3% !important; bottom:6% !important; margin:auto; }
		.slickCrsl ul.slick-dots li { float:none !important; display:inline-block; }
		.crslArrw { top:auto; bottom:5% !important; }

		/* SELECTED CATEGORIES GROUP */
		#catGrpSection { padding:20px 0; }
		.catGrpWrapper { height:110px !important; }
		ul.catGrpLst li { width:30%; margin:5px; height:90px !important; }
		ul.catGrpLst li a { font-size:12px; line-height:12px; }
		.catGrpIcon { width:60%; height:60%;/*height:0; padding-bottom:60%;*/ margin:10px; }

		/* HOME RECOMMENDATION */
		.homeHead { width:92%; padding-bottom:10px; }
		.headLf { float:none; width:100%; text-align:center; }
		.headRg { float:none; width:100%; text-align:center; }

		/* HOME CAROUSEL */
		.homeCrslRow { width:94% !important; padding:5px !important; }

		/* MAIN */
		.tagMobile { display:block; }
		#bodySection { padding-top:70px; padding-bottom:30px; min-height:0; }

		/* BUTTONS */
		input[type=button],input[type=submit] { height:40px; }
		input.frmImfo,select.frmImfo,textarea.frmImfo { background-color:#CCCCCC; color:#999999 !important; }

		/* FORM */
		ul.formUl li.frmColSm { float:left; width:98%; margin-right:0; border:0; }
		li.frmColSm.frmColCity { width:100%; }
		li.frmColSm.frmColZip { width:50%; float:left; }
		input.formAddress { width:96%; height:26px; }

		/* BOTTOM PAGE */
		#bottomSection { padding-top:20px; }
		.btmColNav { float:none; width:98%; padding-top:20px; margin-left:0; }
		ul.btmCol { width:100%; margin-right:none; margin-top:0; }
		ul.btmCol li { float:left; width:45%; }
			.btmNvBx { display:none; margin-top:8px; }
			ul.btmCol h5 { margin-bottom:0; }
			h5.btmNvLnk { position:relative; padding-right:20px; }
			h5.btmNvLnk::after { content:''; position:absolute; width:20px; height:20px; background:url('../../i/icons/icn-expand.png') no-repeat center center; top:0; bottom:0; right:3px; opacity:0.5; }
		.btmColSocMed { width:100%; margin-right:0; }
		.btmColAddr { float:none; width:99%; margin:auto; max-width:none; text-align:left; margin-top:0; }
		
		/* FOOTER */
		#footerSection { height:auto; }
		.osPowered { display:none; }
		.osPoweredMbl { display:block; }

		/* SHOPPING CART */
		.sCartBox {
		  	padding: 10px 5px 10px 30px;
		  	min-width:auto;
		  	width: 20px;
		  	font-size:14px;
		  	height:16px;
		  	background-position:6px -564px !important;
		}
		.sCartBox.cartOff { background-position:6px -590px !important; }
		
		/* PRODUCT LISTING */
		.colBox { 
			width:47%;
			vertical-align:top !important;
			/*min-width:360px;*/
			height:0 !important;
			padding-bottom:80% !important;
			margin:5px 3px 10px 3px;
		}
		.carouselSlide .colBox { height:280px !important; padding-bottom:0 !important; }
		.colImg { cursor:pointer; position:relative; overflow:hidden; width:100%; height:0; padding-bottom:80%; /*height:300px;*/ text-align:center; background-repeat:no-repeat; background-position:center center; background-size:cover; }
		.colImg img { position:absolute; top:0; left:0; bottom:0; right:0; margin:auto; max-height:100%; }
		.colBrief { display:none; }
		.colNote { height:83px; }
		.colNote h2 { font-size:14px; line-height:16px; font-weight:bold; }
		.colLinkShare { width:40%; }
		a.buyBtn,a.callBtn,a.chatBtn,a.chatBtn.thumbBtn { padding:10px 5px !important; width:40% !important; text-align:center; background-image:none; }
		a.chatBtn.dvIcn { background-image:none !important; }
		.shareBox { left:auto; right:-5px; }
		.shareArrw { left:auto; right:13px; }
		.shareBtn { width:17px; padding:2px; left:auto; right:0; }
		.likeBtn { width:17px; padding:2px; left:auto; right:32px; }
		.shareBtn>a, .likeBtn>a { display:none; }
		.roundLblBox { top:2px; left:5px; }
		.roundLabel { width:30px; height:24px; padding:8px 5px; margin-bottom:5px; font-size:11px; line-height:11px; }
		.roundLabel>label { font-size:12px; line-height:12px; }
		.roundLabel.grossPrice { background-size:60%; }
		/* multiple price */
		.crtMltPrcTips { left:-30%; padding:3px; margin-top:10px; width:120px; }
		.crtMltPrcTips>ul>li.titleTips { font-size:10px; }
		.crtMltPrcLf { width:30%; font-size:9px; }
		.crtMltPrcRg { width:63%; font-size:10px; text-align:left; }
		.crtMltPrcRg span.currencyTag { display:none; }
		.crtMltPrcArrwLf { top:15px; }

		/* EASY ZOOM */
		.easyzoom { width:99%; }
		.easyzoomThumbs { margin-top:5px; }
		.easyzoomThumbs>ul>li { width:60px; height:60px; vertical-align:top; }

		/* PRODUCT DETAILS */
		h1.prodName { margin-top:10px; font-weight:bold; }
		.detImgsBox { float:left; width:98%; }
		.detRight { float:left; width:99%; margin-top:15px; padding-bottom:10px; }
		.detBox { padding:10px; }
		.detPrice { float:left; width:100%; }
		.detSpecial { float:left; max-width:98%; margin-bottom:15px; }
		.detQty { width:33%; }
		a.buyNowBtn { background-position:15px -289px; font-size:16px; padding:16px 15px 16px 45px; }
		/* BUY OPTIONS */
		ul.buyOption li { float:none; width:85%; margin-right:0; }
		.detContentBox { margin-top:30px; padding-bottom:10px; }
		/* PREORDER */
		.lblPreOrd { font-size:13px !important; padding:2px 10px !important; }
		.lblPreOrd.lblPrd { font-size:14px !important; }

			/* MODAL DETAIL PRODUCT */
			.mdDtBx { max-width:none; max-height:none; }
			.mdDtArea { top:5px; bottom:5px; left:5px; right:5px; overflow:hidden; }
			/* POP UP DETAIL PRODUCT */
			.popDtImg { float:left; width:100%; height:42%; overflow:hidden; }
			.popDtCnt { float:left; width:100%; height:58%; }
			.popDtNote { height:73%; margin-top:5px; }
			.popDtAct { }
			/* POP UP CAROUSEL IMAGE */
			.popDtNote h1.prodName { font-size:24px; line-height:26px; margin-top:5px; margin-bottom:10px; }
			.popDtNote .detBrief { position:relative; font-size:14px; line-height:16px; margin-top:10px; padding-bottom:20px; margin-bottom:5px; max-height:38%; }
			.popDtNote .detBrief.mxBrief { max-height:30px; margin-bottom:10px; }
			.popDtNote .detPriceBox { padding-bottom:5px; }
			.popDtNote .crtBuyOpt { border-top:2px #F6F6F6 solid; padding:5px 0; margin-top:0; margin-bottom:10px; }
			.popDtNote ul.buyOption li { float:left !important; width:45% !important; margin-right:2% !important; }
			.popDtNote .detPrice>p { margin-bottom:0; }
			.popDtAct a.buyNowBtn { background-position:15px -289px !important; padding:14px 20px 14px 48px; }
			.popDtAct input[type=number] { width:80px; border:1px #999999 solid; background:#FFFFFF; margin-right:10px; text-align:center; }
			/* ---------------- */

		/* UPSALE OTHER PRODUCTS */
		#upsaleSection { padding-top:20px; padding-bottom:40px; }
		.thumbBox>ul>li { 
			width:46%;
			vertical-align:top !important;
			height:0 !important;
			padding-bottom:76% !important;
			min-width:none;
			margin:4px;
		}
		.colNote.thumbNote>h2 { font-size:13px; line-height:15px; font-weight:bold; }
		.upsaleWrapper { width:98%; }
		.upsaleWrapper>h2 { font-size:22px; line-height:22px; margin-bottom:20px; }

		/* SHOPPING CART */
		.cartWrapper { width:96%; }
		.cartStepBox { width:70%; margin-top:20px; }
		.cartStepPoint { width:80px; }
		.cartStepPoint.sign2 { left:18%; }
		.cartStepPoint.sign3 { right:18%; }
		.crtLf { width:100%; }
		.crtRg { float:left; width:100%; max-width:none !important; }
		.crtRg.floatRg { position:relative !important; top:none !important; right:none !important; }
		.crtBox { margin-bottom:10px; padding:8px; width:93% !important; min-height:0; }
		.crtDetailBox { padding:8px; }
		input.cartBtn,a.cartBtn { padding:15px 10px !important; }
		input.cartBtn { height:65px !important; }
		.crtTtlNote.blckNote { width:92%; }
			.shipOrderNt { float:none; width:96%; max-width:100% !important; }

		/* CART TABLE */
		.tblImg { display:none; }
		.tblMsg { width:36% !important; }
		.tblPrc { width:22% !important; }
		.tblQty { width:16% !important; text-align:left; float:right !important; }
		.tblDel { width:4% !important; }

		/* CART DELIVERY LOGIN */
		ul.crtLogin>li { width:100% !important; }
		ul.crtLogin>li:nth-child(3) { width:45% !important; }
		ul.crtLogin>li:nth-child(4) { width:40% !important; }
		ul.deliveryFrm>li { width:100% !important; margin-right:0; padding:3px 0; }
		ul.deliveryFrm>li.fullCol { width:97% !important; }
		.hideField { display:none; }
		/* delivery map */
		.dlvryMapBx { width:100%; height:0; padding-bottom:85%; }
		/* GOOGLE MAPS */
		input.mapSearch { width:80%; }
		ul.frmRadioLst li { padding-right:25px; }

		/* WHATSAPP */
		.waChatOPtBox { bottom:65px; }
		.waChatOPtBox ul>li { font-size:24px; padding:15px 10px; }
		.waChatIcn { width:45px; height:45px; padding:5px; border-radius:50%; background-position:center center; background-size:auto 60%; }
		.waChatIcn::after { content:''; }



		
		
		
		.sLike { display:none; }
		
		.crtCourierOpt { float:none; width:98%; margin-top:5px; }
		.crtCourierService { display:none; float:none; width:98%; margin-top:5px; }
		
		
		
		
		
		
		
		
		
		
		/* CHECKOUT */
		.mdlBox { width:92%; top:3%; bottom:3%; }
		.mdlBox.mdlCartDelivery { width:92%; bottom:0; }
		.mdlArea { margin:5px; padding:5px; }
		.mdlArea.mdlShipCnt { top:140px; padding-right:10px; }
		.mdlArea.mdlMark>p { font-size:14px; margin-top:2px; line-height:14px; }
		.mdlTitle.ttlNewUser { font-size:14px; line-height:14px; }
		.mdlFooter { margin-bottom:20px; }
		
		/* CHECKOUT LOGIN FORM */
		input.frmLogin { padding:4px 8px 5px 8px; font-size:14px; width:92%; border:1px #999999 solid; background:#FFFFFF;/*background:rgba(0,153,204,0.1);*/ }
		.crtLoginFrm>ul>li { width:45%; margin-right:10px; }
		.crtLoginFrm>ul>li.clickLogin { width:35%; }
		.crtLoginFrm>ul>li.forgetPsswd { width:35%; font-size:13px; padding:15px 0; }
		
		
		
		/* SIGN UP */
		.signupWrapper,.noConnWrapper,.confirmPayWrapper { width:98%; min-width:0; min-height:0; }
		.signupBox { width:98%; }
		input.signUp { width:92%; }
		.signupForm ul>li.colLf { float:left; width:96%; margin-right:2%; }
		.signupForm ul>li.colRg { float:left; width:96%; }
		
		/* PAYMENT SELECTION */
		.payWrapper { width:97%; min-width:0; }
		.payBox>h1 { font-size:19px; line-height:20px; }
		.payOpt>ul>li { 
			width:98%;
			height:auto;
		}
		.payOptLogo { text-align:left; padding-left:10px; }
		.payOptTerm { margin:8px 10px; }
		/* PAYMENT CONFIRM */
		.payBoxTtl>h2 { float:left; width:96%; margin-bottom:10px; }
		.payBoxTtl>span.orderNum { float:left; text-align:left; font-size:13px; width:96%; margin-bottom:5px; }
		/*.payTbl { overflow-x:auto; }*/
		.payTbl>ul>li>label { line-height:13px; }
		/*.payTbl>ul { width:400px; }*/
		.tblNote { display:none; }
		.tblAddress { display:block; float:right; width:94% !important; border-top:1px #DDDDDD solid !important; margin-bottom:0; height:auto !important; }
		.tblTotal { width:94% !important; padding-right:10px !important; }
		ul.payDelivery>li { padding-bottom:10px !important; margin-bottom:0 !important; height:60px; padding:8px 5px; line-height:13px; }
		ul.payDelivery>li>label { font-size:11px; line-height:12px; }
		.tblOngkir { width:20% !important; }
		.tblHrg { width:24% !important; }
		.tblTotalBrg { float:left !important; width:20% !important; border-left:0 !important; }
		.tblHrgSub { width:20% !important; }
		.tblCost { width:20% !important; }
		.confBox { width:90%; padding:10px; }
		.confDet>ul>li>label { width:100%; }
		
		/* PAGES */
		.pageWrapper { margin-top:0px; }
		.pageNav { display:none; }
		.pageNavMobile { display:block; margin-bottom:15px; }
		.pageCntBox { float:none; width:100%; }
		select.pageGoMobile { background:#666666; color:#FFFFFF; padding:5px; height:35px; width:100%; font-size:16px; margin:0; }
		.pageContent,.pageContent p { line-height:20px; }
			.pageColLf { float:none; width:98%; margin-right:0; }
			/* TABLE POINTS */
			.PDVSC-SHOPSAFE ul>li { float:none; width:100%; margin:0 0 20px 0; height:auto; padding-bottom:0; }
			.tbPtImg { float:left; max-width:120px; margin-right:10px; margin-bottom:5px; }
			.tbPtImg img { max-width:100% !important; }
		
		/* FILTER */
		.listFilter { width:90%; }
		.listTtl { font-size:18px; }
		.titleSearch { font-size:18px; }
		.titleCategory { font-size:18px; } 
		
		/* MY PROFILE */
		input.profileFld { width:92%; }
		select.profileFld { width:98%; }
}