@media screen and (max-width: 1084px) {
    .navbar-nav .nav-item a {
        font-size: 17px;
        margin-right: 0;
    }

    .over_div h3 {
        font-size: 40px;
    }

    .over_paradiv {
        bottom: 8%;
    }

    .over_paradiv h2 {
        font-size: 35px;
    }
}

@media screen and (max-width: 1024px) {
    .why_icon p {
        font-size: 22px;
    }

    .why_para p {
        font-size: 16px;
    }

    .desc_para p,
    .phn a {
        font-size: 15px;
    }

    .footer_logo img {
        width: 12%;
    }

    .footer_qr img {
        width: 8%;
    }

    .copy_para img {
        width: 50%;
    }
}

@media screen and (max-width: 990px) {
    .navbar-brand img {
        width: 130px;
    }

    .navbar-nav .nav-item a {
        margin-right: 0;
    }

    .navbar-light .navbar-toggler-icon {
        filter: invert(1);
    }

    .offcanvas-navs {
        display: flex;
        flex-direction: column;
        text-align: center;
        gap: 1.5rem;
    }

    .offcanvas-title img {
        width: 100%;
        filter: invert(1);
    }

    .offcanvas-nav a {
        font-family: var(--futuraLt);
        font-weight: 500;
        font-size: 20px;
        color: #000 !important;
        transition: all 0.3s ease-in-out;
        text-decoration: none;
    }

    .over_paradiv {
        position: relative;
        bottom: 0%;
        left: 7%;
        width: 80%;
    }

    .over_paradiv h2 {
        font-size: 30px;
        color: #000;
    }

    .over_paradiv p {
        color: #000;
    }

    .icon_div img {
        filter: invert(1);
    }

    .plan_btn {
        bottom: 6%;
        right: 7%;
        border: 1px solid #000;
        padding: 13px;
        font-size: 13px;
        color: #000;
    }

    .plan_btn img {
        width: 26px !important;
        filter: invert(1);
    }

    .gallery-carousel .owl-item.active.center .over_img {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    .sec__over .owl-theme .owl-nav {
        position: relative;
        left: 0;
        bottom: 0;
    }

    .why_icon img {
        width: 45%;
    }

    .why_icon p {
        font-size: 18px;
    }

    .why_icon img {
        width: 60%;
    }

    .contact_div {
        padding: 25px;
    }

    .contact_div p {
        font-size: 17px;
    }

    .cont_title h3 {
        font-size: 40px;
    }
}

@media screen and (max-width: 767px) {
    .fix_head {
        background-color: #333;
    }

    .section__banner {
        margin-top: 19%;
    }

    .over_div h2 {
        font-size: 20px;
    }

    .over_div h3 {
        font-size: 30px;
    }

    .over_paradiv {
        width: 90%;
    }

    .over_paradiv h2 {
        font-size: 25px;
    }

    .plan_btn {
        position: relative;
        bottom: unset;
        right: unset;
        font-size: 15px;
        margin: 30px auto 20px;
    }

    .plan_btn img {
        width: 35px !important;
    }

    .carousel-control-next-icon,
    .carousel-control-prev-icon {
        width: 2rem;
        height: 2rem;
    }

    .carousel-control-next,
    .carousel-control-prev {
        top: 0;
    }

    .carousel-control-prev {
        right: auto;
        left: 0;
    }

    .sec__cont .row {
        flex-direction: column-reverse;
    }

    .footer_logo img {
        width: 25%;
    }

    .footer_qr img {
        width: 20%;
    }

    .phn a {
        font-size: 17px;
    }

    .copy_para p {
        font-size: 15px;
        text-align: center;
    }

    .copy_para img {
        width: 60%;
        margin-bottom: 1rem;
    }

    .fixed_div {
        position: fixed;
        width: 100%;
        left: 0;
        bottom: 0;
        background-color: #3e3e3e;
        padding: 10px 0;
        text-align: center;
        z-index: 2;
    }

    .fixed_div button {
        color: #fff;
        font-family: "Corporate";
        font-weight: 500;
        font-size: 18px;
        text-align: center;
        background-color: transparent !important;
        border: none !important;
    }

    .div_line {
        border-right: 1px solid #fff;
    }
}

@media screen and (max-width: 576px) {
    .sec__gal .carousel-control-prev {
        right: 13%;
    }

    .sec__gal .carousel-control-next-icon,
    .sec__gal .carousel-control-prev-icon {
        width: 3rem;
        height: 3rem;
    }

    .thank_wrap {
        margin: 50% 0;
    }

}

@media screen and (max-width: 376px) {}