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

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

    #language-menu {
        left: 42%;
    }

    .fixed {
        width: 100% !important;
        max-width: 1914px !important;
        padding-top: 3px !important;
        margin: auto !important;
        margin-left: 1px !important;
        border-left: none !important;
        border-right: none !important;
    }

    .slider-title {
        font-size: 44px;
    }

    .slider-description {
        font-size: 38px;
    }

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

    .img-fluid {
        width: 100%;
    }

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

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

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

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

    .footer .form .col-lg-6 i {
        width: 14% !important;
    }

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


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

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

    #language-menu {
        left: 42%;
    }

    .fixed {
        max-width: 1914px !important;
        margin: auto !important;
        margin-left: 1px !important;
        border-left: none !important;
        border-right: none !important;
    }

    .slider-title {
        font-size: 44px;
    }

    .slider-description {
        font-size: 38px;
    }

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

    .img-fluid {
        width: 100%;
    }

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

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

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

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

    .footer .form .col-lg-6 i {
        width: 14% !important;
    }

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

/* Media Query for laptop-sized screens (1280px - 1366px) */
@media (min-width: 1280px) and (max-width: 1366px) {

    /* Change to 5 items per row on larger screens (laptops) */
    .product-item {
        flex: 0 0 20%;
        /* 5 items in a row */
    }
}

/* Optional: Adjusting for larger screens (above 1366px) */
@media (min-width: 1367px) {
    .product-item {
        flex: 0 0 16.66%;
        /* 6 items per row on larger screens */
    }
}


@media screen and (max-width: 7680px) {
    #language-menu {
        left: 41.5%;
    }
}

@media screen and (max-width: 5120px) {
    #language-menu {
        left: 37.2%;
    }
}

@media screen and (max-width: 4096px) {
    #language-menu {
        left: 34.1%;
    }
}

@media screen and (max-width: 3840px) {
    #language-menu {
        left: 33%;
    }
}

@media screen and (max-width: 3440px) {
    #language-menu {
        left: 31%;
    }

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

@media screen and (max-width: 2560px) {
    #language-menu {
        left: 24.5%;
    }
}

@media screen and (max-width: 1980px) {
    #language-menu {
        left: 17%;
    }
}

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

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

    #language-menu {
        left: 16%;
    }

    .fixed {
        max-width: 1920px !important;
        padding-top: 2px !important;
        margin-left: 0px !important;
    }

    .slider-title {
        font-size: 38px;
    }

    .slider-description {
        font-size: 30px;
    }

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

}

@media screen and (max-width: 1600px) {
    #language-menu {
        left: 19.1%;
    }

    .slider-title {
        font-size: 35px;
    }

    .slider-description {
        font-size: 28px;
    }

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

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

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

    .footer .form .col-lg-6 i {
        width: 18% !important;
    }
}

@media screen and (max-width: 1480px) {
    #language-menu {
        left: 19.2%;
    }
}

@media screen and (max-width: 1440px) {
    #language-menu {
        left: 21.2%;
    }

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

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

    .footer .form .col-lg-6 i {
        width: 20% !important;
    }

}

@media screen and (max-width: 1399px) {
    #language-menu {
        left: 21.9%;
    }

    .offer .body {
        max-height: 1282px !important;
    }

}

@media screen and (max-width: 1380px) {
    #language-menu {
        left: 22.1%;
    }

    header .div-b .search #search {
        padding-left: 50px;
    }

    header .div-b .search #search:focus {
        padding-left: 50px;
    }

    .categories .cat_name .cat {
        font-size: 17px;
    }

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

@media screen and (max-width: 1366px) {
    #language-menu {
        left: 22.4%;
    }

    .slider-title {
        font-size: 30px;
    }

    .slider-description {
        font-size: 30px;
    }

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

}

@media screen and (max-width: 1336px) {
    #language-menu {
        left: 23%;
    }

    .slider-title {
        font-size: 30px;
    }

    .slider-description {
        font-size: 30px;
    }

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

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

}

@media screen and (max-width: 1280px) {
    #language-menu {
        left: 24%;
    }

    header .div-c .icon {
        float: right;
    }

    .hide {
        display: none;
    }

    .slider {
        min-height: auto;
    }

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

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

    .categories .cat_name .cat {
        font-size: 16px;
    }

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

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

}

@media screen and (max-width: 1199px) {
    #language-menu {
        left: 25.3%;
    }

    .slider-title {
        font-size: 28px;
    }

    .slider-description {
        font-size: 28px;
    }

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

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

    main br {
        display: none;
    }

    #empty br {
        display: block;
    }

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

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

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

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

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

    .footer .form .col-lg-6 i {
        width: 22% !important;
    }
}

@media screen and (max-width: 1150px) {
    #language-menu {
        left: 26.5%;
    }

    .home_text {
        display: none;
    }

    .home_slider {
        padding-top: .5rem !important;
    }

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

    .slider-description {
        font-size: 25px;
    }

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

    #language-menu {
        left: 27.5%;
    }

    .categories .cat_name .cat {
        font-size: 14px;
    }

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

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

@media screen and (max-width: 1100px) {
    #language-menu {
        left: 25.8%;
    }

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

}


@media screen and (max-width: 1050px) {
    #language-menu {
        left: 29%;
    }

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

@media screen and (max-width: 1024px) {
    #language-menu {
        left: 29.7%;
    }

    .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 !important;
    }

    #message .message {
        left: 7.5%;
    }

    .categories .cat_name .cat {
        font-size: 13px;
    }

    .slider-title {
        font-size: 24px;
    }

    .slider-description {
        font-size: 24px;
    }

    .slider-content .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 .right p {
        font-size: 13px;
    }

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

    .footer .form textarea {
        height: 65px;
    }

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

@media screen and (max-width: 1007px) {
    #language-menu {
        left: 30.2%;
    }

    .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 !important;
    }
}

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

    #message .message {
        left: 8%;
    }

    #language-menu {
        left: 30.7%;
    }

    header .div-b {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    .fixed .div-b .col-md-6 {
        display: none !important;
    }

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

    header .div-b .order-md-first {
        margin-top: 0px !important;
    }

    header .div-b .order-md-2 {
        padding-top: 0px !important;
    }

    header .div-b .user {
        height: 100% !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    header .div-b .user_logined {
        width: auto;
    }

    header .div-b .mt-3 {
        margin-top: 6px !important;
    }

    header .div-b .mb-3 {
        margin-bottom: 6px !important;
    }

    header .div-b .order-first {
        margin-bottom: 6px;
    }

    header .div-b .search #search {
        padding-left: 53px;
        background: #FFFFFF url(../img/search.webp) no-repeat 2%;
    }

    header .div-b .search #search:focus {
        padding-left: 53px;
        background: #FFFFFF url(../img/search.webp) no-repeat 2%;
    }

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

    .slider-description {
        font-size: 22px;
    }

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

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

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

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

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

    .categories .cat_name .cat {
        font-size: 17px;
    }

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

    #empty {
        padding: 0px;
    }

    #banner_down_one {
        padding-top: 0px !important;
        padding-bottom: 7px !important;
    }

    #banner_down_tow {
        padding-bottom: 0px !important;
    }

    #banner_down_three {
        padding-bottom: 7px !important;
    }

    #banner_down_four {
        padding-bottom: 7px !important;
    }

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

    #deals .row .col-12 .row .mb-3:last-of-type {
        margin-bottom: 0px !important;
    }

    #deals .product:nth-of-type(2) {
        padding: 0px !important;
    }

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

    .product-right {
        padding-top: 0px !important;
        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;
    }

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

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

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

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

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

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

    .footer .form .col-lg-6 i {
        width: 18% !important;
    }

}


@media screen and (max-width: 960px) {
    #language-menu {
        left: 31.7%;
    }

    .navigation {
        display: none;
    }

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

    .category .div {
        padding: 3px;
    }

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

}

@media screen and (max-width: 950px) {
    #language-menu {
        left: 32%;
    }

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

    .slider-title {
        font-size: 21px;
    }

    .slider-description {
        font-size: 21px;
    }

    #about_us {
        display: none;
    }

    #help_faq {
        display: none;
    }

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

}

@media screen and (max-width: 912px) {
    #language-menu {
        left: 33.2%;
    }

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

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

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

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

    .list-group-item {
        font-size: 13px;
    }

    .slider-title {
        font-size: 20px;
    }

    .slider-description {
        font-size: 20px;
    }

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

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

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

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

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


    #language-menu {
        left: 34.7%;
    }

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

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

    #message .message {
        left: 9%;
    }

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

    #sectionTabs .nav-tabs {
        display: block ruby;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .navigation-btns {
        float: right;
    }

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

    .footer .form .col-lg-6 i {
        width: 20% !important;
    }

}

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

    #language-menu {
        left: 33.7%;
    }

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

}

@media screen and (max-width: 834px) {
    #language-menu {
        left: 36.6%;
    }

    header .div-b .search .select {
        padding-left: 5px;
    }

}

@media screen and (max-width: 823px) {
    #language-menu {
        left: 34.6%;
    }

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

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

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

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

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

    .footer .form .col-lg-6 i {
        width: 22% !important;
    }
}

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

    #language-menu {
        left: 37.3%;
    }

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

@media screen and (max-width: 812px) {
    #language-menu {
        left: 37.6%;
    }

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

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

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

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

}

@media screen and (max-width: 800px) {
    #language-menu {
        left: 38.1%;
    }

    header .div-b a {
        width: 175px;
        display: inline-block;
    }

    header .div-b .search #search {
        padding-left: 50px;
    }

    header .div-b .search #search:focus {
        padding-left: 50px;
    }

    header .div-b .search .select {
        width: 25%;
        padding-left: 10px;
    }

    header .div-c .icon a {
        margin-top: 0px;
    }

    header .div-c .icon div a {
        width: auto;
    }

    .drop-down {
        width: 185px;
    }

    .dropDown {
        border-bottom: 1px solid #01447e;
    }

    .offer {
        margin-top: 10px;
        margin-bottom: 10px;
    }

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

    .pages {
        margin-top: 10px;
    }

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

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

    .footer .footer_head .left {
        width: 100%;
        padding-left: 25px;
        padding-right: 25px;
    }

    .footer .footer_head .left input {
        width: 81%;
        float: left;
    }

    .footer .footer_head .left button {
        float: right;
        margin-right: 0px;
    }

}

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

    #message .message {
        left: 10%;
    }

    #language-menu {
        left: 39.8%;
    }

    header .div-b .search #search {
        padding-left: 48px;
    }

    header .div-b .search #search:focus {
        padding-left: 48px;
    }

    .navigation {
        display: none;
    }

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

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

    .slider-description {
        font-size: 22px;
    }

    .menu-box {
        top: 0px;
    }

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

    .list-group-item {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .price {
        text-align: left;
    }

    .d-flex {
        display: flex;
    }

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

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

}

@media screen and (max-width: 767px) {
    .menu-box .categories {
        max-height: 324px !important;
    }

    .slider-title {
        font-size: 27px;
    }

    .slider-description {
        font-size: 27px;
    }

    .slider-content .btn {
        margin-top: 15px;
    }

    .home_slider #banner {
        margin-top: 8px;
        padding-left: 0px !important;
    }

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

    .container-fluid .row .categories {
        padding-left: 0px;
        padding-right: 0px;
    }

    .container-fluid .row .categories .category {
        padding-left: 0px;
        padding-right: 0px;
    }

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

    .container-fluid .row .px-3 {
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 0px !important;
    }

    .banner_down .padding:nth-of-type(2) {
        padding-left: 0px !important;
        padding-right: 0px !important;
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .banner_down .padding:nth-of-type(3) {
        margin-bottom: 8px;
    }

    #banner_down_three {
        padding-bottom: 0px !important;
    }


    .banner .ps-1,
    .banner .pe-1 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    #banner_down .image:last-child {
        width: 100%;
        margin-top: 10px;
        margin-left: 0px;
    }

    .big_sale .color_b {
        display: none;
    }

    .card-body .row .pe-5 {
        padding-right: 0px !important;
    }

    .list-group-item {
        display: block;
        margin-bottom: 1rem;
    }

    .price {
        text-align: right !important;
    }

    .d-flex {
        display: block;
    }

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

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

    .footer .div .page {
        line-height: 35px;
    }

    .footer .div .page i {
        margin: 0px;
        margin-right: 15px;
    }

    .footer .div .title i {
        width: auto;
        padding: 0px;
        margin-right: 9px;
    }

    .footer .div .social_icon i {
        width: auto;
        float: none;
    }

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

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

    .footer .form .col-lg-3 div div {
        line-height: 10px;
    }

    .footer .form .col-lg-6 i {
        width: 12% !important;
        margin-left: 0px !important;
    }

    .footer .form input {
        margin-left: 1.6% !important;
    }

    .footer .form textarea {
        width: 100% !important;
        height: 63px;
    }

    .footer .form button {
        position: relative !important;
        top: -40px !important;
    }

}

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

    #message .message {
        left: 10.5%;
    }

    #language-menu {
        left: 41.4%;
    }

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

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

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

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

    #message .message {
        left: 11.5%;
    }

    #language-menu {
        left: 45.7%;
    }

    header .div-b .search #search {
        padding-left: 53px;
        background: #FFFFFF url(../img/search.webp) no-repeat 3%;
    }

    header .div-b .search #search:focus {
        padding-left: 53px;
        background: #FFFFFF url(../img/search.webp) no-repeat 3%;
    }

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

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

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

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

    .offer {
        margin-top: 4px;
    }

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

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

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

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

    .footer .form .col-lg-6 i {
        width: 13.5% !important;
    }
}

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

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

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

    #language-menu {
        left: 34.7%;
    }

    .selected-b {
        border: none;
    }

    header .div-a .cn a {
        height: 45px;
        float: right;
        overflow: hidden;
    }

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

    header .div-b .search .select {
        width: 30%;
        font-size: 15px;
    }

    #message .message {
        left: 12.5%;
    }

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

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

    .footer .form .col-lg-6 i {
        width: 15% !important;
    }

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

}

@media screen and (max-width: 600px) {
    #language-menu {
        left: 33.6%;
    }

    header .div-a .lf i {
        margin-left: 8px;
        margin-right: 8px;
    }

    header .div-b .search #search {
        padding-left: 51px;
        background: #FFFFFF url(../img/search.webp) no-repeat 3%;
    }

    header .div-b .search #search:focus {
        padding-left: 51px;
        background: #FFFFFF url(../img/search.webp) no-repeat 3%;
    }

    header .div-a .cn .changecurrency {
        padding-left: 4px;
        padding-right: 4px;
    }

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

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

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

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

    #message .message {
        left: 13.5%;
    }

    #language-menu {
        left: 2.2%;
    }

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

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

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

    header .div-b .search #search {
        padding-left: 50px;
        background: #FFFFFF url(../img/search.webp) no-repeat 3%;
    }

    header .div-b .search #search:focus {
        padding-left: 50px;
        background: #FFFFFF url(../img/search.webp) no-repeat 3%;
    }

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

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

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

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

    .big_sale .btn {
        display: none;
    }

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

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

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

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

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

    .footer .form .col-lg-6 i {
        width: 8.2% !important;
    }

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

    .footer .form .col-lg-6 input {
        margin-left: 1.1% !important;
    }

    .footer .form textarea {
        height: 107px !important;
    }

    .footer .msg {
        height: 385px;
    }

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

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

    #message .message {
        left: 15%;
    }

    #language-menu {
        left: 2.4%;
    }

    header .div-b .search #search {
        padding-left: 47px;
        background: #FFFFFF url(../img/search.webp) no-repeat 3%;
    }

    header .div-b .search #search:focus {
        padding-left: 47px;
        background: #FFFFFF url(../img/search.webp) no-repeat 3%;
    }

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

    .big_sale .color_a {
        font-size: 16px;
        margin-bottom: 0px;
    }

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

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

    .footer .form .col-lg-6 i {
        width: 9% !important;
    }

}

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

    #language-menu {
        left: 2.7%;
    }

    #message .message {
        left: 16%;
    }

    header .div-b .search #search {
        padding-left: 45px;
        background: #FFFFFF url(../img/search.webp) no-repeat 3%;
    }

    header .div-b .search #search:focus {
        padding-left: 45px;
        background: #FFFFFF url(../img/search.webp) no-repeat 3%;
    }

    header .div-b .user a i {
        margin-top: 11px;
    }

    .fixed .div-c .drop-down {
        display: none;
    }

    .drop-down {
        width: 30%;
    }

    .dropDown {
        width: 100%;
        float: left;
    }

    .dropDown p {
        display: none;
    }

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

    .slider-description {
        font-size: 22px;
    }

    #order_by {
        width: auto;
    }

    .heading .carousel-title {
        display: none;
    }

    .heading .carousel-indicators {
        justify-content: center;
    }

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

    .big_sale {
        padding: 5px;
        padding-left: 5px;
        padding-right: 5px;
    }

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

    #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: .65rem .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 {
        padding-left: 15px;
        padding-right: 15px;
    }

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

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

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

    .footer .form .col-lg-6 i {
        width: 10% !important;
    }

}

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

    header .div-b .search .select {
        max-width: 55px;
        padding-left: 10px;
    }

    header .div-b .search .submit {
        width: 80px;
    }

    #language-menu {
        left: 3%;
    }

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

    header .div-b .user .lf {
        display: none;
    }

    .drop-down {
        width: 35%;
    }

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

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

    .categorieswithproducts {
        padding: 0px !important;
        padding-top: 12px !important;
        padding-bottom: 0px !important;
    }

    #banner_down_one {
        padding: 5px !important;
        padding-bottom: 0px !important;
    }

    #banner_down_tow {
        padding: px !important;
        padding-bottom: 0px !important;
    }

    #banner_down_three {
        padding-bottom: 7px !important;
    }

    #banner_down_four {
        padding-bottom: 7px !important;
    }

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

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

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

    .footer .form .col-lg-6 i {
        width: 11% !important;
    }

}

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

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

    #message .message {
        left: 19%;
    }

    #language-menu {
        left: 3.2%;
    }

    header .div-b .user {
        min-width: 100%;
    }

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

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

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

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

}

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

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

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

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

    .category ul.breadcrumb li:last-child {
        width: 87%;
    }

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

}

@media screen and (max-width: 393px) {
    #language-menu {
        left: 2.9%;
    }

    header .div-b .search #search {
        padding-left: 45px;
    }

    header .div-b .search #search:focus {
        padding-left: 45px;
    }

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

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

    .big_sale .color_a {
        font-size: 22px !important;
    }

    #all .ms-2 {
        margin-left: 0px !important;
    }

}

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

    #language-menu {
        left: 3.4%;
    }

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

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

    header .div-b .logo {
        height: 50px;
    }

    header .div-b .user {
        min-width: 96%;
    }

    header .div-b .user a .register {
        height: 50px;
        line-height: 50px;
        font-size: 14px;
    }

    header .div-b .user a .login {
        height: 47px;
        line-height: 22px;
        font-size: 14px;
    }

    header .div-b .user .lf {
        height: 50px;
        padding-left: 5px;
        padding-right: 5px;
    }

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

    header .div-b .user .lf .name {
        line-height: 20px;
    }

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

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

    .big_sale .color_a {
        font-size: 20px !important;
    }

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

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

    .footer .form .col-lg-6 i {
        width: 11.5% !important;
    }

}

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

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

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

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

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

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

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

    .categories .cat_name .cat {
        font-size: 17px;
    }

    .big_sale .color_a {
        font-size: 18px !important;
    }

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

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

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

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

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

    .card-body .btn {
        margin-right: 0px !important;
        font-size: 16px !important;
    }

}


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

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

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

    header .div-b .search #search {
        padding-left: 42px;
        font-size: 15px;
    }

    header .div-b .search #search:focus {
        padding-left: 42px;
        font-size: 15px;
    }

    header .div-c .icon {
        width: 190px;
    }

    header .div-c .icon div {
        padding-left: 5px;
        padding-right: 5px;
    }

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

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

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

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

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

    .product-right .price {
        width: 50%;
        border-right: none;
    }

    .product-right .full-stars-example-two {
        width: 100%;
        background: #FBFBFB;
        border: 1px solid #EEEEEE;
        margin-bottom: 5px;
    }

    .product-right .full-stars-example-two img {
        margin-top: 10px;
    }

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

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

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

    .categories .image {
        width: 70px;
    }

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

    .categories .cat_name .cat {
        font-size: 16px;
    }

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

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

    .footer .form .col-lg-6 i {
        width: 12.5% !important;
    }

    .footer .form textarea {
        height: 160px;
    }
}

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

    #language-menu {
        left: 3.7%;
    }

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

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

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

    .footer .form .col-lg-6 i {
        width: 13% !important;
    }

}

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

    html,
    body {
        margin: 0 !important;
        padding: 0 !important;
        width: 320px !important;
        overflow-x: auto !important;
    }

    header {
        width: 320px !important;
    }

    #message .close {
        display: none;
    }

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

    #language-menu {
        left: 3.3%;
    }

    header .div-b .logo {
        height: 45px;
    }

    header .div-b .search #search {
        padding-left: 42px;
    }

    header .div-b .search #search:focus {
        padding-left: 42px;
    }

    header .div-b .user a .register {
        height: 45px;
        line-height: 45px;
    }

    header .div-b .user a .login {
        height: 42px;
        line-height: 18px;
    }

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

    header .div-b .user .lf {
        height: 46px;
        padding-left: 5px;
        padding-right: 5px;
    }

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

    header .div-b .user .rt .name {
        line-height: 22px;
    }

    .drop-down {
        width: 32%;
    }

    .dropDown {
        padding-left: 15px;
        padding-right: 15px;
    }

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

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

    .categories .cat_name .cat {
        font-size: 15px;
    }

    #order_by {
        width: 140px;
    }

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

    .card-body form .row .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 {
        font-size: 27px;
    }

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

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

    .footer .form .col-lg-6 i {
        width: 13.5% !important;
    }

}