@media (min-width: 1300px) {
    .container {
        max-width: 1240px;
    }
}

@media (min-width: 1900px) {
    .container {
        max-width: 1800px;
    }
    .title .brush-mark {
        width: 150px;
    }
}

@media (min-height: 1024px) {}

/* Designed & Developed by Sami from ECIS */

@media (max-width:1224px) {
    .header .nav>ul>li>a {
        font-weight: 500;
        padding: 1rem 6px;
    }
    html {
        font-size: 75%;
    }
    .header .topCTC a {
        padding: 1.42rem;
    }
}

@media (max-width: 991.9px) {
    html {
        font-size: 87.5%;
    }
    .menuContainer .inner {
        padding: 5px 15px;
        width: 200px;
        margin-top: 36px;
        float: right;
    }
    .logo {
        width: 130px;
    }
    .bg-mob {
        background: #ededed;
    }
    .bg-mob .hm-overview {
        background: none;
    }
}

@media (max-width:874px) {
    .bannerText {
        left: 0;
        transform: none;
        max-width: 100%;
        width: 100%;
        backdrop-filter: none;
        border-radius: 0;
        padding: 2rem;
    }
    .banner {
        height: 70vh;
    }
    .tatalogo {
        position: inherit;
        z-index: 99;
        width: 100%;
        background: #1961ad;
        padding: 5px;
    }
    .tatalogo img {
        width: 200px;
        margin: auto;
    }
}

@media (max-width: 767.9px) {
    .button-top {
        width: 30px;
        height: 30px;
    }
}

@media (max-width: 575.9px) {
    .heading h2 {
        font-size: 1.42rem;
    }
    .heading h3 {
        font-size: 1.22rem;
    }
    .bannerText .h1 {
        font-size: 2rem;
        color: #fff !important;
    }
    .bannerText .readmore .button.solid {
        background: #ffff;
        color: #233129;
    }
    .stickyForm {
        position: inherit;
        width: 100%;
        margin: 0;
        border-radius: 0;
        z-index: 99;
        -webkit-transform: none;
        transform: none;
    }
    .rera-popup {
        position: inherit;
        margin-top: 8px;
    }
    .swiper-button-next,
    .swiper-button-prev {
        width: 23px;
        height: 23px;
        background: url(../images/arrow-right.png) center / 12px no-repeat var(--primary-color);
    }
    .heading .h1 {
        font-size: 2.25rem;
    }
    .heading .h1 br {
        display: none;
    }
    .modal-content button.close {
        right: 10px;
        top: -20px;
        box-shadow: 0 0 0 2px var(--body-color);
    }
    .containerbtn {
        justify-content: left;
    }
    .containerbtn .containercheck {
        padding-left: 28px;
        margin-bottom: 12px;
    }
    .containerbtn .containercheck input {
        height: 18px;
        width: 18px;
    }
    .button-top {
        bottom: 50px;
    }
}

@media (max-width: 480px) {
    .tatalogo img {
        width: 100%;
        margin: auto;
    }
    .slider_icon .slider_icon_box .inner {
        padding: 1rem;
        display: flex;
        justify-content: center;
        gap: 14px;
        align-items: center;
    }
    .slider_icon .slider_icon_box .inner .icon {
        margin: 0;
    }
    .logo {
        padding: 5px;
        margin: 0;
    }
    .padding {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    .readmore.d-flex {
        justify-content: center;
    }
    .galleryText {
        left: 1rem;
    }
    #gallery {
        margin-bottom: 1rem;
    }
    p {
        text-align: justify;
    }
    .containerbtn {
        justify-content: left;
    }
    .counter-window {
        padding: 0;
    }
    .counter-window .main-div-cou {
        padding: 14px;
    }
    .counter-window .main-div-cou:nth-last-child(2) {
        border-right: none;
    }
    .counter-window .main-div-cou:nth-last-child(1) {
        border-top: 1px solid rgb(86 86 86 / 20%);
    }
    .bannerText {
        padding: 1rem;
        background: linear-gradient(45deg, black, transparent);
    }
}

@media (max-width: 425px) {}

@media (max-width: 375px) {}

@media (max-width: 320px) {}

/* Designed & Developed by Sami from ECIS */