@media (max-width: 1536px){
    .overview {
        height: 89vh;
    }
    .custom-overview-text {
        width: 58%;
        bottom: 9%;
    }
}

@media (max-width: 1920px){
    .overview {
        height: 98vh;
    }
    .custom-overview-text {
        bottom: 10%;
    }
}

@media (max-width: 1440px){
    .overview {
        height: 80vh;
    }
    .custom-overview-title {
        padding-top: 0%;
    }
    #floor-plan {
        padding: 100px 0 120px;
    }
}


@media (max-width: 1366px) {
    .overview {
        height: 105vh;
    }
    .aboutOverview p {
        font-size: 16px;
    }

    .navbar .dropdown .dropdown ul {
        left: -90%;
    }

    .navbar .dropdown .dropdown:hover > ul {
        left: -100%;
    }
}

@media (max-width: 1280px) {
    .overview {
        height: 107vh;
    }
    .aboutOverview p {
        font-size: 14px;
    }
}


@media (max-width: 1200px) {
    .overview {
        height: 100vh;
    }
}

@media (max-width: 1180px) {
    .overview {
        height: 72vh;
    }
    .floorplan-bottom-line, 
    .gallery img.gallery-bottom-line, 
    .gallery img.gallery-top-line {
        width: 20%;
    }
}

@media (max-width: 1024px){
    .overview {
        height: 67vh;
    }
    .overview.section-padding {
        padding: 50px 0px;
    }
    .custom-overview-text {
        width: 60%;
        bottom: 9%;
        padding: 0px 3% 0px 6%;
    }
    .aboutOverview p {
        font-size: 13px;
    }
    .location-header p {
        padding-top: 0px;
        font-size: 14px;
    }
    .custom-locationsalience .caramel-text, 
    .section-title h2, 
    .highlights .section-title h2{
        font-size: 40px;
    }
    .custom-locationsalience .caramel-subtitle, 
    .highlights .section-title h3 {
        font-size: 36px;
    }
    .location-data h3 {
        font-size: 18px;
    }
    .location-data ul li {
        font-size: 11px;
    }
}

@media (max-width: 991px) {
    #hero {
        height: 100vh;
        text-align: center;
    }

    #hero .animated {
        -webkit-animation: none;
        animation: none;
    }

    #hero .hero-img {
        text-align: center;
    }

    #hero .hero-img img {
        width: 50%;
    }
}

@media (max-width: 820px) {
    .overview {
        height: 35vh;
    }
    .aboutOverview {
        padding: 0px;
    }
    .aboutOverview-h1 {
        font-size: 36px;
    }
    .aboutOverview span {
        font-size: 40px;
    }
    .custom-overview-text {
        bottom: 2%;
        padding: 0px 1% 0px 10%;
    }
    .highlight-box, .highlight-box-2 {
        padding: 20px 10px;
    }
    .highlight-box p, .highlight-box-2 p {
        font-size: 12px;
    }
    #footer .credits, #footer .footer-bottom {
        text-align: center;
    }
}

@media (max-width: 768px) {
    .overview {
        height: 38vh;
    }
    .galler-txt h3 {
        font-size: 18px;
    }
    #hero h1 {
        font-size: 28px;
        line-height: 36px;
    }

    #hero h2 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 30px;
    }

    #hero .hero-img img {
        width: 70%;
    }

    #footer .footer-bottom {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #footer .copyright,
    #footer .credits {
        text-align: center;
        float: none;
    }

    #footer .credits {
        padding-top: 4px;
    }

    .aboutOverview {
        padding: 15px 0 0;
    }

    .highlights .col-lg-3 {
        width: 50%;
    }

    .locationContent h1 {
        font-size: 40px;
        line-height: 40px;
        padding-top: 30px;
    }

    .location-header p {
        font-size: 16px;
    }

    .owl-nav .owl-prev {
        left: -30px;
    }

    .owl-nav .owl-next {
        right: -30px;
    }

    #getInTouchForm .getHeading h1 {
        font-size: 30px;
        line-height: 40px;
    }

    #getInTouchForm .getHeading h1 span {
        font-size: 50px;
        line-height: 50px;
    }

    .location-data h3 br {
        display: none;
    }

    .section-title p span.border-line {
        display: none;
    }

    .section-title h2 {
        font-size: 35px;
    }

    .aboutOverview p {
        font-size: 12px;
    }
    .custom-overview-text {
        bottom: 2%;
        padding: 0px 1% 0px 10%;
    }

    .aboutOverview-h1 {
        font-size: 30px;
        line-height: 40px;
        padding-top: 30px;
        padding: 0px 15px 0;
    }

    .highlight-box {
        padding: 30px 10px;
    }

    .highlight-box img, 
    .highlight-box-2 img {
        margin: 0 auto;
    }

    .highlight-box p, 
    .highlight-box-2 p {
        text-align: center;
        font-size: 12px;
    }

    .highlight-box-2 p {
        font-size: 12px;
    }

    img.floorplan-bottom-line,
    .gallery img.gallery-bottom-line,
    .gallery img.gallery-top-line {
        width: 100px;
    }

    #floor-plan,
    .gallery {
        padding: 100px 0;
    }

    .location-data h3 {
        font-size: 30px;
    }

    .highlights .section-title h3, 
    .aboutOverview span, .locationContent h1, .section-title h2, 
    .custom-locationsalience .caramel-subtitle, .highlights .section-title h3, 
    .floor-plan .section-title {
        font-size: 25px;
    }

    #getInTouchForm .getHeading h1 span{
        font-size: 30px;
    }

    .highlights .section-title h2 {
        font-size: 35px;
        line-height: 45px;
    }

    .aboutOverview span {
        /*font-size: 35px;*/
    }

    .location-data h3 {
        font-size: 18px;
    }

    #header .logo img {
        width: 100%;
        max-height: 50px;
    }
}

@media(max-width: 767px) {
    .view-prev {
        height: 192px;
    }

    .view-next {
        height: 199px;
    }

    .locationContent h1,
    .section-title h2 {
        /*font-size: 30px;*/
    }

    #header img.main-logo-mob {
        margin-left: 14px;
        width: 120px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .overview {
        /*background-color: #000000;*/
        /*background: url(../img/OverviewBgMobile.png);*/
        background: none;
        height: auto;
        position: relative;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .custom-overview-text {
        bottom: auto;
        position: relative;
        width: 100%;
        padding: 0px;
    }
    .aboutOverview p {
        font-size: 16px;
            margin-bottom: 0px;
                padding: 0px 15px;
    }
    .custom-mobile-overview{
        padding: 0px;
    }    
    .map-img img {
        width: 100%;
    }
    .custom-mobile-overview img{
        width: 100%;
    }
    .overview.section-padding {
        padding: 50px 0px 0px;
    }
    .section-padding, 
    #floor-plan, .gallery {
        padding: 70px 0px;
    }
    .custom-mobile-overview {
        display: block;
    }
    .floor-plan .owl-next {
        z-index: 99;
        position: absolute;
        border: 0;
        padding-top: 10px;
        background: transparent;
        top: 100%;
        letter-spacing: 3px;
        font-size: 12px;
        color: #fff;
        right: 30px;
        margin-top: 20px;
    }
    .floor-plan .owl-prev {
        z-index: 99;
        position: absolute;
        border: 0;
        padding-top: 10px;
        background: transparent;
        top: 100%;
        letter-spacing: 3px;
        font-size: 12px;
        color: #fff;
        left: 30px;
        margin-top: 20px;
    }
    .main-logo-mob{
        margin-left: 0px !important;
    }
    #popup-modalForm h2, 
    .sidebar-contact h2 {
        font-size: 18px;
    }
    #popup-modalForm .form-group input,  
    .sidebar-contact .form-group input{
        font-size: 13px;
    }
}