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

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

	/* Landing Bella Villa
	------------------------------------------*/
	.texto-landing-section p {
		font-size: 28px;
	}

	.texto-landing-section div span {
		font-size: 46px;
	}

}

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

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

	/* Home Page
	------------------------------------------*/

}


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

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

	/* Venta lotes
	------------------------------------------*/
	.ventaLotes .verticalCenter a {
		position: initial;
	}

	/* Landing Bella Villa
	------------------------------------------*/
	.texto-landing-section p {
		font-size: 22px;
	}

	.texto-landing-section div span {
		font-size: 38px;
	}
}


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

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

	/* Landing Page
	------------------------------------------*/
	.contentLanding .contentIcons .iconFeature {
		width: 25%;
	}

	/* Nuevo Single
	------------------------------------------*/
	#newSingle .cardMasProyectos .banner_info_content {
		padding: 5px 10px;
	}

	#newSingle .cardMasProyectos .masProyectosTitulo {
		font-size: 12px;
		margin: 0px;
	}

	#newSingle .cardMasProyectos .banner_info_content p {
		display: none;
	}

	#newSingle .cardMasProyectos .banner_info_content span {
		font-size: 10px;
		margin: 0px;
	}

	/* Landing Bella Villa
	------------------------------------------*/
	.texto-landing-section p {
		font-size: 20px;
	}

	.texto-landing-section div span {
		font-size: 34px;
	}

}


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

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

	/* Single Vivienda
	------------------------------------------*/
	.header {
		z-index: 20;
		background: rgba(0, 0, 0, 0.2);
	}

	.content_header {
		padding: 0px 5px;
	}

	.menu_icon {
		display: block !important;
		padding: 5px 10px;
	}

	.menu_icon button {
		border: none;
		background: transparent;
		color: rgb(255 255 255 / 80%);
		font-size: 22px;
		padding: 10px;
		line-height: 1;
	}

	.menu_icon i {
		margin: 0;
	}

	.header_menu {
		position: fixed;
		top: 0;
		left: 0;
		width: 70%;
		height: 100%;
		background: var(--color-azul);
		z-index: 20;
		padding: 60px 20px;
		transform: translate(-101%);
		transition: all 0.5s ease;
	}

	.header_menu.open_menu {
		transform: translate(0);
	}

	.header_menu.menuPc {
		display: none;
	}

	.header_menu.menuMovil {
		display: block;
		z-index: 9999;
	}

	.header_menu ul {
		flex-wrap: wrap;
	}

	.header_menu ul li {
		width: 100%;
	}

	.header_menu ul li a {
		color: #fff;
		font-size: 15px;
		padding: 0px 0px 10px;
		display: block;
	}

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

	.breadcump_item {
		width: 50%;
		padding: 0 10px !important;
		text-align: center;
		border: none;
	}

	.section_2_info {
		width: 100%;
	}

	.section_2_formulario {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		padding: 0;
		background: #fff;
		z-index: 30;
		overflow: auto;
		height: 100vh;
		transform: translate(-101%);
		transition: all 0.5s ease;
	}

	.section_2_formulario.open_filtro {
		transform: translate(0%);
	}

	.formulario_content {
		position: initial;
	}

	.info_section_2_item {
		width: 50% !important;
	}

	.info_section_2_item:nth-child(2),
	.section_2_cuotas_legends p span:nth-child(1) {
		border: none;
	}

	.banner img {
		/*height: 500px;*/
		object-fit: cover;
	}

	.banner_info_content h1,
	.tagTipo {
		font-size: 14px;
	}

	.banner_info_content h2 {
		font-size: 20px;
	}

	.section_1 h3 {
		font-size: 13px;
	}

	.masProyectos,
	.section_2_cuotas_item_text h5 {
		font-size: 18px;
	}

	.banner_info {
		padding: 0;
		bottom: 0;
	}

	.section_2_tabs_title button {
		width: 100%;
	}

	.section_2_cuotas_item {
		padding: 0 15px;
	}

	.section_2_cuotas_item {
		width: 100%;
	}

	.section_2_cuotas_info span {
		display: none;
	}

	.info_section_2_item h4 {
		text-align: center !important;
	}

	.info_section_2_item_img {
		justify-content: center !important;
	}

	.tabs_tipologias_title,
	.tabs_tipologias_content {
		width: 100%;
	}

	.tabs_tipologias_title h3,
	.tablink-3,
	.tablink-4 {
		text-align: center;
	}

	.tabs_tipologias_content {
		padding: 10px;
	}

	.section_2_cuotas_legends p span {
		display: block;
	}

	.info_mapa_item {
		width: 50%;
	}

	.content_destacado_item {
		width: 100%;
	}

	.content_footer_img {
		flex-wrap: wrap;
	}

	.content_footer_copy p {
		font-size: 10px;
		padding: 10px;
	}

	.content_footer_item {
		width: 50%;
		margin-bottom: 10px;
	}

	.img_home_tabs {
		width: 60%;
	}

	.tabs_content_item {
		padding: 0 20px;
		width: 40%;
	}

	.button_filter {
		display: block !important;
		position: fixed;
		bottom: 10px;
		right: 10px;
		z-index: 10;
	}

	.button_filter button {
		background: var(--color-azul);
		color: #fff;
		font-size: 18px;
		padding: 10px 20px;
		border-radius: 20px;
		border: none;
	}

	.close_filtro {
		background: #fff;
		width: 40px;
		height: 40px;
		position: absolute;
		right: 5px;
		top: 5px;
		display: flex !important;
		justify-content: center;
		align-items: center;
		font-size: 21px;
		border-radius: 50%;
		margin: 0 !important;
	}

	.close_filtro i {
		margin: 0;
	}

	.formulario_content {
		height: auto;
	}

	/* Landing Page
	------------------------------------------*/
	.contentLanding {
		text-align: center;
	}

	.contentLanding .contentIcons .iconFeature {
		width: 33%;
	}

	.content-desde,
	.banner-landing ul {
		padding-left: 2rem;
	}

	.banner-landing .bg-negro-claro {
		padding-left: 0;
	}

	/* Pagina Blog
	------------------------------------------*/
	.pageListBlog .banner_info {
		text-align: center;
		bottom: 40%;
	}

	/* 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;
	}

	#newSingle~.fixedBar {
		top: 54px;
		bottom: auto;
	}

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

}


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

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

	/* Landing Page
	------------------------------------------*/
	.contentLanding .hiddenResponsive {
		display: none;
	}

	.contentLanding .redes {
		text-align: center;
		margin: 0px 5px;
	}

	/* Venta lotes
	------------------------------------------*/
	.ventaLotes .lotesIconosContacto {
		text-align: center;
	}

	.ventaLotes .lotesIconosContacto li {
		border: 0px;
		width: 44%;
	}

	/* Nuevo Single
	------------------------------------------*/
	#newSingle .borderLogo {
		border-right: none;
		padding-bottom: 30px;
	}

	#newSingle .woowNavBreadcrumb ol li a span {
		font-size: 13px;
	}

	.swiperSingleVivienda .swiper-pagination {
		display: none;
	}

	#newSingle .iconZonas {
		text-align: center;
	}

	#newSingle .iconZonas img {
		width: 100%;
	}

	#newSingle .contentSlider p {
		font-size: 16px;
	}

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

	#newSingle .btnContacto a span {
		display: block;
	}

	#newSingle~.fixedBar img {
		max-width: 220px;
	}

	/* 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;
	}

}


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

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

	/* Nuevo Single
	------------------------------------------*/
	#newSingle .infoMap {
		padding: 7px 7px;
	}

	#newSingle .infoMap span {
		font-size: 12px;
	}

}

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

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

	/* Landing Bella Villa
	------------------------------------------*/
	.texto-landing-section p {
		font-size: 15px;
	}

	.texto-landing-section div span {
		font-size: 26px;
	}
}

/*
==============================================
Responsive Style (max-height : 700px)
==============================================
*/
@media only screen and (max-height: 700px) {
	.formulario_content {
		/*height: 560px;*/
	}
}