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

/*---------------*/
/* iPad and down */
@media only screen and (max-width: 768px){

/*-------------------------------*/
/*- LAYOUT ----------------------*/
#header-container{position: relative; height: auto;}
#content-container{padding-top: 0px !important;}

/*-------------------------------*/
/*- COMPACT NAVIGATION ---------*/
.compact ul#nav{width: 200px;}
.compact ul#nav li{font-size: 12px;}
.compact ul#nav li a{padding: 5px 10px;}


/*-------------------------------*/
/*- EXPANDED NAVIGATION ---------*/
.expanded #menu-drop-button{z-index: 5; display: block; padding-right: 40px; margin: 0; background: url(images/layout/drop-down.png) center right no-repeat; text-transform: uppercase; font-size: 12px; line-height: 38px; font-weight: 700;}

#navigation-container.expanded{position: relative; top: auto; bottom: auto; right: auto;}
.expanded ul#nav{display: none; width: 250px; position: absolute; right: 0; top: 58px; margin: 0; font-size: 13px;}
.expanded ul#nav li{float: none; margin-left: 0px; position: relative;}
.expanded ul#nav li:last-child{border-bottom: none;}
.expanded ul#nav li a{float: none; display: block; padding: 8px; text-transform: none; font-weight: 400; font-size: 13px;}


	/*----------------------*/
	/*- SUB MENU -----------*/
	.expanded ul#nav ul.sub-menu, .expanded ul#nav .children{position: absolute; left: -265px; width: 250px; top: -1px;}
	.expanded ul#nav li:first-child ul.sub-menu, .expanded ul#nav li:first-child .children{top: -5px;}




/*-------------------------------*/
/*- HEADER CART -----------------*/
.header-cart{right: 0px;}

/*-------------------------------*/
/*- SLIDER ----------------------*/
.slider{position: relative; height: 320px; overflow: visible;}
.slider .slider-content{padding: 2% 8%; width: 84%;}
.slider ul li{padding: 0; max-height: 320px;}
.slider .slider-copy{width: 58%;}
.slider .slider-image{width: 38%;}

	/*---------------------------*/
	/*- SLIDER COPY -------------*/
	.slider-copy h2{margin-bottom: 20px; font-size: 28px; line-height: 32px; font-weight: 900; letter-spacing: 0px; font-family: 'Lato', Helvetica, Arial, sans-serif;}
	.slider-copy h5{margin-bottom: 20px; font-size: 16px; line-height: 1.5em; font-weight: 600;}
	.slider-copy p{margin: 0 0 20px; font-size: 14px;}
	.slider-copy .action-link{padding: 5px 10px; font-size: 12px;}

	.slider .slider-arrows .next{right: 10px;}
	.slider .slider-arrows .previous{left: 10px;}

	/*---------------------------*/
	/*- SLIDER POSITIONS --------*/
	
		/*-----------------------*/
		/*- IMAGE LEFT ----------*/
		.slider .image-left .slider-image{padding: 0; margin: 0px;}
		.slider .image-left .slider-copy{padding: 0; margin: 0px;}
		
		/*-----------------------*/
		/*- IMAGE RIGHT ---------*/
		.slider .image-right .slider-image{padding: 0; margin: 0px;}
		.slider .image-right .slider-copy{padding: 0; margin: 0px;}
		
		/*-----------------------*/
		/*- WITH VIDEO ----------*/
		.slider .image-right .has-video, .slider .image-left .has-video{padding: 2%; margin: 0px;}
		
		/*-----------------------*/
		/*- TEXT ONLY -----------*/
		.slider .text-only .slider-copy{width: 80%; float: none; padding: 0; margin-left: auto; margin-right: auto;}
		
		/*-------------------*/
		/*- VIDEO ONLY ------*/
		.slider .image-only .has-video{padding: 0; height: 320px; width: 80%;}
		
		/*-----------------------*/
		/*- CENTERED CONTENT ----*/
		.slider .image-title .slider-copy{text-align: center; margin: 0 auto 30px; padding: 0; margin-top: -25px; width: 80%;}
		.slider .image-title .slider-copy h5, .slider .image-title .slider-copy p{display: none;}
		.slider .image-title .slider-image{float: none; margin: 0px auto; text-align: center; margin-bottom: -25px;}

/*-------------------------------*/
/*- HOME PAG WIDGETS ------------*/
#widget-block{padding: 20px; margin: 0;}

/*-------------------------------*/
/*- SERVICES PAGE ---------------*/
.related-services img{display: none;}

/*-------------------------------*/
/*- TEAM PAGE -------------------*/
.single .team .post-image{float: none; width: auto; margin-right: 0;}
.single .team-content{width: auto;}

/*-------------------------------*/
/*- PRODUCT LIST ----------------*/
.products .product{padding: 10px;}

/*-------------------------------*/
/*- PRODUCT SINGLE --------------*/
.products-single #left-column{width: 74.5%;}
.products-single #right-column{width: 23.5%; opacity: 1;}
.product-images{width: 49%;}
.purchase-options-container{width: 49%; margin-right: 0;}
.product-price [itemprop="description"]{font-size: 14px;}

.product-price .button{height: 28px; padding: 0 10px; border-radius: 100px; font-size: 13px; text-transform: none;}
.quantity{height: 28px; font-size: 13px;}
.quantity .plus, .quantity .minus{height: 28px;}
.quantity .plus{border-radius: 0px 100px 100px 0px;}
.quantity .minus{border-radius: 100px 0px 0px 100px;}
.quantity .input-text{height: 28px;}

/*-------------------------------*/
/*- CHECKOUT PROCESS ------------*/
.widget_shopping_cart .buttons .button{float: none; margin: 0 0 5px; display: block; text-align: center;}
.shop_table.cart{float: none; width: 100%;}
.cart-collaterals{float: none; width: 100%;}
.cart_totals{float: right; width: 74.5%;}
.shipping_calculator{float: left; width: 23.5%;}

.copy #order_review table{float: none; width: 100%;}
#payment{float: none; 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) {
/*-------------------------------*/
/*- LAYOUT ----------------------*/
#header-contact-container{display: none;}
#left-column{float: none; width: auto; margin-bottom: 20px;}
#right-column{float: none; width: auto;}

	/*---------------------------*/
	/*- GRIDS -------------------*/
	.grid{overflow: hidden;}
	.six-column .column, .five-column .column, .four-column .column, .three-column .column, .two-column .column{float: none; width: auto; margin-right: 0%;}

/*-------------------------------*/
/*- LOGO ------------------------*/
.logo{}

/*-------------------------------*/
/*- NAVIGATION ------------------*/
#navigation-container{float: none; clear: both;}

/*-------------------------------*/
/*- COMPACT NAVIGATION ---------*/
.compact #menu-drop-button{width: 25px; float: right; margin: -38px 0 0; text-indent: -9999px; overflow: hidden;}
.compact  ul#nav{display: none; float: none; width: auto; margin: 0 -20px 0px; padding: 10px; border: none; position: static; top: 0; right: auto;}
.compact  ul#nav li{overflow: hidden;}
.compact  ul#nav li a{padding: 5px 10px;}

	/*---------------------------*/
	/*- SUB MENU ----------------*/
	.compact ul#nav ul.sub-menu, .compact  ul#nav .children{display: block !important; visibility: visible !important; width: auto; margin: 5px; position: static; left: 0px; top: 0;}
	.compact ul#nav ul.sub-menu li a{padding: 5px 10px;}


/*-------------------------------*/
/*- EXPANDED NAVIGATION ---------*/
.expanded #menu-drop-button{float: right; margin: -38px 0 0; overflow: hidden;}

#navigation-container.expanded{position: relative; bottom: auto; right: auto;}
.expanded  ul#nav{display: none; float: none; width: auto; margin: 0 -20px 0px; padding: 10px; border: none; position: static; top: 0; right: auto;}
.expanded  ul#nav li{overflow: hidden;}
.expanded  ul#nav li a{padding: 5px 10px;}

	/*---------------------------*/
	/*- SUB MENU ----------------*/
	.expanded  ul#nav ul.sub-menu, .expanded  ul#nav .children{display: block !important; visibility: visible !important; width: auto; margin: 5px; position: static; left: 0px; top: 0;}
	.expanded  ul#nav ul.sub-menu li, .expanded  ul#nav .children li{width: auto;}
	.expanded ul#nav ul.sub-menu li a{padding: 5px 10px;}

/*-------------------------------*/
/*- GRIDS -----------------------*/
.grid{overflow: hidden;}
.six-column .column, .four-column .column, .three-column .column, .two-column .column{float: none; width: auto; margin-right: 0%;}

/*-------------------------------*/
/*- TITLES ----------------------*/
.title-block{padding: 10px 20px;}
.title-block h2{font-size: 30px; line-height: 40px;}
.title-block p{font-size: 14px; line-height: 24px;}

/*-------------------------------*/
/*- BREAD CRUMBS ----------------*/
#crumbs li{margin-right: 5px;}
	
/*-------------------------------*/
/*- SLIDER ----------------------*/
.slider .slider-content{padding: 2% 0%; margin-top: 20px;}
.slider{background-size: cover; max-height: 270px;}
.slider-arrows{top: 50%;}
.slider li{max-height: 270px; background-size: cover !important;}
.slider .slider-copy{float: none; width: 100%; margin-bottom: 20px !important; text-align: center;}
.slider .slider-image{float: none; width: 100%;}
.slider .slider-copy p{display: none;}

/*-------------------------------*/
/*- HOME PAGE WIDGETS -----------*/
.content-widget{margin: 0 0 30px;}
.content-widget .content{min-height: 0 !important;}
#widget-block .widget-list{padding: 0;}

	/*---------------------------*/
	/*- HOME PAGE WIDGETS -------*/
	#home_page_downs .widget_text{margin: 0 auto 30px; padding: 0; background: none;}
	#home_page_downs .widget.widget_text:first-child{margin-top: 0;}
	#home_page_downs .widget_text .widgettitle{margin: 0 0 10px; font-size: 30px; line-height: 40px; text-align: left;}
	#home_page_downs .widget_text .textwidget{font-size: 14px; line-height: 24px; text-align: left; font-weight: 400;}

	/*---------------------------*/
	/*- HOME PAGE DBL CLM -------*/
	#home_page_sides .widget{width: auto; float: none; clear: both; margin-bottom: 20px;}
	#home_page_sides .widget:nth-child(2n+2){width: auto; float: none; clear: both;}
	#home_page_sides .column{margin-bottom: 20px;}

	/*---------------------------*/
	/*- HERO WIDGET -------------*/
	.hero-content-widget{margin: 0 0 10px;}
	.hero-content-widget .left-col{float: none; width: 100%; margin: 0px;}
	.hero-content-widget .middle-col{float: none; width: 100%; margin: 0px; clear: both; overflow: hidden;}
	.hero-content-widget .middle-col .column{float: none; width: auto; margin: 0 0 20px;}
	.hero-content-widget .middle-col .post-title{margin: 0; font-size: 14px;}
	.hero-content-widget .middle-col .column:nth-child(2n+2){margin-right: 0;}
	.hero-content-widget .right-col{float: none; width: 100%; margin: 0px;}

	/*---------------------------*/
	/*- TESTIMONIAL WIDGET ------*/
	.testimonials-content-widget{margin: 30px -20px 30px;}
	.testimonial-item .testimonial-image{margin: -80px auto 20px; position: static;}
	.testimonial-item blockquote{font-size: 16px; line-height: 24px;}
	.testimonial-item blockquote p{margin: 0; font-weight: 400;}
	.hero-content-widget .right-col{float: none; width: 100%; margin: 0px;}

	/*---------------------------*/
	/*- THREE COLUMN ------------*/
	#home_page_three_column.widget-list{margin: 0 auto 30px;}
	#home_page_three_column .widget{float: none; width: auto; margin: 0 0 20px 0;}
	#home_page_three_column .content{min-height: 0 !important;}
	#home_page_three_column li:last-child{border-bottom: none; margin-bottom: 0;}
	

/*-------------------------------*/
/*- COPY ------------------------*/
.copy.page-feature-copy p{font-size: 18px; line-height: 28px;}
.copy blockquote, .entry-content blockquote{font-size: 20px; line-height: 30px;}

/*-------------------------------*/
/*- PORTFOLIO -------------------*/
.portfolio-content #left-column{float: none; width: auto; padding-bottom: 0;}
.portfolio-content #right-column{float: none; width: auto;}
.portfolio-content .portfolio-meta{margin-bottom: 20px;}

/*-------------------------------*/
/*- FEATURES --------------------*/
.features-widget .column:first-child{padding-top: 0;}
.features-widget .feature-content{width: auto !important; float: none !important;}
.features-widget .post-image{width: auto !important; float: none !important;}
.features-widget .image-left .content .post-image{margin-top: 20px;}
.features-widget .image-title .post-image{margin-top: 20px;}


/*-------------------------------*/
/*- PRODUCTS --------------------*/
.products .product{width: 48%; margin-right: 4%; padding: 10px; margin-bottom: 20px;}
.products .product:nth-child(2n+2){margin-right: 0;}
.products .product .img-wrap{margin: -10px -10px 10px;}
.products .product h3{margin: 0; font-size: 14px;}
.products .product .star-rating{display: none;}

	.three-column .products .product{width: 48%; margin-right: 0 !important; margin-bottom: 20px;}
	.three-column .products .product:nth-child(3n+4){clear: none;}
	.three-column .products .product:nth-child(2n+1){margin-right: 4% !important;}
	
	.related .products .product:nth-child(3n), .upsells .products .product:nth-child(3n){display: none;}

.shop-block{margin-bottom: 20px;}
.woocommerce-ordering{display: none;}

/*-------------------------------*/
/*- PRODUCT SINGLE --------------*/
.products-single #left-column{float: none; width: auto;}
.products-single #right-column{float: none; width: auto; opacity: 1;}
.product-images{float: none; width: auto; margin: 0 0 20px;}
.purchase-options-container{float: none; width: auto; margin-right: 0;}

	.product_title{font-size: 20px; line-height: 30px;}
	.price{padding: 0; margin: 0 0 10px; background: none;}

	/*---------------------------*/
	/*- TABS --------------------*/
	.tabs{background: #f0f0f0; margin-bottom: 0;}
	.tabs li{float: none; text-transform: uppercase;}
	.tabs li a{display: block; padding: 5px 10px; margin: 0 0 0 0; border: none; text-transform: uppercase; font-size: 12px;}
	.tabs li.active{margin: 0;}
	.tabs li.active a{border: none;}
	.panel{padding: 10px; border-top: 0;}
	.panel #comments{margin-top: 0;}

/*-------------------------------*/
/*- CHECKOUT PROCESS ------------*/
.widget_shopping_cart .buttons .button{float: none; margin: 0 0 5px; display: block; text-align: center;}
.shop_table.cart{float: none; width: 100%;}
.cart-collaterals{float: none; width: 100%;}
.cart_totals{float: none; width: auto;}
.shipping_calculator{float: none; width: auto;}

	/*---------------------------*/
	/*- TABLE -------------------*/
	table{margin-bottom: 20px;}
	table th, table td{padding: 5px; vertical-align: middle;}
	table .product-thumbnail{display: none;}
	table .product-quantity{display: none;}	

	/*---------------------------*/
	/*- COUPON + CHECKOUT BTNS --*/	
	td .coupon{float: none; margin-bottom: 5px;}
	td .coupon input{width: 50%; margin: 0;}
	td .coupon .button{width: 50% !important;}
	td.actions .button{display: block; width: 100%; float: none !important; margin: 0 0 5px !important;}

	/*---------------------------*/
	/*- COLUMNS -----------------*/
	.col-1, .col-2{float: none; width: auto; margin-bottom: 20px;}
	
	#shiptobilling{float: none; width: auto;}

.site-wide-cta{padding: 20px;}
.site-wide-cta span{float: none; text-align: center;}
.site-wide-cta .action-link{float: none; width: 24px; margin: auto; text-align: center;}

#footer-container{display: none;}


ul#footer-nav{text-align: center; width: 100%;}
ul#footer-nav li{display: inline; float: none;}
ul#footer-nav li a{display: inline;}

.footer-text p{float: none; margin-bottom: 5px; text-align: center;}
.obox-credit{float: none; text-align: center;}

}