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

@media only screen and (max-width:1024px) {
    .card-img img {
        width: 100px;
        height: 100px;
    }

    .how-it-works {
        padding: 80px 0px;
    }

    .provider_title {
        font-size: 50px;
        line-height: 60px;
    }

    .buttons {
        display: grid;
    }

    .contact-info {
        border-radius: 20px;
    }

    .contact-info .dbox {
        display: grid;
    }

    .service-list {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media only screen and (max-width:991px) {
    .step-content {
        position: relative;
    }

    .step-content h3 {
        font-size: 35px;
    }

    .step .step-number {
        font-size: 50px;
        margin-bottom: 20px;
    }

    .allsteps .step {
        gap: 30px;
    }

    .allsteps {
        margin: 50px 0px;
    }

    .video-section {
        padding: 50px 0px;
    }

    .heading {
        font-size: 40px;
    }

    .su-heading {
        font-size: 18px;
        margin-bottom: 10px;
        line-height: 30px;
    }

    .su-heading br {
        display: none;
    }

    .video-section .text-end {
        text-align: center !important;
    }

    .how-it-works h3 {
        font-size: 45px;
    }
}

@media only screen and (max-width: 768px) {
    #subcat_modal #cat_title {
        font-size: 20px;
    }

    .info-wrap {
        height: 400px;
    }

    .mobile_navigation {
        display: flex;
    }

    .header .logo,
    .header .address,
    .header .account {
        display: none;
    }

    .header {
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .home_service {
        padding-top: 20px;
    }

    .categories {
        border: none;
        padding: 0px;
    }

    .section {
        padding-bottom: 30px;
    }

    .home_title {
        display: none;
    }

    .section .title {
        font-size: 20px;
        font-weight: 700;
        line-height: 28px;
        margin-bottom: 24px;
    }

    .popular_slider .slide img {
        height: 160px;
    }

    button.slick-arrow {
        display: none !important;
    }

    .popular_slider .subcat_name {
        font-size: 14px;
        font-weight: 400;
        margin-top: 8px;
        line-height: 20px;
    }

    .become_partner {
        margin: 20px 0px;
    }

    .head_row {
        margin: 0px;
    }

    .head_row .search {
        padding: 0px;
        width: 100%;
    }

    .services {
        border: none;
        padding: 0px;
    }

    .page_banner {
        padding-bottom: 0px;
    }

    .viewcart_btn {
        position: sticky;
        display: flex;
        width: 100%;
        bottom: 70px;
        justify-content: center;
    }

    .cart_left {
        padding: 0px;
    }

    .cart_right {
        padding: 0px 5px;
    }

    /* .payment_card {
        position: fixed;
        bottom: 0px;
        width: 100%;
        background-color: #fff;
        left: 0px;
    }
    */
    .cart_left .action_btn {
        margin-top: 0px;
    }

    .row_details.actionbtn_on {
        display: none;
    }

    .address_card .card_r {
        text-wrap: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .address_card .card_data {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .row_details .edit_btn {
        height: 20px !important;
        border: none;
        padding: 0px;
        font-size: 13px;
        color: #6e42e5;
    }

    .row_details .icon img {
        display: flex;
        align-items: center;
    }

    .payment_card .row_details {
        display: none;
    }

    .card_data {
        font-size: 12px;
        line-height: 16px;
    }

    .row_details .icon {
        width: 18px;
        height: auto;
    }

    .order_rght {
        margin-top: 20px;
    }

    .actbtns {
        flex-direction: column;
    }

    .left_wraper {
        border-radius: 0px;
        border: none;
        position: fixed;
        bottom: 0px;
        width: 100%;
        background-color: #fff;
        left: 0px;
    }

    .card_r .title {
        display: none;
    }

    .login_card .title,
    .login_card .card_data {
        display: none;
    }

    .cart_services {
        padding: 0px;
        padding-bottom: 24px;
        border: none;
        border-bottom: 1px solid rgba(227, 227, 227, 1.00);
        border-radius: 0px;
    }

    .cart_service {
        padding-top: 20px;
    }

    .payment_summary {
        margin-top: 16px;
        border: none;
        border-radius: 0px;
        padding: 0px;
    }

    .times {
        gap: 5px;
    }

    .time_box {
        flex: 1 1 auto;
    }

    .schedule_title {
        font-size: 16px;
        line-height: 28px;
        font-weight: 600;
    }

    .dates {
        padding-bottom: 18px;
    }

    .time_title {
        font-size: 16px;
        padding-bottom: 18px;
    }

    .times {
        gap: 8px;
    }

    .time_box {
        width: 31%;
    }

    .provider-home .text-end {
        text-align: center !important;
    }

    .provider_title {
        font-size: 40px;
        line-height: 50px;
    }

    .partner_hero {
        padding: 50px 0px;
    }

    .partner_hero.bg-white .row {
        flex-direction: column-reverse;
    }

    .partner_hero.bg-white img,
    .why-choose-us-area img {
        text-align: center;
        justify-content: center;
        display: flex;
        margin: auto;
    }

    .process-step-area {
        padding: 50px 0px;
    }

    .process-step-wrapper {
        margin-top: 40px;
        row-gap: 40px;
    }

    .process-step.style-three {
        padding: 0 0px;
        margin: 0;
    }

    .process-step .content {
        gap: 5px;
    }

    .why-choose-us-area {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .buttons {
        display: grid;
        margin-top: 30px;
        justify-content: center;
    }

    .contact-info .dbox {
        border: 1px solid #CCCCCC;
        border-radius: 20px;
        margin-top: 0px;
        padding: 20px 20px;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    }

    .contact-info {
        border: 0px solid #CCCCCC;
        border-radius: 0px;
        margin-top: 50px;
        padding: 0px 0px;
        box-shadow: unset;

    }

    .service-list {
        grid-template-columns: repeat(3, 1fr);
    }

    .safety-card .buttons .btn.btn-primary {
        margin-top: 0px;
    }
    .subcat_modal .service-list{
        grid-template-columns: repeat(3, 1fr);
    }
}

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

    .allsteps .step::before,
    .rounded-before::before,
    .how-it-works::after {
        content: "";
        display: none;
    }

    .step-bar {
        width: 100%;
        height: 91%;
        padding-left: 0px;
        border-left: 0px dashed #666666;
    }

    .how-it-works {
        padding: 50px 0px;
    }

    .allsteps .step {
        flex-direction: column-reverse;
    }

    .how-it-works h3 {
        font-size: 35px;
    }
}

@media only screen and (max-width:480px) {
    .how-it-works h3 {
        font-size: 40px;
    }

    .step-content h3 {
        font-size: 30px;
    }

    .allsteps .step {
        padding: 20px;
        flex-direction: column-reverse;
    }

    .step .step-number {
        font-size: 45px;
        margin-bottom: 10px;
    }

    .allsteps .text-end,
    .allsteps .text-start {
        text-align: center !important;
    }

    .userimage-card h3 {
        font-size: 23px;
        font-weight: bold;
        margin-bottom: 15px;
    }

    .provider-home h1 {
        font-size: 40px;
        line-height: 55px;
    }

    .provider_title {
        font-size: 35px;
        line-height: 50px;
    }

    .icon-card {
        gap: 20px;
    }

    .heading br {
        display: none;
    }

    .card-img {
        gap: 0px;
    }

    .buttons {
        display: flex;
    }

    .card-name.user-card ul li {
        display: grid;
        gap: 5px;
    }

    .contact-wrap {
        padding: 50px 0px;
    }

    .contact-wrap .big_heading {
        font-size: 35px;
        line-height: 43px;
    }

    .contact-wrap p {
        font-size: 18px;
        color: #717483;
        line-height: 25px;
        margin-top: 10px;
    }

    .contact-bg::after {
        content: "";
        display: none;
    }

    .service-list {
        grid-template-columns: repeat(2, 1fr);
    }
    .service-section {
        padding: 50px 0px;
    }
    .service-section h1 {
        font-size: 35px;
        line-height: 45px;
    }
    .service-section .text-muted {
        font-size: 19px;
        line-height: 29px;
    }
    .service-section .text-muted br{
        display: none;
    }
    .add_service {
        padding:50px 0px;
    }
    .servive-slider {
        padding: 50px 0px;
    }
    .customer-home {
        padding: 50px 0px 50px;
    }
    .subcat_modal .service-list {
        grid-template-columns: repeat(2, 1fr);
    }
    .faq-section {
        padding: 50px 0px;
    }
    .coustomer_profile {
        position: relative;
        padding: 50px 0px;
    }
    .coustomer_profile .profile_head {
        padding: 0px 13px 30px 13px;

    }
    .profile_menus {
        padding: 0px 13px !important;
    }
}

@media only screen and (max-width:425px) {
    .profile-card {
        padding: 15px;
    }

    .buttons {
        margin-top: 10px;
    }

    .profile-card.document-card {
        padding: 15px;
    }

    .profile-card.profile-cards.document-card h2 {
        margin-bottom: 20px;
    }

    .document-card .swiper-navigation .swiper-button-next,
    .document-card .swiper-navigation .swiper-button-prev {
        width: 30px !important;
        height: 30px !important;
        border-radius: 50%;
        background-color: #134D26;
    }

    .profile-card.profile-cards.document-card h2 {
        margin-bottom: 20px !important;
    }

    .document-card .swiper-navigation .swiper-button-prev:after,
    .document-card .swiper-navigation .swiper-button-next:after {
        color: #fff !important;
        font-size: 17px !important;
    }
    .heading {
        font-size: 35px;
    }
    .faq-section .accordion .accordion-item button.accordion-button {
        padding: 10px;
        font-size: 16px;
        line-height: 22px;
    }
    .faq-section .accordion .accordion-item .accordion-body{
        padding: 10px;
    }
    .terms-section {
        padding: 50px 0px;
    }
}

@media only screen and (max-width:420px) {
    .how-it-works h3 {
        font-size: 35px;
        margin-bottom: 0;
    }

    .step-content h3 {
        font-size: 28px;
        margin-bottom: 15px;
    }

    .heading {
        font-size: 35px;
    }

    .app-img img {
        width: 165px;
    }

    .app-img {
        margin-top: 20px;
    }

    .provider_title {
        font-size: 34px;
        line-height: 47px;
    }

    .provider_footer .footer_logo img {
        width: 100px;
        height: auto;
    }
}

@media only screen and (max-width:375px) {
    .how-it-works {
        padding: 40px 0px;
    }

    .heading {
        font-size: 30px;
    }

    .provider-home h1 {
        font-size: 35px;
        line-height: 50px;
        margin-bottom: 20px;
    }

    .provider-home h4 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .provider_title {
        font-size: 30px;
        line-height: 40px;
    }

    .icon-card .content .title {
        font-size: 23px;
    }

    .icon-card .icon {
        width: 57px;
        height: 57px;
    }

    .icon-card {
        gap: 15px;
        display: grid;
    }

    .provider-home {
        padding: 50px 0px;
    }
    .service-section h1 {
        font-size: 30px;
        line-height: 45px;
    }
}