/*-------------------------------------------------------------------------------------------*/
/*- 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: 10px; margin: 0px;}
	#header{padding: 0px; margin: 0px;}
	#content-container{padding: 10px; margin: 0px 10px 10px;}
	#left-column{float: none; width: auto; margin-bottom: 30px;}
	#right-column{clear: both; float: none; width: auto;}
	#widget-block{padding: 0px;}
	#footer-container{padding: 20px;}

	.page-shadow-container {display: none;}
	.post .dater {display: none;}
	.page-title{padding: 0px 0px 20px; margin: 0px 0px 20px; text-align: center; font-size: 30px;}
	.post .post-title{padding: 0px 0px 20px; margin: 0px 0px 20px; text-align: center; font-size: 30px;}
	.gallery-title {padding: 0px 0px 20px; margin: 0px 0px 20px; text-align: center; font-size: 30px;}

	input[type=text], input[type=password]{padding: 5px;}
	textarea{padding: 5px;}


/*-------------------------------------------------------------------------------------------*/
/*- HEADER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*--------------------------*/
	/*- HEADER ROW -------------*/
	.logo{float: none; margin: 0px auto 20px; text-align: center;}
	.logo img{display: block; margin: auto;}
	.tagline {float: none; margin: 0px 0px 10px; background: none; height: auto; width: auto; line-height: 30px; font-weight: bold; font-size:  14px; color: #c4a359; text-transform: uppercase;}
	.tagline a{color: #c4a359; font-weight: bold; }


	/*--------------------------*/
	/*- NAVIGATION -------------*/
	#menu-drop-button{z-index: 5; display: block; float: right; height: 40px; width: 40px; margin: 0px 0px -10px; background: #345E6A url(images/layout/drop-down.png) center no-repeat; border-radius: 5px 5px 0 0;}

	ul#nav{display: none; clear: both; padding: 0px; margin: 0px; float: none; position: relative; background: #fffff1; box-shadow: 0px 0px 5px rgba(0,0,0,0.4);}
	ul#nav li{float: none; margin: 0px !important; padding: 0px; height: auto; background: url(images/layout/dotted.png) bottom left repeat-x;}
	ul#nav li:last-child{background: none;}
	ul#nav li:last-child a{padding-bottom: none;}
	ul#nav li a{float: none; margin: 0; background: none; padding: 5px 10px 8px; margin: 0px; height: auto;}
	ul#nav .current-menu-item {background: url(images/layout/dotted.png) bottom left repeat-x;}
	ul#nav .current-menu-item a {background: none;}


		/*----------------------*/
		/*- SUB MENU -----------*/
		ul#nav ul.sub-menu{background: #345e6a; width: auto; box-shadow: none; position: relative; top: auto; left: auto; z-index: 10; display: block !important; visibility: visible !important;}
		ul#nav ul.sub-menu li{float: none; height: auto; margin: 0px; padding: 0px; background: url(images/layout/dotted-light.png) bottom repeat-x;}
		ul#nav ul.sub-menu li a{float: none; background: none; padding: 5px 10px 8px; margin: 0px; height: auto; color: #9AAFB5;}
		ul#nav ul.sub-menu li a:hover{color: #fff;}

		ul#nav ul.sub-menu ul{left: auto; top: auto; background: #24414A;}
		ul#nav ul.sub-menu ul li{padding-left: 10px;}


/*-------------------------------------------------------------------------------------------*/
/*- HOME PAGE -------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*--------------------------*/
	/*- FEATURED POSTS ---------*/
	.feature-post li{overflow: hidden; float: left; width: 45.5%; padding: 1%; margin: 0px 5% 20px 0px;}
	.feature-post li:nth-child(2n+2){margin-right: 0;}
	.feature-post li:nth-child(2n+3){clear: left;}

	.feature-post li:nth-child(4n+7){margin-right: 0;}
	.feature-post li:nth-child(4n+8){clear: none;}

	.feature-post li:first-child{width: 45.5%;}
	.feature-post li:nth-of-type(2){width: 45.5%; margin-right: 0;}
	.feature-post li:nth-of-type(3){width: 45.5%; margin-right: 5%;}
	.feature-post li:nth-of-type(4){clear: none;}
	.post-title a{font-size: 80%;}

	/*--------------------------*/
	/*- CONTENT WIDGET ---------*/
	.content-widget li.column{float: none; width: 100%; margin: 0 0 30px 0 !important;}
	.category-widget li.column{float: none; width: 100%; margin: 0 0 30px 0 !important;}
	#widget-block .widget-list .widget{float: none; width: 100%; margin: 0 0 30px 0 !important;}

	.three-column .column, .three-column .products li{width: 100%; margin-top: 30px;}

/*-------------------------------------------------------------------------------------------*/
/*- POSTS -----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	.social{display: none;}

	.comment-post{margin-left: 0px;}
	.comment-avatar{display: none;}

	.post-content{padding: 10px;}
	.full-width .post-content{padding: 0px !important;}
	.post-title a{font-size: 80%;}
	.comments{width: auto; padding: 0px 10px 10px; margin: 0px;}
	.comment-post{margin: 0px;}
	.threaded-comments{margin-left: 0px;}


/*-------------------------------------------------------------------------------------------*/
/*- GALLERY SECTION -------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
	.gallery-category-list li{display: inline-block;}
	
	#crumbs{margin-bottom: 18px; padding-bottom: 10px;}
	.slider{max-width: 100%;}
	#lightbox-container-image-box{max-width: 90% !important;}
	#lightbox-container-image{max-width: 100% !important;}
	#lightbox-container-image-data-box{max-width: 86% !important;}
	#lightbox-container-image img{max-width: 100% !important;}
	/*----------------------------*/
	/*- PORTFOLIO LIST -----------*/
	.three-column.gallery-list .column{float: none; width: auto; margin: 0 0 30px 0;}
	.two-column.gallery-list .column{float: none; width: auto; margin: 0 0 30px 0;}
	.one-column.gallery-list .column{float: none; width: auto; margin: 0 0 30px 0;}

	/*----------------------------*/
	/*- GALLERY SUB PAGE ---------*/
	.gallery-content #left-column{float: none; width: auto; margin: 0; padding: 0;}
	.gallery-content #right-column{float: none; width: auto; margin: 0; padding: 0;}



/*-------------------------------------------------------------------------------------------*/
/*- 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;}

		/*---------------------*/
		/*- LATEST VIDEOS -----*/
		#right-column ul.widget-list li.widget.latest-videos{padding: 10px 10px 5px;}
		.latest-videos .widgettitle{margin: 0;}
		.latest-videos .content{width: auto; position: relative; overflow: hidden; padding-bottom: 5px;}
		.latest-videos div[id^='video_widget_']{float: left; width: 47%; margin: 5% 5% 0 0;}
		.latest-videos div[id^='video_widget_']:nth-child(2n+2){margin-right: 0;}
		.video-slider-buttons{display: none;}


/*-------------------------------------------------------------------------------------------*/
/*- FOOTER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	#footer ul{padding: 0px;}
	#footer ul li.column{float: left; width: 100%; padding: 0px; margin: 0 5% 30px 0;}
	#footer ul li.column:nth-child(2n+2){margin-right: 0;}
	#footer ul li.column:nth-child(2n+3){clear: left;}

	.footer-text{text-align: center;}
	.footer-text p, .footer-text .obox-credit{float: none;}


/*-------------------------------------------------------------------------------------------*/
/*- eCOMMERCE -------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/


	.products .product{float: none; width: auto; margin: 0 0 30px 0;}
	.product-images{float: none; width: auto; margin: 0 0 30px 0;}
	.purchase-options-container{float: none; width: auto; margin: 0 0 30px 0;}
	.tabs li{float: none; margin: 0 0 10px 0;}

	.product-content{float: none; width: 100%;}
	.products-shop li{float: none; width: 100%; margin: 0 0 30px 0;}
	
	.woocommerce-page table th{padding: 5px;}
	.woocommerce-page table td{padding: 5px;}
	td .coupon input{margin: 0px 0px 10px;}
	table td.product-subtotal, table .product-price .amount{font-size: 12px; text-align: left;}
	table .product-thumbnail{display: none;}
	table .product-remove{display: none;}
	.quantity{width: auto; max-width: 80px;}
	.quantity .plus, .quantity .minus{padding: 0 !important;}
	
	.shipping_calculator{float: none; width: auto; margin: 0; padding: 10px;}
	.cart_totals{float: none; width: auto; margin: 0 0 30px 0; padding: 10px;}
	.woocommerce input[type="button"], input[type="submit"]{font-weight: 500; padding: 5px;}
	.col-1, .col-2{float: none; width: auto; margin: 0 0 30px 0;}
	
	.copy #order_review table{float: none; width: 100%; margin: 0 0 30px 0;}
	#payment{float: none; width: auto; margin: 0 0 30px 0;}

	#right-column ul.widget-list li.widget.widget_shopping_cart{padding: 10px;}


}

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

	#header-container{padding: 20px 10px 0px;}
	#content-container{margin-left: 10px; margin-right: 10px;}

	/*-----------------------------*/
	/*- CATEGORY MENU -------------*/
	ul#nav{font-size: 12px;}
	ul#nav li {margin-right: 6px; padding-right: 15px;}
	ul#nav li a {padding: 5px 0 5px 15px; float: left; background: url(images/layout/button-left.png) no-repeat 0 0; color: #437c9a; margin-left: -15px; z-index: 5; position: relative;}

	ul#nav .current-menu-item {background: url(images/layout/current-right.png) no-repeat top right; z-index: 6;}
	ul#nav .current-menu-item a {background: transparent url(images/layout/current-left.png) no-repeat 0 0;}


		/*-------------------------*/
		/*- SUB MENU --------------*/
		ul#nav ul.sub-menu{display: none; background: #fff; width: 260px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3); position: absolute; top: 41px; left: -10px; z-index: 7; font-size: 12px;}
		ul#nav ul.sub-menu ul{left: 262px; top: 0px;}

		ul#nav ul.sub-menu li{float: none; height: auto; margin: 0px; padding: 0px; background: #fff url(images/layout/dotted.png) bottom repeat-x;}
		ul#nav ul.sub-menu li a{float: none; padding: 0px; margin: 0px; height: auto; background: none; padding: 10px; margin: 0px; color: #437C9A;}
		ul#nav ul.sub-menu li a:hover{color: #111;}

	.page-shadow-container{display: none;}
	.content-widget .post-image img{width: 100%; height: auto;}
}
@media only screen and (max-width: 1024px) {
	.page-shadow{display: none;}
}