@media only screen and (max-width: 767px) {
    .cs-header .topbar-container .topbar-flex {
        justify-content: center;
    }

    .cs-header .topbar-container .topbar-flex .topbar-left .button-flex a {
        font-size: 12px;
    }

    .cs-header .topbar-container .topbar-flex .topbar-left .button-flex a .icon {
        width: 25px;
        height: 25px;
        border-radius: 5px;
    }

    .cs-header .topbar-container .topbar-flex .topbar-left .button-flex a .icon i {
        font-size: 12px;
    }

    .cs-header .topbar-container .topbar-flex .topbar-right {
        display: none;
    }

    .cs-header .cs-header-main {
        display: none;
    }

    body header.mobile {
        position: relative;
        box-shadow: unset;
        border-bottom: 1px solid #e0e0e0;
    }

    body header.mobile .left {
        gap: 10px;
        padding: 10px;
    }

    body header.mobile .icon-group {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        background-color: #FDF1EE;
        border: 1px solid #F9572B;
        border-radius: 5px;
        font-size: unset;
    }

    body header.mobile .icon-group i {
        font-size: 14px;
        color: #F9572B;
    }

    body header.mobile .center .logo a img {
        max-height: 100%;
        width: 100px;
    }

    body header.mobile .right {
        gap: 10px;
        padding: 10px;
    }

    body header.mobile .right .icon-group .badge {
        top: -10px;
        right: -10px;
        min-width: 16px;
        max-width: 16px;
        width: 16px;
        height: 16px;
        border-radius: 5px;
        background-color: #F9572B;
        font-size: 10px;
        font-weight: 400;
    }

    body .mobile-header-space {
        height: unset;
    }

    .cs-menu {
        margin: 15px 0;
    }

    .cs-menu .cs-menu-wrap ul {
        gap: 20px;
        overflow-x: scroll;
        justify-content: flex-start;
        height: 40px;
    }

    .cs-menu .cs-menu-wrap ul::-webkit-scrollbar {
        display: none
    }

    .cs-menu .cs-menu-wrap ul * {
        width: max-content;
    }

    .cs-menu .cs-menu-wrap ul li a {
        font-size: 12px;
    }

    .cs-menu .cs-menu-wrap ul li a img {
        width: 16px;
        height: 16px;
    }

    .week-feature .col-list:last-child .p-g-b-c-inner {
        padding: 20px 20px 0;
        border-radius: 20px;
        flex-direction: column;
    }

    .week-feature .col-list:last-child .p-g-b-c-inner .week-of-product {
        width: 100%;
    }

    .pattern-group .week-of-product .p-g-mod-header {
        margin: 0 0 15px;
    }

    .pattern-group .week-of-product .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title {
        font-size: 16px !important;
    }

    .pattern-group .week-of-product .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title::before {
        width: 24px;
        height: 24px;
    }

    .pattern-group .week-of-product .cs-product-card {
        gap: 15px;
        grid-template-columns: 1fr 1fr;
    }

    .pattern-group .week-of-product .cs-product-card .card-media {
        border-radius: 10px;
        padding: 10px;
    }

    .pattern-group .week-of-product .card-content h3 {
        font-size: 14px;
    }

    .pattern-group .week-of-product .card-content .price {
        margin: 10px 0;
    }

    .cs-product-card .card-content .price del {
        font-size: 14px;
    }

    .cs-product-card .card-content .price del::before {
        top: 10px;
    }

    .cs-product-card .card-content .price .active-price {
        font-size: 16px;
    }

    .cs-product-card .basket-content {
        border-radius: 10px;
    }

    .pattern-group .week-of-product .card-content .basket-content .add-to-cart {
        height: 35px;
        font-size: 12px;
        padding: 0 20px;
    }

    .add-to-cart img {
        width: 14px !important;
        height: 14px;
    }

    .pattern-group .week-of-product .cs-product-card .card-media .discount {
        display: none;
    }

    .week-feature .col-list:last-child .p-g-b-c-inner .week-of-counter {
        width: 100%;
        padding: 20px 0 0;
    }

    .cs-counter .cs-counter-wrap .cs-counter-box {
        flex-direction: unset;
    }

    .cs-counter .cs-counter-wrap .cs-counter-box .counter-item {
        flex-direction: unset;
        justify-content: center;
        gap: 10px;
        padding: 4px 6px;
        font-size: 12px;
        border-radius: 5px;
    }

    .cs-counter .cs-counter-wrap .cs-counter-box .counter-item span {
        font-size: 10px;
        padding: 4px 6px;
        margin: unset;
        border-radius: 5px;
    }

    .cs-feature {
        padding: 40px 0;
    }

    .cs-feature .row {
        row-gap: 20px;
    }

    .cs-feature .feature-box .icon {
        width: 50px;
        min-width: 50px;
        height: 50px;
        padding: 15px;
    }

    .cs-feature .feature-box .content .title {
        font-size: 14px;
    }

    .most-seller-group {
        margin: 0;
    }

    .pattern-group .pattern-group-header .p-g-h-info {
        flex-wrap: wrap;
        gap: 15px;
    }

    .pattern-group .pattern-group-header .p-g-h-info .p-g-h-i-title,
    .pattern-group .p-g-mod .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title {
        font-size: 16px;
    }

    .pattern-group .pattern-group-header .p-g-h-info .p-g-h-i-description {
        max-width: max-content;
        text-align: start;
        font-size: 12px;
    }

    .cs-product-card .card-media {
        border-radius: 10px;
    }

    .cs-product-card .card-media a img {
        height: 200px;
    }

    .cs-product-card .discount {
        height: 30px;
        left: 10px;
    }

    .cs-product-card .discount .icon {
        width: 30px;
        height: 30px;
        font-size: 12px;
        left: -15px;
    }

    .card-rating {
        height: fit-content;
        padding: 10px;
        margin-bottom: 10px;
        border-radius: 0 0 10px 10px;
    }

    .card-rating .rating-stars {
        flex-wrap: wrap;
        gap: 10px;
    }

    .cs-product-card .card-content h3 {
        font-size: 14px;
        margin-bottom: unset;
        line-height: 20px;
    }

    .cs-product-card .card-content .price {
        margin: 10px 0;
        gap: 5px;
    }

    .cs-product-card .basket-content {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        padding: 6px;
    }

    .cs-product-card .basket-content .counter-cs {
        width: 100%;
    }

    .cs-product-card .basket-content .add-to-cart {
        width: 100%;
    }

    .add-to-cart {
        font-size: 12px;
        padding: 0 10px;
        height: 35px;
        border-radius: 10px;
    }

    .counter-cs .cs-product-counter button {
        border-radius: 5px;
        font-size: 12px;
    }

    .counter-cs .cs-product-counter input {
        padding: unset;
        font-size: 12px;
        width: 30px;
    }

    .cs-blog {
        margin: 40px 0;
    }

    .cs-blog-card {
        padding: 10px;
        border-radius: 10px;
    }

    .cs-blog-card .card-image img {
        border-radius: 10px;
    }

    .cs-blog-card .card-content {
        margin: 15px 0 0;
        padding: 0;
    }

    .cs-blog-card .card-content .date {
        padding: 5px 10px;
    }

    .cs-blog-card .card-content .date i {
        font-size: 14px;
    }

    .cs-blog-card .card-content h3 {
        font-size: 12px;
        line-height: unset;
        min-height: fit-content;
        margin: 10px 0 20px;
    }

    .cs-blog-card .card-content .goto-blog {
        width: 35px;
        height: 35px;
        font-size: 16px;
    }

    body footer .newsletter-content {
        border-radius: 10px;
        padding: 15px;
        flex-wrap: wrap;
        gap: 15px;
    }

    body footer .newsletter-content .newsletter-title {
        font-size: 16px;
        width: fit-content;
    }

    body footer .newsletter-content .newsletter-form {
        width: fit-content;
        gap: 10px;
    }

    body footer .newsletter-content .newsletter-form .form-control {
        font-size: 12px;
        padding: 0 10px;
        border-radius: 10px;
        min-width: 200px;
        height: 40px;
    }

    body footer .newsletter-content .newsletter-form .form-control::placeholder {
        color: #CACACA;
        font-size: 12px;
    }

    body footer .newsletter-content .newsletter-form .btn {
        width: 40px;
        height: 40px;
        padding: 5px;
        border-radius: 10px;
    }

    body footer .newsletter-content .newsletter-form .btn img {
        width: 20px;
    }

    body footer .logo-area {
        display: block;
        margin: 10px 0;
    }

    body footer .logo-area .logo img {
        max-height: 100%;
        max-width: 150px;
    }

    body footer .ssl p {
        font-size: 12px;
        margin-bottom: 20px;
    }

    body footer .info .title {
        font-size: 14px;
        font-weight: 400;
        color: #fff;
        border-bottom: 1px solid #fff;
        border-width: 0 0 1px 0;
        text-align: unset !important;
        padding: 0 0 10px;
        margin: 0 0 20px;
    }

    body footer .info .title.contact-last {
        font-size: 16px;
        padding: unset;
        border: unset;
    }

    body footer .info .title.contact-last:after {
        visibility: hidden;
    }

    body footer .info .title:after {
        top: 0;
        right: 0;
        font-size: 18px;
    }

    body footer .info .fs {
        padding: unset;
        border: unset;
        text-align: unset !important;
        margin-bottom: 20px;
    }

    body footer .info .fs.f3 {
        display: block !important;
    }

    body footer .custom-contact {
        padding: 20px;
        height: fit-content;
    }

    body footer .custom-contact:after {
        visibility: hidden;
    }

    body footer .contact-info {
        margin-bottom: 10px;
    }

    body footer .contact-info .contact-item a {
        font-size: 14px;
        gap: 5px;
    }

    body footer .contact-info .contact-item a .icon {
        width: 35px;
        height: 35px;
    }

    body footer .contact-info .contact-item a .icon img {
        width: 18px;
    }

    body footer .social-media {
        gap: 10px;
        border-radius: 10px;
    }

    body footer .social-media a {
        font-size: 16px;
    }

    body footer .bar {
        padding: 10px 0;
        height: fit-content;
    }

    body footer .bar p {
        font-size: 12px;
    }

    body footer .bar p span {
        font-size: 12px !important;
    }

    .cs-breadcrumb {
        height: 150px;
        border-color: #f9572b14;
    }

    .title-bread h1 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .basket-bread .breadcrumb-wrapper .breadcrumb {
        justify-content: flex-start;
    }

    body .breadcrumb-wrapper .breadcrumb .breadcrumb-item:first-child a {
        width: 25px;
        height: 25px;
        font-size: 12px;
        border-radius: 5px 10px 5px 10px;
    }

    body .breadcrumb-wrapper .breadcrumb .breadcrumb-item:first-child a img {
        width: 14px;
    }

    body .breadcrumb-wrapper .breadcrumb .breadcrumb-item a {
        font-size: 12px;
    }

    .cs-basket {
        margin: 40px 0;
    }

    .cs-basket .row {
        row-gap: 20px;
    }

    .cs-basket .col-lg-9,
    .cs-basket .col-xl-9 {
        width: 100%;
        padding-right: calc(var(--bs-gutter-x) * .4);
    }

    body .pattern-group.cs-basket .p-g-mod .p-g-mod-header {
        margin-bottom: 10px;
    }

    body .pattern-group.cs-basket .p-g-mod .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title {
        font-size: 16px;
    }

    body .cs-basket .shopping-cart-1 {
        padding: 15px;
        border-radius: 10px;
        font-size: unset;
    }

    .cs-basket .col-lg-3,
    .cs-basket .col-xl-3 {
        width: 100%;
    }

    body .cs-basket .shopping-cart-1 .table-responsive {
        overflow: unset;
    }

    body .cs-basket .shopping-cart-1 .table-responsive table tbody tr {
        flex-wrap: wrap;
        gap: 20px;
        border-top: unset;
    }

    body .cs-basket .shopping-cart-1 .table-responsive table .td-product {
        border: unset;
        padding: unset;
        flex: unset;
    }

    body .cs-basket .shopping-cart-1 .table-responsive table .td-product .product {
        gap: 20px;
    }

    body .cs-basket .shopping-cart-1 .table-responsive table .td-product .product .image a img {
        border: 1px solid #e0e0e0;
        border-radius: 5px;
        padding: 5px;
        min-width: 80px;
        max-width: 80px;
    }

    body .cs-basket .shopping-cart-1 .table-responsive table .td-product .product .p-info .btn-remove {
        bottom: unset;
        top: 10px;
        width: 30px;
        height: 30px;
    }

    body .cs-basket .shopping-cart-1 .table-responsive table .td-product .product .p-info .btn-remove i {
        font-size: 14px;
    }

    body .cs-basket .shopping-cart-1 .table-responsive table .td-quantity {
        width: fit-content;
        float: unset;
    }

    body .cs-basket .shopping-cart-1 .table-responsive table .td-quantity .product-quantity a {
        width: 30px;
        height: 30px;
        border-radius: 5px;
    }

    body .cs-basket .shopping-cart-1 .table-responsive table .td-quantity .product-quantity input {
        font-size: 14px;
    }

    body .cs-basket .shopping-cart-1 .table-responsive table .td-total-price .value {
        font-size: 16px;
    }

    body .cs-basket .payment-cart-summary-1 .table.summary th {
        font-size: 12px;
        padding: 10px 0;
    }

    .basket-products {
        margin: 0;
        padding: 40px 0;
    }

    body .cs-basket .payment-final-buttons-1 {
        display: flex;
        align-items: center;
        justify-content: center;
        height: fit-content;
        border-color: #e0e0e0;
    }

    body .cs-basket .payment-final-buttons-1 a {
        height: 45px;
        border-radius: 10px;
        font-size: 14px;
    }

    body .cs-basket .payment-final-buttons-1 a img {
        width: 18px;
    }

    body .cs-basket .voucher-code-form .input-group .form-control {
        height: 40px;
        border-radius: 10px !important;
    }

    body .cs-basket .voucher-code-form .input-group .input-group-append button {
        height: 25px;
        top: 7px;
    }

    body .pattern-group .p-g-mod.cs-login {
        margin: 20px 0 0;
        padding: 20px;
        border-radius: 20px;
    }

    body .pattern-group .p-g-mod.cs-login #nav-tab {
        margin: 10px 0 30px;
        gap: 15px;
    }

    body .pattern-group .p-g-mod.cs-login #nav-tab .nav-item.nav-link {
        font-size: 14px;
    }

    body .pattern-group .p-g-mod.cs-login #nav-tab .nav-item.nav-link#nav-register-tab {
        padding-left: 15px;
    }

    body .pattern-group .p-g-mod.cs-login #nav-tabContent .row {
        row-gap: 10px;
    }

    body .pattern-group .p-g-mod.cs-login .icon {
        left: 22px;
        top: 13px;
    }

    body .pattern-group .p-g-mod.cs-login .icon img {
        width: 18px;
    }

    body .pattern-group .p-g-mod.cs-login .form-control {
        height: 45px;
        border-radius: 10px;
        font-size: 12px;
        padding: 0 20px;
        padding-left: 40px;
    }

    body .pattern-group .p-g-mod.cs-login #nav-tabContent .tab-pane .login-form .text-center {
        margin: 10px 0;
    }

    body .pattern-group .p-g-mod.cs-login #nav-tabContent .tab-pane .login-form .text-center a {
        font-size: 12px;
    }

    body .pattern-group .p-g-mod.cs-login .btn.btn-success {
        width: 150px;
        height: 40px;
        border-radius: 10px;
        padding: 0 10px;
        font-size: 14px;
    }

    body .pattern-group .p-g-mod.cs-login .register_description .alert {
        font-size: 12px;
        padding: 10px;
    }

    body .pattern-group .p-g-mod.cs-login .iti.iti--allow-dropdown .form-control {
        padding-left: 50px;
    }

    body .pattern-group .p-g-mod.cs-login .iti.iti--allow-dropdown .iti__flag-container .iti__selected-flag {
        padding-left: 13px;
    }

    body .pattern-group .p-g-mod.cs-login label {
        font-size: 12px;
        max-width: 250px;
    }

    body .pattern-group .p-g-mod.cs-login .mws-form-inline .btn-success {
        margin-top: 30px;
    }

    body .pattern-group .p-g-mod.cs-login .ibutton {
        width: 14px;
        height: 14px;
    }

    .cs-breadcrumb .breadcrumb-middle-item {
        top: 0;
    }

    .cs-breadcrumb .breadcrumb-middle-item:before {
        width: 100px;
        height: 100px;
    }

    .cs-breadcrumb .breadcrumb-middle-item a {
        width: 70px;
        height: 70px;
    }

    .cs-breadcrumb .breadcrumb-middle-item a .icon i {
        font-size: 17px;
    }

    .cs-breadcrumb .breadcrumb-middle-item a .text {
        font-size: 12px;
    }

    body .product-view-select-area span {
        font-size: 12px;
        margin: 0 0 5px;
    }

    body.categories-body .product-view-select {
        display: flex;
        gap: 5px;
    }

    body.categories-body .product-view-select a {
        height: 30px;
        width: 50px;
        border-radius: 10px 15px 10px 10px;
        padding: 5px 10px;
    }

    body.categories-body .product-view-select a div {
        border-radius: 5px;
    }

    body .category-filter-order {
        margin-bottom: 10px;
    }

    body .category-filter-order>span {
        font-size: 12px;
    }

    body .category-filter-order select {
        display: block;
        width: 150px;
        height: 35px;
        border-radius: 10px 15px 10px 15px;
        font-size: 13px;
    }

    body .category-filter-order::before {
        width: 25px;
        height: 25px;
        background-size: 16px;
        bottom: 5px;
        right: 5px;
    }

    .category-of-main {
        margin: 40px 0;
    }

    .category-of-main .cat-responsive-buttons {
        display: none;
    }

    .category-of-main .order-mobile .p-g-mod-body {
        padding: unset;
    }

    .category-of-main .pattern-group-body .row>.col-lg-3 {
        padding: unset;
    }

    .category-of-main .pattern-group-body .row>.col-lg-3::before {
        visibility: hidden;
    }

    .category-of-main .pattern-group-body .row>.col-lg-3 .p-g-b-c-wrapper .p-g-b-c-inner {
        width: 100%;
        height: 100%;
        padding: 20px;
    }

    .category-of-main .pattern-group-body .row>.col-lg-3 .p-g-b-c-wrapper .p-g-b-c-inner .p-g-mod {
        margin: 0 0 15px;
        padding: 0 0 15px;
    }

    .filter-head {
        margin: 0 0 30px;
    }

    .filter-head .filter-title {
        font-size: 18px;
    }

    .filter-head .filter-close {
        font-size: 24px;
    }

    body .filter-group-head {
        margin: 0 0 10px;
    }

    body .filter-group-head .filter-group-title,
    .category-of-main .pattern-group-body .row>.col-lg-3 .p-g-m-h-i-title {
        font-size: 16px;
    }

    body .filter-group-head .filter-group-toggle {
        font-size: 16px;
    }

    .category-price-inputs {
        margin: 10px 0 20px;
    }

    .category-price-inputs input {
        height: 40px;
        font-size: 12px;
        max-width: 100px;
        padding: 0 10px;
        border-radius: 10px;
    }

    .category-price-inputs span.seperator {
        font-size: 10px;
    }

    .category-price-inputs button.btn {
        width: 40px;
        height: 40px;
        font-size: 18px;
        border-radius: 10px;
    }

    body .lag-checkbox label {
        padding-left: unset;
        font-size: 12px;
    }

    body .lag-checkbox {
        align-items: flex-start;
        justify-content: flex-end;
        flex-direction: row-reverse;
        gap: 5px;
        height: fit-content;
    }

    body .lag-checkbox span {
        width: 14px;
        height: 14px;
        position: unset;
    }

    .category-of-main .pattern-group-body .row>.col-lg-3 .simplebar-scroll-content .simplebar-content ul li:not(:last-child) {
        margin-bottom: 10px;
    }

    .category-of-main .pattern-group-body .row>.col-lg-3 .buttons {
        margin: 40px 0 0;
        gap: 10px;
    }

    .category-of-main .pattern-group-body .row>.col-lg-3 .buttons a {
        width: fit-content;
        height: 35px;
        border-radius: 10px;
        font-size: 12px;
        padding: 0 10px;
    }

    .category-of-main .pattern-group-body .row>.col-lg-3 .buttons a i {
        font-size: 16px;
    }

    .category-of-main .order-mobile .product-view-select-area {
        float: unset;
        margin-bottom: 10px;
    }

    .category-of-main .alert {
        padding: 10px;
        font-size: 12px;
        border-radius: 5px;
    }

    body .category-of-main .order-mobile {
        display: block;
    }

    /* 23/09/2025*/

    .product-body {
        overflow-x: hidden;
    }

    body .product-profile-1 .carousel .carousel-outer {
        border: unset;
    }

    body .product-profile-1 .carousel .carousel-control-next,
    body .product-profile-1 .carousel .carousel-control-prev {
        width: 35px;
        height: 35px;
    }

    body .product-profile-1 .carousel .carousel-control-next,
    body .product-profile-1 .carousel .carousel-control-prev i {
        font-size: 12px;
    }

    body .product-profile-1 .carousel .carousel-outer .carousel-control-prev {
        left: 10px;
    }

    body .product-profile-1 .carousel .carousel-outer .carousel-control-next {
        right: 10px;
    }

    body .product-profile-1 .carousel .carousel-indicators {
        gap: 20px;
    }

    body .product-profile-1 .carousel .carousel-indicators li {
        margin: unset;
        border-radius: 10px;
        padding: 10px;
    }

    .product-actions-head {
        flex-wrap: wrap;
        align-items: center;
        height: 100px;
        margin: 20px 0;
        gap: 10px;
    }

    .product-actions-head .actions-item .cs-counter .cs-counter-wrap .cs-counter-box {
        flex-wrap: nowrap;
    }

    .product-actions-head .actions-item .cs-counter .cs-counter-wrap .cs-counter-box .counter-item {
        font-size: 12px;
        border-radius: 5px;
        gap: 5px;
        width: fit-content;
    }

    .product-actions-head .actions-item .cs-counter .cs-counter-wrap .cs-counter-box .counter-item span {
        font-size: 10px;
        padding: 5px;
        margin: unset;
        border-radius: 5px;
    }

    .product-actions-head .actions-item a {
        width: fit-content;
        padding: 10px;
        border-top: 1px solid #EDEDED;
        border-radius: 10px;
        gap: 5px;
    }

    .product-actions-head .actions-item a i {
        font-size: 14px;
    }

    .social-share-special {
        position: unset;
        transform: unset;
        margin: unset;
    }

    .social-share-special .jssocials-shares {
        margin: unset;
        gap: 5px;
    }

    .social-share-special .jssocials-shares .jssocials-share {
        margin: unset;
    }

    .social-share-special .jssocials-shares .jssocials-share .jssocials-share-link {
        padding: 8px;
        border-radius: 5px;
    }

    .social-share-special .jssocials-shares .jssocials-share .jssocials-share-link i {
        font-size: 14px;
    }

    .cs-product-page .pr-item.product-rating {
        gap: 15px;
    }

    body .product-reviews .count {
        font-size: 12px;
    }

    .cs-product-page .pr-item.product-rating .go-to-comments {
        padding: 5px 10px;
        border-radius: 5px;
        font-size: 12px;
    }

    .cs-product-page .pr-item.product-heading a.brand {
        font-size: 14px;
    }

    .cs-product-page .pr-item.product-heading h1 {
        font-size: 18px;
        margin: 5px 0 0;
    }

    .cs-product-page .pr-item.product-price {
        margin: 15px 0;
    }

    .cs-product-page .pr-item.product-price .price {
        gap: 0 10px;
    }

    .cs-product-page .pr-item.product-price .price del {
        font-size: 16px;
    }

    body .price del::before {
        top: 8px;
    }

    .cs-product-page .pr-item.product-price .price .active-price {
        font-size: 20px;
        margin: 0;
    }

    .cs-product-page .pr-item.product-price .discount {
        right: -10px;
        font-size: 14px;
    }

    .cs-product-page .pr-item.product-price .discount::before {
        width: 50px;
        height: 50px;
        top: -10px;
    }

    .cs-product-page .pr-item.product-buttons {
        margin: 30px 0 0;
        padding: 0 0 20px;
        gap: 15px;
    }

    .cs-product-page .pr-item.product-buttons .add-to-cart {
        font-size: 14px;
    }

    .cs-product-page .pr-item.product-buttons .add-to-cart img {
        height: 14px;
    }

    .cs-product-page .pr-item.product-feature {
        margin: 30px 0 0;
    }

    .cs-product-page .pr-item.product-feature h2 {
        font-size: 16px;
        margin: 0 0 20px;
    }

    .cs-product-page .pr-item.product-feature .feature-list .feature-item {
        font-size: 12px;
        padding: 10px;
        border-radius: 10px 0 0 10px;
    }

    .cs-product-page .pr-item.product-feature .feature-list .feature-item:nth-child(even) {
        padding: 15px 10px;
    }

    .cs-product-page .pr-item.product-feature .feature-list .feature-item .icon img {
        width: 20px;
        height: 20px;
    }

    .cs-product-page .pr-item.product-installment {
        margin: 20px 0 0;
    }

    .cs-product-page .pr-item.product-installment .installment-box {
        padding: 20px 20px 0;
        border-radius: 15px;
    }

    .cs-product-page .pr-item.product-installment .installment-box span {
        font-size: 12px;
        margin: 15px 0 10px;
    }

    .cs-product-page .pr-item.product-installment .installment-box a {
        font-size: 12px;
        border-radius: 10px 10px 0 0;
        padding: 15px 10px;
    }

    .cs-tab-product {
        margin: 40px 0 50px;
    }

    .cs-tab-product .pattern-group-body .p-g-tab-wrapper .p-g-t-nav .nav {
        margin: 0 0 15px;
        gap: 15px;
        justify-content: center;
    }

    .cs-tab-product .pattern-group-body .p-g-tab-wrapper .p-g-t-nav .nav * {
        width: max-content;
    }

    .cs-tab-product .pattern-group-body .p-g-tab-wrapper .p-g-t-nav .nav .nav-item .nav-link {
        font-size: 14px;
    }

    .cs-tab-product .pattern-group-body .p-g-tab-wrapper .tab-content {
        padding: 15px;
        border-radius: 20px;
    }

    .cs-tab-product .pattern-group-body .p-g-tab-wrapper .tab-content .tab-pane .p-g-b-c-wrapper .p-g-b-c-inner .p-g-mod .p-g-mod-body .raw-content h2 {
        font-size: 16px;
        line-height: unset;
        margin: 15px 0 10px;
    }

    .cs-tab-product .pattern-group-body .p-g-tab-wrapper .tab-content .tab-pane .p-g-b-c-wrapper .p-g-b-c-inner .p-g-mod .p-g-mod-body .product-comment-list-v2 .no-comment .description {
        font-size: 12px;
        border-radius: 5px;
    }

    .cs-tab-product .pattern-group-body .p-g-tab-wrapper .tab-content .tab-pane .p-g-b-c-wrapper .p-g-b-c-inner .p-g-mod .p-g-mod-body .product-comment-list-v2 .no-comment button {
        font-size: 12px;
        padding: 10px 15px;
        border-radius: 10px;
    }

    body .cs-member {
        margin: 40px 0;
    }

    body .cs-member .p-g-mod {
        margin: unset;
        padding: 30px;
        border-radius: 20px;
    }

    body .cs-member .p-g-mod .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title {
        font-size: 16px;
    }

    body .cs-member .p-g-mod .p-g-mod-body .register_description .alert {
        font-size: 12px;
    }

    body .cs-member .p-g-mod .p-g-mod-body label {
        font-size: 12px;
    }

    body .cs-member .p-g-mod .p-g-mod-body input.form-control {
        font-size: 12px;
        height: 50px;
    }

    body .cs-member .p-g-mod .p-g-mod-body input.ibutton[type=checkbox] {
        font-size: 14px;
        height: 14px;
    }

    body .cs-member .p-g-mod .p-g-mod-body label {}

    body .cs-member .p-g-mod .p-g-mod-body .btn-success {
        width: fit-content;
        padding: 0 10px;
        font-size: 14px;
        height: 40px;
        border-radius: 10px;
        margin-top: 20px;
    }

    body .cs-forgot-password {
        margin: 40px 0;
    }

    body .cs-forgot-password .p-g-mod-base-content {
        padding: 20px;
        border-radius: 10px;
        margin-bottom: 20px;
    }

    body .cs-forgot-password .p-g-mod-base-content .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title {
        font-size: 16px;
        margin-bottom: 15px;
    }

    body .cs-forgot-password .p-g-mod-base-content .p-g-mod-body input {
        font-size: 12px;
        padding: 0 15px;
    }

    body .cs-forgot-password .p-g-mod-base-content .p-g-mod-body .btn-success {
        padding: 0 15px;
        border-radius: 10px;
        font-size: 14px;
    }

    body .cs-forgot-password .p-g-mod-base-content .p-g-mod-body #user_login_right .userPanelTitle h4 {
        font-size: 16px;
    }

    body .cs-forgot-password .p-g-mod-base-content .p-g-mod-body #user_login_right .userPanelTitle {
        font-size: 12px;
    }

    body .cs-forgot-password .p-g-mod-base-content .p-g-mod-body #user_login_right .userPanelTitle a {
        padding: 0 15px;
        border-radius: 10px;
        font-size: 14px;
    }

    body .cs-static {
        margin: 40px 0;
    }

    body .cs-static .p-g-mod {
        padding: 20px;
        border-radius: 10px;
        margin-bottom: 20px;
    }

    body .cs-static .p-g-mod .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title {
        font-size: 16px;
    }

    body .cs-static .p-g-mod .p-g-mod-body .list-menu a {
        font-size: 12px;
        border-radius: 5px;
    }

    body .cs-contact {
        margin: 40px 0;
    }

    body .cs-contact .p-g-mod .p-g-mod-body .iletisim-container .iletisim-bilgileri-wrapper {
        padding: 20px;
        border-radius: 10px;
    }

    body .cs-contact .p-g-mod .p-g-mod-body .iletisim-container .iletisim-bilgileri-wrapper .info-item {
    }

    body .cs-contact .p-g-mod .p-g-mod-body .iletisim-container .iletisim-bilgileri-wrapper .info-item.background:before {
    width: 30px;
    border-radius: 0 10px 10px 0;
}

    body .cs-contact .p-g-mod .p-g-mod-body .iletisim-container .iletisim-bilgileri-wrapper .info-item.background:after {
    width: 30px;
    border-radius: 10px 0 0 10px;
}

    body .cs-contact .p-g-mod .p-g-mod-body .iletisim-container .iletisim-bilgileri-wrapper .info-item .icon {
        width: 30px;
        height: 30px;
        font-size: 14px;
        border-radius: 5px;
    }

      body .cs-contact .p-g-mod .p-g-mod-body .iletisim-container .iletisim-bilgileri-wrapper .info-item .icon img {
    width: 18px;
}

    body .cs-contact .p-g-mod .p-g-mod-body .iletisim-container .iletisim-bilgileri-wrapper .info-item .text {
        font-size: 12px;
    }

    body .cs-contact .p-g-mod .p-g-mod-body .iletisim-container .iletisim-bilgileri-wrapper .social-icons {
        margin-top: 20px;
    }

    body .cs-contact .p-g-mod .p-g-mod-body .iletisim-container .contact-form-wrapper h6 {
        font-size: 20px;
    }

    body .cs-contact .p-g-mod .p-g-mod-body .iletisim-container .contact-form-wrapper p {
        font-size: 12px;
    }

    body .cs-contact .p-g-mod .p-g-mod-body .iletisim-container .contact-form-wrapper .input-wrapper input {
        font-size: 12px;
        padding: 0 15px;
        height: 50px;
        padding-left: 50px;
    }

    body .cs-contact .p-g-mod .p-g-mod-body .iletisim-container .contact-form-wrapper .input-wrapper img {
    top: 12px;
    }

    body .cs-contact .p-g-mod .p-g-mod-body .iletisim-container .contact-form-wrapper .input-wrapper textarea {
        height: 100px;
    }

    body .cs-contact .p-g-mod .p-g-mod-body .iletisim-container .contact-form-wrapper .form-group .btn-gonder {
        width: fit-content;
        height: 40px;
        padding: 0 15px;
        border-radius: 10px;
        font-size: 14px;
    }

    body .cs-contact .p-g-mod .p-g-mod-body .iletisim-container .contact-form-wrapper .form-group .btn-gonder i {
        font-size: 14px;
    }

    body .cs-static .p-g-mod .p-g-mod-body .order-detail-form label {
        font-size: 12px;
    }

    body .cs-static .p-g-mod .p-g-mod-body input,
    .p-g-mod-body select {
        height: 40px;
        font-size: 13px;
        padding: 0 15px;
        border-radius: 10px;
    }

    body .cs-static .p-g-mod .p-g-mod-body .btn.btn-success {
        padding: 0 15px;
        font-size: 12px;
    }

    body .cs-payment-steps {
        margin: 40px 0;
    }

    body .cs-payment {
        margin: 40px 0;
    }

    body .cs-payment .p-g-mod-base-content {
        padding: 20px;
        border-radius: 15px;
    }

    body .cs-payment .p-g-mod-base-content .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title {
        font-size: 14px;
    }

    body .cs-payment .p-g-mod-base-content .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title i {
        font-size: 16px;
        margin-right: 5px;
    }

    body .cs-payment .p-g-mod-base-content .p-g-mod-body input.form-control {
        height: 45px;
        border-radius: 10px;
        padding: 0 15px;
        font-size: 12px;
    }

    body .cs-payment .p-g-mod-base-content .p-g-mod-body .iti input {
        padding-left: 50px;
    }

    body .cs-order-completed {
        margin: 40px 0;
    }

    body .cs-payment .p-g-mod-base-content .payment-form-group-1 .nav.nav-tabs .nav-item .nav-link {
        height: 35px;
        font-size: 12px;
        border-radius: 5px;
    }

    body .cs-order-completed .p-g-mod {
        border-radius: 10px;
    }

    body .cs-order-completed .p-g-mod .p-g-mod-body .payment-success-alert .check-icon {
        font-size: 30px;
    }

    body .cs-order-completed .p-g-mod .p-g-mod-body .payment-success-alert h4 {
        font-size: 16px;
    }

    body .cs-order-completed .p-g-mod .p-g-mod-body .payment-success-alert .bg-dark {
        height: 45px;
        font-size: 14px;
        padding: 0 15px !important;
    }

    body .cs-order-completed .p-g-mod .p-g-mod-body .payment-success-alert p {
        font-size: 12px !important;
        text-align: center;
    }

    body .cs-order-completed .p-g-mod .p-g-mod-body .payment-success-alert div {
        font-size: 12px !important;
    }

    body .cs-order-completed .p-g-mod .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title {
        font-size: 16px;
    }

    body .cs-order-completed .p-g-mod .p-g-mod-body .order-summary-v2 .table .info .final-price {
        font-size: 14px;
    }

    body .cs-order-completed .p-g-mod .p-g-mod-body .order-summary-v2 .table-bottom .info .title {
        font-size: 14px;
    }

    body .cs-empty-basket {
        margin: 40px 0;
    }

    body .cs-empty-basket .p-g-mod .p-g-mod-body .cart-empty-alert {
        padding: 20px;
        min-height: 200px;
    }

    body .cs-empty-basket .p-g-mod .p-g-mod-body .cart-empty-alert h6 {
        font-size: 16px;
        text-align: center;
    }

    body .cs-empty-basket .p-g-mod .p-g-mod-body .cart-empty-alert span {
        font-size: 12px;
        text-align: center;
    }

    body .cs-empty-basket .p-g-mod .p-g-mod-body .cart-empty-alert a {
        font-size: 12px;
        padding: 0 15px;
    }

    body .cs-empty-basket .p-g-mod .p-g-mod-body .cart-empty-alert a i {
        font-size: 12px;
    }

    .cs-blog-page-main {
        margin: 40px 0;
    }

    body .cs-help .p-g-mod.p-g-mod-trans .p-g-mod-body {
        height: 250px;
    }

    body .cs-help .p-g-mod.p-g-mod-trans .p-g-mod-body .help-search-wrapper .title {
        font-size: 16px;
        text-align: center;
        margin-bottom: 15px;
    }

    body .cs-help .p-g-mod.p-g-mod-trans .p-g-mod-body .help-search-wrapper .input-box input {
        height: 50px;
        font-size: 12px;
    }

    body .cs-help .p-g-mod.p-g-mod-trans .p-g-mod-body .help-search-wrapper .btn-send {
        height: 50px;
        font-size: 14px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .cs-header .topbar-container .topbar-flex .topbar-left .button-flex a {
        font-size: 12px;
    }

    .cs-header .topbar-container .topbar-flex .topbar-left .button-flex a .icon {
        width: 25px;
        height: 25px;
        border-radius: 5px;
    }

    .cs-header .topbar-container .topbar-flex .topbar-left .button-flex a .icon i {
        font-size: 12px;
    }

    .cs-header .topbar-container .topbar-flex .topbar-right .menu-flex ul {
        gap: 10px;
    }

    .cs-header .topbar-container .topbar-flex .topbar-right .menu-flex ul li a {
        font-size: 12px;
    }

    .cs-header .cs-header-main {
        display: none;
    }

    body header.mobile {
        position: relative;
        box-shadow: unset;
        border-bottom: 1px solid #e0e0e0;
    }

    body header.mobile .left {
        gap: 10px;
        padding: 10px;
    }

    body header.mobile .icon-group {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        background-color: #FDF1EE;
        border: 1px solid #F9572B;
        border-radius: 5px;
        font-size: unset;
    }

    body header.mobile .icon-group i {
        font-size: 14px;
        color: #F9572B;
    }

    body header.mobile .center .logo a img {
        max-height: 100%;
        width: 100px;
    }

    body header.mobile .right {
        gap: 10px;
        padding: 10px;
    }

    body header.mobile .right .icon-group .badge {
        top: -10px;
        right: -10px;
        min-width: 16px;
        max-width: 16px;
        width: 16px;
        height: 16px;
        border-radius: 5px;
        background-color: #F9572B;
        font-size: 10px;
        font-weight: 400;
    }

    body .mobile-header-space {
        height: unset;
    }

    .cs-menu {
        margin: 15px 0;
    }

    .cs-menu .cs-menu-wrap ul {
        gap: 20px;
        overflow-x: scroll;
        justify-content: center;
        height: 40px;
    }

    .cs-menu .cs-menu-wrap ul::-webkit-scrollbar {
        display: none
    }

    .cs-menu .cs-menu-wrap ul * {
        width: max-content;
    }

    .cs-menu .cs-menu-wrap ul li a {
        font-size: 12px;
    }

    .cs-menu .cs-menu-wrap ul li a img {
        width: 16px;
        height: 16px;
    }

    .week-feature .col-list:last-child .p-g-b-c-inner {
        padding: 20px 20px 0;
        border-radius: 20px;
        flex-direction: column;
    }

    .week-feature .col-list:last-child .p-g-b-c-inner .week-of-product {
        width: 100%;
    }

    .pattern-group .week-of-product .p-g-mod-header {
        margin: 0 0 15px;
    }

    .pattern-group .week-of-product .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title {
        font-size: 18px !important;
    }

    .pattern-group .week-of-product .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title::before {
        width: 24px;
        height: 24px;
    }

    .pattern-group .week-of-product .cs-product-card {
        gap: 15px;
        grid-template-columns: 1fr 1fr;
    }

    .pattern-group .week-of-product .cs-product-card .card-media {
        border-radius: 10px;
        padding: 10px;
    }

    .pattern-group .week-of-product .card-content h3 {
        font-size: 14px;
    }

    .pattern-group .week-of-product .card-content .price {
        margin: 10px 0;
    }

    .cs-product-card .card-content .price del {
        font-size: 14px;
    }

    .cs-product-card .card-content .price del::before {
        top: 10px;
    }

    .cs-product-card .card-content .price .active-price {
        font-size: 16px;
    }

    .cs-product-card .basket-content {
        border-radius: 10px;
    }

    .pattern-group .week-of-product .card-content .basket-content .add-to-cart {
        height: 35px;
        font-size: 12px;
        padding: 0 20px;
    }

    .add-to-cart img {
        width: 12px !important;
        height: 12px;
    }

    .pattern-group .week-of-product .cs-product-card .card-media .discount {
        display: none;
    }

    .week-feature .col-list:last-child .p-g-b-c-inner .week-of-counter {
        width: 100%;
        padding: 20px 0 0;
    }

    .cs-counter .cs-counter-wrap .cs-counter-box {
        flex-direction: unset;
    }

    .cs-counter .cs-counter-wrap .cs-counter-box .counter-item {
        flex-direction: unset;
        justify-content: center;
        gap: 10px;
        padding: 4px 6px;
        font-size: 12px;
        border-radius: 5px;
    }

    .cs-counter .cs-counter-wrap .cs-counter-box .counter-item span {
        font-size: 10px;
        padding: 4px 6px;
        margin: unset;
        border-radius: 5px;
    }

    .cs-feature {
        padding: 40px 0;
    }

    .cs-feature .row {
        row-gap: 20px;
    }

    .cs-feature .feature-box .icon {
        width: 50px;
        min-width: 50px;
        height: 50px;
        padding: 15px;
    }

    .cs-feature .feature-box .content .title {
        font-size: 14px;
    }

    .most-seller-group {
        margin: 0;
    }

    .pattern-group .pattern-group-header .p-g-h-info {
        flex-wrap: wrap;
        gap: 15px;
    }

    .pattern-group .pattern-group-header .p-g-h-info .p-g-h-i-title,
    .pattern-group .p-g-mod .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title {
        font-size: 20px;
    }

    .pattern-group .pattern-group-header .p-g-h-info .p-g-h-i-description {
        max-width: max-content;
        text-align: start;
        font-size: 14px;
    }

    .owl-carousel-item .cs-product-card {
        padding: unset;
    }

    .cs-product-card .card-media {
        border-radius: 10px;
    }

    .cs-product-card .card-media a img {
        height: 200px;
    }

    .cs-product-card .discount {
        height: 30px;
        left: 10px;
    }

    .cs-product-card .discount .icon {
        width: 30px;
        height: 30px;
        font-size: 12px;
        left: -15px;
    }

    .card-rating {
        height: fit-content;
        padding: 10px;
        margin-bottom: 10px;
        border-radius: 0 0 10px 10px;
    }

    .card-rating .rating-stars {
        flex-wrap: wrap;
        gap: 10px;
    }

    .cs-product-card .card-content h3 {
        font-size: 14px;
        margin-bottom: unset;
        line-height: 20px;
    }

    .cs-product-card .card-content .price {
        margin: 10px 0;
        gap: 5px;
    }

    .cs-product-card .basket-content {
        align-items: flex-start;
        gap: 10px;
        padding: 6px;
    }

    .cs-product-card .basket-content .counter-cs {
        width: fit-content;
    }

    .cs-product-card .basket-content .add-to-cart {
        width: 100%;
        border-radius: 5px;
    }

    .add-to-cart {
        font-size: 12px;
        padding: 0 10px;
        height: 30px;
        border-radius: 10px;
    }

    .counter-cs .cs-product-counter button {
        border-radius: 5px;
        font-size: 12px;
        width: 30px;
        height: 30px;
    }

    .counter-cs .cs-product-counter input {
        padding: unset;
        font-size: 12px;
        width: 25px;
    }

    .cs-blog {
        margin: 40px 0;
    }

    .cs-blog-card {
        padding: 10px;
        border-radius: 10px;
    }

    .cs-blog-card .card-image img {
        border-radius: 10px;
    }

    .cs-blog-card .card-content {
        margin: 15px 0 0;
        padding: 0;
    }

    .cs-blog-card .card-content .date {
        padding: 5px 10px;
    }

    .cs-blog-card .card-content .date i {
        font-size: 14px;
    }

    .cs-blog-card .card-content h3 {
        font-size: 14px;
        line-height: unset;
        min-height: fit-content;
        margin: 10px 0 20px;
    }

    .cs-blog-card .card-content .goto-blog {
        width: 35px;
        height: 35px;
        font-size: 16px;
    }

    body footer .newsletter-content {
        border-radius: 10px;
        padding: 15px;
        gap: 15px;
        flex-direction: column;
    }

    body footer .newsletter-content .newsletter-title {
        font-size: 18px;
        width: fit-content;
    }

    body footer .newsletter-content .newsletter-form {
        width: fit-content;
        gap: 10px;
    }

    body footer .newsletter-content .newsletter-form .form-control {
        font-size: 12px;
        padding: 0 10px;
        border-radius: 10px;
        min-width: 250px;
        height: 40px;
    }

    body footer .newsletter-content .newsletter-form .form-control::placeholder {
        color: #CACACA;
        font-size: 12px;
    }

    body footer .newsletter-content .newsletter-form .btn {
        width: 40px;
        height: 40px;
        padding: 5px;
        border-radius: 10px;
    }

    body footer .newsletter-content .newsletter-form .btn img {
        width: 20px;
    }

    body footer .logo-area {
        display: block;
        margin: 10px 0;
    }

    body footer .logo-area .logo img {
        max-height: 100%;
        max-width: 200px;
    }

    body footer .ssl p {
        font-size: 12px;
        margin-bottom: 20px;
    }

    body footer .info .title {
        font-size: 16px;
        font-weight: 400;
        color: #fff;
        border-bottom: 1px solid #fff;
        border-width: 0 0 1px 0;
        text-align: unset !important;
        padding: 0 0 10px;
        margin: 0 0 20px;
    }

    body footer .info .title.contact-last {
        font-size: 20px;
        padding: unset;
        border: unset;
    }

    body footer .info .title.contact-last:after {
        visibility: hidden;
    }

    body footer .info .title:after {
        top: 0;
        right: 0;
        font-size: 18px;
    }

    body footer .info .fs {
        padding: unset;
        border: unset;
        text-align: unset !important;
        margin-bottom: 20px;
    }

    body footer .info .fs.f3 {
        display: block !important;
    }

    body footer .custom-contact {
        padding: 20px;
        height: fit-content;
    }

    body footer .custom-contact:after {
        visibility: hidden;
    }

    body footer .contact-info {
        margin-bottom: 10px;
    }

    body footer .contact-info .contact-item a {
        font-size: 14px;
        gap: 5px;
    }

    body footer .contact-info .contact-item a .icon {
        width: 35px;
        height: 35px;
    }

    body footer .contact-info .contact-item a .icon img {
        width: 18px;
    }

    body footer .social-media {
        gap: 10px;
        border-radius: 10px;
        width: fit-content;
        padding: 10px 20px;
    }

    body footer .social-media a {
        font-size: 16px;
    }

    body footer .bar {
        padding: 10px 0;
        height: fit-content;
    }

    body footer .bar p {
        font-size: 12px;
        text-align: unset !important;
    }

    body footer .bar p span {
        font-size: 12px !important;
    }

    .cs-breadcrumb {
        height: 150px;
        border-color: #f9572b14;
    }

    .title-bread h1 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .basket-bread .breadcrumb-wrapper .breadcrumb {
        justify-content: flex-start;
    }

    body .breadcrumb-wrapper .breadcrumb .breadcrumb-item:first-child a {
        width: 25px;
        height: 25px;
        font-size: 12px;
        border-radius: 5px 10px 5px 10px;
    }

    body .breadcrumb-wrapper .breadcrumb .breadcrumb-item:first-child a img {
        width: 14px;
    }

    body .breadcrumb-wrapper .breadcrumb .breadcrumb-item a {
        font-size: 12px;
    }

    .cs-basket {
        margin: 40px 0;
    }

    .cs-basket .row {
        row-gap: 20px;
    }

    .cs-basket .col-lg-9,
    .cs-basket .col-xl-9 {
        width: 100%;
        padding-right: calc(var(--bs-gutter-x) * .4);
    }

    body .pattern-group.cs-basket .p-g-mod .p-g-mod-header {
        margin-bottom: 10px;
    }

    body .pattern-group.cs-basket .p-g-mod .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title {
        font-size: 16px;
    }

    body .cs-basket .shopping-cart-1 {
        padding: 15px;
        border-radius: 10px;
        font-size: unset;
    }

    .cs-basket .col-lg-3,
    .cs-basket .col-xl-3 {
        width: 100%;
    }

    body .cs-basket .shopping-cart-1 .table-responsive {
        overflow: unset;
    }

    body .cs-basket .shopping-cart-1 .table-responsive table tbody tr {
        flex-wrap: wrap;
        gap: 20px;
        border-top: unset;
    }

    body .cs-basket .shopping-cart-1 .table-responsive table .td-product {
        flex: unset;
        padding-right: 20px;
    }

    body .cs-basket .shopping-cart-1 .table-responsive table .td-product .product {
        gap: 20px;
    }

    body .cs-basket .shopping-cart-1 .table-responsive table .td-product .product .image a img {
        border: 1px solid #e0e0e0;
        border-radius: 5px;
        padding: 5px;
    }

    body .cs-basket .shopping-cart-1 .table-responsive table .td-product .product .p-info .btn-remove {
        bottom: unset;
        top: 10px;
        width: 30px;
        height: 30px;
    }

    body .cs-basket .shopping-cart-1 .table-responsive table .td-product .product .p-info .btn-remove i {
        font-size: 14px;
    }

    body .cs-basket .shopping-cart-1 .table-responsive table .td-quantity {
        width: fit-content;
        float: unset;
    }

    body .cs-basket .shopping-cart-1 .table-responsive table .td-quantity .product-quantity a {
        width: 30px;
        height: 30px;
        border-radius: 5px;
    }

    body .cs-basket .shopping-cart-1 .table-responsive table .td-quantity .product-quantity input {
        font-size: 14px;
    }

    body .cs-basket .shopping-cart-1 .table-responsive table .td-total-price .value {
        font-size: 16px;
    }

    body .cs-basket .payment-cart-summary-1 .table.summary th {
        font-size: 12px;
        padding: 10px 0;
    }

    .basket-products {
        margin: 0;
        padding: 40px 0;
    }

    body .cs-basket .payment-final-buttons-1 {
        display: flex;
        align-items: center;
        justify-content: center;
        height: fit-content;
        border-color: #e0e0e0;
    }

    body .cs-basket .payment-final-buttons-1 a {
        height: 45px;
        border-radius: 10px;
        font-size: 14px;
    }

    body .cs-basket .payment-final-buttons-1 a img {
        width: 18px;
    }

    body .cs-basket .voucher-code-form .input-group .form-control {
        height: 40px;
        border-radius: 10px !important;
    }

    body .cs-basket .voucher-code-form .input-group .input-group-append button {
        height: 25px;
        top: 7px;
    }

    body .pattern-group .p-g-mod.cs-login {
        margin: 20px 0 0;
        padding: 20px;
        border-radius: 20px;
    }

    body .pattern-group .p-g-mod.cs-login #nav-tab {
        margin: 10px 0 30px;
        gap: 15px;
    }

    body .pattern-group .p-g-mod.cs-login #nav-tab .nav-item.nav-link {
        font-size: 14px;
    }

    body .pattern-group .p-g-mod.cs-login #nav-tab .nav-item.nav-link#nav-register-tab {
        padding-left: 15px;
    }

    body .pattern-group .p-g-mod.cs-login #nav-tabContent .row {
        row-gap: 10px;
    }

    body .pattern-group .p-g-mod.cs-login .icon {
        left: 22px;
        top: 13px;
    }

    body .pattern-group .p-g-mod.cs-login .icon img {
        width: 18px;
    }

    body .pattern-group .p-g-mod.cs-login .form-control {
        height: 45px;
        border-radius: 10px;
        font-size: 12px;
        padding: 0 20px;
        padding-left: 40px;
    }

    body .pattern-group .p-g-mod.cs-login #nav-tabContent .tab-pane .login-form .text-center {
        margin: 10px 0;
    }

    body .pattern-group .p-g-mod.cs-login #nav-tabContent .tab-pane .login-form .text-center a {
        font-size: 12px;
    }

    body .pattern-group .p-g-mod.cs-login .btn.btn-success {
        width: 150px;
        height: 40px;
        border-radius: 10px;
        padding: 0 10px;
        font-size: 14px;
    }

    body .pattern-group .p-g-mod.cs-login .register_description .alert {
        font-size: 12px;
        padding: 10px;
    }

    body .pattern-group .p-g-mod.cs-login .iti.iti--allow-dropdown .form-control {
        padding-left: 50px;
    }

    body .pattern-group .p-g-mod.cs-login .iti.iti--allow-dropdown .iti__flag-container .iti__selected-flag {
        padding-left: 13px;
    }

    body .pattern-group .p-g-mod.cs-login label {
        font-size: 12px;
    }

    body .pattern-group .p-g-mod.cs-login .mws-form-inline .btn-success {
        margin-top: 30px;
    }

    body .pattern-group .p-g-mod.cs-login .ibutton {
        width: 14px;
        height: 14px;
    }

    .cs-breadcrumb .breadcrumb-middle-item:before {
        width: 200px;
        height: 200px;
    }

    .cs-breadcrumb .breadcrumb-middle-item a {
        width: 80px;
        height: 80px;
    }

    .cs-breadcrumb .breadcrumb-middle-item a .icon i {
        font-size: 20px;
    }

    .cs-breadcrumb .breadcrumb-middle-item a .text {
        font-size: 12px;
    }

    body .product-view-select-area span {
        font-size: 12px;
        margin: 0 0 5px;
    }

    body.categories-body .product-view-select {
        display: flex;
        gap: 5px;
    }

    body.categories-body .product-view-select a {
        height: 30px;
        width: 50px;
        border-radius: 10px 15px 10px 10px;
        padding: 5px 10px;
    }

    body.categories-body .product-view-select a div {
        border-radius: 5px;
    }

    body .category-filter-order {
        margin-bottom: 10px;
    }

    body .category-filter-order>span {
        font-size: 12px;
    }

    body .category-filter-order select {
        display: block;
        width: 150px;
        height: 35px;
        border-radius: 10px 15px 10px 15px;
        font-size: 13px;
    }

    body .category-filter-order::before {
        width: 25px;
        height: 25px;
        background-size: 16px;
        bottom: 5px;
        right: 5px;
    }

    .category-of-main {
        margin: 40px 0;
    }

    .category-of-main .cat-responsive-buttons {
        display: none;
    }

    .category-of-main .order-mobile .p-g-mod-body {
        padding: unset;
    }

    .category-of-main .pattern-group-body .row>.col-lg-3 {
        padding: unset;
    }

    .category-of-main .pattern-group-body .row>.col-lg-3::before {
        visibility: hidden;
    }

    .category-of-main .pattern-group-body .row>.col-lg-3 .p-g-b-c-wrapper .p-g-b-c-inner {
        width: 100%;
        height: 100%;
        padding: 20px;
    }

    .category-of-main .pattern-group-body .row>.col-lg-3 .p-g-b-c-wrapper .p-g-b-c-inner .p-g-mod {
        margin: 0 0 15px;
        padding: 0 0 15px;
    }

    .filter-head {
        margin: 0 0 30px;
    }

    .filter-head .filter-title {
        font-size: 18px;
    }

    .filter-head .filter-close {
        font-size: 24px;
    }

    body .filter-group-head {
        margin: 0 0 10px;
    }

    body .filter-group-head .filter-group-title,
    .category-of-main .pattern-group-body .row>.col-lg-3 .p-g-m-h-i-title {
        font-size: 16px;
    }

    body .filter-group-head .filter-group-toggle {
        font-size: 16px;
    }

    .category-price-inputs {
        margin: 10px 0 20px;
    }

    .category-price-inputs input {
        height: 40px;
        font-size: 12px;
        max-width: 100px;
        padding: 0 10px;
        border-radius: 10px;
    }

    .category-price-inputs span.seperator {
        font-size: 10px;
    }

    .category-price-inputs button.btn {
        width: 40px;
        height: 40px;
        font-size: 18px;
        border-radius: 10px;
    }

    body .lag-checkbox label {
        padding-left: unset;
        font-size: 12px;
    }

    body .lag-checkbox {
        align-items: flex-start;
        justify-content: flex-end;
        flex-direction: row-reverse;
        gap: 5px;
        height: fit-content;
    }

    body .lag-checkbox span {
        width: 14px;
        height: 14px;
        position: unset;
    }

    .category-of-main .pattern-group-body .row>.col-lg-3 .simplebar-scroll-content .simplebar-content ul li:not(:last-child) {
        margin-bottom: 10px;
    }

    .category-of-main .pattern-group-body .row>.col-lg-3 .buttons {
        margin: 40px 0 0;
        gap: 10px;
    }

    .category-of-main .pattern-group-body .row>.col-lg-3 .buttons a {
        width: fit-content;
        height: 35px;
        border-radius: 10px;
        font-size: 12px;
        padding: 0 10px;
    }

    .category-of-main .pattern-group-body .row>.col-lg-3 .buttons a i {
        font-size: 16px;
    }

    .category-of-main .order-mobile .product-view-select-area {
        float: unset;
        margin-bottom: 10px;
    }

    .category-of-main .alert {
        padding: 10px;
        font-size: 12px;
        border-radius: 5px;
    }

    /* 23/09/2025*/

    .product-body {
        overflow-x: hidden;
    }

    .cs-product-page {
        padding: 0 0 40px;
    }

    body .product-profile-1 .carousel {
        border-bottom: 1px solid #EFEFEF;
        border-left: 1px solid #EFEFEF;
    }

    body .product-profile-1 .carousel .row {
        flex-direction: unset;
    }

    body .product-profile-1 .carousel .carousel-outer {}

    body .product-profile-1 .carousel .carousel-control-next,
    body .product-profile-1 .carousel .carousel-control-prev {
        width: 35px;
        height: 35px;
    }

    body .product-profile-1 .carousel .carousel-control-next,
    body .product-profile-1 .carousel .carousel-control-prev i {
        font-size: 12px;
    }

    body .product-profile-1 .carousel .carousel-outer .carousel-control-prev {
        left: 10px;
    }

    body .product-profile-1 .carousel .carousel-outer .carousel-control-next {
        right: 10px;
    }

    body .product-profile-1 .carousel .carousel-indicators {
        gap: 20px;
    }

    body .product-profile-1 .carousel .carousel-indicators li {
        margin: unset;
        border-radius: 10px;
        padding: 10px;
    }

    .product-actions-head {
        flex-wrap: wrap;
        align-items: center;
        gap: 10px;
    }

    .product-actions-head .actions-item .cs-counter .cs-counter-wrap .cs-counter-box {}

    .product-actions-head .actions-item .cs-counter .cs-counter-wrap .cs-counter-box .counter-item {
        font-size: 12px;
        border-radius: 5px;
        gap: 5px;
        width: fit-content;
    }

    .product-actions-head .actions-item .cs-counter .cs-counter-wrap .cs-counter-box .counter-item span {
        font-size: 10px;
        padding: 5px;
        margin: unset;
        border-radius: 5px;
    }

    .product-actions-head .actions-item a {
        width: fit-content;
        padding: 10px;
        border-top: 1px solid #EDEDED;
        border-radius: 10px;
        gap: 5px;
    }

    .product-actions-head .actions-item a i {
        font-size: 14px;
    }

    .social-share-special {
        position: unset;
        transform: unset;
        margin: unset;
    }

    .social-share-special .jssocials-shares {
        margin: unset;
        gap: 5px;
    }

    .social-share-special .jssocials-shares .jssocials-share {
        margin: unset;
    }

    .social-share-special .jssocials-shares .jssocials-share .jssocials-share-link {
        padding: 8px;
        border-radius: 5px;
    }

    .social-share-special .jssocials-shares .jssocials-share .jssocials-share-link i {
        font-size: 14px;
    }

    .cs-product-page .pr-item.product-rating {
        gap: 15px;
    }

    body .product-reviews .count {
        font-size: 12px;
    }

    .cs-product-page .pr-item.product-rating .go-to-comments {
        padding: 5px 10px;
        border-radius: 5px;
        font-size: 12px;
    }

    .cs-product-page .pr-item.product-heading a.brand {
        font-size: 14px;
    }

    .cs-product-page .pr-item.product-heading h1 {
        font-size: 20px;
        margin: 5px 0 0;
    }

    .cs-product-page .pr-item.product-price {
        margin: 15px 0;
    }

    .cs-product-page .pr-item.product-price .price {
        gap: 0 10px;
    }

    .cs-product-page .pr-item.product-price .price del {
        font-size: 16px;
    }

    body .price del::before {
        top: 8px;
    }

    .cs-product-page .pr-item.product-price .price .active-price {
        font-size: 20px;
        margin: 0;
    }

    .cs-product-page .pr-item.product-price .discount {
        right: -10px;
        font-size: 14px;
    }

    .cs-product-page .pr-item.product-price .discount::before {
        width: 50px;
        height: 50px;
        top: -10px;
    }

    .cs-product-page .pr-item.product-buttons {
        margin: 30px 0 0;
        padding: 0 0 20px;
        gap: 15px;
    }

    .cs-product-page .pr-item.product-buttons .add-to-cart {
        font-size: 14px;
    }

    .cs-product-page .pr-item.product-buttons .add-to-cart img {
        height: 14px;
    }

    .cs-product-page .pr-item.product-feature {
        margin: 30px 0 0;
    }

    .cs-product-page .pr-item.product-feature h2 {
        font-size: 16px;
        margin: 0 0 20px;
    }

    .cs-product-page .pr-item.product-feature .feature-list .feature-item {
        font-size: 12px;
        padding: 10px;
        border-radius: 10px 0 0 10px;
    }

    .cs-product-page .pr-item.product-feature .feature-list .feature-item:nth-child(even) {
        padding: 15px 10px;
    }

    .cs-product-page .pr-item.product-feature .feature-list .feature-item .icon img {
        width: 20px;
        height: 20px;
    }

    .cs-product-page .pr-item.product-installment {
        margin: 20px 0 0;
    }

    .cs-product-page .pr-item.product-installment .installment-box {
        padding: 20px 20px 0;
        border-radius: 15px;
    }

    .cs-product-page .pr-item.product-installment .installment-box span {
        font-size: 12px;
        margin: 15px 0 10px;
    }

    .cs-product-page .pr-item.product-installment .installment-box a {
        font-size: 12px;
        border-radius: 10px 10px 0 0;
        padding: 15px 10px;
    }

    .cs-tab-product {
        margin: 40px 0 50px;
    }

    .cs-tab-product .pattern-group-body .p-g-tab-wrapper .p-g-t-nav .nav {
        margin: 0 0 15px;
        gap: 15px;
        justify-content: center;
    }

    .cs-tab-product .pattern-group-body .p-g-tab-wrapper .p-g-t-nav .nav * {
        width: max-content;
    }

    .cs-tab-product .pattern-group-body .p-g-tab-wrapper .p-g-t-nav .nav .nav-item .nav-link {
        font-size: 14px;
    }

    .cs-tab-product .pattern-group-body .p-g-tab-wrapper .tab-content {
        padding: 15px;
        border-radius: 20px;
    }

    .cs-tab-product .pattern-group-body .p-g-tab-wrapper .tab-content .tab-pane .p-g-b-c-wrapper .p-g-b-c-inner .p-g-mod .p-g-mod-body .raw-content h2 {
        font-size: 16px;
        line-height: unset;
        margin: 15px 0 10px;
    }

    .cs-tab-product .pattern-group-body .p-g-tab-wrapper .tab-content .tab-pane .p-g-b-c-wrapper .p-g-b-c-inner .p-g-mod .p-g-mod-body .product-comment-list-v2 .no-comment .description {
        font-size: 12px;
        border-radius: 5px;
    }

    .cs-tab-product .pattern-group-body .p-g-tab-wrapper .tab-content .tab-pane .p-g-b-c-wrapper .p-g-b-c-inner .p-g-mod .p-g-mod-body .product-comment-list-v2 .no-comment button {
        font-size: 12px;
        padding: 10px 15px;
        border-radius: 10px;
    }

    body .cs-member {
        margin: 40px 0;
    }

    body .cs-member .p-g-mod {
        margin: unset;
        padding: 30px;
        border-radius: 20px;
    }

    body .cs-member .p-g-mod .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title {
        font-size: 16px;
    }

    body .cs-member .p-g-mod .p-g-mod-body .register_description .alert {
        font-size: 12px;
    }

    body .cs-member .p-g-mod .p-g-mod-body label {
        font-size: 12px;
    }

    body .cs-member .p-g-mod .p-g-mod-body input.form-control {
        font-size: 12px;
        height: 50px;
    }

    body .cs-member .p-g-mod .p-g-mod-body input.ibutton[type=checkbox] {}

    body .cs-member .p-g-mod .p-g-mod-body label {}

    body .cs-member .p-g-mod .p-g-mod-body .btn-success {
        width: fit-content;
        padding: 0 10px;
        font-size: 14px;
        height: 40px;
        border-radius: 10px;
        margin-top: 20px;
    }

    body .cs-forgot-password {
        margin: 40px 0;
    }

    body .cs-forgot-password .p-g-mod-base-content {
        padding: 20px;
        border-radius: 10px;
        margin-bottom: 20px;
    }

    body .cs-forgot-password .p-g-mod-base-content .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title {
        font-size: 16px;
        margin-bottom: 15px;
    }

    body .cs-forgot-password .p-g-mod-base-content .p-g-mod-body input {
        font-size: 12px;
        padding: 0 15px;
    }

    body .cs-forgot-password .p-g-mod-base-content .p-g-mod-body .btn-success {
        padding: 0 15px;
        border-radius: 10px;
        font-size: 14px;
    }

    body .cs-forgot-password .p-g-mod-base-content .p-g-mod-body #user_login_right .userPanelTitle h4 {
        font-size: 16px;
    }

    body .cs-forgot-password .p-g-mod-base-content .p-g-mod-body #user_login_right .userPanelTitle {
        font-size: 12px;
    }

    body .cs-forgot-password .p-g-mod-base-content .p-g-mod-body #user_login_right .userPanelTitle a {
        padding: 0 15px;
        border-radius: 10px;
        font-size: 14px;
    }

    body .cs-static {
        margin: 40px 0;
    }

    body .cs-static .p-g-mod {
        padding: 20px;
        border-radius: 10px;
        margin-bottom: 20px;
    }

    body .cs-static .p-g-mod .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title {
        font-size: 18px;
    }

    body .cs-static .p-g-mod .p-g-mod-body .list-menu a {
        font-size: 12px;
        border-radius: 5px;
    }

    body .cs-contact {
        margin: 40px 0;
    }

    body .cs-contact .p-g-mod .p-g-mod-body .iletisim-container .iletisim-bilgileri-wrapper {
        padding: 20px;
        border-radius: 10px;
    }

    body .cs-contact .p-g-mod .p-g-mod-body .iletisim-container .iletisim-bilgileri-wrapper .info-item {
    }

    body .cs-contact .p-g-mod .p-g-mod-body .iletisim-container .iletisim-bilgileri-wrapper .info-item .icon {
        width: 30px;
        height: 30px;
        font-size: 14px;
        border-radius: 5px;
    }

    body .cs-contact .p-g-mod .p-g-mod-body .iletisim-container .iletisim-bilgileri-wrapper .info-item .text {
        font-size: 12px;
    }

    body .cs-contact .p-g-mod .p-g-mod-body .iletisim-container .iletisim-bilgileri-wrapper .social-icons {
        margin-top: 20px;
    }

    body .cs-contact .p-g-mod .p-g-mod-body .iletisim-container .iletisim-bilgileri-wrapper .social-icons a {
    }

    body .cs-contact .p-g-mod .p-g-mod-body .iletisim-container .contact-form-wrapper h6 {
        font-size: 20px;
    }

    body .cs-contact .p-g-mod .p-g-mod-body .iletisim-container .contact-form-wrapper p {
        font-size: 12px;
    }

    body .cs-contact .p-g-mod .p-g-mod-body .iletisim-container .contact-form-wrapper .input-wrapper input {
        font-size: 12px;
        padding: 0 15px;
        height: 50px;
        padding-left: 50px;
    }

    body .cs-contact .p-g-mod .p-g-mod-body .iletisim-container .contact-form-wrapper .input-wrapper img {
    }

    body .cs-contact .p-g-mod .p-g-mod-body .iletisim-container .contact-form-wrapper .input-wrapper textarea {
        height: 100px;
    }

    body .cs-contact .p-g-mod .p-g-mod-body .iletisim-container .contact-form-wrapper .form-group .btn-gonder {
        width: fit-content;
        height: 40px;
        padding: 0 15px;
        border-radius: 10px;
        font-size: 14px;
    }

    body .cs-contact .p-g-mod .p-g-mod-body .iletisim-container .contact-form-wrapper .form-group .btn-gonder i {
        font-size: 14px;
    }

    body .cs-static .p-g-mod .p-g-mod-body .order-detail-form label {
        font-size: 12px;
    }

    body .cs-static .p-g-mod .p-g-mod-body input,
    .p-g-mod-body select {
        height: 40px;
        font-size: 13px;
        padding: 0 15px;
        border-radius: 10px;
    }

    body .cs-static .p-g-mod .p-g-mod-body .btn.btn-success {
        padding: 0 15px;
        font-size: 12px;
    }

    body .cs-payment-steps {
        margin: 40px 0;
    }

    body .cs-payment {
        margin: 40px 0;
    }

    body .cs-payment .p-g-mod-base-content {
        padding: 20px;
        border-radius: 15px;
    }

    body .cs-payment .p-g-mod-base-content .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title {
        font-size: 14px;
    }

    body .cs-payment .p-g-mod-base-content .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title i {
        font-size: 16px;
        margin-right: 5px;
    }

    body .cs-payment .p-g-mod-base-content .p-g-mod-body input.form-control {
        height: 45px;
        border-radius: 10px;
        padding: 0 15px;
        font-size: 12px;
    }

    body .cs-payment .p-g-mod-base-content .p-g-mod-body .iti input {
        padding-left: 50px;
    }

    body .cs-order-completed {
        margin: 40px 0;
    }

    body .cs-payment .p-g-mod-base-content .payment-form-group-1 .nav.nav-tabs .nav-item .nav-link {
        height: 35px;
        font-size: 12px;
        border-radius: 5px;
    }

    body .cs-order-completed .p-g-mod {
        border-radius: 10px;
    }

    body .cs-order-completed .p-g-mod .p-g-mod-body .payment-success-alert .check-icon {
        font-size: 30px;
    }

    body .cs-order-completed .p-g-mod .p-g-mod-body .payment-success-alert h4 {
        font-size: 16px;
    }

    body .cs-order-completed .p-g-mod .p-g-mod-body .payment-success-alert .bg-dark {
        height: 45px;
        font-size: 14px;
        padding: 0 15px !important;
    }

    body .cs-order-completed .p-g-mod .p-g-mod-body .payment-success-alert p {
        font-size: 12px !important;
        text-align: center;
    }

    body .cs-order-completed .p-g-mod .p-g-mod-body .payment-success-alert div {
        font-size: 12px !important;
    }

    body .cs-order-completed .p-g-mod .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title {
        font-size: 16px;
    }

    body .cs-order-completed .p-g-mod .p-g-mod-body .order-summary-v2 .table .info .final-price {
        font-size: 14px;
    }

    body .cs-order-completed .p-g-mod .p-g-mod-body .order-summary-v2 .table-bottom .info .title {
        font-size: 14px;
    }

    body .cs-empty-basket {
        margin: 40px 0;
    }

    body .cs-empty-basket .p-g-mod .p-g-mod-body .cart-empty-alert {
        padding: 20px;
        min-height: 200px;
    }

    body .cs-empty-basket .p-g-mod .p-g-mod-body .cart-empty-alert h6 {
        font-size: 16px;
        text-align: center;
    }

    body .cs-empty-basket .p-g-mod .p-g-mod-body .cart-empty-alert span {
        font-size: 12px;
        text-align: center;
    }

    body .cs-empty-basket .p-g-mod .p-g-mod-body .cart-empty-alert a {
        font-size: 12px;
        padding: 0 15px;
    }

    body .cs-empty-basket .p-g-mod .p-g-mod-body .cart-empty-alert a i {
        font-size: 12px;
    }

    .cs-blog-page-main {
        margin: 40px 0;
    }

    body .cs-help .p-g-mod.p-g-mod-trans .p-g-mod-body {
        height: 250px;
    }

    body .cs-help .p-g-mod.p-g-mod-trans .p-g-mod-body .help-search-wrapper .title {
        font-size: 16px;
        text-align: center;
        margin-bottom: 15px;
    }

    body .cs-help .p-g-mod.p-g-mod-trans .p-g-mod-body .help-search-wrapper .input-box input {
        height: 50px;
        font-size: 12px;
    }

    body .cs-help .p-g-mod.p-g-mod-trans .p-g-mod-body .help-search-wrapper .btn-send {
        height: 50px;
        font-size: 14px;
    }
}

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

@media only screen and (min-width: 1201px) and (max-width: 1400px) {}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .cs-header .cs-header-main .cs-header-main-wrap .cs-header-flex {
        gap: 20px;
    }

    .cs-header .cs-header-main .cs-header-main-wrap .cs-header-flex .cs-head-item.search {
        flex: 1;
    }

    .cs-header .cs-header-main .cs-header-main-wrap .cs-header-flex .cs-head-item.search .easy-autocomplete {
        width: 100% !important;
    }

    .cs-header .cs-header-main .cs-header-main-wrap .cs-header-flex .cs-head-item.buttons {
        flex: 2;
    }

    .week-feature .col-list:last-child .p-g-b-c-inner {
        flex-direction: column;
    }

    .week-feature .col-list:last-child .p-g-b-c-inner .week-of-product {
        width: 100%;
    }

    .week-feature .col-list:last-child .p-g-b-c-inner .week-of-counter {
        width: 100%;
    }

    .cs-counter .cs-counter-wrap .cs-counter-box {
        flex-direction: unset;
    }

    .cs-counter .cs-counter-wrap .cs-counter-box .counter-item {
        flex-direction: unset;
        justify-content: center;
        gap: 10px;
        padding: 5px 10px;
        font-size: 14px;
        border-radius: 10px;
    }

    .cs-counter .cs-counter-wrap .cs-counter-box .counter-item span {
        font-size: 12px;
        padding: 5px;
        margin: unset;
        border-radius: 5px;
    }

    .pattern-group .week-of-product .cs-product-card .card-media .discount {
        bottom: 0;
        left: unset;
        right: 0;
        transform: unset;
    }

    body footer .ssl {
        margin-bottom: 40px;
    }

    body .cs-basket .shopping-cart-1 .table-responsive table tbody tr {
        gap: 20px;
    }

    body .cs-basket .shopping-cart-1 .table-responsive table .td-product {
        padding-right: 20px;
    }

    body .cs-basket .shopping-cart-1 .table-responsive table .td-product .product {
        gap: 20px;
    }

    body .cs-basket .shopping-cart-1 .table-responsive table .td-total-price {
        flex: 2;
    }

    /* 23/09/2025*/

    .product-actions-head .actions-item .cs-counter .cs-counter-wrap .cs-counter-box {}

    .product-actions-head .actions-item .cs-counter .cs-counter-wrap .cs-counter-box .counter-item {
        flex-direction: column;
        padding: 10px;
        font-size: 16px;
    }
}

@media only screen and (max-width: 991px) {
    .category-of-main .order-mobile {
        display: none;
    }

    body header.mobile .sidebar-menu-type-2 {
        z-index: 9999999;
    }

    body header.mobile .sidebar-menu-type-2 .logo-area {
        border-color: #e0e0e0;
        align-items: center;
    }

    body header.mobile .sidebar-menu-type-2 .logo-area a img {
        max-height: fit-content;
        height: fit-content;
        max-width: fit-content;
        width: 150px;
    }

    body header.mobile .sidebar-menu-type-2 .logo-area .mobile-menu-close {
        align-items: center;
        width: 35px;
        height: 35px;
        background-color: #F9572B;
        border-radius: 10px;
        margin: unset;
        font-size: unset;
    }

    body header.mobile .sidebar-menu-type-2 .logo-area .mobile-menu-close i {
        width: fit-content;
        height: fit-content;
        padding: unset;
        border: unset;
        border-radius: unset;
        font-size: 20px;
        color: #fff;
    }

    body header.mobile .sidebar-menu-type-2 .scrollbar .mobile-search {
        background: #FDF1EE;
    }

    body header.mobile .sidebar-menu-type-2 .scrollbar .mobile-search form {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    body header.mobile .sidebar-menu-type-2 .scrollbar .mobile-search .input-box input {
        background-color: #FDF1EE !important;
        height: 50px;
        font-size: 14px;
        color: #323232;
        padding-left: 20px;
    }

    body header.mobile .sidebar-menu-type-2 .scrollbar .mobile-search .input-box input:placeholder {
        font-size: 14px;
        color: #323232;
    }

    body header.mobile .sidebar-menu-type-2 .scrollbar .mobile-search button {
        width: fit-content;
        height: fit-content;
        float: unset;
        padding: unset;
    }

    body header.mobile .sidebar-menu-type-2 .scrollbar .mobile-search button i {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        background-color: #F9572B;
        border-radius: 5px;
        font-size: 14px;
        color: #fff;
    }

    body header.mobile .sidebar-menu-type-2 .scrollbar .mobil-area-title {
        font-size: 14px;
        color: #323232;
        margin: 10px;
    }

    body header.mobile .sidebar-menu-type-2 .scrollbar .categories ul li {
        border-color: #e0e0e0;
        border-width: 0 0 1px;
    }

    body header.mobile .sidebar-menu-type-2 .scrollbar .categories ul li:last-child {
        margin-bottom: unset;
    }

    body header.mobile .sidebar-menu-type-2 .scrollbar .categories ul li a {
        font-size: unset;
        color: unset;
        padding: 0 0 10px;
        gap: 5px;
    }

    body header.mobile .sidebar-menu-type-2 .scrollbar .categories ul li a img {
        height: 20px;
        margin: unset;
    }

    body header.mobile .sidebar-menu-type-2 .scrollbar .categories ul li a .name {
        font-size: 12px;
        font-weight: 500;
        color: #323232;
        width: 100%;
    }

    body header.mobile .sidebar-menu-type-2 .scrollbar .mobil-area-2 {
        margin: unset;
    }

    body header.mobile .sidebar-menu-type-2 .scrollbar .mobil-area-2 .short-link {
        border-color: #e0e0e0;
        border-width: 1px !important;
        padding: 10px;
    }

    body header.mobile .sidebar-menu-type-2 .scrollbar .mobil-area-2 .short-link a {
        font-size: 12px;
        font-weight: 400;
        color: #323232;
        gap: 5px;
        justify-content: flex-start;
    }

    body header.mobile .sidebar-menu-type-2 .scrollbar .mobil-area-2 .short-link a i {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 35px;
        height: 35px;
        background-color: #F9572B;
        border-radius: 5px;
        font-size: 14px;
        color: #fff;
        margin: unset;
    }

    body header.mobile .sidebar-menu-type-2 .scrollbar .mobil-area-2 .short-link.border-4 {
        border-width: 1px !important;
    }

    body .sidebar-user .title {
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
    }

    body .sidebar-user .title a {
        --bs-btn-close-bg: unset;
        padding: unset;
        width: fit-content;
        height: fit-content;
        opacity: 1;
    }

    body .sidebar-user .title a i {
        color: #fff;
        font-size: 16px;
    }

    body .sidebar-user .login-menu a {
        display: flex;
        align-items: center;
        gap: 5px;
        font-size: 12px;
        font-weight: 400;
        border-bottom: 1px solid #e0e0e0;
    }

    body .sidebar-user .login-menu a i {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        background-color: #FDF1EE;
        border-radius: 10px;
        font-size: 12px;
        color: #F9572B;
        margin: unset;
    }

    body .sidebar-user .title-alt {
        background-color: #FDF1EE;
        font-size: 12px;
        color: #F9572B;
    }

    body .sidebar-user .footer-links ul li a {
        display: flex;
        align-items: center;
        gap: 5px;
        font-size: 12px;
        font-weight: 400;
        border-bottom: 1px solid #e0e0e0;
    }

    body .sidebar-user .footer-links ul li a i {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        background-color: #FDF1EE;
        border-radius: 10px;
        font-size: 12px;
        color: #F9572B;
        margin: unset;
    }

    /* 23/09/2025*/
}

@media only screen and (min-width: 992px) {
    .category-of-main .order-mobile {
        display: none;
    }
}