@media screen and (min-width: 481px) {

    /* appointment-sec css */
    .theme-preview-body .appointment-sec .check-box-div {
        max-width: 90%;
        width: 100%;
        margin: 0 auto 20px;
    }

    .theme-preview-body .appointment-form .appointment-btn {
        font-size: 16px;
    }

    /*  payment sec css */
    .theme-preview-body .payment-sec ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .theme-preview-body .payment-sec ul li {
        max-width: 150px;
        width: 100%;
    }

    /* more-sec css  */
    .theme-preview-body .more-info-sec ul li {
        max-width: 125px;
        width: 100%;
    }

    /* testimonial css */
    .theme-preview-body .testimonial-wrp .slider-wrapper {
        max-width: 460px;
        width: 100%;
        margin: 0 auto;
    }

}

@media screen and (max-width: 480px) {
    :root .theme-preview-body {
        --h1: normal 600 32px/1.2 var(--second-font);
        --h2: normal 600 24px/1.2 var(--second-font);
        --h3: normal 500 22px/1.2 var(--second-font);
        --h4: normal 500 20px/1.2 var(--second-font);
        --h5: normal 500 18px/1.2 var(--second-font);
        --h6: normal 500 16px/1.2 var(--second-font);
        --common-text: normal 400 14px/1.3 var(--first-font);
    }

    .theme-preview-body .section-title {
        margin: 0 0 18px;
    }

    .theme-preview-body .container {
        padding: 0 15px;
    }

    .theme-preview-body .popup-header .close-arrow-btn {
        height: 25px;
        width: 25px;
    }

    .theme-preview-body .popup-header .popup-title {
        gap: 10px;
    }

    .theme-preview-body .popup-header .close-arrow-btn svg {
        height: 15px;
        width: 15px;
    }

    /* arrow slider */
    .theme-preview-body .arrow-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 10px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 20px;
    }

    .theme-preview-body .slick-arrow {
        position: unset;
        transform: unset;
        -webkit-transform: unset;
        -moz-transform: unset;
        -ms-transform: unset;
        -o-transform: unset;
    }

    /* theme-popup css */
    .theme-preview-body .theme-popup-inner .theme-popup-content {
        padding: 20px 15px;
    }

    .theme-preview-body .popup-header .popup-title h2 {
        font-size: 17px;
    }

    .theme-preview-body .theme-popup .form-group .form-input svg {
        height: 14px;
        width: 14px;
    }

    /* share-card-popup css */
    .theme-preview-body .share-card-popup .social-list {
        padding: 10px 15px;
    }

    /* profile-sec css */
    .theme-preview-body .profile-sec .client-info-wrp .client-image {
        height: 110px;
        width: 110px;
        border-width: 4px;
    }

    .theme-preview-body .profile-sec .client-info-wrp {
        margin: -60px 0 0 0;
    }

    .theme-preview-body .profile-sec .profile-content p {
        font-size: 14px;
    }

    .theme-preview-body .profile-sec .profile-content {
        max-width: 100%;
    }

    .theme-preview-body .profile-sec .profile-banner {
        padding: 30% 0;
    }

    /* social-link-sec css */
    .theme-preview-body .social-link-slider {
        margin: 0 -12px;
    }

    .theme-preview-body .social-link-sec .social-link a {
        height: 35px;
        width: 35px;
    }

    .theme-preview-body .social-link-sec .social-link a img {
        max-width: 16px;
    }

    /* business-hour-sec css */
    .theme-preview-body .business-hour-sec .hours-list li {
        padding: 10px 15px;
    }

    .theme-preview-body .business-hour-sec .hours-list li p {
        max-width: 140px;
        font-size: 14px;
    }

    .theme-preview-body .business-hour-sec .hours-list li {
        font-size: 14px;
    }

    /* appointment-sec css */
    .theme-preview-body .appointment-sec .check-box-div {
        margin-bottom: 20px;
    }

    .theme-preview-body .appointment-sec .appointment-wrp .appointment-form {
        max-width: 100%;
    }

    .theme-preview-body .appointment-sec .appointment-wrp {
        padding: 15px;
    }

    /* contact-info-sec css */
    .theme-preview-body .contact-list .contact-image {
        width: 46px;
        height: 46px;
        margin-top: -38px;
    }

    .theme-preview-body .contact-info-sec .contact-list li {
        margin-top: 25px;
    }

    .theme-preview-body .contact-info-sec .contact-list li a {
        font-weight: 400;
        font-size: 14px;
    }

    .theme-preview-body .contact-info-sec .contact-list {
        gap: 15px;
    }

    /* payment-sec css */
    .theme-preview-body .payment-sec ul li {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    /* testimonial css */
    .theme-preview-body .testimonial-content .testimonial-content-top p {
        font-size: 14px;
    }

    /* more-sec css */
    .theme-preview-body .more-info-sec ul {
        gap: 8px;
    }

    .theme-preview-body .more-info-sec ul li a svg {
        width: 14px;
        height: 14px;
    }

    .theme-preview-body .more-info-sec ul li h3 {
        font-size: 14px;
    }

    .theme-preview-body .more-info-sec ul li a {
        gap: 9px;
    }

    /* payment sec css */
    .theme-preview-body .payment-sec ul,
    .theme-preview-body .download-sec ul {
        gap: 12px;
    }

    .theme-preview-body .share-card-popup .popup-body .qr-link span {
        font-size: 13px;
    }

    .theme-preview-body .share-card-popup .client-image {
        height: 90px;
        width: 90px;
    }
}