@media (min-width: 200px) and (max-width: 400px) {
    #offcanvasmenu {
        width: 95% !important;
    }

    /* .logo_hight {
        height: 2rem;
    } */
}

@media (min-width: 200px) and (max-width: 991px) {
    .home_banner_1 {
        position: none !important;
        object-fit: cover;
        object-position: center;
    }

    .hero-content-wrapper {
        height: auto;
    }
}

@media (min-width: 200px) and (max-width: 760px) {
    .home_title {
        font-weight: 700;
        font-size: 32px;
        letter-spacing: 0px !important;
    }

    .common_title {
        font-size: 30px;
        font-weight: 600;
    }
}

@media (min-width: 200px) and (max-width: 991px) {
    .pricingTable_card.active {
        border: 2px solid var(--secondary-color);
        box-shadow: 0 0rem 1rem 0rem var(--secondary-color) !important;
        background-color: var(--secondary-color-rgb-2) !important;
        transform: scale(1) !important;
    }
}