/*================================================================================ */
/* 1. Basics & Buttons												3000Themes.com
/*================================================================================ */



.content{
	z-index: 10;
}
	
/* Bigger then standard 960px (1280px) */
	@media only screen and (min-width: 1280px) {
		
		

	}
	/*ipad 2 ngang*/
	@media only screen and (min-width: 1024px) and (max-width: 1279px) {
		body{-webkit-text-size-adjust: none;}
		.s_b_home_2 .banner01 {margin-right: 1%;	width: 23%;	}
		.s_b_home_2 .banner02 {	margin: 0 1%;width: 36%;}
		.s_b_home_2 .banner03 {margin-left: 1%;	width: 36%;}
		.s_b_home_2 .banner02 img{margin-left:7px}
		.s_b_home_2 .banner03 img{margin-left:7px}
		.s_b_home_4 a img {margin: 0 2%;max-width: 96%;}
		.product-filter .limit select, .product-filter .sort select{width:200px}
		a.sft_quickshop_icon { display:none!important}	
		.cpanelContainer { display:none!important}	
		#search input[type="text"]{float:right; padding-top:5px; height:22px}
		.image .actions .wishlist a, .image .actions .compare a{opacity:1}
		.image .actions .wishlist a{right:0}
		.image .actions .compare a{}
		.product-list .left .actions{opacity:1}
		.footer-block-card a{display: block;	float: left;width: 50%;}
		.footer-block-card a img{max-width: 99%;}
		.footer-block-card a + a{margin:0;}
		#footer-block-friends, #footer-block-payment { margin-bottom: 20px;}
		.boss-footer-column{margin:0 -20px}
		#footer-block-friends{padding:0}
		.boss_lastestreview .product_review .image img{max-width:100%}
		.s_b_home_4{margin-left:-5px}
		#search input[type="text"]{height:25px}
	}
	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) {
		
	}
	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 1024px) {		
		
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 1023px) {
		body{-webkit-text-size-adjust: none; }
		a.sft_quickshop_icon { display:none!important}	
		.cpanelContainer { display:none!important}	

		.s_b_home_1 img{max-width:100%;}	
		.s_b_home_2 .banner01 {margin-right: 1%;	width: 23%;}
		.s_b_home_2 .banner02 {margin: 0 1%;width: 36%;}
		.s_b_home_2 .banner03 {margin-left: 1%;width: 36%;}
		.s_b_home_2 .banner02 img{margin-left:2px}
		.s_b_home_2 .banner03 img{margin-left:3px}
		.s_b_home_4 a img {margin: 0 4%;max-width: 92%;}
		.s_b_home_4 div:last-child{float:right}
		.footer-block-card a{display: block;	float: left;width: 50%;}
		.footer-block-card a img{max-width: 98%;}
		.footer-block-card a + a{margin:0}
		#footer-block-friends, #footer-block-payment{margin-bottom:20px}
		#footer-block-friends{padding-left:0}
		.product-filter .sort{clear:both}
		.product-info .right{clear:both}
		#search .button-search{width:16%; }
		#search input[type="text"]{width:80%; float:right; padding-top:5px; height:22px}
		.image .actions .wishlist a, .image .actions .compare a{opacity:1}
		.image .actions .wishlist a{right:0}
		.image .actions .compare a{}
		.product-list .left .actions{opacity:1}
		.boss_lastestreview .product_review .image img{max-width:100%}
		#content .content .left, #content .content .right, .return-reason, .return-opened, .return-captcha{width:100%; margin:0 0 20px;}
		.cart-module table{width:100%}	
		.cart-module .content input[type="text"]{width:95%}
		.cart-module .content table tr td{display:block; padding:0 0 10px}
		.cart-module .content select{margin:0; width:97%}
		.cart-module .content input[type="text"]{margin:0}
		.cart-module .content span.error{margin:5px 0 0}
		.cart-module #shipping.content input.button{margin-left:0}
		#footer .boss-footer-column{padding-left:0; padding-right:0; margin:0 -10px}
		.login-content .right input[type="text"], .login-content .right input[type="password"]{width:250px}
		#search input[type="text"]{height:25px}
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {	
		body{-webkit-text-size-adjust: none;}
		input[type="text"], input[type="password"], textarea{width:93%}
		a.sft_quickshop_icon { display:none!important}	
		.cpanelContainer { display:none!important}	
		#content{padding-left:0; padding-right:0}
		.header-bottom{padding-bottom:0}
		.page{box-shadow:none; border:none; margin:0}
		#header #logo{width:100%; margin:0; text-align:center; border-bottom:1px solid #cfcfcf; padding-bottom:20px}
		#header .links a{font-size:11px; font-weight:600; padding:0 0 0 4px;}
		#header .links a [class^="icon-"], #header .links a [class*=" icon-"]{margin-right:6px}
		#header #cart{float:left; clear:both}
		.header-top-right{float:left}
		/*#header #cart .heading h4{float:left; margin-right:10px}*/
		#header #cart .heading h4{float:left; margin-right:10px}	
		#header #cart .heading a{line-height:25px; float:left}
		#header #cart .content{right:auto; left:0; top:28px;}
		#search{margin:0 0 10px; float:left; width:100%; position:relative}
		#search input[type="text"]{padding: 3px 12% 3px 3%; width: 84%;}
		#search .button-search{margin:0; position:absolute; top:0; right:0; width:32px}
		.header-top-left{margin-bottom:10px; margin-right:20px}
		.header-top-left .hot-line span b{display:none}
		.header-top-left .hot-line em i{display:inline-block}
		.header-top-left .hot-line em b{display:none}
		.header_center{float:left}
		#currency{padding-left: 6px; margin-left: 9px;}
		.s_b_banner{height:37px; line-height:16px; padding:10px 10px 0 125px; font-size:9px; margin-top:0; margin-bottom:10px; }
		.s_b_banner.s_b_menu{background-position:-120px center}
		.s_b_banner.s_b_home_3{background-position:-117px center}
		.s_b_banner b.red{font-size:16px;}
		.s_b_banner span{clear: both; display: block; overflow: hidden; text-overflow: ellipsis;}
		.s_b_banner a.button{display:none}
		.s_b_home_1{clear:both; margin:10px 0 18px}
		.s_b_home_1 img{max-width:100%; width:100%;}
		
		.s_b_home_2 .banner01, .s_b_home_2 .banner02, .s_b_home_2 .banner03{width:100%; margin:0 0 10px; display:block}
		
		.s_b_home_4{margin:10px 0}
		.s_b_home_4 div{width:100%; margin:10px 0}
		.s_b_home_4 a{margin:0}
		.s_b_home_4 a img{max-width:100%; margin:0; width:100%}
		
		.box-product .image{text-align:center; display:block}
		
		#footer{ margin:0}
		#footer .intro{padding:0 0 20px; border-bottom:1px solid #e7e7e7; margin-bottom: 20px;}
		#footer .boss-footer-column .column{padding-left:0; padding-right:0}
		#footer .boss-footer-column .column + .column{ border-top:1px solid #e7e7e7; margin-top: 20px; padding:20px 0 0;}
		#footer-block-friends{margin:24px 0 0; width:100%; padding:0} 
		#footer-block-payment{width:100%; margin:5px 0 18px; padding:0}
		#footer .intro p.data img{margin-right:5px}
		.footer-block-card{display:block; overflow:hidden}
		.footer-block-card a{display:block; width:100%; margin:10px 0!important}
		.footer-block-card a img{max-width:100%; width:100%}
		.boss-footer-column{padding:0!important;}
				
		#column-left, #column-right{display:none}
		.product-filter{display:none}
		.product-grid{margin:0}
		.product-grid > div{margin-right:0; padding:0}
		.product-grid .image, .product-list .image{text-align:center; float:left; width:100%}
		.product-list .left{width:100%; margin:0 0 10px}
		.product-list .right{width:100%}
		.product-info .left{width:100%; margin:0 0 20px}
		.product-info .image{margin-left:0; margin-right:0}
		.product-info .image img{width:100%}
		.product-info .right{clear:both; width:100%}
		.product-info .options .box-check{width:100%}
		.product-info .options textarea{width:80%}
		
		.category-list .image{margin:0 0 10px; width:100%}
		.category-list .list_detail{clear:both}
		.category-list ul{width:50%}
		.image .actions .wishlist a, .image .actions .compare a{opacity:1}
		.image .actions .wishlist a, #tab-related ul li .image .action > div.wishlist a{right:0}
		.image:hover .actions .compare a, .image:hover .actions .wishlist a{transition:none}
		#tab-related ul li .image .action > div a{opacity:1}
		h2.ta-header{
			border-bottom: 1px solid #141414;
			color: #141414;
			font-family: 'Julius Sans One',sans-serif;
			font-size: 15px;
			font-weight: 700;
			margin-bottom: 32px;
			padding-bottom: 8px;
			text-transform: uppercase;
			cursor:pointer;
		}
		h2.ta-header span{
			background: url("../../image/arrow_line_03.jpg") no-repeat scroll center bottom transparent;
			padding-bottom: 13px;
		}
		h2.ta-header.selected{color: #FF1143; cursor:default}
		.cart-info, .checkout-product{overflow-x:auto}
		.cart-info thead td, .checkout-product thead td, .wishlist-info thead td{padding:5px 10px; line-height:20px; font-size:15px; vertical-align: middle;}
		
		.checkout-content .left, .checkout-content .right{width:100%; margin:0 0 10px}
		#checkout .checkout-content .left input.button, .checkout-content .left .password_form{margin-top:10px}
		.cart-module .content input[type="text"]{width:95%}
		.cart-module .content table tr td{display:block; padding:0 0 10px}
		.cart-module .content select{margin:0; width:97%}
		.cart-module .content input[type="text"]{margin:0}
		.cart-module .content span.error{margin:5px 0 0}
		.cart-module #shipping.content input.button{margin-left:0}
		.cart-module table{width:100%}
		.ui-notify .ui-notify-message{width:300px!important}
		.cpanel_icon{display:none!important}
		.tab-content{border-top:none; padding-top:0}
		.login-content .left, .login-content .right{width:100%; float:left}
		form.change_pass td span.error{margin-left:0}
		.content.myaccount{width:100%}
		.address_list table tr td a.button{
			clear: both;
			float: right;
			margin-bottom: 5px;
		}
		.order_info {
			overflow-x: auto;
		}
		#content .content .left, #content .content .right{width:100%}
		.return-reason, .return-opened{width:100%; margin:0 0 10px}		
		form.return-form input[type="text"], form.return-form textarea {
			margin: 6px 0;
			width: 88%;
		}
		form.contact-form input[type="text"], form.contact-form textarea{width:88%}
		form.forgotten td{display:block}
		.return-captcha{width:100%}
		#cboxNext, #cboxPrevious, .cboxSlideshow_on #cboxSlideshow{display:none!important}
		#cboxTitle{width:90%; text-overflow: ellipsis; white-space: nowrap; overflow:hidden}
		.product-info .cart .minimum{margin-top:10px}
		#tab-review input[type='text'], #tab-review textarea{width:88%}
		#payment-address .checkout-content select{width:91%}
		#payment-address .checkout-content input[type="text"], #payment-address .checkout-content input[type="password"]{margin:5px 0; width: 89%;}
		#shipping-address td select{width:97%}
		.checkout-heading{font-size:12px}
		form.change_pass td, form.info-account td{display:block}
		form.info-account select{width:98%}
		p.choose_search select{width:98%}
		.pagination .results{float:right;}
		.pagination .links{margin-bottom:10px}
	}
	

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {		
		body{-webkit-text-size-adjust: none; }	
		#search input[type="text"] {
			padding: 3px 7% 3px 3%;
			width: 89%;
		}
		.header-top-right{float:right}
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) { 
		body{-webkit-text-size-adjust: none;}
		form.register input[type="text"], form.register input[type="password"]{width:260px}
		form.register select{width:268px}
		.cart-total td.right:first-child{
			padding-left: 0;
			text-align: right;
			width: auto;
		}
	}