/***** SMARTPHONES *****/

@media all and (max-width: 320px){

	.langMenu {

	top:12px;
	right:50px;

}

.areaSpace {
display: none;

}



	#home{display:none;}

	.mobile-logo{ display: block; top: 5px; left: 10px; cursor: pointer; z-index: 100; }
	.mobileLogoImg{width:150px;}
	.mobile-toggle{ display: block; cursor: pointer; font-size: 40px; top: 8px; color: #444; z-index: 200; }
	.menu{ margin: 0px; width:100%;}
	.menu li{ float: left; margin: 0px 0px 20px 0px; text-align:left; width:100%; border-bottom:solid 1px #666666; }
	#navigation{ position: fixed !important; background: #rgba(255,255,255,0.9) !important; top: 0px; padding-top: 55px; max-height: 50px; }
	#navigation .text-center{ text-align: left !important; }
	.open-nav{ max-height: 800px !important; height:100%}
	#logo{ display: none; }
	.headline{ margin-bottom: 11px; }
	.headline-logo{ display: none; }
	.content-divider{ display: none; }
	#stats{ display: none; }
	#blog{ display: none; }
	.stat{ margin-bottom: 22px; }
	.slide-content{ padding-top: 150px !important; }
	.title-upper{ display: none; }
	.title-icon{ display: none; }



	.bg-cover{ background-attachment: scroll !important; }

	.page-title h1{ font-size: 48px; }


	.process-phase{ text-align: center;}
	.phase-icon{ margin: 0px 0px 22px 0px; display: inline-block; float: none !important; }
	.phase-text{ float: none; min-width: 100%; }

	.project-slider{ margin-bottom: 22px; }
	.filters li{ margin-right: 11px; }

	#home-slider .slides li h1{ font-size: 68px; letter-spacing: 0px; right: 0px; }
	#home-slider .slides li p{ font-size: 1em; }
	#home-slider .slides li .btn{ display: none; }
	#home-slider .slides li{ background-size: cover !important; }

	.testimonials-slider h1{ font-size: 38px; }

	.pricing-table{ margin-bottom: 44px; }

	#map-canvas-mobile {
		width: 100%;
		height:200px;
        margin: 0px;
        padding: 0px;
		border-color:#FFF;
		border-style:solid;
		margin-bottom:40px;
      }

	  #map-canvas-mobile img {
    	max-width : none;
	}

	  #map-canvas {
		display:none;
      }

	  .pad-normal2{ padding-top: 55px; padding-bottom: 55px; }

	  .vacaMobile {
		display:block;
		width:100%;
		height:100%;
		margin-bottom:20px;
      }

	 .escondeSumarios {
		display:none;
      }

	  .menu li a:after {
display:none;
}
.menu li a:hover:after {
display:none;
}



#streetViewContainer {
	width: 100%;
	height:200px;
}


}


/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px)
and (max-device-width : 479px) {
/* Styles */

.langMenu {

	top:12px;
	right:50px;

}

.areaSpace {
display: none;

}



#home{display:none;}

	.mobile-logo{ display: block; top: 5px; left: 10px; cursor: pointer; z-index: 100; }
	.mobileLogoImg{width:160px;}
	.mobile-toggle{ display: block; cursor: pointer; font-size: 40px; top: 7px; color: #444; z-index: 200; }
	.menu{ margin: 0px; width:100%;}
	.menu li{ float: left; margin: 0px 0px 6px 0px; text-align:left; width:100%; border-bottom:solid 1px #666666; font-size:12px;}
	#navigation{ position: fixed !important; background: #rgba(255,255,255,0.9) !important; top: 0px; padding-top: 40px; max-height: 53px;}
	#navigation .text-center{ text-align: left !important; }
	.open-nav{ max-height: 800px !important; height:100%}
	#logo{ display: none; }
	.headline{ margin-bottom: 11px; }
	.headline-logo{ display: none; }
	.content-divider{ display: none; }
	#stats{ display: none; }
	#blog{ display: none; }
	.stat{ margin-bottom: 22px; }
	.slide-content{ padding-top: 150px !important; }
	.title-upper{ display: none; }
	.title-icon{ display: none; }



	.bg-cover{ background-attachment: scroll !important; }

	.page-title h1{ font-size: 48px; }


	.process-phase{ text-align: center;}
	.phase-icon{ margin: 0px 0px 22px 0px; display: inline-block; float: none !important; }
	.phase-text{ float: none; min-width: 100%; }

	.project-slider{ margin-bottom: 22px; }
	.filters li{ margin-right: 11px; }

	#home-slider .slides li h1{ font-size: 68px; letter-spacing: 0px; right: 0px; }
	#home-slider .slides li p{ font-size: 1em; }
	#home-slider .slides li .btn{ display: none; }
	#home-slider .slides li{ background-size: cover !important; }

	.testimonials-slider h1{ font-size: 38px; }

	.pricing-table{ margin-bottom: 44px; }

	#map-canvas-mobile {
		width: 100%;
		height:200px;
        margin: 0px;
        padding: 0px;
		border-color:#FFF;
		border-style:solid;
		margin-bottom:40px;
      }

	  #map-canvas-mobile img {
    	max-width : none;
	}

	  #map-canvas {
		display:none;
      }

	  .pad-normal2{ padding-top: 55px; padding-bottom: 55px; }

	  .vacaMobile {
		display:block;
		width:100%;
		height:100%;
		margin-bottom:20px;
      }

	 .escondeSumarios {
		display:none;
      }

	  .menu li a:after {
display:none;
}
.menu li a:hover:after {
display:none;
}




}







/***** TABLETS PORTRAIT & LANDSCAPE *****/

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {

	.areaSpace {
	display: none;

	}

	#logo{ width:86px; height:95px; }
	#home-slider .slides li{ background-size: cover !important; }
	.bg-cover{ background-attachment: scroll !important; }
	.post-single-footer{ background-attachment: scroll !important; }

	.vacaMobile {
		display:none;
      }

	.escondeSumarios {
		display:block;
      }

	  .menu li a:after {
display:none;
}
.menu li a:hover:after {
display:none;
}






}


/***** PORTRAIT TABLETS *****/

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {

	.areaSpace {
	display: none;

	}

.menu{ margin-left: 0px; width:100%;}
	  .menu li{ float: left; margin-right: 20px; color: #FFFFFF; font-size: 12px; font-family: 'Montserrat'; text-transform: uppercase; text-align:center; width:80px;}


	.project{ width: 50%; }
	.headline { font-size: 130px; letter-spacing: 20px; }
	.process-phase{ text-align: center; }
	.phase-icon{ margin: 0px 0px 22px 0px; display: inline-block; float: none !important; }
	.phase-text{ float: none; min-width: 100%; }

	#blog-preview-holder .post-link .medium-6{ width: 100% !important; }

	.vacaMobile {
		display:none;
      }

	  .escondeSumarios {
		display:block;
      }

	  .menu li a:after {
display:none;
}
.menu li a:hover:after {
display:none;
}







}



@media only screen and (max-width: 768px) {

	.areaSpace {
	display: none;

	}

	.beefGaleriaBtnContainerMobile {


	display:block;

}

.beefGaleriaBtnContainer {


	display:none;

}



}

/** ADDITIONAL FEATURES **/

@media all and (max-width: 1250px){
  .post-preview h2{ font-size: 24px; }

	.areaSpace {
	display: none;

	}

}

@media all and (min-width: 769px){

 .beefGaleriaBtnContainerMobile {


	display:none;

}

.beefGaleriaBtnContainer {


	display:block;

}

}