/*
==============================================
Responsive Style (max-width : 1480px)
==============================================
*/

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


/*
==============================================
Responsive Style (max-width : 1200px)
==============================================
*/

@media only screen and (max-width: 1200px) {
	/*Page nosotros*/

	.nuestros-valores .cont-banner .texto-banner {
		top: 250px;
	}

	.banner-nosotros {
		& .text-banner {
			top: 300px;
		}
	}

}

/*
==============================================
Responsive Style (max-width : 1025px)
==============================================
*/

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

	/*Page proyectos*/
	.nuestrosClientes .swiper-button-prev {
		position: relative;
		top: 0%;
		transform: translateY(-200%);
		left: 40%;
	}

	.nuestrosClientes .swiper-button-next {
		position: relative;
		top: 0%;
		transform: translateY(-150%);
		left: 60%;
	}

	.woow-slider-clientes .swiper-button-next {
		right: 40%;
		top: 110%;

	}

	.woow-slider-clientes .swiper-button-prev {
		left: 40%;
		top: 110%;
	}

	.woow-slider-soluciones .swiper-button-prev {
		top: 70%;
		transform: translateY(0%);
		left: 25px;
	}

	.woow-slider-soluciones .swiper-button-next {
		top: 70%;
		transform: translateY(0%);
		right: 25px;
	}

	.woow-servicios .swiperWoowSoluciones .swiper-slide-active .wrap .centerVertical {
		& .titleWrap {
			font-size: 30px;
			margin-left: -390px;
		}
	}
}


/*
==============================================
Responsive Style (max-width : 992px)
==============================================
*/

@media only screen and (max-width : 991px) {
	/*Page: servicios*/

	.FormServicios {
		& .divisor2 {
			display: none;
		}
	}

	.woow-contactanos .woow-nosotros-sec-presencia {
		margin-top: 0;
	}
}


/*
==============================================
Responsive Style (max-width : 860px)
==============================================
*/

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

	/*Home*/
	.cardText span {
		font-size: 15px;
		padding-right: 17px;
	}

	.noticias .captionImg figcaption .desc div {
		display: none;
	}

	.noticias .captionImg:hover figcaption span {
		font-size: 18px;
		padding-bottom: 0px;
	}

	.navNuevo #menu-menu-top {
		background: rgb(0 0 0 / 70%);
	}



}


/*
==============================================
Responsive Style (max-width : 767px)
==============================================
*/
@media screen and (max-width : 768px) {

	/*header*/
	.navNuevo .navbar-nav li {
		padding: 0px;
		border-right: none;
	}

	/*Home*/

	.swiperHome .swiper-slide {
		max-height: 700px;
	}

	.swiperHome .swiper-slide img {
		width: 100%;
		max-height: 700px;
		object-fit: cover;
		height: 100%;
	}

	.swiperHome .swiper-slide .textos-banner {
		position: absolute;
		top: 40%;
		left: 13%;
		text-align: center;

		& h2 {
			text-align: center;
		}
	}

	.woow-slider-soluciones .swiper-button-prev {
		top: 45%;
		transform: translateY(-50%);
		left: 25px;
	}

	.woow-slider-soluciones .swiper-button-next {
		top: 45%;
		transform: translateY(-50%);
		right: 25px;
	}

	.woow-slider-soluciones .swiper-button-prev:after,
	.woow-slider-soluciones .swiper-button-next:after {
		color: var(--color-negro);
		font-weight: bold;
	}

	.wow-Home-nosotros-texto a {
		bottom: -50px;
		left: 30%;
		right: auto;
	}

	.woow-home .swiperWoowSoluciones .swiper-slide-active .cardServicio {
		transform: scale(0.7);
	}


	.cardServicio .woow-img-tintada {
		width: 100%;
	}

	.trayectoria .cifras {
		border: none;
	}

	.cardProyecto .wrap {
		width: 65%;
	}

	.cardProyecto .wrap .titleWrap {
		font-size: 20px;
	}

	.cardProyecto .wrap .titleWrap span {
		font-size: 13px;
	}

	.cardProyecto .wrap .tag {
		font-size: 10px;
	}

	.btnCTA {
		padding: 3px 12px;
		font-size: 15px;
	}



	/*Page: nosotros*/
	.banner-nosotros {
		& .text-banner {
			top: 250px;
			right: 40px;

			& p {
				font-size: 20px;
			}

			& span {
				font-size: 35px;
			}
		}
	}

	.nosotrosValores .swiper-button-next {
		left: 90%;
	}

	.nuestros-valores .cont-banner .texto-banner {
		top: 150px;

		& span {
			font-size: 45px;
		}
	}

	/*Page: servicios*/

	.woow-banner-servicios .banner-servicios-img img {
		min-height: 450px;
		object-fit: cover;
		object-position: right;

	}

	.woow-banner-servicios .banner-servicios-text {
		bottom: 5%;
		top: auto;
		width: 80%;
		left: 10%;

		& p {
			font-size: 15px;
		}

		& .font-weight-bold {
			font-size: 20px;
		}

		& .wow-num-contadores {
			font-size: 70px;
			margin-left: 30px;
		}

		& .counter::before {
			font-size: 40px;
			position: absolute;
			top: 0;
			left: -25px;
			font-weight: bold;
		}
	}

	.woow-servicios .swiperWoowSoluciones .swiper-slide-active .wrap .centerVertical .titleWrap {
		width: 100%;
		margin-left: 0px;
		margin-top: 50px;
	}

	.woow-servicios .swiperWoowSoluciones .swiper-slide-active .cardServicio {
		transform: scale(0.7);
	}

	.woow-servicios .woow-slider-soluciones {
		margin-top: -120px;
		margin-bottom: -120px;
	}

	.woow-servicios .woow-slider-soluciones .swiper-button-prev:after,
	.woow-servicios .woow-slider-soluciones .swiper-button-next:after {
		color: var(--color-negro);
	}

	/*Page: Blog*/
	.woow-banner-blog .banner-blog-img img {
		min-height: 300px;
		object-fit: cover;
	}

	.woow-banner-blog .banner-blog-text {
		top: 40%;
		width: 90%;
		left: 5%;
	}

	.woow-banner-single-blog .banner-blog-img img {
		object-fit: cover;
	}

	.woow-banner-blog .banner-blog-text {
		top: 20%;
		width: 90%;
		left: 5%;
	}

	.woow-slider-categoria-proyectos {

		& .swiper-button-prev {
			left: -15px;
		}

		& .swiper-button-next {
			right: -15px;
		}
	}

}

/*
==============================================
Responsive Style (max-width : 575px)
==============================================
*/

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

	.titleStyle {
		font-size: 44px;
	}

	/*Home*/
	.navNuevo .navbar-toggler {
		font-size: 0.9rem;
	}

	.navNuevo .navbar-brand img {
		max-width: 100%;
	}

	.noticias .captionImg figcaption .desc div {
		display: block;
	}

	.noticias .captionImg:hover figcaption span {
		font-size: 18px;
		padding-bottom: 8px;
	}

	/*Page: Blog*/

	.woow-banner-blog .banner-blog-text {
		top: 55%;
		translate: 0 -50%;
	}

	/*Page: nosotros*/
	.woow-nosotros-sec-presencia .woow-cont-mapa {
		margin-top: 0;
	}

}


/*
==============================================
Responsive Style (max-width : 480px)
==============================================
*/

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

	/*Home*/
	.cardProyecto .wrap {
		width: 100%;
	}

	.cardText span {
		font-size: 13px;
		padding-right: 10px;
	}

	/*page nosotros*/
	.banner-nosotros {
		& .text-banner {
			top: 80px;
			right: 20px;

			& p {
				font-size: 18px;
			}

			& span {
				font-size: 30px;
			}
		}
	}
}

/*
==============================================
Responsive Style (max-width : 380px)
==============================================
*/

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