.vc_box a {
                position: relative;
                
                -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                background-color: #000;
                color: #fff;
                padding: 10px 18px;
                text-transform: uppercase;
            }
            
            
 @media (min-width:769px) and (max-width: 1199px) 
 {           
            .vc_box a {
                position: relative;
                left: 30%;
                bottom: 12em;
                -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                background-color: #000;
                color: #fff;
                padding: 10px 18px;
                text-transform: uppercase;
            }
}

@media (min-width:1200px) and (max-width: 1366px) {
    .project-highlight {
        height: 100vh;
    }
    
    
    .vc_box a {
                position: relative;
                -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                background-color: #000;
                color: #fff;
                padding: 10px 18px;
                text-transform: uppercase;
            }
    
    
    .project-highlight .row:after {
        height: 60px;
    }

    .amenit-box {
        width: 137px;
        height: 137px;
    }

    .amenit-box img {
        width: 65px;
    }

    .amenit-box p {
        font-size: 14px;
    }
    .master-layout .section-title:before{
        left: 12%;
    }
    .master-layout .section-title:after{
        left: 12%;
        height: 120px;
    }
}

@media (max-width:786px) {
    .navbar {
        order: 3;
    }
.qr-code{
    width: 100px;
    margin: 0 auto;
    display: block;
}
    #header .logo img {
        width: 120px;
    }

    .vc_box a {
                position: relative;
                left: 0.1%;
                bottom: 0 em;
                -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                background-color: #000;
                color: #fff;
                padding: 10px 18px;
                text-transform: uppercase;
            }
    .highlightbg
    {
        background-color:#FFFFFF;
        opacity:80%;
    }

    #hero {
        height: auto;
    }

    .banner-slider.owl-carousel .owl-item img {
        height: auto;
    }

    span.line {
        width: 80px;
    }

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

    .about .content p:last-child {
        font-size: 16px;
    }

    .jp-logo {
        padding-left: 20px;
    }

    .connectivity .section-title p.sub-txt {
        width: 100%;
    }

    .highlight1 {
        background-position: 0% 100%;
        height: 100vh;

    }
    .highlight2 {
        background-position: 95% 100%;
        height: 100vh;

    }

    .project-highlight::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0, 0, 0, 0.2);
        width: 100%;
        height: 100vh;
    }

    .project-highlight .row:before {
        left: 50%;
        display: none;
    }

    .project-highlight .row:after {
        height: 100px;
        left: 50%;
        display: none;
    }

    .project-highlight .highlight-txt p {
        line-height: 22px;
        font-size: 16px;
    }

    .amenities .section-title p.sub-txt {
        width: 100%;
    }

    .amenit-box {
        width: 158px;
    }

    .master-layout .section-title:before,
    .master-layout .section-title:after {
        display: none;
    }

    .master-layout {
        padding: 100px 0;
    }

    .amenit-wrapper .amenit-box:nth-child(1),
    .amenit-wrapper .amenit-box:nth-child(4),
    .amenit-wrapper .amenit-box:nth-child(5),
    .amenit-wrapper .amenit-box:nth-child(8),
    .amenit-wrapper .amenit-box:nth-child(9),
    .amenit-wrapper .amenit-box:nth-child(12) {
        background: #184B7D;
    }

    .amenit-wrapper .amenit-box:nth-child(2),
    .amenit-wrapper .amenit-box:nth-child(3),
    .amenit-wrapper .amenit-box:nth-child(6),
    .amenit-wrapper .amenit-box:nth-child(7),
    .amenit-wrapper .amenit-box:nth-child(10),
    .amenit-wrapper .amenit-box:nth-child(11),
    .amenit-wrapper .amenit-box:nth-child(13) {

        background: #F48243;
    }
    
    .project-highlight .col-lg-4{
        top: 60%;
    }
}