@MEDIA (min-width: 1200px) {

    .swiper-slide .video-box {
        position:relative;
        transition:0.3s;
        width:100%;
    }

    .swiper-slide-active {
        position:relative;
        z-index: 2;
    }

    /*.swiper-slide-active .video-box {*/
    /*    width: 438px;*/
    /*    z-index: 2;*/
    /*}*/

    .customer-video-slider .swiper-slide {
        height: 491px;
    }

    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1297px;
    }
}
@MEDIA (max-width: 1199px) {
    .sticky {
        width: 940px;
    }

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

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

    .customer-video-details {
        width: calc(35% - 10px);
    }

    .customer-video-slides {
        width: calc(65% - 10px);
    }
    .video-box img {
        width:100%;
    }
    .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) {
    .woocommerce-cart-form__cart-item .product-name {
        width: 50%;
    }

    .sticky {
        width: 700px;
    }

    .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%;
    }

    .customer-video-details {
        width: calc(40% - 10px);
    }

    .customer-video-slides {
        width: calc(60% - 10px);
    }
    .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;
    }
    .edit-fields p {
        width: calc(50% - 10px);
    }
    .woocommerce-MyAccount-content {
        padding:16px;
    }
    .inner-footer-box {
        width:100%;
    }
    .left-inner-top-footer {
        display:flex;
        width:100%;
        justify-content: flex-end;
    }
    .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;
    }

    .post-grid-box {
        grid-template-columns: calc(50% - 10px) calc(50% - 10px);
    }
    .post-grid-box .grid-box:first-child {
        grid-row: 1 / 3;
        grid-column: 1;
    }

    .post-grid-box .grid-box .article-box {
        height: 100%;
    }

    .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) {

    .sticky {
        width: 520px;
    }

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

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


    .customer-video-details ul.items {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 20px 10px;
        justify-content: space-between;
        width:100%;
    }

    .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%;
    }

    .customer-video-details ul.items li .texts strong {
        font-size: 14px;
        line-height: 18px;
    }

    .customer-video-details ul.items li .texts span {
        font-size: 12px;
        line-height: 22px;
    }

    .customer-video-details ul.items li .icon {
        width: 24px;
        height: 24px;
        font-size: 16px;
    }

    .customer-video-details ul.items li .icon svg {
        max-width: 16px;
        height: 16px;
    }
    .customer-video-details {
        width: 100%;
        height: max-content;
    }

    .customer-video-slides {
        width: 100%;
    }

    .brandis-widget.section-customer-video {
        flex-direction: column-reverse;
        padding: 0;
    }
    .woocommerce-Address .texts address {
        max-height: 76px;
        overflow: hidden;
    }
    .left-inner-top-footer {
        justify-content: center;
    }
    .right-inner-top-footer .texts .title, .right-inner-top-footer .texts p {
        text-align: center;
    }
    .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%;
    }
    .post-grid-box {
        display:flex;
        flex-direction:column;
        gap:32px;
    }
    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;
    }
}

@MEDIA (max-width: 575px) {
    .sticky {
        width: calc(100% - 40px);
    }
    nav.woocommerce-MyAccount-navigation {
        padding:16px;
        gap:20px;
    }
    nav.woocommerce-MyAccount-navigation ul {
        gap:20px;
    }

    nav.woocommerce-MyAccount-navigation ul li:not(:last-child)::before {
        inset-inline-end:-11px
    }
    nav.woocommerce-MyAccount-navigation ul li {
        width:90px;
    }

    nav.woocommerce-MyAccount-navigation ul li a {
        padding:10px;
        font-size:12px;
    }
    nav.woocommerce-MyAccount-navigation ul li a::before {
        font-size:24px;
        line-height: 26px;
    }
    .user-detail img {
        width: 60px;
        height: 60px;
    }
    .user-detail .text h4 {
        font-size:14px;
    }
    .user-detail .text span {
        font-size:12px;
    }
    nav.woocommerce-MyAccount-navigation ul li:not(:last-child)::before {
        height:60px;
    }
    .inner-page-title h3,
    .inner-page-title h1 {
        font-size: 20px;
        white-space: normal;
        text-align: center;
    }
    .edit-fields p {
        width: 100%;
    }

    .woocommerce-Address .texts {
        padding: 10px;
        gap: 5px;
        font-size: 14px;
    }

    .woocommerce-Address .texts address {
        max-height: 90px;
        overflow: hidden;
    }

    .woocommerce-Address .image {
        width: 70px;
        min-width: 70px;
    }

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

    .brandis-btn, .dig_otp_submit_button, .digits_login_via_otp,
    .wpforms-submit {
        height: 32px;
        font-size: 12px;
        gap: 6px;
        border-radius: 26px !important;
        padding-inline: 16px;
        border-start-start-radius: 4px !important;
    }

    .button-outline {
        height: 32px;
        width: 32px;
        font-size: 18px;
        border-radius: 26px;
        border-start-start-radius: 4px;
    }
    span#mini-cart-count {
        width: 16px;
        height: 16px;
        font-size: 10px;
    }
    .inner-main-header {
        padding: 12px;
    }

    article.article .thumbnail,
    article.article > .content {
        padding: 14px;
    }

    article.article > .content h3 {
        font-size: 18px;
    }
    .quote-box {
        padding: 16px;
        line-height: 28px;
    }

    div#respond {
        padding: 16px;
    }
    form#commentform > p {
        width: 100%;
    }

    form#commentform input#submit {
        margin-top: -66px;
        margin-inline-end: 14px;
        line-height: 32px;
    }

    div#respond .inner-page-title {
        margin-bottom: 20px;
    }

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

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

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

    .comment-body {
        padding: 16px;
    }

    .comment-reply-link {
        inset-inline-end: 16px;
        top: 16px;
    }

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

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

    .footer-box {
        width: 100% !important;
    }

    .main-footer .newsletter form input {
        font-size: 10px;
        line-height: 32px;
    }
    .main-footer .newsletter {
        padding: 14px;
    }
    .container {
        padding-inline: 20px;
    }
    .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;
    }
    .our-team-slider .swiper-slide:nth-child(odd) .team-box {
        margin-top: 32px;
    }
    .brandis-widget.section-portfolio-tab .tab-nav {
        justify-content:flex-start;
    }
    .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%;
    }
    .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: 32px;
        font-size: 14px;
    }
    .checkout-fields {
        padding: 20px;
    }

    form.login-register-form {
        padding: 20px !important;
    }
    .product-box .content .cart a.brandis-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;
    }

}