/************** Header *************************/
/********** Main Banner **************************************************************************************************/
.MainBanner .carousel-caption{ left:0; right:0; bottom:7%;} 
.MainBanner .carousel-caption h1 { font-size:120px; line-height:120px;}
.MainBanner .carousel-caption p { font-size:40px; line-height:40px;font-family: "Abel", serif; text-transform:uppercase;letter-spacing: 4px;}
/********** Tab **************************************************************************************************/
.apartments h2 {font-size:60px; font-style:italic;}
.apartments h3 {font-size:28px;}
.sec-2 .cus-wdth {width:100%; position:relative; top:50%; transform:translateY(-50%);}
.sec-2 p { font-size:30px; line-height:35px;}
.reviews h2 {font-size:70px;}
/********** Footer ***************************************************************************************************/
#Footer { background:#3E1B81;}
#Footer p { font-size:16px;}
#Footer a {color:#fff;}
#Footer a:hover {color:#000;}
.copyright p {font-size:16px!important; color:#fff;}
/***************************/
/* Large devices (desktops, 992px and up) */
@media (min-width:992px) {
	.room {height: 300px;
    object-fit: cover;}	
header {top:0px; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s; z-index: 10;position:fixed !important; top:0; }
header.shrink {background: #2c2c2c !important;box-shadow:0px 5px 12px rgba(0,0,0,.5); z-index:999;}
}
/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
		.room {height: 300px;
    object-fit: cover;}	
.gutter-lg {margin-left:-25px!important;margin-right:-25px!important;}
.gutter-lg div[class^="col"]{padding-left:25px!important;padding-right:25px!important;}
.gutter-lg .row,.gutter-lg .row div{padding:0px!important;margin:0px!important;}
}
@media (min-width: 1920px) {
		.room {height: 300px;
    object-fit: cover;}	
.container { max-width:1760px!important;}
.sec-2 .cus-wdth {width:780px; position:relative; top:50%; transform:translateY(-50%);}
.sec-2 p { font-size:50px; line-height:55px;}
}
@media (min-width: 1600px) {.container {max-width:1540px;} }
@media (max-width: 1600px){
}
@media (min-width: 1199.98px) and (max-width: 1359.98px) {
		.room {height: 300px;
    object-fit: cover;}	
.cus-wdth { width:100% !important;}
}
/*@include media-breakpoint-between(md, xl) { ... }*/
@media (min-width: 768px) and (max-width: 1199.98px) {
		.room {height: 300px;
    object-fit: cover;}	
#Header { position:relative !important; background-color:#2c2c2c;}
.MainBanner .carousel-caption h1 { font-size:50px; line-height:50px; width:100%;}
.cus-wdth { width:100% !important;}
.navbar .navbar-nav .nav-link {font-size:20px;}
}
/*For example the @include media-breakpoint-only(md) { ... } will result in :*/
@media (min-width: 768px) and (max-width: 991.98px) {
		.room {height: 300px;
    object-fit: cover;}	
#Header { position:relative !important; background-color:#2c2c2c;}
.MainBanner .carousel-caption h1 { font-size:50px; line-height:50px; width:100%;}
#Header .container { max-width:100%;}

.navbar-nav>li+li {margin-left:20px;}
.navbar .navbar-nav .nav-link {font-size:20px;}

h2, .h2 {font-size:50px;}
.cus-wdth { width:100% !important;}
}
@media (min-width: 991.98px) {
}
/* Small devices (landscape phones, 576px and up) */
@media (max-width:767.98px) {
.container{max-width:100%;}
#Header { position:relative !important; background-color:#2c2c2c;}
.MainBanner .carousel-caption h1 { font-size:50px; line-height:50px; width:100%;}

h2, .h2 {font-size:50px;}
.cus-wdth { width:100% !important;}
.MainBanner .carousel-item  img {
    height:450px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.reviews .border-secondary {border-color:#fff !important;}
.apartments h2 {font-size: 40px;}
.sec-2 {padding: 90px 0!important;}
}
@media (max-width:768px) {
	.MainBanner1 .carousel-item  img {
	height:350px!important;	}
#Header { position:relative !important; background-color:#2c2c2c;}
.MainBanner .carousel-caption h1 { font-size:50px; line-height:50px; width:100%;}
#Header .container { max-width:100%;}
.navbar-brand img {max-height: 40px;}
.apartments h2 {font-size: 40px;}
}
@media (max-width:575.98px) {
	
.MainBanner1 .carousel-item  img {
	height:350px!important;	}
	
.MainBanner .carousel-item  img {
    height:450px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}		
.navbar-brand img {max-height:40px;}
.MainBanner .carousel-caption h1 { font-size:50px; line-height:50px; width:100%;}
.sec-2 {padding: 90px 0!important;}
h2, .h2 {font-size:50px;}
}
/* X-Small devices (portrait phones, less than 576px) */
@media (max-width:500px) {
.MainBanner1 .carousel-item  img {
	height:350px!important;	}
	
	
.MainBanner .carousel-item  img {
    height:550px!important;
    width: 100%!important;
    -o-object-fit: cover!important;
    object-fit: cover!important;
    -o-object-position: center!important;
    object-position: center!important;
}
.apartments h2 {font-size: 30px;}
}
.grecaptcha-badge {
width: 70px !important;
overflow: hidden !important;
transition: all 0.3s ease !important;
left: 4px !important;
}
.grecaptcha-badge:hover {
width: 256px !important;
}

.grecaptcha-badge {

visibility: hidden;

}
.DOPSelect.dopselect-multiple ul {
    background: #ffffff;
    border: 1px solid #c9c9c9;
    list-style: none;
    margin: 0 !important;
    max-height: 100px!important;
    overflow-y: scroll !important;
    padding: 9px;
}