@MEDIA (min-width: 1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1297px;
    }
}

@MEDIA (min-width: 992px) {
    .side-menu-header span.close {
        transform: rotate(45deg);
        cursor: pointer;
        width: 40px;
        min-width: 40px;
        height: 40px;
        background: var(--secondarycolor);
        color: #fff;
        border: none;
    }

    .mobile-side-menu {
        padding: 32px;
        border-inline-end: 5px solid var(--secondarycolor);
    }
}

@MEDIA (min-width: 768px) {
    
    .services-slider .splide__slide:not(.height-50)::before {
        width: 100%;
        content: '';
        height: calc(50% - 12px);
        display: inline-flex;
        margin-bottom: 24px;
        border-radius: 32px;
    }

    .services-slider .splide__slide:not(.height-50)::after {
        width: 100%;
        content: '';
        height: calc(50% - 12px);
        display: inline-flex;
        margin-top: 24px;
        border-radius: 32px;
    }

    .services-slider .splide__list {
        display: flex !important;
        flex-direction: column;
        flex-wrap: wrap;
        gap: 24px;
        height: 552px;
    }

    .services-slider .splide__slide {
        width: calc(33.33% - 16px);
    }

    .services-slider .splide__slide:not(.height-50) {
        height: 100%;
    }

    .services-slider .splide__slide:not(.height-50) .service-box {
        height: calc(50% - 12px);
    }

    .services-slider .splide__slide.height-50 {
        height: calc(50% - 12px);
    }

    .services-slider .splide__slide.height-50 .service-box {
        height: 100%;
    }

    .portfolio-slider .splide__list {
        display: grid !important;
        grid-template-columns: calc(33.33% - 16px) calc(33.33% - 16px) calc(33.33% - 16px);
        gap: 24px;
        grid-template-rows: 242px 242px;
    }

    .portfolio-slider .splide__slide:nth-child(1) {
        grid-column: 1 / 2;
        grid-row: 1 / 2;
    }

    .portfolio-slider .splide__slide:nth-child(2) {
        grid-column: 1 / 2;
        grid-row: 2 / 3;
    }

    .portfolio-slider .splide__slide:nth-child(3) {
        grid-column: 2 / 3;
        grid-row: 1 / 3;
    }

    .portfolio-slider .splide__slide:nth-child(4) {
        grid-column: 3 / 4;
        grid-row: 1 / 2;
    }

    .portfolio-slider .splide__slide:nth-child(5) {
        grid-column: 3 / 4;
        grid-row: 2 / 3;
    }

    .portfolio-slider .splide__slide {
        overflow: hidden;
    }



}

@MEDIA (max-width: 1199px) {

    .skh-gallery-slides .splide__arrow--next {
        left: 0;
    }

    .skh-gallery-slides .splide__arrow--prev {
        right: 0;
    }

    .left-top-header {
        width: 50%;
    }

    .right-main-header {
        gap: 40px;
    }

    .main-menu>ul {
        gap: 40px;
    }

    .main-menu>ul>li:not(:last-child)>a::after {
        inset-inline-end: -20px;
    }


    .team-members-slider.is-overflow {
        padding-inline: 70px;
    }

    .team-members-slider .splide__arrow {
        width: 48px;
        height: 48px;
    }

    .dashboard-content {
        padding-inline: 40px;
    }

    .portfolio-content>.gallery-thumbs .mySwiper::before,
    .portfolio-content>.gallery-thumbs .mySwiper::after {
        width: 143px;
    }

    .woocommerce-cart-form__cart-item .product-quantity {
        padding-inline: 10px;
    }

    .woocommerce-cart-form__cart-item .product-quantity .quantity-box .qty {
        width: 100px;
        padding-inline: 30px;
        font-size: 14px;
        font-weight: 400;
    }
}

@MEDIA (max-width: 991px) {
    section#thumbnail-carousel-single-portfolio button.splide__arrow.splide__arrow--next {
        left: 24px;
    }
    section#thumbnail-carousel-single-portfolio button.splide__arrow.splide__arrow--prev {
        right: 24px;
    }
    section#thumbnail-carousel-single-portfolio .splide__arrow {
        width: 40px;
        height: 40px;
        border-radius: 0 16px 0 16px;
    }
    section#thumbnail-carousel-single-portfolio {
        padding-inline: 44px;
    }
    #carousel-single-portfolio img {
        height: 356px;
    }
    .portfolio-content .thumbnail img {
        height: 356px;
    }
    .woocommerce-EditAccountForm .edit-fields p.form-row {
        width: calc(50% - 12px);
    } 
    .portfolio-box .content .texts {
        opacity: 1;
    }
    .left-top-header {
        width: 70%;
    }

    .product-box .thumbnail .cart {
        opacity: 1;
    }

    .side-menu-contact {
        padding: 22px;
        border-radius: 16px;
        background: #EEF1F9;
        align-items: center;
    }

    .mobile-side-menu {
        justify-content: space-between;
    }

    .side-menu-socials {
        justify-content: center;
        margin-top: 16px;
        padding-top: 20px;
        border-top: 1px solid rgba(227, 232, 245, 0.16);
    }



    .woocommerce-cart-form__cart-item .product-name {
        width: 50%;
    }

    .woocommerce-cart-form__cart-item .product-price {
        width: 50%;
        border: none;
    }

    .woocommerce-cart-form__cart-item .product-quantity {
        width: 50%;
    }

    .woocommerce-cart-form__cart-item .product-subtotal {
        width: 30%;
    }

    .sidebar-col {
        position: fixed;
        inset-inline-start: -300px;
        top: 0;
        height: 100vh;
        width: 300px;
        background: #fff;
        z-index: 20;
        transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    }

    .sidebar-col.show-side-box {
        inset-inline-start: 0;
    }

    .dashboard-content {
        padding-inline: 0;
    }


    .woocommerce-MyAccount-content {
        padding: 16px;
    }

    .portfolio-content>.thumbnail {
        padding: 20px;
    }

    .portfolio-content>.gallery-thumbs .mySwiper::before,
    .portfolio-content>.gallery-thumbs .mySwiper::after {
        width: 131px;
    }

    .thumbnail.gallery {
        padding-bottom: 48px;
    }

    .section-price-box .price-box .content {
        flex-wrap: wrap;
    }

    .section-price-box .price-box .content .title-price {
        width: 45%;
        height: auto;
    }

    .section-price-box .price-box .content .details {
        width: 55%;
        border: none;
        height: auto;
    }

    .section-price-box .price-box .content {
        padding: 10px 0;
    }

    .section-price-box .price-box .content .action {
        height: auto;
        width: 100%;
        justify-content: center;
        padding-block: 10px 5px;
    }

    .download-container>div {
        width: 50%;
    }

    .download-container {
        flex-wrap: wrap;
        row-gap: 20px;
    }

    table.shop_table.woocommerce-checkout-review-order-table {
        width: 100%;
    }
}

@MEDIA (max-width: 767px) {

    .wishlist_table {
        padding: 24px;
        border-radius: 24px;
    }

    .wishlist_table .product-thumbnail {
        margin: 0 !important;
        display: flex;
        min-width: 80px;
    }

    .checkout-fields p.form-row-first,
.checkout-fields p.form-row-last,
.checkout-fields p.form-row-wide {
    width: 100%;
}
    section.single-product-tabs-metas {
        padding: 16px;
    }
    section.single-product-top .excerpt {
        font-size: 14px;
        line-height: 26px;
    }
    .add-to-cart-price {
        flex-direction: column-reverse;
        align-items: center;
    }
    #carousel-single-portfolio img {
        height: 258px;
    }
    .portfolio-content .thumbnail img {
        height: 258px;
    }
    .portfolio-content .inner-content {
        padding:16px;
    }

    .portfolio-information ul li {
        width: 100%;
    }

    .article-section {
        padding: 16px;
    }
    #comments ol {
        padding: 16px;
    }
    .children li .comment-body {
        padding: 16px;
    }
    .comment-body .comment-meta img {
        width: 60px;
        min-width: 60px;
        height: 60px;
        border-radius: 8px;
    }

    .comment-body .comment-meta {
        gap: 10px;
    }
    form#commentform p.username-c {
        width: 100%;
    }
    .comment-reply-link {
        font-size: 14px;
        height: 36px;
        padding-inline: 16px;
    }
    .woocommerce-EditAccountForm .edit-fields p.form-row {
        width: 100%;
    } 

    .edit-fields p.form-row {
        width: 100%;
    }

    .portfolio-slider .splide__slide .portfolio-box {
        height: 282px;
    }

    .portfolio-slider .splide__slide.is-active .portfolio-box .content {
        background: transparent;
    }

    .portfolio-slider .splide__slide.is-active .portfolio-box .content::before {
        opacity: 1;
    }

    .portfolio-box .content .texts h3 {
        font-size: 16px;
        line-height: 29px;
        font-weight: 500;
    }

    .portfolio-slider .splide__slide.is-active .portfolio-box .content a.view {
        background: var(--secondarycolor);
    }

    .portfolio-slider .splide__slide.is-active .portfolio-box .content .texts {
        opacity: 1;
    }

    .portfolio-slider .portfolio-box .content a.view {
        width: 31px;
        height: 36px;
        min-width: 31px;
        border-top-right-radius: 16px;
    }

    .portfolio-slider .portfolio-box .content a.view svg {
        width: 18px;
    }

    .portfolio-slider .splide__slide:not(.is-active) .portfolio-box .content a.view {
        opacity: 0;
    }

    .portfolio-box .content .texts {
        padding-inline-start: 8px;
        margin-inline-start: 16px;
    }

    .portfolio-box {
        border-radius: 16px;
    }

    .left-top-header {
        gap: 12px;
    }

    .service-box {
        padding-block: 64px;
        height: 100%;
    }

    .left-top-header .header-info-box {
        gap: 6px;
    }

    .left-top-header .header-info-box .text {
        font-size: 12px;
    }

    .cart-collaterals tr.order-total>td::before {
        display: none;
    }

    .cart-collaterals tr.order-total>td {
        background-color: transparent !important;
    }

    .woocommerce-cart-form__contents {
        padding: 20px;
    }

    .woocommerce-cart-form__cart-item .product-name {
        width: 100%;
        border: none;
    }

    .woocommerce-cart-form__cart-item .product-quantity {
        border: none;
    }

    .woocommerce-cart-form__cart-item .product-subtotal {
        width: 50%;
    }

    .portfolio-content>.gallery-thumbs .mySwiper::before,
    .portfolio-content>.gallery-thumbs .mySwiper::after {
        width: 114px;
    }

    .section-price-box .price-box {
        flex-direction: column;
    }

    .section-price-box .price-box .image {
        width: 100%;
    }

    section.single-product-top {
        padding: 20px;
    }


    .woocommerce table.shop_table_responsive thead,
    .woocommerce-page table.shop_table_responsive thead {
        display: none
    }

    .woocommerce table.shop_table_responsive tbody tr:first-child td:first-child,
    .woocommerce-page table.shop_table_responsive tbody tr:first-child td:first-child {
        border-top: 0
    }

    .woocommerce table.shop_table_responsive tbody th,
    .woocommerce-page table.shop_table_responsive tbody th {
        display: none
    }

    .woocommerce table.shop_table_responsive tr,
    .woocommerce-page table.shop_table_responsive tr {
        display: block
    }

    .woocommerce table.shop_table_responsive tr td,
    .woocommerce-page table.shop_table_responsive tr td {
        display: block;
        text-align: end !important;
        border-inline-end: none;
        padding-block: 10px;
        padding-inline: 20px;
    }

    .woocommerce table.shop_table_responsive tr td.order-actions,
    .woocommerce-page table.shop_table_responsive tr td.order-actions {
        text-align: right !important
    }

    .woocommerce table.shop_table_responsive tr td::before,
    .woocommerce-page table.shop_table_responsive tr td::before {
        content: attr(data-title) ": ";
        font-weight: 700;
        float: inline-start;
    }

    .woocommerce table.shop_table_responsive tr td.actions::before,
    .woocommerce table.shop_table_responsive tr td.product-remove::before,
    .woocommerce-page table.shop_table_responsive tr td.actions::before,
    .woocommerce-page table.shop_table_responsive tr td.product-remove::before {
        display: none
    }

    .woocommerce table.shop_table_responsive tr:nth-child(2n) td,
    .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
        background-color: rgba(0, 0, 0, .025)
    }

    .woocommerce table.my_account_orders tr td.order-actions,
    .woocommerce-page table.my_account_orders tr td.order-actions {
        text-align: right
    }

    .woocommerce table.my_account_orders tr td.order-actions::before,
    .woocommerce-page table.my_account_orders tr td.order-actions::before {
        display: none
    }

    .woocommerce table.my_account_orders tr td.order-actions .button,
    .woocommerce-page table.my_account_orders tr td.order-actions .button {
        float: none;
        margin: .125em 0 .125em .25em
    }

    .woocommerce-orders-table tbody:not(.body-orders) td {
        padding: 0 !important;
        font-size: 6px;
    }

    .account-btn {
        padding-inline: 0;
        min-width: 52px;
        justify-content: center;
    }
}

@MEDIA (max-width: 575px) {



    .left-top-header {
        min-width: 80%;
        width: max-content;
        padding-inline-start: 30px;
    }

    .right-top-header span.shape1 {
        inset-inline-end: -14px;
    }

    .right-top-header span.shape2 {
        inset-inline-end: 12px;
    }

    .user-detail img {
        width: 60px;
        height: 60px;
    }

    .user-detail .text h4 {
        font-size: 14px;
    }

    .user-detail .text span {
        font-size: 12px;
    }

    .inner-page-title h3,
    .inner-page-title h1 {
        font-size: 20px;
        white-space: normal;
    }

    .edit-fields p {
        width: 100%;
    }

    .woocommerce-Address .texts {
        padding: 0;
        gap: 4px;
    }


    .woocommerce-Address .texts address {
        font-size: 12px;
    }

    .woocommerce-Address .image img {
        width: 44px;
    }


    article.article>.content h3 {
        font-size: 18px;
    }

    .quote-box {
        padding: 16px;
        line-height: 28px;
    }

    div#respond {
        padding: 16px;
    }


    .comment-meta img {
        width: 60px;
        height: 60px;
    }

    .comment-meta h6 {
        font-size: 14px;
    }

    .comment-meta span {
        font-size: 12px;
    }


    .comment-meta {
        margin-bottom: 20px;
    }

    .comment-body p {
        font-size: 14px;
        line-height: 24px;
    }


    .portfolio-content>.gallery-thumbs .mySwiper::before,
    .portfolio-content>.gallery-thumbs .mySwiper::after {
        width: 70px;
    }

    .section-price-box .price-box .content .title-price h3 {
        font-size: 18px;
    }

    .section-price-box .price-box .content .title-price span.price {
        font-size: 18px;
    }

    .section-price-box .price-box .content .title-price span.price-del {
        font-size: 16px;
    }

    .section-price-box .price-box .content .details ul {
        font-size: 12px;
        line-height: 22px;
    }

    .section-price-box .price-box .image img {
        width: auto;
        height: 88px;
        margin-block: 6px;
    }

    .add-to-cart-sec .quantity-box span {
        width: 26px;
        height: 26px;
        font-size: 28px;
    }

    .add-to-cart-sec .quantity-box .qty {
        height: 40px;
    }

    .download-container>div {
        width: 100%;
        padding-inline: 8px;
    }

    .download-product,
    .download-expires,
    .download-remaining {
        border-inline-end: none;
        border-bottom: 1px solid #E9E9E9;
        padding-bottom: 20px;
    }

    .woocommerce-order {
        padding: 20px;
    }

    .woocommerce-thankyou-order-details li {
        width: 100%;
        border-inline-end: none;
        border-bottom: 1px solid #E9E9E9;
        padding: 10px;
    }

    input#coupon_code {
        height: 40px;
        font-size: 14px;
    }

    .checkout-fields {
        padding: 20px;
    }

    form.login-register-form {
        padding: 20px !important;
    }

    .product-box .content .cart a.sakhtino-btn {
        height: 48px;
    }

    .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
        height: 32px;
        padding-inline-end: 28px !important;
    }


    .woocommerce-order-details .order_item td {
        padding-block: 10px !important;
    }

    .woocommerce-order-details .order_item td>strong,
    .woocommerce-order-details .order_item td>a {
        font-size: 14px;
        line-height: 20px;
        display: inline-block;
    }

    nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a::before {
        line-height: 20px;
        font-size: 26px;
        width: 24px;
    }


    .team-members-slider .splide__arrow {
        position: static;
        transform: translateY(0);
    }

    .team-members-slider .splide__arrows {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        margin-top: 17px;
    }

    .team-members-slider.is-overflow {
        padding-inline: 0;
    }

    .team-members-slider .splide__slide {
        transition: 0.3s;
    }

    .team-members-slider .splide__slide:not(.is-active) {
        margin-top: 26px;
    }

    .otp-btns a {
        padding-inline: 16px !important;

    }

    .otp-btns:not(.otp-btn) a {
        width: max-content !important;
    }

    .l-g-cover {
        width: 100%;
    }

    #mlr_mobile_input,
    #mlr_code_input {
        align-items: center;
    }

    div#mlr_timer {
        text-align: center;
    }

    .login-register-form .login-register-form-description {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 10px;
    }

    .login-register-form .remember-lost a {
        font-size: 12px;
    }

    .login-register-form .sakhtino-btn {
        width: 100%;
        justify-content: center;
    }

    .page-title {
        height: 120px;
    }

    .woocommerce-Address {
        padding: 12px;
    }

    .woocommerce-Address .image {
        width: 50px;
        min-width: 50px;
        height: 50px;
        border-radius: 8px;
    }

    .woocommerce-Address .image svg {
        width: 24px;
    }

    .woocommerce-Address .image i {
        font-size: 24px;
    }

    .woocommerce-Address .texts a {
        font-size: 14px;
        height: 40px;
        padding-inline: 14px;
    }

    .woocommerce-Addresses {
        gap:16px;
    }

    nav.woocommerce-MyAccount-navigation ul li {
        width: 90px;
    }
    nav.woocommerce-MyAccount-navigation ul {
        gap: 20px;
    }
    nav.woocommerce-MyAccount-navigation {
        padding: 16px;
        gap: 20px;
    }
    .user-detail img {
        width: 60px;
        height: 60px;
    }
    .user-detail .text span {
        font-size: 12px;
    }
    nav.woocommerce-MyAccount-navigation ul li a {
        padding: 10px;
        font-size: 12px;
        line-height: 20px;
        white-space: nowrap;
    }

    nav.woocommerce-MyAccount-navigation ul li a::before {
        font-size: 24px;
        line-height: 26px;
    }

    nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a::before {
        line-height: 20px;
        font-size: 26px;
        width: 24px;
    }
    
    nav.woocommerce-MyAccount-navigation ul li:not(:last-child)::before {
        inset-inline-end: -11px;
        height: 60px;
    }

    .woocommerce-MyAccount-navigation-link--customer-logout::before {
        inset-inline-start: -11px;
    }

    .download-file a {
        font-size: 14px;
        height: 40px;
        padding-inline: 16px;
    }

    .page404 {
        margin-top: 40px;
        margin-bottom: 60px;
    }
    .cart-box {
        position: static;
    }

    .cart-dropdown {
        width: 340px;
    }

    ol.comment-list > li:not(:last-child) {
        padding-bottom: 16px;
        margin-bottom: 16px;
    }
    .details-list .detail .texts span {
        font-size: 14px;
    }
    .details-list .detail .texts p {
        font-size: 12px;
    }

    .details-list .detail {
        padding: 16px;
    }

    
    form#commentform p.form-submit {
        width: 100% !important;
    }

    form#commentform p.form-submit #submit {
        width: 100% !important;
        justify-content: center;
    }
    section.single-product-top .title-icons .product_title.entry-title {
        font-size: 16px;
        line-height: 28px;
        font-weight: 700;
    }
    .skh-gallery-slides .splide__arrow {
        width: 40px;
        height: 40px;
        border-radius: 0 12px 0 12px;
    }
    .skh-gallery-slides .splide__arrow svg {
        width: 16px;
        height: 16px;
    }
    .add-to-cart-sec .quantity-box {
        width: auto;
    }

    .actions .coupon {
        display: flex;
        gap: 10px;
        flex-direction: column;
        align-items: center;
    }

    .actions .coupon button {
        width: 100%;
        justify-content: center;
        height: 40px; 
        font-size: 14px;
        line-height: 20px;        
    }
    .actions .coupon, .cart-collaterals .cart_totals {
        padding: 24px;
    }
    tr.cart-subtotal td, .cart-collaterals tr.order-total>td {
        padding-inline: 0 !important;
    }
    .order-total .inner > span:last-child,
    tr.cart-subtotal td {
        font-size: 20px;
        font-weight: 600;
    }

    .woocommerce-form-coupon-holder {
        padding: 24px 24px 0;
    }

    .checkout-fields p.form-row {
        margin-bottom: 24px; 
    }

    form.woocommerce-form-coupon {
        flex-direction: column;
        align-items: center;
    }

    form.woocommerce-form-coupon button {
        width: 100%;
        justify-content: center;
        height: 40px;
        font-size: 14px;
        line-height: 20px;
    }

    form.checkout.woocommerce-checkout {
        margin-bottom: 40px;
    }

    
}