/*-------------------------------------------------------------------------------------------*/
/*- 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{font-size: 14px;}
	p{font-size: 14px;}
	#header-container{padding: 20px 0px 0px; margin: 0px;}
	#header{padding: 0px; margin-bottom: 20px;}
	#content-container{margin: 0px; padding: 0px;}
	#left-column{float: none; width: 100%; padding: 0px; margin-bottom: 30px;}
	#right-column{float: none; width: 100%; padding: 0px;}	
	.double-cloumn #left-column {clear: both; float: none; width: 100%;}
	.double-cloumn #right-column {clear: both; float: none; width: 100%}
	
	.post-title{margin-bottom: 20px; font-size: 25px;}
	.section-title{margin-bottom: 20px; font-size: 25px;}


	/*---------------------------------------*/
	/*- HEADER ------------------------------*/
	.logo{float: none; padding: 0px 0px 20px; margin: 0px;}
	
	
	/*---------------------------------------*/
	/*- NAVIGATION --------------------------*/
	ul#nav{padding: 20px 0px 15px; margin: 0px; float: none; font-size: 14px;}
	ul#nav li{float: none; display: block; margin: 0px; padding: 0px; text-align: left; background: none;}
	ul#nav li:last-child{border-bottom: none;}
	ul#nav li a{display: block; padding: 0px 0px 5px; margin-bottom: 5px; border: none; font-size: 14px;}
	ul#nav li a:hover{margin-bottom: 5px; border: none;}
	
	/*--------------------------*/
	/*- SUB MENU ---------------*/
	ul#nav ul.sub-menu{/*display: none;*/ position: absolute; top: 25px; left: 0px; z-index: 2; width: 170px; }
	ul#nav ul.sub-menu ul{left: 0px; top: -44px;}
	ul#nav ul.sub-menu li{width: 100%;}	
	
	
	/*----------------------------*/
	/*- FOUR COLUMN LIST ---------*/
	.four-column{clear: both;}
	.four-column li{clear: both; width: 100%; margin-right: 0px; text-align: left;}
	.four-column li:nth-child(4n+4){margin: 0px 0px 30px 0px;}
	.four-column li:nth-child(4n+5){clear: none;}
	.four-column li:nth-child(2n+2){margin: 0px 0px 30px 0px;}
	.four-column li:nth-child(2n+3){clear: left;}
	.four-column .post-image img{min-width: 0px; width: 100%; max-width: 100%;}
			
	
	/*----------------------------*/
	/*- TWO COLUMN ---------------*/
	.two-column{margin-bottom: 30px;}
	.two-column li.column{float: none; width: 100%; margin: 0px 0px 20px;}
	
	.home-sidebar ul.widget-list li.widget{display: none;}
		
		
	/*----------------------------*/
	/*- ARCHIVES -----------------*/
	.archives_list li{float: none; width: 100%; margin: 0px 0px 20px 0px; overflow: hidden;}


	/*---------------------------------------*/
	/*- RIGHT COLUMN ------------------------*/
	#right-column ul.widget-list li.widget:last-child{padding-bottom: 30px; margin-bottom: 0px; border-bottom: none;}
	
	
/*-------------------------------------------------------------------------------------------*/
/*- PORTFOLIO --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*------------------------------*/
	/*- CATEGORY COLUMN ----------------*/
	.portfolio #category-column ul li{width: 50%; padding: 0px; margin-bottom: 10px;}
	.portfolio #category-column ul li a{display: block;}
	.portfolio #category-column ul li a.selected{font-weight: bold;}


	/*------------------------*/
	/*- FOUR COLUMN ---------*/
	.portfolio-list.four-column li{float: left; width: 45%; margin: 0px 10% 30px 0px; text-align: left; clear: none;}
	.portfolio-list.four-column li:nth-child(2n+2){margin-right: 0;}
	.portfolio-list.four-column li:nth-child(2n+3){clear: left;}


	/*------------------------*/
	/*- THREE COLUMN ---------*/
	.portfolio-list.three-column li{width: 45%; margin: 0px 10% 30px 0px;}
	.portfolio-list.three-column li:nth-child(3n+3){margin: 0px 2.12766% 30px 0px;}
	.portfolio-list.three-column li:nth-child(3n+4){clear: none;}
	.portfolio-list.three-column li:nth-child(2n+2){margin: 0px;}
	
	/*------------------------*/
	/*- TWO COLUMN -----------*/
	.portfolio-list.two-column li{width: 45%; margin: 0px 10% 30px 0px;}
		
		
/*-------------------------------------------------------------------------------------------*/
/*- PORTFOLIO SUB PAGE ----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*------------------------------*/
	/*- LEFT COLUMN ----------------*/
	.portfolio #portfolio-content {float: right; width: 100%;}
	.portfolio #portfolio-left h4{margin-bottom: 10px; font-weight: bold; font-size: 24px;}
	

	/*------------------------------*/
	/*- RIGHT COLUMN ---------------*/
	.portfolio #portfolio-image {float: left; width: 100%;}
	.portfolio .post-title{margin-bottom: 20px;}
		
	
	/*---------------------------------------*/
	/*- 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;}
}

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


	/*---------------------------------------*/
	/*- NAVIGATION --------------------------*/
	ul#nav li{padding: 0px 20px 0px 0px; margin: 0px 0px 0px 0px;}
	
	
	/*------------------------------------*/
	/*- SEARCH ---------------------------*/
	.search-form input[type=text]{width: 70%; height: 30px; padding: 15px 0px; text-align: center;}


	/*------------------------------------*/
	/*- SOCIAL ---------------------------*/
	.widget_ocmx_social_widget h4 {display: none;}
	
	
	/*------------------------*/
	/*- FOUR COLUMN ---------*/
	.portfolio-list.four-column li{float: left; width: 48.93617%; margin: 0px 2.12766% 30px 0px; text-align: left; clear: none;}
	.portfolio-list.four-column li:nth-child(2n+2){margin-right: 0;}
	.portfolio-list.four-column li:nth-child(2n+3){clear: left;}
	
	
	/*------------------------*/
	/*- THREE COLUMN ---------*/
	.portfolio-list.three-column li{width: 48.93617%; margin: 0px 2.12766% 30px 0px;}
	.portfolio-list.three-column li:nth-child(3n+3){margin: 0px 2.12766% 30px 0px;}
	.portfolio-list.three-column li:nth-child(3n+4){clear: none;}
	.portfolio-list.three-column li:nth-child(2n+2){margin: 0px;}

}