@media screen and (max-width: 768px) {
    .hero-heading {
        font-size: 50px;
        font-family: var(--heading-text);
    }

    .pos-icons-1 {
        position: absolute;
        left: -45px;
    }

    .heading {
        font-family: var(--heading-text);
        font-size: 2rem;
    }

    .py-7{
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .mt-offset {
        margin-top: unset;
    }

    .waitlist-header {
        height: 160px;
    }

    .hero-heading-2 {
        font-size: 30px;
        font-family: var(--heading-text);
    }

    .dropdown-size {
        width: auto;
        border-radius: 10px;
        left: auto !important;
    }

    .hide-image-sm{
        display: none;
    }

    .w-sm-100{
        width: 100%;
    }

    .mb-100{
        margin-bottom: 1.5rem
    }

    .mt-100{
        margin-top: 1.5rem
    }

    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        width: 100%;
        padding-right: 30px;
        padding-left: 30px;
        margin-right: auto;
        margin-left: auto;
    }

    .hero-text{
        font-size: 16px;
    }

    .hero-section-2 {
        padding-top: 100px;
        padding-bottom: 30px;
    }
}

@media (min-width: 1200px){
    .h2, h2 {
        font-size: 1.8rem;
    }
}