@media screen and (max-width: 1440px) {
}

@media screen and (max-width: 1199px) {
}

@media screen and (max-width: 991px) {
}

@media only screen and (max-width: 770px) {
}

@media only screen and (max-width: 600px) {
    .about-us .user-experice-card h1 {
        font-size: 32px;
    }

    .pricing .pricing-card .pricing-card-text,
    .pricing .pricing-card .text-wrap {
        display: block;
    }

    .about-us .user-experice-card .user-experice-card-text {
        width: 45%;
    }

    .banner .user-experice-card h1 {
        font-size: 35px;
    }

    .navbar-6 .navbar .dropdown-menu[data-bs-popper],
    .navbar-6 .navbar .sign-dropdown.dropdown-menu[data-bs-popper] {
        left: 0 !important;
    }

    .nav-item .show {
        text-align: start;
    }

    .about-us .header-wrap h2 {
        font-size: 25px;
    }

    .input-group-custom {
        flex-wrap: wrap;
    }

    .input-group-custom button {
        width: 100%;
    }

    .contact-us,
    .pricing {
        padding-block: 15px;
    }

    .form-wrap .btn_wrap,
    .form-wrap .btn_wrapper.flex {
        display: block;
    }

    .form-wrap .btn_wrapper,
    .form-wrap .btn_wrapper .btn-find,
    .form-wrap .btn_wrapper .btn-clear,
    .form-wrap .btn_wrapper .btn-quick-search {
        width: 100%;
        margin-bottom: 10px;
    }

    .feature.margin {
        margin-bottom: 0px;
    }

    .how-it-card-leftside{
        margin-bottom: 10px;
    }

    .products .section-items .item-header-2 .section-header,
    .products .section-items .item-header-4 ul li h6{
        display: block;
    }

    .products .section-items .item-header-2 i{
        width: 8%;
    }
}

@media only screen and (max-width: 400px) {
    .pricing-card .why-btn {
        top: -28px;
        font-size: 10px !important;
    }
}