@media screen and (min-width: 8192px) {

    html,
    body {
        max-width: 1920px;
        margin: auto;
        border-left: 1px solid #010f1c;
        border-right: 1px solid #010f1c;
    }

    .fixed {
        width: 100%;
        max-width: 1914px;
        margin: auto;
    }

    .slider-item .slider-description,
    .slider-item .slider-title {
        font-size: 1rem;
    }

    .slider-content .link_btn {
        font-size: 22px;
    }

    .product-left .carousel-main .carousel-cell a {
        width: 58%;
        height: auto;
    }

    .footer .footer_head .right p {
        float: left;
        margin-left: 50px;
    }

    .footer .form .col-12 {
        display: flex;
        flex-wrap: wrap;
    }

    .footer .form .col-12 input {
        flex: 1;
    }

    .footer .form .col-lg-6 {
        display: flex;
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 8192px) {

    html,
    body {
        max-width: 1920px;
        margin: auto;
        border-left: 1px solid #010f1c;
        border-right: 1px solid #010f1c;
    }

    .fixed {
        max-width: 1914px;
        margin: auto;
    }

    .header .row {
        display: flex;
        align-items: center;
    }

    .slider-content .link_btn {
        font-size: 22px;
    }

    .product-left .carousel-main .carousel-cell a {
        width: 58%;
        height: auto;
    }

    .footer .footer_head .right p {
        float: left;
        margin-left: 50px;
    }

    .footer .form .col-12 {
        display: flex;
        flex-wrap: wrap;
    }

    .footer .form .col-12 input {
        flex: 1;
    }

    .footer .form .col-lg-6 {
        display: flex;
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 7680px) {

    html,
    body {
        max-width: 1920px;
        margin: auto;
        border-left: 1px solid #010f1c;
        border-right: 1px solid #010f1c;
    }
}

@media screen and (max-width: 5120px) {

    html,
    body {
        max-width: 1920px;
        margin: auto;
        border-left: 1px solid #010f1c;
        border-right: 1px solid #010f1c;
    }
}

@media screen and (max-width: 4096px) {

    html,
    body {
        max-width: 1920px;
        margin: auto;
        border-left: 1px solid #010f1c;
        border-right: 1px solid #010f1c;
    }
}

@media screen and (max-width: 3840px) {

    html,
    body {
        max-width: 1920px;
        margin: auto;
        border-left: 1px solid #010f1c;
        border-right: 1px solid #010f1c;
    }
}

@media screen and (max-width: 3440px) {

    html,
    body {
        max-width: 1920px;
        margin: auto;
        border-left: 1px solid #010f1c;
        border-right: 1px solid #010f1c;
    }

    .product-left .carousel-main .carousel-cell a img {
        max-width: 65%;
        max-height: 100%;
    }
}

@media screen and (max-width: 2560px) {

    html,
    body {
        max-width: 1920px;
        margin: auto;
        border-left: 1px solid #010f1c;
        border-right: 1px solid #010f1c;
    }
}

@media screen and (max-width: 1980px) {

    html,
    body {
        max-width: 1920px;
        margin: auto;
        border-left: 1px solid #010f1c;
        border-right: 1px solid #010f1c;
    }
}

@media screen and (max-width: 1920px) {

    html,
    body {
        border-left: none;
        border-right: none;
    }

    .fixed {
        max-width: 1920px;
    }

    .slider-content .link_btn {
        font-size: 20px;
    }
}

@media screen and (max-width: 1600px) {
    .slider-content .link_btn {
        font-size: 20px;
    }

    #deals .product figure img {
        height: 270px;
        max-height: 270px;
    }

    .footer .footer_head .right p {
        margin-left: 20px;
    }
}

@media screen and (max-width: 1480px) {
    header .div-b .search #search {
        padding-left: 50px;
    }

    .card-body .table>tbody tr th .cell-content {
        display: flex;
    }

    .footer .footer_head .right p {
        font-size: 15px;
    }

    .footer .footer_head .left input {
        width: 85%;
    }
}

@media screen and (max-width: 1440px) {

    .slider-item .slider-description,
    .slider-item .slider-title {
        font-size: 2rem;
    }

    #deals .product figure img {
        height: 230px;
        max-height: 230px;
    }

    .footer .footer_head .right p {
        margin-left: 20px;
    }
}

@media screen and (max-width: 1399px) {
    .offer .body {
        max-height: 1282px;
    }
}

@media screen and (max-width: 1380px) {
    .categories .cat_name .cat {
        font-size: 1.1rem;
    }

    .categories .subcategory {
        font-size: 0.9rem;
    }

    .footer .footer_head .right p {
        margin-left: 10px;
        font-size: 15px;
    }
}

@media screen and (max-width: 1366.98px) {

    .slider-item .slider-description,
    .slider-item .slider-title {
        font-size: 1.8rem;
    }

    .home_text i {
        margin-right: 10px;
    }

    .home_text .lf {
        padding-left: 0px;
        font-weight: 500;
    }

    .slider-content .link_btn {
        font-size: 18px;
    }

    .footer form .fa-user {
        width: 10%;
    }

    .footer form .fa-envelope,
    .footer form .fa-phone {
        width: 20%;
    }

}

@media screen and (max-width: 1336px) {
    .home_text .lf .div_a {
        font-size: 14px;
    }

    .slider-content .link_btn {
        font-size: 17px;
    }

    .product-left .carousel-main .carousel-cell a img {
        max-width: 70%;
    }

    .footer .footer_head .right p {
        font-size: 13px;
    }
}

@media screen and (max-width: 1280px) {
    .hide {
        display: none;
    }

    .slider {
        min-height: auto;
    }

    .home_text i {
        margin-right: 15px;
    }

    .home_text .lf .div_a {
        padding-top: 20px;
        font-size: 13px;
    }

    .product-left .carousel-main .carousel-cell a img {
        max-width: 75%;
    }

    .footer .footer_head .left input {
        width: 83%;
    }

    .footer .footer_head .right i {
        float: none;
        margin: auto;
    }

    .footer .footer_head .right p {
        float: right;
    }
}

@media screen and (max-width: 1199.98px) {

    .slider-item .slider-description,
    .slider-item .slider-title {
        font-size: 1.6rem;
    }

    .slider-content .link_btn {
        margin-top: 20px;
        font-size: 15px;
    }

    .menu-icon {
        padding-left: 5px;
        padding-right: 5px;
    }

    main br {
        display: none;
    }

    .big_sale .row br {
        display: block;
    }

    #empty br {
        display: block;
    }

    #deals .row .col-12:nth-child(2) {
        padding: 0px;
    }

    #deals .row .col-12:nth-child(3) {
        padding: 0px;
    }

    #deals .row .col-12:nth-child(4) {
        padding: 0px;
    }

    #deals .row .col-12:nth-child(5) {
        padding: 0px;
    }

    .footer .footer_head .left {
        width: 74%;
    }

    .footer .footer_head .right {
        width: 26%;
    }

    .footer .footer_head .left input {
        width: 80%;
    }
}

@media screen and (max-width: 1150.98px) {
    .home_text {
        display: none;
    }

    .product-right .home_text {
        display: block;
    }

    .home_slider {
        padding-top: 0.5rem;
    }

    .slider-content .link_btn {
        margin-top: 20px;
    }

    .product-left .carousel-main .carousel-cell a img {
        max-width: 80%;
    }
}

@media screen and (max-width: 1112px) {
    #message .message {
        left: 7%;
    }

    .slider-content .link_btn {
        height: 45px;
        line-height: 28px;
    }
}

@media screen and (max-width: 1100.98px) {
    header .div-b .search #search {
        padding-left: 45px;
        font-size: 14px;
    }

    .search select {
        width: 170px;
        font-size: 14px;
    }

    header .div-b .search .submit {
        font-size: 14px;
    }

    #v-tabs-tab-1,
    #v-tabs-tab-2,
    #v-tabs-tab-3,
    #v-tabs-tab-4 {
        line-height: 20px;
    }

    .product-left .deal {
        width: 97%;
    }

    .product-left .countdown-timer .best_deals {
        display: none;
    }
}

@media screen and (max-width: 1050px) {}

@media screen and (max-width: 1024.98px) {
    .categories .subcategory {
        font-size: 0.8rem;
    }

    .navigation li a i {
        padding-left: 10px;
        padding-right: 10px;
    }

    .navigation li a p {
        padding-left: 7px;
        padding-right: 7px;
    }

    .hide {
        display: none;
    }

    .fixed .icon {
        display: none;
    }

    #message .message {
        left: 7.5%;
    }

    .slider-content .link_btn {
        font-size: 16px;
    }

    .footer .category .div {
        overflow-x: hidden;
    }

    .footer .footer_head .left {
        left: 7%;
    }

    .footer .footer_head .right {
        width: 26%;
    }

    .footer .footer_head .left input {
        width: 79%;
    }

    .footer fieldset .col-3 {
        display: none;
    }
}

@media screen and (max-width: 1007px) {
    .navigation li a i {
        padding-left: 8px;
        padding-right: 8px;
    }

    .navigation li a p {
        padding-left: 6px;
        padding-right: 6px;
    }

    .offer .body {
        max-height: 1382px;
    }
}

@media screen and (max-width: 991.98px) {
    #header .container-fluid {
        padding-left: 8px;
        padding-right: 8px;
    }

    .fixed .container-fluid {
        padding-left: 5px;
        padding-right: 5px;
    }

    .mobile-menu {
        width: 100%;
        position: fixed;
        top: 105px;
        left: 0;
        background: rgba(0, 0, 0, 0.55);
        display: none;
        z-index: 999999;
    }

    .mobile-menu-content {
        width: 100%;
        height: 100%;
        padding: 5px;
        position: relative;
        right: -991px;
        transition: right 0.35s ease;
        box-shadow: -3px 0 12px rgba(0, 0, 0, 0.1);
    }

    .mobile-menu-content .heading {
        width: auto;
        height: 50px;
        margin: auto;
        margin-top: 0px;
        margin-bottom: 8px;
        position: relative;
        background: #ffffff;
        border-radius: 0;
        border: 1px solid #010f1c;
        border-bottom: 0px;
        box-shadow: 0 0 5px #0002;
        font-weight: bold;
        font-family: var(--font-family-secondary);
        overflow: hidden;
        text-transform: uppercase;
        display: flex;
        align-items: center;
    }

    .mobile-menu-content .heading::after {
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        height: 2px;
        width: 100%;
        background: linear-gradient(90deg, #cccccc, #b22222, #cccccc);
        background-size: 200% 100%;
        animation: var(--animation-slide-line);
    }

    .mobile-menu-content .heading i {
        background: #ffffff;
        border-right: 1px solid #cccccc;
        padding: 10px 6px 10px 6px;
        float: left;
        font-size: 35px;
        color: var(--color-secondary-dark);
    }

    .mobile-menu-content .heading .left {
        width: auto;
        float: left;
    }

    .mobile-menu-content .link_a,
    .mobile-menu-content .link_b,
    .mobile-menu-content .link_c {
        width: auto;
        height: 50px;
        line-height: 52px;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        border-right: 1px solid #cccccc;
        background-color: #eeeeee;
        background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
        color: #010f1c;
        font-size: 16px;
        cursor: pointer;
    }

    .mobile-menu-content .link_a:hover,
    .mobile-menu-content .link_b:hover,
    .mobile-menu-content .link_c:hover {
        background: #eeeeee;
    }

    .mobile-menu-content #link_a,
    .mobile-menu-content #link_b,
    .mobile-menu-content #link_b {
        height: 434px;
        overflow-x: auto;
    }

    .mobile-menu-content .category {
        width: 50%;
        height: auto;
        padding: 0px;
    }

    .mobile-menu-content .category .div {
        width: 100%;
        height: 100%;
        text-align: center;
        background: #ffffff url("../img/groovepaper.webp");
        border: 1px solid #010f1c;
        border-top: none;
    }

    .mobile-menu-content .category .div .image {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 83px;
    }

    .mobile-menu-content .category .div .image img {
        width: auto;
        height: 80px;
        background-size: cover;
        -o-object-fit: cover;
        object-fit: cover;
        margin: auto;
        margin-top: 10px;
        margin-bottom: 10px;
        display: block;
    }

    .mobile-menu-content .category .div .body {
        width: 100%;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        margin: auto;
        color: var(--color-text-muted);
        background: #dddddd;
        border-top: 1px solid #010f1c;
        text-align: center;
    }

    .mobile-menu-content #link_b {
        display: none;
    }

    .mobile-menu-content #link_b a:hover {
        color: var(--color-text-dark);
    }

    .mobile-menu-content #link_b a .page {
        width: 100%;
        height: 35px;
        float: left;
        margin-bottom: 4px;
        font-size: var(--font-size-lg);
        list-style: none;
        text-transform: uppercase;
        color: #010f1c;
        background: #FFFFFF;
    }

    .mobile-menu-content #link_b a .page:hover {
        background: #ffffff;
        color: #000000;
        opacity: 1;
    }

    .mobile-menu-content #link_b a .page i {
        width: 36px;
        padding: 9px;
        font-size: 17px;
        margin-right: 5px;
        color: var(--color-text-dark);
        background-image: var(--gradient-light-top);
        border-right: 1px solid #dddddd;
    }

    .mobile-menu-content #link_b .row {
        width: auto;
        height: auto;
        padding-left: 12px;
        padding-right: 12px;
    }

    .mobile-menu-content #link_c {
        height: 434px;
        display: none;
    }

    .mobile-menu-content #link_c .row {
        width: auto;
        height: auto;
        padding-left: 12px;
        padding-right: 12px;
    }

    .mobile-menu-content #link_c .row .search {
        width: auto;
        height: 434px;
        padding: 12px;
        background: #FFFFFF;
    }

    .mobile-menu-content #link_c .row .search form {
        display: flex;
        width: 100%;
    }

    .mobile-menu-content #link_c .row .search input {
        flex: 1 !important;
        height: 50px;
        padding-left: 8px;
        padding-right: 8px;
        border-radius: 5px;
    }

    .mobile-menu-content #link_c .row .search #submit_search {
        width: 75px;
        max-width: 75px;
        height: 50px;
        text-align: center;
        color: #FFFFFF;
        background: #002032;
        border: 1px solid #000000;
        border-radius: 0 5px 5px 0;
    }

    .mobile-menu-content #link_c .row .search #search_menu_results {
        width: 100%;
        height: 360px;
        margin-top: 6px;
        overflow-x: auto;
    }

    .mobile-menu-content #link_c .row .search #search_menu_results #search_icon {
        text-align: center;
        margin-top: 100px;
        line-height: 40px;
        font-size: 25px;
        color: #002032;
    }

    .mobile-menu-content #link_c .row .search #search_menu_results #search_icon i {
        font-size: 35px;
    }

    #message .message {
        left: 8%;
    }

    header {
        z-index: 999999;
    }

    header .py-4 {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    header .container-fluid .row .div-b .col-lg-3:first-child {
        display: flex;
    }

    header .container-fluid .row .div-b .col-lg-6 {
        display: flex;
    }

    header .div-b {
        border-bottom: 1px solid #cccccc;
        box-shadow: 0 0 5px #bbbbbb;
    }

    .hide-991 {
        width: auto;
        display: none !important;
    }

    .show {
        display: block !important;
    }

    .hide {
        display: none !important;
    }

    header .div-b .col-lg-6 .search {
        width: 100%;
        height: auto;
        top: 0;
        left: 0;
        border-radius: 0px;
        position: absolute;
    }

    header .div-b .search form {
        height: 65px;
        border-radius: 0px;
        border: none;
    }

    header .div-b .search #search {
        border-radius: 0px;
        box-shadow: none;
        padding-left: 7%;
        text-shadow: none;
        color: #081b2e;
    }

    .search select {
        border: none;
        color: #010f1c;
        background: #fdfdfd;
        border-left: 1px solid #dddddd;
        border-right: 1px solid #dddddd;
    }

    #search_results {
        width: 100%;
        top: 43px;
        left: 0;
        border-radius: 0px;
        border-left: none;
        border-right: none;
    }

    .fixed #search_results {
        top: 57px;
    }

    header .div-b .menu-icon {
        width: 51px;
        height: 51px;
        display: flex;
        align-items: center;
        align-content: center;
        justify-content: center;
        margin-top: 2px;
        margin-right: 5px;
        margin-bottom: 2px;
        float: left;
        font-size: 30px;
        color: #ffffff;
        border: 2px solid #ffffff;
        outline: 2px solid var(--color-primary);
        background: #010f1c;
    }

    header .div-b .close-menu {
        width: 51px;
        height: 51px;
        line-height: 42px;
        display: none;
        text-align: center;
        margin-top: 2px;
        margin-right: 5px;
        margin-bottom: 2px;
        float: left;
        font-size: 45px;
        color: #ffffff;
        border: 2px solid #ffffff;
        outline: 2px solid var(--color-primary);
        background: #010f1c;
    }

    header .div-b .user a .search_icon {
        display: block;
        margin-right: 10px;
    }

    header .div-b .search {
        border-radius: 0 6px 6px 0;
    }

    header .div-b .order-md-2 form {
        border-radius: 0 6px 6px 0;
    }

    .fixed .div-b .user a .search_icon {
        border: none;
    }

    header .div-c {
        display: none !important;
    }

    .home_slider {
        padding: 0px;
    }

    .slider-content .link_btn {
        font-size: 15px;
    }

    .heading .carousel-title {
        font-size: 25px;
    }

    .tabs-header .heading .left .title {
        font-size: 25px;
    }

    .tabs-header .heading .left .title_tow {
        font-size: 25px;
    }

    .product-title a {
        font-weight: bold;
    }

    .product figure .name a {
        font-weight: bold;
    }

    #banner {
        display: none;
    }

    .banner_down .image img {
        filter: none;
    }

    .banner_down .photo .glow {
        animation: none;
    }

    .container {
        max-width: 100%;
        padding-left: 3%;
        padding-right: 3%;
    }

    .container .container {
        padding-left: 0%;
        padding-right: 0%;
    }

    #form .row .col-4 {
        display: none;
    }

    .products {
        border-left: 1px solid #eeeeee;
    }

    .categories .category-inner {
        width: 100%;
        margin: auto;
    }

    .v-tabs-tab {
        border-right: 1px solid #eeeeee;
    }

    #empty {
        padding: 0px;
    }

    #deals .col-12 .row {
        margin-bottom: 0px;
    }

    #deals .row .col-12 .row .product:nth-of-type(2) {
        padding-right: 0px;
    }

    #deals .row .col-12 .row .product:nth-of-type(3) {
        padding-right: 0px;
    }

    #deals .row .col-12 .row .product:nth-of-type(4) {
        padding-left: 5px;
    }

    .product-left .deal {
        width: 100%;
    }

    .product-left .countdown-timer .best_deals {
        display: block;
    }

    .product-left .carousel-main .carousel-cell a img {
        max-width: 65%;
    }

    .product-right {
        padding-top: 0px;
        margin-top: 15px;
        border: 1px solid #eee;
        border-radius: 10px;
    }

    .product-left {
        border-radius: 10px;
        padding-bottom: 25px;
    }

    .product-left .product-slider .container .banner {
        margin-left: -81px;
    }

    .tab1 img {
        height: auto;
    }

    .section-slider .to_cart span {
        padding-right: 0%;
        padding-left: 22px;
    }

    .section-slider .to_cart span i {
        display: block;
    }

    .card-title {
        font-weight: bold;
    }

    #product_filters {
        display: none;
    }

    .filter_button {
        cursor: pointer;
    }

    .filter_button .fa-chevron-down {
        display: inline;
    }

    .footer .footer_head .right {
        display: none;
    }

    .footer .footer_head .left {
        width: 100%;
    }

    .footer .footer_head .left input {
        width: 77%;
    }

    .footer .div {
        margin-top: 8px;
    }

    #colorToggleBtn {
        bottom: 22px;
    }

    .footer {
        padding-bottom: 50px !important;
    }

    .footer .icon_foot {
        position: fixed;
        z-index: 9999;
        bottom: 0;
        right: 0;
        width: 100%;
        padding-left: 50px;
        background: var(--color-white);
        border-top: 2px solid #010f1c;
        box-shadow: 0 0 5px #0002;
        font-weight: bold;
        font-family: var(--font-family-secondary);
        overflow: hidden;
        text-transform: uppercase;
        display: flex;
        align-items: center;
    }

    .footer .icon_foot .icon {
        display: flex;
        width: 100%;
        height: 50px;
        padding: 0px;
        margin: auto;
        align-content: center;
        align-items: center;
        text-align: center;
        background: #ffffff;
    }

    .footer .icon_foot .icon div {
        flex: 1;
        width: 100%;
        height: 55px;
        position: relative;
    }

    .footer .icon_foot .icon div:nth-child(2) {
        border-left: 2px solid #010f1c;
        border-right: 2px solid #010f1c;
    }

    .footer .icon_foot .icon i {
        font-size: 25px;
        color: #010f1c;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .footer .icon_foot .icon p {
        width: 22px;
        height: 22px;
        font-size: 11px;
        color: #fff;
        border: 2px solid #fff;
        border-radius: 50%;
        background: linear-gradient(to bottom,
                rgb(255, 0, 0),
                rgb(194, 59, 59));
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 5px;
        left: 41%;
    }
}

@media screen and (max-width: 960px) {
    header .div-b .search #search {
        padding-left: 8%;
    }

    .navigation {
        display: none;
    }

    .product-left .product-slider .container .banner {
        margin-left: -79px;
    }
}

@media screen and (max-width: 950px) {
    .navigation li a {
        padding: 0 8px;
    }

    #about_us {
        display: none;
    }

    #help_faq {
        display: none;
    }
}

@media screen and (max-width: 912px) {
    .product-left .product-slider .container .banner {
        margin-left: -77px;
    }

    .navigation li a {
        padding: 0 8px;
    }

    .footer .icon_foot .icon p {
        left: 40%;
    }
}

@media screen and (max-width: 900px) {
    #message .message {
        left: 8.5%;
    }

    .navigation li a {
        padding: 0 6px;
    }
}

@media screen and (max-width: 880px) {
    header .div-a .rt {
        display: none;
    }

    header .div-b .search select {
        display: none;
    }

    .navigation li a {
        padding: 0 5px;
    }

    #message .message {
        left: 9%;
    }

    .navigation li a {
        padding: 0 8px;
    }

    #sectionTabs .nav-tabs {
        width: 80%;
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        gap: 0;
        -webkit-overflow-scrolling: touch;
    }

    #sectionTabs .nav-tabs::-webkit-scrollbar {
        display: none;
    }

    #sectionTabs .nav-tabs {
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .navigation-btns {
        float: right;
    }

    .product-right #head {
        height: auto;
        padding-top: 10px;
        line-height: 10px;
    }

    .product-right .category {
        display: none;
    }

    .product-right .price {
        width: 100%;
        text-align: left;
        border-right: none;
    }

    .product-right .full-stars-example-two {
        width: auto;
        padding-left: 8px;
    }
}

@media screen and (max-width: 846px) {
    .footer .icon_foot .icon p {
        left: 38%;
    }
}

@media screen and (max-width: 834px) {}

@media screen and (max-width: 823px) {
    .navigation li a {
        padding-left: 7px;
        padding-right: 7px;
    }

    .slider-content .link_btn {
        margin-top: 10px;
    }
}

@media screen and (max-width: 820px) {
    #message .message {
        left: 9.5%;
    }

    .cat .body .cat_name {
        width: 71%;
    }
}

@media screen and (max-width: 812px) {
    header .div-b .search #search {
        padding-left: 9%;
    }

    .navigation li a {
        padding: 0 15px;
    }

    .navigation #help {
        display: none;
    }

    .product-left .product-slider .container .banner {
        margin-left: -74px;
    }

    #user form .row div #city {
        width: 77%;
    }
}

@media screen and (max-width: 800px) {
    .offer {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .product-col figure .banner {
        font-size: 12px;
    }

    .pages {
        margin-top: 10px;
    }

    #v-tabs-tabContent h4 {
        font-size: 18px;
    }
}

@media screen and (max-width: 768.98px) {
    #cookie-box {
        width: 94%;
        margin: auto;
        display: flex;
        transform: none;
        gap: 10px;
        padding: 12px;
        left: 2%;
        right: 2%;
        bottom: 60px;
    }

    #message .message {
        left: 10%;
    }

    header .div-b .search #search {
        padding-left: 10%;
    }

    header .div-b .user a .search_icon {
        border-left: none;
    }

    .navigation {
        display: none;
    }

    .menu-box {
        top: 0px;
    }

    .banner_down .image {
        flex: 1 1 100%;
    }

    .heading {
        height: 60px;
    }

    .tabs-wrapper {
        padding: 0px;
    }

    .contact_us form .form-group fieldset {
        margin-top: 10px;
    }

    .price {
        text-align: left;
    }

    .d-flex {
        display: flex;
    }

    .d-flex.justify-content-start {
        display: flex;
        justify-content: flex-start;
        width: 100%;
    }

    .big_sale .color_a {
        font-size: 25px;
        line-height: 43px;
    }

    .big_sale .color_b {
        font-size: 23px;
        line-height: 0px;
    }

    .product-col figure .banner {
        font-size: 10px;
        padding-left: 15.5%;
    }

    #all .ps-3 {
        padding-left: 0px !important;
    }

    .footer form .fa-envelope,
    .footer form .fa-phone {
        width: 20%;
    }
}

@media screen and (max-width: 767.98px) {
    .home_category {
        padding-bottom: 0px !important;
    }

    .home_category .carousel-container .row:first-child {
        padding-bottom: 0px !important;
    }

    .tabs-wrapper {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    #user form .row .pe-2 {
        padding-right: 0px !important;
    }

    .quickview-images {
        height: 350px;
    }

    .quickview-images .thumbs {
        top: 52%;
    }

    .quickview-images .thumbs img.active {
        border: none;
        border: 1px solid #002032;
        background: #FFFFFF;
    }

    .section-products {
        padding-left: 0px;
        padding-right: 0px;
    }

    #deals .product figure img {
        height: 230px;
        max-height: 230px;
    }

    fieldset .col-5 {
        width: 55%;
    }

    fieldset .col-7 {
        width: 45%;
    }

    .footer .form .col-12 input {
        margin-left: 2%;
    }

    .footer .form .col-lg-6 input {
        margin-left: 1%;
    }

    .footer form .fa-user {
        width: 14%;
    }

    .footer form .fa-envelope,
    .footer form .fa-phone {
        width: 14%;
    }

    .footer form .ps-1 {
        padding: 0 !important;
    }

    .footer .form button {
        margin-top: -64px;
    }
}

@media screen and (max-width: 736px) {
    #message .message {
        left: 10.5%;
    }

    .product-left .product-slider .container .banner {
        margin-left: -73px;
    }

    .footer .col-9 {
        width: 100%;
        float: left;
    }

    .footer .icon_foot .icon p {
        left: 37%;
    }
}

@media screen and (max-width: 667px) {
    #message .message {
        left: 11.5%;
    }

    header .div-a .rt {
        display: none;
    }

    header .div-a .cn a {
        right: 22px;
    }

    .product-left .product-slider .container .banner {
        margin-left: -70px;
    }

    .categories .category-inner {
        width: 96%;
        margin: auto;
    }

    .offer {
        margin-top: 4px;
    }

    .product-col figure .banner {
        width: 80%;
        margin-left: 0%;
        font-size: 10px;
        padding-left: 12%;
    }

    .product-left .carousel-main .carousel-cell a img {
        max-width: 75%;
    }

    .footer .div .social_icon i {
        font-size: 47px;
    }
}

@media screen and (max-width: 640px) {
    #message .message {
        left: 12.5%;
    }

    header .div-a .cn {
        min-width: auto;
    }

    header .div-a .cn p {
        display: none;
    }

    .selected-b {
        border: none;
    }

    header .div-a .cn a p {
        display: block;
    }

    header .div-b .search #submit_search {
        width: 75px;
    }

    #language-menu {
        left: 188px;
    }

    #sectionTabs .nav-tabs {
        width: 66%;
    }

    .product-col figure .banner {
        width: 100%;
        margin-left: -40%;
        font-size: 10px;
        padding-left: 18%;
    }

    .footer .footer_head .left input {
        width: 75%;
    }

    .footer .form button {
        margin-left: 0px;
    }

    .footer .div .social_icon i {
        font-size: 40px;
    }

    .footer .icon_foot .icon p {
        left: 35%;
    }
}

@media screen and (max-width: 600px) {
    header .div-a .cn .d-none {
        display: block;
    }

    .product-left .carousel-main .carousel-cell a img {
        max-width: 80%;
    }

    .footer .icon_foot .icon p {
        left: 34%;
    }
}

@media screen and (max-width: 575.98px) {
    #message .message {
        left: 13.5%;
    }

    header .div-a .lf {
        display: none;
    }

    header .div-a .rt {
        position: absolute;
    }

    header .div-a .cn {
        width: auto;
        margin-left: 6px;
    }

    header .link {
        display: none;
    }

    .user .lf,
    .user .rt {
        display: none;
    }

    #language-menu {
        min-width: 133px;
        left: 0px;
        border-radius: 0 0 8px 0;
    }

    header .div-b .user a .search_icon {
        width: auto;
        margin-right: 5px;
    }

    .fixed .div-b .user a .search_icon {
        line-height: 14px;
    }

    .search_value .right .price {
        display: none;
    }

    .slider-control {
        width: 8% !important;
    }

    .slider-content .link_btn {
        margin-top: 7px;
        height: 40px;
        line-height: 23px;
    }

    .slider-item .slider-description,
    .slider-item .slider-title {
        font-size: 1.3rem;
    }

    .name a {
        font-size: 13px;
        font-weight: bold;
        font-family: var(--font-family-secondary);
    }

    .tabs-header .heading .left {
        flex: 0 0 70%;
    }

    .tabs-header .heading .next-prev {
        flex: 0 0 30%;
    }

    .tabs-header .heading .left h3 {
        font-size: 28px;
        margin-left: 0px;
    }

    .product-left .product-slider .container .banner {
        margin-left: -68px;
    }

    .product-left .carousel-main {
        min-height: auto;
    }

    .product-left .carousel-main .carousel-cell {
        min-height: 300px;
    }

    .col-form-label {
        width: auto;
    }

    .contact_us .row .pe-1,
    .ps-1 {
        padding-left: 0px;
        padding-right: 0px;
    }

    #deals .row .col-12 .row .product:nth-of-type(2) {
        padding-left: 0px;
    }

    #deals .row .col-12 .row .product:nth-of-type(3) {
        padding-right: 0px;
    }

    #deals .row .col-12 .row .product:nth-of-type(4) {
        padding-left: 0px;
    }

    .product-left .carousel-main {
        overflow: hidden;
    }

    #v-tabs-tabContent h4 {
        font-size: 17px;
    }

    .product-col figure .banner {
        width: 100%;
        margin-left: -40%;
        font-size: 10px;
        padding-left: 16%;
    }

    .posts .row .col-12 {
        margin-top: 8px;
    }

    .posts .row .col-12:nth-child(2) {
        padding-left: 0px;
        padding-right: 0px;
    }

    .posts .row .col-12:nth-child(3) {
        padding-left: 0px;
        padding-right: 0px;
    }

    .related_posts .row .col-12:nth-child(2) {
        padding-left: 0px;
        padding-right: 0px;
    }

    .footer .form .col-12 input {
        margin-left: 1.1%;
    }

    .footer .footer_head .left input {
        width: 72%;
    }

    .footer .div .payment {
        width: auto;
        max-width: 100%;
    }

    .footer .div .social_icon i {
        font-size: 48px;
    }

    .footer .foot {
        text-align: center;
    }

    #newsletterPopup .row img {
        display: none;
    }

    .newsletter-content .by_subscribe p,
    .newsletter-content .by_subscribe a {
        width: 100%;
        line-height: 24px;
        margin: 0px;
        display: block;
        text-align: center;
        align-items: center;
        align-content: center;
    }

    .cookie-content {
        width: 100%;
        float: none;
    }

    .cookie-buttons {
        width: 100%;
        float: none;
    }

    .footer form .fa-user {
        width: 10%;
    }

    .footer form .fa-envelope,
    .footer form .fa-phone {
        width: 10%;
    }

    .footer .icon_foot .icon p {
        left: 32%;
    }
}

@media screen and (max-width: 540px) {
    #message .message {
        left: 15%;
    }

    .slider-content .link_btn {
        font-size: 18px;
    }

    .big_sale .row {
        padding: 0px;
    }

    .big_sale .col-11 {
        width: 100%;
    }

    .big_sale .link_btn {
        display: none;
    }

    .footer .social_icon .payment {
        margin-right: 3px;
    }

    .footer .icon_foot .icon p {
        left: 30%;
    }
}

@media screen and (max-width: 480.98px) {

    #message .message {
        left: 16%;
    }

    header .div-b .order-first {
        width: 80%;
    }

    header .div-b .order-md-1 {
        width: 20%;
    }

    header .div-b .user a .search_icon {
        border: none;
        float: right;
    }

    #order_by {
        width: auto;
    }

    .p-3 {
        padding-left: 2.5%;
        padding-right: 2.5%;
    }

    .tabs-header .heading .left {
        align-items: center;
        align-content: center;
    }

    .tabs-header .heading .left .title {
        padding-left: 4%;
    }

    .best_sellers .product .price {
        font-size: 13px;
    }

    .product-left .countdown-timer .best_deals {
        display: none;
    }

    .banner+.container .carousel-main {
        height: auto;
    }

    .product-slider:has(.deal) .carousel-main {
        height: auto;
    }

    .product-slider:has(.deal):has(.banner) .banner {
        margin-top: -100px;
    }

    .product-left .carousel-main {
        min-height: auto;
    }

    .product-left .carousel-main .carousel-cell a {
        margin-top: 0px;
    }

    .product-slider:has(.banner) .carousel-main .carousel-cell a {
        margin-top: 0px;
    }

    .product-slider:has(.deal):has(.banner) .carousel-main .carousel-cell a {
        margin-top: 50px;
    }

    .product-left .carousel-main .carousel-cell a img {
        max-height: 150px;
    }

    #deals .product figure img {
        height: 275px;
    }

    #v-tabs-tabContent #old_order {
        padding-bottom: 5px;
    }

    #v-tabs-tabContent #old_order #left .full-stars-example-two {
        margin-top: 0px;
    }

    .tab-content form .row select {
        width: 98%;
    }

    .ignielMultiTab label {
        padding: 0.65rem 0.55rem;
    }

    #v-tabs-tabContent h4 {
        font-size: 15px;
    }

    .product-left .carousel-main .carousel-cell a img {
        max-width: 85%;
    }

    .product-left .deal {
        width: auto;
        margin: auto;
        right: 3.5%;
    }

    .product-left .countdown-timer {
        width: 100%;
    }

    .footer .footer_head .left input {
        width: 68%;
    }

    .footer form .fa-user {
        width: 12%;
    }

    .footer form .fa-envelope,
    .footer form .fa-phone {
        width: 12%;
    }

    .footer .social_icon {
        padding-top: 2px;
    }

    .footer .social_icon a {
        margin-top: 4px;
    }

    .footer .social_icon .payment {
        width: 100%;
        margin-top: 4px;
        clear: both;
    }

    .footer .icon_foot .icon p {
        left: 28%;
    }
}

@media screen and (max-width: 430.98px) {

    #message .message {
        left: 18%;
    }

    header .div-a .cn {
        width: auto;
        min-width: auto;
    }

    header .div-a .cn a {
        float: left;
    }

    header .div-a .cn p {
        display: none;
    }

    header .div-a .cn a p {
        padding-left: 5px;
        padding-right: 5px;
        font-size: 13px;
        display: block;
        float: left;
    }

    .fixed .div-b .container-fluid {
        padding-left: 8px;
        padding-right: 5px;
    }

    header .div-b .search #search {
        padding-left: 12%;
    }

    .slider-content .link_btn {
        display: none;
    }

    .heading .carousel-title {
        font-size: 22px;
    }

    .tabs-header .heading .left .title {
        font-size: 22px;
        padding-left: 4%;
    }

    .tabs-header .heading .left .title_tow {
        font-size: 22px;
    }

    .home_category .heading i {
        display: none;
    }

    .heading .title {
        line-height: 66px;
        font-size: 25px;
    }

    #best_sellers {
        padding-left: 1%;
        padding-right: 1%;
    }

    .best_sellers .product .full-stars-example-two {
        width: 100%;
    }

    .best_sellers .product .price {
        width: 100%;
        clear: both;
        text-align: left;
        display: block;
        font-size: 14px;
    }

    .posts .text-muted {
        font-size: 11px;
    }

    .posts .card-title {
        font-size: 12px;
    }

    .product-left .carousel-main .carousel-cell {
        min-height: 230px;
    }

    .product-left .carousel-main .carousel-cell a img {
        max-width: 90%;
    }

    .newsletter-content .by_subscribe {
        display: block;
    }

    .newsletter-content .by_subscribe p,
    .newsletter-content .by_subscribe a {
        width: 100%;
        font-size: 15px;
    }

    .footer .footer_head .left input {
        width: 65%;
    }

    .footer .icon_foot .icon p {
        left: 26%;
    }
}

@media screen and (max-width: 428px) {
    .newsletter-content h2 {
        font-size: 24px;
    }
}

@media screen and (max-width: 414px) {

    #message .message {
        left: 19%;
    }

    header .div-c .container {
        padding: 0px;
    }

    .slider-control {
        width: 10% !important;
    }

    .slider-item .slider-description,
    .slider-item .slider-title {
        font-size: 17px;
    }

    .tabs-header .heading .left {
        flex: 0 0 65%;
    }

    .tabs-header .heading .next-prev {
        flex: 0 0 35%;
    }

    .heading .title {
        font-size: 25px;
    }

    .heading .title_tow {
        font-size: 25px;
    }

    .label {
        display: none;
    }

    .product-left .carousel-main .carousel-cell a img {
        max-width: 100%;
    }

    #deals .product figure .name {
        height: 30px;
        line-height: 30px;
    }

    .countdown-timer {
        gap: 5px;
    }

    .time-box {
        padding-left: 10px;
        padding-right: 10px;
    }

    .newsletter-content h2 {
        font-size: 21px;
    }
}

@media screen and (max-width: 412px) {
    .big_sale .color_b {
        font-size: 20px;
        line-height: 0px;
    }

    .footer .icon_foot .icon p {
        left: 24%;
    }
}

@media screen and (max-width: 400.98px) {
    #message .close {
        top: 5px;
        left: 5px;
    }

    #message .message {
        top: 5px;
        left: 15.3%;
    }

    header .div-b .search #search {
        padding-left: 13%;
    }

    .search_value .right .name {
        font-size: 14px;
    }

    .cat .body .cat_name {
        width: 70%;
    }

    #deals .product figure img {
        height: 250px;
    }

    .footer .footer_head .left input {
        width: 93.4%;
    }

    .footer .footer_head .left button {
        display: none;
    }
}

@media screen and (max-width: 393px) {
    #all .ms-2 {
        margin-left: 0px;
    }
}

@media screen and (max-width: 384px) {
    #message .message {
        left: 16%;
        font-size: 14px;
    }

    header .div-b .search #search {
        padding-left: 14%;
    }

    header .div-b .user {
        width: auto;
        height: 55px;
        margin-top: 1px;
    }

    header .div-b .user {
        height: 48px;
    }

    header .div-b .user a:nth-child(1) .search_icon {
        width: auto;
        padding-left: 8px;
        padding-right: 8px;
    }

    header .user i {
        margin-top: 5px;
    }

    .fixed .user i {
        margin-top: 2px;
    }

    .fixed .div-b .user a .search_icon {
        line-height: 16px;
    }

    .heading .carousel-title {
        font-size: 20px;
    }

    .tabs-header .heading .left .title {
        font-size: 20px;
    }

    .tabs-header .heading .left .title_tow {
        font-size: 20px;
    }

    #sectionTabs .nav-tabs {
        width: 59%;
    }

    .offer .body .best_seller_product .div {
        width: 70%;
    }

    .cat .body .cat_name {
        width: 69%;
    }

    .big_sale .color_a {
        font-size: 25px;
        line-height: 50px;
    }

    .big_sale .color_b {
        font-size: 20px;
    }

    .product-col figure .banner {
        padding-left: 15%;
    }

    .footer .icon_foot .icon p {
        left: 20%;
    }
}

@media screen and (max-width: 375px) {
    .inner_a {
        height: 410px;
    }

    .newsletter-button-group button {
        font-size: 14px;
    }

    .newsletter-content .by_subscribe {
        display: block;
    }

    .newsletter-content .by_subscribe p {
        width: 100%;
        float: none;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .newsletter-content .by_subscribe a {
        width: 100%;
        float: none;
        margin-left: 0px;
    }

    header .div-a .container {
        padding-left: 0px;
        padding-right: 0px;
    }

    header .div-a .cn .lang {
        display: none;
    }

    header .div-a .cn .currency {
        display: none;
    }

    header .div-a .cn select {
        padding-left: 10px;
        padding-right: 10px;
        border-left: none;
    }

    header .div-b .container {
        padding-left: 3%;
        padding-right: 3%;
    }

    .tabs-header .heading .left h3 {
        font-size: 24px;
    }

    .offer .body .best_seller_product .div {
        width: 66%;
    }

    .cat .body .cat_name {
        width: 66%;
    }

    #cat .cat {
        font-size: 18px;
    }

    .big_sale .color_b {
        font-size: 18px;
    }

    .product-left .carousel-main img {
        height: auto;
    }

    .form-group h5 {
        font-size: 15px;
    }

    #user .d-flex {
        display: block;
    }

    #user .link_btn {
        width: 100%;
        margin-bottom: 8px;
    }

    .link_btn {
        height: 40px;
        line-height: 40px;
        font-size: 12px;
    }
}

@media screen and (max-width: 360px) {
    #message .close {
        top: 5px;
        left: 5px;
    }

    #message .message {
        top: 5px;
        left: 16.5%;
    }

    .tabs-header .heading .left {
        flex: 0 0 63%;
    }

    .tabs-header .heading .left i {
        display: none;
    }

    .heading .carousel-title {
        font-size: 18px;
    }

    .tabs-header .heading .left .title {
        font-size: 18px;
    }

    .tabs-header .heading .left .title_tow {
        font-size: 18px;
    }

    .tabs-header .heading .next-prev {
        flex: 0 0 38%;
    }

    .heading .title {
        font-size: 22px;
    }

    .heading .title_tow {
        font-size: 22px;
    }

    .card-header span {
        font-size: 20px;
        line-height: 40px;
    }

    .card-body form .row .link_btn {
        width: 100%;
        margin-bottom: 10px;
    }

    .product-right .category {
        width: 50%;
    }

    .product-left .countdown-timer .time-value {
        font-size: 13px;
    }

    .product-left .countdown-timer .time-label {
        font-size: 13px;
    }

    .section-title {
        font-size: 18px;
    }

    .categories .image {
        width: 70px;
    }

    .categories .image img {
        width: 70px;
    }

    .time-box {
        padding-left: 5px;
        padding-right: 5px;
    }

    .big_sale .color_b {
        font-size: 16px;
    }

    .newsletter-content h2 {
        font-size: 20px;
    }

    .newsletter-content p {
        font-size: 13px;
    }

    #colorToggleBtn {
        left: 11px;
    }

    .footer .icon_foot .icon p {
        left: 18%;
    }
}

@media screen and (max-width: 344px) {
    .mobile-menu-content .heading .title {
        padding-left: 5px;
    }

    header .div-b .search #search {
        padding-left: 15%;
    }

    .tab3 .right {
        width: 70%;
    }

    .product-title a {
        font-size: 13px;
        font-weight: bold;
    }

    .newsletter-content h2 {
        font-size: 18px;
    }

    .newsletter-content p {
        font-size: 12px;
    }

    #colorToggleBtn {
        left: 9px;
    }

    .footer .div .social_icon i {
        font-size: 46px;
    }
}

@media screen and (max-width: 320px) {

    #message .close {
        display: none;
    }

    #message .message {
        top: 5px;
        left: 5px;
    }

    .search_value img {
        margin-left: 3px;
        margin-right: 3px;
    }

    .cat .body .cat_name {
        width: 63%;
    }

    #cat .cat {
        font-size: 17px;
        text-align: left;
    }

    #order_by {
        width: 140px;
    }

    .product a {
        font-size: 12px;
    }

    .card-body form .row .link_btn {
        font-size: 13px;
        padding-left: 8px;
        padding-right: 8px;
    }

    .offer .body .best_seller_product .div {
        max-width: 64%;
    }

    .ignielMultiTab label {
        font-size: 13px;
    }

    .time-value {
        height: auto;
        font-size: 27px;
    }

    .tabs-header .heading .left {
        flex: 0 0 60%;
    }

    .tabs-header .heading .next-prev {
        flex: 0 0 40%;
    }

    .heading .title {
        font-size: 25px;
    }

    .heading .title_tow {
        font-size: 18px;
    }

    .time-label {
        font-size: 13px;
    }

    #colorToggleBtn {
        left: 7px;
    }

    .footer .icon_foot .icon p {
        left: 16%;
    }
}

@media screen and (max-width: 319px) {
    header .col-9 {
        width: 100%;
    }

    header .col-3 {
        display: none;
    }

    .mobile-menu-content .heading i {
        display: none;
    }

}