/*
==============================================
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: 100%;

	}

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

	.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;
	}
}


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

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

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


/*
==============================================
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) {
	p {
		font-size: 15px;
	}

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

	/*Home*/

	.BannertitleStyle {
		color: var(--color-blanco);
		font-size: 23px;
		font-family: 'BaskervilleBT';

		& span {
			font-size: 32px;
			font-weight: bold;
		}
	}

	.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;
		}

		& p {
			font-size: 15px;
		}
	}

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

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

	.woow-slider-soluciones .swiper-button-prev:after,
	.woow-slider-soluciones .swiper-button-next:after {
		color: #fff;
		font-weight: bold;
	}

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



	.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: 700px;
		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 {
		font-size: 70px;
		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: 350px;
		object-fit: cover;
	}

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

	.woow-banner-single-blog .banner-blog-img img {
		min-height: 600px;
		object-fit: cover;
	}

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

	.cont-text-sliderCatBlog {
		position: absolute;
		top: 50%;
		left: 10%;
		width: 80%;
		transform: none;
		text-align: center;
		z-index: 4;
	}


	/* LADING PAGE EXTERIOR
	------------------------------------------------*/
	.section-testimonios .cont-testimonios {
		flex-wrap: wrap;
	}

	.section-testimonios .cont-testimonios .card-testimonio {
		width: 45%;
	}

	.section-proyectos .cont-proyectos .card-proyecto {
		width: 45%;
	}

	.contenedor-slider-blog .swiper-wrapper .swiper-slide .slide-content {
		flex-direction: COLUMN-REVERSE;
		padding-top: 0;
	}

	.contenedor-slider-blog .swiper-wrapper .swiper-slide .slide-content .cont-info-blog {
		width: 100%;
		padding: 5%;
	}

	.contenedor-slider-blog .swiper-wrapper .swiper-slide .slide-content .cont-img-blog {
		width: 100%;
		object-fit: cover;
	}

	.contenedor-slider-blog .swiper-wrapper .swiper-slide .slide-content .cont-img-blog img {
		width: 100%;
	}

	.menu_secondary {
		position: initial;
	}

	.menu_secondary .container,
	.menu_secondary_list ul,
	.menu_secondary_tools {
		flex-wrap: wrap;
	}

	.section_1_grid,
	.section_1_item_2 {
		grid-template-columns: repeat(2, 48.8%);
	}

	.section_1_item_2 {
		grid-column-start: 1;
		grid-column-end: 3;
	}

	.breadcump_img,
	.breadcump_item,
	.info_section_2,
	.section_2_cuotas_item {
		flex-wrap: wrap;
		justify-content: center;
	}

	.menu_secondary_list li {
		width: 50%;
	}

	.menu_secondary_list a {
		width: 100%;
		display: block;
		border: none;
		text-align: center;
	}

	#newSingle .menu_secondary_list li a.active,
	#newSingle .menu_secondary_list li a.active span:before {
		color: #fff !important;
		background: #1bbbe9 !important;
		text-decoration: none;
	}

	/* Nuevo Single
	------------------------------------------*/
	#newSingle .menu_secondary {
		padding-bottom: 0px;
		position: fixed;
		bottom: 0px;
		top: auto;
		left: 0px;
		right: 0px;
		background: #303030;
		box-shadow: 0px 3px 8px #000;
	}

	#newSingle .menu_secondary .container {
		display: block;
		width: 100%;
	}

	#newSingle .menu_secondary .menu_secondary_tools {
		display: none;
	}

	#newSingle .menu_secondary .menu_secondary_list li {
		width: 20%;
	}

	#newSingle .menu_secondary .menu_secondary_list li a {
		font-size: 8px;
		color: #fff;
		padding: 10px 0px;
	}

	#newSingle .menu_secondary .menu_secondary_list li span {
		width: 100%;
		display: block;
		padding: 0px;
		padding-bottom: 5px;
		font-size: 20px;
	}

	#newSingle .menu_secondary .menu_secondary_list li span:before {
		color: #fff;
	}

	#main-lotes-venta .lote-card-body {
		margin-top: 8rem;
	}


}

/*
==============================================
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: 30%;
	}

	.woow-columna-izq-coachIndi {
		border-right: none;
		border-bottom: solid 2px var(--color-blanco);

		& h4 {
			font-size: 18px;
		}

		& p {
			font-size: 14px;
			margin-bottom: 5px;
		}
	}

	.card-proyecto {
		flex: 1 1 100%;
		max-width: none;
	}

	.sc-banner-blog-content {
		width: 100% !important;
	}

	.sc-banner-blog-subtitle {
		vertical-align: top;
		margin-bottom: 30%;
		margin-left: 3%;
	}

	.sc-banner-blog-title {
		margin-left: 3%;
		font-size: 30px;
	}

	.single-proyecto-info-left {
		padding: 1rem 2rem 2rem 2rem;
	}

	.franja-blanca {
		width: 100% !important;
	}

	/* LADING PAGE EXTERIOR
	------------------------------------------------*/
	.section-testimonios .cont-testimonios .card-testimonio {
		width: 100%;
	}

	.section-proyectos .cont-proyectos .card-proyecto {
		width: 100%;
	}

	.section-faqs .CTA {
		flex-direction: column;
	}

	#main-single-proyecto .btnContacto {
		position: fixed;
		bottom: 12%;
		right: 2%;
		z-index: 99;
	}

	#main-single-proyecto .btnContacto a span {
		display: block;
	}

}


/*
==============================================
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) {}