@media(max-width:1599px){ 
    /* 1400px to  1599px */
    /* lg-screens */

}
@media(max-width:1399px){ 
    /* 1200px to  1399px */
    /* full laptops */
}
@media(max-width:1199px){ 
    /* 992px to  1199px */
    /* small laptops */
    
}
@media(max-width:991px){ 
    /* 768px to  991px */
    /* tablets */
    
}
@media(max-width:767px){
    /* 540px to  767px */
    /* tablets and bigger mobiles */
    .mobile_banner--img{
        display: block !important;
    }
    .desc-video{
        display: none !important;
    }
    .desc-logo {
        display: none !important;
    }

    nav ul {
        position: fixed;
        width:70%;
        height: 100vh;
        background: #ebf5f7;
        top: 70px;
        padding-top: 10px;
        left: -100%;
        transition: all .5s ease-in-out;
    }

    nav ul.show {
        left: 0;
    }

    nav .nav-item {
        padding-left: 10px;
        border-bottom: 1px solid #259ae5;
    }

    .sticky-top {
        position: fixed;
        width: 100%;
        z-index: 1020;
    }

    .navbar-toggler:focus {
        box-shadow: none !important;
    }
    #bar-icon {
        border: none;
    }

    .black-overlay {
        width: 100%;
        background: black;
        opacity: 0.5;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 999;  
        transition: 0.5s;
    }
    .navbar-brand.mobile {
        display: block;
    }
    .navbar .container-fluid {
        display: contents;
    }
    .navbar{
        height: 70px;
    }
    .home-video {
        height: 34vh;
    }    
 .floorplan{
	 width: 100% !important;
	flex-direction: column !important;
	}
	
}
	
@media(max-width:539px){
    /* 360px to  539px */
    /* normal mobiles */
}
@media(max-width:359px){
    /* 320px to  359px */
    /* small mobile */
}
/* @media screen and (min-width: 1280px){
.sub-heading--counter{
    height: 70px;
    font-size: 16px;
    line-height: 24px;
}
} */