@media only screen and (max-width: 768px){
    .header-container{
        justify-content: space-between;
        flex-direction: column;
        gap: 0.8rem;
    }
    .header-left{
        width: 100%;
        justify-content: space-between;
        gap: 0.8rem;
    }
    .header-right{
        width: 100%;
        padding: 0;
    }
    .theme-dropdown-list{
        right: 0;
    }
    .text-sm-center{
        text-align: center !important;
    }
    .justify-content-sm-center{
        justify-content: center !important;
    }
    .justify-content-sm-space-between{
        justify-content: space-between !important;
    }
    .main-heading{
        font-size: 24px;
    }
    .fs-20{
        font-size: 18px !important;
    }
    .fs-22{
        font-size: 20px !important;
    }
    .fs-24{
        font-size: 22px !important;
    }
    .fs-26{
        font-size: 24px !important;
    }
    .fs-28{
        font-size: 26px !important;
    }
    .fs-30{
        font-size: 28px !important;
    }
    .fs-32{
        font-size: 30px !important;
    }
    .fs-34{
        font-size: 32px !important;
    }
    .fs-36{
        font-size: 34px !important;
    }
    .fs-38{
        font-size: 36px !important;
    }
    .fs-40{
        font-size: 38px !important;
    }
    .service-card{
        flex-direction: column;
    }
    .service-card .service-img{
        height: 220px;
        object-fit: cover;
    }
    .service-card .service-content-description{
        height: auto;
        margin-bottom: 10px;
    }
    .service-card .service-content{
        height: auto;
    }
    .accordion-header{
        padding: 12px 16px;
    }
    .accordion-content{
        padding: 12px 16px;
    }
    .accordion-content h3{
        font-size: 1rem;
    }
    .theme-search-bar i{
        top: 22px;
    }
    .card-badge{
        width: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .h-130{
        height: auto;
    }
    .padding-mobile-0{
        padding: 0 !important;
    }
    .flex-mobile-column{
        flex-direction: column;
    }
    .theme-order-card .flex-mobile-column .btn{
        width: 100%;
    }
    .text-mobile-center{
        text-align: center;
    }
    .table-mobile-vertical{
        width: 100%;
        border-collapse: collapse;
    }
    .table-mobile-vertical td {
        display: block;
        width: 100%;
        box-sizing: border-box;
        padding: 10px;
    }
    .theme-order-card .card-img{
        height: 250px;
        object-fit: cover;
    }
    .ps-50{
        padding-left: calc(var(--bs-gutter-x) * .5);
    }
    .mobile-mb-5{
        margin-bottom: 2rem !important;
    }
    .mobile-mb-3{
        margin-bottom: 1rem !important;
    }
    .mb-5{
        margin-bottom: 2rem !important;
    }
    .position-lg-absolute{
        position: static;
    }
    .mobile-mt-3{
        margin-top: 0.8rem;
    }
    .justify-content-mobile-end{
        justify-content: end;
    }
    .mobile-hidden{
        display: none !important;
    }
    .theme-info-box .info-content{
        height: auto;
    }
    .gap-mobile-1{
        gap: 0.5rem !important;
    }
    .gap-mobile-3{
        gap: 1rem !important;
    }
    .gap-mobile-4{
        gap: 1.6rem !important;
    }
    .fs-mobile-16{
        font-size: 16px !important;
    }
    .discount-badge{
        font-size: 14px !important;
        padding: 8px 18px;
    }
    .mobile-my-3{
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
    .mobile-width-100{
        width: 100% !important;
    }
    .service-images img{
        height: 110px;
    }
    .record-width-20{
        width: 200px !important;
        flex-shrink: 0;
    }
    .record-width-40{
        width: 400px !important;
        flex-shrink: 0;
    }
    .record-width-13{
        width: 130px !important;
        flex-shrink: 0;
    }
    .service-option-record{
        overflow-x: auto !important;
    }
    .service-select-img{
        height: 110px;
    }
    .service-offer-card .service-content-description{
        height: auto;
        padding: 0px 10px;
    }
    .mobile-rounded-1{
        border-radius: 5px !important;
    }
    .cart-service-img-box{
        width: 100%;
    }
    .cart-service-information{
        width: 100%;
    }
    .cart-service-img-box img{
        height: 300px;
    }
    .cart-service-information{
        flex-direction: column;
    }
    .cart-service-information .service-info{
        width: 100%;
    }
    .cart-service-price-quantity{
        width: 100%;
        padding-top: 20px;
        padding-bottom: 10px;
    }
    .service-price{
        margin-bottom: 10px;
    }
    .cart-service-features .service-feature{
        width: 80px;
    }
    .cart-options{
        flex-direction: column;
    }
    .cart-option-w-50{
        width: 100%;
    }
    .cart-option-w-25{
        width: 100%;
    }
    .cart-options.px-5{
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .mobile-margin-auto{
        margin: auto;
    }
    .cart-upload-design{
        padding-left: 20px;
        padding-right: 20px;
    }
    .cart-upload-design .width-15{
        width: 100%;
    }
    .cart-upload-design .width-85{
        width: 100%;
    }
    .count-bar.w-40{
        width: 50% !important;
    }
    .mobile-width-100{
        width: 100% !important;
    }
    .mobile-width-50{
        width: 50% !important;
    }
    .mobile-small-btn a{
        font-size: 12px !important;
    }
    .service-record-badge{
        left: 18%;
    }
    .service-order-box{
        flex-direction: column;
        height: auto;
    }
    .service-order-summary-box{
        height: auto;
    }
    .cart-service-review-desc{
        width: 100%;
        margin-top: 20px;
    }
    .display-mobile-hidden{
        display: none !important;
    }
    .display-desktop-hidden{
        display: block !important;
    }
    .header-right{
        flex-direction: column;
        gap: 0.3rem;
    }
}