@media (max-width: 1700px){
	#whoiam {
		min-height: 600px;
	}
}


@media (max-width: 1210px){
	/* =========================================================
	Menu
	============================================================ */
	.personal-zone .content-personal{
		width: 100%;
		padding: 10px 10% 0 10%;
	}

	/* =========================================================
	Services
	============================================================ */
	#services .content-services {
		width: 100%;
		padding: 0 10% 2% 10%;
	}
	
	/******** Box ********/	
	.box-services .title-service {
		font-size: 15px;
	}

	/* =========================================================
	Latest works
	============================================================ */
	#latest-works .text-latest-works {
		width: 100%;
		padding: 0 10% 2% 10%;
	}
	
	/* =========================================================
	Contact
	============================================================ */
	#contact .text-contact,
	#contact .contact-form{
		width: 100%;
		padding: 0 10% 2% 10%;
	}
	
	/* =========================================================
	Footer
	============================================================ */
	footer .footer-content {
		width: 100%;
		padding: 50px 10% 2% 10%;
	}
	
	.footer-down .footer-down-content {
		width: 100%;
		padding: 0 10% 2% 10%;
	}
	
	
	/* =========================================================
		Search
	============================================================ */
	#search {
		width: 100%;
		padding: 0 5% 0 5%;
	}
	

}

@media (max-width: 1155px){
	/* =========================================================
		CSS Menu
	============================================================ */	
	.nav-collapse li {
		margin-right: 15px;
	}
	
	
	/* =========================================================
		Latest works
	============================================================ */
	/******** Portfolio list ********/	
	#portfolio .item {
		width: 33.33%;
	}
	
	/* =========================================================
	Services
	============================================================ */
	/* Clase 2 columnas */
	ul.list-services.columns-3 li {
		width: 47.5%; /* Restamos 2.5% de el total */
	}	
	
}

@media (max-width: 1140px){
	/* =========================================================
		Footer
	============================================================ */
	.footer-content .address-footer{
		width: 100%;
		margin-right: 0px;
		margin-bottom: 30px;
	}
	
		
	.footer-content .info-links-footer {
		width: calc( 30% - 30px );
		margin-right: 30px;
	}

	.footer-content .latest-post-footer {
		width: 70%;
		margin-right: 0px;
	}

	.footer-content .categories-blog {
		width: calc( 50% - 30px );
		margin-right: 30px;
		float: left;
	}
	
	.footer-content .social-footer {
		width: 50%;
		margin-right: 0px;
		float: left;
	}
}

@media (max-width: 1120px){
	/* =========================================================
	Industrial installations
	============================================================ */
	ul.industrial-ins-brands-list li > .img-brand .hover-dropdown  a > .see-download{
		font-size: 15px;
	}
}


@media (max-width: 1000px){
	/* =========================================================
	Parallax dream reviews
	============================================================ */
	.parallax-dream, .parallax-reviews  {
        background-attachment: scroll !important;
        background-position: center center !important;
    }
	
	/* =========================================================
		Footer
	============================================================ */	
	.footer-down-content .all-rights,
	.footer-down-content .legal-noticies {
		width: 100%;
		text-align: center;
		float: left;
	}

	.legal-noticies li{
		width: 25%;
		text-align: center;
		margin-top: 20px;
		box-sizing: border-box;
	}
	
	/* =========================================================
	Industrial installations
	============================================================ */
	/* Class 2 columns */
	ul.industrial-ins-brands-list.columns-4 li {
		width: 47.5%; /* Restamos 2.5% de el total */
	}
	
	ul.industrial-ins-brands-list li > .img-brand .hover-dropdown  a > .see-download{
		font-size: 18px;
	}
	
	/* =========================================================
		Latest works
	============================================================ */
	/******** Filter list ********/
	#filter-list li {
		margin: 0px 10px 10px 0;
	}

	
	#filter-list li:last-child {
		margin-right: 0px;
	}

}


@media (max-width: 991px){
	/* =========================================================
		CSS Menu
	============================================================ */	
	.nav-collapse a {
		text-align: center;
		padding: 13px 0px 13px 20px;
		border-bottom: 1px solid #e3e3e3;
	}
	
	.nav-collapse li.active,
	.nav-collapse li:hover{
		border-top: 0px;
	}
	
	/* =========================================================
	Home
	============================================================ */
	#home .motto{
		top: 35%;
	}
	
	#home .motto h1{
		color: #fff;
		font-size: 68px;
		margin-bottom: 5px;
		line-height: 58px;
	}

	#home .motto p{
		font-size: 18px;
		line-height: 16px;
	}
	
	#home .bot-slider{
		top: 75%;
	}
	
	/* =========================================================
	Contact
	============================================================ */
	#contact .contact-form > .address-contact {
		width: 100%;
		margin-right: 0px;
		margin-bottom: 20px;
	}
	
	.address-contact li{
		width: 50%;
		height:80px;
		padding-right: 20px;
	}
	
	.address-contact li:nth-child(2),
	.address-contact li:nth-child(3){
		padding-right: 0px;
	}
	
	
	#contact .contact-form > .form {
		width: 100%;
	}	
	
}

@media (min-width: 900px) and (max-width: 1499px) {
	#whoiam .image-whoiam img{
		width: auto;
		height: 100%;
		position: absolute;
		top: -100%;
		left: -100%;
		bottom: -100%;
		right: -100%;
		margin: auto;	
		display:block;
	}
	
	#whoiam .image-whoiam{
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		overflow: hidden;
	}	
}

@media (min-width: 900px){
	#whoiam .image-whoiam{
		width: 50%;
	}	
	
	#whoiam .text-whoiam{
		width: 50%;
		padding: 5% 9% 0 5%;
		float: right;
	}
}

@media (min-width: 1500px) {
	
	#whoiam .image-whoiam{
		float: left;
	}
	
	#whoiam .image-whoiam img {
		width: 100%;
	}
	
}

@media (max-width: 899px){
	#whoiam .image-whoiam img{
		width: 100%;
	}
	
	#whoiam .text-whoiam{
		padding: 10%;
		float: left;
	}	
	
}

@media (max-width: 820px){
	/* =========================================================
	Home
	============================================================ */
	#home .bot-slider{
		width: 100%;
		left: 0%;
		-webkit-transform: translateX(-0%);
		transform: translateX(-0%);	
		top: 60%;
	}
	
	#home .bot-slider a.bot-one,
	#home .bot-slider a.bot-two{
		width: 30% !important;
		margin: 0 auto;
		margin-bottom: 10px;
		float: none;
	}
	
	/* =========================================================
		Latest works
	============================================================ */
	/******** Portfolio list ********/	
	#portfolio .item {
		width: 50%;
	}
	
	/* =========================================================
	Industrial installations
	============================================================ */
	.industrial-ins-left {
		width: 100%;
		margin-right: 0px;
		margin-bottom: 20px;
	}


	.industrial-ins-right {
		width: 100%;
	}
}


@media (max-width: 785px){
	/* =========================================================
	Services
	============================================================ */
	/* Clase 1 columna */
	ul.list-services.columns-3 li {
		width: 97.5%;
	}	

	.box-services .box img{
		width: 100%;
	}
	
	/* =========================================================
		Footer
	============================================================ */
	.footer-content .info-links-footer {
		width: calc( 50% - 20px );
		margin-right: 20px;
	}

	.footer-content .latest-post-footer {
		width: 50%;
	}
	
	.footer-content .social-footer {
		width: 50%;
		margin-right: 0px;
	}
	
}


@media (max-width: 630px){
	/* =========================================================
	Parallax reviews
	============================================================ */
	.parallax-reviews  article {
		width: 80%;
	}	
	
}


@media (max-width: 570px){
	/* =========================================================
	Contact
	============================================================ */
	#map {
		height: 250px;
	}
	
	/* =========================================================
	Industrial installations
	============================================================ */
	/* Class 4 columns */
	ul.industrial-ins-brands-list.columns-4 li {
		width: 97.5%; /* Restamos 2.5% de el total */
	}
	
	/* =========================================================
		Footer
	============================================================ */
	.footer-content .info-links-footer {
		width: 100%;
		margin-right: 0px;
	}

	.footer-content .latest-post-footer {
		width: 100%;
	}
	
	.footer-content .social-footer {
		width: 100%;
		margin-right: 0px;
	}
	
	.footer-content .categories-blog {
		width: 100%;
	}

}

@media (max-width: 550px){
	/* =========================================================
	Search
	============================================================ */
	#search input{
		width: 50%;
	}
	
	/* =========================================================
		Latest works
	============================================================ */
	/******** Filter list ********/
	#filter-list li {
		padding: 10px;
		margin: 0px 5px 5px 0;
	}
}
	

@media (max-width: 535px){
	/* =========================================================
	Services
	============================================================ */
	.box-services .box img{
		width: auto;
	}
}


@media (max-width: 560px){
	/* =========================================================
	Principal layers
	============================================================ */	
	.shopping-cart{
		margin-right: 2%;
	}
	
	/* =========================================================
	Menu
	============================================================ */
	.personal-zone .content-personal{
		text-align: center;
	}
	
	/* =========================================================
	Photo head
	============================================================ */
	#photo-head-shop {
		height: 295px !important;
	}

	#photo-head-shop h2{
		top: 170px;
		line-height: 30px;
		font-size: 40px;
	}

	#photo-head-shop h4{
		top: 210px;
		font-size: 12px;
	}

}

@media (max-width: 480px){
	div.divimagen > div { width: 100% !important; }
}

@media (max-width: 450px){
	/* =========================================================
	Home
	============================================================ */
	#home .motto{
		top: 25%;
	}
	
	#home .motto h1{
		color: #fff;
		font-size: 55px;
		line-height: 45px;
		margin-bottom: -5px;
	}

	#home .motto p{
		font-size: 15px;
		line-height: 15px;
	}
	/* =========================================================
	Parallax dream
	============================================================ */
	.parallax-dream .motto{
		width: 70%;
		line-height: 30px;
		font-size: 26px;
	} 
	
	/* =========================================================
		Latest works
	============================================================ */
	/******** Portfolio list ********/	
	#portfolio .item {
		width: 100%;
	}

	
	/* =========================================================
	Parallax reviews
	============================================================ */
	.parallax-reviews  article {
		width: 95%;
		font-size: 26px;
		line-height: 20px;
	}
	
	
}

@media (max-width: 520px){
/* =========================================================
	Contact
	============================================================ */
	.address-contact li{
		width: 100%;
		height:60px;
		padding-right: 0px;
	}
	
	.form .small-input > div {
		width: calc( 50% - 20px );
		margin-right: 40px;
		float: left;
	}
	.form .small-input > div:nth-child(1),
	.form .small-input > div:nth-child(2){
		margin-bottom: 10px;
	}
	
	
	.form .small-input > div:nth-child(2),
	.form .small-input > div:nth-child(3){
		margin-right: 0px;
	}
	
	.form .small-input > div:nth-child(3){
		width: 100%;
	}
	
	/* =========================================================
		Footer
	============================================================ */
	.address-footer-list li{
		width: 100%;
		height:30px;
		padding-right: 0px;
	}
}

@media (max-width: 410px){
/* =========================================================
	Services
============================================================ */	
/******** Box independent ********/	
.box-services-last {
	font-size: 12px;
}

.box-services-last div {
	margin-bottom: 15px;
}

}

@media (max-width: 380px){
	/* =========================================================
	Home
	============================================================ */
	
	#home .bot-slider a.bot-one,
	#home .bot-slider a.bot-two{
		width: 40% !important;
	}
	

	/* =========================================================
		Services
	============================================================ */
	/******** Box ********/	
	.box-services {
		font-size: 12px;
	}
	
	/* =========================================================
		Menu
	============================================================ */
	.personal-zone .content-personal span{
		display: none;
	}


}


@media (max-width: 310px){
	.box-services .box .caption {
		line-height: 14px;
	}
	.box-services .box .full-caption {
		padding: 8px;
	}
	
	/* =========================================================
	Photo head
	============================================================ */
	#photo-head-shop h4{
		top: 240px;
	}
	
	.photo-head h2{
		font-size: 40px;
		padding: 0 1% 0 1%;
	}

	.photo-head > h4{
		font-size: 14px;
		padding: 0 1% 0 1%;
	}
	
	/* =========================================================
	Services
	============================================================ */	
	/******** Box independent ********/	
	.box-services-last div {
		margin-bottom: 8px;
	}

	
}

@media (max-width: 265px){

	/* =========================================================
	Industrial installations
	============================================================ */
	ul.industrial-ins-brands-list li > .img-brand .hover-dropdown  a > .see-download{
		font-size: 15px;
	}
}