@media (max-width: 490px) {
    .flash-time-container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 10px;
    }
}

@media (min-width: 576px) {
    .border-sm {
        border: 1px solid #dfdfe6 !important;
    }

    .border-sm-top {
        border-top: 1px solid #dfdfe6 !important;
    }

    .border-sm-right {
        border-right: 1px solid #dfdfe6 !important;
    }

    .border-sm-bottom {
        border-bottom: 1px solid #dfdfe6 !important;
    }

    .border-sm-left {
        border-left: 1px solid #dfdfe6 !important;
    }

    .border-sm-0 {
        border: 0 !important;
    }

    .border-sm-top-0 {
        border-top: 0 !important;
    }

    .border-sm-right-0 {
        border-right: 0 !important;
    }

    .border-sm-bottom-0 {
        border-bottom: 0 !important;
    }

    .border-sm-left-0 {
        border-left: 0 !important;
    }

    .w-sm-25 {
        width: 25% !important;
    }

    .w-sm-50 {
        width: 50% !important;
    }

    .w-sm-75 {
        width: 75% !important;
    }

    .w-sm-100 {
        width: 100% !important;
    }

    .w-sm-auto {
        width: auto !important;
    }

    .p-sm-6,
    .pl-sm-6,
    .px-sm-6 {
        padding-left: 4rem;
    }

    .p-sm-7,
    .pl-sm-7,
    .px-sm-7 {
        padding-left: 5rem;
    }

    .p-sm-8,
    .pl-sm-8,
    .px-sm-8 {
        padding-left: 6rem;
    }

    .p-sm-9,
    .pl-sm-9,
    .px-sm-9 {
        padding-left: 8rem;
    }

    .p-sm-10,
    .pl-sm-10,
    .px-sm-10 {
        padding-left: 10rem;
    }

    .p-sm-11,
    .pl-sm-11,
    .px-sm-11 {
        padding-left: 12rem;
    }

    .p-sm-12,
    .pl-sm-12,
    .px-sm-12 {
        padding-left: 16rem;
    }

    .p-sm-2rem,
    .pl-sm-2rem,
    .px-sm-2rem {
        padding-left: 2rem !important;
    }

    .p-sm-6,
    .pr-sm-6,
    .px-sm-6 {
        padding-right: 4rem;
    }

    .p-sm-7,
    .pr-sm-7,
    .px-sm-7 {
        padding-right: 5rem;
    }

    .p-sm-8,
    .pr-sm-8,
    .px-sm-8 {
        padding-right: 6rem;
    }

    .p-sm-9,
    .pr-sm-9,
    .px-sm-9 {
        padding-right: 8rem;
    }

    .p-sm-10,
    .pr-sm-10,
    .px-sm-10 {
        padding-right: 10rem;
    }

    .p-sm-11,
    .pr-sm-11,
    .px-sm-11 {
        padding-right: 12rem;
    }

    .p-sm-12,
    .pr-sm-12,
    .px-sm-12 {
        padding-right: 16rem;
    }

    .p-sm-2rem,
    .pr-sm-2rem,
    .px-sm-2rem {
        padding-right: 2rem !important;
    }

    .p-sm-6,
    .pt-sm-6,
    .py-sm-6 {
        padding-top: 4rem;
    }

    .p-sm-7,
    .pt-sm-7,
    .py-sm-7 {
        padding-top: 5rem;
    }

    .p-sm-8,
    .pt-sm-8,
    .py-sm-8 {
        padding-top: 6rem;
    }

    .p-sm-9,
    .pt-sm-9,
    .py-sm-9 {
        padding-top: 8rem;
    }

    .p-sm-10,
    .pt-sm-10,
    .py-sm-10 {
        padding-top: 10rem;
    }

    .p-sm-11,
    .pt-sm-11,
    .py-sm-11 {
        padding-top: 12rem;
    }

    .p-sm-12,
    .pt-sm-12,
    .py-sm-12 {
        padding-top: 16rem;
    }

    .p-sm-2rem,
    .pt-sm-2rem,
    .py-sm-2rem {
        padding-top: 2rem !important;
    }

    .p-sm-6,
    .pb-sm-6,
    .py-sm-6 {
        padding-bottom: 4rem;
    }

    .p-sm-7,
    .pb-sm-7,
    .py-sm-7 {
        padding-bottom: 5rem;
    }

    .p-sm-8,
    .pb-sm-8,
    .py-sm-8 {
        padding-bottom: 6rem;
    }

    .p-sm-9,
    .pb-sm-9,
    .py-sm-9 {
        padding-bottom: 8rem;
    }

    .p-sm-10,
    .pb-sm-10,
    .py-sm-10 {
        padding-bottom: 10rem;
    }

    .p-sm-11,
    .pb-sm-11,
    .py-sm-11 {
        padding-bottom: 12rem;
    }

    .p-sm-12,
    .pb-sm-12,
    .py-sm-12 {
        padding-bottom: 16rem;
    }

    .p-sm-2rem,
    .pb-sm-2rem,
    .py-sm-2rem {
        padding-bottom: 2rem !important;
    }

    .p-sm-5px,
    .pl-sm-5px,
    .px-sm-5px {
        padding-left: 5px;
    }

    .p-sm-10px,
    .pl-sm-10px,
    .px-sm-10px {
        padding-left: 10px;
    }

    .p-sm-13px,
    .pl-sm-13px,
    .px-sm-13px {
        padding-left: 13px;
    }

    .p-sm-14px,
    .pl-sm-14px,
    .px-sm-14px {
        padding-left: 14px;
    }

    .p-sm-15px,
    .pl-sm-15px,
    .px-sm-15px {
        padding-left: 15px;
    }

    .p-sm-20px,
    .pl-sm-20px,
    .px-sm-20px {
        padding-left: 20px;
    }

    .p-sm-25px,
    .pl-sm-25px,
    .px-sm-25px {
        padding-left: 25px;
    }

    .p-sm-30px,
    .pl-sm-30px,
    .px-sm-30px {
        padding-left: 30px;
    }

    .p-sm-5px,
    .pr-sm-5px,
    .px-sm-5px {
        padding-right: 5px;
    }

    .p-sm-10px,
    .pr-sm-10px,
    .px-sm-10px {
        padding-right: 10px;
    }

    .p-sm-15px,
    .pr-sm-15px,
    .px-sm-15px {
        padding-right: 15px;
    }

    .p-sm-13px,
    .pr-sm-13px,
    .px-sm-13px {
        padding-right: 13px;
    }

    .p-sm-20px,
    .pr-sm-20px,
    .px-sm-20px {
        padding-right: 20px;
    }

    .p-sm-25px,
    .pr-sm-25px,
    .px-sm-25px {
        padding-right: 25px;
    }

    .p-sm-30px,
    .pr-sm-30px,
    .px-sm-30px {
        padding-right: 30px;
    }

    .p-sm-5px,
    .pt-sm-5px,
    .py-sm-5px {
        padding-top: 5px;
    }

    .p-sm-10px,
    .pt-sm-10px,
    .py-sm-10px {
        padding-top: 10px;
    }

    .p-sm-13px,
    .pt-sm-13px,
    .py-sm-13px {
        padding-top: 13px;
    }

    .p-sm-14px,
    .pt-sm-14px,
    .py-sm-14px {
        padding-top: 14px;
    }

    .p-sm-15px,
    .pt-sm-15px,
    .py-sm-15px {
        padding-top: 15px;
    }

    .p-sm-20px,
    .pt-sm-20px,
    .py-sm-20px {
        padding-top: 20px;
    }

    .p-sm-25px,
    .pt-sm-25px,
    .py-sm-25px {
        padding-top: 25px;
    }

    .p-sm-30px,
    .pt-sm-30px,
    .py-sm-30px {
        padding-top: 30px;
    }

    .p-sm-5px,
    .pb-sm-5px,
    .py-sm-5px {
        padding-bottom: 5px;
    }

    .p-sm-10px,
    .pb-sm-10px,
    .py-sm-10px {
        padding-bottom: 10px;
    }

    .p-sm-13px,
    .pb-sm-13px,
    .py-sm-13px {
        padding-bottom: 13px;
    }

    .p-sm-14px,
    .pb-sm-14px,
    .py-sm-14px {
        padding-bottom: 14px;
    }

    .p-sm-15px,
    .pb-sm-15px,
    .py-sm-15px {
        padding-bottom: 15px;
    }

    .p-sm-20px,
    .pb-sm-20px,
    .py-sm-20px {
        padding-bottom: 20px;
    }

    .p-sm-25px,
    .pb-sm-25px,
    .py-sm-25px {
        padding-bottom: 25px;
    }

    .p-sm-30px,
    .pb-sm-30px,
    .py-sm-30px {
        padding-bottom: 30px;
    }

    .w-sm-auto {
        width: auto;
    }

    .size-sm-5px,
    .w-sm-5px {
        width: 5px;
    }

    .size-sm-10px,
    .w-sm-10px {
        width: 10px;
    }

    .size-sm-15px,
    .w-sm-15px {
        width: 15px;
    }

    .size-sm-20px,
    .w-sm-20px {
        width: 20px;
    }

    .size-sm-25px,
    .w-sm-25px {
        width: 25px;
    }

    .size-sm-30px,
    .w-sm-30px {
        width: 30px;
    }

    .size-sm-35px,
    .w-sm-35px {
        width: 35px;
    }

    .size-sm-40px,
    .w-sm-40px {
        width: 40px;
    }

    .size-sm-48px,
    .w-sm-48px {
        width: 48px;
    }

    .size-sm-50px,
    .w-sm-50px {
        width: 50px;
    }

    .size-sm-60px,
    .w-sm-60px {
        width: 60px;
    }

    .size-sm-70px,
    .w-sm-70px {
        width: 70px;
    }

    .size-sm-80px,
    .w-sm-80px {
        width: 80px;
    }

    .size-sm-90px,
    .w-sm-90px {
        width: 90px;
    }

    .size-sm-100px,
    .w-sm-100px {
        width: 100px;
    }

    .size-sm-110px,
    .w-sm-110px {
        width: 110px;
    }

    .size-sm-120px,
    .w-sm-120px {
        width: 120px;
    }

    .size-sm-130px,
    .w-sm-130px {
        width: 130px;
    }

    .size-sm-140px,
    .w-sm-140px {
        width: 140px;
    }

    .size-sm-150px,
    .w-sm-150px {
        width: 150px;
    }

    .size-sm-160px,
    .w-sm-160px {
        width: 160px;
    }

    .size-sm-170px,
    .w-sm-170px {
        width: 170px;
    }

    .size-sm-180px,
    .w-sm-180px {
        width: 180px;
    }

    .size-sm-190px,
    .w-sm-190px {
        width: 190px;
    }

    .size-sm-200px,
    .w-sm-200px {
        width: 200px;
    }

    .size-sm-210px,
    .w-sm-210px {
        width: 210px;
    }

    .size-sm-220px,
    .w-sm-220px {
        width: 220px;
    }

    .size-sm-230px,
    .w-sm-230px {
        width: 230px;
    }

    .size-sm-240px,
    .w-sm-240px {
        width: 240px;
    }

    .size-sm-250px,
    .w-sm-250px {
        width: 250px;
    }

    .size-sm-260px,
    .w-sm-260px {
        width: 260px;
    }

    .size-sm-280px,
    .w-sm-280px {
        width: 280px;
    }

    .size-sm-290px,
    .w-sm-290px {
        width: 290px;
    }

    .size-sm-300px,
    .w-sm-300px {
        width: 300px;
    }

    .size-sm-340px,
    .w-sm-340px {
        width: 340px;
    }

    .size-sm-350px,
    .w-sm-350px {
        width: 350px;
    }

    .size-sm-360px,
    .w-sm-360px {
        width: 360px;
    }

    .size-sm-400px,
    .w-sm-400px {
        width: 400px;
    }

    .size-sm-420px,
    .w-sm-420px {
        width: 420px;
    }

    .size-sm-450px,
    .w-sm-450px {
        width: 450px;
    }

    .size-sm-500px,
    .w-sm-500px {
        width: 500px;
    }

    .h-sm-auto {
        height: auto;
    }

    .h-sm-5px,
    .size-sm-5px {
        height: 5px;
    }

    .h-sm-10px,
    .size-sm-10px {
        height: 10px;
    }

    .h-sm-15px,
    .size-sm-15px {
        height: 15px;
    }

    .h-sm-20px,
    .size-sm-20px {
        height: 20px;
    }

    .h-sm-25px,
    .size-sm-25px {
        height: 25px;
    }

    .h-sm-30px,
    .size-sm-30px {
        height: 30px;
    }

    .h-sm-35px,
    .size-sm-35px {
        height: 35px;
    }

    .h-sm-40px,
    .size-sm-40px {
        height: 40px;
    }

    .h-sm-45px,
    .size-sm-45px {
        height: 45px;
    }

    .h-sm-48px,
    .size-sm-48px {
        height: 48px;
    }

    .h-sm-50px,
    .size-sm-50px {
        height: 50px;
    }

    .h-sm-60px,
    .size-sm-60px {
        height: 60px;
    }

    .h-sm-70px,
    .size-sm-70px {
        height: 70px;
    }

    .h-sm-80px,
    .size-sm-80px {
        height: 80px;
    }

    .h-sm-90px,
    .size-sm-90px {
        height: 90px;
    }

    .h-sm-100px,
    .size-sm-100px {
        height: 100px;
    }

    .h-sm-110px,
    .size-sm-110px {
        height: 110px;
    }

    .h-sm-120px,
    .size-sm-120px {
        height: 120px;
    }

    .h-sm-130px,
    .size-sm-130px {
        height: 130px;
    }

    .h-sm-140px,
    .size-sm-140px {
        height: 140px;
    }

    .h-sm-150px,
    .size-sm-150px {
        height: 150px;
    }

    .h-sm-160px,
    .size-sm-160px {
        height: 160px;
    }

    .h-sm-170px,
    .size-sm-170px {
        height: 170px;
    }

    .h-sm-180px,
    .size-sm-180px {
        height: 180px;
    }

    .h-sm-190px,
    .size-sm-190px {
        height: 190px;
    }

    .h-sm-200px,
    .size-sm-200px {
        height: 200px;
    }

    .h-sm-210px,
    .size-sm-210px {
        height: 210px;
    }

    .h-sm-220px,
    .size-sm-220px {
        height: 220px;
    }

    .h-sm-230px,
    .size-sm-230px {
        height: 230px;
    }

    .h-sm-250px,
    .size-sm-250px {
        height: 250px;
    }

    .h-sm-260px,
    .size-sm-260px {
        height: 260px;
    }

    .h-sm-280px,
    .size-sm-280px {
        height: 280px;
    }

    .h-sm-290px,
    .size-sm-290px {
        height: 290px;
    }

    .h-sm-300px,
    .size-sm-300px {
        height: 300px;
    }

    .h-sm-340px,
    .size-sm-340px {
        height: 340px;
    }

    .h-sm-350px,
    .size-sm-350px {
        height: 350px;
    }

    .h-sm-360px,
    .size-sm-360px {
        height: 360px;
    }

    .h-sm-400px,
    .size-sm-400px {
        height: 400px;
    }

    .h-sm-420px,
    .size-sm-420px {
        height: 420px;
    }

    .h-sm-450px,
    .size-sm-450px {
        height: 450px;
    }

    .h-sm-500px,
    .size-sm-500px {
        height: 500px;
    }

    .flex-grow-sm-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }

    .flex-grow-sm-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important;
    }

    .ub-mobile-bottom-nav {
        width: 463px !important;
        height: 72px;
        border-radius: 36px;
    }

    .card-columns {
        column-count: 2 !important;
    }

    .image-show-overlay .overlay-img {
        padding-left: 20%;
        padding-right: 20%;
        padding-bottom: 50px;
    }
}

@media (max-width: 575px) {
    .ub-notify {
        width: calc(100% - 40px);
        min-width: auto;
    }

    .h-sm-auto {
        height: auto;
    }

    .float-cart-add-card {
        display: none !important;
    }
}

@media (max-width: 575.98px) {
    .sidebar-sm {
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        position: fixed;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 1;
    }

    .sidebar-sm .collapse-sidebar {
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        position: fixed;
        width: 340px;
        max-width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 2;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        overflow-y: auto;
    }

    .sidebar-sm.sidebar-right .collapse-sidebar {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        left: auto;
        right: 0;
    }

    .sidebar-sm.sidebar-auto .collapse-sidebar {
        width: auto;
        max-width: 100%;
        height: auto;
        -webkit-transform: translate(-50%, -100px);
        transform: translate(-50%, -100px);
        left: 50%;
        top: 0;
    }

    .sidebar-sm.sidebar-full .collapse-sidebar {
        width: 100%;
        max-width: 100%;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        left: auto;
        right: 0;
    }

    .sidebar-sm,
    .sidebar-sm .collapse-sidebar,
    .sidebar-sm .overlay {
        opacity: 0;
        visibility: hidden;
    }

    .ub-filter-sidebar .collapse-sidebar {
        overflow-y: auto;
    }
}

@media (max-width: 600px) {
    .set-postion {
        position: absolute;
        right: 0 !important;
    }
}

@media (min-width: 768px) {
    .border-md {
        border: 1px solid #dfdfe6 !important;
    }

    .border-md-top {
        border-top: 1px solid #dfdfe6 !important;
    }

    .border-md-right {
        border-right: 1px solid #dfdfe6 !important;
    }

    .border-md-bottom {
        border-bottom: 1px solid #dfdfe6 !important;
    }

    .border-md-left {
        border-left: 1px solid #dfdfe6 !important;
    }

    .border-md-0 {
        border: 0 !important;
    }

    .border-md-top-0 {
        border-top: 0 !important;
    }

    .border-md-right-0 {
        border-right: 0 !important;
    }

    .border-md-bottom-0 {
        border-bottom: 0 !important;
    }

    .border-md-left-0 {
        border-left: 0 !important;
    }

    .w-md-25 {
        width: 25% !important;
    }

    .w-md-50 {
        width: 50% !important;
    }

    .w-md-75 {
        width: 75% !important;
    }

    .w-md-100 {
        width: 100% !important;
    }

    .w-md-auto {
        width: auto !important;
    }

    .p-md-6,
    .pl-md-6,
    .px-md-6 {
        padding-left: 4rem;
    }

    .p-md-7,
    .pl-md-7,
    .px-md-7 {
        padding-left: 5rem;
    }

    .p-md-8,
    .pl-md-8,
    .px-md-8 {
        padding-left: 6rem;
    }

    .p-md-9,
    .pl-md-9,
    .px-md-9 {
        padding-left: 8rem;
    }

    .p-md-10,
    .pl-md-10,
    .px-md-10 {
        padding-left: 10rem;
    }

    .p-md-11,
    .pl-md-11,
    .px-md-11 {
        padding-left: 12rem;
    }

    .p-md-12,
    .pl-md-12,
    .px-md-12 {
        padding-left: 16rem;
    }

    .p-md-2rem,
    .pl-md-2rem,
    .px-md-2rem {
        padding-left: 2rem !important;
    }

    .p-md-6,
    .pr-md-6,
    .px-md-6 {
        padding-right: 4rem;
    }

    .p-md-7,
    .pr-md-7,
    .px-md-7 {
        padding-right: 5rem;
    }

    .p-md-8,
    .pr-md-8,
    .px-md-8 {
        padding-right: 6rem;
    }

    .p-md-9,
    .pr-md-9,
    .px-md-9 {
        padding-right: 8rem;
    }

    .p-md-10,
    .pr-md-10,
    .px-md-10 {
        padding-right: 10rem;
    }

    .p-md-11,
    .pr-md-11,
    .px-md-11 {
        padding-right: 12rem;
    }

    .p-md-12,
    .pr-md-12,
    .px-md-12 {
        padding-right: 16rem;
    }

    .p-md-2rem,
    .pr-md-2rem,
    .px-md-2rem {
        padding-right: 2rem !important;
    }

    .p-md-6,
    .pt-md-6,
    .py-md-6 {
        padding-top: 4rem;
    }

    .p-md-7,
    .pt-md-7,
    .py-md-7 {
        padding-top: 5rem;
    }

    .p-md-8,
    .pt-md-8,
    .py-md-8 {
        padding-top: 6rem;
    }

    .p-md-9,
    .pt-md-9,
    .py-md-9 {
        padding-top: 8rem;
    }

    .p-md-10,
    .pt-md-10,
    .py-md-10 {
        padding-top: 10rem;
    }

    .p-md-11,
    .pt-md-11,
    .py-md-11 {
        padding-top: 12rem;
    }

    .p-md-12,
    .pt-md-12,
    .py-md-12 {
        padding-top: 16rem;
    }

    .p-md-2rem,
    .pt-md-2rem,
    .py-md-2rem {
        padding-top: 2rem !important;
    }

    .p-md-6,
    .pb-md-6,
    .py-md-6 {
        padding-bottom: 4rem;
    }

    .p-md-7,
    .pb-md-7,
    .py-md-7 {
        padding-bottom: 5rem;
    }

    .p-md-8,
    .pb-md-8,
    .py-md-8 {
        padding-bottom: 6rem;
    }

    .p-md-9,
    .pb-md-9,
    .py-md-9 {
        padding-bottom: 8rem;
    }

    .p-md-10,
    .pb-md-10,
    .py-md-10 {
        padding-bottom: 10rem;
    }

    .p-md-11,
    .pb-md-11,
    .py-md-11 {
        padding-bottom: 12rem;
    }

    .p-md-12,
    .pb-md-12,
    .py-md-12 {
        padding-bottom: 16rem;
    }

    .p-md-2rem,
    .pb-md-2rem,
    .py-md-2rem {
        padding-bottom: 2rem !important;
    }

    .p-md-5px,
    .pl-md-5px,
    .px-md-5px {
        padding-left: 5px;
    }

    .p-md-10px,
    .pl-md-10px,
    .px-md-10px {
        padding-left: 10px;
    }

    .p-md-14px,
    .pl-md-14px,
    .px-md-14px {
        padding-left: 14px;
    }

    .p-md-15px,
    .pl-md-15px,
    .px-md-15px {
        padding-left: 15px;
    }

    .p-md-20px,
    .pl-md-20px,
    .px-md-20px {
        padding-left: 20px;
    }

    .p-md-25px,
    .pl-md-25px,
    .px-md-25px {
        padding-left: 25px;
    }

    .p-md-30px,
    .pl-md-30px,
    .px-md-30px {
        padding-left: 30px;
    }

    .p-md-5px,
    .pr-md-5px,
    .px-md-5px {
        padding-right: 5px;
    }

    .p-md-10px,
    .pr-md-10px,
    .px-md-10px {
        padding-right: 10px;
    }

    .p-md-15px,
    .pr-md-15px,
    .px-md-15px {
        padding-right: 15px;
    }

    .p-md-20px,
    .pr-md-20px,
    .px-md-20px {
        padding-right: 20px;
    }

    .p-md-25px,
    .pr-md-25px,
    .px-md-25px {
        padding-right: 25px;
    }

    .p-md-30px,
    .pr-md-30px,
    .px-md-30px {
        padding-right: 30px;
    }

    .p-md-5px,
    .pt-md-5px,
    .py-md-5px {
        padding-top: 5px;
    }

    .p-md-10px,
    .pt-md-10px,
    .py-md-10px {
        padding-top: 10px;
    }

    .p-md-14px,
    .pt-md-14px,
    .py-md-14px {
        padding-top: 14px;
    }

    .p-md-15px,
    .pt-md-15px,
    .py-md-15px {
        padding-top: 15px;
    }

    .p-md-20px,
    .pt-md-20px,
    .py-md-20px {
        padding-top: 20px;
    }

    .p-md-25px,
    .pt-md-25px,
    .py-md-25px {
        padding-top: 25px;
    }

    .p-md-30px,
    .pt-md-30px,
    .py-md-30px {
        padding-top: 30px;
    }

    .p-md-5px,
    .pb-md-5px,
    .py-md-5px {
        padding-bottom: 5px;
    }

    .p-md-10px,
    .pb-md-10px,
    .py-md-10px {
        padding-bottom: 10px;
    }

    .p-md-14px,
    .pb-md-14px,
    .py-md-14px {
        padding-bottom: 14px;
    }

    .p-md-15px,
    .pb-md-15px,
    .py-md-15px {
        padding-bottom: 15px;
    }

    .p-md-20px,
    .pb-md-20px,
    .py-md-20px {
        padding-bottom: 20px;
    }

    .p-md-25px,
    .pb-md-25px,
    .py-md-25px {
        padding-bottom: 25px;
    }

    .p-md-30px,
    .pb-md-30px,
    .py-md-30px {
        padding-bottom: 30px;
    }

    .w-md-auto {
        width: auto;
    }

    .size-md-5px,
    .w-md-5px {
        width: 5px;
    }

    .size-md-10px,
    .w-md-10px {
        width: 10px;
    }

    .size-md-15px,
    .w-md-15px {
        width: 15px;
    }

    .size-md-20px,
    .w-md-20px {
        width: 20px;
    }

    .size-md-25px,
    .w-md-25px {
        width: 25px;
    }

    .size-md-30px,
    .w-md-30px {
        width: 30px;
    }

    .size-md-35px,
    .w-md-35px {
        width: 35px;
    }

    .size-md-40px,
    .w-md-40px {
        width: 40px;
    }

    .size-md-48px,
    .w-md-48px {
        width: 48px;
    }

    .size-md-50px,
    .w-md-50px {
        width: 50px;
    }

    .size-md-60px,
    .w-md-60px {
        width: 60px;
    }

    .size-md-70px,
    .w-md-70px {
        width: 70px;
    }

    .size-md-80px,
    .w-md-80px {
        width: 80px;
    }

    .size-md-90px,
    .w-md-90px {
        width: 90px;
    }

    .size-md-100px,
    .w-md-100px {
        width: 100px;
    }

    .size-md-110px,
    .w-md-110px {
        width: 110px;
    }

    .size-md-120px,
    .w-md-120px {
        width: 120px;
    }

    .size-md-130px,
    .w-md-130px {
        width: 130px;
    }

    .size-md-140px,
    .w-md-140px {
        width: 140px;
    }

    .size-md-150px,
    .w-md-150px {
        width: 150px;
    }

    .size-md-160px,
    .w-md-160px {
        width: 160px;
    }

    .size-md-170px,
    .w-md-170px {
        width: 170px;
    }

    .size-md-180px,
    .w-md-180px {
        width: 180px;
    }

    .size-md-190px,
    .w-md-190px {
        width: 190px;
    }

    .size-md-200px,
    .w-md-200px {
        width: 200px;
    }

    .size-md-210px,
    .w-md-210px {
        width: 210px;
    }

    .size-md-220px,
    .w-md-220px {
        width: 220px;
    }

    .size-md-230px,
    .w-md-230px {
        width: 230px;
    }

    .size-md-240px,
    .w-md-240px {
        width: 240px;
    }

    .size-md-250px,
    .w-md-250px {
        width: 250px;
    }

    .size-md-260px,
    .w-md-260px {
        width: 260px;
    }

    .size-md-280px,
    .w-md-280px {
        width: 280px;
    }

    .size-md-290px,
    .w-md-290px {
        width: 290px;
    }

    .size-md-300px,
    .w-md-300px {
        width: 300px;
    }

    .size-md-340px,
    .w-md-340px {
        width: 340px;
    }

    .size-md-350px,
    .w-md-350px {
        width: 350px;
    }

    .size-md-360px,
    .w-md-360px {
        width: 360px;
    }

    .size-md-400px,
    .w-md-400px {
        width: 400px;
    }

    .size-md-420px,
    .w-md-420px {
        width: 420px;
    }

    .size-md-450px,
    .w-md-450px {
        width: 450px;
    }

    .size-md-500px,
    .w-md-500px {
        width: 500px;
    }

    .h-md-auto {
        height: auto;
    }

    .h-md-5px,
    .size-md-5px {
        height: 5px;
    }

    .h-md-10px,
    .size-md-10px {
        height: 10px;
    }

    .h-md-15px,
    .size-md-15px {
        height: 15px;
    }

    .h-md-20px,
    .size-md-20px {
        height: 20px;
    }

    .h-md-25px,
    .size-md-25px {
        height: 25px;
    }

    .h-md-30px,
    .size-md-30px {
        height: 30px;
    }

    .h-md-35px,
    .size-md-35px {
        height: 35px;
    }

    .h-md-40px,
    .size-md-40px {
        height: 40px;
    }

    .h-md-45px,
    .size-md-45px {
        height: 45px;
    }

    .h-md-48px,
    .size-md-48px {
        height: 48px;
    }

    .h-md-50px,
    .size-md-50px {
        height: 50px;
    }

    .h-md-60px,
    .size-md-60px {
        height: 60px;
    }

    .h-md-70px,
    .size-md-70px {
        height: 70px;
    }

    .h-md-80px,
    .size-md-80px {
        height: 80px;
    }

    .h-md-90px,
    .size-md-90px {
        height: 90px;
    }

    .h-md-100px,
    .size-md-100px {
        height: 100px;
    }

    .h-md-110px,
    .size-md-110px {
        height: 110px;
    }

    .h-md-120px,
    .size-md-120px {
        height: 120px;
    }

    .h-md-130px,
    .size-md-130px {
        height: 130px;
    }

    .h-md-140px,
    .size-md-140px {
        height: 140px;
    }

    .h-md-150px,
    .size-md-150px {
        height: 150px;
    }

    .h-md-160px,
    .size-md-160px {
        height: 160px;
    }

    .h-md-170px,
    .size-md-170px {
        height: 170px;
    }

    .h-md-180px,
    .size-md-180px {
        height: 180px;
    }

    .h-md-190px,
    .size-md-190px {
        height: 190px;
    }

    .h-md-200px,
    .size-md-200px {
        height: 200px;
    }

    .h-md-210px,
    .size-md-210px {
        height: 210px;
    }

    .h-md-220px,
    .size-md-220px {
        height: 220px;
    }

    .h-md-230px,
    .size-md-230px {
        height: 230px;
    }

    .h-md-250px,
    .size-md-250px {
        height: 250px;
    }

    .h-md-260px,
    .size-md-260px {
        height: 260px;
    }

    .h-md-280px,
    .size-md-280px {
        height: 280px;
    }

    .h-md-290px,
    .size-md-290px {
        height: 290px;
    }

    .h-md-300px,
    .size-md-300px {
        height: 300px;
    }

    .h-md-340px,
    .size-md-340px {
        height: 340px;
    }

    .h-md-350px,
    .size-md-350px {
        height: 350px;
    }

    .h-md-360px,
    .size-md-360px {
        height: 360px;
    }

    .h-md-400px,
    .size-md-400px {
        height: 400px;
    }

    .h-md-420px,
    .size-md-420px {
        height: 420px;
    }

    .h-md-450px,
    .size-md-450px {
        height: 450px;
    }

    .h-md-500px,
    .size-md-500px {
        height: 500px;
    }

    .flex-grow-md-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }

    .flex-grow-md-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important;
    }

    .absolute-md-top-right {
        position: absolute;
        top: 0;
        right: 0;
        bottom: inherit;
        left: inherit;
    }

    .modal-content .modal-body {
        max-height: 80vh;
    }

    .fs-md-12 {
        font-size: 12px !important;
    }

    .fs-md-13 {
        font-size: 13px !important;
    }

    .fs-md-14 {
        font-size: 14px !important;
    }

    .fs-md-20 {
        font-size: 20px !important;
    }

    .fs-md-24 {
        font-size: 24px !important;
    }

    .image-show-overlay .overlay-img {
        padding-left: 20%;
        padding-right: 20%;
        padding-bottom: 50px;
    }

    .flat-title {
        margin-bottom: 0px;
    }
    .tf-marquee {
        padding-top: 26px;
        padding-bottom: 26px;
    }

    .tf-marquee .wrap-marquee {
        -webkit-animation: slide-har 10s linear infinite;
        animation: slide-har 10s linear infinite;
    }

    .flat-title .title {
        font-size: 32px;
        line-height: 38.4px;
    }

    .testimonial-item .text {
        font-size: 18px;
        line-height: 28.8px;
    }

    .flat-iconbox .wrap-iconbox {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }
    .tf-countdown-v2 .countdown__value {
        font-size: 26px;
        line-height: 31.2px;
    }
    .tf-countdown-v2 .countdown__label {
        font-size: 16px;
    }
    .tf-grid-layout {
        gap: 30px;
    }
    .flat-wrap-countdown .tf-content-wrap-v2 {
        text-align: left;
    }

    .collection-item-circle .collection-content {
        margin-top: 30px;
    }
    .testimonial-item.lg .icon {
        font-size: 34px;
    }
    .container-full,
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    .tf-hero-image-liquid .box-content .tf-btn {
        margin-top: 36px;
    }

    .collection-item .collection-content {
        bottom: 80px;
    }

    .collection-item.style-left .collection-content {
        bottom: 30px;
        left: 15px;
    }

    .collection-item .collection-title {
        /* line-height: 42px; */
        height: 42px;
        padding: 0 20px;
    }

    .tf-grid-layout {
        gap: 30px;
    }

    .tf-grid-layout.md-col-2 {
        grid-template-columns: repeat(2, 1fr);
    }

    .tf-img-with-text .tf-image-wrap {
        order: 1;
    }

    .img-text-3 .tf-content-wrap {
        padding: 20px 20px 20px 20px;
    }

    .tf-content-wrap .heading {
        font-size: 40px;
    }

    .tf-content-wrap .tf-btn {
        margin-top: 24px;
    }

    .tf-timeline-inner {
        gap: 100px;
        flex-direction: row;
    }
    .tf-timeline-inner::after,
    .tf-timeline-inner::before {
        position: absolute;
        content: "";
        width: 20px;
        background-color: var(--line);
        height: 1px;
        z-index: 3;
        top: calc(50% + 5px);
    }
    .tf-timeline-inner::before {
        left: calc(50% + 20px);
        transform: translate(-50%);
    }
    .tf-timeline-inner::after {
        right: calc(50% + 20px);
        transform: translate(50%);
    }
    .tf-timeline-inner.tf-timeline-content-end {
        flex-direction: row-reverse;
    }
    .tf-timeline-inner.tf-timeline-content-end .tf-timeline-content {
        text-align: left;
    }
    .tf-timeline-image {
        width: 50%;
    }

    .tf-timeline-content {
        text-align: right;
        width: 50%;
    }

    .tf-slideshow .card-box-2 .title {
        font-size: 20px;
        line-height: 24px;
    }
    .tf-slideshow .card-box-2 .price {
        margin-bottom: 30px;
    }

    .tf-slideshow .banner-wrapper .description {
        font-size: 20px;
        line-height: 24px;
    }

    .slideshow-tee.tf-slideshow .wrap-slider {
        height: 840px;
    }

    .blog-detail .blog-detail-main .tf-article-navigation .icon {
        width: 30px;
        height: 30px;
    }

    .blog-detail .blog-detail-main .tf-article-navigation .item {
        gap: 30px;
    }

    .blog-detail-main .tf-article-navigation h6 {
        font-size: 20px;
        line-height: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .blog-article-item.style-row {
        flex-direction: column;
        align-items: start;
        gap: 15px;
    }

    .blog-article-item.style-row .article-thumb {
        width: 100%;
        height: unset;
    }

    .wrap-carousel .nav-sw {
        display: none;
    }
    .wrapper-thumbs-testimonial .box-right {
        width: 100%;
    }
    .wrapper-thumbs-testimonial .box-left {
        display: none;
    }

    .flat-spacing-5 {
        padding: 38px 0px;
    }

    .flat-spacing-7 {
        padding-bottom: 45px;
    }

    .flat-spacing-10 {
        padding: 40px 0px;
    }

    .flat-spacing-12 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .flat-spacing-13 {
        padding-top: 10px;
        padding-bottom: 30px;
    }

    .flat-spacing-17 {
        padding-top: 30px;
        padding-bottom: 23px;
    }

    .flat-spacing-27 {
        padding-top: 45px;
        padding-bottom: 45px;
    }

    .wrap-carousel .sw-dots {
        display: flex;
        margin-top: 15px;
    }

    .sw-dots .swiper-pagination-bullet {
        width: 16px;
        height: 16px;
    }

    .sw-dots.style-2 span,
    .sw-dots.medium span {
        width: 16px;
        height: 16px;
        border-width: 1px !important;
    }

    .modal-shopping-cart .modal-content {
        max-width: 90% !important;
    }
    .modal-shopping-cart .tf-mini-cart-threshold {
        padding: 10px 0;
    }
    .modal-shopping-cart
        .tf-mini-cart-bottom-wrap
        .tf-mini-cart-view-checkout
        a {
        height: 39px;
    }
    .tf-btn:not(.btn-xl, .btn-md, .btn-line, .style-2, .style-3) {
        padding: 10px 24px;
    }

    .mobile-height-cart {
        height: 750px;
    }

    .modal.fullRight .modal-dialog .modal-content {
        /* bottom: auto; */
    }

    .slider-effect {
        display: flex;
        flex-direction: column-reverse;
    }

    .slideshow-effect .wrap-pagination {
        bottom: 15px;
    }

    .slider-effect .content-left {
        position: unset;
        padding: 40px 0px;
        text-align: center;
    }

    .slider-effect .box-content .heading {
        font-size: 34px !important;
        line-height: 40.8px !important;
    }

    .slider-effect .box-content .desc {
        display: block;
        margin-bottom: 22px;
        font-size: 16px;
        line-height: 19.2px;
    }

    .slider-effect .img-slider {
        width: 100%;
        height: 300px;
    }

    .slideshow-effect .wrap-pagination .sw-dots {
        justify-content: center;
    }

    .tf-btn.btn-xl {
        font-size: 16px;
        line-height: 40px;
        padding-top: 0;
        padding-bottom: 0;
    }

    .flat-title-v2 {
        margin-bottom: 30px;
        flex-direction: row-reverse;
        justify-content: space-between;
    }

    .discovery-new-item {
        height: auto;
        margin-top: 12px;
        padding: 10px 15px;
        gap: 15px;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .discovery-new-item h5 {
        font-size: 20px;
        margin-bottom: 0px;
    }

    .discovery-new-item a {
        width: 40px;
        height: 40px;
    }

    .c5-category-slider {
        height: 250px;
    }

    .three-img-grid-banner.md-col-2 {
        grid-template-columns: auto !important;
    }

    .img-text-3 .grid-img-group .item-2 {
        height: 300px !important;
    }

    .img-text-3.img-text-3-style-2 .grid-img-group .item-1 {
        height: 180px;
    }

    .img-text-3.img-text-3-style-2 .grid-img-group .item-3 {
        height: 180px;
    }

    .tf-slideshow.about-us-page .text {
        font-size: 24px;
        line-height: 29px;
    }

    .tf-slideshow .wrap-slider {
        height: 450px;
    }
    .tf-slideshow .banner-wrapper {
        height: 500px;
    }
    .tf-slideshow.flat-banner-sock .wrap-slider {
        height: 300px;
    }
    .tf-slideshow.slider-grocery .wrap-slider {
        height: 350px;
    }

    h1 {
        font-size: 34px;
        line-height: 40.8px;
    }

    .tf-hero-image-liquid .box-content {
        text-align: center;
    }

    .tf-hero-image-liquid img {
        aspect-ratio: 1/1.4 !important;
    }

    .blog-detail-main-heading .title {
        font-size: 22px !important;
        line-height: 26px !important;
    }

    .toolbar-shop-mobile .sub-nav-menu {
        margin-left: 17px !important;
    }

    .toolbar-shop-mobile .sub-menu-level-2 {
        margin-left: 34px !important;
    }
}

@media (max-width: 767.98px) {
    .mobile-img-auto-height img {
        height: auto;
    }
}

@media (max-width: 767.98px) {
    .sidebar-md {
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        position: fixed;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 1;
    }

    .sidebar-md .collapse-sidebar {
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        position: fixed;
        width: 400px;
        max-width: 320px;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 2;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        overflow-y: auto;
    }

    .sidebar-md.sidebar-right .collapse-sidebar {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        left: auto;
        right: 0;
    }

    .sidebar-md.sidebar-auto .collapse-sidebar {
        width: auto;
        max-width: 100%;
        height: auto;
        -webkit-transform: translate(-50%, -100px);
        transform: translate(-50%, -100px);
        left: 50%;
        top: 0;
    }

    .sidebar-md.sidebar-full .collapse-sidebar {
        width: 100%;
        max-width: 100%;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        left: auto;
        right: 0;
    }

    .sidebar-md,
    .sidebar-md .collapse-sidebar,
    .sidebar-md .overlay {
        opacity: 0;
        visibility: hidden;
    }
}

@media (min-width: 992px) {
    .border-lg {
        border: 1px solid #dfdfe6 !important;
    }

    .border-lg-top {
        border-top: 1px solid #dfdfe6 !important;
    }

    .border-lg-right {
        border-right: 1px solid #dfdfe6 !important;
    }

    .border-lg-bottom {
        border-bottom: 1px solid #dfdfe6 !important;
    }

    .border-lg-left {
        border-left: 1px solid #dfdfe6 !important;
    }

    .border-lg-0 {
        border: 0 !important;
    }

    .border-lg-top-0 {
        border-top: 0 !important;
    }

    .border-lg-right-0 {
        border-right: 0 !important;
    }

    .border-lg-bottom-0 {
        border-bottom: 0 !important;
    }

    .border-lg-left-0 {
        border-left: 0 !important;
    }

    .w-lg-25 {
        width: 25% !important;
    }

    .w-lg-50 {
        width: 50% !important;
    }

    .w-lg-75 {
        width: 75% !important;
    }

    .w-lg-100 {
        width: 100% !important;
    }

    .w-lg-auto {
        width: auto !important;
    }

    .p-lg-6,
    .pl-lg-6,
    .px-lg-6 {
        padding-left: 4rem;
    }

    .p-lg-7,
    .pl-lg-7,
    .px-lg-7 {
        padding-left: 5rem;
    }

    .p-lg-8,
    .pl-lg-8,
    .px-lg-8 {
        padding-left: 6rem;
    }

    .p-lg-9,
    .pl-lg-9,
    .px-lg-9 {
        padding-left: 8rem;
    }

    .p-lg-10,
    .pl-lg-10,
    .px-lg-10 {
        padding-left: 10rem;
    }

    .p-lg-11,
    .pl-lg-11,
    .px-lg-11 {
        padding-left: 12rem;
    }

    .p-lg-12,
    .pl-lg-12,
    .px-lg-12 {
        padding-left: 16rem;
    }

    .p-lg-2rem,
    .pl-lg-2rem,
    .px-lg-2rem {
        padding-left: 2rem !important;
    }

    .p-lg-6,
    .pr-lg-6,
    .px-lg-6 {
        padding-right: 4rem;
    }

    .p-lg-7,
    .pr-lg-7,
    .px-lg-7 {
        padding-right: 5rem;
    }

    .p-lg-8,
    .pr-lg-8,
    .px-lg-8 {
        padding-right: 6rem;
    }

    .p-lg-9,
    .pr-lg-9,
    .px-lg-9 {
        padding-right: 8rem;
    }

    .p-lg-10,
    .pr-lg-10,
    .px-lg-10 {
        padding-right: 10rem;
    }

    .p-lg-11,
    .pr-lg-11,
    .px-lg-11 {
        padding-right: 12rem;
    }

    .p-lg-12,
    .pr-lg-12,
    .px-lg-12 {
        padding-right: 16rem;
    }

    .p-lg-2rem,
    .pr-lg-2rem,
    .px-lg-2rem {
        padding-right: 2rem !important;
    }

    .p-lg-6,
    .pt-lg-6,
    .py-lg-6 {
        padding-top: 4rem;
    }

    .p-lg-7,
    .pt-lg-7,
    .py-lg-7 {
        padding-top: 5rem;
    }

    .p-lg-8,
    .pt-lg-8,
    .py-lg-8 {
        padding-top: 6rem;
    }

    .p-lg-9,
    .pt-lg-9,
    .py-lg-9 {
        padding-top: 8rem;
    }

    .p-lg-10,
    .pt-lg-10,
    .py-lg-10 {
        padding-top: 10rem;
    }

    .p-lg-11,
    .pt-lg-11,
    .py-lg-11 {
        padding-top: 12rem;
    }

    .p-lg-12,
    .pt-lg-12,
    .py-lg-12 {
        padding-top: 16rem;
    }

    .p-lg-2rem,
    .pt-lg-2rem,
    .py-lg-2rem {
        padding-top: 2rem !important;
    }

    .p-lg-6,
    .pb-lg-6,
    .py-lg-6 {
        padding-bottom: 4rem;
    }

    .p-lg-7,
    .pb-lg-7,
    .py-lg-7 {
        padding-bottom: 5rem;
    }

    .p-lg-8,
    .pb-lg-8,
    .py-lg-8 {
        padding-bottom: 6rem;
    }

    .p-lg-9,
    .pb-lg-9,
    .py-lg-9 {
        padding-bottom: 8rem;
    }

    .p-lg-10,
    .pb-lg-10,
    .py-lg-10 {
        padding-bottom: 10rem;
    }

    .p-lg-11,
    .pb-lg-11,
    .py-lg-11 {
        padding-bottom: 12rem;
    }

    .p-lg-12,
    .pb-lg-12,
    .py-lg-12 {
        padding-bottom: 16rem;
    }

    .p-lg-2rem,
    .pb-lg-2rem,
    .py-lg-2rem {
        padding-bottom: 2rem !important;
    }

    .p-lg-5px,
    .pl-lg-5px,
    .px-lg-5px {
        padding-left: 5px;
    }

    .p-lg-10px,
    .pl-lg-10px,
    .px-lg-10px {
        padding-left: 10px;
    }

    .p-lg-14px,
    .pl-lg-14px,
    .px-lg-14px {
        padding-left: 14px;
    }

    .p-lg-15px,
    .pl-lg-15px,
    .px-lg-15px {
        padding-left: 15px;
    }

    .p-lg-20px,
    .pl-lg-20px,
    .px-lg-20px {
        padding-left: 20px;
    }

    .p-lg-25px,
    .pl-lg-25px,
    .px-lg-25px {
        padding-left: 25px;
    }

    .p-lg-30px,
    .pl-lg-30px,
    .px-lg-30px {
        padding-left: 30px;
    }

    .p-lg-5px,
    .pr-lg-5px,
    .px-lg-5px {
        padding-right: 5px;
    }

    .p-lg-10px,
    .pr-lg-10px,
    .px-lg-10px {
        padding-right: 10px;
    }

    .p-lg-15px,
    .pr-lg-15px,
    .px-lg-15px {
        padding-right: 15px;
    }

    .p-lg-20px,
    .pr-lg-20px,
    .px-lg-20px {
        padding-right: 20px;
    }

    .p-lg-25px,
    .pr-lg-25px,
    .px-lg-25px {
        padding-right: 25px;
    }

    .p-lg-30px,
    .pr-lg-30px,
    .px-lg-30px {
        padding-right: 30px;
    }

    .p-lg-5px,
    .pt-lg-5px,
    .py-lg-5px {
        padding-top: 5px;
    }

    .p-lg-10px,
    .pt-lg-10px,
    .py-lg-10px {
        padding-top: 10px;
    }

    .p-lg-14px,
    .pt-lg-14px,
    .py-lg-14px {
        padding-top: 14px;
    }

    .p-lg-15px,
    .pt-lg-15px,
    .py-lg-15px {
        padding-top: 15px;
    }

    .p-lg-20px,
    .pt-lg-20px,
    .py-lg-20px {
        padding-top: 20px;
    }

    .p-lg-25px,
    .pt-lg-25px,
    .py-lg-25px {
        padding-top: 25px;
    }

    .p-lg-30px,
    .pt-lg-30px,
    .py-lg-30px {
        padding-top: 30px;
    }

    .p-lg-5px,
    .pb-lg-5px,
    .py-lg-5px {
        padding-bottom: 5px;
    }

    .p-lg-10px,
    .pb-lg-10px,
    .py-lg-10px {
        padding-bottom: 10px;
    }

    .p-lg-14px,
    .pb-lg-14px,
    .py-lg-14px {
        padding-bottom: 14px;
    }

    .p-lg-15px,
    .pb-lg-15px,
    .py-lg-15px {
        padding-bottom: 15px;
    }

    .p-lg-20px,
    .pb-lg-20px,
    .py-lg-20px {
        padding-bottom: 20px;
    }

    .p-lg-25px,
    .pb-lg-25px,
    .py-lg-25px {
        padding-bottom: 25px;
    }

    .p-lg-30px,
    .pb-lg-30px,
    .py-lg-30px {
        padding-bottom: 30px;
    }

    .w-lg-auto {
        width: auto;
    }

    .size-lg-5px,
    .w-lg-5px {
        width: 5px;
    }

    .size-lg-10px,
    .w-lg-10px {
        width: 10px;
    }

    .size-lg-15px,
    .w-lg-15px {
        width: 15px;
    }

    .size-lg-20px,
    .w-lg-20px {
        width: 20px;
    }

    .size-lg-25px,
    .w-lg-25px {
        width: 25px;
    }

    .size-lg-30px,
    .w-lg-30px {
        width: 30px;
    }

    .size-lg-35px,
    .w-lg-35px {
        width: 35px;
    }

    .size-lg-40px,
    .w-lg-40px {
        width: 40px;
    }

    .size-lg-48px,
    .w-lg-48px {
        width: 48px;
    }

    .size-lg-50px,
    .w-lg-50px {
        width: 50px;
    }

    .size-lg-60px,
    .w-lg-60px {
        width: 60px;
    }

    .size-lg-70px,
    .w-lg-70px {
        width: 70px;
    }

    .size-lg-80px,
    .w-lg-80px {
        width: 80px;
    }

    .size-lg-90px,
    .w-lg-90px {
        width: 90px;
    }

    .size-lg-100px,
    .w-lg-100px {
        width: 100px;
    }

    .size-lg-110px,
    .w-lg-110px {
        width: 110px;
    }

    .size-lg-120px,
    .w-lg-120px {
        width: 120px;
    }

    .size-lg-130px,
    .w-lg-130px {
        width: 130px;
    }

    .size-lg-140px,
    .w-lg-140px {
        width: 140px;
    }

    .size-lg-150px,
    .w-lg-150px {
        width: 150px;
    }

    .size-lg-160px,
    .w-lg-160px {
        width: 160px;
    }

    .size-lg-170px,
    .w-lg-170px {
        width: 170px;
    }

    .size-lg-180px,
    .w-lg-180px {
        width: 180px;
    }

    .size-lg-190px,
    .w-lg-190px {
        width: 190px;
    }

    .size-lg-200px,
    .w-lg-200px {
        width: 200px;
    }

    .size-lg-210px,
    .w-lg-210px {
        width: 210px;
    }

    .size-lg-220px,
    .w-lg-220px {
        width: 220px;
    }

    .size-lg-230px,
    .w-lg-230px {
        width: 230px;
    }

    .size-lg-240px,
    .w-lg-240px {
        width: 240px;
    }

    .size-lg-250px,
    .w-lg-250px {
        width: 250px;
    }

    .size-lg-260px,
    .w-lg-260px {
        width: 260px;
    }

    .size-lg-280px,
    .w-lg-280px {
        width: 280px;
    }

    .size-lg-290px,
    .w-lg-290px {
        width: 290px;
    }

    .size-lg-300px,
    .w-lg-300px {
        width: 300px;
    }

    .size-lg-340px,
    .w-lg-340px {
        width: 340px;
    }

    .size-lg-350px,
    .w-lg-350px {
        width: 350px;
    }

    .size-lg-360px,
    .w-lg-360px {
        width: 360px;
    }

    .size-lg-400px,
    .w-lg-400px {
        width: 400px;
    }

    .size-lg-420px,
    .w-lg-420px {
        width: 420px;
    }

    .size-lg-450px,
    .w-lg-450px {
        width: 450px;
    }

    .size-lg-500px,
    .w-lg-500px {
        width: 500px;
    }

    .h-lg-auto {
        height: auto;
    }

    .h-lg-5px,
    .size-lg-5px {
        height: 5px;
    }

    .h-lg-10px,
    .size-lg-10px {
        height: 10px;
    }

    .h-lg-15px,
    .size-lg-15px {
        height: 15px;
    }

    .h-lg-20px,
    .size-lg-20px {
        height: 20px;
    }

    .h-lg-25px,
    .size-lg-25px {
        height: 25px;
    }

    .h-lg-30px,
    .size-lg-30px {
        height: 30px;
    }

    .h-lg-35px,
    .size-lg-35px {
        height: 35px;
    }

    .h-lg-40px,
    .size-lg-40px {
        height: 40px;
    }

    .h-lg-45px,
    .size-lg-45px {
        height: 45px;
    }

    .h-lg-48px,
    .size-lg-48px {
        height: 48px;
    }

    .h-lg-50px,
    .size-lg-50px {
        height: 50px;
    }

    .h-lg-60px,
    .size-lg-60px {
        height: 60px;
    }

    .h-lg-70px,
    .size-lg-70px {
        height: 70px;
    }

    .h-lg-80px,
    .size-lg-80px {
        height: 80px;
    }

    .h-lg-90px,
    .size-lg-90px {
        height: 90px;
    }

    .h-lg-100px,
    .size-lg-100px {
        height: 100px;
    }

    .h-lg-110px,
    .size-lg-110px {
        height: 110px;
    }

    .h-lg-120px,
    .size-lg-120px {
        height: 120px;
    }

    .h-lg-130px,
    .size-lg-130px {
        height: 130px;
    }

    .h-lg-140px,
    .size-lg-140px {
        height: 140px;
    }

    .h-lg-150px,
    .size-lg-150px {
        height: 150px;
    }

    .h-lg-160px,
    .size-lg-160px {
        height: 160px;
    }

    .h-lg-170px,
    .size-lg-170px {
        height: 170px;
    }

    .h-lg-180px,
    .size-lg-180px {
        height: 180px;
    }

    .h-lg-190px,
    .size-lg-190px {
        height: 190px;
    }

    .h-lg-200px,
    .size-lg-200px {
        height: 200px;
    }

    .h-lg-210px,
    .size-lg-210px {
        height: 210px;
    }

    .h-lg-220px,
    .size-lg-220px {
        height: 220px;
    }

    .h-lg-230px,
    .size-lg-230px {
        height: 230px;
    }

    .h-lg-250px,
    .size-lg-250px {
        height: 250px;
    }

    .h-lg-260px,
    .size-lg-260px {
        height: 260px;
    }

    .h-lg-280px,
    .size-lg-280px {
        height: 280px;
    }

    .h-lg-290px,
    .size-lg-290px {
        height: 290px;
    }

    .h-lg-300px,
    .size-lg-300px {
        height: 300px;
    }

    .h-lg-340px,
    .size-lg-340px {
        height: 340px;
    }

    .h-lg-350px,
    .size-lg-350px {
        height: 350px;
    }

    .h-lg-360px,
    .size-lg-360px {
        height: 360px;
    }

    .h-lg-400px,
    .size-lg-400px {
        height: 400px;
    }

    .h-lg-420px,
    .size-lg-420px {
        height: 420px;
    }

    .h-lg-450px,
    .size-lg-450px {
        height: 450px;
    }

    .h-lg-500px,
    .size-lg-500px {
        height: 500px;
    }

    .flex-grow-lg-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }

    .flex-grow-lg-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important;
    }

    .card-columns {
        column-count: 3 !important;
    }
}

@media (max-width: 991.98px) {
    .sidebar-lg {
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        position: fixed;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 1;
    }

    .sidebar-lg .collapse-sidebar {
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        position: fixed;
        width: 400px;
        max-width: 320px;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 2;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        overflow-y: auto;
    }

    .sidebar-lg.sidebar-right .collapse-sidebar {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        left: auto;
        right: 0;
    }

    .sidebar-lg.sidebar-auto .collapse-sidebar {
        width: auto;
        max-width: 100%;
        height: auto;
        -webkit-transform: translate(-50%, -100px);
        transform: translate(-50%, -100px);
        left: 50%;
        top: 0;
    }

    .sidebar-lg.sidebar-full .collapse-sidebar {
        width: 100%;
        max-width: 100%;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        left: auto;
        right: 0;
    }

    .sidebar-lg,
    .sidebar-lg .collapse-sidebar,
    .sidebar-lg .overlay {
        opacity: 0;
        visibility: hidden;
    }
}

@media (max-width: 1199.98px) {
    .top-product-filters {
        display: none;
    }
    
    .sidebar-xl {
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        position: fixed;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 1;
    }

    .sidebar-xl .collapse-sidebar {
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        position: fixed;
        width: 400px;
        max-width: 320px;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 2;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        /* overflow-y: auto; */
    }

    .sidebar-xl.sidebar-right .collapse-sidebar {
        left: auto;
        right: 0;
    }

    .sidebar-xl.sidebar-auto .collapse-sidebar {
        width: auto;
        max-width: 100%;
        height: auto;
        -webkit-transform: translate(-50%, -100px);
        transform: translate(-50%, -100px);
        left: 50%;
        top: 0;
    }

    .sidebar-xl.sidebar-full .collapse-sidebar {
        width: 100%;
        max-width: 100%;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        left: auto;
        right: 0;
    }

    .sidebar-xl,
    .sidebar-xl .collapse-sidebar,
    .sidebar-xl .overlay {
        opacity: 0;
        visibility: hidden;
    }
}
@media only screen and (max-width: 1149px) {
    .flat-spacing-5 {
        padding: 64px 0px;
    }

    .flat-spacing-7 {
        padding-bottom: 50px;
    }

    .flat-spacing-10 {
        padding: 46px 0px;
    }

    .flat-spacing-12 {
        padding-top: 85px;
        padding-bottom: 85px;
    }

    .flat-spacing-13 {
        padding-top: 10px;
        padding-bottom: 34px;
    }

    .flat-spacing-17 {
        padding-top: 85px;
        padding-bottom: 67px;
    }

    .flat-spacing-24 {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .flat-spacing-27 {
        padding-top: 75px;
        padding-bottom: 75px;
    }

    .modal-shopping-cart .header {
        margin: 0 15px;
    }
    .modal-shopping-cart .tf-mini-cart-threshold {
        margin: 0 15px;
    }
    .modal-shopping-cart .tf-mini-cart-bottom-wrap {
        padding: 10px 15px 15px;
    }
    .modal-shopping-cart .tf-mini-cart-bottom-wrap .tf-mini-cart-view-checkout {
        flex-direction: column;
    }

    .slider-effect .box-content .heading {
        font-size: 40px;
        line-height: 48px;
        margin-bottom: 14px;
    }

    .btn-sidebar-style2,
    .btn-sidebar-mobile {
        display: block;
    }

    #left_side_bar_blog_layout {
        display: none;
    }

    .tf-slideshow .sw-absolute-2 .sw-dots {
        justify-content: center;
    }
    .tf-slideshow .card-box {
        background-color: rgba(0, 0, 0, 0.3);
        padding: 20px;
        border-radius: 10px;
        width: max-content;
    }
    .tf-slideshow .card-box .tf-btn {
        font-size: 14px;
        line-height: 46px;
    }
    .tf-slideshow .card-box .heading br {
        display: none;
    }
    .tf-slideshow .sw-absolute-3 {
        left: 0;
        right: 0;
    }
    .tf-slideshow .sw-absolute-3 .sw-dots {
        flex-direction: row;
        justify-content: center;
    }

    .header-style-2 .header-bottom .box-navigation {
        display: none;
    }

    .header-style-3 .box-navigation {
        display: none;
    }

    .wrapper-thumbs-testimonial .box-left {
        padding-right: 33px;
        padding-left: 10px;
    }
}

@media (min-width: 1025px) {
    .tf-flash-sale .heading-flash-sale {
        font-size: 42px;
        line-height: 50.4px;
    }
}

@media (min-width: 1150px) {
    .tf-marquee .wrap-marquee {
        -webkit-animation: slide-har 15s linear infinite;
        animation: slide-har 15s linear infinite;
    }
    .tf-marquee {
        padding-top: 31px;
        padding-bottom: 31px;
    }
    .lg-px_40 {
        padding-left: 40px;
        padding-right: 40px;
    }
    /* .container {
        padding-left: 50px;
        padding-right: 50px;
    } */

    .flat-title {
        margin-bottom: 0px;
    }

    .flat-title .title {
        font-size: 42px;
        line-height: 50.4px;
    }

    .flat-iconbox .wrap-iconbox {
        grid-template-columns: repeat(4, 1fr);
    }
    .wrapper-thumbs-testimonial .box-right {
        padding-right: 80px;
    }
    .tf-countdown-v2 .countdown__item {
        padding: 0px 20px;
        min-height: 84px;
        min-width: 90px;
    }
    .tf-countdown-v2 .countdown__value {
        font-size: 32px;
        line-height: 38.4px;
    }
    .collection-item-circle .collection-content {
        margin-top: 45px;
    }
    .testimonial-item .icon {
        margin-bottom: 40px;
    }

    .testimonial-item .rating {
        margin-bottom: 26px;
    }

    .tf-sticky-btn-atc {
        display: block;
    }
    .animate-hover-btn:hover::after {
        animation: shine 0.75s cubic-bezier(0.01, 0.56, 1, 1) !important;
    }

    @keyframes shine {
        100% {
            left: -200%;
        }
    }

    .collection-item .collection-content {
        bottom: 80px;
    }

    .collection-item .collection-title {
        height: 46px;
        padding: 0 30px;
        /* font-size: 18px; */
        /* line-height: 46px; */
    }

    /* .img-text-3.img-text-3-style-2 .tf-image {
        padding: 50px 0px;
    } */

    .tf-image-wrap {
        position: relative;
    }
    .tf-image-wrap::before {
        content: "";
        position: absolute;
        top: -100%;
        left: 0;
        width: 50%;
        height: 100%;
        background: rgb(0, 0, 0);
        transition: 0.25s;
        z-index: 3;
        opacity: 0.1;
    }
    .tf-image-wrap::after {
        content: "";
        position: absolute;
        bottom: -100%;
        right: 0;
        width: 50%;
        height: 100%;
        background: rgb(0, 0, 0);
        transition: 0.25s;
        z-index: 3;
        opacity: 0.1;
    }
    .tf-image-wrap:hover::after {
        bottom: 0;
        transition-delay: 0.25s;
    }
    .tf-image-wrap:hover::before {
        top: 0;
    }

    .tf-img-with-text .tf-content-wrap {
        place-self: center start;
    }

    .img-text-3 .tf-content-wrap {
        padding: 20px 20px 20px 90px;
    }

    .img-text-3.img-text-3-style-2 .subheading {
        font-size: 18px;
    }

    .img-text-3.img-text-3-style-2 .heading {
        font-size: 46px;
        line-height: 55.2px;
    }

    .tf-content-wrap .heading {
        font-size: 30px;
    }

    .tf-content-wrap .tf-btn {
        margin-top: 34px;
    }

    .blog-sidebar-main,
    .blog-list-main {
        display: flex;
        gap: 30px;
    }
    .blog-sidebar-main > .list-blog,
    .blog-list-main > .list-blog {
        width: calc(75% - 15px);
    }
    .blog-sidebar-main > .tf-section-sidebar,
    .blog-list-main > .tf-section-sidebar {
        width: calc(25% - 15px);
    }

    .tf-timeline-inner {
        gap: 190px;
        padding-top: 90px;
        padding-bottom: 90px;
    }
    .tf-timeline-inner::before,
    .tf-timeline-inner::after {
        width: 40px;
    }
    .tf-timeline-inner::before {
        left: calc(50% + 35px);
    }
    .tf-timeline-inner::after {
        right: calc(50% + 35px);
    }

    .tf-slideshow .banner-wrapper .tf-btn {
        margin-top: 40px;
    }

    .blog-detail .blog-detail-main .tf-article-navigation .icon {
        width: 46px;
        height: 46px;
    }

    .header-style-3 .wrapper-header {
        min-height: 86px;
    }

    .header-style-4 .wrapper-header {
        min-height: 103px;
    }

    .tf-lg-hidden {
        display: none;
    }
    .tf-md-hidden {
        display: block;
    }

    .flat-thumbs-testimonial-v2 .box-left .text {
        font-size: 28px;
        line-height: 44.8px;
    }
}

@media (min-width: 1200px) {
    .border-xl {
        border: 1px solid #dfdfe6 !important;
    }

    .border-xl-top {
        border-top: 1px solid #dfdfe6 !important;
    }

    .border-xl-right {
        border-right: 1px solid #dfdfe6 !important;
    }

    .border-xl-bottom {
        border-bottom: 1px solid #dfdfe6 !important;
    }

    .border-xl-left {
        border-left: 1px solid #dfdfe6 !important;
    }

    .border-xl-0 {
        border: 0 !important;
    }

    .border-xl-top-0 {
        border-top: 0 !important;
    }

    .border-xl-right-0 {
        border-right: 0 !important;
    }

    .border-xl-bottom-0 {
        border-bottom: 0 !important;
    }

    .border-xl-left-0 {
        border-left: 0 !important;
    }

    .w-xl-25 {
        width: 25% !important;
    }

    .w-xl-50 {
        width: 50% !important;
    }

    .w-xl-75 {
        width: 75% !important;
    }

    .w-xl-100 {
        width: 100% !important;
    }

    .w-xl-auto {
        width: auto !important;
    }

    .p-xl-6,
    .pl-xl-6,
    .px-xl-6 {
        padding-left: 4rem;
    }

    .p-xl-7,
    .pl-xl-7,
    .px-xl-7 {
        padding-left: 5rem;
    }

    .p-xl-8,
    .pl-xl-8,
    .px-xl-8 {
        padding-left: 6rem;
    }

    .p-xl-9,
    .pl-xl-9,
    .px-xl-9 {
        padding-left: 8rem;
    }

    .p-xl-10,
    .pl-xl-10,
    .px-xl-10 {
        padding-left: 10rem;
    }

    .p-xl-11,
    .pl-xl-11,
    .px-xl-11 {
        padding-left: 12rem;
    }

    .p-xl-12,
    .pl-xl-12,
    .px-xl-12 {
        padding-left: 16rem;
    }

    .p-xl-2rem,
    .pl-xl-2rem,
    .px-xl-2rem {
        padding-left: 2rem !important;
    }

    .p-xl-6,
    .pr-xl-6,
    .px-xl-6 {
        padding-right: 4rem;
    }

    .p-xl-7,
    .pr-xl-7,
    .px-xl-7 {
        padding-right: 5rem;
    }

    .p-xl-8,
    .pr-xl-8,
    .px-xl-8 {
        padding-right: 6rem;
    }

    .p-xl-9,
    .pr-xl-9,
    .px-xl-9 {
        padding-right: 8rem;
    }

    .p-xl-10,
    .pr-xl-10,
    .px-xl-10 {
        padding-right: 10rem;
    }

    .p-xl-11,
    .pr-xl-11,
    .px-xl-11 {
        padding-right: 12rem;
    }

    .p-xl-12,
    .pr-xl-12,
    .px-xl-12 {
        padding-right: 16rem;
    }

    .p-xl-6,
    .pt-xl-6,
    .py-xl-6 {
        padding-top: 4rem;
    }

    .p-xl-7,
    .pt-xl-7,
    .py-xl-7 {
        padding-top: 5rem;
    }

    .p-xl-8,
    .pt-xl-8,
    .py-xl-8 {
        padding-top: 6rem;
    }

    .p-xl-9,
    .pt-xl-9,
    .py-xl-9 {
        padding-top: 8rem;
    }

    .p-xl-10,
    .pt-xl-10,
    .py-xl-10 {
        padding-top: 10rem;
    }

    .p-xl-11,
    .pt-xl-11,
    .py-xl-11 {
        padding-top: 12rem;
    }

    .p-xl-12,
    .pt-xl-12,
    .py-xl-12 {
        padding-top: 16rem;
    }

    .p-xl-2rem,
    .pt-xl-2rem,
    .py-xl-2rem {
        padding-top: 2rem !important;
    }

    .p-xl-6,
    .pb-xl-6,
    .py-xl-6 {
        padding-bottom: 4rem;
    }

    .p-xl-7,
    .pb-xl-7,
    .py-xl-7 {
        padding-bottom: 5rem;
    }

    .p-xl-8,
    .pb-xl-8,
    .py-xl-8 {
        padding-bottom: 6rem;
    }

    .p-xl-9,
    .pb-xl-9,
    .py-xl-9 {
        padding-bottom: 8rem;
    }

    .p-xl-10,
    .pb-xl-10,
    .py-xl-10 {
        padding-bottom: 10rem;
    }

    .p-xl-11,
    .pb-xl-11,
    .py-xl-11 {
        padding-bottom: 12rem;
    }

    .p-xl-12,
    .pb-xl-12,
    .py-xl-12 {
        padding-bottom: 16rem;
    }

    .p-xl-2rem,
    .pb-xl-2rem,
    .py-xl-2rem {
        padding-bottom: 2rem !important;
    }

    .p-xl-5px,
    .pl-xl-5px,
    .px-xl-5px {
        padding-left: 5px;
    }

    .p-xl-10px,
    .pl-xl-10px,
    .px-xl-10px {
        padding-left: 10px;
    }

    .p-xl-14px,
    .pl-xl-14px,
    .px-xl-14px {
        padding-left: 14px;
    }

    .p-xl-15px,
    .pl-xl-15px,
    .px-xl-15px {
        padding-left: 15px;
    }

    .p-xl-20px,
    .pl-xl-20px,
    .px-xl-20px {
        padding-left: 20px;
    }

    .p-xl-25px,
    .pl-xl-25px,
    .px-xl-25px {
        padding-left: 25px;
    }

    .p-xl-30px,
    .pl-xl-30px,
    .px-xl-30px {
        padding-left: 30px;
    }

    .p-xl-5px,
    .pr-xl-5px,
    .px-xl-5px {
        padding-right: 5px;
    }

    .p-xl-10px,
    .pr-xl-10px,
    .px-xl-10px {
        padding-right: 10px;
    }

    .p-xl-15px,
    .pr-xl-15px,
    .px-xl-15px {
        padding-right: 15px;
    }

    .p-xl-20px,
    .pr-xl-20px,
    .px-xl-20px {
        padding-right: 20px;
    }

    .p-xl-25px,
    .pr-xl-25px,
    .px-xl-25px {
        padding-right: 25px;
    }

    .p-xl-30px,
    .pr-xl-30px,
    .px-xl-30px {
        padding-right: 30px;
    }

    .p-xl-5px,
    .pt-xl-5px,
    .py-xl-5px {
        padding-top: 5px;
    }

    .p-xl-10px,
    .pt-xl-10px,
    .py-xl-10px {
        padding-top: 10px;
    }

    .p-xl-14px,
    .pt-xl-14px,
    .py-xl-14px {
        padding-top: 14px;
    }

    .p-xl-15px,
    .pt-xl-15px,
    .py-xl-15px {
        padding-top: 15px;
    }

    .p-xl-20px,
    .pt-xl-20px,
    .py-xl-20px {
        padding-top: 20px;
    }

    .p-xl-25px,
    .pt-xl-25px,
    .py-xl-25px {
        padding-top: 25px;
    }

    .p-xl-30px,
    .pt-xl-30px,
    .py-xl-30px {
        padding-top: 30px;
    }

    .p-xl-5px,
    .pb-xl-5px,
    .py-xl-5px {
        padding-bottom: 5px;
    }

    .p-xl-10px,
    .pb-xl-10px,
    .py-xl-10px {
        padding-bottom: 10px;
    }

    .p-xl-14px,
    .pb-xl-14px,
    .py-xl-14px {
        padding-bottom: 14px;
    }

    .p-xl-15px,
    .pb-xl-15px,
    .py-xl-15px {
        padding-bottom: 15px;
    }

    .p-xl-20px,
    .pb-xl-20px,
    .py-xl-20px {
        padding-bottom: 20px;
    }

    .p-xl-25px,
    .pb-xl-25px,
    .py-xl-25px {
        padding-bottom: 25px;
    }

    .p-xl-30px,
    .pb-xl-30px,
    .py-xl-30px {
        padding-bottom: 30px;
    }

    .w-xl-auto {
        width: auto;
    }

    .size-xl-5px,
    .w-xl-5px {
        width: 5px;
    }

    .size-xl-10px,
    .w-xl-10px {
        width: 10px;
    }

    .size-xl-15px,
    .w-xl-15px {
        width: 15px;
    }

    .size-xl-20px,
    .w-xl-20px {
        width: 20px;
    }

    .size-xl-25px,
    .w-xl-25px {
        width: 25px;
    }

    .size-xl-30px,
    .w-xl-30px {
        width: 30px;
    }

    .size-xl-35px,
    .w-xl-35px {
        width: 35px;
    }

    .size-xl-40px,
    .w-xl-40px {
        width: 40px;
    }

    .size-xl-48px,
    .w-xl-48px {
        width: 48px;
    }

    .size-xl-50px,
    .w-xl-50px {
        width: 50px;
    }

    .size-xl-60px,
    .w-xl-60px {
        width: 60px;
    }

    .size-xl-70px,
    .w-xl-70px {
        width: 70px;
    }

    .size-xl-80px,
    .w-xl-80px {
        width: 80px;
    }

    .size-xl-90px,
    .w-xl-90px {
        width: 90px;
    }

    .size-xl-100px,
    .w-xl-100px {
        width: 100px;
    }

    .size-xl-110px,
    .w-xl-110px {
        width: 110px;
    }

    .size-xl-120px,
    .w-xl-120px {
        width: 120px;
    }

    .size-xl-130px,
    .w-xl-130px {
        width: 130px;
    }

    .size-xl-140px,
    .w-xl-140px {
        width: 140px;
    }

    .size-xl-150px,
    .w-xl-150px {
        width: 150px;
    }

    .size-xl-160px,
    .w-xl-160px {
        width: 160px;
    }

    .size-xl-180px,
    .w-xl-180px {
        width: 180px;
    }

    .size-xl-190px,
    .w-xl-190px {
        width: 190px;
    }

    .size-xl-200px,
    .w-xl-200px {
        width: 200px;
    }

    .size-xl-210px,
    .w-xl-210px {
        width: 210px;
    }

    .size-xl-230px,
    .w-xl-230px {
        width: 230px;
    }

    .size-xl-250px,
    .w-xl-250px {
        width: 250px;
    }

    .size-xl-260px,
    .w-xl-260px {
        width: 260px;
    }

    .size-xl-290px,
    .w-xl-290px {
        width: 290px;
    }

    .size-xl-300px,
    .w-xl-300px {
        width: 300px;
    }

    .size-xl-340px,
    .w-xl-340px {
        width: 340px;
    }

    .size-xl-350px,
    .w-xl-350px {
        width: 350px;
    }

    .size-xl-360px,
    .w-xl-360px {
        width: 360px;
    }

    .size-xl-400px,
    .w-xl-400px {
        width: 400px;
    }

    .size-xl-420px,
    .w-xl-420px {
        width: 420px;
    }

    .size-xl-450px,
    .w-xl-450px {
        width: 450px;
    }

    .size-xl-500px,
    .w-xl-500px {
        width: 500px;
    }

    .h-xl-auto {
        height: auto;
    }

    .h-xl-5px,
    .size-xl-5px {
        height: 5px;
    }

    .h-xl-10px,
    .size-xl-10px {
        height: 10px;
    }

    .h-xl-15px,
    .size-xl-15px {
        height: 15px;
    }

    .h-xl-20px,
    .size-xl-20px {
        height: 20px;
    }

    .h-xl-25px,
    .size-xl-25px {
        height: 25px;
    }

    .h-xl-30px,
    .size-xl-30px {
        height: 30px;
    }

    .h-xl-35px,
    .size-xl-35px {
        height: 35px;
    }

    .h-xl-40px,
    .size-xl-40px {
        height: 40px;
    }

    .h-xl-48px,
    .size-xl-48px {
        height: 48px;
    }

    .h-xl-50px,
    .size-xl-50px {
        height: 50px;
    }

    .h-xl-60px,
    .size-xl-60px {
        height: 60px;
    }

    .h-xl-70px,
    .size-xl-70px {
        height: 70px;
    }

    .h-xl-80px,
    .size-xl-80px {
        height: 80px;
    }

    .h-xl-90px,
    .size-xl-90px {
        height: 90px;
    }

    .h-xl-100px,
    .size-xl-100px {
        height: 100px;
    }

    .h-xl-110px,
    .size-xl-110px {
        height: 110px;
    }

    .h-xl-120px,
    .size-xl-120px {
        height: 120px;
    }

    .h-xl-130px,
    .size-xl-130px {
        height: 130px;
    }

    .h-xl-140px,
    .size-xl-140px {
        height: 140px;
    }

    .h-xl-150px,
    .size-xl-150px {
        height: 150px;
    }

    .h-xl-160px,
    .size-xl-160px {
        height: 160px;
    }

    .h-xl-180px,
    .size-xl-180px {
        height: 180px;
    }

    .h-xl-190px,
    .size-xl-190px {
        height: 190px;
    }

    .h-xl-200px,
    .size-xl-200px {
        height: 200px;
    }

    .h-xl-210px,
    .size-xl-210px {
        height: 210px;
    }

    .h-xl-230px,
    .size-xl-230px {
        height: 230px;
    }

    .h-xl-250px,
    .size-xl-250px {
        height: 250px;
    }

    .h-xl-260px,
    .size-xl-260px {
        height: 260px;
    }

    .h-xl-290px,
    .size-xl-290px {
        height: 290px;
    }

    .h-xl-300px,
    .size-xl-300px {
        height: 300px;
    }

    .h-xl-340px,
    .size-xl-340px {
        height: 340px;
    }

    .h-xl-350px,
    .size-xl-350px {
        height: 350px;
    }

    .h-xl-360px,
    .size-xl-360px {
        height: 360px;
    }

    .h-xl-400px,
    .size-xl-400px {
        height: 400px;
    }

    .h-xl-420px,
    .size-xl-420px {
        height: 420px;
    }

    .h-xl-450px,
    .size-xl-450px {
        height: 450px;
    }

    .h-xl-500px,
    .size-xl-500px {
        height: 500px;
    }

    .flex-grow-xl-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }

    .flex-grow-xl-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important;
    }
}

@media only screen and (max-width: 1200px) {
    .tf-top-bar_wrap .tf-social-icon,
    .tf-top-bar_wrap .top-bar-language,
    .tf-top-bar_left {
        display: none !important;
    }

    .tf-top-bar .grid-3 {
        grid-template-columns: 1fr;
    }

    .tf-top-bar_wrap.grid-3 {
        grid-template-columns: 1fr;
    }
    .wrapper-header .nav-icon {
        gap: 14px;
    }
}

@media (min-width: 1441px) {
    .card-product .card-product-wrapper .list-product-btn.absolute-2 {
        bottom: 25px;
    }
    .tf-flash-sale {
        padding: 60px 40px;
    }
    .tf-flash-sale .heading-flash-sale {
        margin-left: 55px;
        padding: 4px 30px;
        gap: 20px;
    }
    .header-default .box-nav-ul {
        gap: 30px;
    }
    .header-default .box-nav-ul.gap-40 {
        gap: 40px;
    }
}

@media (min-width: 1500px) {
    .border-xxl {
        border: 1px solid #dfdfe6 !important;
    }

    .border-xxl-top {
        border-top: 1px solid #dfdfe6 !important;
    }

    .border-xxl-right {
        border-right: 1px solid #dfdfe6 !important;
    }

    .border-xxl-bottom {
        border-bottom: 1px solid #dfdfe6 !important;
    }

    .border-xxl-left {
        border-left: 1px solid #dfdfe6 !important;
    }

    .border-xxl-0 {
        border: 0 !important;
    }

    .border-xxl-top-0 {
        border-top: 0 !important;
    }

    .border-xxl-right-0 {
        border-right: 0 !important;
    }

    .border-xxl-bottom-0 {
        border-bottom: 0 !important;
    }

    .border-xxl-left-0 {
        border-left: 0 !important;
    }

    .w-xxl-25 {
        width: 25% !important;
    }

    .w-xxl-50 {
        width: 50% !important;
    }

    .w-xxl-75 {
        width: 75% !important;
    }

    .w-xxl-100 {
        width: 100% !important;
    }

    .w-xxl-auto {
        width: auto !important;
    }

    .container,
    .container-xxl {
        max-width: 1400px;
    }

    .col-xxl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-xxl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100;
    }

    .col-xxl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-xxl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-xxl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-xxl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-xxl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-xxl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xxl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-xxl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-xxl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-xxl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-xxl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-xxl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .p-xxl-6,
    .pl-xxl-6,
    .px-xxl-6 {
        padding-left: 4rem;
    }

    .p-xxl-7,
    .pl-xxl-7,
    .px-xxl-7 {
        padding-left: 5rem;
    }

    .p-xxl-8,
    .pl-xxl-8,
    .px-xxl-8 {
        padding-left: 6rem;
    }

    .p-xxl-9,
    .pl-xxl-9,
    .px-xxl-9 {
        padding-left: 8rem;
    }

    .p-xxl-10,
    .pl-xxl-10,
    .px-xxl-10 {
        padding-left: 10rem;
    }

    .p-xxl-11,
    .pl-xxl-11,
    .px-xxl-11 {
        padding-left: 12rem;
    }

    .p-xxl-12,
    .pl-xxl-12,
    .px-xxl-12 {
        padding-left: 16rem;
    }

    .p-xxl-2rem,
    .pl-xxl-2rem,
    .px-xxl-2rem {
        padding-left: 2rem !important;
    }

    .p-xxl-6,
    .pr-xxl-6,
    .px-xxl-6 {
        padding-right: 4rem;
    }

    .p-xxl-7,
    .pr-xxl-7,
    .px-xxl-7 {
        padding-right: 5rem;
    }

    .p-xxl-8,
    .pr-xxl-8,
    .px-xxl-8 {
        padding-right: 6rem;
    }

    .p-xxl-9,
    .pr-xxl-9,
    .px-xxl-9 {
        padding-right: 8rem;
    }

    .p-xxl-10,
    .pr-xxl-10,
    .px-xxl-10 {
        padding-right: 10rem;
    }

    .p-xxl-11,
    .pr-xxl-11,
    .px-xxl-11 {
        padding-right: 12rem;
    }

    .p-xxl-12,
    .pr-xxl-12,
    .px-xxl-12 {
        padding-right: 16rem;
    }

    .p-xxl-6,
    .pt-xxl-6,
    .py-xxl-6 {
        padding-top: 4rem;
    }

    .p-xxl-7,
    .pt-xxl-7,
    .py-xxl-7 {
        padding-top: 5rem;
    }

    .p-xxl-8,
    .pt-xxl-8,
    .py-xxl-8 {
        padding-top: 6rem;
    }

    .p-xxl-9,
    .pt-xxl-9,
    .py-xxl-9 {
        padding-top: 8rem;
    }

    .p-xxl-10,
    .pt-xxl-10,
    .py-xxl-10 {
        padding-top: 10rem;
    }

    .p-xxl-11,
    .pt-xxl-11,
    .py-xxl-11 {
        padding-top: 12rem;
    }

    .p-xxl-12,
    .pt-xxl-12,
    .py-xxl-12 {
        padding-top: 16rem;
    }

    .p-xxl-2rem,
    .pt-xxl-2rem,
    .py-xxl-2rem {
        padding-top: 2rem !important;
    }

    .p-xxl-6,
    .pb-xxl-6,
    .py-xxl-6 {
        padding-bottom: 4rem;
    }

    .p-xxl-7,
    .pb-xxl-7,
    .py-xxl-7 {
        padding-bottom: 5rem;
    }

    .p-xxl-8,
    .pb-xxl-8,
    .py-xxl-8 {
        padding-bottom: 6rem;
    }

    .p-xxl-9,
    .pb-xxl-9,
    .py-xxl-9 {
        padding-bottom: 8rem;
    }

    .p-xxl-10,
    .pb-xxl-10,
    .py-xxl-10 {
        padding-bottom: 10rem;
    }

    .p-xxl-11,
    .pb-xxl-11,
    .py-xxl-11 {
        padding-bottom: 12rem;
    }

    .p-xxl-12,
    .pb-xxl-12,
    .py-xxl-12 {
        padding-bottom: 16rem;
    }

    .p-xxl-2rem,
    .pb-xxl-2rem,
    .py-xxl-2rem {
        padding-bottom: 2rem !important;
    }

    .p-xxl-5px,
    .pl-xxl-5px,
    .px-xxl-5px {
        padding-left: 5px;
    }

    .p-xxl-10px,
    .pl-xxl-10px,
    .px-xxl-10px {
        padding-left: 10px;
    }

    .p-xxl-15px,
    .pl-xxl-15px,
    .px-xxl-15px {
        padding-left: 15px;
    }

    .p-xxl-20px,
    .pl-xxl-20px,
    .px-xxl-20px {
        padding-left: 20px;
    }

    .p-xxl-25px,
    .pl-xxl-25px,
    .px-xxl-25px {
        padding-left: 25px;
    }

    .p-xxl-30px,
    .pl-xxl-30px,
    .px-xxl-30px {
        padding-left: 30px;
    }

    .p-xxl-5px,
    .pr-xxl-5px,
    .px-xxl-5px {
        padding-right: 5px;
    }

    .p-xxl-10px,
    .pr-xxl-10px,
    .px-xxl-10px {
        padding-right: 10px;
    }

    .p-xxl-15px,
    .pr-xxl-15px,
    .px-xxl-15px {
        padding-right: 15px;
    }

    .p-xxl-20px,
    .pr-xxl-20px,
    .px-xxl-20px {
        padding-right: 20px;
    }

    .p-xxl-25px,
    .pr-xxl-25px,
    .px-xxl-25px {
        padding-right: 25px;
    }

    .p-xxl-30px,
    .pr-xxl-30px,
    .px-xxl-30px {
        padding-right: 30px;
    }

    .p-xxl-5px,
    .pt-xxl-5px,
    .py-xxl-5px {
        padding-top: 5px;
    }

    .p-xxl-10px,
    .pt-xxl-10px,
    .py-xxl-10px {
        padding-top: 10px;
    }

    .p-xxl-15px,
    .pt-xxl-15px,
    .py-xxl-15px {
        padding-top: 15px;
    }

    .p-xxl-20px,
    .pt-xxl-20px,
    .py-xxl-20px {
        padding-top: 20px;
    }

    .p-xxl-25px,
    .pt-xxl-25px,
    .py-xxl-25px {
        padding-top: 25px;
    }

    .p-xxl-30px,
    .pt-xxl-30px,
    .py-xxl-30px {
        padding-top: 30px;
    }

    .p-xxl-5px,
    .pb-xxl-5px,
    .py-xxl-5px {
        padding-bottom: 5px;
    }

    .p-xxl-10px,
    .pb-xxl-10px,
    .py-xxl-10px {
        padding-bottom: 10px;
    }

    .p-xxl-15px,
    .pb-xxl-15px,
    .py-xxl-15px {
        padding-bottom: 15px;
    }

    .p-xxl-20px,
    .pb-xxl-20px,
    .py-xxl-20px {
        padding-bottom: 20px;
    }

    .p-xxl-25px,
    .pb-xxl-25px,
    .py-xxl-25px {
        padding-bottom: 25px;
    }

    .p-xxl-30px,
    .pb-xxl-30px,
    .py-xxl-30px {
        padding-bottom: 30px;
    }

    .w-xxl-auto {
        width: auto;
    }

    .size-xxl-5px,
    .w-xxl-5px {
        width: 5px;
    }

    .size-xxl-10px,
    .w-xxl-10px {
        width: 10px;
    }

    .size-xxl-15px,
    .w-xxl-15px {
        width: 15px;
    }

    .size-xxl-20px,
    .w-xxl-20px {
        width: 20px;
    }

    .size-xxl-25px,
    .w-xxl-25px {
        width: 25px;
    }

    .size-xxl-30px,
    .w-xxl-30px {
        width: 30px;
    }

    .size-xxl-35px,
    .w-xxl-35px {
        width: 35px;
    }

    .size-xxl-40px,
    .w-xxl-40px {
        width: 40px;
    }

    .size-xxl-48px,
    .w-xxl-48px {
        width: 48px;
    }

    .size-xxl-50px,
    .w-xxl-50px {
        width: 50px;
    }

    .size-xxl-60px,
    .w-xxl-60px {
        width: 60px;
    }

    .size-xxl-70px,
    .w-xxl-70px {
        width: 70px;
    }

    .size-xxl-90px,
    .w-xxl-90px {
        width: 90px;
    }

    .size-xxl-100px,
    .w-xxl-100px {
        width: 100px;
    }

    .size-xxl-110px,
    .w-xxl-110px {
        width: 110px;
    }

    .size-xxl-120px,
    .w-xxl-120px {
        width: 120px;
    }

    .size-xxl-130px,
    .w-xxl-130px {
        width: 130px;
    }

    .size-xxl-140px,
    .w-xxl-140px {
        width: 140px;
    }

    .size-xxl-150px,
    .w-xxl-150px {
        width: 150px;
    }

    .size-xxl-160px,
    .w-xxl-160px {
        width: 160px;
    }

    .size-xxl-180px,
    .w-xxl-180px {
        width: 180px;
    }

    .size-xxl-190px,
    .w-xxl-190px {
        width: 190px;
    }

    .size-xxl-200px,
    .w-xxl-200px {
        width: 200px;
    }

    .size-xxl-210px,
    .w-xxl-210px {
        width: 210px;
    }

    .size-xxl-220px,
    .w-xxl-220px {
        width: 220px;
    }

    .size-xxl-230px,
    .w-xxl-230px {
        width: 230px;
    }

    .size-xxl-250px,
    .w-xxl-250px {
        width: 250px;
    }

    .size-xxl-280px,
    .w-xxl-280px {
        width: 280px;
    }

    .size-xxl-290px,
    .w-xxl-290px {
        width: 290px;
    }

    .size-xxl-300px,
    .w-xxl-300px {
        width: 300px;
    }

    .size-xxl-340px,
    .w-xxl-340px {
        width: 340px;
    }

    .size-xxl-350px,
    .w-xxl-350px {
        width: 350px;
    }

    .size-xxl-400px,
    .w-xxl-400px {
        width: 400px;
    }

    .size-xxl-420px,
    .w-xxl-420px {
        width: 420px;
    }

    .size-xxl-450px,
    .w-xxl-450px {
        width: 450px;
    }

    .size-xxl-500px,
    .w-xxl-500px {
        width: 500px;
    }

    .h-xxl-auto {
        height: auto;
    }

    .h-xxl-5px,
    .size-xxl-5px {
        height: 5px;
    }

    .h-xxl-10px,
    .size-xxl-10px {
        height: 10px;
    }

    .h-xxl-15px,
    .size-xxl-15px {
        height: 15px;
    }

    .h-xxl-20px,
    .size-xxl-20px {
        height: 20px;
    }

    .h-xxl-25px,
    .size-xxl-25px {
        height: 25px;
    }

    .h-xxl-30px,
    .size-xxl-30px {
        height: 30px;
    }

    .h-xxl-35px,
    .size-xxl-35px {
        height: 35px;
    }

    .h-xxl-40px,
    .size-xxl-40px {
        height: 40px;
    }

    .h-xxl-48px,
    .size-xxl-48px {
        height: 48px;
    }

    .h-xxl-50px,
    .size-xxl-50px {
        height: 50px;
    }

    .h-xxl-60px,
    .size-xxl-60px {
        height: 60px;
    }

    .h-xxl-70px,
    .size-xxl-70px {
        height: 70px;
    }

    .h-xxl-90px,
    .size-xxl-90px {
        height: 90px;
    }

    .h-xxl-100px,
    .size-xxl-100px {
        height: 100px;
    }

    .h-xxl-110px,
    .size-xxl-110px {
        height: 110px;
    }

    .h-xxl-120px,
    .size-xxl-120px {
        height: 120px;
    }

    .h-xxl-130px,
    .size-xxl-130px {
        height: 130px;
    }

    .h-xxl-140px,
    .size-xxl-140px {
        height: 140px;
    }

    .h-xxl-150px,
    .size-xxl-150px {
        height: 150px;
    }

    .h-xxl-160px,
    .size-xxl-160px {
        height: 160px;
    }

    .h-xxl-180px,
    .size-xxl-180px {
        height: 180px;
    }

    .h-xxl-190px,
    .size-xxl-190px {
        height: 190px;
    }

    .h-xxl-200px,
    .size-xxl-200px {
        height: 200px;
    }

    .h-xxl-210px,
    .size-xxl-210px {
        height: 210px;
    }

    .h-xxl-220px,
    .size-xxl-220px {
        height: 220px;
    }

    .h-xxl-230px,
    .size-xxl-230px {
        height: 230px;
    }

    .h-xxl-250px,
    .size-xxl-250px {
        height: 250px;
    }

    .h-xxl-280px,
    .size-xxl-280px {
        height: 280px;
    }

    .h-xxl-290px,
    .size-xxl-290px {
        height: 290px;
    }

    .h-xxl-300px,
    .size-xxl-300px {
        height: 300px;
    }

    .h-xxl-340px,
    .size-xxl-340px {
        height: 340px;
    }

    .h-xxl-350px,
    .size-xxl-350px {
        height: 350px;
    }

    .h-xxl-400px,
    .size-xxl-400px {
        height: 400px;
    }

    .h-xxl-420px,
    .size-xxl-420px {
        height: 420px;
    }

    .h-xxl-450px,
    .size-xxl-450px {
        height: 450px;
    }

    .h-xxl-500px,
    .size-xxl-500px {
        height: 500px;
    }

    .flex-grow-xxl-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }

    .flex-grow-xxl-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-xxl-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }
}

/* Show filter button on screens below 1200px */
@media (max-width: 1199px) {
    .ub-user-sidenav-wrap {
        display: none;
        height: 100vh;
    }

    .ub-user-panel {
        padding-left: 0px;
    }

    .ub-user-sidenav {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
    }

    [dir="rtl"] .ub-user-panel {
        padding-right: 0px;
    }

    .ub-filter-btn-mobile {
        display: inline-block !important;
    }
}