@media(max-width:1366px) {
    a.call-icon {
        top: 27%;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1180px) and (-webkit-min-device-pixel-ratio: 1) {
    .navbar {
        display: block;
    }

    .navbar ul {
        display: block;
        padding: 0px 30px;
    }

    #header .logo img {
        width: 230px;
    }

    .nav-top {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 0px;
    }

    #background-video {
        height: 100vh;
        width: 100vw;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .nav-top .col-lg-3 {
        max-width: 25%;
        float: left;
    }

    .nav-top .col-lg-6 {
        max-width: 50%;
        float: left;
    }

    .open,
    .close {
        font-size: 25px;
    }

    .enquire-btn h3 {
        font-size: 20px;
    }

    .open-txt {
        font-size: 25px;
    }

    .banner-content-wrapper h1 {
        font-size: 65px;
        line-height: 70px;
    }

    .banner-content-wrapper h2 {
        font-size: 22px;
        line-height: 24px;
        margin-bottom: 30px;
    }

    #about .section-title h3 {
        letter-spacing: 2px;
        font-size: 25px;
    }

    #upcoming .section-title h3 {
        font-size: 50px;
    }

    .clients img {
        max-width: 100%;
    }

    #in-news .section-title h3 {
        margin-top: 60px;
    }

    #presence .slick-list {
        padding: 0 !important;
    }

    p.news-txt {
        font-size: 35px;
        line-height: 40px;
    }

    #footer .footer-top .footer-links.social-links {
        margin-top: 50px
    }

    #footer .footer-links.footer-newsletter.blog-list {
        width: 100%;
        float: none;
    }

    .project-listing .col-lg-4 {
        width: 50%;
        float: left;
    }

    .video-box img {
        width: 100%;
    }

    .blog-list-box .upcoming-txt a {
        text-align: right;
    }

    .section-big-head h1 {
        font-size: 85px;
    }

    .section-title h3 {
        font-size: 60px;
    }

    .address .section-title h3 {
        font-size: 38px;
    }
}

@media(max-width:767px) {
    #header.fixed-top {
        position: absolute;
    }

    #header .logo img {
        width: 150px;
    }

    .nav-top .col-lg-4 {
        width: 100%;
        max-width: 33.33%;
        float: left;
    }

    #background-video {
        height: 100vh;
    }

    .nav-top {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 0;
    }

    .nav-top .col-lg-3 {
        max-width: 25%;
        float: left;
    }

    .nav-top .col-lg-6 {
        max-width: 50%;
        float: left;
    }

    .open,
    .close {
        font-size: 16px;
    }

    .navbar {
        display: block;
        padding: 0;
    }

    .navbar ul {
        display: block;
        padding: 0px 30px;
    }

    .navbar .dropdown ul {
        left: 0;
        top: 60px !important;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
    }

    .enquire-btn h3 {
        font-size: 10px;
    }

    .enquire-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .modal-dialog {
        width: 95%;
    }

    .banner-content-wrapper h1 {
        font-size: 30px;
    }

    .banner-content-wrapper h2 {
        font-size: 18px;
        letter-spacing: 6px;
        line-height: 30px;
    }

    /*
    .banner-content-wrapper{
        position: relative;
    }
*/
    #about .section-title h3 {
        font-size: 16px;
        line-height: 22px;
    }

    .section-title h3 {
        font-size: 20px;
        letter-spacing: 2px;
    }

    .presence-txt span {
        font-size: 12px;
    }

    .clients img {
        max-width: 100%;
    }

    #presence .section-title h3 {
        font-size: 35px;
    }

    #why-choose .section-title h3 {
        font-size: 35px;
    }

    #in-news .section-title h3 {
        font-size: 35px;
        margin-top: 60px;
        padding: 0px 30px;
    }

    #in-news .news-detail {
        padding: 0px 30px;
    }

    #in-news .news-detail p.date:after {
        left: 38.3%;
    }

    #associated-banks .slick-slide img {
        width: 80%;
    }

    p.news-txt {
        font-size: 20px;
        line-height: 25px;
    }

    #upcoming .section-title h3 {
        font-size: 35px;
    }

    .presence-slider .cloudWrapper.cloud-3 img {
        width: 240px;
    }

    .animateClouds .presence-slider .cloudWrapper.cloud-3 {
        right: -12%;
    }

    .animateClouds .presence-slider .cloudWrapper.cloud-2 {
        right: 12%;
        top: -23.5%;
    }

    #footer .footer-newsletter {
        padding: 0 15px 0;
    }

    #footer .footer-top .footer-links {
        float: left;
        width: 50%;
    }

    #footer .footer-top .footer-links.social-links {
        width: 100%;
        margin-top: 30px;
    }

    #footer .footer-top h4 {
        font-size: 20px;
        line-height: 30px;
    }

    #why-choose .col-lg-5 {
        margin-bottom: 50px;
    }

    #presence .item:nth-child(2) {
        margin-top: 0;
    }

    button.slide-arrow {
        font-size: 12px;
    }

    .footer-links.social-links p {
        width: 40%;
    }

    .social-links {
        width: 60%;
    }

    .thankyoumain {
        display: block;
        width: 100%;
        height: auto;
    }

    .thankyou {
        width: 80%;
        margin: 30px auto;
        padding: 5%;
    }

    .thankyoulogo {
        width: 200px;
    }

    .thankyouicon {
        width: 60px;
        padding: 10px 0 20px 0;
    }

    .thankyoulink {
        padding: 20px 0;
        font-size: 18px;
        line-height: 24px;
    }

    .holder {
        display: none;
    }

    .section-big-head h1 {
        font-size: 45px;
    }

    .section-big-head p {
        width: 100%;
    }

    .address {
        padding: 0 15px;
    }

    #footer .footer-links.footer-newsletter.blog-list {
        width: 100%;
        float: none;
    }

    #footer .footer-top .blog-list ul li a {
        font-size: 11px;
    }

    .why-txt {
        padding-left: 0;
    }

    .quality-txt {
        margin-bottom: 58%;
    }

    .about-txt iframe {
        height: auto;
    }

    .blog-detail-wrapper strong {
        font-size: 18px;
    }

    .blog-list-box .upcoming-txt a {
        font-size: 9px;
    }

    .blog-list-box .proj-name h3 {
        font-size: 16px;
    }

    .blog-list-box .upcoming-txt .proj-name p {
        font-size: 12px;
    }

    .blog-detail-wrapper {
        line-height: 25px;
    }

    .project-listing .presence-txt h4 {
        font-size: 20px;
    }

    .project-listing .presence-txt p {
        font-size: 14px;
    }

    .video-box a img {
        width: 100%;
    }

    .proj-box img {
        height: 100px;
    }

    .address .section-title h3 {
        font-size: 38px;
    }

    .projectDetailBorder:after {
        display: none;
    }

    .proj-txt a.read-more {
        font-size: 10px;
        letter-spacing: 2px;
    }

    .address.add1 {
        border: none;
    }

    #in-news .row {
        flex-direction: column-reverse;
    }

    #footer .footer-top .social-links a {
        display: block;
        line-height: 20px;
        text-align: left;
    }
    #why-choose .why-txt span{
        font-size: 25px;
    }
    #why-choose .section-title .why-txt{
        padding: 0;
    }
    #why-choose .section-title .why-txt p{
        width: 100% !important;
    }
}

@media(max-width:320px) {
    .banner-content-wrapper h1 {
        font-size: 29px;
    }

    .banner-content-wrapper h2 {
        font-size: 10px;
    }

    #why-choose .col-lg-5 {
        margin-bottom: 90px;
    }

    #upcoming .section-title h3 {
        font-size: 30px;
    }

    #in-news .news-detail p.date:after {
        left: 44.3%;
    }
}