@charset "utf-8";
/* CSS Document */
@media only screen and (max-width: 1720px) {
	.cb_1{margin-right: 55px;}
	.cb_2{margin-left: 190px;}
	.cb_3{ margin-right:0;}
	.cb_5{ margin-right:14%;}
	.cbT_7{ bottom: -24px;}
}

@media only screen and (max-width: 1400px) {
	.inner_content{ left:300px;}
	
	.cb_2 { margin-left: 130px;}
	.cb_7{ margin-right:50px;}
	.cbT{ background-size:70%;}
	.cbT_7 { bottom: -15px; transform: rotate(10deg);}
}

@media only screen and (max-width: 1366px) {
	.buy_lah_1 { width: 53%;}
	.prod_list li:nth-child(3n) {  margin-right:31px;}
}

@media only screen and (max-width: 1280px) {
	.prod_list li{ width:280px; margin-right:20px; margin-bottom:20px; }
	.prod_list li:nth-child(3n) {  margin-right:20px;}
	.prod_list li .prod_des{ padding:10px;}
	
	ul.nav-list li { height: auto;}
	ul.nav-list li a{ background-size: 20px auto !important; padding:10px 0;}
	
	.buy_lah_2 { width: 68%;}
	.cbT_7 { bottom: -2px;}
	.cb_2 { margin-left: 190px;}
}

@media only screen and (max-width: 1136px) {
	
	#info{ left:40%; width:35%;}
	.cb_2 { margin-left: 180px;}
	.cbT_7 { bottom: -9px;}
	
	.quantity{ width:120px;}
	.prod_dtl_des h3{ font-size:16px;}
}

@media only screen and (max-width: 1024px) {
	.buy_lah_1 { width: 60%;}
	.buy_lah_2 { width: 65%;}
	.inner_content{ padding-bottom:20px;}
	
	.cb_2 { margin-left: 140px;}
	.cbT_7 { bottom: -16px; transform: rotate(11deg); -webkit-transform: rotate(11deg);}
	
	
}

@media only screen and (max-width: 980px) {
	#info{ width:35%;}
	.inner_content { left: 270px; width: 65%;}
	.best_buy { left: -50px; top: -50px; width: 100px;}
	.must_buy .prod_dtl_img img{ height:260px;}
	.prod_dtl_des h3{ font-size:16px;}
	.cbT_7 { bottom: -18px;}
}
@media only screen and (max-width: 800px) {
	
	.inner_content { left: 230px; width: 68%;}
	.top_sec{ right:20px;}
	.prod_list li{ width:240px;}
	
	.addToBasket, .quantity{ bottom:10px;}
	.stk_qty{ font-size:16px;}
	.best_buy { left: -20px; top: -28px; width: 65px;}
	
	.cbT{ display:none;}
	.cb{ left:auto !important; right:auto !important; top:auto !important; bottom:auto !important; margin:0 !important; width:96% !important; float:none; margin:20px 0 !important;}
	.cb_7{ border-radius:15px; padding:2%;}
	
}
@media only screen and (max-width: 800px) {
	#bg-body img{ max-height:120%; max-width:none; min-width:0;}
}
@media only screen and (max-width: 685px) {
	body{ position:relative;}
	.header, .inner_page .header{ background:#74AF26; width:100%; left:0; right:0; height:68px; z-index:99; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);}
	.logo_sec{ width:84px; margin:0; left:20px; top:5px; float:left;}
	.nav_btn{ display:block; background:url(../images/menu.png) no-repeat; background-size:100% 100%; width:28px; height:28px; float:right; margin-right:20px; margin-top: 20px;}
	.divTGL{ display:none; position:absolute; top:100%; width:100%;  background:#74AF26;border-top: 2px solid #447C1F; border-bottom: 2px solid #447C1F; padding:10px 0;}
	ul.nav-list{ position:relative; top:0; float:left; display:block; border-bottom: 1px solid #447C1F; padding:0px 18px 10px;}
	.copy{ display:none;}
	.top_sec{ position:static; clear:both; float:left; margin-top:10px; margin-left:20px;}
	.social span{ display:none;}
	
	#info { top:auto; margin-top: 110px; position: relative;}
	.copy_1{ display:block; padding:0 20px; color: #5a4330; font-family: "roboto_condensedbold"; font-size: 13px; line-height: 15px; position:fixed; bottom:10px; text-transform: uppercase;}
	
	ul.nav-list li.active{ background:#fff;}
	ul.nav-list li{ display:inline-block; float:left; border:1px solid #fff; margin: 2px 2px; height:auto;}
	ul.nav-list li a{ background:0 !important; padding:0 5px !important; line-height:24px;}
	ul.nav-list li.home a span.home_txt{ display:block;}
	
	.inner_content { left: 0; margin:90px auto 20px; top:auto; padding: 0 20px 50px; width: auto;}
	.prod_list li{ height:250px; margin:0 2% 4% !important; width:46%;}
	.prod_list li a, .prod_list li a img{ display:block;}
	
	.inner_page{ padding-bottom:35px;}
	.inner_page .copy_1 { background:rgba(255, 255, 255, 0.3); bottom: 0; padding: 5px 3%; position: relative; width: 94%;}
	h1{ font-size:24px;}
	h2{ font-size:18px;}
	.txt18 { font-size: 15px;}
	h1, h2, h3, h4, h5, h6, p{ margin:0 0 8px;}
	.prod_list{ margin-top:20px;}
	.must_buy .prod_dtl_img img { height: auto;}
	.best_buy { left: -15px; top: -40px;}
	.must_buy .prod_dtl_img{ width:100%;}
	.must_buy .prod_dtl_des{ width:96%;}
	
	/*.quantity select{ -webkit-appearance:none !important;}*/
	.form1{ margin-bottom:20px;}
	.blank_txt{ display:none;}
}
@media only screen and (max-width: 600px) {
	
}
@media only screen and (max-width: 600px) {
	/*#bg-body img{ width:100%;}*/
	.rm_bx{ width:75%;}
	.copy_1{ margin-top:20px;}
	#info{ width:40%; left:30%;}
	.copy_1{ position:relative; bottom:0;}
}
@media only screen and (max-width: 480px) {
	/*#bg-body img{ width:100%; height:100%;}*/
	.prod_dtl_img{ width:100%;}
	.prod_dtl_des{ width:96%;}
	.prod_dtl{ margin-top:20px;}
	.quantity{ float:left;}
	.addToBasket{ float:right;}
	.addToBasket, .quantity{ position:relative; bottom:auto; left:auto; right:auto;}
	.avlbl_stk{ margin-bottom:20px;}
	
	.best_buy_space{ height:80px;}
	.rm_bx_img{ vertical-align:middle;}
	.cb{ width:90% !important; padding:5%;}
	
}
@media only screen and (max-width: 380px) {
	.prod_list li { height:auto; margin: 0 5% 4% !important; width: 90%;}
	
}
@media only screen and (max-width: 360px) {
	/*#info{ width:80%; left:10%; top:90px; margin-top:auto;}*/
	.rm_bx { width: 100%;}
	#info{ width:60%; left:20%;}
	
	
}
@media only screen and (max-width: 320px) {
	
.prod_list li { margin: 0 0 4% !important; width: 100%;}
.copy_1{ position:absolute;}
#info{ margin-top:auto; top:90px; width:40%; left:30%;}
#bg-body img{ height:100%; min-height:100%; max-height:100%; display:block; width:auto;}
	
}