@media (min-width:1200px) and (max-width: 1366px) {
    .project-highlight {
        height: 100vh;
    }

    .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:767px) {
    .navbar {
        order: 3;
    }

    #header .logo img {
        width: 80px;
        height: auto;
        max-height: max-content;
    }

    #hero {
        height: auto;
        margin-top: 66px;
    }

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

    span.line {
        width: 50px;
    }
    .section-title p{
        font-size: 14px;
    }
    .section-title h2 {
        font-size: 25px;
    }

    .about .content p:last-child {
        font-size: 14px;
    }
    .master-layout p{
        font-size: 14px;
    }
    .jp-logo {
        padding-left: 90px;
    }

    .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; */
        margin-top: 15px;
    }

    .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%;
    }
    .table thead th, .table tbody tr th, .price-btn{
        font-size: 14px;
    }
    #header{
        background: linear-gradient(45deg, #25150d, #3b2c23, #584539);
    }
    .section-padding{
        padding: 40px 0;
    }
    .about p{
        font-size: 16px;
    }
    .content-box p{
        font-size: 16px;
        margin-top: 20px;
    }
    .address-box{
        padding-bottom: 20px;
    }
    .about-group .content-box p{
        margin-bottom: 20px;
    }
}