/*-------------------------------------------------------------------------------------------*/
/*- MEDIA QUERIES ---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

/*------------------------------------------------*/
/* layouts smaller than 600px, iPhone and mobiles */
@media only screen and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px) {
	html {-webkit-text-size-adjust: none;}
	body{padding: 0px;}
	#header-container{padding: 20px; margin: 0px;}
	#header{padding: 0px; margin: 0px;}
	#widget-block{padding: 20px 20px 0px;}
	.double-cloumn{padding: 20px 20px 0px;}
	.double-cloumn #left-column {clear: both; float: none; width: 100%; margin: 0px 0px 30px;}
	.double-cloumn #right-column {clear: both; float: none; width: 100%; margin-bottom: 20px;}
	#footer-container{padding: 20px 0;}
		
	.header-cart{float: none; width: 100%; margin: -20px 0px 20px;}
	.header-cart .cart{border-top: none; border-radius: 0px;}
	.header-cart .cart.active{border-radius: 0px;}
	.header-cart .shopping-cart{width: 89.25%; padding: 5%; float: none; left: 0px; right: auto;}
	
	/*---------------------------------------*/
	/*- HEADER ------------------------------*/
	.logo{margin: 0px;}
	
	/*---------------------------------------*/
	/*- NAVIGATION --------------------------*/
	#menu-drop-button{z-index: 5; display: block; float: right; height: 35px; width: 35px; margin: 0px; background: #fff url(images/layout/drop-down.png) center no-repeat; border: 1px solid #e6e6e6;}
	
	ul#nav{clear: both; padding: 0px; margin: 0px; float: none; position: relative; display: none;}
	ul#nav li{float: none; margin: 0px; border-right: none; border-bottom: 1px dotted #ccc;}
	ul#nav li:last-child{border-bottom: none;}
	ul#nav li ul{display: none !important;}
	ul#nav li a{border: none;}
	
	
	/*----------------------------*/
	/*- SLIDER TEXT OVERLAY ------*/
	.slider-block{padding-bottom: 20px;}
	.feature{max-width: 600px; margin-left: 20px; margin-right: 20px;}
	.feature .left-column{width: 100%;}
	.feature .left-column img{width: 100%;}
	.feature .right-column{display: none;}
	.feature .left-column .post-title{padding: 15px 20px; }
	.left-column  p{display: none;}
	
	.overlay h3{font-weight: 100; font-size: 25px; line-height: 30px;}
	.overlay h3 a{display: inline-block; padding: 10px 10px 10px 10px; background: #fff; color: #333; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2);}
	.overlay h3 a:hover{color: #cc3c24;}	
	
	/*---------------------*/
	/*- SLIDER CONTROLS ---*/
	.slider-block{padding: 0px 0px 30px;}
	.controls{width: 70px; position: absolute; top: 10px; left: 10px; z-index: 3;}
	
	/*---------------------*/
	/*- SLIDER BUTTONS ----*/
	.feature .left-column .next, .feature .left-column .previous{display: block;}
	.slider .next, .slider .previous{display: block; float: left width: 30px; height: 30px; margin: 0px 5px 0px 0px;}
	.slider .next{float: right;}

	/*---------------------*/
	/*- SLIDER DOTS -------*/
	.slider-dots{display: none;}

	
	/*-------------------------------------------*/
	/*- CONTENT WIDGET  -------------------------*/
	.content-widget li{float: none; width: 100%; margin: 0 0 30px 0;}
	.four-column li, .four-column .products li{width: 100%; margin-right: 0px; float: none; overflow: hidden;}
	.three-column li, .three-column .products li{width: 100%; margin-right: 0px; float: none; overflow: hidden;}
	
	.upsells .products li, .related .products li{width: 48%;}
	.upsells .products li:nth-child(2n+2), .related .products li:nth-child(2n+2){margin-right: 0px;}
	
	
	/*-------------------------------------------*/
	/*- PRODUCTS PAGE ---------------------------*/
	.slider{width: auto; margin-bottom: 20px;}
	.slider li{max-width: 340px;}
	.product-content{float: none; width: 100%;}
	.products-shop li{float: none; width: 100%; margin: 0 0 30px 0;}
	
	div.product .woocommerce_tabs ul.tabs li{padding: 3px 6px;}
	div.product .woocommerce_tabs ul.tabs li a{font-size: 12px;}
	

	/*---------------------------------------*/
	/*- BLOGGING ----------------------------*/
	.social{display: none;}

	.comment-post{margin-left: 0px;}
	.comment-avatar{display: none;}
		
	.post-content{padding: 10px;}
	.comments{width: auto; padding: 0px 10px 10px; margin: 0px;}
	.comment-post{margin: 0px;}
	.threaded-comments{margin-left: 0px;}

	
	/*---------------------------------------*/
	/*- RIGHT COLUMN ------------------------*/
	#right-column ul.widget-list li.widget{margin: 0px 0px 30px; padding: 0px;}
	#right-column ul.widget-list li.widget:last-child{margin-bottom: 0px;}
	#right-column ul.widget-list li.widget li{padding: 5px 0px; margin: 0px; background: none;}
		
	
	/*---------------------------------------*/
	/*- FOOTER ------------------------------*/
	#footer ul{padding: 0px;}	
	#footer ul li.column{float: none; width: auto; padding: 0px; margin-bottom: 30px;}
	#footer ul li.column:last-child{margin-bottom: 0px;}
	#footer ul li.column li:last-child{margin: 0px; padding: 0px; border-bottom: none;}
	
	.footer-text{text-align: center;}
	.footer-text p, .footer-text .obox-credit{float: none;}
	
	
	/*---------------------------------------*/
	/*- eCOMMERCE ---------------------------*/
	.copy .col-1, .copy .col-2{width: 100%; clear: both;}
	.copy .form-row{clear: both; float: none;}
	.form-row-first, .form-row-last{width: 100%;}
	#shiptobilling{width: 100%; margin-bottom: 20px;}
	.cart-collaterals .cross-sells, .cart-collaterals .cart_totals, .cart-collaterals .shipping_calculator{float: none; width: 100%; text-align: left;}
	table.shop_table{clear: both; float: none; width: 100%;}
	#payment{clear: both; float: none; width: 100%;}
	
}

/*---------------*/
/* iPad PORTRAIT */
@media only screen and (max-width: 768px) and (min-width: 481px) {
	#header{padding-bottom: 0px;}

	.slider-block{padding: 0px 0px 60px;}
	.feature{max-width: 768px; margin-left: 20px; margin-right: 20px;}
	.feature .left-column{width: 100%;}
	.feature .left-column img{width: 100%;}
	.feature .right-column{display: none;}
	.feature .left-column .post-title{padding: 15px 20px; }
	.feature .left-column  p{display: none;}	
	.feature .left-column .next, .feature .left-column .previous{display: block;}
	
	ul#nav{clear: left; float: none; position: relative; padding: 0px; margin: 0px;}
	ul#nav li:last-child{border-right: none;}
	
	ul#nav li a{padding: 5px 10px; font-size: 12px;}
	

}