@media (min-width: 1600px) {

    .whatisiwl .container,
    .whatisiwl .container-lg,
    .whatisiwl .container-md,
    .whatisiwl .container-sm,
    .whatisiwl .container-xl,
    .whatisiwl .container-xxl {
        max-width: 1600px;
    }

    .header2 .container,
    .header2 .container-lg,
    .header2 .container-md,
    .header2 .container-sm,
    .header2 .container-xl,
    .header2 .container-xxl {
        max-width: 1600px;
    }
}


@media (max-width: 1600px) {

    .whatisiwl .container,
    .whatisiwl .container-lg,
    .whatisiwl .container-md,
    .whatisiwl .container-sm,
    .whatisiwl .container-xl,
    .whatisiwl .container-xxl {
        max-width: 95%;
    }

    .header2 .container,
    .header2 .container-lg,
    .header2 .container-md,
    .header2 .container-sm,
    .header2 .container-xl,
    .header2 .container-xxl {
        max-width: 95%;
    }

    .journey-card-item::before {
        width: 82.5%;
    }

    .text-4xl {
        font-size: 45px;
    }

    .text-xl {
        font-size: 18px;
    }

    .text-m-medium,
    .text-m-regular,
    .text-l-semibold,
    .text-m-semibold {
        font-size: 16px
    }

    .text-xl {
        font-size: 20px;
    }

    .text-s-medium {
        font-size: 14px;
    }

    .fill-btn {
        padding: 10px 16px;
    }

    .two-space {
        padding: 70px 0;
    }

    .text-2xl {
        font-size: 26px;
    }

    .banner-section .section-bg {
        padding: 60px 0;
    }

    .banner-caption {
        max-width: 530px;
    }

    .heading-box {
        max-width: 620px;
    }

    .achieve-section .item-box {
        max-width: 520px;
    }

    .journey-section .title-box {
        max-width: 700px;
    }

    .journey-card-item .body-content-caption .text-s-regular {
        font-size: 14px;
    }

    .journey-card-item .col-item {
        max-width: 264px;
    }

    .real-stories-slider-section .owl-nav button {
        min-width: 45px;
        min-height: 45px;
    }

    .real-stories-slider-section .owl-nav button svg {
        width: 15px !important;
    }

    .real-stories-slider-section .owl-nav {
        margin-top: 20px;
    }

    .asseenon-section .owl-nav button {
        min-width: 45px;
        min-height: 45px;
    }

    .asseenon-section .owl-nav button svg {
        width: 15px !important;
    }

    .asseenon-section .owl-nav {
        margin-top: 20px;
    }

    .plan-section .title-box {
        max-width: 804px;
    }

    .accordian-block {
        max-width: 870px;
    }

    .navbar-nav .nav-item .nav-link {
        font-size: 16px !important;
    }
}



@media (max-width: 992px) {

    .journey-card-item .col-item {
        max-width: 100%;
        width: 100%;
    }

    .journey-card-item {
        row-gap: 46px;
    }

    .journey-card-item .item-box {
        max-width: 365px;
        margin: 0 auto;
    }

    .journey-card-item .col-item:last-child .body-content p {
        margin-top: 0px;
    }

    .journey-card-item::before {
        width: 3.5px;
        height: 77%;
        left: 17px;
        top: 8%;
    }

    .journey-card-item .col-item::after {
        top: 70px;
    }

    .journey-section .section-gap-item {
        row-gap: 0px;
    }

    .achieve-section .section-bg {
        margin-top: 0;
        padding-top: 70px !important;
    }

    .pricepage .pricing-table-wrp {
        padding: 30px 32px;
    }

    /* .navbar>.container,
    .navbar>.container-fluid,
    .navbar>.container-lg,
    .navbar>.container-md,
    .navbar>.container-sm,
    .navbar>.container-xl,
    .navbar>.container-xxl {
        justify-content: start !important;
    } */

    .navbar-toggler:focus {
        box-shadow: none;
    }

    .navbar-brand img {
        max-width: 200px;
    }

    header .navbar-nav {
        position: fixed;
        width: 100%;
        height: calc(100% - 67px);
        bottom: 0;
        left: 0;
        z-index: 100;
        background-color: var(--blue-100);
        align-items: center;
        row-gap: 25px;
        padding: 40px 24px;
    }

    header .navbar-nav .nav-item {
        width: 100%;
        text-align: center;
        padding-bottom: 12px !important;
        border-bottom: 1px solid var(--blue-200);
    }

    header .navbar-nav .nav-item:last-child {
        border: none;
    }

    header .navbar-nav .nav-item:last-child .nav-link {
        padding: 12px 24px !important;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border: 1px solid var(--blue-400);
    }

    header .navbar-nav .dropdown-menu {
        background-color: transparent;
        border: none;
    }

    header .navbar-nav .dropdown-menu .dropdown-item {
        text-align: center;
        font-size: 14px !important;
        padding: 0.5rem 1.5rem;
    }

    header .navbar-nav .nav-item .nav-link {
        font-size: 18px !important;
    }

    body.active {
        overflow: hidden;
    }

    footer {
        padding-right: 0;
        padding-left: 0;
    }

    footer h5 {
        margin-top: 18px;
    }

    body .header2 a.tzbtn4.headersignup {
        /* color: var(--blue-500) !important;
        border-radius: 4px !important;
        background: var(--green-300) !important;
        border: 1px solid var(--green-300) !important; */
        font-size: 14px !important;
        /* box-shadow: none; */
    }

    .vimeo-video-section {
        width: 100%;
        margin: 24px auto 0 auto;
    }

}

@media (max-width: 768px) {

    .banner-caption {
        max-width: 100%;
    }

    .iframe-block iframe {
        height: 400px !important;
    }

    .principle-card-item .gap-item {
        row-gap: 0px;
    }

    .section-gap-item {
        row-gap: 30px;
    }

    .plan-section .title-box {
        max-width: 100%;
    }

    footer .first .desc,
    footer p,
    footer .copyright_text {
        font-size: 14px;
    }

    footer .flinks li a {
        font-size: 14px;
    }
}


@media (max-width: 592px) {

    .iframe-block iframe {
        height: auto !important;
    }

    .img-caption {
        right: calc(50% - 105px);
    }

    .text-before-title {
        padding: 10px 10px 10px 10px;
    }

    .m-flex-direction-column {
        flex-direction: column;
    }
    #banner-slider.owl-carousel .item {
        height: 40rem;
    }

}

@media (max-width: 576px) {

    .banner-section .section-bg {
        padding: 50px 0;
    }

    .two-space {
        padding: 50px 0;
    }

    .text-4xl {
        /* font-size: 36px; */
        font-size: calc(1.375rem + 1.5vw);
        line-height: 1.2;
    }

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

    .principle-card-item .img-bar svg {
        max-width: 100% !important;
        width: 100% !important;
    }

    .principle-card-item .img-bar svg {
        height: auto !important;
        min-height: 100% !important;
        max-width: 95% !important;
    }

    .principle-card-item .short-text-bar {
        max-width: 95%;
    }

    .principle-card-item .gap-item {
        row-gap: 12px;
    }

    .journey-card-item .item-box {
        max-width: 70%;
        margin: 0 auto;
    }

    .journey-card-item::before {
        height: 78%;
        top: 7%;
        width: 2px;
        left: 18px;
    }

    .real-stories-slider-section .owl-nav {
        justify-content: center;
    }

    .asseenon-section .owl-nav {
        justify-content: center;
    }

    .pricepage .pricing-table-wrp {
        padding: 25px 20px;
    }

    /* .accordion-header button {
        font-size: 14px !important;
    } */

    /* .accordion-body .text-s-regular {
        font-size: 12px !important;
    } */

    .real-stories-slider-section .owl-nav button {
        min-width: 35px;
        min-height: 35px;
    }

    .asseenon-section .owl-nav button {
        min-width: 35px;
        min-height: 35px;
    }

    .btn-bar {
        width: 100%;
    }

    .btn-bar .fill-btn {
        width: 100%;
    }

    .faq-section .btn-bar .fill-btn,
    header .btn-bar .fill-btn {
        width: 100%;
        text-align: center;
    }

    .banner-section .img-bar img,
    .achieve-section .img-bar img {
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
    }

    .whatisiwl .pricepage .fill-btn {
        width: 100%;
        display: block;
    }

}