@media only screen and (max-device-width: 1270px) {
    .slideHome1 {
        background-size: auto 505px;
    }
    
    .slideEmpresa {
    	background-size: auto 505px;
    }

    .slideAerosoles {
    	background-size: auto 505px;
    }

    .slideServicios {
    	background-size: auto 505px;
    }

    .slideContacto {
    	background-size: auto 780px;
    }

    .slideClientes {
    	background-size: auto 505px;
    	background-position: inherit;
    }

    .slideClientes2 {
    	background-size: auto 505px;
    	background-position: inherit;
    }

    .slideClientes3 {
    	background-size: auto 505px;
    	background-position: inherit;
    }

    .slideClientes4 {
    	background-size: auto 505px;
    	background-position: inherit;
    }

    .slideClientes5 {
    	background-size: auto 505px;
    	background-position: inherit;
    }

    .slideClientes6 {
    	background-size: auto 505px;
    	background-position: inherit;
    }

    .titleSlideContacto h2 {
    	margin: 0px 0px 15px 20px;
    }

    .titleSlideContacto p {
    	margin: 0px 0px 15px 20px;
    }
}

@media only screen and (max-device-width: 1180px) {
    nav {
        margin-left: 0px;
        right: 10px;
    }

    footer {
    	height: auto;
    	padding-bottom: 45px;
    }

    .boxMsgProd {
    	width: 100%;
    	margin-left: 0px;
    	margin-top: 0px;
    }

    .boxMsgProd p {
    	text-align: center;
    }

    .contentProdFlex {
    	padding-bottom: 40px;
    }

}

@media only screen and (max-device-width: 1110px) {
    .center {
        width: 100%;
        float: left;
    }

    .logo {
    	margin-left: 10px;
    }

    .contentMap {
    	width: 95%;
    }

    .contentMap iframe {
    	width: 100% !important;
    }

    .contentForm input {
    	width: 90%;
    	margin-left: 5%;
    }

    .contentForm textarea {
    	width: 90%;
    	margin-left: 5%;
    }

    .contentLogos {
    	width: 100%;
    	height: auto;
    }
}

@media only screen and (max-device-width: 1000px) {
    .wrapper {
		display: block;
	}

	nav {
		display: none;
	}

	.contentIconFlex {
		height: auto;
	}

	.titleSlideContacto h2 {
		font-size: 62px;
	}
}

@media only screen and (max-device-width: 800px) {
	.titleSlideContacto {
		width: 100% !important;
		text-align: center;
		height: auto !important;
	}

	.titleSlideContacto h2 br {
		display: none;
	}

	.contentForm {
		width: 100% !important;
		margin-top: 20px;
		float: left;
	}

	.slideContacto {
    	background-size: auto 930px;
    	height: 930px !important;
    }

    .contentSlideContacto #slidingFeatures {
    	height: 930px !important;
    }
}


@media only screen and (max-device-width: 600px) {
   .titleSlide h2 {
	    font-size: 58px;
	}

	.titleSlideClientes h2 {
		width: 100%;
		font-size: 58px;
	    text-align: center;
	    margin: 20px 0px 15px 0px;
	}

	.titleSlideEmpresa h2 {
		font-size: 58px;
	}

	.columnLogoFooter {
		width: 100%;
	}

	.lineFooter {
		display: none;
	}

	.lineHor {
	    width: 90%;
	    margin-left: 5%;
	}

	.logoFooter {
		text-align: center;
	}

	.columnLogoFooter p {
		text-align: center;
		width: 100%;
	}

	.logo {
	    margin-top: 70px;
	    margin-left: 0px;
	    width: 100%;
	    text-align: center;
	}

	.slideContacto {
    	background-size: auto 1000px;
    	height: 1000px !important;
    }

    .contentSlideContacto #slidingFeatures {
    	height: 1000px !important;
    }

    .lineVertService {
    	width: 90%;
    	height: 1px;
    	margin-left: 0px;
    	margin-right: 0px;
    	margin-top: 15px;
    	margin-bottom: 15px;
    }

    .boxEmpresa1 {
    	width: 100%;
    	height: 195px;
    }

    .boxEmpresa2 {
    	width: 100%;
    	height: auto;
    }

    .boxEmpresa3 {
    	width: 100%;
    	height: auto;
    }

    .titleIconService {
    	font-size: 28px;
    }

    .txtIconService br {
    	display: none;
    }
}

@media only screen and (max-device-width: 500px) {
	.contentIcon {
		width: 100%;
	}

	.leftFooter {
		width: 100%;
		margin-left: 0px;
	}

	.columnFooter {
		margin-left: 0px;
		height: auto;
		font-size: 16px;
	}

	.columnFooter p {
		text-align: center;
		width: 100%;
		margin-top: 30px;

	}

	.middleFooter {
		width: 100%;
		margin-left: 0px;
	}

	.rightFooter {
		width: 100%;
	}

	.prodAerosol {
		width: 100%;
	}

	.titleSlideContacto h2 {
		margin: 0;
		font-size: 42px;
		line-height: 40px;
		margin-bottom: 20px;
	}

	.titleSlideContacto p {
		width: 90%;
    	margin-left: 5% !important;
	}
}

@media only screen and (max-device-width: 400px) {
	.service {
	    width: 90%;
    	margin-left: 5%;
    	height: auto;
	}

	.hoverService {
		width: 90%;
	}

	.service:hover .hoverService {
		height: 180px;
	}

	.hoverService img {
		width: 50px !important;
	}

	.service img {
		width: 100%;
	}

	.txtService {
		width: 90%;
	}

	.titleService {
		margin-top: 30px;
	}

	.titleSlideClientes h2 {
		width: 100%;
		font-size: 48px;
	    text-align: center;
	    margin: 20px 0px 15px 0px;
	}

	.slideContacto {
    	background-size: auto 1020px;
    	height: 1020px !important;
    }

    .contentSlideContacto #slidingFeatures {
    	height: 1020px !important;
    }
}