/* ===========================================================
 * Filename: responsive.css
 * Version: 0.3
 * Project:	~
 * Author: web360
 * =========================================================== */


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

}

@media screen and (max-height: 1366px) {

}

@media screen and (max-width: 1024px) {
.captionContainerhome {width: 70%;}
.captionContainerhome h1 {font-size: 20px;}
.prevArrow {font-size: 20px;}
.nextArrow {font-size: 20px;}
.captionContainerhome h1 {display: none;}
.captionContainerhome p {display: none;}
.homebox1 h4 {font-size: 22px;}
.homebox2 h4 {font-size: 22px;}
.homebox3 h4 {font-size: 22px;}

}

@media screen and (max-width: 750px) {
#slider {display: none;}
.prevArrow {font-size: 14px;}
.nextArrow {font-size: 14px;}
.captionContainerlocation h1 {display: none;}
.captionContainerlocation p {display: none;}
.captionContainer h1 {display: none;}
.captionContainer p {display: none;}
.payment img {width: 300px;}
}

@media screen and (min-width: 750px) {
.responsive {display: none;}
}



@media screen and (max-width: 414px) {
	.captionContainer { top: 450px; max-width: 80%;}
	.captionContainer h1 { font-size: 2em; }
	.captionContainer p { font-size: 1.7em; margin-bottom: 15px; }
	.hyphen10 { width:0% !important; height:0px; background: #fff; margin-bottom: 0px; box-shadow: 0px 0px 0px #000 !important;}
	.card-img-overlay { text-align: justify!important; }
	.mx-sm-0 { margin: 0px !important; }
	.prevArrow { display: none!important; }
	.nextArrow { display: none!important; }
	.prevArrowText { display: none!important; }
	.nextArrowText { display: none!important; }
	.apartments-description table { width: 100% !important; margin-left: auto; margin-right: auto; }
	.apartments-description table td { padding: 0 5px!important; }
	.card-body { padding: 0.5rem !important; }
	.card-body ul { padding-left: 0px !important; }
	.sm-center { text-align: center !important; }


	#logo img { height: 100px; }
	.home .span12.res { float: none; width: 100%; }
	.same-height { height: 550px; }
	.buttonsContainer .button { font-size: 1.2em; }
	.pr-6 { padding-right: 15% !important; }

}

@media screen and (max-width: 375px) {
	header .navigationContainer nav ul li a { font-size: 1.6em; }
	header .navigationContainer .languages a { font-size: 1.6em; }
	.buttonsContainer { margin-top: 30px; }
	.buttonsContainer .button { margin-right: 5px; padding: 10px 10px; }
	.buttonsContainer .button i { display: none; }
}

@media screen and (max-width: 330px) {
	.same-height { height: 600px; }
	.buttonsContainer .button { padding: 10px 5px; }
}