/* ============================= */
/* ! Layout for tablet version   */
/* ============================= */

@media handheld, only screen and (max-width: 1280px) {
	
	.content-mt {
		margin-top: 8%;
	}
	
	/*****/
	
	#slideshow div {
		top: 10%;
	}
	
	/*****/
	
	.search-module-mt {
		margin-top: 45%;
	}
}


@media handheld, only screen and (max-width: 1024px) {
	
	/*--- HEADER ---*/
	
	.header {
		background-size:50%;
	}
	
	.header ul {
		width:55%;
	}
	
	.header ul li {
		font-size:1.100em;
	}
	
	.header ul li a {
		min-height:65px;
		padding:15px 20px;
	}
	
	/****/
	
	#slideshow div {
		top: 6.5%;
	}
	
	/*****/
	
	.search-module-mt {
		margin-top: 47%;
	}

}

/* ============================= */
/* ! Layout for tablet version   */
/* ============================= */

@media handheld, only screen and (max-width: 800px) {
	
	/*--- HEADER ---*/
	
	.header {
		background-size:cover;
	}
	
	.header object {
		width:175px;
	}
	
	.header ul {
		width:65%;
	}
	
	.header ul li {
		font-size:1em;
	}
	
	.header ul li a {
		min-height:45px;
		padding:15px 10px;
	}
	
	.header object {
		padding:1.75% 0 1.75% 0;
	}
	
	
	/*--- SLIDE ---*/
	
	/*#slideshow {
		height:300px;
	}*/
		
	/*--- FOOTER ---*/
	
	footer p img {
		display: none;
	}
	
}


/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

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

	/*--- HEADER ---*/
	
	.header object {
		padding:5px;
		margin:2% 0 2% 15%;
	}
	
	/* mostramos #nav-mobile */
    #nav-mobile { display: block; }
	
	/* Fijamos nuestro nav en 100% ancho y dejamos de flotarlo */
    #menu {
        width:100%;
        float:none;
		border-bottom: 2px solid #C50F0F;
        padding-top: 55px;
    }
 
	/* Convertimos nuestra lista de enlaces en un menú horizontal */
	#menu ul {
		width:100%;
		max-height:0;
		text-align:left;
		float:none;
		overflow: hidden;
	}
	
	/* estilos para los LI del menu */
	#menu li {
		border-bottom:1px solid #FFF;
		float:none;
	}

	/* Quitamos el borde del ultimo item del menú */
	#menu li:last-child { border-bottom:0;}
 
	#menu li a {
		font-size: 1.650em;
		padding: 15px 0;
		height: auto;
		line-height:normal;
		padding-left: 20px;
	}
 
	/* Agregamos una animación al despligue del menú */
	#menu ul.open-menu {
		max-height: 450px;
		transition: max-height .4s;
	}
	
	
	/*--- SLIDE ---*/
	
	#slideshow div p {
		width:45%;
		font-size:0.875em;
	}
	
	.white-border {
		display:none;
	}
	
	
	/*--- RENTALS / SAILS ---*/
	
	.rent-sales a {
		font-size:0.875em;
		padding:0 10px 0 0;
	}
	
	.rent-sales form fieldset input:nth-child(2) {
		width:35%;
	}
	
	.properties-details p {
		padding:0 0 40px 0;
	}
}

@media handheld, only screen and (max-width: 414px) {
	
	.content-mt {
		margin-top: 15%;
	}
	

	/*--- SLIDE ---*/
	
	#slideshow {
		display: none;
	}
	
	#slideshow div p {
		display:none;
	}
	
	/*--- SEARCH MODULE ---*/
	
	.search-module-mt {
		margin-top: 16%;
	}
	
	.search-module form h2 {
		font-size: 1.650em;
	}
	
	form .form-check-inline input {
		margin-right: 5px;
	}
	
	form .form-check-inline .form-check-label {
		font-size: 1.175em;
		padding-right: 20px;
	}
	
	form .form-group select {
		width: 100%;
	}
	
	form .form-group-flex {
		flex-flow: column;
		align-items: flex-start;
		width: 100%;
	}
	
	form .form-group-flex input[type=text] {
		width: 100%;
	}

	form .form-group-flex label.TypeText {
		padding-right: 0;
		padding-bottom: 5px;
	}
	
	/*--- FEATURED PROPERTIES ---*/

	.featured-properties h2 {
		font-size:2.375em;
	}
	
	.featured-properties-categorie h3, .featured-properties-categorie-1 h3, .featured-properties-categorie-2 h3 {
		font-size:2.000em;
	}


	/*--- PROPERTIES DETAILS ---*/

        .properties-details {
                  width: 98vw; 
                  margin: auto; 
        }
	
	/*--- RENTALS / SAILS ---*/
	
	.rent-sales h2, .welcome h2 {
		font-size: 3.000em;
		text-align: center;
	}
	
	.rent-sales form fieldset input:nth-child(2) {
		width:70%;
	}
	
	.foliate p {
		font-size:0.875em;
		letter-spacing:2px;
	}
	
	/*--- FOOTER ---*/
	footer a {
		margin-bottom: 20px;
	}

}