

@media (max-width: 575.98px) {
	#banner-top {
		background-size: cover !important;
		background-position: 47% !important;
	} #calltoaction {
		padding: 50px 0px !important;
	} #calltoaction .call {
		font-size: 12px  !important;
	} #calltoaction #cotiza img {
		max-height: 35px  !important;
	} #filtracion #img-filtracion {
		min-height: 200px !important;
	} #suavizadores #img-suavizadores {
		min-height: 200px !important;
	} #osmosis #img-osmosis {
		min-height: 200px !important;
	} #consumibles #img-consumibles {
		min-height: 200px !important;
	}

} @media (min-width: 575.98px) and (max-width: 767.98px) {
	#banner-top {
		background-size: cover !important;
		background-position: 47% !important;
	} #calltoaction {
		padding: 50px 0px !important;
	} #calltoaction .call {
		font-size: 19px  !important;
	} #calltoaction #cotiza img {
		max-height: 40px  !important;
	}
} @media (min-width: 767.98px) and (max-width: 991.98px) {
	#banner-top {
		background-size: cover !important;
		background-position: 47% !important;
	} #calltoaction {
		padding: 50px 0px !important;
	} #calltoaction .call {
		font-size: 26px  !important;
	} #calltoaction #cotiza img {
		max-height: 40px  !important;
	}
} @media (min-width: 991.98px) and (max-width: 1199.98px) { 
	#filtracion #img-filtracion {
		background-size: cover!important;
	} #suavizadores #img-suavizadores {
		background-size: cover!important;
	} #osmosis #img-osmosis {
		background-size: cover!important;
	} #consumibles #img-consumibles {
		background-size: cover !important;
	} #filtracion .btn-productos {
		margin: 0px 40px 40px 0px !important;
	} #suavizadores .btn-productos {
		margin: 0px 0px 40px 40px !important;
	} #osmosis .btn-productos {
		margin: 0px 20% 40px 0px !important;
	} #consumibles .btn-productos {
		margin: 0px 0px 40px 40px !important;
	} 
} @media ( min-width: 1200px ) {
	#filtracion #img-filtracion {
		background-size: cover!important;
	} #suavizadores #img-suavizadores {
		background-size: cover!important;
	} #osmosis #img-osmosis {
		background-size: cover!important;
	} #consumibles #img-consumibles {
		background-size: cover !important;
	} #filtracion .btn-productos {
		margin: 0px 40px 40px 0px !important;
	} #suavizadores .btn-productos {
		margin: 0px 0px 40px 40px !important;
	} #osmosis .btn-productos {
		margin: 0px 20% 40px 0px !important;
	} #consumibles .btn-productos {
		margin: 0px 0px 40px 40px !important;
	} 
}

/* BANNER */
#banner-top {
	background-image: url('/img/TRATAMIENTOS/BACKHEADER-TRATAMIENTO.webp');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
	margin-top: 83px !important;
} #banner-top .title-banner {
	color: #fff;
	font-family: "Archivo-Bold";
	font-size: 35px;
	line-height: .9;
	padding: 100px 0px;
	margin: 0px;
	text-align: center;
	width: 100%;
} 


#filtracion {
	padding: 50px 0px;
	background-color: #f3f4f8;
} #filtracion .info {
	color: #4065af;
	font-family: "Archivo-SemiBold";
	text-align: center;
} #filtracion .title {
	color: #4065af;
	font-family: "Archivo-SemiBold";
	font-size: 40px;
	margin-top: 20px;
} #filtracion .desc {
	color: #8195b5;
	font-size: 16px;
	font-family: "Archivo-Regular";
	text-align: justify;
	line-height: 1.5;
} #filtracion #img-filtracion {
	background-image: url("/img/TRATAMIENTOS/filtracion.webp");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	min-height: 315px;
} #filtracion .btn-productos {
	margin: 0px 20% 40px 0px;
} #filtracion .btn-productos img {
	max-height: 35px;
} 

#suavizadores {
	padding: 50px 0px;
	background-color: #20419a;
} #suavizadores .info {
	color: #4065af;
	font-family: "Archivo-SemiBold";
	text-align: center;
} #suavizadores .title {
	color: #fff;
	font-family: "Archivo-SemiBold";
	font-size: 40px;
	margin-top: 20px;
} #suavizadores .desc {
	color: #8195b5;
	font-size: 16px;
	font-family: "Archivo-Regular";
	text-align: justify;
	line-height: 1.5;
} #suavizadores #img-suavizadores {
	background-image: url("/img/TRATAMIENTOS/suavizadores.webp");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	min-height: 315px;
} #suavizadores .btn-productos {
	margin: 0px 0px 40px 20%;
} #suavizadores .btn-productos img {
	max-height: 35px;
} 


#osmosis {
	padding: 50px 0px;
	background-color: #365ca4;
} #osmosis .info {
	color: #4065af;
	font-family: "Archivo-SemiBold";
	text-align: center;
} #osmosis .title {
	color: #fff;
	font-family: "Archivo-SemiBold";
	font-size: 40px;
	margin-top: 20px;
} #osmosis .desc {
	color: #8195b5;
	font-size: 16px;
	font-family: "Archivo-Regular";
	text-align: justify;
	line-height: 1.5;
} #osmosis #img-osmosis {
	background-image: url("/img/TRATAMIENTOS/osmosis_inversa.webp");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	min-height: 315px;
} #osmosis .btn-productos {
	margin: 0px 20% 40px 0px;
} #osmosis .btn-productos img {
	max-height: 35px;
}


#consumibles {
	padding: 50px 0px;
	background-color: #f3f4f8;
} #consumibles .info {
	color: #4065af;
	font-family: "Archivo-SemiBold";
	text-align: center;
} #consumibles .title {
	color: #4065af;
	font-family: "Archivo-SemiBold";
	font-size: 40px;
	margin-top: 20px;
} #consumibles .desc {
	color: #8195b5;
	font-size: 16px;
	font-family: "Archivo-Regular";
	text-align: justify;
	line-height: 1.5;
} #consumibles #img-consumibles {
	background-image: url("/img/TRATAMIENTOS/consumibles.webp");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	min-height: 315px;
} #consumibles .btn-productos {
	margin: 0px 0px 40px 20%;
} #consumibles .btn-productos img {
	max-height: 35px;
} #consumibles .bck {
	background-color: #fff;
	border-radius: 50px;
	padding: 10px 0px;
} #consumibles .bck p {
	color: #1d44a9;
	font-family: "Archivo-Bold";
	margin: 0px;
}


#calltoaction {
	background-image: url("/img/TRATAMIENTOS/BANNERBACK.webp");
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
	padding: 50px;
} #calltoaction .call {
	font-family: "Archivo-Bold";
	color: #fff;
	font-size: 30px;
	text-align: center;
	line-height: 1;
} 