@media (min-width: 769px) and (max-width: 1024px) {
    .main-container-card {
        width: 100% !important;
        height: auto !important;
        margin-right: 1% !important;
        margin-bottom: 20px;
        display: inline-block;
        vertical-align: top;
    }

    .main-container-card-heading,
    .main-container-card-heading-annually,
    .main-container-card-heading-annually-new {
        width: 90% !important;
        height: auto !important;
    }

    .h2heading {
        font-size: 38px !important;
        line-height: 46px !important;
    }

    .plan-sub-heading {
        font-size: 22px !important;
        line-height: 28px !important;
    }

    .main-plan-container-image-div {
        width: 30% !important;
    }

    .main-plan-container-div {
        width: 70% !important;
    }

    .main-plan-container-div > div > div[style*="width: 756px"] {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 20px;
    }

    .plan-container-plan-type {
        flex-wrap: wrap;
        justify-content: center !important;
    }

    .plan-container-plan-type > div {
        width: 100% !important;
        margin: 10px !important;
    }

    .carousel-item .col-sm-5 {
        width: 80%;
        margin: 0 auto;
    }

    .ind-service-list .col-sm-4 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .container {
        max-width: 95%;
    }

    section {
        margin-top: 40px !important;
    }
.ind-lnd-image-sml-wrap {
    position: absolute;
    z-index: 2;
    left: 40px;
    top: 65%;
    transform: translateY(-50%);
    width: 190px;
    height: auto;
    margin: 0;
}

.ind-lnd-image-wrap {
    position: relative;
}
}

@media (max-width: 768px) {
    .main-container-card {
        width: 100% !important;
        height: auto !important;
        margin-right: 0 !important;
        margin-bottom: 20px;
    }

    .main-container-card-first-container {
        width: 100% !important;
        height: auto !important;
    }

    .main-container-card-first {
        width: 100% !important;
        height: auto !important;
    }

    .main-container-card-heading,
    .main-container-card-heading-annually,
    .main-container-card-heading-annually-new {
        width: 90% !important;
        height: auto !important;
    }

    .h2heading {
        font-size: 32px !important;
        line-height: 40px !important;
    }

    .plan-sub-heading {
        font-size: 20px !important;
        line-height: 26px !important;
    }

    .ind-how-it-works {
        font-size: 32px !important;
    }

    .ind-much-more {
        font-size: 28px !important;
    }

    .main-plan-container {
        flex-direction: column !important;
    }

    .main-plan-container-image-div {
        width: 100% !important;
        display: none !important;
    }

    .main-plan-container-div {
        width: 100% !important;
    }

    .main-plan-container-div-heading {
        padding: 0 15px;
    }

    .main-plan-container-div > div > div[style*="width: 756px"] {
        width: 100% !important;
        max-width: 100% !important;
    }

    .plan-container-plan-type {
        width: 100% !important;
        flex-wrap: wrap;
        flex-direction: column !important;
    }

    .plan-container-plan-type > div {
        width: 100% !important;
        margin: 10px 0 !important;
        align-items: center !important;
    }

    .plan-container-plan-type > div > div {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        justify-content: center !important;
    }

    .ind-carousel {
        padding: 0 15px;
    }

    .carousel-item {
        margin-left: 0 !important;
    }

    .carousel-item .col-sm-5 {
        width: 100%;
    }

    .ind-serv-carousel {
        padding: 0 15px;
    }

    .ind-service-list .col-sm-4 {
        margin-bottom: 30px;
    }

    .ind-hit-card .col-sm-4 {
        margin-bottom: 30px;
    }

    .ind-lnd-image-sml-wrap {
            display: block;
                position: absolute;
                z-index: 2;
                left: 22px;
                top: 65%;
                transform: translateY(-50%);
                width: 32%;
                height: auto;
    }

    .ind-lnd-image-wrap {
        position: relative;
            width: 75% !important;
            flex: 0 0 75% !important;
            max-width: 75% !important;
            height: 220px !important;
            margin: 0 auto;
        }
        
        .ind-lnd-green-line {
            width: 75% !important;
            flex: 0 0 75% !important;
            max-width: 75% !important;
            margin: 0 auto;
            padding: 0;
        }
        
        .ind-lnd-image {
            width: 100% !important;
            height: 100% !important;
            object-fit: cover !important;
    }

    section {
        margin-top: 30px !important;
    }

    .main-plan-container {
        margin-top: 60px !important;
        margin-bottom: 40px !important;
    }

    .container[style*="margin-top: -100px"] {
        margin-top: 20px !important;
    }

    .button-select-plan > button {
        width: 100%;
    }

    .nav-item {
        font-size: 12px;
    }

    .container-fluid img[src*="polygon.png"] {
        display: none;
    }

    .ind-how-it-works + img {
        display: none;
    }

    .container {
            padding-left: 20px;
                padding-right: 20px;
    }

    .landing-text h1 {
        font-size: 28px !important;
        line-height: 36px !important;
    }

    .landing-text p {
        font-size: 12px !important;
        letter-spacing: 10px !important;
    }
}

@media (max-width: 576px) {
    .h2heading {
        font-size: 24px !important;
        line-height: 32px !important;
    }

    .plan-sub-heading {
        font-size: 18px !important;
        line-height: 24px !important;
    }

    .ind-carousel-title {
        font-size: 16px !important;
    }

    .pheading {
        font-size: 14px !important;
        line-height: 22px !important;
    }

    .ptype-heading {
        font-size: 12px !important;
    }

    .main-container-card-content-item-text > p {
        font-size: 14px !important;
        line-height: 24px !important;
    }

    .landing-text h1 {
        font-size: 24px !important;
        line-height: 32px !important;
    }

    .landing-text p {
        font-size: 10px !important;
        letter-spacing: 5px !important;
    }

    section {
        margin-top: 20px !important;
    }

    .main-plan-container {
        margin-top: 40px !important;
        margin-bottom: 30px !important;
    }

    .btn {
        padding: 10px 15px;
        font-size: 14px;
    }
.ind-hero-btn {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 14px;
    border-radius: 4px;
}
}