/* find by :

*/

/* ------------------------------------------ */
/* ------------------#index------------------ */
/* ------------------------------------------ */
header {
    top: 0;
    right: 0;
    z-index: 99999;
    transition: height .3s ease-in-out;
    -webkit-transition: height .3s ease-in-out;
    -moz-transition: height .3s ease-in-out;
    -ms-transition: height .3s ease-in-out;
    -o-transition: height .3s ease-in-out;
    height: 13rem;
    position: fixed;
}

header.active {
    background-color: #fff;
    box-shadow: rgba(27, 31, 35, 0.04) 0px 1px 0px, rgba(255, 255, 255, 0.25) 0px 1px 0px inset;
    height: 7rem;
}

header.bg-white {
    background-color: #f5f5f5 !important;
}

header.bg-white .header-bottom {
    background-color: #fff !important;
}

header.bg-white .search-box input {
    background-color: #fff !important;
}

.new-header.bg-white .header-bottom {
    box-shadow: none;
}

.header-top .logo-box {
    width: 18rem;
    height: 6rem;
}

.header-top .logo-box img {
    width: 100%;
    height: auto;
}

.header-top ul li a {
    color: #000;
}

.maga-menu__nav .home-box {
    border-left: 1px solid var(--navy);
    padding-left: 15px;
}

.basket-count {
    top: -7px;
    right: -5px;
    display: flex;
    width: 14px;
    height: 14px;
    line-height: 12px;
    font-size: 10px;
}

.search-box input {
    width: 35rem;
    height: 3.5rem;
    border-radius: 8px;
    border: none;
    background-color: #ffffffba;
    font-size: 14px;
    box-shadow: rgb(99 99 99 / 11%) 0 2px 8px 0;
}

.search-box i.open-search {
    left: 9px;
    top: 3px;
}

input::placeholder {
    font-size: 14px;
}

div#search-results {
    z-index: 99999999 !important;
    width: 100% !important;
    padding: 0;
    background: white !important;
}

div#search-results .row {
    width: 100%;
    margin: 0;
}

div#search-results span {
    font-size: 1.5rem;
}

div#search-results ul {
    right: 0px !important;
    top: 2rem !important;
    padding-left: 2rem !important;
}

div#search-results .row .results-col {
    height: auto !important;
    padding-bottom: 2rem !important;
}

div#search-results .results-col ul li a {
    font-size: 1.3rem !important;
    line-height: 25px !important;
    transition: all 0.15s;
    float: right;
    margin-right: 8px;
    display: flex !important;
}

div#search-results span {
    color: #1877e5;
    margin-right: .5rem !important;
}

div#search-results ul li a i {
    position: static;
    font-size: 1.8rem;
    vertical-align: middle;
    margin-left: 1rem;
}

div#search-results ul li.hr {
    border-top: .1rem solid #f5f5f5;
    height: 0px !important;
    line-height: 0;
    margin-bottom: .5rem;
}

div#search-results ul li a {
    color: rgb(101, 101, 101) !important;
}

/* ----- #Mobile Des ----- */
header .header-bottom {
    height: 5rem;
    line-height: 5rem;
}

ul.nod-1>li>a {
    font-size: 14px;
    padding: 10px 15px;
    color: #000;
}

ul.nod-1>li ul.nod-2>li>a span {
    font-size: 25px;
    transform: translateX(5px);
}

ul.nod-1>li ul.nod-2 {
    width: 100%;
    height: auto;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 6.5rem;
    display: none;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
    justify-content: center;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    border-radius: 10px;
}

ul.nod-1>li:hover ul.nod-2 {
    display: flex;
}

ul.nod-1>li ul.nod-2>li>a {
    font-size: 13px;
    color: #000;
    height: 5rem;
    line-height: 4rem;
    display: flex;
    padding: 0 15px;
}

ul.nod-1>li ul.nod-2>li:hover>a {
    background-color: #EEEEEE;
}

ul li.list-all {
    display: none;
}

ul.nod-1 li ul.nod-2 li ul.nod-3 {
    width: 100%;
    height: 34rem;
    background-color: #ffffff;
    position: absolute;
    top: 5.05rem;
    right: 0;
    display: none;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
    flex-wrap: wrap;
    padding: 25px 51rem !important;
    flex-direction: column;
    border-radius: 10px;
}

ul.nod-1 li ul.nod-2 li:hover ul.nod-3 {
    display: flex;
}

ul.nod-1 li ul.nod-2 li:hover ul.nod-3>li {
    width: 20rem;
    height: 4rem;
}

ul.nod-1 li ul.nod-2 li:hover ul.nod-3>li>a {
    font-size: 13px;
    color: #000000;
    padding: 0 10px;
}

ul.nod-1 li ul.nod-2 li:hover ul.nod-3>li:hover>a {
    color: var(--navy);
}

ul.nod-1 li ul.nod-2 li ul.nod-3 li ul.nod-4 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin-top: 10px !important;
}

ul.nod-1 li ul.nod-2 li ul.nod-3 li ul.nod-4>li>a {
    border-right: none !important;
    font-size: 13px;
    color: #808198;
    padding: 5px 10px;
}

ul.nod-1 li ul.nod-2 li ul.nod-3 li ul.nod-4>li>a:hover {
    color: var(--navy);
}

.logo-and-menu ul.nod-1>li>a {
    display: inherit;
    height: 2.5rem;
    line-height: inherit;
    padding: 5px 10px;
    font-weight: inherit !important;
    border-right: 1px solid rgb(194, 194, 194);
    font-size: 12px;
}

.logo-and-menu ul.nod-1>li:last-child>a {
    border-left: 1px solid rgb(194, 194, 194);
}

.logo-and-menu ul.nod-1>li:first-child>a {
    border-right: none;
}

.logo-and-menu ul.nod-1 {
    margin: 0 15px !important;
}

.nav-footer ul.nod-1>li>a {
    color: #fff;
    font-weight: inherit !important;
    display: inherit;
    height: auto;
    line-height: inherit;
    padding: 5px 15px;
}

.nav-footer ul.nod-1>li:hover>a,
.logo-and-menu ul.nod-1>li:hover>a {
    border-bottom: none;
}

footer ul.nod-1 {
    flex-direction: row !important;
    padding: 0 !important;
    height: auto !important;
    flex-wrap: wrap;
    justify-content: center;
    display: flex;
}

footer ul.nod-1 li {
    padding: 0 !important;
}

footer ul li.list-all {
    display: none !important;
}

footer ul.nod-1>li:after {
    display: none !important;
}

.other-menu-items {
    display: none;
}

ul.nod-1>li ul.nod-2 {
    z-index: 999999;
}

.call-number {
    height: 4rem;
}

/* ----- #Mobile Menu ----- */
.overlay {
    position: fixed;
    top: 140px;
    right: 0;
    background-color: #00000085;
    width: 100%;
    height: 100vh;
    visibility: hidden;
}

.overlay.show {
    visibility: inherit;
}

.mobile__nav {
    width: 100%;
    height: 0;
    position: relative;
    top: -10rem;
    z-index: 1070;
}

.mobile__nav .mobile__nav--bar {
    display: block;
    width: 4rem;
    height: 4rem;
    position: relative;
    top: 75px;
    right: -0.5rem;
}

.mobile__nav .mobile__nav--bar.close {
    position: fixed;
    top: 15rem;
    right: 22rem;
    z-index: 99999;
    width: 3rem;
    display: block;
}

.mobile__nav .mobile__nav--bar .line {
    position: absolute;
    height: .2rem;
    width: 3rem;
    background: #222;
    border-radius: .3rem;
    right: 0;
    transition: all ease .3s;
}

.mobile__nav .mobile__nav--bar .line1 {
    top: 1rem;
}

.mobile__nav .mobile__nav--bar .line2 {
    top: 2rem;
}

.mobile__nav .mobile__nav--bar .line3 {
    top: 3rem;
}

.mobile__nav .mobile__nav--bar.close .line1 {
    transform: rotate(45deg);
    top: 1.5rem;
    background: crimson;
    width: 2.5rem
}

.mobile__nav .mobile__nav--bar.close .line2,
.mobile__nav .mobile__nav--bar.close .line3 {
    transform: rotate(-45deg);
    top: 1.5rem;
    background: crimson;
    width: 2.5rem;
}

.mobile__nav nav.mobile__navigation {
    position: fixed;
    top: 0;
    right: 0;
    width: 0%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    z-index: 1090;
    transition: background .3s;
}

.mobile__nav nav.mobile__navigation ul {
    width: 27rem;
    height: 100%;
    background: #fff;
    position: fixed;
    top: 14rem;
    right: -32rem;
    transition: right .3s;
    overflow-y: auto;
}

.mobile__nav nav.mobile__navigation ul li {
    display: block;
}

.mobile__nav nav.mobile__navigation ul li i {
    font-size: 22px;
    margin-left: 5px;
}

.mobile__nav nav.mobile__navigation li.mobile__navigation--title {
    padding: 0.5rem;
    background: #f5f5f5 !important;
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 10%);
    height: 6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
}

.mobile__nav nav.mobile__navigation span.mobile__navigation--icon {
    margin-left: 1rem;
    font-size: 1.6rem;
    vertical-align: middle;
}

.mobile__nav nav.mobile__navigation .mobile__navigation--menu a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 1.5rem;
    border-bottom: 0.1rem solid #f5f5f5;
    font-size: 1.3rem;
    color: #222;
    display: block;
}

.mobile__nav nav.mobile__navigation li.mobile__navigation--title a {
    padding: 0;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mobile__nav nav.mobile__navigation li.mobile__navigation--title a img {
    height: 65%;
    position: relative;
    top: 0.5rem;
}

.mobile__nav nav.mobile__navigation .mobile__navigation--menu .mobile__navigation--submenu .icon-Share:before {
    content: "\ed82";
    font-size: 14px;
}

.mobile__nav nav.mobile__navigation .mobile__navigation--menu .mobile__navigation--submenu>a::after {
    content: "\e92c";
    font-size: 1.5rem;
    font-family: 'icomoon';
    color: #0072bc;
    float: left;
}

.mobile__nav nav.mobile__navigation .mobile__navigation--menu .mobile__navigation--submenu li.mobile__navigation--submenu-title {
    background: #fff;
    color: #0072bc;
    padding: 0;
    text-align: right;
    font-size: 1.4rem;
    display: flex;
    justify-content: center;
    height: 6rem;
    width: 100%;
}

.mobile__nav nav.mobile__navigation .mobile__navigation--menu .mobile__navigation--submenu li.mobile__navigation--submenu-title a {
    border-bottom: none;
}

.mobile__nav nav.mobile__navigation .mobile__navigation--menu .mobile__navigation--submenu li.mobile__navigation--submenu-back {
    padding: 0 2rem;
    background: #f9f9f9;
    color: var(--white-color);
    font-size: 1.4rem;
    cursor: pointer;
}

.mobile__nav nav.mobile__navigation .mobile__navigation--menu .mobile__navigation--submenu li.mobile__navigation--submenu-back:hover {
    background: #f9f9f9 !important;
}

.mobile__nav nav.mobile__navigation .mobile__navigation--menu .mobile__navigation--submenu li.mobile__navigation--submenu-back::before {
    content: "\e92d";
    font-family: 'icomoon';
    color: black;
    font-size: 1.6rem;
    margin-left: 1rem;
}

/* -----------------------#mainslider------------------- */
.section-mainslider {
    height: 66rem;
    min-height: 66rem;
    overflow: hidden;
}

.mainslider-box,
.mainslider-box .item-slider {
    width: 100%;
    height: 100%;
}

.mainslider-box .item-slider img {
    width: 100%;
    height: auto;
}

.mainslider-box.owl-carousel.owl-rtl .owl-item {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.mainslider-box.owl-theme .owl-dots .owl-dot span {
    width: 0.5rem;
    height: 0.5rem;
}

.mainslider-box.owl-theme .owl-dots {
    display: flex;
    justify-content: start;
    width: 100%;
    right: 0;
    padding-right: 120px;
    bottom: 10rem;
}

.mainslider-box.owl-theme .owl-dots .owl-dot span,
.mainslider-box.owl-theme .owl-dots .owl-dot span {
    border: 1px solid #000;
}

.mainslider-box.owl-theme .owl-dots .owl-dot.active span {
    border: 1px solid #000;
    background-color: #000;
    width: 0.9rem;
}

.mainslider-box.owl-theme .owl-dots .owl-dot {
    zoom: 1.6;
}

.mainslider-box.owl-theme .owl-nav {
    position: absolute;
    bottom: 65px;
    padding-right: 105px;
}

.mainslider-box.owl-theme .owl-nav [class*=owl-]:hover {
    color: var(--accent-600);
}

/* --------------------#Slider product --------------------- */
.product-list .product-item {
    width: 100%;
    height: auto;
    font-family: "iransans-fa";
    border: 1px solid #e5e5e5;
    border-radius: 15px;
}

.product-item .image-box {
    height: 20rem;
    width: 100%;
    /* border: 1px solid black; */
}

.product-item .image-box img {
    width: auto;
    height: 100%;
    transition: transform .3s ease-in-out;
    -webkit-transition: transform .3s ease-in-out;
    -moz-transition: transform .3s ease-in-out;
    -ms-transition: transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
}

.product-item:hover .image-box img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}

.product-item .content-box .name-product {
    height: 11rem;
    border-bottom: 1px solid #d6d6d6;
    font-family: "IRANYekanMedium";
    text-align: justify;
    line-height: 1.8;
}

.product-item .content-box .price-box {
    height: 5rem;
    padding-bottom: 0 !important;
}

.price-box .price-off {
    text-decoration: line-through;
}

.product-list.owl-carousel.owl-rtl .owl-item {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
}

.product-list.owl-theme .owl-nav {
    display: none;
}

.price-box .discount-percentage {
    width: 27px;
    height: 27px;
    background-color: #667942;
    border-radius: 4px;
    top: 10px;
    right: 10px;
}

.price-box .discount-percentage {
    top: inherit;
    bottom: 20px;
}

.product-color {
    left: 20px;
    bottom: 45px;
}

.product-color .box-color {
    width: 10px;
    height: 10px;
    display: flex;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.product-color .box-color:first-child {
    position: relative;
}

.product-color .box-color:not(:first-child) {
    position: absolute;
}

.product-color .box-color:nth-child(2) {
    top: 7px;
    z-index: 999;
}

.product-color .box-color:nth-child(3) {
    top: 15px;
    z-index: 999;
}

.product-color .box-color:nth-child(4) {
    top: 22px;
    z-index: 999;
}

.product-color .box-color:nth-child(5) {
    top: 29px;
    z-index: 999;
}

/* -----------------------#Best Sellers Section------------------- */
.best-sellers-box {
    border: 1px solid #e5e5e5;
    border-radius: 15px;
    overflow: hidden;
    padding: 15px;
}

.best-sellers-row {
    height: 36rem;
}

.best-sellers-row .best-sellers-item {
    width: 100%;
    height: 12rem;
    transition: box-shadow .5s ease-in-out;
    -webkit-transition: box-shadow .5s ease-in-out;
    -moz-transition: box-shadow .5s ease-in-out;
    -ms-transition: box-shadow .5s ease-in-out;
    -o-transition: box-shadow .5s ease-in-out;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
}

.best-sellers-row .best-sellers-item:last-child {
    border-bottom: none;
}

.best-sellers-row .best-sellers-item:last-child:after {
    border-bottom: none;
}

.best-sellers-row .best-sellers-item .img-box {
    width: 12rem;
    height: 12rem;

}

.best-sellers-row .best-sellers-item:hover {
    box-shadow: rgb(180 186 192 / 20%) 1px 1px 24px;
}

.best-sellers-row .best-sellers-item .img-box img {
    width: 100%;
    height: auto;
}

.best-sellers-row .best-sellers-item .content-box {
    width: calc(100% - 12rem);
}

.best-sellers-row .best-sellers-item .content-box .number-sellers {
    font-family: "iransans-fa";
}

/* ----------------------#footer------------------ */
.back-to-top i {
    font-weight: bold !important;
}

.features-box {
    background-color: #f5f5f5 !important;
    border-radius: 15px;
}

.features-box .features-item .icon-fi-rr-zoom-Payment,
.features-box .features-item .icon-fi-rr-zoom-ReturnBox,
.features-box .features-item .icon-fi-rr-zoom-Guarantee-3 {
    font-size: 40px;
}

.features-box .features-item i {
    margin-left: 10px;
    font-size: 60px;
}

/* -------------#page-breadcrumb------------------ */
.page-breadcrumb {
    padding: 20px 0;
    background-color: transparent !important;
}

.breadcrumb {
    background-color: transparent !important;
    display: flex;
    align-items: baseline;

    /* بدونِ wrap، مسیرِ ناوبری روی موبایل یک خطِ بلند می‌ماند و از کادرِ گوشی
       می‌زند بیرون — یعنی کلِ صفحه اسکرولِ افقی می‌گیرد، نه فقط خودِ مسیر.
       min-width/overflow-wrap برای عنوانِ بلندِ بی‌فاصله است که حتی با wrap هم
       جا نمی‌شود. (نسخهٔ .shop-breadcrumb از قبل درست بود؛ این قاعدهٔ عمومی
       جا مانده بود.) */
    flex-wrap: wrap;
    min-width: 0;
    max-width: 100%;
}

.breadcrumb-item {
    min-width: 0;
    overflow-wrap: anywhere;
}

.breadcrumb-item+.breadcrumb-item::before,
.page-breadcrumb .breadcrumb .breadcrumb-item a {
    color: #878787 !important;
    font-size: 12px !important;
}

.page-breadcrumb li {
    font-size: 1.1rem !important;
    color: #878787 !important;
}

.breadcrumb-item.active {
    color: #878787 !important;
    font-size: 11px !important;
}

/* -----------------#page sortbar---------------  */
.page-sortbar {
    height: auto;
    line-height: 4.2rem;
}

.page-sortbar i {
    display: inline-block;
    border-radius: .4rem;
    font-size: 2rem;
    vertical-align: middle;
    /*color: #fff !important;*/
    width: 35px;
    height: 35px;
    background: var(--navy);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff !important;
    z-index: 999;
}

.page-sortbar i.icon-format_align_center:before {
    content: "\e979";
}

.page-sortbar select {
    width: 20rem;
    height: 4rem;
}

.page-sortbar select.count {
    width: 10rem;
}

.page-sortbar span.product-count {
    float: left;
    line-height: 4rem;
    /*color: #fff;*/
    padding-left: 20px;
}

.page-sortbar-items li {
    cursor: pointer;
    font-size: 12px;
    /*color: #fff;*/
    margin-left: 25px !important;
}

.page-sortbar-items li.active {
    color: var(--navy);
}

.sortbar-mob {
    width: 100%;
    height: 5rem;
    background-color: #667942;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999;
    box-shadow: rgb(50 50 93 / 25%) 0px -6px 27px -5px, rgb(0 0 0 / 30%) 16px 0px 0px 0px;
    color: #fff;
}

.sortbar-mob .sortbar-mob-box {
    border-right: 1px solid #fff;
    width: calc(100% - 25%);
}

.page-sortbar-items {
    display: flex;
    padding: 0 20px;
}

/* ---------------------------#productlist------------------ */
.product-list__item ul li {
    width: 20%;
    border-bottom: 1px solid rgb(212, 212, 212);
}

/* -------------------------------------------- */
/* ------------------ #Login ------------------ */
/* -------------------------------------------- */
.login-page {
    height: 100vh;
    position: fixed;
    top: 0;
    z-index: 99999;
    padding: 15px;
}

.login-page .logo {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
}

.login-page .logo img {
    width: 10rem;
    height: auto;
}

#loginForm label {
    cursor: auto;
}

.login-page .login-box {
    width: 45rem;
    min-height: 43rem;
    border-radius: 1rem;
    height: auto;
    padding: 5rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
}

.login-page input {
    height: 5rem;
    text-align: right;
    font-size: 1.6rem !important;
}

.login-page input::-webkit-input-placeholder {
    font-size: 13px !important;
}

.login-page input::-moz-placeholder {
    font-size: 13px !important;
}

.login-page input:-ms-input-placeholder {
    font-size: 13px !important;
}

.login-page input::-ms-input-placeholder {
    font-size: 13px !important;
}

.login-page input::placeholder {
    font-size: 13px !important;
}

.login-page input[type="checkbox"] {
    display: inline-block;
    margin-left: 1rem;
}

.login-page .acceptrules label {
    margin: 0;
}

.login-page .btn {
    height: 5rem;
    background-color: var(--navy);
}

.login-page p {
    line-height: 2;
    font-size: 1rem
}

.login-page .icon-Enter {
    vertical-align: middle;
}

.login-page .icon-Enter::before {
    color: #222;
}

.login-page .loginbysms {
    cursor: pointer;
}

/* ---------------------------------------- */
/* -----------------#old code-------------- */
/* ---------------------------------------- */

/* ++++++++++++++++++++++++ */
/* ------- Product -------- */
/* ++++++++++++++++++++++++ */
div#lightgallery {
    border-top: .1rem solid #dee2e6;
    padding-top: 3rem;
}

#lightgallery a {
    width: 10rem;
    height: 10rem;
    border: .1rem solid #ebebeb;
    border-radius: 1rem;
    margin-left: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

#lightgallery a:last-child {
    margin-left: 0;
}

#lightgallery a:active {
    border: .1rem solid black;
}

.icon-Tick:before {
    color: green;
}

.icon-Cancel:before {
    color: red;
}

i.icon-menu {
    transform: rotate(90deg);
    color: #dedede;
    font-size: 2.5rem;
}

.product-info {
    padding-top: 0 !important;
}

.product-info .product-info-box {
    position: relative;
    background-color: #f5f5f5 !important;
    border-radius: 15px;
}

.product-info .product-info-box .product-info-slider {
    width: 45%;
    min-height: 59rem;
}

.product-info .product-info-box .gallery-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
}

.product-info .product-info-box .mid {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 42rem;
    background-color: var(--white-color);
    border-radius: .4rem;
    border: .1rem solid var(--graydark-color);
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-info .product-info-box .mid img {
    max-width: 100%;
    max-height: 100%;
}

.product-info .product-info-box .carousel-pic {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.product-info .product-info-box .carousel-pic img {
    width: 100%;
}

.product-info .product-info-box .product-info-content {
    width: 55%;
}

.product-info-title {
    height: 4.5rem;
    border-bottom: 1px solid var(--navy);
}

.product-info-title h1 {
    font-size: 1.7rem !important;
}

.product-info-title .title-en {
    left: 0;
    color: grey !important;
}

.product-info-category {
    height: 3.2rem;
}

.product-info-category a {
    line-height: 3.2rem;
}

.product-info-params p {
    max-height: max-content;
    min-height: 17rem;
    overflow-y: scroll;
    line-height: 2.5;
    color: grey;
}

/* width */
.product-info-params p::-webkit-scrollbar {
    width: .5rem;
}

/* Track */
.product-info-params p::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px #ccc;
    box-shadow: inset 0 0 .1rem #ccc;
    border-radius: 1rem;
}

/* Handle */
.product-info-params p::-webkit-scrollbar-thumb {
    background: #777777;
    border-radius: .5rem;
}

/* Handle on hover */
.product-info-params p::-webkit-scrollbar-thumb:hover {
    background: #777777;
}

.product-info-guaranty .guaranty-item {
    top: -1.8rem;
    line-height: 3rem;
}

.product-info-guaranty .guaranty-item i {
    font-size: 3rem;
}

.buy__icon i {
    font-size: 2.2rem;
}

.buy__icon span {
    vertical-align: middle;
}

.buy__icon .icon-OtherOrder::before {
    color: var(--navy);
}

.product-info-color {
    height: 10rem;
}

.product-info-color ul li {
    padding: .2rem;
    cursor: pointer;
    border: .1rem solid #c1bebe;
    border-radius: 50%;
}

.product-info-color ul li.active {
    border: .1rem solid black;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.product-info-color ul li span {
    width: 3rem;
    height: 3rem;
}

.product-info-options {
    position: absolute;
    top: 0;
    right: 30px;
    border: none !important;
}

.product-info-options ul {
    flex-direction: column;
}

.product-info-options ul li {
    margin: 5px 0;
}

.product-info-options i {
    font-size: 2rem;
    vertical-align: middle;
}

.product-info-options .icon-Share:before,
.product-info-options .icon-Compare:before,
.product-info-options .icon-Favorite:before {
    color: var(--navy);
}

.icon-Star:before {
    color: var(--accent-600);
}

.product-info-Spec {
    margin-top: 5rem;
    margin-bottom: 2.5rem;
}

.product-info-Spec .nav-link {
    border-top-left-radius: 0.4rem;
    border-top-right-radius: 0.4rem;
    background: #fff !important;
    color: #000;
}

.product-info-Spec .nav-link.bg-grey.active {
    background-color: var(--navy) !important;
    color: #fff !important;
}

.product-info-Spec .tab-content {
    background-color: #fff;
    padding: 15px;
}

.product-info-Spec .tab-content .spec ul.spec-list {
    border-radius: 1.5rem;
    -webkit-border-radius: 1.5rem;
    -moz-border-radius: 1.5rem;
    -ms-border-radius: 1.5rem;
    -o-border-radius: 1.5rem;
}

.product-info-Spec ul.spec-list li {
    display: block;
    text-align: right;
    padding: 0;
    height: auto;
}

.product-info-Spec ul.spec-list li:nth-child(odd) .spec-type {
    background-color: #f5f5f5;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: auto;
    border-bottom: .1rem solid #ececec;
    border-top: .1rem solid #ececec;
    border-left: .1rem solid #ececec;
}

.product-info-Spec ul.spec-list li span.spec-type {
    font-size: 1.1rem;
    height: auto;
    line-height: 4rem;
    border-radius: 0;
    margin: 0;
    padding: 0 1rem;
    display: inline-block;
    max-width: 18%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-left: .1rem solid #ececec;
}

.product-info-Spec .spec ul.spec-list li .spec-value {
    font-size: 1.2rem;
    height: auto;
    /*width: 84%;*/
    line-height: 4rem;
    display: inline-block;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border: .1rem solid #f0f0f0;
    padding-right: 10px;
}

.product-info-Spec .spec ul.spec-list li .spec-value i {
    color: #00ab67 !important;
    font-weight: bold !important;
}

.product-info-Spec .comments-head {
    font-size: 12px;
}

.product-info-Spec .comments-head input {
    height: 4.5rem;
}

ul.border-spec.overflow-hidden.mt-3.spec-list {
    border: .1rem solid #e5e5e5;
}

.product-info-brand {
    height: 8.5rem;
    border-radius: 1.5rem;
    -webkit-border-radius: 1.5rem;
    -moz-border-radius: 1.5rem;
    -ms-border-radius: 1.5rem;
    -o-border-radius: 1.5rem;
    background-color: #f5f5f5 !important;
    border-radius: 15px;
}

.product-info-order {
    border-radius: 1.5rem;
    -webkit-border-radius: 1.5rem;
    -moz-border-radius: 1.5rem;
    -ms-border-radius: 1.5rem;
    -o-border-radius: 1.5rem;
    background-color: #f5f5f5 !important;
}

.product-info-order .order-text {
    font-size: 3rem;
    /* min-height: 16rem;*/
}

.product-info-order .order-text p {
    min-height: 9rem;
    color: grey;
    font-size: 12px !important;
    line-height: 23px;
}

.product-info-order i.icon-ReadyToSend {
    vertical-align: sub;
}

.order-pay-box {
    margin-top: 0 !important;
}

.order-pay-box .order-pay {
    height: 8rem;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.order-pay-box .order-pay .money-box {
    width: 100%;
}

.order-pay-box .order-pay .money-icon i {
    font-size: 4rem;
}

.order-pay-box .order-pay .money-off {
    width: 4rem;
    height: 3.5rem;
    background: #667942;
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}

.product-pay {
    color: #000 !important;
    margin-bottom: 10px;
}

.product-real {
    color: #729f1e !important;
    margin-bottom: 10px;
}

.order-pay-box .order-pay .money-off .percent-off {
    left: 0;
    top: 2rem;
}

.order-pay-box .order-count li {
    cursor: pointer;
    line-height: 4rem;
}

.order-pay-box .order-count .font-14 {
    margin-top: .8rem;
}

.order-pay-box .order-count li span {
    display: inline-block;
    width: 4rem;
    height: 2rem;
    line-height: 4rem;
}

.order-pay-box .order-count .add-count {
    width: 4rem;
    height: 4rem;
    background-color: #fff;
    border-radius: .4rem;
    -webkit-border-radius: .4rem;
    -moz-border-radius: .4rem;
    -ms-border-radius: .4rem;
    -o-border-radius: .4rem;
}

.product-info-order .order-btn a {
    height: 5rem;
    border-radius: .4rem;
    -webkit-border-radius: .4rem;
    -moz-border-radius: .4rem;
    -ms-border-radius: .4rem;
    -o-border-radius: .4rem;
}

.detail-qty {
    border: .1rem solid #eaeaea;
    border-radius: .6rem;
}

.icon-ReadyToSend:before {
    color: var(--navy) !important;
}

.icon-Price:before {
    color: #00ab67 !important;
}

.product-item {
    border: 1px solid #d6d6d6;
    border-radius: 15px;
}

.product-list-page .product-item {
    border: 1px solid #d6d6d6;
    border-radius: 15px;
    margin: 5px;
}

/* ----- #Tab 2 ------ */
.small-check p {
    font-size: 1rem;
}

.small-check img,
.all-review img {
    width: 100%;
    height: auto;
}

.all-review p {
    line-height: 3rem;
    font-size: 1.2rem;
}

/* ----- #Tab 3 ------ */
.comments-head h2 {
    display: block;
    font-size: 1.8rem;
}

.comments .progress-all .progress {
    height: .5rem !important;
}

.progress-all ul li {
    height: 4rem;
}

.progress-all ul li span.progress-title {
    font-size: 1rem;
}

.product__info--seller .text-primary {
    font-size: 1.2rem;
}

.sendmessage .progress {
    height: 2rem !important;
    margin-top: 0;
    background-color: transparent !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.progress-all ul li span.progress-type {
    width: 10%;
    font-size: 1rem;
    padding-right: 1rem;
    padding-top: .2rem;
}

.comments-head .comments-new span {
    display: block;
    font-size: 1.6rem;
    margin-bottom: 1.5rem;
}

.comments-head .comments-new span#BlogComment_Description-error {
    font-size: 1.2rem;
}

.comments-head .comments-new p {
    text-align: justify;
    font-size: 1.2rem;
    margin-bottom: 1rem;
}

.comments-new a {
    margin-top: 1.5rem;
    width: 12rem;
    margin-left: 4rem;
    height: 3.5rem;
    line-height: 2.5rem;
    font-size: 1.1rem;
    display: block;
    background-color: #667942;
    color: white;
    -webkit-transition: all .3s;
    transition: all .3s;
    position: absolute;
    left: -50px;
    bottom: -40px;
}

.comments-new-bottom a {
    bottom: 6rem;
    left: 6rem;
}

.media {
    border-top: .1rem solid #f6f6f7;
}

.media .media__user .media__user--info {
    line-height: 2.5rem;
    font-size: 1.1rem;
}

.media .media__user i {
    font-size: 6rem;
    margin-left: 1rem;
    vertical-align: middle;
}

.media .icon-User1::before,
.media .icon-OtherOrder:before,
.media .icon-Shop:before {
    color: var(--navy);
}

.media .media__comment .progress-all ul {
    width: 34rem;
    height: 11rem;
}

.comments-head .progress-all .progress-bar {
    background-color: #fdae0d;
}

.media .media__comment .media__comment--text {
    font-size: 1.3rem;
    line-height: 2.5rem;
}

.media .media__comment--opnion i {
    font-size: 3rem;
    vertical-align: middle;
}

.media .media__comment--opnion .icon-Shop {
    font-size: 2.5rem;
}

.media .media__comment--opnion .media-comment-opnion {
    width: 28rem;
    height: 4rem;
    font-size: 1.1rem;
    background-color: #f5f6f7;
    border-radius: .5rem;
    line-height: 4rem;
    word-spacing: .2rem;
}

.media .media__comment--opnion .media__comment--like {
    left: 0;
    top: 5rem;
}

.media .media__comment--opnion .media__comment--like label {
    font-size: 1.1rem;
}

.media .media__comment--opnion .media__comment--like .media__comment--like-btn {
    font-size: 1.1rem;
    width: 8rem;
    height: 4rem;
    background-color: #f5f6f7;
    border-radius: .5rem;
    line-height: 4rem;
}

.comments-head-name {
    font-size: 1.3rem;
}

/* -------------------- */
/* ----- #Contact ----- */
/* -------------------- */
.contactus {
    padding: 3rem 0;
}

.contactus .contactus__text h1 {
    color: var(--navy);
    font-size: 2rem;
    line-height: 3.5rem;
}

.contactus .contactus__text h1 i {
    margin-left: 1rem;
    font-size: 2.5rem;
    vertical-align: middle;
}

.contactus .contactus__text p {
    margin-top: 15px;
    font-size: 1.4rem;
    line-height: 2;
    text-align: justify;
}

.contactus .contactus__text .contactus__text--title {
    color: var(--navy);
    font-size: 1.4rem;
    margin: 3rem 0 1rem;
    display: block;
}

.contactus .contactus__text .contactus__text--phone li {
    display: block;
    font-size: 1.6rem;
    margin-bottom: .5rem
}

.contactus .contactus__form--value {
    position: relative;
}

.contactus .contactus__text .contactus__text--form i {
    position: absolute;
    top: .7rem;
    right: 2.5rem;
    font-size: 2.5rem;
    color: var(--navy);
}

.contactus .contactus__text .contactus__text--form input {
    height: 4rem;
    line-height: 4rem;
    border-radius: .4rem;
    vertical-align: middle;
    font-size: 1.6rem;
    padding-right: 4rem;
}

.contactus .contactus__text .contactus__text--form input::-webkit-input-placeholder {
    font-size: 1.2rem;
}

.contactus .contactus__text .contactus__text--form input:-ms-input-placeholder {
    font-size: 1.2rem;
}

.contactus .contactus__text .contactus__text--form input::-moz-placeholder {
    font-size: 1.2rem;
}

.contactus .contactus__text .contactus__text--form input::-ms-input-placeholder {
    font-size: 1.2rem;
}

.contactus .contactus__text .contactus__text--form input::-webkit-input-placeholder {
    font-size: 1.2rem;
}

.contactus .contactus__text .contactus__text--form input:-ms-input-placeholder {
    font-size: 1.2rem;
}

.contactus .contactus__text .contactus__text--form input::placeholder {
    font-size: 1.2rem;
}

.contactus .contactus__text .contactus__text--form textarea {
    border-radius: .4rem;
    padding: 1.5rem;
    font-size: 1.4rem;
}

.contactus .form-btn button {
    font-size: 1.2rem;
    height: 3.5rem;
    width: 14rem;
    background-color: #667942;
    color: #fff;
}

.contactus .contactus__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: auto;
}

.contactus .contactus__image img {
    width: 100%;
    height: auto;
}

/* ------------------------- */
/* ----- #Send Message ----- */
/* ------------------------- */
.send-message-bg {
    background: #f5f5f5;
    padding: 3rem 0;
}

.send-message {
    padding-bottom: 5rem;
    border-bottom: .1rem solid #dcdcdc;
    background-color: white;
    border-radius: .5rem;
    padding: 3rem;
}

.send-message .send-message__title {
    text-align: right;
    direction: rtl;
    margin-bottom: 3rem;
}

.send-message .send-message__title h1 {
    color: var(--navy);
    font-size: 2rem;
    line-height: 3.5rem;
}

.send-message .send-message__title h1 i {
    content: '';
    width: 2.5rem;
    height: 2.5rem;
    background-color: var(--silver-color);
    display: inline-block;
    vertical-align: middle;
    margin-left: .5rem;
    border-radius: 1.5rem;
}

.send-message .send-message__rate {
    margin-bottom: 3rem
}

.send-message .send-message__rate h6 {
    font-size: 1.4rem;
    color: var(--navy);
}

.send-message .send-message__note {
    min-height: 30rem;
}

.send-message .send-message__note h5 {
    font-size: 1.4rem;
    color: var(--navy);
}

.send-message .send-message__note ul {
    list-style-type: disc;
    margin-top: 2.5rem;
    padding-right: 3rem;
}

.send-message .send-message__note ul li {
    display: list-item;
    list-style-type: disc;
    text-align: right;
    font-size: 1.2rem;
    margin-top: 1.5rem;
}

.send-message .send-message__text .send-message__text--title label,
.send-message .send-message__text .send-message__text--message label {
    font-size: 1.4rem;
    margin-bottom: .5rem;
    padding-right: .5rem;
}

.send-message .send-message__text .send-message__text--title .input-group {
    padding-right: 0;
    margin-right: 0;
    width: 50%;
}

.send-message .send-message__text .send-message__text--title .input-group input {
    height: 4rem;
    background-color: #f5f5f5;
    /*    border-radius: 2rem;*/
    outline: none;
    border: .1rem solid #dcdcdc;
    border-radius: .4rem;
    font-size: 1.6rem;
}

.send-message .send-message__text .send-message__text--title .input-group input::-webkit-input-placeholder {
    font-size: 1.2rem;
}

.send-message .send-message__text .send-message__text--title .input-group input:-ms-input-placeholder {
    font-size: 1.2rem;
}

.send-message .send-message__text .send-message__text--title .input-group input::-moz-placeholder {
    font-size: 1.2rem;
}

.send-message .send-message__text .send-message__text--title .input-group input::-ms-input-placeholder {
    font-size: 1.2rem;
}

.send-message .send-message__text .send-message__text--title .input-group input::-webkit-input-placeholder {
    font-size: 1.2rem;
}

.send-message .send-message__text .send-message__text--title .input-group input:-ms-input-placeholder {
    font-size: 1.2rem;
}

.send-message .send-message__text .send-message__text--title .input-group input::placeholder {
    font-size: 1.2rem;
}

.send-message .send-message__text .send-message__text--message {
    margin-top: 2rem;
}

.send-message .send-message__text .send-message__text--message textarea {
    width: 100%;
    background-color: #fff;
    border: .1rem solid #dcdcdc;
    border-radius: .4rem;
    padding: 1rem;
    font-size: 1.4rem;
}

.send-message .send-message__text .send-message__text--btn {
    text-align: left;
}

.send-message .send-message__text .send-message__text--btn button,
.send-message .send-message__text .send-message__text--btn a {
    width: 13rem;
    height: 4rem;
    border-radius: .4rem;
    font-size: 1.4rem;
    background-color: var(--navy);
    color: #fff;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.send-message .send-message__text .send-message__text--btn button:hover,
.send-message .send-message__text .send-message__text--btn a:hover {
    background-color: var(--navy);
}

.send-message .send-message__image {
    text-align: center;
    width: 100%;
    height: 100%;
    position: relative;
}

.send-message .send-message__image img {
    width: 35rem;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 1.5rem;
}

/* ----------------- */
/* ----- #Cart ----- */
/* ----------------- */
.cart {
    height: auto;
    padding-top: 0 !important;
}

.cart .cart-title {
    height: 5rem;
    padding-right: 1.5rem;
}

.cart .cart-title::after {
    content: '';
    width: 15rem;
    height: .3rem;
    background-color: #649a43;
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 0;
}

.cart .cart-title .cart-count {
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.7rem;
    background-color: #649a43;
}

.cart .cart-item-box .cart-item-image {
    width: 30%;
}

.cart .cart-item-box .cart-item-image img {
    width: 60%;
}

.cart .cart-item-box .cart-item-content {
    width: 70%;
}

.cart .product-title {
    letter-spacing: .1rem;
    font-weight: bold !important;
}

.cart .color-box {
    width: 3rem;
    height: 3rem;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1rem;
    border: .1rem solid #f5f5f5;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.cart .total-price .total-price-box {
    display: inline-block;
    width: 3rem;
    height: 3rem;
    line-height: 3.2rem;
    text-align: center;
    font-size: 1.8rem;
    background-color: #3bbab0;
    color: #fff;
    cursor: pointer;
    border-radius: .2rem;
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    -ms-border-radius: .2rem;
    -o-border-radius: .2rem;
}

.cart .total-price .total-price-box.input {
    width: 6rem;
    background-color: transparent;
}

.cart .total-price .input-text {
    width: 6rem;
    height: 3rem;
    text-align: center;
}

.cart .cart__btn {
    display: block;
    width: 100%;
    height: 4rem;
    line-height: 4rem;
    background-color: #649a43;
    color: #fff;
    text-align: center;
    border-radius: .4rem;
    -webkit-border-radius: .4rem;
    -moz-border-radius: .4rem;
    -ms-border-radius: .4rem;
    -o-border-radius: .4rem;
}

.cart .cart-notice .cart-notice-item {
    display: list-item !important;
    padding-right: 3rem;
}

.cart .cart-notice .cart-notice-item li {
    display: list-item !important;
    list-style: arabic-indic;
    margin-bottom: 1rem;
}

.cart .remove-item {
    top: 1.5rem;
    left: 1.5rem;
    cursor: pointer;
}

.cart-item-price i {
    font-size: 3rem;
    vertical-align: middle;
}

.cart .real-price {
    display: flex;
    flex-direction: column;
}

/* ----------------------- */
/* ----- #Final Cart ----- */
/* ----------------------- */
.finalcart {
    padding: 3rem 0;
    background: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#fff));
    background-image: linear-gradient(to bottom, #f5f5f5, #fff);
}

.finalcart .finalcart__info h3 {
    color: var(--navy);
    font-size: 2rem;
    line-height: 3.5rem;
}

.finalcart .finalcart__info h3 i {
    color: var(--navy);
    font-size: 2.5rem;
    vertical-align: middle;
    margin-left: 1rem;
}

.finalcart .finalcart__info .finalcart__info--form {
    padding: 2rem 0;
}

.finalcart .finalcart__info .finalcart__info--form .finalcart__info--form-value {
    position: relative;
}

.finalcart .finalcart__info .finalcart__info--form .finalcart__info--form-value i {
    position: absolute;
    top: .7rem;
    right: 2rem;
    font-size: 2.5rem;
    vertical-align: middle;
    margin-left: 1rem;
}

.finalcart .finalcart__info .finalcart__info--form input.form-control {
    height: 4rem;
    line-height: 4rem;
    border-radius: .4rem;
    padding-right: 1rem;
    vertical-align: middle;
    font-size: 1.6rem;
}

.finalcart .finalcart__info .finalcart__info--form input.form-control::-webkit-input-placeholder {
    font-size: 1.2rem;
}

.finalcart .finalcart__info .finalcart__info--form input.form-control:-ms-input-placeholder {
    font-size: 1.2rem;
}

.finalcart .finalcart__info .finalcart__info--form input.form-control::-moz-placeholder {
    font-size: 1.2rem;
}

.finalcart .finalcart__info .finalcart__info--form input.form-control::-ms-input-placeholder {
    font-size: 1.2rem;
}

.finalcart .finalcart__info .finalcart__info--form input.form-control::-webkit-input-placeholder {
    font-size: 1.2rem;
}

.finalcart .finalcart__info .finalcart__info--form input.form-control:-ms-input-placeholder {
    font-size: 1.2rem;
}

.finalcart .finalcart__info .finalcart__info--form input.form-control::placeholder {
    font-size: 1.2rem;
}

.finalcart .finalcart__info .finalcart__info--form .finalcart__info--form-address label {
    display: block;
    font-size: 1.1rem;
    margin-bottom: 1rem;
}

.finalcart .finalcart__info .finalcart__info--form .finalcart__info--form-address select {
    display: block;
    width: 100%;
    height: 4rem;
    border-radius: .4rem;
    padding: 0 1rem;
    font-size: 1.4rem;
    margin-bottom: 1rem;
    border-color: #ced4da
}

.finalcart .finalcart__info .finalcart__info--form .finalcart__info--form-address textarea {
    font-size: 1.2rem;
    width: 100%;
    border-radius: .4rem;
    padding: 1rem;
    border-color: #ced4da;
}

.finalcart .finalcart__info .finalcart__info--form .finalcart__info--form-type select {
    display: block;
    width: 100%;
    height: 4rem;
    border-radius: .4rem;
    padding: 0 1rem;
    font-size: 1.4rem;
    margin-bottom: 1rem;
    border-color: #ced4da;
}

.finalcart .finalcart__info .finalcart__info--form .finalcart__info--form-factor {
    margin-top: 3rem;
}

.finalcart .finalcart__info .finalcart__info--form .finalcart__info--form-factor .factor-border {
    border: .1rem solid #dcdcdc;
    width: 100%;
    height: 5rem;
    border-radius: .4rem;
    margin-top: .5rem;
    background-color: #fff;
    line-height: 5rem;
    padding: 0 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.finalcart .finalcart__info .finalcart__info--form .finalcart__info--form-factor .factor-border label {
    font-size: 1.6rem;
}

.finalcart .finalcart__info .finalcart__info--form .finalcart__info--form-btn {
    border: .1rem solid #ced4da;
    border-radius: .4rem;
    padding: 1.5rem;
    text-align: left;
}

.finalcart .finalcart__info .finalcart__info--form .finalcart__info--form-btn .bank {
    display: inline-block;
    width: 100%;
    text-align: right;
}

.finalcart .finalcart__info .finalcart__info--form .finalcart__info--form-btn .bank img {
    width: 5rem;
}

.finalcart .finalcart__info .finalcart__info--form .finalcart__info--form-btn .bank .bank-select {
    display: inline-block;
    margin-left: 15px;
}

.finalcart .finalcart__info .finalcart__info--form .finalcart__info--form-btn input.btn {
    vertical-align: middle;
    display: inline-block;
    background-color: #00ab67;
    color: #fff;
    width: 13rem;
    height: 4rem;
    border-radius: .4rem;
    font-size: 1.6rem;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.finalcart .finalcart__info .finalcart__info--form .finalcart__info--form-btn input.btn:hover {
    background-color: var(--navy);
}

/* --------------------- */
/* ----- #Compare ------ */
/* --------------------- */
.compare {
    background-color: #fff;
    border-top: .1rem solid #dcdcdc;
    padding: 5rem 0;
}

.compare .all-section-title h1 {
    display: block;
    font-size: 2.4rem;
    color: var(--navy);
}

.compare .compare__list--image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 30rem;
    background-color: #fff;
    border: .1px solid #f5f5f5;
    border-top-right-radius: 1rem;
    border-top-left-radius: 1rem;
    margin: 2rem 0 0;
    border-bottom: .1rem solid #00ab67;
}

.compare .compare__list--image .compare__list--image--value {
    padding: .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 25%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.compare .compare__list--image .compare__list--image--value::before {
    content: '';
    position: absolute;
    bottom: 0rem;
    left: calc(50% - .5rem);
    width: 1rem;
    height: 1rem;
    border-right: 1rem solid transparent;
    border-left: 1rem solid transparent;
    border-bottom: 1rem solid #00ab67;
}

.compare .compare__list--image .compare__list--image--value .image-value {
    display: inline-block;
    height: 16rem;
}

.compare .compare__list--image .compare__list--image--value .title-value {
    font-size: 1.3rem;
    text-align: center;
    padding: .5rem 0;
}

.compare .compare__list--image .compare__list--image--value .price-value {
    font-size: 1.4rem;
    color: var(--navy);
    font-weight: bold !important;
    padding: .5rem 0;
}

.compare .compare__list--image .compare__list--image--value .link-value {
    font-size: 1.2rem;
    background-color: #00ab67;
    color: #fff;
    padding: 1rem 0;
    border-radius: .4rem;
    text-align: center;
    width: 18rem;
}

.compare .compare__list--image .compare__list--image--upload {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 2.5rem;
    cursor: pointer;
    width: 25%;
}

.compare .compare__list--image .compare__list--image--upload .image-upload {
    width: 62%;
    margin: 0 auto;
}

.compare .compare__list--image .compare__list--image--upload .link-value {
    font-size: 1.2rem;
    background-color: #00ab67;
    color: #fff;
    border: 0;
    padding: 1rem 0;
    border-radius: .4rem;
    text-align: center;
    margin-top: 1.5rem;
    width: 18rem;
    margin: 1.5rem auto 0;
}

.modal-backdrop.fade.show {
    z-index: 9998;
}

.modal-dialog {
    height: 50rem;
    display: flex;
    align-items: center;
    margin: 0 auto;
}

div#ProductSelectModal {
    z-index: 9999;
}

div#ProductSelectModal .modal-dialog {
    top: 15%;
    z-index: 9999;
    max-width: 60%;
}

div#ProductSelectModal .modal-dialog button.close {
    font-size: 2rem;
    line-height: 2
}

div#ProductSelectModal .modal-header {
    background-color: #f5f5f5;
}

div#ProductSelectModal .modal-header form {
    width: 80%;
    padding-top: .5rem;
}

div#ProductSelectModal .modalproduct__search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 0;
}

div#ProductSelectModal .modalproduct__search input {
    height: 4rem;
    font-size: 1.4rem;
}

div#ProductSelectModal .modalproduct__search select {
    height: 4rem;
    width: 20rem;
    margin-left: 1rem;
    border-right: 0;
    font-size: 1.2rem;
}

div#ProductSelectModal .modalproduct__search button {
    width: 14rem;
    background-color: var(--navy);
    border: none;
}

div#ProductSelectModal .modalproduct__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 50rem;
    width: 100%;
    max-height: 60vh;
    overflow-y: scroll;
    padding-left: 1rem;
}

div#ProductSelectModal .modalproduct__content .modalproduct__content--item {
    height: auto;
    width: 30rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: .1rem solid #dcdcdc;
    margin-bottom: 2rem;
    padding: 1rem;
}

div#ProductSelectModal .modalproduct__content .modalproduct__content--item img {
    width: 15rem;
    display: block;
    margin: 0 auto;
}

div#ProductSelectModal .modalproduct__content .modalproduct__content--item span {
    font-size: 1.2rem;
    text-align: center;
}

.compare .compare__list--item {
    width: 100%;
}

.compare .compare__list--item .compare__list--item-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 4rem;
    background-color: #f5f5f5;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-right: 1rem;
    font-size: 1.4rem;
}

.compare .compare__list--item .compare__list--item-value {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 24.6%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 4rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.2rem;
    padding: .5rem 1rem;
    line-height: 2;
    text-align: justify;
}

/* ----------------- */
/* ----- #404 ------ */
/* ----------------- */
.page-404 {
    min-height: 50rem;
    position: relative;
    background-color: #fff;
}

.page-404 .page-404__content {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.page-404 .page-404__content h3 {
    font-size: 2.4rem;
    font-weight: bold !important;
    margin-bottom: 1rem;
}

.page-404 .page-404__content a {
    background-color: var(--navy);
    width: 20rem;
    height: 4rem;
    color: #fff;
    line-height: 4rem;
    font-size: 1.4rem;
    margin-bottom: 2rem;
    border-radius: .4rem;
}

/* ------------------------ */
/* ----- #No Product ------ */
/* ------------------------ */
.no-product {
    width: 100%;
    min-height: 50rem;
    padding: 5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.no-product img {
    width: 80rem;
    height: auto;
    margin: 0 auto;
}

.no-product h3 {
    font-size: 2rem;
    font-weight: bold !important;
}

/* ------------------- */
/* ----- #Server ----- */
/* ------------------- */
.text-danger {
    color: #dc3545 !important;
    font-size: 1rem;
}

.menu-admin a {
    font-size: 1.2rem;
}

.menu-admin .breadcrumb-item+.breadcrumb-item::before {
    color: #222;
}

.login-back i {
    display: inline-block;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.timerLogin {
    direction: ltr;
    letter-spacing: .3rem;
    color: #0fabc6;
    font-weight: bold !important;
}

.product-info-Spec .tab-content .small-check {
    padding: 1.5rem 0;
}

.product-info-Spec .tab-content .small-check p,
.product-info-Spec .tab-content .small-check p span {
    text-align: justify;
    line-height: 3rem;
    font-size: 1.3rem !important;
}

.product-info-Spec .tab-content .small-check p a {
    color: blue;
}

.product-info-Spec .tab-content .small-check h2,
.product-info-Spec .tab-content .small-check h3,
.product-info-Spec .tab-content .small-check h4 {
    margin-bottom: 1.5rem;
    font-size: 1.6rem !important;
    color: #080c90 !important;
    font-weight: 700 !important;
}

.product-info-Spec .tab-content .small-check p strong {
    font-weight: 600 !important;
}

.product-info-Spec .tab-content .small-check p img {
    max-width: 100% !important;
    height: auto !important;
}

.product-info-Spec .tab-content .small-check ol li {
    list-style-position: inside;
    text-align: justify;
    font-size: 1.3rem;
    line-height: 2.5;
    display: list-item;
}

.product-info-Spec .tab-content .small-check ul li {
    list-style: disc;
    list-style-position: inside;
    padding-right: 2rem;
    font-size: 1.3rem;
    line-height: 2.5;
    display: list-item;
}

/* -------------------------------#small-check----------------------------- */
.review-list.positive .title {
    color: #4caf50;
}

.review-list.negative .title {
    color: var(--accent-600);
}

.review-list.positive .feature-list .feature-list::before {
    background-color: #4caf50;
    content: '+';
}

.review-list.negative .feature-list .feature-list::before {
    background-color: var(--accent-600);
    content: '-';
}

.review-list.negative {
    margin-top: 30px;
}

.review-list .feature-list {
    list-style: none !important;
    padding-right: 3rem;
    font-size: 14px;
    line-height: 35px;
}

.review-list .feature-list li {
    width: 33.33%;
    height: auto;
    line-height: 3 !important;
    padding-right: 1rem !important;
}

.review-list .feature-list .feature-list::before {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    line-height: 20px;
    font-size: 14px;
    color: #fff;
    position: absolute;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    right: -15px;
    top: 10px;
}

/* ---------------#accordion small-check--------------- */
.category-text #ProductFaqs {
    margin-top: 20px;
}

.category-text .review-accordion {
    padding: 2rem !important;
}

.review-accordion .questions-section .title-box-accordion {
    color: #080c90 !important;
    font-size: 1.4rem !important;
}

.review-accordion .questions-section .card {
    border: none !important;
}

.review-accordion .questions-section .card .card-header {
    background-color: transparent;
    height: 50px;
    position: relative;
}

.review-accordion .questions-section .card .card-header .card-link {
    font-size: 12px !important;
    color: #080c90 !important;
    margin-right: 24px;
    font-weight: bold !important;
}

.review-accordion .questions-section .card .card-header .card-link .icon-GoToAbove {
    font-size: 13px !important;
    color: #080c90 !important;
    cursor: pointer;
    font-weight: bold !important;
    position: absolute;
    left: 10px;
    bottom: 10px;
}

.review-accordion .questions-section .card .card-body {
    font-size: 13px !important;

}

.review-accordion .questions-section .card .card-header .card-link.collapsed .icon-GoToAbove:before {
    content: "\e912" !important;
    font-weight: bold !important;
}

.review-accordion .questions-section .card .card-header .card-link.collapsed::before {
    content: '+';
    width: 25px;
    height: 25px;
    background-color: #080c90;
    color: #fff;
    display: flex;
    font-size: 14px;
    line-height: 25px;
    justify-content: center;
    position: absolute;
    right: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    padding-top: 2px;
}

.review-accordion .questions-section .card .card-header .card-link::before {
    content: '-';
    width: 25px;
    height: 25px;
    background-color: #080c90;
    color: #fff;
    display: flex;
    font-size: 16px;
    line-height: 25px;
    justify-content: center;
    position: absolute;
    border-radius: 50%;
    right: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

/* ------- #Server -------- */
.lg-outer .lg-inner {
    direction: ltr;
}

.progress-all ul {
    margin-top: 1.5rem;
}

.progress-all ul li {
    width: 100%;
    text-align: right;
}

.progress-all ul li span.progress-title {
    width: 25%;
    float: right;
    font-size: 10px;
    padding-top: 0.5rem;
}

.progress {
    width: 55% !important;
    height: 26px !important;
    width: 15%;
    float: right;
    margin-top: 10px;
    background-color: transparent !important;
}

.send-message__rate .progress {
    height: 2.5rem !important;
    margin-top: 0;
    background-color: transparent !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.progress-all ul li span.progress-type {
    width: 10%;
    float: right;
    font-size: 10px;
    padding-right: 10px;
}

.rate:not(old) {
    display: inline-block;
    width: 10em;
    height: 2em;
    overflow: hidden;
    vertical-align: bottom;
}

.rate:not(old)>input {
    margin-right: -100%;
    opacity: 0;
}

.rate:not(old)>label {
    display: block;
    float: left;
    position: relative;
    margin-right: .5rem;
    background: url('/Content/Images/star-off-big.png');
    background-size: contain;
}

.rate:not(old)>label:before {
    content: '';
    display: block;
    width: 2em;
    height: 2em;
    background: url('/Content/Images/star-on-big.png');
    background-size: contain;
    opacity: 0;
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

.rate:not(old)>label:hover:before,
.rate:not(old)>label:hover~label:before,
.rate:not(:hover)> :checked~label:before {
    opacity: 1;
}

.rate:not(old) {
    width: 20em !important;
    height: 3em !important;
}

#shareModal .modal-social {
    margin-bottom: 1rem;
    text-align: center;
}

#shareModal .modal-social li {
    margin: 0 1rem;
}

#shareModal .linked {
    display: flex;
}

#shareModal .linked input {
    flex-grow: 1;
    text-align: left;
    border: .1rem solid #9e9e9e;
    border-radius: .4rem;
    padding-left: .5rem;
    direction: ltr;
    font-size: 1.25rem;
}

#shareModal .linked button {
    background-color: var(--accent-600);
    margin-right: .5rem;
    color: #fff;
    border-radius: .4rem;
}

/* ----- #Info Page ----- */
section.content.content-page.info-page {
    background-color: white;
    border-bottom: .1rem solid #f5f5f5;
    padding: 1.5rem 0;
}

.info-page .contactus {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, var(--gray-color)), color-stop(50%, var(--white-color)), to(var(--white-color)));
    background-image: linear-gradient(var(--gray-color) 10%, var(--white-color) 50%, var(--white-color) 100%);
    padding: 3rem 2rem;
}

.info-page .contactus .block-title {
    font-size: 1.4rem;
    font-weight: bold !important;
    margin-bottom: 30px;
    padding-right: 25px;
}

.info-page .contactus .col-lg-9.section_style h2 {
    font-size: 18px;
    margin-bottom: 10px !important;
}

.info-page .contactus .col-lg-9.section_style h2,
.info-page .contactus .col-lg-9.section_style h3,
.info-page .contactus .col-lg-9.section_style strong {
    font-weight: bold !important;
}

.info-page .contactus .block-content ol li a {
    color: #667942 !important;
}

.info-page .contactus .col-lg-9.section_style ol li {
    display: list-item;
}

.info-page .contactus .col-lg-9.section_style ol {
    padding-right: 3rem;
    font-size: 1.4rem;
    line-height: 2;
    flex-direction: column;
    display: flex;
}

.info-page .contactus .block-content ol#recently-viewed-items {
    list-style-position: inside;
}

.info-page .contactus .block-content ol#recently-viewed-items li {
    padding: 1rem;
    margin-bottom: 1rem;
    font-size: 1.4rem;
    background-color: #f5f5f5;
    width: 100%;
}

.info-page .contactus .page-title {
    margin-bottom: 1rem;
}

.info-page .contactus .page-title h2 {
    font-size: 1.4rem;
}

.info-page .contactus .static-contain {
    border: .1rem solid #f5f5f5;
    padding: 1.5rem;
    border-radius: .5rem;
}

.static-contain .panel-collapse {
    font-size: 1.3rem;
    text-align: justify;
    border: .1rem solid #f5f5f5;
    border-radius: 1rem;
    margin-bottom: 2rem;
    line-height: 2;
}

.static-contain .panel-heading h4 {
    font-size: 1.4rem;
    line-height: 2.5;
}

.info-page .contactus .static-contain p {
    text-align: justify;
    font-size: 1.4rem;
    line-height: 2.5;
}

.static-contain .panel-collapse .panel-body {
    padding: 1rem 2rem;
}

.info-page .contactus .static-contain p span {
    font-family: inherit !important;
}

.info-page .contactus .static-contain h1 {
    font-size: 1.8rem;
    margin-bottom: 1rem;
}

.info-page .contactus .static-contain h2 {
    font-size: 1.6rem;
    margin-bottom: 1rem;
}

.info-page .contactus .static-contain ul {
    padding-right: 1.5rem;
    margin: 1rem 0;
    font-size: 1.2rem;
    list-style-type: disc;
    line-height: 2.5;
    list-style-position: inside;
}

.btn-product-edit {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 1090;
    font-size: 2.5rem;
}

.btn-product-edit .icon-Color:before {
    color: #052a66;
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 1090;
    font-size: 2.5rem;
}

.product__info .btn-product-edit .icon-Color:before {
    color: #052a66;
    position: absolute;
    top: 2rem;
    left: 2rem !important;
    right: auto;
    z-index: 1090;
    font-size: 3rem;
}

.bootstrap-maxlength {
    font-size: .9rem !important;
}

.modal-backdrop.fade.show {
    z-index: 1098;
}

.modal-open .modal {
    z-index: 1099;
}

input#btnCoupon {
    position: relative;
    top: -3.5rem;
    right: calc(100% - 12rem);
    width: 11.5rem;
    height: 3rem;
}

.lendo-offer {
    font-size: 1.3rem;
    background-color: #052a66;
    color: wheat;
    padding: 1rem 2rem;
    border-radius: 2rem;
    height: 4rem;
}

.lendo-offer a {
    color: var(--white-color);
}

.lendo-offer::before {
    content: '';
    width: 1rem;
    height: 1rem;
    border-left: 1rem solid #052a66;
    border-top: 1rem solid transparent;
    border-bottom: 1rem solid transparent;
    /* background-color: red; */
    position: absolute;
    /* display: inline-block; */
    top: 10px;
    right: -7px;
}

.cart__offer strong#CouponDescription {
    font-size: 1.2rem;
}

li.insite {
    width: 3rem;
    height: 3rem;
    text-align: center;
}

.no-comment {
    width: 100%;
    height: 4rem;
    background-color: var(--silver-color);
    display: block;
    line-height: 4rem;
    padding: 0 1.5rem;
    border-radius: 2rem;
}

.category-text-content {
    background-color: white;
    padding: 1.5rem;
    border-radius: .4rem;
    margin-bottom: 1.5rem;
}

.lg-outer {
    direction: rtl;
}

.lg-outer .lg-inner {
    direction: ltr;
}

.product-info .sticky-top.product-info-buy {
    top: 4rem;
    margin-bottom: 25px;
}

.lg-backdrop {
    z-index: 99999 !important;
    background-color: #fff !important;
}

.lg-outer {
    z-index: 99999 !important;
}

.lg-outer .lg-thumb-outer {
    background-color: transparent !important;
}

.lg-sub-html,
.lg-toolbar {
    background-color: transparent !important;
}

.lg-actions .lg-next,
.lg-actions .lg-prev {
    background-color: transparent !important;
}

.lg-actions .lg-next:hover,
.lg-actions .lg-prev:hover {
    color: #111 !important;
}

.lg-icon {
    color: #111 !important;
}

.lg-outer .lg-toogle-thumb {
    background-color: transparent !important;
    border: 1px solid #bdb9b9;
}

/* --------#product-info-Spec--nav-bar-------- */
.product-info-Spec .nav-bar {
    overflow-x: scroll;
    overflow-y: unset;
    top: 0rem;
}

.product-info-Spec .nav-bar ul.nav {
    overflow-x: auto;
    overflow-y: unset;
    width: max-content;
    background-color: transparent !important;
}

.nav-tabs .nav-item {
    margin-bottom: 0 !important;
    line-height: 3rem;
    margin-left: 4px;
}

/* ----- Scroll Bar ----- */
/* width */
.product-info-Spec .nav-bar::-webkit-scrollbar {
    width: 1rem;
    height: 2px;
}

/* Track */
.product-info-Spec .nav-bar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px var(--gray-color);
    box-shadow: inset 0 0 .1rem var(--gray-color);
    border-radius: 1rem;
}

/* Handle */
.product-info-Spec .nav-bar::-webkit-scrollbar-thumb {
    background: #1877e5;
    border-radius: 0px;
}

/* Handle on hover */
.product-info-Spec .nav-bar::-webkit-scrollbar-thumb:hover {
    background: #777777;
}

.title-box .title {
    font-size: 2rem !important;
}

.list-size ul .item {
    background-color: #e2e7f2 !important;
    border-radius: 10px;
    transition: background-color .3s ease-in;
    -webkit-transition: background-color .3s ease-in;
    -moz-transition: background-color .3s ease-in;
    -ms-transition: background-color .3s ease-in;
    -o-transition: background-color .3s ease-in;
    cursor: pointer !important;
}

.list-size ul .item:hover {
    background-color: var(--navy) !important;
    cursor: pointer !important;
}

.list-size ul .item.active {
    background-color: var(--navy) !important;
    color: #fff;
}

/* -------------------------- */
/* ----- #Product List ------ */
/* -------------------------- */
.widget {
    background-color: #f5f5f5 !important;
    padding: 1rem;
    border: 0.1rem solid #e9e8e8;
}

.widget-toggle {
    height: 4rem !important;
    border-radius: .4rem !important;
}

.bg-widget {
    height: auto;
    background-color: white !important;
}

.form-group {
    margin-bottom: 0;
    margin-top: 1rem;
}

.bg-widget>i,
.sortbar>i {
    text-align: center;
    display: flex;
    font-size: 1.5rem;
    vertical-align: middle;
    margin-left: .5rem;
    width: 3rem;
    height: 3rem;
    background-color: transparent;
    border-radius: 50%;
    line-height: 3rem;
    justify-content: center;
    color: var(--navy) !important;
}

.page-sortbar {
    height: 5rem;
}

.widget input {
    height: 4rem;
    outline: none;
}

.widget-title {
    font-size: 1.3rem !important;
    color: var(--navy);
}

.widget.widget-search .widget-search-btn>button {
    left: 1rem;
    top: 1rem;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}

.widget-category-list {
    border-top: 1px solid #f5f6f7 !important;
}

.widget-category-list ul li {
    display: block;
    margin-bottom: 1rem;
}

.widget-category-list ul li.cco2 {
    padding-right: 2rem;
}

.widget-category-list ul li.cco2::before {
    content: "+";
    vertical-align: middle;
    font-size: 1.3rem;
    color: var(--navy) !important;
}

.widget.widget-category .widget-category-list ul li.cco2 a {
    color: #000 !important;
}

.widget.widget-category .widget-category-list ul li.cco2 a label {
    color: #000 !important;
    font-size: 15px;
    padding-bottom: 10px;
}

.widget-category-list ul li.cco3 label {
    color: black;
    font-size: 1.2rem;
}

.widget-category-list ul li.cco3 {
    padding-right: 3.5rem;
}

.widget-category-list ul li.cco3::before {
    content: "-";
    vertical-align: middle;
    font-size: 1.3rem;
}

.widget-category-list ul li.cco3:hover a {
    color: var(--navy) !important
}

.widget.widget-range .widget-range--content input {
    margin-top: 1rem;
    width: 15rem;
    height: 3.5rem;
    line-height: 3.5rem;
}

.widget-range--content {
    border-top: 1px solid #f5f6f7 !important;
    margin-top: 1rem;
}

.widget.widget-range .range-btn button {
    background-color: #667942;
    height: 4rem;
    font-size: 1.2rem;
}

.slider.ui-slider {
    width: 90%;
    margin: 0 auto;
}

.ui-slider-horizontal {
    height: .1rem;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -0.6em;
}

.ui-widget-content {
    background: #f5f6f7;
}

.ui-widget-header {
    background: #000;
}

.ui-widget.ui-widget-content {
    border: .1rem solid #f5f6f7;
}

.ui-slider .ui-slider-handle {
    width: 3rem;
    height: 3rem;
    top: -1.5rem;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
.ui-button.ui-state-disabled:hover,
.ui-button.ui-state-disabled:active {
    background: #f5f6f7;
}

.page-content .widget-range .widget-range--content #slider {
    position: relative;
    width: 90%;
    margin: 1rem auto;
}

span.ui-slider-handle.ui-state-default.ui-corner-all:nth-child(2)::after,
a.ui-slider-handle.ui-state-default.ui-corner-all:nth-child(2)::after {
    content: '\203A';
    position: absolute;
    color: var(--navy);
    top: -1.1rem;
    left: .9rem;
    font-size: 3rem;
}

span.ui-slider-handle.ui-state-default.ui-corner-all:nth-child(3)::after,
a.ui-slider-handle.ui-state-default.ui-corner-all:nth-child(3)::after {
    content: '\2039';
    position: absolute;
    color: var(--navy);
    top: -1.1rem;
    left: .9rem;
    font-size: 3rem;
}

.widget.widget-brand .form-group input {
    height: 4rem;
}

.widget.widget-brand .widget-brand-list ul {
    max-height: 28rem;
    overflow-y: auto;
}

.widget.widget-brand .widget-brand-img {
    width: 80%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.widget.widget-brand .widget-brand-img img {
    height: 100%;
    width: auto;
}

.widget.widget-brand .widget-brand-list ul li:last-child {
    margin-bottom: 0;
}

.widget.widget-brand .widget-brand-list ul li label {
    width: 100%;
    margin: 0;
}

.widget.widget-brand .widget-brand-list ul li span {
    float: left;
    padding-left: 1rem;
}

.widget.widget-color .widget-color-list ul li {
    width: 48%;
    height: 5rem;
    cursor: pointer;
}

.widget.widget-color .widget-color-list ul li.active {
    border-color: #222 !important;
}

.widget.widget-filter li.panel {
    width: 100%;
    line-height: 3;
    font-size: 1.2rem;
    border-bottom: .1rem solid #ececec;
}

.widget.widget-filter li.panel a:after {
    content: '\276F';
    color: var(--navy);
    float: right;
    margin-left: 1rem;
    font-size: 1.4rem;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all .3s;
    transition: all .3s;
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

.widget.widget-filter li.panel a.collapsed::after {
    -webkit-transform: none;
    transform: none;
}

.widget.widget-filter li.panel ul {
    margin-top: 1rem;
}

.widget.widget-filter li.panel ul li {
    display: block;
    padding-right: 1.5rem;
}

.widget.widget-filter li.panel a.collapsed+ul li {
    padding-right: 1.5rem;
}

span.widget_color {
    width: 2rem;
    height: 2rem;
    border-radius: 2rem;
    display: inline-block;
    border: .1rem solid #dcdcdc;
    margin-right: 5px;
}

span.price-real-contact {
    font-size: 1.3rem;
}

#colorListSearch li,
#brandListSearch li {
    display: flex !important;
    align-items: center;
    height: 3.5rem;
    font-size: 13px;
}

#colorListSearch li label {
    display: flex !important;
    align-items: center;
    justify-content: end;
}

/* ----- List Scroll Bar ----- */
/* width */
.widget.widget-brand ::-webkit-scrollbar {
    width: .5rem;
}

/* Track */
.widget.widget-brand ::-webkit-scrollbar-track {
    border-radius: 1rem;
}

/* Handle */
.widget.widget-brand ::-webkit-scrollbar-thumb {
    background: #777777;
    border-radius: 1rem;
}

/* Handle on hover */
.widget.widget-brand ::-webkit-scrollbar-thumb:hover {
    background: #1877e5;
}

.category-text-content {
    padding: 1.5rem 0;
    border-radius: .4rem;
    margin: 1.5rem 0;
}

.category-text-content h1,
.category-text-content h1 strong {
    font-size: 1.8rem;
    font-weight: 600 !important;
    margin-bottom: 1rem !important;
    color: #414141;
}

.category-text-content h2,
.category-text-content h2 strong {
    font-size: 1.6rem;
    font-weight: 600 !important;
    margin-bottom: 1rem !important;
    color: #414141;
}

.category-text-content h3,
.category-text-content h3 strong {
    font-size: 1.4rem;
    font-weight: 600 !important;
    margin-bottom: 1rem !important;
    color: #414141;
}

.category-text-content h4,
.category-text-content h4 strong {
    font-size: 1.4rem;
    font-weight: 600 !important;
    margin-bottom: 1rem;
    color: #414141;
}

.category-text-content p,
.category-text-content p span {
    font-size: 1.4rem !important;
    line-height: 2.2;
    text-align: justify;
    color: #535353;
}

.category-text-content p img,
.category-text-content p img {
    max-width: 100%;
    height: auto !important;
}

.category-text-content p strong,
.category-text-content p span strong {
    font-weight: 600 !important;
}

.category-text-content a {
    color: #176cc8 !important;
}

.category-text-content ul {
    display: block;
}

.category-text-content ul li {
    margin-right: 3rem;
    display: list-item;
    list-style-type: disc;
    font-size: 1.2rem;
    line-height: 2.2;
    color: #535353;
}

.category-text-content ol li {
    display: list-item;
}

.category-text-content ol {
    padding-right: 3rem;
    font-size: 1.4rem;
    line-height: 2;
    flex-direction: column;
    display: flex;
}

.category-text-content ul.category-listbox li {
    margin-right: 0;
    display: inline;
    list-style-type: none;
}

.category-text-content ul li:last-child::after {
    display: none;
}

.category-text-content ul li a {
    color: var(--navy);
}

.page-sortbar-items {
    width: 72%;
}

.page-sortbar-items li {
    margin-left: 2rem;
    cursor: pointer;
}

.page-sortbar-items li.active {
    color: var(--navy);
    font-weight: bolder !important;
}

.app-paging {
    margin-bottom: 1rem;
    padding-bottom: 1.5rem;
    padding-left: 1.5rem;
}

.app-paging .pagination .page-item {
    width: 3rem;
    height: 3rem;
    background: whitesmoke;
    text-align: center;
    line-height: 2;
    font-family: "iransans-fa" !important;
    margin: 0 5px;
}

.app-paging .pagination .page-item a {
    display: block;
    color: grey;
}

.app-paging .pagination .page-item:hover a {
    background-color: #dee2e6 !important;
}

.app-paging .pagination .page-item.active a {
    background-color: grey !important;
    color: #fff !important;
}

.widget-toggle .switch {
    position: relative;
    display: inline-block;
    width: 4rem;
    height: 1.6rem;
}

/* Hide default HTML checkbox */
.widget-toggle .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.widget-toggle .stockslider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.stockslider:before {
    position: absolute;
    content: "";
    height: 1.5rem;
    width: 1.5rem;
    left: .5rem;
    bottom: .2rem;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.stockslider {
    background-color: #2196F3;
}

input:focus+.stockslider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked+.stockslider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
    left: -.5rem;
}

/* Rounded sliders */
.stockslider.round {
    border-radius: 34px;
    width: 4rem;
    height: 2rem;
}

.stockslider.round:before {
    border-radius: 50%;
}

/* ------------------ */
/* ----- #Blog ------ */
/* ------------------ */
.blog-list {
    padding-top: 0 !important;
}

.blog .blog-heading {
    height: auto;
    position: relative;
}

.blog .blog-heading .blog-image {
    width: 29rem;
    height: 23rem;
    border-radius: 15px;
    overflow: hidden;

}

.blog .widget-article-img {
    height: auto;
    width: 7rem;
}

.blog .widget-article-img img {
    width: 100%;
    height: auto;
}

.blog .widget-article-left {
    width: calc(100% - 7rem);
}

.blog .widget-article-left .farsi-date {
    font-size: 1.1rem;
    color: grey;
}

.blog .blog-heading .blog-image img {
    /* max-width: 100%; */
    height: auto;
    width: 100%;
}

.blog .blog-content {
    min-height: 50rem;
    font-family: "IRANYekanMedium";
}

.blog .blog-content p {
    font-size: 1.5rem;
    line-height: 2.5;
    text-align: justify;
}

.blog .blog-content tr td p {
    font-size: 1.3rem;
}

.blog .blog-content img {
    max-width: 100% !important;
    height: auto !important;
}

.blog .blog-content p span {
    font-size: 1.4rem;
    line-height: 2.5;
}

.blog .blog-content h2 {
    font-size: 2rem;
    line-height: 2.5 !important;
}

.blog .blog-content h3 {
    font-size: 1.7rem;
    line-height: 2.5 !important;
}

.blog .blog-content h4 {
    font-size: 1.4rem;
    line-height: 2.5 !important;
}

.blog .blog-content h2,
.blog .blog-content h3,
.blog .blog-content h4 {
    color: #6e0f1f;
    line-height: 2;
}

.blog .blog-content strong {
    font-weight: bold !important;
}

.blog .blog-content strong span {
    font-weight: bold !important;
}

.blog .blog-content ol {
    padding-right: 3rem;
    font-size: 1.4rem;
    line-height: 2;
    flex-direction: column;
    display: flex;
}

.blog .blog-content ol li {
    display: list-item;
}

.blog .blog-content ul li {
    list-style: disc;
    list-style-position: inside;
    display: list-item;
    padding-right: 2rem;
    font-size: 1.4rem;
    line-height: 2;
}

.blog .blog-content a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
}

.blog .blog-content h3 a,
.blog .blog-content h4 a {
    font-weight: bold !important;
}

.blog .blog-content>div:not([class]) {
    font-size: 1.2rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-bottom: 1rem;
    background-color: #f4f5f9;
    border-radius: .4rem;
}

.blog .blog-content>div:not([class])::before {
    content: '\e93f';
    font-family: 'icomoon';
    font-size: 2rem;
    vertical-align: middle;
    margin-left: 1rem;
    color: #1877e5;
}

.blog .blog-content blockquote {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-bottom: 1rem;
    background-color: #f4f5f9;
    border-radius: .4rem;
    border-right: .3rem solid #1877e5;
}

.blog .blog-content>div:not([class]) a {
    font-size: 1.3rem;
}

/* `display:flex` روی <table> جدول را نابود می‌کند: thead و tbody دو آیتمِ
   فلکس می‌شوند و سرستون‌ها کنارِ بدنه، وسطِ عمودی می‌نشینند — همان چیزی که
   در مقالهٔ مقایسهٔ ریباک/آدیداس دیده می‌شد. جدول باید جدول بماند. */
.blog .blog-content table {
    border-color: #9c6137;
    display: table;
    width: 100%;
    margin: 1.5rem auto;
    border-collapse: collapse;
}
.blog .blog-content table th {
    padding: 0.4rem .5rem;
    border: 1px solid #e5e5e5;
    background-color: #ededed;
    text-align: center;
}

.blog .blog-content table tr td {
    padding: 0.2rem .5rem;
    width: auto;
    border: 1px solid #e5e5e5;
}

.blog .blog-content table tr:nth-child(odd) {
    background-color: #f1f1f1;
}

/* دکمهٔ سبزِ «بیشتر بخوانید» فقط برای spanی است که واقعاً یک لینک را در بر
   گرفته. وردپرس در متنِ مقاله‌ها spanهای سادهٔ font-family هم گذاشته و آن‌ها
   با قاعدهٔ قبلی به نوارِ سبزِ تمام‌عرض تبدیل می‌شدند. */
.blog .blog-content span:has(> a) {
    display: block !important;
    background: #209d58;

    text-align: center;
    border-radius: 1rem;
    margin: 1rem auto;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    border: 1px solid mediumseagreen;
    cursor: pointer;
}

.blog .blog-content span:has(> a) a {
    color: #fff;
    display: block !important;
    padding: 1rem 3rem;
}

.blog .blog-content span:has(> a) a::after {
    content: "\ea4d";
    font-family: 'icomoon' !important;
    margin-right: 10px;
    vertical-align: middle;
}

.blog .blog-content span:has(> a):hover {
    background: #057437;
}

.comments-new-add button {
    height: 4rem;
    width: 15rem;
    background-color: #667942 !important;
    font-size: 13px;
}

.media .media-left i {
    font-size: 3rem;
    margin-left: 1rem
}

.media .media-body p {
    font-size: 1.2rem !important;
}

.media-left {
    padding: 0 !important;
}

.blog .blog-score {
    padding-right: 2rem;
    padding-left: 2rem;
    position: relative;
    background-color: #f5f5f5 !important;
    border-radius: 15px;
}

.blog .blog-score::after {
    content: "";
    width: 2rem;
    height: 2rem;
    background-color: #f5f5f5;
    position: absolute;
    transform: rotate(494deg);
    border-bottom: .1rem solid #fff;
    border-right: .1rem solid #fff;
    left: -1.1rem;
}

.blog .widget {
    border: none;
}

.blog .widget>span {
    font-size: 15px !important;
}

.blog .blog-score .score-box {
    padding-bottom: 2rem;
}

.score-box .score-user .progress {
    height: 2.5rem !important;
}

.blog .blog-score .score-box .score-user {
    padding-top: 2rem;
}

.blog .col-lg-9 .bg-white {
    background-color: #f5f5f5 !important;
}

.score-box-show .score-count {
    font-size: 2.4rem;
    color: var(--accent-600);
}

.blog-audio {
    padding-top: 2rem;
}

.blog-audio .main-keyword {
    font-size: 15px;
    line-height: 26px;
    font-weight: bold !important;
    color: #005993;
    text-align: center;
    margin-bottom: 10px;
}

.blog-audio .blog-down-audio,
.blog-audio .blog-down-pdf {
    color: white;
    height: 4rem;
}

audio {
    width: 100%;
    height: 4rem;
    background-color: #f1f3f4;
    border-radius: .4rem;
}

.blog-audio .blog-down-audio {
    background-color: #6bad43;
}

.blog-audio .blog-down-pdf {
    background-color: #1877e5;
}

.blog-socials ul li {
    margin: 0 .5rem;
}

.blog-socials ul li a {
    font-size: 2rem;
}

.blog-heading .heading-Summary {
    width: calc(100% - 31rem);
    align-items: flex-start;
    padding-right: 10px;
}

.blog-heading .heading-Summary .summary-text {
    line-height: 20px;
    font-size: 1.3rem !important;
}

.blog-heading .heading-Summary .summary-blog {
    height: 3rem;
    color: var(--navy) !important;
}

.blog-view {
    justify-content: flex-end;
    width: auto;
    height: auto;
    background-color: var(--navy);
    padding: .5rem !important;
}

.blog-view li {
    margin-right: 2rem;
}

.blog-view li:first-child {
    margin-right: 0;
}

.blog-view li i {
    font-size: 2.2rem;
    vertical-align: middle;
    margin-left: .5rem;
}

.blog-view li span {
    vertical-align: middle;
}

.blog .sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 2rem;
    z-index: 1020;

}

.article-list-item {
    height: 9rem;
}

.widget-article-list i {
    font-size: 1.5rem;
    vertical-align: middle;
    margin-left: .5rem;
    margin-top: .2rem;
}

.no-comment-box {
    height: 10rem;
}

.no-comment-box .no-comment {
    color: #adadad;
}

.blog .media {
    border-top: 0;
}

.rate:not(old) {
    width: 20em !important;
    height: 2.1em !important;
}

.rate:not(old)>label:before {
    width: 3em !important;
    height: 3em !important;
}

.recommended-box-blog {
    overflow: hidden;
    border-radius: 15px !important;
}

.recommended-box-blog .title {
    border-bottom: 1px solid rgb(209, 209, 209);
    width: 100%;
    height: 4rem;
    line-height: 4rem;
}

.recommended-box-blog .recommended-item {
    width: 100%;
    height: auto;
}

.recommended-box-blog .image {
    width: 30rem;
    height: 25rem;
    border-bottom: 1px solid rgb(218, 218, 218);
}

.recommended-box-blog .image img {
    width: auto;
    height: 100%;
}

.recommended-box-blog .recommended-item .percent-off-hover {
    top: 10px;
    left: 10px;
    width: 4rem;
    height: 4rem;
    border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -ms-border-radius: 50% !important;
    -o-border-radius: 50% !important;
}

.recommended-box-blog .owl-carousel .owl-nav button.owl-prev {
    right: 0;
}

.recommended-box-blog .owl-carousel .owl-nav button.owl-next,
.recommended-box-blog .owl-carousel .owl-nav button.owl-prev {
    top: 120px;
    position: absolute;
}

.recommended-box-blog .product-name {
    height: 5rem;
    line-height: 23px;
}

/* ----------------------- */
/* ----- #Blog List ------ */
/* ----------------------- */
.widget-article .widget-article-list .widget-article-img {
    width: 14rem;
    border-radius: 15px !important;
    overflow: hidden;
}

.widget-article .widget-article-list img {
    width: 90%;
}

.blog-article {
    width: 49%;
}

.article__box {
    height: auto;
}

.article__box .article__box--image {
    width: 40%;
    height: 20rem;
    align-items: start !important;
    padding-top: 15px;
}

.article__box .article__box--image img {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.article__box .article__box--content {
    width: 60%;
    height: auto;
}

.blog-article .article__box .article__box--content .article__box--text h4 {
    height: 5.5rem;
    min-height: 5.5rem;
    line-height: 1.6;
    color: var(--navy) !important;
    display: flex;
    align-items: center;
}

.blog-article .article__box .article__box--content .article__box--text .article__box-date {
    font-size: 1rem !important;
    margin: 10px 0;
    color: grey !important;
}

.article__box .article__box--content .article__box--desc {
    font-size: 1.2rem !important;
    height: 9rem;
}

.article__box .article__box--content .article__box--desc p {
    line-height: 2rem;
    min-height: 6rem;
    margin: 0;
}

.article__box .article__box--content .article__box--btn a {
    width: 11rem;
    height: 3.5rem;
    line-height: 3.5rem;
    background-color: #f5f5f5;
    transition: all .3s;
}

.article__box .article__box--content .article__box--btn a:hover {
    background-color: #667942;
    color: #fff !important;
}

/* ----------#Scroll marker--------- */
.blog {
    padding-top: 0 !important;
}

.blog .blog-title.sticky-top {
    top: 0 !important;
    height: 9rem !important;
    padding: 1rem 0;
}

.blog .blog-title h1 {
    margin-bottom: 10px !important;
}

.blog .blog-title .nav {
    width: 100%;
    height: .2rem;
    background-color: rgb(179, 179, 179);
    bottom: 0;
}

.blog .blog-title .nav .nav-bar {
    position: absolute;
    bottom: 0;
    width: 0;
    height: .5rem;
    background-color: red;
}

.blog .blog-title .title-sticky {
    height: 4.5rem;
    line-height: 25px;
}

.brand-box-product {
    width: 8rem;
    height: 6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.brand-box-product img {
    width: auto;
    height: 100%;
}

.nav-tabs .nav-link {
    margin-bottom: 0;
}

/*----------- info-page FAQ---------*/
.info-page .contactus .static-contain {
    border: none;
}

.accordion-item .accordion-button {
    font-size: 15px;
}

.accordion-body {
    font-size: 14px;
    line-height: 23px;
    text-align: justify;
    padding: 25px;
}

.login-page .login-box {
    direction: rtl;
}

.btn-product-edit {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 99;
    font-size: 2.5rem;
}

.product-info-box {
    position: relative;
}

.widget-dropdown .accordion-body {
    padding: 15px 15px;
}

.widget-dropdown .accordion-item {
    border: none;
}

.widget-dropdown .accordion-header {
    border-bottom: 1px solid #e9e9e9;
}

.widget-dropdown .accordion-button:not(.collapsed) {
    background-color: transparent;
    color: var(--navy);
}

.static-contain p img {
    width: auto;
}

.designed-by {
    background-color: var(--navy);
}

/* -------------------------#new header------------------ */
.new-header {
    height: 16rem;
    z-index: 999999;
    width: 100%;
}

.new-header .header-top {
    height: 7rem;
}

.new-header .header-bottom {
    height: 7rem;
    background-color: #ffffffba;
    transition: transform .3s ease-in-out;
    -webkit-transition: transform .3s ease-in-out;
    -moz-transition: transform .3s ease-in-out;
    -ms-transition: transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    position: relative;
    z-index: 9999;
    border-radius: 15px;
}

header.active .header-bottom {
    box-shadow: none;
    transform: translateY(-70px);
    background-color: #fff;
}

.new-header .header-bottom .logo-box {
    width: 15rem;
    height: 100%;
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.new-header .header-bottom .logo-box img {
    width: 66%;
    height: auto;
}

.header-bottom .modal-dialog {
    height: 66rem;
    max-width: 90rem;
    display: flex;
    align-items: center;
    margin: 0 auto;
}

.header-bottom .modal-body {
    padding: 0;
}

.modal-open .modal {
    padding: 14px;
}

.login-header .login-box {
    width: 13rem;
    height: auto;
    right: -80px;
    top: 38px;
    visibility: hidden;
    box-shadow: rgba(99, 99, 99, 0.2) 1px 7px 8px 0;
    background-color: #ffffffd1 !important;
    border-radius: 15px;
}

.login-header:hover .login-box form {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.login-header .login-box .login-item {
    padding: 0 15px;
    display: inline-block;
    width: 100%;
    height: 4rem;
    line-height: 4rem;
    width: 90%;
    margin-left: 0 !important;
    border-radius: 15px;
}

.login-header .login-box .login-item:hover {
    background: #fff8f8cf;
}

.login-header:hover .login-box {
    visibility: inherit;

}

/* -----------------------#ads1---------------------- */
.ads {
    margin-bottom: 3rem;
}

.ads.ads-1 .ads-1-box .item {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 1.5rem;
    -webkit-border-radius: 1.5rem;
    -moz-border-radius: 1.5rem;
    -ms-border-radius: 1.5rem;
    -o-border-radius: 1.5rem;
}

.ads.ads-1 {
    width: 100%;
    height: auto;
}

.ads.ads-1 .ads-1-box {
    width: 100%;
    height: auto;
}

.ads.ads-1 .ads-1-box .item img {
    width: 100%;
    height: auto;
    border-radius: 15px !important;
}

.ads.ads-1 .ads-1-box .item:hover img {
    filter: grayscale(80%);
    -webkit-filter: grayscale(80%);
}

/* ----------------------#ads-2------------------------ */
.ads.ads-2 .ads-2-box {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.ads.ads-2 .ads-2-box .item {
    width: calc(50% - 1.5rem);
    border-radius: 15px !important;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ads.ads-2 .ads-2-box .item a,
.ads.ads-2 .ads-2-box .item img {
    width: 100%;
    height: auto;
    border-radius: 15px !important;
}

.ads.ads-2 .ads-2-box .item:hover img {
    filter: grayscale(80%);
    -webkit-filter: grayscale(80%);
}

/* ----------------------#ads-3------------------------ */
.ads.ads-3 .ads-3-box {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.ads.ads-3 .ads-3-box .item {
    width: calc(33.33% - 1.5rem);
    border-radius: 15px !important;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ads.ads-3 .ads-3-box .item a,
.ads.ads-3 .ads-3-box .item img {
    width: 100%;
    height: auto;
    border-radius: 15px !important;
}

.ads.ads-3 .ads-3-box .item:hover img {
    filter: grayscale(80%);
    -webkit-filter: grayscale(80%);
}

/* -----------------------#ads-4------------------------ */
.ads.ads-4 .ads-4-box {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.ads.ads-4 .ads-4-box .item {
    width: calc(24.5% - 1.5rem);
    border-radius: 15px !important;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ads.ads-4 .ads-4-box .item a,
.ads.ads-4 .ads-4-box .item img {
    width: 100%;
    height: auto;
    border-radius: 15px !important;
}

.ads.ads-4 .ads-4-box .item:hover img {
    filter: grayscale(80%);
    -webkit-filter: grayscale(80%);
}

/*===== Category Section ===== */
.category-section .category-list .category-item {
    border: 1px solid #e5e5e5;
    padding: 15px;
    width: 15.5rem;
    height: 15rem;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;

}

.category-section .category-list .category-item .image-box {
    width: 100%;
    height: 100%;
}

.category-section .category-list .category-item .image-box img {
    width: 80%;
    height: auto;
}

/* --------------------------------------------------- */
/* -------------------#page bloglist------------------ */
/* --------------------------------------------------- */
.article-item {
    width: 100%;
    height: 25rem;
    border: 1px solid #e5e5e5;

}

.article-item .image-box {
    width: 100%;
    height: 19rem;
}

.article-item .image-box img {
    width: 100%;
    height: auto;
}

.article-item .content-box .title-blog {
    width: 100%;
    height: 9rem;
    line-height: 25px;
    text-align: justify;
}

.article-item .content-box .title-blog::before {
    content: '';
    width: 15px;
    height: 8px;
    margin-top: 10px;
    margin-left: 10px;
    background-color: var(--accent-600);
    display: flex;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}

.article-item .content-box .history-box {
    height: 5rem;
}

.article-item .grouping {
    bottom: 15px;
    left: -100%;
    transition: left .2s ease-out;
    -webkit-transition: left .2s ease-out;
    -moz-transition: left .2s ease-out;
    -ms-transition: left .2s ease-out;
    -o-transition: left .2s ease-out;
}

.article-item:hover .grouping {
    left: 15px;
}

.article-item .profile-box {
    z-index: 99999;
    top: 15px;
    right: 15px;
    display: none !important;
}

.page-bloglist .article-item {
    width: 24%;
    margin-bottom: 15px;
}

/* ------------------- footer ------------------ */
footer {
    background-color: #f5f5f5;
}

/* --------------------------#read more box --------------- */
.read-more-box {
    max-height: 20rem;
    position: relative;
    overflow: hidden;
    padding-bottom: 3rem;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

.read-more-box .read-more,
.read-more-box .read-less {
    font-size: 1.6rem !important;
    position: absolute;
    width: 100%;
    background-image: linear-gradient(to bottom, transparent, #fff);
    margin: 0;
    padding: 2px;
    text-align: center;
    border-radius: 15px;
}

.read-more-box .read-more {
    bottom: 0;
    left: 0;
    height: 10rem;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.read-more-box .read-less {
    display: none;
    bottom: 0;
    left: 0;
}

.read-more-box .read-more .read-more-btn,
.read-more-box .read-less .read-less-btn {
    color: #000 !important;
    cursor: pointer;
    font-size: 1.4rem;
}

.read-more-box .read-more .read-more-btn i,
.read-more-box .read-less .read-less-btn i {
    vertical-align: middle;
    margin-right: 1rem;
    font-size: 1.8rem;
}

.read-more-box .read-more .read-more-btn i::before {
    content: "\e92c";
    font-family: 'icomoon' !important;
}

.read-more-box .read-less .read-less-btn i::before {
    content: "\e92f";
    font-family: 'icomoon' !important;
}

.read-more-box h1 {
    font-size: 2.2rem;
    font-weight: 600 !important;
    margin-bottom: 1rem !important;
    margin-top: 20px !important;
    color: #666666;
}

.read-more-box h2 {
    font-size: 1.9rem;
    font-weight: 600 !important;
    margin-bottom: 1rem !important;
    color: #666666;
}

.read-more-box h3 {
    font-size: 1.6rem;
    font-weight: 600 !important;
    margin-bottom: 1rem !important;
    color: #666666;
}

.read-more-box h4 {
    font-size: 1.4rem;
    font-weight: 600 !important;
    margin-bottom: 1rem !important;
    color: #666666;
}

.read-more-box p {
    font-size: 1.5rem !important;
    line-height: 2.5;
    text-align: justify;
    color: #535353 !important;
}

.read-more-box a {
    color: #13b9a2 !important;
}

.read-more-box ol {
    margin: 20px 0;
}

.read-more-box ol li {
    display: list-item;
    list-style-position: inside;
    line-height: 25px;
    font-size: 14px;
}

.read-more-box ul li {
    list-style: disc;
    list-style-position: inside;
    display: list-item;
    padding-right: 2rem;
    font-size: 1.4rem;
    line-height: 2;
}

.read-more-box ul {
    margin: 20px 0;
}

.read-more-box ul li {
    display: list-item;
    list-style-position: inside;
    line-height: 25px;
    font-size: 14px;
}

footer ul.nod-1 {
    display: flex;
    flex-direction: column !important;
}

footer ul.nod-1>li>a {
    color: #646464;
    height: 3rem;
    line-height: 3rem;
    font-weight: inherit !important;
    font-size: 13px;
    padding: 0;
    display: inline-block;
}

footer ul.nod-1>li>a::before {
    content: '';
    width: 5px;
    height: 5px;
    background-color: var(--accent-600);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: inline-block;
    margin-left: 5px;
}

footer ul.nod-1>li:hover>a {
    border: none;
}

.footer-symbol .footer-item,
.footer-symbol .footer-item a {
    width: 10rem;
    height: 10rem;
    display: flex;
}

.footer-symbol .footer-item img,
.footer-symbol .footer-item a img {
    width: auto;
    height: 100%;
}

.footer-symbol li,
.footer-symbol li a {
    width: 12rem;
    height: 14rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-symbol li img,
.footer-symbol li a img {
    width: 100%;
    height: 100%;
}

.footer-info-desc {
    padding: 0 !important;
    background: #fff;
    border-radius: 15px;
    padding: 15px !important;
    margin-bottom: 30px;
}

.newsletter-box .input-newsletter {
    width: 100%;
    border: 1px solid #E3E5E7;
    color: #848996;
}

/* Amazing Offers Section */
.amazing-offers-section .title-product {
    background-color: var(--navy);
    border-radius: 15px 15px 0 0;
    overflow: hidden;

}

.amazing-offers-box {
    background: #f5f5f5;
    padding: 15px;
    border-radius: 0 0 15px 15px;
    overflow: hidden;
}

.amazing-offers-box .amazing-offers-image {
    width: 20%;
    height: 35rem;
    overflow: hidden;
    border-radius: 0 8px 8px 0;
}

.amazing-offers-box .amazing-offers-image img {
    width: 100%;
    height: 100%;
}

.amazing-offers-box .amazing-offers-list {
    width: calc(100% - 20%);
    padding: 0 15px 0 0;
}

.amazing-offers-box .amazing-offers-list .product-item {
    width: 23rem;
    border-radius: 15px;
}

.amazing-offers-box .amazing-offers-list.owl-carousel.owl-rtl .owl-item {
    border-radius: 0 !important;
}

.amazing-offers-box .amazing-offers-list .timer {
    border-radius: 4px;
    position: absolute;
    top: 10px;
    right: 55px;
    margin: 0 auto;
    background: var(--navy)c7;
    width: 12rem;
    display: flex;
    justify-content: center;
    height: 3rem;
    line-height: 3rem;
    color: #fff;
}

.designed-with {
    background-color: var(--accent-600);
}

/* Start Comment Modal */
#commentModal .modal-dialog {
    max-width: 550px;
}

#commentModal .modal-dialog .image-name-box {
    border-radius: 10px;
    display: flex;
    align-items: center;
    box-shadow: 0px 2px 10px #6e75881c;
}

#commentModal .modal-dialog .send-message__image {
    width: 80px;
    height: 80px;
    border: 1px solid #e3e3e3;
    overflow: hidden;
    border-radius: 10px;
    padding: 5px;
}

#commentModal .modal-dialog .send-message__image img {
    width: 100%;
    height: 100%;
}

#commentModal .progress-all ul {
    display: flex;
    flex-direction: column;
}

#commentModal .progress-all ul li {
    height: 5rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#commentModal .progress {
    width: 30% !important;
    height: 20px !important;
}

#commentModal .progress-all ul li span.progress-title {
    width: auto;
}

#commentModal .suggest {
    background: aliceblue;
    border-radius: 10px;
    margin: 10px 0 !important;
}

#commentModal .modal-content {
    height: 66rem;
    overflow: auto;
}

#commentModal .form-control,
#commentModal .form-consulting {
    background: aliceblue !important;
    border: none !important;
}

#commentModal textarea::placeholder,
#commentModal input::placeholder {
    font-size: 13px !important;
}

#commentModal .btn {
    width: 100%;
    background: #3366fe !important;
    font-size: 15px;
    border-radius: 10px;
}

.your-comments-box {
    box-shadow: 0px 2px 10px #6e75881c;
}

.your-comments-box .your-comments i {
    color: #8d9fc3;
}

.your-comments-box .your-comments:last-child {
    margin-bottom: 0 !important;
}

.your-comments-box .your-comments .your-comments-text {
    line-height: 23px;
    text-align: justify;
}

.your-comments-box .our-answer .image-box,
.your-comments-box .your-comments .image-box {
    width: 45px;
    height: 45px;
    overflow: hidden;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.your-comments-box .our-answer .image-box img,
.your-comments-box .your-comments .image-box img {
    width: 100%;
    height: auto;
}

.your-comments-box .our-answer {
    background: aliceblue !important;
}

.rate:not(old)>label:before {
    width: 1.5em;
    height: 1.5em;
}

@media (max-width: 575px) {
    .hide-mob {
        display: none !important;
    }

    .hide-des {
        display: block !important;
    }

    header.active .header-bottom {
        transform: translateY(0);
    }

    header.active {
        height: auto;
    }

    .new-header {
        height: auto;
        position: inherit;
        background: #fff;
    }

    .new-header .header-bottom {
        box-shadow: none;
    }

    header .header-bottom {
        height: 4rem !important;
    }

    header .header-bottom.header-bottom-two {
        position: absolute !important;
        top: 8rem;
        right: 15px;
        flex-direction: inherit !important;
        flex-wrap: inherit !important;
        justify-content: inherit !important;
    }

    .new-header .header-bottom .logo-box {
        display: none;
    }

    .header-top ul li a {
        font-size: 1.2rem !important;
    }

    .header-bottom-left li i {
        font-size: 1.8rem !important;
    }

    .header-bottom.header-bottom-one .logo-col-box {
        order: 1;
        display: flex;
        justify-content: center;
    }

    .header-bottom.header-bottom-one .card-col-box {
        order: 3;
        display: flex;
        justify-content: end;
    }

    .header-bottom.header-bottom-one .card-col-box .login-box {
        margin-top: 7px;
    }

    .header-top .logo-box {
        width: 18rem;
        height: 6.5rem;
    }

    .header-top .logo-box img {
        width: 30%;
        height: auto;
    }

    .page-breadcrumb nav {
        overflow-x: scroll;
    }

    ol.breadcrumb {
        overflow-x: auto;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        overflow-y: hidden;
    }

    .search-container i.icon-fi-rr-cross-small {
        top: 18px;
    }

    .search-container .search-bar {
        height: 6rem;
        padding: 0 10px;
    }

    ul.nod-1>li ul.nod-2>li>a span {
        display: none;
    }

    .new-header .header-top {
        height: 10rem;
    }

    .new-header .header-top .img-logo-mob {
        width: 12rem;
        height: 6rem;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 15px;
    }

    .new-header .header-top .img-logo-mob img {
        width: 80%;
        height: auto;
    }

    /* -----------------------#mainslider------------------- */
    .mainslider-box .item-slider img {
        width: 100%;
        height: auto;
    }

    .mainslider-box .item-slider {
        width: 100%;
        height: auto;
        min-height: auto;
    }

    .mainslider-box.owl-theme .owl-dots {
        padding-right: 40px;
        bottom: 4rem;
    }

    .mainslider-box.owl-theme .owl-nav {
        position: absolute;
        bottom: 15px;
        padding-right: 30px;
    }

    .section-mainslider {
        min-height: inherit;
        height: auto;
    }

    /* ----------------#list product------------------ */
    .product-item .image-box {
        height: 12rem;
    }

    .product-item .image-box img {
        width: 100%;
        height: auto;
    }

    .side-banner {
        height: auto;
        margin-bottom: 15px;
    }

    .amazing-offers-box,
    .amazing-offers-box .mySlides {
        height: auto;
    }

    .mySlides-box {
        flex-direction: column !important;
    }

    .mySlides-box .imag-box {
        width: 100%;
    }

    .amazing-offers-box .mySlides .content-box {
        width: 100%;
    }

    .amazing-offers-box .mySlides .content-box .name-product {
        font-size: 1.5rem !important;
    }

    .amazing-offers-box .mySlides .content-box .price-box .price-box-inside {
        flex-direction: column !important;
        justify-content: end !important;
    }

    .amazing-offers-box .mySlides .content-box .pure-features {
        height: 13rem;
        overflow: auto;
        flex-wrap: inherit;
        margin-bottom: 10px !important;
    }

    .amazing-offers-box .amazing-offers-list-item {
        position: inherit;
        bottom: -5px;
        left: 0;
        width: 100%;
        height: auto;
    }

    .amazing-offers-box .mySlides .imag-box {
        width: 100%;
    }

    .amazing-offers-list-item.owl-carousel .owl-nav button.owl-next,
    .amazing-offers-list-item.owl-carousel .owl-nav button.owl-prev {
        position: inherit;
    }

    .amazing-offers-list-item.owl-theme .owl-nav {
        display: flex;
        justify-content: center;
    }

    .amazing-offers-list-item.owl-carousel .owl-nav button.owl-next,
    .amazing-offers-list-item.owl-carousel .owl-nav button.owl-prev {
        width: 25px;
        height: 25px;
        margin: 0 5px;
    }

    .amazing-offers-list-item.owl-carousel .owl-nav button.owl-next i,
    .amazing-offers-list-item.owl-carousel .owl-nav button.owl-prev i {
        font-size: 12px !important;
    }

    /* ------------------------------------------------*/
    /* -----------------#mega menu---------------------*/
    /* ------------------------------------------------*/
    .maga-menu__nav {
        width: 85%;
        height: 100vh !important;
        background-color: #fff;
        position: fixed;
        top: 0;
        right: -100%;
        display: flex;
        flex-direction: column !important;
        z-index: 999999;
        transition: right .3s ease-in-out;
        -webkit-transition: right .3s ease-in-out;
        -moz-transition: right .3s ease-in-out;
        -ms-transition: right .3s ease-in-out;
        -o-transition: right .3s ease-in-out;
        overflow-y: auto;
        justify-content: flex-start;
    }

    .maga-menu__nav.active {
        right: 0;
    }

    .mobile__nav--bar i {
        font-size: 28px;
    }

    .mobile__nav--bar.close i {
        display: none;
    }

    ul.nod-1 {
        display: flex;
        flex-direction: column !important;
        width: 100%;
        flex-direction: column !important;
        height: auto !important;
        padding: 10px 0 !important;
    }

    ul.nod-1>li {
        box-shadow: rgb(33 35 38 / 10%) -1px 7px 10px -10px;
        height: auto;
        padding: 10px 0;
    }

    ul.nod-1>li.list-all::after {
        display: none !important;
    }

    ul.nod-1>li.list-all {
        display: none !important;
    }

    ul.nod-1>li:after {
        content: "\e92b";
        position: absolute;
        left: 30px;
        font-family: 'icomoon' !important;
        font-size: 10px;
    }

    ul.nod-1>li.active:after {
        display: none;
    }

    ul.nod-1>li ul.nod-2 {
        position: inherit;
        width: 95%;
        height: auto;
        top: 15px;
        box-shadow: none;
        background-color: #eeeeee;
        display: none !important;
        flex-direction: column;
        margin: 25px 6px !important;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
    }

    ul.nod-1>li.active ul.nod-2 {
        display: flex !important;
    }

    ul.nod-1>li ul.nod-2>li span::after {
        content: "\e92b";
        position: absolute;
        left: 30px;
        font-family: 'icomoon' !important;
        font-size: 10px;
    }

    ul.nod-1>li ul.nod-2>li.active>span::after {
        content: "\e92e";
    }

    ul.nod-1>li ul.nod-2>li.active>span::after {
        content: "\e92e";
        font-family: 'icomoon' !important;
    }

    ul.nod-1>li ul.nod-2>li.list-all::after {
        display: none;
    }

    ul.nod-1 li {
        font-size: 13px;
        padding: 15px 0;
    }

    ul.nod-1 li span {
        padding: 0 15px;
        display: none;
    }

    ul li.list-all {
        display: flex;
    }

    ul.nod-1>li ul.nod-2>li>a {
        height: auto;
        line-height: inherit;
    }

    ul li.list-all a {
        color: grey !important;
        height: auto !important;
        list-style: inherit !important;
    }

    ul li.list-all a:after {
        content: "\e92c";
        font-family: 'icomoon' !important;
        font-size: 8px;
        margin: 4px;
    }

    ul.nod-1>li.list-all a:after {
        content: "";
    }

    ul.nod-1 li ul.nod-2 li ul.nod-3 {
        width: 100%;
        height: auto;
        background-color: #EEEEEE;
        position: inherit;
        display: none !important;
        flex-direction: column;
        flex-wrap: inherit;
        box-shadow: none;
        margin-top: 15px !important;
        padding: 0 25px !important;
    }

    ul.nod-1 li ul.nod-2 li ul.nod-3 li span::after {
        display: none;
    }

    ul.nod-1 li ul.nod-2 li ul.nod-3 li a {
        color: #000;
        padding: 0 15px;
    }

    ul.nod-1 li ul.nod-2 li.active ul.nod-3 {
        display: flex !important;
    }

    ul.nod-1 li ul.nod-2 li ul.nod-3 li ul.nod-4 {
        display: none !important;
    }

    ul.nod-1 li ul.nod-2 li ul.nod-3 li.active ul.nod-4 {
        display: flex !important;
        padding-right: 30px !important;
    }

    ul.nod-1 li ul.nod-2 li:hover ul.nod-3>li>a {
        border-right: none;
        font-weight: inherit !important;
    }

    ul.nod-1 li ul.nod-2 li:hover ul.nod-3>li {
        margin: 0;
    }

    ul.nod-1 li ul.nod-2 li:hover ul.nod-3>li>a::after {
        content: "";
    }

    ul.nod-1 li ul.nod-2 li:hover ul.nod-3>li:hover>a {
        color: #000;
    }

    .other-menu-items {
        display: block;
    }

    .other-menu-items .logo-menu {
        width: 100%;
        height: 7rem;
        border-bottom: 1px solid rgb(221, 221, 221);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .other-menu-items .logo-menu img {
        width: auto;
        height: 6rem;
    }

    .other-menu-items .list-menu-items li a {
        height: 4rem;
        font-size: 13px;
        color: gray;
        display: flex;
        align-items: center;
    }

    .other-menu-items .list-menu-items li a i {
        font-size: 15px;
        margin-left: 10px;
    }

    .other-menu-items .title-menu {
        height: 4rem;
        display: flex;
        align-items: end;
        font-size: 15px;
        font-weight: bold !important;
    }

    /* ------------------#Products Categorization Section------------- */
    .products-category-list .products-category-item .img-box {
        width: 9rem;
        height: 9rem;
    }

    .products-category-list .products-category-item .title-category {
        font-size: 12px !important;
    }

    /* --------------------#Brant Section------------------- */
    .brand-box {
        height: auto;
    }

    .brand-box .brand-item {
        height: auto;
        padding: 0 !important;
    }

    .brand-box .brand-item img {
        width: 100%;
        height: auto;
    }

    /* -------------------#Article Seaction----------------- */
    .article-list {
        height: auto;
        flex-wrap: wrap;
    }

    .article-list .article-item .img-article {
        height: 10rem;
    }

    .article-list .article-item .img-article img {
        width: 100%;
        height: 100%;
    }

    .article-list .article-item .title-article {
        font-size: 12px !important;
    }

    .article-list .article-item .description-article {
        display: none;
    }

    /* ---------------------#footer------------------ */

    footer .footer-symbol .footer-symbol-item {
        width: 11rem;
        height: 11rem;
    }

    .features-box {
        flex-wrap: wrap;
        justify-content: center;
        padding: 15px 10px !important;
        justify-content: center !important;
    }

    .features-box .features-item {
        width: 33.33%;
        flex-direction: column;
        justify-content: center;
    }

    .features-box .features-item i {
        font-size: 60px;
        height: 8rem;
    }

    .features-box .features-item .icon-fi-rr-zoom-Payment,
    .features-box .features-item .icon-fi-rr-zoom-ReturnBox,
    .features-box .features-item .icon-fi-rr-zoom-Guarantee-3 {
        font-size: 40px;
    }

    .features-box .features-item .features-text {
        font-size: 10px !important;
    }

    footer h1 {
        font-size: 1.4rem;
    }

    footer h3,
    footer h2 {
        font-size: 1.2rem;
    }

    footer p {
        font-size: 12px;
    }

    footer .footer-info-desc ol li {
        font-size: 10px;
    }

    footer .nav-bottom-footer {
        flex-direction: column;
        align-items: center !important;
    }

    footer .nav-bottom-footer .logo-box {
        width: 9rem;
        height: auto;
        margin-bottom: 25px;

    }

    footer .nav-bottom-footer .logo-box img {
        width: 100%;
        height: auto;
    }

    footer ul.nod-1 li {
        padding: 0 0 10px 0 !important;
        box-shadow: none;
    }

    footer ul.nod-1>li>a {
        line-height: 2rem;
    }

    .footer-end {
        flex-direction: column;
    }

    .footer-end .col-12 {
        margin-bottom: 25px;
    }

    .footer-end .footer-symbol {
        justify-content: center !important;
        align-items: center !important;
        padding-right: 0 !important;
    }

    /* ----------------------#page sortbar ---------------- */
    .page-sortbar {
        height: auto;
        flex-direction: column;
    }

    .sortbar label {
        font-size: 1.5rem !important;
    }

    .page-sortbar .sortbar {
        width: 100%;
        margin-bottom: 1rem;
        margin-top: 1rem;
        justify-content: flex-start !important;
    }

    .page-sortbar-items {
        width: 100%;
        flex-wrap: wrap;
    }

    .page-sortbar span.product-count {
        padding-right: 1rem;
        justify-content: flex-end;
    }

    .page-sortbar-items li {
        margin-left: 1rem;
        font-size: 1.2rem;
        border-bottom: 1px solid rgb(211, 211, 211);
        width: 100%;
        height: 5rem;
        line-height: 5rem;
        color: #111;
    }

    .ordering {
        width: 100%;
        height: 41rem;
        position: fixed;
        box-shadow: rgb(50 50 93 / 25%) 0px -6px 27px -5px, rgb(0 0 0 / 30%) 16px 0px 0px 0px;
        bottom: 5rem;
        right: 0;
        display: none;
        z-index: 9999;
    }

    .ordering::after {
        content: '';
        width: 100%;
        height: calc(100% - 41rem);
        background-color: #00000040;
        z-index: -1;
        position: fixed;
        top: -50px;
        right: 0;
    }

    .Filters {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        background-color: #ececec;
        width: 100%;
        height: 100vh;
        margin-top: 0;
        overflow-y: scroll;
        overflow-x: clip;
        z-index: 1099999;
        border-radius: 0;
        padding-top: 6rem;
        padding-bottom: 6rem;
        margin-left: 0;
    }

    .listFilterClose-sort {
        position: absolute !important;
        top: 15px !important;
    }

    .listFilterClose-sort,
    .listFilterClose {
        display: inline-block;
        width: 2.5rem;
        height: 2.5rem;
        line-height: 2.5rem;
        font-size: 2rem;
        border-radius: 50%;
        left: 1.5rem;
        top: 1.5rem;
        background-color: crimson;
        color: #fff;
        border: none;
        box-shadow: none;
        position: fixed;
        z-index: 9999999;
    }

    .listFilterRemove {
        display: inline-block;
        width: auto;
        height: 2.5rem;
        line-height: 2rem;
        font-size: 1.2rem;
        border-radius: 1rem;
        padding: 0 1rem;
        position: absolute;
        right: 1.5rem;
        top: 1.5rem;
        background-color: #f5f5f5;
        color: crimson;
        border: none;
        box-shadow: none;
    }

    /* -----------------------#productlist--------------- */
    .product-list__item ul li {
        width: 50%;
        border: 1px solid rgb(245, 245, 245);
    }

    .product-list__item ul li a {
        width: 100%;
    }

    .product-item .content-box .name-product {
        font-size: 1rem !important;
        padding: 10px 0;
    }

    /* ----- #BLOG(max-width:480px) ----- */
    .blog-heading .heading-Summary {
        width: 100%;
        margin-right: 0 !important;
        padding: 0;
        padding-top: 0 !important;
    }

    .blog-score {
        margin-bottom: 2rem;
    }

    .blog-info {
        flex-direction: column;
    }

    .blog-title h1 {
        font-size: 1.5rem !important;
    }

    .blog-view {
        width: 100%;
        justify-content: space-between;
    }

    .blog-view li {
        margin-bottom: 0;
        margin-right: 0;
    }

    .blog-view li span {
        font-size: .9rem !important;
        line-height: 2.2rem;
    }

    .widget-article {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    .media-body {
        padding-right: .5rem;
    }

    div#search-results ul li {
        height: auto !important;
    }

    .no-product img {
        width: 100%;
    }

    .blog .blog-title.sticky-top {
        top: 0 !important;
        height: 9rem !important;
    }

    .blog .blog-heading .blog-image {
        width: 100%;
        height: auto;
        margin: 10px 0;
    }

    .blog .blog-content h2 {
        font-size: 1.6rem;
        line-height: 1.8 !important;
    }

    .blog .blog-content h3 {
        font-size: 1.4rem;
        line-height: 1.8 !important;
    }

    .blog .blog-content h4 {
        font-size: 1.2rem;
        line-height: 1.8 !important;
    }

    /* ----------------------------------- */
    /* -------------#my old code---------- */
    /* ----------------------------------- */
    .product-info-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .product-info .product-info-box .mid {
        height: 30rem;
    }

    .product-info .product-info-box .mid img {
        height: auto;
    }

    .product-info .product-info-box .product-info-slider {
        width: 100%;
        min-height: 42rem;
    }

    .product-info .product-info-box .product-info-content {
        width: 100%;
    }

    .product-info-title {
        height: 10rem;
    }

    .product-info-guaranty {
        margin-top: 3rem;
    }

    .product-info-rate {
        flex-direction: column;
    }

    .product-info .product-info-box .product-info-content {
        padding-right: 0 !important;
    }

    .order-pay-box {
        height: 0;
        margin: 0 !important;
        display: none !important;
    }

    .order-pay-box.hide-des {
        display: block !important;
        height: auto;
        margin-top: 1.5rem !important;
    }

    .product-info-brand {
        display: none !important;
    }

    .product-info-options ul {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .product-info-options ul li {
        width: 33.33%;
        margin: 0;
    }

    .product-info-options ul li span {
        text-align: right;
    }

    .product-info-order {
        position: fixed;
        bottom: 0;
        right: 15px;
        border-radius: 0;
        margin: 0 !important;
        width: 100%;
        margin-right: -1.5rem !important;
        padding-top: .5rem !important;
        padding-bottom: .5rem !important;
        border-top: .1rem solid #eaeaea;
    }

    .order-pay-box .order-pay {
        height: 8rem;
        display: none !important;
    }

    .product-info-content .order-pay-box .order-pay {
        height: 8rem;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        background-color: #f5f5f5;
        border-radius: 1rem;
        border: 0.1rem solid #dee2e6;
    }

    .product-info-order .order-text {
        display: none;
    }

    .order-count {
        position: relative;
        top: .5rem;
        margin: 0 !important;

    }

    .order-count ul {
        display: inline;
        width: auto;
    }

    .order-count p {
        display: none;
    }

    .order-btn {
        margin-top: 0rem !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        flex-direction: column;
    }

    .product-info-order .order-btn a {
        width: 100% !important;
        z-index: 99;
    }

    .product-info-Spec {
        margin-top: 1.5rem !important;
    }

    .product-info-Spec ul.spec-list li span.spec-type {
        max-width: inherit;
    }

    .product-info-Spec .tab-content .small-check p img {
        height: auto !important;
        width: 100% !important;
    }

    .product-info-Spec .tab-content .small-check p img {
        margin: 0 !important;
    }

    .media .media__comment {
        flex-direction: column;
    }

    .media .media__comment .progress-all ul {
        width: 30rem;
    }

    .media .media__comment--opnion .media-comment-opnion {
        width: 21rem;
    }

    .media .media__comment--opnion .media__comment--like {
        top: 8rem;
    }

    /* ----- #Cart(max-width:480px) ----- */
    table.cart__table--style thead {
        display: none;
    }

    table.cart__table--style tbody tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 1rem;
        border: .1rem solid var(--blue-color);
        border-radius: .4rem;
    }

    table.cart__table--style tbody tr td,
    table.cart__table--style tbody tr td.table-del,
    table.cart__table--style tbody tr td.table-image,
    table.cart__table--style tbody tr td.table-spec {
        border: none;
        width: 100%;
        padding: 1rem 0;
        height: auto;
    }

    table.cart__table--style tbody tr td.table-image {
        padding: 0;
    }

    table.cart__table--style tbody tr td:last-child {
        border-left: none;
    }

    table.cart__table--style tbody tr td.table-image img {
        height: 8rem;
        width: auto;
    }

    .finalcart .finalcart__info .finalcart__info--form input.form-control {
        width: 25rem;
        margin-bottom: 1rem;
    }

    /* ----- #Compare(max-width:480px) ------ */
    .compare .compare__list {
        width: 95vw;
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .compare .compare__list div {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100vw;
        flex: 0 0 100vw;
    }

    .compare .compare__list ul {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100vw;
        flex: 0 0 100vw;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .compare .compare__list ul li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100vw;
        flex: 0 0 100vw;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .compare .compare__list--item .compare__list--item-value {
        display: block;
        text-align: center;
    }

    .compare .compare__list--image {
        border-bottom: none;
    }

    .compare .compare__list--image .compare__list--image--value {
        background-color: var(--white-color);
        border-bottom: 1px solid var(--green-color);
    }

    .compare .compare__list ul li.compare__list--item-title {
        display: none;
    }

    .compare .compare__list--item .compare__list--item-value:before {
        content: attr(data-title);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 0px;
        margin-bottom: 15px;
        padding: 10px;
        width: 100%;
        background-color: rgba(0, 0, 0, .03);
        color: #2D2A2A;
        font-weight: 600;
        font-size: 14px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    div#ProductSelectModal .modal-dialog {
        max-width: 84%;
        margin: auto;
    }

    div#ProductSelectModal .modalproduct__search {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    div#ProductSelectModal .modalproduct__search input {
        margin-bottom: .5rem;
    }

    div#ProductSelectModal .modalproduct__search select {
        width: 15rem;
        border-right: .1rem solid #ced4da;
    }

    div#ProductSelectModal .modalproduct__search button {
        position: absolute;
        left: 1.5rem;
        top: 6rem;
        height: 4rem;
    }

    /* ----- #Send Message(max-width:480px) ----- */
    .send-message .send-message__note h5 {
        line-height: 2;
    }

    .send-message .send-message__note ul li {
        line-height: 2;
        margin-top: 10px;
    }

    .send-message .send-message__text .send-message__text--btn button,
    .send-message .send-message__text .send-message__text--btn a {
        margin-top: 1rem;
    }

    .send-message .send-message__image img {
        position: inherit;
        margin-top: 3rem;
        width: 30rem;
    }

    .product__tabs .tab-content .small-check {
        padding: 1.5rem 0 !important;
    }

    .product__tabs .tab-content .small-check span,
    .product__tabs .tab-content .small-check p {
        font-size: 13px !important;
    }

    .product__tabs .tab-content .small-check img {
        width: 100% !important;
        height: auto !important;
    }

    .no-product img {
        width: 100% !important;
    }

    .blog-article {
        width: 100%;
    }

    .page-sortbar select {
        margin-bottom: 1rem;
    }

    /* ----------------- */
    /* ----- #Cart ----- */
    /* ----------------- */
    .cart-item {
        min-height: 33rem;
    }

    .cart .cart-item-box {
        flex-direction: column;
        align-items: center;
        height: 40rem;
    }

    .cart .cart-item-box .cart-item-image {
        width: 50%;
    }

    .cart .cart-item-box .cart-item-image img {
        width: 100%;
    }

    .cart .cart-item-box .cart-item-content {
        width: 80%;
        text-align: center;
    }

    .cart .item-model,
    .cart .item-model span {
        font-size: 1rem !important;
    }

    .cart .item-warranty {
        font-size: 1.1rem !important;
        margin-bottom: 0 !important;
    }

    .cart .item-color {
        font-size: 1.1rem !important;
        margin-bottom: 0 !important;
    }

    .cart .color-box {
        width: 2rem;
        height: 2rem;
    }

    .cart .product-title {
        letter-spacing: 0rem;
        font-weight: lighter !important;
        font-size: 1.4rem !important;
        line-height: 2.5rem;
        margin-bottom: 0 !important;
    }

    .cart .item-price {
        width: 96% !important;
        padding-bottom: 1.5rem;
        position: absolute;
        bottom: 0;
        left: 2%;
        right: 2%;
    }

    .cart .real-price {
        margin-right: 0 !important;
    }

    .cart .real-price div {
        font-size: 1.6rem !important;
        line-height: 2rem;
    }

    .cart .remove-item {
        top: auto;
        bottom: 11rem;
        left: auto;
        right: 1.5rem;
        cursor: pointer;
    }

    .article__box .article__box--content .article__box--desc {
        height: auto;
    }

    ul.nod-1>li>a {
        height: auto;
        line-height: auto;
    }

    .navigation {
        width: 100%;
        justify-content: start;
    }

    .static-contain p img {
        width: 100%;
    }

    .contactus .contactus__image {
        height: auto;
    }

    /* ----------------------#new header--------------- */
    .header-bottom .modal-dialog {
        height: 15rem;
    }

    .search-box input {
        background-color: #f5f5f5;
        width: 100%;
    }

    .header-top form.search-box {
        width: 100%;
    }

    .category-section .category-list .category-item {
        margin-bottom: 20px;
        width: 10rem;
        height: 11rem;
        padding: 10px;
    }

    .category-section .category-list .category-item .name-product {
        font-size: 12px !important;
    }

    .amazing-offers-box .amazing-offers-image {
        display: none;
    }

    .amazing-offers-box .amazing-offers-list {
        width: 100%;
    }

    .ads.ads-2 .ads-2-box {
        flex-direction: column;
    }

    .ads.ads-2 .ads-2-box .item {
        width: 100%;
        margin-bottom: 15px;
    }

    .ads.ads-4 .ads-4-box {
        flex-direction: column;
    }

    .ads.ads-4 .ads-4-box .item {
        width: 100%;
        margin-bottom: 15px;
    }

    .ads {
        margin-bottom: 0;
    }

    .owl-theme .owl-nav {
        position: absolute;
    }

    .article-item {
        height: auto;
    }

    .article-item .image-box {
        width: 100%;
        height: auto;
    }

    .title-blog {
        font-size: 12px !important;
    }

    #commentModal .modal-dialog {
        width: 95%;
    }

    #commentModal .progress {
        width: 40% !important;
        height: 15px !important;
    }

    #commentModal .suggest label {
        margin-left: 1rem !important;
    }

    .your-comments-progress-all .progress-all {
        width: 100% !important;
    }

}

@media (min-width: 576px) and (max-width:767px) {
    .hide-mob {
        display: none !important;
    }

    .hide-des {
        display: block !important;
    }

    header {
        padding-bottom: 5px;
        height: auto;
    }

    header .header-bottom {
        flex-direction: row;
        flex-wrap: wrap;
    }

    header .header-bottom.header-bottom-two {
        position: absolute !important;
        top: 9rem;
        right: 65px;
        flex-direction: inherit !important;
        flex-wrap: inherit !important;
        justify-content: inherit !important;
    }

    /* .header-bottom.header-bottom-one .search-col-box {
        order: 2;
        display: flex;
        justify-content: center;
    } */

    .header-bottom.header-bottom-one .logo-col-box {
        order: 1;
        display: flex;
        justify-content: center;
    }

    .header-bottom.header-bottom-one .card-col-box {
        order: 3;
        display: flex;
        justify-content: end;
    }

    .header-bottom.header-bottom-one .card-col-box .login-box {
        margin-top: 7px;
    }

    /* .search-input {
        width: 100%;
    } */

    .header-top .logo-box {
        width: 18rem;
        height: 2.5rem;
    }

    .header-top .logo-box img {
        width: 70%;
        height: auto;
    }

    .new-header .header-bottom .logo-box {
        position: absolute;
        top: -70px;
        right: 0;
    }

    .page-breadcrumb nav {
        overflow-x: scroll;
    }

    ol.breadcrumb {
        overflow-x: auto;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
    }

    /* ---------------------#search----------------- */
    /* .search-box {
        width: 100%;
    }

    div#search-results {
        right: 0px;
        width: 98% !important;
        margin: 0 3px;
    }

    .search-form div#search-results ul li {
        height: auto;
    }

    .search-form div#search-results ul li a {
        font-size: 1.2rem !important;
    }

    div#search-results {
        right: 0px;
        width: 98% !important;
        margin: 0 3px;
    }

    .search-form div#search-results ul li {
        height: auto;
    }

    .search-form div#search-results ul li a {
        font-size: 1.2rem !important;
    } */

    /* -----------------------#mainslider------------------- */
    .mainslider-box .item-slider img {
        width: 100%;
        height: auto;
    }

    .mainslider-box .item-slider {
        width: 100%;
        height: auto;
        min-height: auto;
    }

    /* ----------------#list product------------------ */
    .product-item .image-box {
        height: auto;
    }

    .side-banner {
        height: auto;
        margin-bottom: 15px;
    }

    .amazing-offers-box,
    .amazing-offers-box .mySlides {
        height: auto;
    }

    .mySlides-box {
        flex-direction: column !important;
    }

    .mySlides-box .imag-box {
        width: 100%;
    }

    .amazing-offers-box .mySlides .content-box {
        width: 100%;
    }

    .amazing-offers-box .mySlides .content-box .name-product {
        font-size: 1.5rem !important;
    }

    .amazing-offers-box .mySlides .content-box .price-box .price-box-inside {
        flex-direction: column !important;
        justify-content: end !important;
    }

    .amazing-offers-box .mySlides .content-box .pure-features {
        height: 13rem;
        overflow: auto;
        flex-wrap: inherit;
        margin-bottom: 10px !important;
    }

    .amazing-offers-box .amazing-offers-list-item {
        position: inherit;
        bottom: -5px;
        left: 0;
        width: 100%;
        height: auto;
        z-index: inherit;
    }

    .amazing-offers-box .mySlides .imag-box {
        width: 100%;
    }

    .amazing-offers-list-item.owl-carousel .owl-nav button.owl-next,
    .amazing-offers-list-item.owl-carousel .owl-nav button.owl-prev {
        position: inherit;
    }

    .amazing-offers-list-item.owl-theme .owl-nav {
        display: flex;
        justify-content: center;
    }

    .amazing-offers-list-item.owl-carousel .owl-nav button.owl-next,
    .amazing-offers-list-item.owl-carousel .owl-nav button.owl-prev {
        width: 25px;
        height: 25px;
        margin: 0 5px;
    }

    .amazing-offers-list-item.owl-carousel .owl-nav button.owl-next i,
    .amazing-offers-list-item.owl-carousel .owl-nav button.owl-prev i {
        font-size: 12px !important;
    }

    /* ------------------------------------------------*/
    /* -----------------#mega menu---------------------*/
    /* ------------------------------------------------*/
    .maga-menu__nav {
        width: 85%;
        height: 100vh !important;
        background-color: #fff;
        position: fixed;
        top: 0;
        right: -100%;
        display: flex;
        flex-direction: column !important;
        z-index: 999999;
        transition: right .3s ease-in-out;
        -webkit-transition: right .3s ease-in-out;
        -moz-transition: right .3s ease-in-out;
        -ms-transition: right .3s ease-in-out;
        -o-transition: right .3s ease-in-out;
        overflow-y: auto;
        justify-content: flex-start;
    }

    .maga-menu__nav.active {
        right: 0;
    }

    .mobile__nav--bar i {
        font-size: 30px;
    }

    .mobile__nav--bar.close i {
        display: none;
    }

    ul.nod-1 {
        display: flex;
        flex-direction: column !important;
        width: 100%;
        flex-direction: column !important;
        height: auto !important;
        padding: 10px 0 !important;
    }

    ul.nod-1>li {
        box-shadow: rgb(33 35 38 / 10%) -1px 7px 10px -10px;
        height: auto;
        padding: 10px 0;
    }

    ul.nod-1>li.list-all::after {
        display: none !important;
    }

    ul.nod-1>li.list-all {
        display: none !important;
    }

    ul.nod-1>li:after {
        content: "\e92b";
        position: absolute;
        left: 30px;
        font-family: 'icomoon' !important;
        font-size: 10px;
    }

    ul.nod-1>li.active:after {
        display: none;
    }

    ul.nod-1>li ul.nod-2 {
        position: inherit;
        width: 95%;
        height: auto;
        top: 15px;
        box-shadow: none;
        background-color: #eeeeee;
        display: none !important;
        flex-direction: column;
        margin: 25px 6px !important;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
    }

    ul.nod-1>li.active ul.nod-2 {
        display: flex !important;
    }

    ul.nod-1>li ul.nod-2>li span::after {
        content: "\e92b";
        position: absolute;
        left: 30px;
        font-family: 'icomoon' !important;
        font-size: 10px;
    }

    ul.nod-1>li ul.nod-2>li.active>span::after {
        content: "\e92e";
    }

    ul.nod-1>li ul.nod-2>li.active>span::after {
        content: "\e92e";
        font-family: 'icomoon' !important;
    }

    ul.nod-1>li ul.nod-2>li.list-all::after {
        display: none;
    }

    ul.nod-1 li {
        font-size: 13px;
        padding: 15px 0;
    }

    ul.nod-1 li span {
        padding: 0 15px;

    }

    ul li.list-all {
        display: flex;
    }

    ul.nod-1>li ul.nod-2>li>a {
        height: auto;
        line-height: inherit;
    }

    ul li.list-all a {
        color: grey !important;
        height: auto !important;
        list-style: inherit !important;
    }

    ul li.list-all a:after {
        content: "\e92c";
        font-family: 'icomoon' !important;
        font-size: 8px;
        margin: 4px;
    }

    ul.nod-1>li.list-all a:after {
        content: "";
    }

    ul.nod-1 li ul.nod-2 li ul.nod-3 {
        width: 100%;
        height: auto;
        background-color: #EEEEEE;
        position: inherit;
        display: none !important;
        flex-direction: column;
        flex-wrap: inherit;
        box-shadow: none;
        margin-top: 15px !important;
        padding: 0 25px !important;
    }

    ul.nod-1 li ul.nod-2 li ul.nod-3 li span::after {
        display: none;
    }

    ul.nod-1 li ul.nod-2 li ul.nod-3 li a {
        color: #000;
        padding: 0 15px;
    }

    ul.nod-1 li ul.nod-2 li.active ul.nod-3 {
        display: flex !important;
    }

    ul.nod-1 li ul.nod-2 li ul.nod-3 li ul.nod-4 {
        display: none !important;
    }

    ul.nod-1 li ul.nod-2 li ul.nod-3 li.active ul.nod-4 {
        display: flex !important;
        padding-right: 30px !important;
    }

    ul.nod-1 li ul.nod-2 li:hover ul.nod-3>li>a {
        border-right: none;
        font-weight: inherit !important;
    }

    ul.nod-1 li ul.nod-2 li:hover ul.nod-3>li {
        margin: 0;
    }

    ul.nod-1 li ul.nod-2 li:hover ul.nod-3>li>a::after {
        content: "";
    }

    ul.nod-1 li ul.nod-2 li:hover ul.nod-3>li:hover>a {
        color: #000;
    }

    .other-menu-items {
        display: block;
    }

    .other-menu-items .logo-menu {
        width: 100%;
        height: 7rem;
        border-bottom: 1px solid rgb(221, 221, 221);
        display: flex;
        align-items: center;
    }

    .other-menu-items .logo-menu img {
        width: auto;
        height: 3.5rem;
    }

    .other-menu-items .list-menu-items li a {
        height: 4rem;
        font-size: 13px;
        color: gray;
        display: flex;
        align-items: center;
    }

    .other-menu-items .list-menu-items li a i {
        font-size: 15px;
        margin-left: 10px;
    }

    .other-menu-items .title-menu {
        height: 4rem;
        display: flex;
        align-items: end;
        font-size: 15px;
        font-weight: bold !important;
    }

    /* ------------------#Products Categorization Section------------- */
    .products-category-list .products-category-item .img-box {
        width: 11rem;
        height: 11rem;
    }

    .products-category-list .products-category-item .title-category {
        font-size: 13px !important;
    }

    /* --------------------#Brant Section------------------- */
    .brand-box {
        height: auto;
    }

    .brand-box .brand-item {
        height: auto;
        padding: 0 !important;
    }

    .brand-box .brand-item img {
        width: 100%;
        height: auto;
    }

    /* -------------------#Article Seaction----------------- */
    .article-list {
        height: auto;
        flex-wrap: wrap;
    }

    .article-list .article-item .img-article {
        height: 15rem;
    }

    .article-list .article-item .img-article img {
        width: 100%;
        height: 100%;
    }

    .article-list .article-item .title-article {
        font-size: 12px !important;
    }

    .article-list .article-item .description-article {
        font-size: 10px !important;
        padding: 5px 0 15px 0;
    }

    /* ---------------------#footer------------------ */
    footer .footer-symbol .footer-symbol-item {
        width: 11rem;
        height: 11rem;
    }

    .features-box {
        flex-wrap: wrap;
        justify-content: center;
        padding: 15px 10px !important;
        justify-content: center !important;

    }

    .features-box .features-item {
        width: 33.33%;
        flex-direction: column;
    }

    .features-box .features-item i {
        font-size: 70px;
        height: 8rem;
    }

    .features-box .features-item .icon-fi-rr-zoom-Payment,
    .features-box .features-item .icon-fi-rr-zoom-ReturnBox,
    .features-box .features-item .icon-fi-rr-zoom-Guarantee-3 {
        font-size: 50px;
    }

    .features-box .features-item .features-text {
        font-size: 10px !important;
    }

    footer h1 {
        font-size: 1.4rem;
    }

    footer h3,
    footer h2 {
        font-size: 1.2rem;
    }

    footer p {
        font-size: 10px;
    }

    footer .footer-info-desc ol li {
        font-size: 10px;
    }

    footer .nav-bottom-footer {
        flex-direction: column;
        align-items: center !important;
    }

    footer .nav-bottom-footer .logo-box {
        width: 10rem;
        height: auto;
        margin-bottom: 25px;
    }

    footer .nav-bottom-footer .logo-box img {
        width: 100%;
        height: auto;
    }

    footer ul.nod-1 li {
        padding: 0 0 10px 0 !important;
        box-shadow: none;
    }

    .footer-end {
        flex-direction: column;
    }

    .footer-end .col-12 {
        margin-bottom: 25px;
    }

    .footer-end .footer-symbol {
        justify-content: center !important;
        align-items: center !important;
        padding-right: 0 !important;
    }

    /* ----------------------#page sortbar ---------------- */
    .page-sortbar {
        height: auto;
        flex-direction: column;
    }

    .sortbar label {
        font-size: 1.5rem !important;
    }

    .page-sortbar .sortbar {
        width: 100%;
        margin-bottom: 1rem;
        margin-top: 1rem;
        justify-content: flex-start !important;
    }

    .page-sortbar-items {
        width: 100%;
        flex-wrap: wrap;
    }

    .page-sortbar span.product-count {
        padding-right: 1rem;
        justify-content: flex-end;
    }

    .page-sortbar-items li {
        margin-left: 1rem;
        font-size: 1.2rem;
        border-bottom: 1px solid rgb(211, 211, 211);
        width: 100%;
        height: 5rem;
        line-height: 5rem;
        color: #111;
    }

    .ordering {
        width: 100%;
        height: 41rem;
        position: fixed;
        box-shadow: rgb(50 50 93 / 25%) 0px -6px 27px -5px, rgb(0 0 0 / 30%) 16px 0px 0px 0px;
        bottom: 5rem;
        right: 0;
        display: none;
        z-index: 9999;
    }

    .ordering::after {
        content: '';
        width: 100%;
        height: calc(100% - 41rem);
        background-color: #00000040;
        z-index: -1;
        position: fixed;
        top: -50px;
        right: 0;
    }

    .Filters {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        background-color: #ececec;
        width: 100%;
        height: 100vh;
        margin-top: 0;
        overflow-y: scroll;
        overflow-x: clip;
        z-index: 1099999;
        border-radius: 0;
        padding-top: 6rem;
        padding-bottom: 6rem;
        margin-left: 0;
    }

    .listFilterClose-sort {
        position: absolute !important;
        top: 15px !important;
    }

    .listFilterClose-sort,
    .listFilterClose {
        display: inline-block;
        width: 2.5rem;
        height: 2.5rem;
        line-height: 2.5rem;
        font-size: 2rem;
        border-radius: 50%;
        left: 1.5rem;
        top: 1.5rem;
        background-color: crimson;
        color: #fff;
        border: none;
        box-shadow: none;
        position: fixed;
        z-index: 9999999;
    }

    .listFilterRemove {
        display: inline-block;
        width: auto;
        height: 2.5rem;
        line-height: 2rem;
        font-size: 1.2rem;
        border-radius: 1rem;
        padding: 0 1rem;
        position: absolute;
        right: 1.5rem;
        top: 1.5rem;
        background-color: #f5f5f5;
        color: crimson;
        border: none;
        box-shadow: none;
    }

    /* -----------------------#productlist--------------- */
    .product-list__item ul li {
        width: 50%;
        border: 1px solid rgb(245, 245, 245);
    }

    .product-list__item ul li a {
        width: 100%;
    }

    /* ----- #BLOG (min-width: 576px) and (max-width:767px)  ----- */
    .blog-heading .heading-Summary {
        width: 100%;
        margin-right: 0 !important;
        padding: 0;
        padding-top: 0 !important;
    }

    .blog-score {
        margin-bottom: 2rem;
    }

    .blog-info {
        flex-direction: column;
    }

    .blog-title h1 {
        font-size: 1.5rem !important;
    }

    .blog-view {
        width: 100%;
        justify-content: space-between;
    }

    .blog-view li {
        margin-bottom: 0;
        margin-right: 0;
    }

    .blog-view li span {
        font-size: .9rem !important;
        line-height: 2.2rem;
    }

    .widget-article {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    .media-body {
        padding-right: .5rem;
    }

    /* div#search-results ul li {
        height: auto !important;
    } */

    .no-product img {
        width: 100%;
    }

    .blog .blog-title.sticky-top {
        top: 0 !important;
        height: 9rem !important;
    }

    .blog .blog-heading .blog-image {
        width: 100%;
        height: auto;
        margin: 10px 0;
    }

    .blog .blog-content h2 {
        font-size: 1.6rem;
        line-height: 1.8 !important;
    }

    .blog .blog-content h3 {
        font-size: 1.4rem;
        line-height: 1.8 !important;
    }

    .blog .blog-content h4 {
        font-size: 1.2rem;
        line-height: 1.8 !important;
    }

    /* ------- Product (max-width: 575px) -------- */
    .product-info-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .product-info .product-info-box .mid img {
        left: 50%;
        top: 50%;
    }

    .product-info .product-info-box .product-info-slider {
        width: 100%;
        min-height: 59rem;
    }

    .product-info .product-info-box .product-info-content {
        width: 100%;
    }

    .product-info-title {
        height: 8rem;
    }

    .product-info-guaranty {
        margin-top: 3rem;
    }

    .product-info .product-info-box .product-info-content {
        padding-right: 0 !important;
    }

    .order-pay-box {
        display: none !important;
    }

    .order-pay-box.hide-des {
        display: block !important;
        height: auto;
        margin-top: 1.5rem !important;
    }

    .product-info-brand {
        display: none !important;
    }

    .product-info-options ul {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .product-info-options ul li {
        width: 33.33%;
        margin: 0;
    }

    .product-info-options ul li span {
        text-align: right;
    }

    .product-info-order {
        position: fixed;
        bottom: 0;
        right: 15px;
        border-radius: 0;
        margin: 0 !important;
        width: 100%;
        margin-right: -1.5rem !important;
        padding-top: .5rem !important;
        padding-bottom: .5rem !important;
        border-top: .1rem solid #eaeaea;
    }

    .order-pay-box .order-pay {
        height: 8rem;
        display: none !important;
    }

    .product-info-content .order-pay-box .order-pay {
        height: 8rem;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .product-info-order .order-text {
        display: none;
    }

    .order-count {
        position: relative;
        top: .5rem;
        margin: 0 !important;
        width: 49%;
    }

    .order-count ul {
        display: inline;
        width: auto;
    }

    .order-count p {
        display: none;
    }

    .order-btn {
        margin-top: 0rem !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        flex-direction: column;
    }

    .product-info-Spec {
        margin-top: 1.5rem !important;
    }

    .product-info-Spec ul.spec-list li span.spec-type {
        max-width: inherit;
    }

    .media .media__comment {
        flex-direction: column;
    }

    .media .media__comment .progress-all ul {
        width: 30rem;
    }

    .media .media__comment--opnion .media-comment-opnion {
        width: 21rem;
    }

    .media .media__comment--opnion .media__comment--like {
        top: 8rem;
    }

    /* ----- #Send Message(min-width:481px and max-width:767px) ----- */
    .send-message .send-message__note h5 {
        line-height: 2;
    }

    .send-message .send-message__note ul li {
        line-height: 2;
        margin-top: 10px;
    }

    .send-message .send-message__text .send-message__text--btn button,
    .send-message .send-message__text .send-message__text--btn a {
        margin-top: 1rem;
    }

    .send-message .send-message__image img {
        position: inherit;
        margin-top: 3rem;
        width: 30rem;
    }

    .product__tabs .tab-content .small-check {
        padding: 1.5rem 0 !important;
    }

    .product__tabs .tab-content .small-check span,
    .product__tabs .tab-content .small-check p {
        font-size: 13px !important;
    }

    .product__tabs .tab-content .small-check img {
        width: 100% !important;
        height: auto !important;
    }

    .no-product img {
        width: 100% !important;
    }

    .blog-article {
        width: 100%;
    }

    /* ----------------- */
    /* ----- #Cart ----- */
    /* ----------------- */
    .cart-item {
        min-height: 33rem;
    }

    .cart .cart-item-box .cart-item-image {
        width: 40%;
    }

    .cart .cart-item-box .cart-item-image img {
        width: 100%;
    }

    .cart .cart-item-box .cart-item-content {
        width: 60%;
    }

    .cart .item-model,
    .cart .item-model span {
        font-size: 1rem !important;
    }

    .cart .item-warranty {
        font-size: 1.1rem !important;
        margin-bottom: 0 !important;
    }

    .cart .item-color {
        font-size: 1.1rem !important;
        margin-bottom: 0 !important;
    }

    .cart .color-box {
        width: 2rem;
        height: 2rem;
    }

    .cart .product-title {
        letter-spacing: 0rem;
        font-weight: lighter !important;
        font-size: 1.4rem !important;
        line-height: 2.5rem;
        margin-bottom: 0 !important;
    }

    .cart .item-price {
        width: 96% !important;
        padding-bottom: 1.5rem;
        position: absolute;
        bottom: 0;
        left: 2%;
        right: 2%;
    }

    .cart .real-price {
        margin-right: 0 !important;
    }

    .cart .real-price div {
        font-size: 1.6rem !important;
        line-height: 2rem;
    }

    .cart .remove-item {
        top: auto;
        bottom: 11rem;
        left: auto;
        right: 1.5rem;
        cursor: pointer;
    }

    .navigation {
        width: 100%;
        justify-content: start;
    }

    .static-contain p img {
        width: 100%;
    }

    .contactus .contactus__image {
        height: auto;
    }

    .section-mainslider {
        min-height: inherit;
    }

}

@media (min-width: 768px) and (max-width:991px) {
    .hide-mob {
        display: none !important;
    }

    .hide-des {
        display: block !important;
    }

    header {
        padding-bottom: 5px;
        height: auto;
    }

    header .header-bottom {
        flex-direction: row;
        flex-wrap: wrap;
    }

    header .header-bottom.header-bottom-two {
        position: absolute !important;
        top: 9rem;
        right: 45px;
        flex-direction: inherit !important;
        flex-wrap: inherit !important;
        justify-content: inherit !important;
    }

    /* .header-bottom.header-bottom-one .search-col-box {
        order: 2;
        display: flex;
        justify-content: center;
    } */

    .header-bottom.header-bottom-one .logo-col-box {
        order: 1;
        display: flex;
        justify-content: center;
    }

    .header-bottom.header-bottom-one .card-col-box {
        order: 3;
        display: flex;
        justify-content: end;
    }

    .header-bottom.header-bottom-one .card-col-box .login-box {
        margin-top: 7px;
    }

    /* .search-input {
        width: 100%;
    } */

    .header-top .logo-box {
        width: 18rem;
        height: 2.5rem;
    }

    .header-top .logo-box img {
        width: 70%;
        height: auto;
    }

    .new-header .header-bottom .logo-box {
        position: absolute;
        top: -70px;
        right: 0;
    }

    .page-breadcrumb nav {
        overflow-x: scroll;
    }

    ol.breadcrumb {
        overflow-x: auto;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
    }

    /* ---------------------#search----------------- */
    /* .search-box {
        width: 100%;
    }

    div#search-results {
        right: 0px;
        width: 98% !important;
        margin: 0 3px;
    }

    .search-form div#search-results ul li {
        height: auto;
    }

    .search-form div#search-results ul li a {
        font-size: 1.2rem !important;
    }

    div#search-results {
        right: 0px;
        width: 98% !important;
        margin: 0 3px;
    }

    .search-form div#search-results ul li {
        height: auto;
    }

    .search-form div#search-results ul li a {
        font-size: 1.2rem !important;
    } */

    /* ---------------------#search----------------- */
    /* div#search-results {
        right: 0px;
        width: 98% !important;
        margin: 0 3px;
    }

    .search-form div#search-results ul li {
        height: auto;
    }

    .search-form div#search-results ul li a {
        font-size: 1.2rem !important;
    } */

    /* -----------------------#mainslider------------------- */
    .mainslider-box .item-slider img {
        width: 100%;
        height: auto;
    }

    .mainslider-box .item-slider {
        width: 100%;
        height: auto;
        min-height: auto;
    }

    .section-mainslider {
        min-height: inherit;
    }

    /* ----------------#list product------------------ */
    .product-item .image-box {
        height: auto;
    }

    .side-banner {
        height: auto;
        margin-bottom: 15px;
    }

    .amazing-offers-list-item.owl-carousel .owl-nav button.owl-next {
        left: -32px;
    }

    .amazing-offers-box .amazing-offers-list-item {
        bottom: 40px;
    }

    /* ------------------------------------------------*/
    /* -----------------#mega menu---------------------*/
    /* ------------------------------------------------*/
    .maga-menu__nav {
        width: 85%;
        height: 100vh !important;
        background-color: #fff;
        position: fixed;
        top: 0;
        right: -100%;
        display: flex;
        flex-direction: column !important;
        z-index: 999999;
        transition: right .3s ease-in-out;
        -webkit-transition: right .3s ease-in-out;
        -moz-transition: right .3s ease-in-out;
        -ms-transition: right .3s ease-in-out;
        -o-transition: right .3s ease-in-out;
        overflow-y: auto;
        justify-content: flex-start;
    }

    .maga-menu__nav.active {
        right: 0;
    }

    .mobile__nav--bar i {
        font-size: 30px;
    }

    .mobile__nav--bar.close i {
        display: none;
    }

    ul.nod-1 {
        display: flex;
        flex-direction: column !important;
        width: 100%;
        flex-direction: column !important;
        height: auto !important;
        padding: 10px 0 !important;
    }

    ul.nod-1>li {
        box-shadow: rgb(33 35 38 / 10%) -1px 7px 10px -10px;
        height: auto;
        padding: 10px 0;
    }

    ul.nod-1>li.list-all::after {
        display: none !important;
    }

    ul.nod-1>li.list-all {
        display: none !important;
    }

    ul.nod-1>li:after {
        content: "\e92b";
        position: absolute;
        left: 30px;
        font-family: 'icomoon' !important;
        font-size: 10px;
    }

    ul.nod-1>li.active:after {
        display: none;
    }

    ul.nod-1>li ul.nod-2 {
        position: inherit;
        width: 95%;
        height: auto;
        top: 15px;
        box-shadow: none;
        background-color: #eeeeee;
        display: none !important;
        flex-direction: column;
        margin: 25px 6px !important;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
    }

    ul.nod-1>li.active ul.nod-2 {
        display: flex !important;
    }

    ul.nod-1>li ul.nod-2>li span::after {
        content: "\e92b";
        position: absolute;
        left: 30px;
        font-family: 'icomoon' !important;
        font-size: 10px;
    }

    ul.nod-1>li ul.nod-2>li.active>span::after {
        content: "\e92e";
    }

    ul.nod-1>li ul.nod-2>li.active>span::after {
        content: "\e92e";
        font-family: 'icomoon' !important;
    }

    ul.nod-1>li ul.nod-2>li.list-all::after {
        display: none;
    }

    ul.nod-1 li {
        font-size: 13px;
        padding: 15px 0;
    }

    ul.nod-1 li span {
        padding: 0 15px;
    }

    ul li.list-all {
        display: flex;
    }

    ul.nod-1>li ul.nod-2>li>a {
        height: auto;
        line-height: inherit;
    }

    ul li.list-all a {
        color: grey !important;
        height: auto !important;
        list-style: inherit !important;
    }

    ul li.list-all a:after {
        content: "\e92c";
        font-family: 'icomoon' !important;
        font-size: 8px;
        margin: 4px;
    }

    ul.nod-1>li.list-all a:after {
        content: "";
    }

    ul.nod-1 li ul.nod-2 li ul.nod-3 {
        width: 100%;
        height: auto;
        background-color: #EEEEEE;
        position: inherit;
        display: none !important;
        flex-direction: column;
        flex-wrap: inherit;
        box-shadow: none;
        margin-top: 15px !important;
        padding: 0 25px !important;
    }

    ul.nod-1 li ul.nod-2 li ul.nod-3 li span::after {
        display: none;
    }

    ul.nod-1 li ul.nod-2 li ul.nod-3 li a {
        color: #000;
        padding: 0 15px;
    }

    ul.nod-1 li ul.nod-2 li.active ul.nod-3 {
        display: flex !important;
    }

    ul.nod-1 li ul.nod-2 li ul.nod-3 li ul.nod-4 {
        display: none !important;
    }

    ul.nod-1 li ul.nod-2 li ul.nod-3 li.active ul.nod-4 {
        display: flex !important;
        padding-right: 30px !important;
    }

    ul.nod-1 li ul.nod-2 li:hover ul.nod-3>li>a {
        border-right: none;
        font-weight: inherit !important;
    }

    ul.nod-1 li ul.nod-2 li:hover ul.nod-3>li {
        margin: 0;
    }

    ul.nod-1 li ul.nod-2 li:hover ul.nod-3>li>a::after {
        content: "";
    }

    ul.nod-1 li ul.nod-2 li:hover ul.nod-3>li:hover>a {
        color: #000;
    }

    .other-menu-items {
        display: block;
    }

    .other-menu-items .logo-menu {
        width: 100%;
        height: 7rem;
        border-bottom: 1px solid rgb(221, 221, 221);
        display: flex;
        align-items: center;
    }

    .other-menu-items .logo-menu img {
        width: auto;
        height: 3.5rem;
    }

    .other-menu-items .list-menu-items li a {
        height: 4rem;
        font-size: 13px;
        color: gray;
        display: flex;
        align-items: center;
    }

    .other-menu-items .list-menu-items li a i {
        font-size: 15px;
        margin-left: 10px;
    }

    .other-menu-items .title-menu {
        height: 4rem;
        display: flex;
        align-items: end;
        font-size: 15px;
        font-weight: bold !important;
    }

    /* ------------------#Products Categorization Section------------- */
    .products-category-list .products-category-item .img-box {
        width: 11rem;
        height: 11rem;
    }

    .products-category-list .products-category-item .title-category {
        font-size: 13px !important;
    }

    /* --------------------#Brant Section------------------- */
    .brand-box {
        height: auto;
    }

    .brand-box .brand-item {
        height: auto;
        padding: 0 !important;
    }

    .brand-box .brand-item img {
        width: 60%;
        height: auto;
    }

    /* -------------------#Article Seaction----------------- */
    .article-list {
        height: auto;
        flex-wrap: wrap;
    }

    .article-list .article-item .img-article {
        height: 15rem;
    }

    .article-list .article-item .img-article img {
        width: 100%;
        height: 100%;
    }

    .article-list .article-item .title-article {
        font-size: 12px !important;
    }

    .article-list .article-item .description-article {
        font-size: 10px !important;
        padding: 5px 0 15px 0;
    }

    /* ---------------------#footer------------------ */
    footer .footer-symbol .footer-symbol-item {
        width: 11rem;
        height: 11rem;
    }

    .features-box {
        flex-wrap: wrap;
        justify-content: center !important;

    }

    .features-box .features-item {
        width: 33.33%;
    }

    .features-box .features-item i {
        font-size: 70px;
        height: 8rem;
    }

    .features-box .features-item .icon-fi-rr-zoom-Payment,
    .features-box .features-item .icon-fi-rr-zoom-ReturnBox,
    .features-box .features-item .icon-fi-rr-zoom-Guarantee-3 {
        font-size: 50px;
    }

    .features-box .features-item .features-text {
        font-size: 10px !important;
    }

    footer h1 {
        font-size: 1.4rem;
    }

    footer h3,
    footer h2 {
        font-size: 1.2rem;
    }

    footer p {
        font-size: 10px;
    }

    footer .footer-info-desc ol li {
        font-size: 10px;
    }

    footer .nav-bottom-footer {
        flex-direction: column;
        align-items: center !important;
    }

    footer .nav-bottom-footer .logo-box {
        width: 10rem;
        height: auto;
        margin-bottom: 25px;
    }

    footer .nav-bottom-footer .logo-box img {
        width: 100%;
        height: auto;
    }

    footer ul.nod-1 li {
        padding: 0 0 10px 0 !important;
        box-shadow: none;
    }

    .footer-end {
        flex-direction: column;
    }

    .footer-end .col-12 {
        margin-bottom: 25px;
    }

    .footer-end .footer-symbol {
        justify-content: center !important;
        align-items: center !important;
        padding-right: 0 !important;
    }

    /* ----------------------#page sortbar ---------------- */
    .page-sortbar {
        height: auto;
        flex-direction: column;
    }

    .sortbar label {
        font-size: 1.5rem !important;
    }

    .page-sortbar .sortbar {
        width: 100%;
        margin-bottom: 1rem;
        margin-top: 1rem;
        justify-content: flex-start !important;
    }

    .page-sortbar-items {
        width: 100%;
        flex-wrap: wrap;
    }

    .page-sortbar span.product-count {
        padding-right: 1rem;
        justify-content: flex-end;
    }

    .page-sortbar-items li {
        margin-left: 1rem;
        font-size: 1.2rem;
        border-bottom: 1px solid rgb(211, 211, 211);
        width: 100%;
        height: 5rem;
        line-height: 5rem;
        color: #111;
    }

    .ordering {
        width: 100%;
        height: 41rem;
        position: fixed;
        box-shadow: rgb(50 50 93 / 25%) 0px -6px 27px -5px, rgb(0 0 0 / 30%) 16px 0px 0px 0px;
        bottom: 5rem;
        right: 0;
        display: none;
        z-index: 9999;
    }

    .ordering::after {
        content: '';
        width: 100%;
        height: calc(100% - 41rem);
        background-color: #00000040;
        z-index: -1;
        position: fixed;
        top: -50px;
        right: 0;
    }

    .Filters {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        background-color: #ececec;
        width: 100%;
        height: 100vh;
        margin-top: 0;
        overflow-y: scroll;
        overflow-x: clip;
        z-index: 1099999;
        border-radius: 0;
        padding-top: 6rem;
        padding-bottom: 6rem;
        margin-left: 0;
    }

    .listFilterClose-sort {
        position: absolute !important;
        top: 15px !important;
    }

    .listFilterClose-sort,
    .listFilterClose {
        display: inline-block;
        width: 2.5rem;
        height: 2.5rem;
        line-height: 2.5rem;
        font-size: 2rem;
        border-radius: 50%;
        left: 1.5rem;
        top: 1.5rem;
        background-color: crimson;
        color: #fff;
        border: none;
        box-shadow: none;
        position: fixed;
        z-index: 9999999;
    }

    .listFilterRemove {
        display: inline-block;
        width: auto;
        height: 2.5rem;
        line-height: 2rem;
        font-size: 1.2rem;
        border-radius: 1rem;
        padding: 0 1rem;
        position: absolute;
        right: 1.5rem;
        top: 1.5rem;
        background-color: #f5f5f5;
        color: crimson;
        border: none;
        box-shadow: none;
    }

    /* -----------------------#productlist--------------- */
    .product-list__item ul li {
        width: 33.33%;
        border: 1px solid rgb(245, 245, 245);
    }

    .product-list__item ul li a {
        width: 100%;
    }

    /* ------- Product (max-width: 575px) -------- */
    .product-info-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .product-info .product-info-box .mid img {
        left: -8%;
    }

    .product-info .product-info-box .product-info-slider {
        width: 100%;
        min-height: 59rem;
    }

    .product-info .product-info-box .product-info-content {
        width: 100%;
    }

    .product-info-title {
        height: 8rem;
    }

    .product-info-guaranty {
        margin-top: 3rem;
    }

    .product-info .product-info-box .product-info-content {
        padding-right: 0 !important;
    }

    .order-pay-box {
        height: 0;
        margin: 0 !important;
        display: none !important;
    }

    .order-pay-box.hide-des {
        display: block !important;
        height: auto;
        margin-top: 1.5rem !important;
    }

    .product-info-brand {
        display: none !important;
    }

    .product-info-options ul {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .product-info-options ul li {
        width: 33.33%;
        margin: 0;
    }

    .product-info-options ul li span {
        text-align: right;
    }

    .product-info-order {
        position: fixed;
        bottom: 0;
        right: 15px;
        border-radius: 0;
        margin: 0 !important;
        width: 100%;
        margin-right: -1.5rem !important;
        padding-top: .5rem !important;
        padding-bottom: .5rem !important;
        border-top: .1rem solid #eaeaea;
    }

    .order-pay-box .order-pay {
        height: 8rem;
        display: none !important;
    }

    .product-info-content .order-pay-box .order-pay {
        height: 8rem;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .product-info-order .order-text {
        display: none;
    }

    .order-count {
        position: relative;
        top: .5rem;
        margin: 0 !important;
        width: 49%;
    }

    .order-count ul {
        display: inline;
        width: auto;
    }

    .order-count p {
        display: none;
    }

    .order-btn {
        margin-top: 0rem !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        justify-content: space-between;
    }

    .product-info-order .order-btn a {
        width: 50% !important;
    }

    .update-price {
        margin-left: 15px;
    }

    .product-info-Spec {
        margin-top: 1.5rem !important;
    }

    .product-info-Spec ul.spec-list li span.spec-type {
        max-width: inherit;
    }

    /* ----- #send message(min-width:768px and max-width:991px) ----- */
    .page-content {
        padding: 1rem;
        margin-top: -4rem;
        height: auto;
    }

    .send-message .send-message__note h5 {
        font-size: 1.5rem;
    }

    .send-message .send-message__note {
        min-height: 30rem;
    }

    .send-message .send-message__note h5 {
        font-size: 1.4rem;
    }

    .send-message .send-message__note ul {
        list-style-type: disc;
        margin-top: 2.5rem;
        padding-right: 3rem;
    }

    .send-message .send-message__note ul li {
        display: list-item;
        list-style-type: disc;
        text-align: right;
        font-size: 1.4rem;
        margin-top: 10px;
    }

    .send-message .send-message__image {
        text-align: center;
        width: 100%;
        height: 30rem;
        position: relative;
    }

    /* ----- #contact  us (min-width:768px and max-width:991px) ----- */
    .contactus .contactus__image {
        height: 37rem;
    }

    .contactus .contactus__image img {
        width: 60%;
        height: auto;
    }

    .send-message .send-message__rate {
        margin-bottom: -3rem;
    }

    .clock-item {
        margin-bottom: 30px;
    }

    .blog-article {
        width: 100%;
    }

    .navigation {
        width: 100%;
        justify-content: start;
    }

    .static-contain p img {
        width: 100%;
    }

    .contactus .contactus__image {
        height: auto;
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .product-item .image-box {
        height: auto;
    }

    ul.nod-1>li>a {
        font-size: 10px;

    }

    .login-box .login-item {
        font-size: 10px !important;
    }

    .products-category-list .products-category-item .img-box {
        width: 14rem;
        height: 14rem;
    }

    .products-category-list .products-category-item .title-category {
        font-size: 15px !important;
    }

    .brand-box {
        height: auto;
    }

    .brand-box .brand-item {
        height: auto;
        padding: 0 !important;
    }

    .brand-box .brand-item img {
        width: 70%;
        height: auto;
    }

    .article-list .article-item .description-article {
        font-size: 10px !important;
        padding: 5px 0 15px 0;
    }

    .article-list {
        height: auto;
    }

    .article-list .article-item .img-article {
        height: 15rem;
    }

    footer h1 {
        font-size: 1.4rem;
    }

    footer h3,
    footer h2 {
        font-size: 1.2rem;
    }

    footer p {
        font-size: 10px;
    }

    footer .footer-info-desc ol li {
        font-size: 10px;
    }

    footer .nav-bottom-footer .logo-box {
        width: 16rem;
        height: 7rem;
    }

    /* ---------------------#search----------------- */
    /* div#search-results {
        right: 0px;
        width: 98% !important;
        margin: 0 3px;
    }

    .search-form div#search-results ul li {
        height: auto;
    }

    .search-form div#search-results ul li a {
        font-size: 1.2rem !important;
    } */

    /* -----------------------#productlist--------------- */
    .product-list__item ul li {
        width: 33.33%;
        border: 1px solid rgb(245, 245, 245);
    }

    .product-list__item ul li a {
        width: 100%;
    }

    /* -----------------------#mainslider------------------- */
    .mainslider-box .item-slider img {
        width: 100%;
        height: auto;
    }

    .mainslider-box .item-slider {
        width: 100%;
        height: auto;
        min-height: auto;
    }

    .amazing-offers-list-item.owl-carousel .owl-nav button.owl-next {
        left: -32px;
    }

    .amazing-offers-box .amazing-offers-list-item {
        bottom: 40px;
    }

    .page-sortbar-items li {
        font-size: 10px;
    }

    .page-sortbar .flex-grow-1 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .page-sortbar {
        height: auto;
    }

    .page-sortbar-items li {
        margin-left: 15px !important;
    }

    .blog-article {
        width: 100%;
    }

    .page-sortbar-items {
        padding: 0 20px !important;
    }

    .static-contain p img {
        width: 100%;
    }

    .contactus .contactus__image {
        height: auto;
    }

    .section-mainslider {
        min-height: inherit;
    }
}

@media (min-width: 1200px) and (max-width: 1550px) {
    .product-item .image-box {
        height: auto;
    }

    .products-category-list .products-category-item .img-box {
        width: 16rem;
        height: 16rem;
    }

    .products-category-list .products-category-item .title-category {
        font-size: 16px !important;
    }

    .article-list .article-item .img-article {
        height: 18rem;
    }

    .page-sortbar-items li {
        font-size: 10px;
    }

    .page-sortbar .flex-grow-1 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .page-sortbar {
        height: auto;
    }

    .page-sortbar-items li {
        margin-left: 15px !important;
    }

    footer h1 {
        font-size: 1.6rem;
    }

    footer h3,
    footer h2 {
        font-size: 1.4rem;
    }

    footer p {
        font-size: 12px;
    }

    footer .footer-info-desc ol li {
        font-size: 12px;
    }

    .brand-box {
        height: auto;
    }

    .brand-box .brand-item {
        height: auto;
        padding: 0 !important;
    }

    .brand-box .brand-item img {
        width: 70%;
        height: auto;
    }

    /* ---------------------#search----------------- */

    /* div#search-results {
        right: 0px;
        width: 98% !important;
        margin: 0 3px;
    }

    .search-form div#search-results ul li {
        height: auto;
    }

    .search-form div#search-results ul li a {
        font-size: 1.2rem !important;
    } */

    /* -----------------------#mainslider------------------- */
    .mainslider-box .item-slider img {
        width: 100%;
        height: auto;
    }

    .mainslider-box .item-slider {
        width: 100%;
        height: auto;
        min-height: auto;
    }

    .section-mainslider {
        min-height: inherit;
    }

    .amazing-offers-list-item.owl-carousel .owl-nav button.owl-next,
    .amazing-offers-list-item.owl-carousel .owl-nav button.owl-prev {
        width: 30px;
        height: 30px;
    }

    .amazing-offers-list-item.owl-carousel .owl-nav button.owl-next {
        left: -35px;
    }

    .amazing-offers-box .amazing-offers-list-item {
        bottom: 35px;
    }

    /* ----- #BLOG (min-width: 576px) and (max-width:767px)  ----- */
    .blog-heading .heading-Summary {
        width: 100%;
        margin-right: 0 !important;
        padding: 0;
        padding-top: 0 !important;
    }

    .blog-score {
        margin-bottom: 2rem;
    }

    .blog-info {
        flex-direction: column;
    }

    .blog-title h1 {
        font-size: 1.5rem !important;
    }

    .blog-view {
        width: 100%;
        justify-content: space-between;
        padding: 1rem !important;
    }

    .blog-view li {
        margin-bottom: 0;
        margin-right: 0;
    }

    .blog .blog-title.sticky-top {
        top: 0rem;
        height: 10rem;
    }

    .widget-article {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    .media-body {
        padding-right: .5rem;
    }

    /* div#search-results ul li {
        height: auto !important;
    } */

    .no-product img {
        width: 100%;
    }

    .blog .blog-heading .blog-image {
        width: 100%;
        height: auto;
        margin: 10px 0;
    }

    .page-sortbar-items {
        padding: 0 20px !important;
    }

    .article__box .article__box--content .article__box--desc {
        height: 11rem;
    }

    .contactus .contactus__image {
        height: auto;
    }
}