/*-------------------------------------------------------------------------------------------*/
/*- MEDIA QUERIES ---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*---------------*/
/* Tablets and down */
@media only screen and (max-width: 1024px){
		.header-social{margin-top: 20px;}
		
		#double-column #left-column{width: 64%;}
		#double-column #right-column{width: 28%;}
		.upsells .product, .related .product{width: 38%;}
		
		ul.sidebar-blog .meta{margin-bottom: 20px;}
		
		.single-team .post-content .copy{clear: both; float: none; max-width: 100%; padding-top: 30px;}
		
		.header-cart .shopping-cart li.buttons .button{padding: 5px 8px;}
		.quantity .minus, .quantity .plus{padding: 5px 8px;}
}

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

	.single-events .copy{clear: both; float: none; width: 100%;}
	.events-sidebar{float: none; clear: both; width: auto; padding: 0px;}

	.header-overlay{padding: 20px 10px;}	
	.header-overlay .section-title{width: auto; margin: 0 0px 20px;}
	.header-overlay p{width: auto; margin: 0 0px 20px;}
	
	#footer{width: auto; max-width: 980px;}
	
	/*---------------------------------------*/
	/*- SHOP --------------------------------*/
	#double-column #right-column{width: 94%;}
	#double-column #left-column{width: 100%;}
	
	
}

/*------------------------------------------------*/
/* 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;}
	#wrapper{padding: 0px; margin: 0px;}
	#header-container{padding: 0px; margin: 0px;}
	#header{padding: 20px 10px 45px; position: relative;}
	#content-container{margin-top: 10px; padding: 10px;}
	#double-column #left-column{width: 100%; float: none; width: 100%; padding: 0px; margin-bottom: 30px;}
	#double-column #right-column{float: none; width: 100%; padding: 0px; clear: both;}	
	#footer-container{margin-top: 10px; padding: 20px 10px;}
		
	
	/*---------------------------------------*/
	/*- HEADER ------------------------------*/
	.logo{float: none; margin: 0px; display: block; text-align: center; margin-bottom: 20px;}
	.logo img{margin: auto;}
	.header-social{float: none; margin: 15px 0px 0px; text-align: center;}
	.header-social li{float: none; display: inline; margin: 5px 2px;}
	.header-social li a{display: inline-block; width: 36px; height: 36px;}
	
	.header-cart{display: block; text-align: center; margin: 0px 0px 25px 0px;}
	.header-cart .cart{float: none; margin: 0px;}
	.header-cart .shopping-cart, .header-cart .shopping-cart .empty {top: 28px; left: 50px; }
	
	/*---------------------------------------*/
	/*- NAVIGATION --------------------------*/

	#menu-drop-button{position: absolute; bottom: 0px; right: 20px; z-index: 5; display: block; width: 37px; height: 37px; margin: 0; background: #fff url(images/layout/drop-down.png) center no-repeat;}
	ul#nav{display: none; padding: 0px; margin: 0px; float: none;}
	ul#nav li{float: none; margin: 0px; border-left: none; border-bottom: 1px dotted #ccc;}
	ul#nav li:last-child{border-bottom: none;}
	ul#nav li a{padding: 5px 10px;}

	ul#nav li ul.sub-menu{display: block !important; visibility: visible !important; position: relative !important; top: auto !important; width: 100%; background: #eee !important; box-shadow: none !important; border-bottom: none !important; border-top: 1px dotted #ccc;}
	ul#nav ul.sub-menu li{padding: 0px; width: 100%;}
	ul#nav ul.sub-menu li a{padding: 5px 10px 5px 20px; font-size: 13px; border: none !important;}
	ul#nav ul.sub-menu li a:hover{padding: 5px 10px 5px 20px;}
	
	
	.header-overlay{padding: 20px 10px;}
	.header-overlay .section-title{width: auto; margin: 0 0px 20px; font-size: 35px; line-height: 1.3em;}
	.header-overlay p{width: auto; margin: 0 0px 20px; font-size: 16px; line-height: 1.4em;}
	
	
	.about-me ul{padding: 0px 20px; overflow: hidden;}
	.about-me li{float: none; clear: both; width: auto;}
	.about-me li:first-child{padding: 0px; margin-bottom: 20px; overflow: hidden;}
	.about-me li:last-child{padding: 0px;}
	
	
	.page-title{margin-left: 0px;}
	
	.dater{float: none; width: auto; padding: 10px 2%; height: auto; margin: 0px; text-align: left;}
	.event-item .dater{float: left; width: 46%;}
	.dater .day{display: inline; text-align: left;}
	.dater .month, .dater .year{display: inline; text-align: left;}
	.dater .date-to{position: absolute; top: -30px; left: 120px; font-size: 10px; padding: 2px 4px}
	
	.title-copy{float: none; height: auto; padding: 20px 10px;}
	
	.latest-news li{max-height: none;}
	.latest-news .post-image{clear: left; width: 20%; height: auto; text-align: left;}
	.event-item  .post-image{display: none;}
	.latest-news .copy{float: left; width: 71%; padding: 10px 10px; margin: 0px; background: #f9f9f9; color: #a3a3a3;}
	.latest-video li{width: 100%;}
	.latest-gallery .masonry a{width: 100%;}
	
	.about-me li:first-child{width: 100%;}
	
	/*-------------------------------------------*/
	/*- TABS ------------------------------------*/
	.tabs-nav{padding: 0px;}
	.tabs-nav li{display: block; padding: 0px;}
	.tabs-nav li a{display: block; padding: 10px; margin: 0px; color: #3e3e3e;}
	.tabs-nav .current-cat a, .tabs-nav .current-cat-parent a{padding: 10px; margin: 0px;}
		
	.tab-content .tab-header{padding: 10px;}
	.tab-event .tab-description, .tab-event .tab-website{padding: 10px;}
	.tab-event .tab-description label, .tab-event .tab-website label{float: none; display: block; width: 100%; margin: 0px 0px 10px;}
	.tab-event .tab-description p, .tab-event .tab-website a{float: none; width: 100%; margin: 0px;}
	.skills-description{float: none; width: 100%;}
	
	.upcoming-events .post-image{display: none;}
	
	.video-slider{display: none;}
	.related-videos{display: none;}
		
	.single-events .copy{clear: both; float: none; width: 100%;}
	.events-sidebar{float: none; clear: both; width: auto; padding: 0px;}
	
	.gallery-thumbnails ul{padding: 13px 10px 11px 10px;}
	.gallery-thumbnails li{width: 42%; max-height: 110px; margin: 5px;}
	.gallery-thumbnails li a{display: inline-block;}
	
	/*---------------------*/
	/*- SIX COLUMNS ------*/
	.six-column li{float: none; width: 100%; margin-right: 0%;}
	.six-column .post-title{margin: 20px;}
	.six-column .post-image{max-height: auto; width: 100%;}
	
	/*---------------------*/
	/*- FIVE COLUMNS ------*/
	.five-column li{float: none; width: 100%; margin-right: 0%;}
	.five-column .post-title{margin: 20px;}
	.five-column .post-image{max-height: auto; width: 100%;}
	
	/*---------------------*/
	/*- FOUR COLUMNS ------*/
	.four-column li{float: none; width: 100%; margin-right: 0%;}
	.four-column .post-title{margin: 20px;}
	
	/*---------------------*/
	/*- THREE COLUMNS -----*/
	.three-column li{float: none; width: 100%; margin-right: 0%;}
	.three-column .post-title{margin: 20px;}
	
	/*---------------------*/
	/*- TWO COLUMNS -------*/
	.two-column li{float: none; width: 100%; margin-right: 0%;}
	.two-column .post-title{margin: 20px;}
	

	/*---------------------------------------*/
	/*- BLOGGING ----------------------------*/
	.social{display: none;}
	
	.post-content{padding: 10px;}
	.comments{width: auto; padding: 0px 0px 10px; margin: 0px;}
	.comment-post{width: 70%;}
	.threaded-comments{margin-left: 0px;}
	.comment-form-content{display: block; padding: 0px;}
	.comment-form-content input[type="text"], .comment-form-content textarea{width: 90%; padding: 3%;}
	
	
	/*---------------------------------------*/
	/*- 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;}
	#footer ul li.column:last-child li:last-child{margin: 0px; padding: 0px; border-bottom: none;}
	
	.footer-text{text-align: center;}
	.footer-text p, .footer-text .obox-credit{float: none;}
	
	/*---------------------------------------*/
	/*- SHOP --------------------------------*/
	#left-column .products li{ float: none; width: 100%;}
	#double-column #right-column{padding: 20px; width: 89%;}

	.woocommerce-result-count{float: none; display: block; width: 100%;}
	.woocommerce-ordering{float: none; display: block; width: 100%;}
	.woocommerce-ordering select{text-align: left; display: block; width: 100%;}
	
	/*---------------------------------------*/
	/*- TESTIMONIALS ------------------------*/
	.testimonials li blockquote p{font-size: 24px;}
	
	
	/*---------------------------------------*/
	/*- GALLERY SLIDER ----------------------*/
	.gallery-thumbs{display: none;}
	.slider .previous{display: none;}
	.slider .next{display: none;}
	.gallery-container{width: 100%;}
	
	.gallery-image li{display: block; position: relative; top: auto; left: auto; margin-bottom: 10px;}
	.slider .overlay{display: none;}
	
	/*---------------------------------------*/
	/*- ECOMMERCE WIDGET --------------------*/
	.featured-products .products li{width: 100%; margin: 0px;}
	.featured-products .products .overlay .post-title{width: auto;}

	/*---------------------------------------*/
	/*- CART --------------------------------*/
	table td.product-thumbnail, table th.product-thumbnail{display: none;}
	table td.product-quantity, table th.product-quantity{display: none;}

	.shop_table .actions .button{display: none;}
	.shop_table .actions .checkout-button{display: block; float: right;}
	#coupon_code{display: none;}
}