/* --------------------------------------
=========================================
RESPONSIVE FIXES
=========================================
-----------------------------------------*/


/* Smartphones */
@media (max-width: 480px) {
	html {font-size: 90%;}
	#wrapper{width:100%;}
	#col_right{width:100%; clear:both;}
	#col_left{width:100%; clear:both;}
	.latest_project{width:100%; clear:both;}
	.latest_project img{width:280px; float:none; padding: 0;}
	.latest_project_padd{padding:10px;}
	#fp_project_details{clear:none;}
	.latest_news{width:100%; clear:both;}
	.latest_news_padd{padding:10px;}
	#fp_news_archive{text-align:left;}
	
	#footer{padding:20px;}
	.footer_banner_wrapper {width:100%;}
	.footer_banner{padding:10px;}
	
	.footer_wrapper {width:100%;}
	.footer_col{width:100%; clear:both;}
	.footer_col #gmap{width:100% !important;}
	.footer_col #gmap #gmap_canvas{width:100% !important;}
	
		/*PAGE*/
	#maincol{width:100%; padding:10px; float:none; clear:both;}
	#rightcol{width:100%; float:none; clear:both;}
	#rightcol_latest_news{}
	#rightcol_latest_projects{}
	
	/*PROJECTS*/
	#maincol_full_width {padding: 10px;}
	#cycle1.cycle-slideshow {
    max-width: 230px;
    min-width: 230px;
    }
	
	/* NEIGHBORHOOD SLIDER */
	.neighborhood-slider{
	width:100%;
	margin:0 auto;
	}
	
	/* NEIGHBORHOOD MAP */
	div#canvas.mapa{
	 height:200px !important;
	 }
	 
	 /* SLIDER OVERLAY*/
	.cycle-overlay{
	 margin-top:20% !important;
	 font-size:10px !important;
	 line-height:10px !important;
	 }	 
	 .cycle-overlay p{display:none !important;}
	 .cycle-overlay h1{line-height:20px !important;}
	 #cycle-overlay-position{width:100% !important;}
	
}


/* Smartphones to Tablets */
@media (min-width: 481px) and (max-width: 767px) {
	html {font-size: 90%;}
	#wrapper{width:100%;}
	#col_right{width:100%; clear:both;}
	#col_left{width:100%; clear:both;}
	.latest_project{width:100%; clear:both;}
	.latest_project img{width:300px; float:left; padding: 0 10px 10px 0;}
	.latest_project_padd{padding:10px;}
	#fp_project_details{clear:none;}
	.latest_news{width:100%; clear:both;}
	.latest_news_padd{padding:10px;}
	#fp_news_archive{text-align:left;}
	
	#footer{padding:20px;}
	.footer_banner_wrapper {width:100%;}
	.footer_banner{padding:10px;}
	
	.footer_wrapper {width:100%;}
	.footer_col{width:100%;}
	.footer_col #gmap{width:100% !important;}
	.footer_col #gmap #gmap_canvas{width:100% !important;}
	
	/*PAGE*/
	#maincol{width:100%; padding:10px; float:none; clear:both;}
	#rightcol{width:100%; float:none; clear:both;}
	#rightcol_latest_news{}
	#rightcol_latest_projects{}
	
	/*PROJECTS*/
	#maincol_full_width {padding: 10px;}
	#cycle1.cycle-slideshow {
    max-width: 460px;
    min-width: 230px;
    }
	
	/* NEIGHBORHOOD SLIDER */
	.neighborhood-slider{
	width:100%;
	margin:0 auto;
	}
	
	/* NEIGHBORHOOD MAP */
	div#canvas.mapa{
	 height:200px !important;
	 }
	 
	 /* SLIDER OVERLAY*/
	.cycle-overlay{
	 margin-top:25% !important;
	 font-size:16px !important;
	 line-height:16px !important;
	 }	 
	 .cycle-overlay p{width:95% !important;}
	 .cycle-overlay h1{line-height:30px !important;}
	 #cycle-overlay-position{width:100% !important;}
	
}


/* Tablets */
@media (min-width: 768px) and (max-width: 959px) {
	html {font-size: 90%;}
	
	/*FRONT PAGE*/
	#wrapper{width:100%;}
	#col_right{width:100%; clear:both;}
	#col_left{width:100%; clear:both;}
	.latest_project{width:100%; clear:both;}
	.latest_project img{width:300px; float:left; padding: 0 10px 10px 0;}
	.latest_project_padd{padding:10px;}
	#fp_project_details{clear:none;}
	.latest_news{width:100%; clear:both;}
	.latest_news_padd{padding:10px;}
	#fp_news_archive{text-align:left;}
	
	#footer{padding:20px;}
	.footer_banner_wrapper {width:100%;}
	.footer_banner{padding:10px;}
	
	.footer_wrapper {width:100%;}
	.footer_col{width:25%;}
	.footer_col #gmap{width:100% !important;}
	.footer_col #gmap #gmap_canvas{width:100% !important;}
	
	/*PAGE*/
	#maincol{width:60%; padding:10px;}
	#rightcol{width:30%;}
	#rightcol_latest_news{}
	#rightcol_latest_projects{}
	
	/*PROJECTS*/
	#maincol_full_width {padding: 10px;}
	#cycle1.cycle-slideshow {
    max-width: 690px;
    min-width: 230px;
    }
	
	/* NEIGHBORHOOD SLIDER */
	.neighborhood-slider{
	width:100%;
	margin:0 auto;
	}
	
	/* NEIGHBORHOOD MAP */
	div#canvas.mapa{
	 height:200px !important;
	 }
	 
	 /* SLIDER OVERLAY*/
	.cycle-overlay{
	 margin-top:30% !important;
	 font-size:16px !important;
	 line-height:16px !important;
	 }
	 .cycle-overlay p{width:95% !important;}
	 .cycle-overlay h1{line-height:30px !important;}
	 #cycle-overlay-position{width:100% !important;}

}


/* Desktop */
@media (min-width: 960px) and (max-width: 1199px) {
	html {font-size: 100%;}
	
	/*PROJECTS*/
	#cycle1.cycle-slideshow {
    max-width: 690px;
    min-width: 230px;
    }
	
	/* NEIGHBORHOOD SLIDER */
	.neighborhood-slider{
	width:960px;
	margin:0 auto;
	}
	
}


/* Large Display */
@media (min-width: 1200px) {
	html {font-size: 100%;}
}