/* Minification failed. Returning unminified contents.
(464,43): run-time error CSS1046: Expect comma, found '0'
(464,47): run-time error CSS1046: Expect comma, found '/'
(528,43): run-time error CSS1046: Expect comma, found '0'
(528,47): run-time error CSS1046: Expect comma, found '/'
(539,25): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(2467,24): run-time error CSS1046: Expect comma, found '50'
(2467,30): run-time error CSS1046: Expect comma, found '/'
(2467,63): run-time error CSS1046: Expect comma, found '0'
(2467,67): run-time error CSS1046: Expect comma, found '/'
(3654,24): run-time error CSS1046: Expect comma, found '50'
(3654,30): run-time error CSS1046: Expect comma, found '/'
(3654,70): run-time error CSS1046: Expect comma, found '0'
(3654,74): run-time error CSS1046: Expect comma, found '/'
(3684,36): run-time error CSS1039: Token not allowed after unary operator: '-blue-color'
(3687,25): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(4621,36): run-time error CSS1039: Token not allowed after unary operator: '-blue-color'
(4624,25): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(4674,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x'
(4675,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x'
(5727,36): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(5728,43): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
 */
/* find by :


*/

/* ----------------------------------------------- */
/* --------------------#index--------------------- */
/* ----------------------------------------------- */
header {
    box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
}

    header .header-top .logo-box {
        width: 15.5rem;
        height: 5rem;
    }

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

    header .header-top .search-box form input {
        width: 61rem;
        height: 4rem;
        background-color: #fff;
        font-size: 14px;
        color: #888888;
    }

        header .header-top .search-box form input::placeholder {
            font-size: 14px;
        }

    header .header-top .search-box i {
        top: 5px;
        left: 15px;
        color: #888888;
    }

.login-cart-box .cart-items {
    background-color: #378b0e;
    width: 4rem;
    height: 4rem;
}

.login-cart-box .item-login {
    width: auto;
    height: 4rem;
}

.login-cart-box .cart-items .number-cart {
    width: 15px;
    height: 15px;
    bottom: 5px;
    right: 5px;
    color: #a57d53;
    background-color: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.login-cart-box .cart-items .bell-span {
    width: 10px;
    height: 10px;
    background-color: #2962FF;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.page-breadcrumb {
    background-color: transparent !important;
    padding: 25px 0;
}

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

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

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

ul.nod-1 {
    display: flex;
}

    ul.nod-1 i {
        margin-left: 10px;
        font-size: 22px;
        transform: translateY(10px);
    }

        ul.nod-1 i.icon-home {
            font-size: 17px;
            transform: translateY(15px);
        }

    ul.nod-1 > li > a {
        font-size: 13px;
        padding: 0 0px;
        color: #000;
        display: flex;
        height: 5rem;
        z-index: 99;
    }

    ul.nod-1 > li:last-child {
        margin-right: auto !important;
        margin-left: inherit !important;
    }

    ul.nod-1 > li:hover > a {
        color: #087439;
    }

    ul.nod-1 > li {
        position: relative;
        display: flex;
    }

        ul.nod-1 > li ul.nod-2 {
            width: 28rem !important;
            height: 40rem;
            background-color: #fff;
            position: absolute;
            top: 5rem;
            display: none;
            flex-direction: column;
            box-shadow: rgba(0, 0, 0, 0.15) 2px 1px 3.2px;
        }

        ul.nod-1 > li:hover ul.nod-2 {
            display: flex;
            border-left: 1px solid #ebebeb;
            /* border-radius: 0 20px 20px 0;*/
            padding: 20px 20px 0 0 !important;
        }

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

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

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

ul.nod-1 li ul.nod-2 li ul.nod-3 {
    width: 52rem !important;
    height: 40rem;
    background-color: #fff;
    position: absolute;
    top: 0;
    right: 26rem;
    display: none;
    flex-direction: column;
    box-shadow: rgba(0,0,0,.15) -3px 1px 3px 0;
    flex-wrap: wrap;
    border-radius: 4px;
    padding: 20px !important;
}

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 i {
        display: none;
    }

ul.nod-1 li ul.nod-2 li ul.nod-3 > li > a {
    font-size: 12px;
    color: #000;
    font-weight: bold !important;
    height: 4rem;
    display: block;
}

    ul.nod-1 li ul.nod-2 li ul.nod-3 > li > a:before {
        content: '';
        width: 5px;
        height: 5px;
        display: inline-block;
        background: #087439;
        margin-left: 5px;
        border-radius: 50%;
    }

    ul.nod-1 li ul.nod-2 li ul.nod-3 > li > a::after {
        content: "\e918";
        font-family: 'icomoon' !important;
        font-size: 7px;
        padding-right: 10px;
        transition: padding-right .3s ease-in-out;
        -webkit-transition: padding-right .3s ease-in-out;
        -moz-transition: padding-right .3s ease-in-out;
        -ms-transition: padding-right .3s ease-in-out;
        -o-transition: padding-right .3s ease-in-out;
        display: none;
    }

    ul.nod-1 li ul.nod-2 li ul.nod-3 > li > a:hover::after {
        padding-right: 5px;
    }

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

ul.nod-1 li ul.nod-2 li ul.nod-3 li ul.nod-4 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin: 5px 0 10px 0 !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;
        height: 2.5rem;
        line-height: 2.5rem;
        display: block;
    }

        ul.nod-1 li ul.nod-2 li ul.nod-3 li ul.nod-4 > li > a:hover {
            color: #146C94;
        }

footer ul.nod-1 > li:last-child {
    margin-right: inherit !important;
    margin-left: inherit !important;
}

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

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

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

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

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

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

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

.maga-menu__nav ul.nod-1 {
    z-index: 999999;
}

ul.nod-1 > li:hover ul.nod-2.small-mega-menu {
    border-radius: 20px !important;
    -webkit-border-radius: 20px !important;
    -moz-border-radius: 20px !important;
    -ms-border-radius: 20px !important;
    -o-border-radius: 20px !important;
    padding: 20px !important;
    height: auto;
}

ul.nod-1 > li ul.nod-2.small-mega-menu > li > a:hover {
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}

.call-number {
    height: 4rem;
}

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

    .overlay.active {
        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: 45px;
        right: 1.5rem;
    }

        .mobile__nav .mobile__nav--bar.close {
            position: fixed;
            top: 15px;
            right: 270px;
            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: 1.5rem
        }

        .mobile__nav .mobile__nav--bar.close .line2,
        .mobile__nav .mobile__nav--bar.close .line3 {
            transform: rotate(-45deg);
            top: 1.5rem;
            background: crimson;
            width: 1.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: 30rem;
            height: 100%;
            background: #fff;
            position: fixed;
            top: 0;
            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 0.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.9rem;
            font-family: 'icomoon';
            color: #0072bc;
            float: left;
            line-height: 54px;
        }

        .mobile__nav nav.mobile__navigation .mobile__navigation--menu .mobile__navigation--submenu li.mobile__navigation--submenu-title {
            background: #f5f5f5;
            color: #000000;
            padding: 0;
            text-align: right;
            font-size: 1.4rem;
            display: flex;
            justify-content: center;
            height: 6rem;
            width: 100%;
            box-shadow: 0 3px 6px 0 rgb(0 0 0 / 10%) !important;
            position: relative;
        }

            .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: #f5f5f5;
            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;
            }


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

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

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

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

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

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

.overlay {
    position: fixed;
    top: 0;
    right: 0;
    background-color: #00000085;
    width: 100%;
    height: 100vh;
    visibility: hidden;
}

    .overlay.active {
        visibility: inherit;
    }

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

.maga-menu__nav ul.nod-1 {
    z-index: 999999;
}

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

div#search-results {
    width: 61rem !important;
    padding: 25px !important;
    border-radius: 15px !important;
    background: #fff !important;
}

    div#search-results ul {
        top: 15px !important;
    }

.border-bottom {
    height: 5rem;
    line-height: 5rem;
    display: flex;
    align-items: center;
}

/* ---------------------#mainslider-------------------- */
.mainslider-box-bass,
.mainslider-box .mainslider-item {
    width: 100%;
    height: 60rem;
    max-height: 60rem;
}

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

.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.active span,
.mainslider-box.owl-theme .owl-dots .owl-dot:hover span {
    width: 1.4rem;
}

.mainslider-box.owl-theme .owl-dots .owl-dot.active {
    zoom: 1;
    width: 1.7rem;
}

.mainslider-box.owl-theme .owl-nav.disabled + .owl-dots {
    display: flex;
    justify-content: center;
    bottom: 3rem;
    right: 7rem;
}

/* -----------------------#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 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 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 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%);
            }

/* -------------Start Amazing suggestions --------------- */
.amazing-suggestions {
    padding: 1.5rem;
    box-shadow: 0px 2px 35px #3b43590f !important;
}

    .amazing-suggestions .list-offer {
        width: 100%;
        height: 38.5rem;
    }

        .amazing-suggestions .list-offer .item-offer {
            /*background-image:linear-gradient(45deg,#378b0e 0%,#4a2d0c 100%);*/
            /*padding: 5px !important;*/
        }

            .amazing-suggestions .list-offer .item-offer .image-box {
                width: 30%;
                background-color: transparent;
                border-left: 1px solid #d3d9d0;
                border-radius: 0 !important;
            }

                .amazing-suggestions .list-offer .item-offer .image-box .image-box-white {
                    border-radius: 0 !important;
                }

                    .amazing-suggestions .list-offer .item-offer .image-box .image-box-white img {
                        width: 85%;
                        height: auto;
                    }

            .amazing-suggestions .list-offer .item-offer .content-box {
                width: 70%;
            }

            .amazing-suggestions .list-offer .item-offer .product-color-box {
                padding: 0px 10px;
                border: 1px solid #e7e7e7;
                border-radius: 25px;
                background: #f4f9f2;
            }

            .amazing-suggestions .list-offer .item-offer .discount-percent {
                color: #ff0000 !important;
                top: 1rem;
                right: 3rem;
            }

.discount-percent {
    position: absolute;
    top: 7rem;
    right: 7rem;
    background-color: #fff;
    box-shadow: 0px 2px 10px #52555e24;
}

.product-color {
    bottom: 15px;
    right: 15px;
    /*background-color: #fff;*/
    padding: 2px 5px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}

    .product-color span {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border: 2px solid #fff;
        margin: 2px;
        box-shadow: 0px 2px 10px #52555e24;
    }

.amazing-suggestions .list-offer .item-offer .title-product {
    border-bottom: 1px solid #d3d9d0;
}

.amazing-suggestions .list-offer .item-offer .title-en {
    color: #474747;
    font-family: "IRANYekanLight";
}

.amazing-suggestions .list-offer .item-offer .title-fa::before {
    content: "";
    width: 20px;
    height: 7px;
    background: #318b0e;
    border-radius: 90px;
    margin-top: 12px;
    margin-left: 10px;
}

.sales-number-box {
    width: 16rem;
    height: 5rem;
}


.amazing-suggestions .list-offer .item-offer .price-box .off-price {
    color: #ff0000;
    text-decoration-line: line-through;
}

.amazing-suggestions .list-offer .item-offer .price-box .real-price {
    background: #f4f9f2;
    border: 1px solid #318b0e;
    color: #318b0e !important;
}

.amazing-suggestions .pure-feature-box .title-pure-feature::before {
    content: '';
    width: 12px;
    height: 5px;
    background-color: #318b0e;
    display: flex;
    margin-left: 5px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.amazing-suggestions .pure-feature-box .pure-feature-list li {
    font-size: 13px;
    color: #3b4359;
    line-height: 23px;
    padding-left: 15px;
}

    .amazing-suggestions .pure-feature-box .pure-feature-list li::before {
        content: '';
        background-color: #E7EBF2;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        display: flex;
        margin-left: 10px;
    }

.pure-feature-box .pure-feature-list {
    height: 7rem;
    width: 100%;
    flex-wrap: wrap;
    /* overflow-x: auto; */
}

.list-offer.owl-theme .owl-nav.disabled + .owl-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: auto;
    right: 92rem;
}

.list-offer.owl-theme .owl-dots .owl-dot span,
.list-offer.owl-theme .owl-dots .owl-dot span {
    background-color: #e9edfb;
    width: 13px;
    height: 13px;
}

.list-offer.owl-theme .owl-dots .owl-dot.active {
    zoom: 1;
}

    .list-offer.owl-theme .owl-dots .owl-dot.active span {
        width: 28px;
        background-color: #e1e1e1 !important;
    }

.list-offer.owl-theme .owl-dots .owl-dot {
    width: 3.1rem;
}
/*-------------------- #product list box---------------- */
.title-box .see-more {
    color: #000 !important;
    padding-left: 0 !important;
}

.product-item {
    width: 100%;
    height: 43rem;
    overflow: hidden;
}


    .product-item .image-box {
        width: auto;
        height: 27rem;
        padding: 10px;
    }

        .product-item .image-box img {
            width: 100%;
            height: 100%;
            border-radius: 15px;
        }

.page-productlist .product-item .image-box img {
    height: auto;
}

.product-item .conect-box .name-product {
    width: 27rem;
    height: 6rem;
    color: #3b4359;
    vertical-align: middle;
    line-height: 20px;
}

    .product-item .conect-box .name-product::before {
        content: '';
        width: 15px;
        height: 7px;
        margin-top: 8px;
        margin-left: 10px;
        background-color: #378b0e;
        display: flex;
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -ms-border-radius: 15px;
        -o-border-radius: 15px;
    }

.product-item .price-box {
    height: 8rem;
    border-top: 1px solid #e9edf4;
}

.price-box .off-price {
    text-decoration: line-through;
    color: #9f9f9f;
}

.real-price {
    color: #3b4359;
}

.product-item .other-facilities {
    height: 5rem;
    display: none !important;
}

    .product-item .other-facilities .item-facilities:hover {
        color: #2962FF;
    }

.product-item .product-color {
    bottom: inherit;
    right: inherit;
    top: 15px;
    left: 15px;
}

.product-item .discount-box {
    top: 15px;
    right: 15px;
}

.discount-box .icon-save {
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0;
    -o-border-radius: 10px 10px 0 0;
}

.discount-box .discount-text {
    border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -ms-border-radius: 0 0 10px 10px;
    -o-border-radius: 0 0 10px 10px;
    box-shadow: 0px 2px 10px #52555e24;
}

.article-list.owl-carousel .owl-nav button.owl-next,
.article-list.owl-carousel .owl-nav button.owl-prev,
.product-list.owl-carousel .owl-nav button.owl-next,
.product-list.owl-carousel .owl-nav button.owl-prev {
    width: 4rem;
    height: 7rem;
    background: #fff;
    box-shadow: 0px 2px 10px #52555e24;
}

.article-list.owl-carousel .owl-nav button.owl-prev {
    right: -10px;
}

.article-list.owl-carousel .owl-nav button.owl-next {
    left: -10px;
}

.product-list.owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    left: 0;
    top: 40%;
    border-radius: 15px 0 0 15px;
}

.product-list.owl-carousel .owl-nav button.owl-next {
    position: absolute;
    left: 0;
    top: 40%;
    border-radius: 0 15px 15px 0;
}

.article-list.owl-theme .owl-nav [class*=owl-]:hover,
.product-list.owl-theme .owl-nav [class*=owl-]:hover {
    color: #F9AB00;
}

/*-------------------- product list box picture---------------- */
.list-product-picture {
    background-image: url(../img/banner_6.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: auto;
    height: 50rem;
    position: relative;
}

    .list-product-picture::after {
        content: '';
        position: absolute;
        background-color: #3B4359;
        width: 100%;
        height: 50rem;
        top: 0;
        right: 0;
        opacity: 0.8;
    }

    .list-product-picture .product-list-box {
        z-index: 99999;
        position: relative;
    }

        .list-product-picture .product-list-box .product-list-1 {
            padding: 0 40px !important;
        }

            .list-product-picture .product-list-box .product-list-1 .product-item .price-box {
                height: auto;
                border: none;
            }

            .list-product-picture .product-list-box .product-list-1::after {
                content: '';
                height: 18rem;
                width: .5px;
                border-right: 1px solid rgb(189, 189, 189);
                position: absolute;
                right: 50%;
                top: 15px;
            }

            .list-product-picture .product-list-box .product-list-1 .product-item {
                width: 100%;
                height: 18rem;
                /* border: 1px solid black; */
                padding-right: 60px;
            }

                .list-product-picture .product-list-box .product-list-1 .product-item .image-box {
                    width: 11rem;
                    height: 11rem;
                    box-shadow: 0px 2px 5px #23263330 !important;
                    border-radius: 50%;
                    -webkit-border-radius: 50%;
                    -moz-border-radius: 50%;
                    -ms-border-radius: 50%;
                    -o-border-radius: 50%;
                }

                    .list-product-picture .product-list-box .product-list-1 .product-item .image-box img {
                        width: 75%;
                        height: auto;
                    }

                .list-product-picture .product-list-box .product-list-1 .product-item .content-box {
                    width: calc(100% - 11rem);
                }

            .list-product-picture .product-list-box .product-list-1 .name-product {
                height: 6rem;
                color: #3B4359 !important;
                /* border: 1px solid black; */
            }

                .list-product-picture .product-list-box .product-list-1 .name-product::before {
                    content: '';
                    width: 15px;
                    height: 7px;
                    background-color: #F9AB00;
                    margin-top: 10px;
                    margin-left: 10px;
                    border-radius: 10px;
                    -webkit-border-radius: 10px;
                    -moz-border-radius: 10px;
                    -ms-border-radius: 10px;
                    -o-border-radius: 10px;
                }

            .list-product-picture .product-list-box .product-list-1 .discount-box {
                width: 6rem;
                height: 3rem;
            }

.owl-carousel .owl-nav button.owl-next {
    position: absolute;
    left: 0;
    top: 40%;
}

.owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    right: 0;
    top: 40%;
}

/*-------------------- Article list box---------------- */
.article-item {
    width: 100%;
    height: 33rem;
}

    .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;
        border-bottom: 1px solid rgb(235, 235, 235);
    }

        .article-item .content-box .title-blog::before {
            content: '';
            width: 15px;
            height: 8px;
            margin-top: 10px;
            margin-left: 10px;
            background-color: #378b0e;
            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;
    }

.profile-box .profile-img {
    width: 50px;
    height: 50px;
    box-shadow: 0px 2px 4px #6e75881c;
}

.widget-blog .profile-box .profile-img {
    width: 70px;
    height: 70px;
    box-shadow: 0px 2px 4px #6e75881c;
}

.widget-blog .grouping-scoring-box .progress {
    height: 20px !important;
    margin-top: 0;
    width: 100% !important;
}

.widget-blog .grouping-scoring-box .user-rating .rate:not(old) {
    height: 3em !important;
}

.widget-blog .update-btn {
    border-radius: 15px 15px 0 0 !important;
}

    .widget-blog .update-btn i {
        color: #a77c52;
    }

.widget-blog .rate:not(old) > label:before {
    width: 2.8em;
    height: 2.8em;
}

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

/* ----------------Section Features Box----------------- */
.features-box .features-item .image-box {
    width: 6rem;
    height: 6rem;
}

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

.application-box .application-list .application-item .image-box {
    width: 15rem;
    height: 4.5rem;
}

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

/* ------------------- footer ------------------ */
/* --------------------------#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: "\e92b";
                    font-family: 'icomoon' !important;
                }

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

    .read-more-box h1 {
        font-size: 25px;
        color: #818181;
        margin-bottom: 15px !important;
    }


    .read-more-box h2 {
        font-size: 20px;
        color: #818181;
        margin-top: 25px !important;
        margin-bottom: 10px !important;
    }

    .read-more-box h3 {
        font-size: 16px;
        color: #818181;
        margin-top: 25px !important;
        margin-bottom: 10px !important;
    }

    .read-more-box p {
        font-size: 15px;
        text-align: justify;
        line-height: 28px;
    }

    .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 .title-footer::before {
    content: '';
    width: 16px;
    height: 7px;
    border-radius: 10px;
    background: #378b0e;
    margin-left: 10px;
    display: inline-block;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

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

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

    footer ul.nod-1 > li > a::before {
        content: '';
        width: 5px;
        height: 5px;
        background-color: #5E6373;
        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;
}

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

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

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

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

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

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

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

/* -------------------------------------------- */
/* -----------------#singleproduct------------- */
/* -------------------------------------------- */
.product-info-color ul li span {
    width: 2rem;
    height: 2rem;
}

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

.product-info-color ul li {
    padding: 0.2rem;
    cursor: pointer;
    border: 0.1rem solid #c1bebe;
    border-radius: 50%;
    margin-left: 3px;
}

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

.progress-bar {
    background-color: #ff0000 !important;
}

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

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

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

.form-control {
    background-color: #f5f5f5 !important;
    border-radius: 10px !important;
}

.form-consulting {
    height: 5rem;
    background-color: #f5f5f5;
    font-size: 15px;
    color: #888888;
    border: none;
    border-radius: 10px;
}

.btn {
    padding: 10px 15px !important;
    background-color: #378b0e !important;
    font-size: 12px;
    color: #fff;
}

.comments-new p {
    font-size: 14px;
}

.comments-new span {
    font-size: 18px;
    margin-bottom: 10px;
    color: #2962ff;
}

.comments-new .btn {
    background-color: #a57d53 !important;
    border-radius: 10px;
    margin-top: 30px;
}

.product-info .image-box {
    width: 30%;
    height: auto;
}


    .product-info .image-box .other-facilities {
        top: 20px;
        right: 20px;
        background-color: #F5F5F5;
    }

        .product-info .image-box .other-facilities li {
            cursor: pointer;
        }

    .product-info .image-box .btn-modal-singleproduct {
        top: 18rem;
        right: 20px;
        background-color: #e7edf791;
    }

    .product-info .image-box .modal-header .close-modal-product {
        border: none;
        width: 5rem;
        height: 5rem;
        background-color: #2347b1;
    }

    .product-info .image-box .progress .sold-out {
        top: 15px;
    }

    .product-info .image-box .progress,
    .product-info .image-box .progress .progress-bar {
        overflow: initial;
    }

    .product-info .image-box .gallery-control {
        width: 100%;
        border: 1px solid #e5e9f0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 0 !important;
    }

        .product-info .image-box .gallery-control .mid {
            width: 100%;
            height: 38rem;
            border-bottom: 1px solid #e5e9f0;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .product-info .image-box .gallery-control .mid img {
                width: 100%;
                height: auto;
            }

        .product-info .image-box .gallery-control .carousel-pic {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
        }

            .product-info .image-box .gallery-control .carousel-pic a {
                width: 9rem;
                height: 9rem;
                display: flex;
                align-items: center;
                justify-content: center;
                margin: 10px 5px;
                border: 1px solid #e5e9f0;
                border-radius: 15px;
            }

                .product-info .image-box .gallery-control .carousel-pic a img {
                    width: auto;
                    height: 80%;
                }

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

.product-info .name-product-box {
    border-bottom: 1px solid #F2F6FC;
}

.product-info .product-content-box .product-content-right {
    width: 60%;
    /* border: 1px solid black; */
}

    .product-info .product-content-box .product-content-right .grouping-box {
        border: none !important;
    }

.product-content-right .download-btn {
    box-shadow: 0px 2px 10px #6e75881c;
    border-radius: 90px;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    -ms-border-radius: 90px;
    -o-border-radius: 90px;
}

.product-content-right .rating-box {
    width: 60px;
    height: 10px;
    font-size: 0;
    line-height: 0;
    background: url(../img/bkg_rating.png) 0 0 repeat-x;
    text-indent: -999em;
    overflow: hidden;
}

    .product-content-right .rating-box .rating {
        float: right;
        height: 9px;
        background: url(../img/bkg_rating.png) 0 100% repeat-x;
    }

.product-content-right .discount-box {
    top: 20px;
    right: -70px;
}

.product-content-right .number-product {
    width: 8rem;
    height: 5.2rem;
    border: 1px solid #dce2ea;
}

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

.product-content-left .time-counter-box {
    width: 100%;
    height: 14rem;
    background: #f5f5f5;
    border-radius: 15px;
}

.amazing-suggestions .countdown-container {
    position: relative;
    top: -70%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.clock-item {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    border: 1px solid #2962FF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    position: relative;
    margin-right: 10px;
}

.type-seconds,
.type-minutes,
.type-hours {
    left: 10px;
}

.clock-item .type-time {
    position: absolute;
    top: 55px;
    font-size: 12px;
    color: #8a8a8a;
}


.text {
    color: #8a8a8a;
    font-size: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

    .text .val {
        font-size: 16px;
        position: absolute;
        top: 15px;
    }

.product-content-left .some-features {
    background-color: #f5f5f5;
}

    .product-content-left .some-features .title-some-features::before {
        content: '';
        width: 12px;
        height: 6px;
        margin-left: 5px;
        background-color: #F9AB00;
        display: inline-block;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
    }

    .product-content-left .some-features .some-features-list .some-features-list::before {
        content: '';
        width: 7px;
        height: 7px;
        background-color: #c4c9d5;
        display: inline-block;
        margin-left: 5px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
    }

.product-content-left .Warranty-box {
    background-color: #FFF6E3;
}

.product-content-left .send-product .icon-box {
    background-color: #f5f5f5;
}

.product-info-Spec .nav-bar .nav .nav-link {
    padding: 10px 35px;
    box-shadow: 0px 2px 10px #6e75881c;
    color: #515151;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    margin: 0 5px;
}

    .product-info-Spec .nav-bar .nav .nav-link.active {
        background-color: #a57d53;
        color: #fff;
    }

.product-info-Spec .nav-tabs,
.product-info-Spec .nav-tabs .nav-link,
.product-info-Spec .nav-tabs .nav-item.show .nav-link,
.product-info-Spec .nav-tabs .nav-link.active,
.product-info-Spec .nav-tabs .nav-item .nav-link {
    border: none;
}

.product-info-Spec .tab-content {
    margin-top: 30px;
    display: flex;
    justify-content: flex-start;
    width: 100%;
    /* border: 1px solid black; */
    padding: 15px;
}

.product-info-Spec .head-tab {
    color: #54595F;
}

    .product-info-Spec .head-tab::before {
        content: '';
        display: inline-block;
        width: 16px;
        height: 7px;
        margin-left: 10px;
        background-color: #2962FF;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
    }

.list-size ul {
    flex-wrap: wrap;
}

    .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;
        margin-left: 5px;
        min-width: 4rem;
        margin-top: 5px;
    }

        .list-size ul .item:hover {
            background-color: #0072bc !important;
            cursor: pointer !important;
            color: #fff !important;
        }

        .list-size ul .item.active {
            background-color: #2962ff !important;
            color: #fff !important;
        }

        .list-size ul .item.disabled::after {
            content: "ناموجود";
            background-color: #0072bc !important;
            width: 100%;
            height: 3.2rem;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: 10px;
            position: absolute;
            border-radius: 10px;
            top: 0;
            right: 100%;
            transition: right .1s;
        }

        .list-size ul .item.disabled:hover::after {
            right: 0;
        }

        .list-size ul .item.disabled {
            pointer-events: inherit !important;
            opacity: 1 !important;
            position: relative;
            overflow: hidden;
        }
/* -------------------------------------------- */
/* ---------------------- #Server -------------- */
/* --------------------------------------------- */
/* ------------#tab-content_1------------------- */
.small-check table tr td {
    border: 1px solid #e5e5e5;
    padding: 0 5px;
}

.product-info-Spec .tab-content .small-check a {
    color: #1877e5 !important;
    font-weight: 700 !important;
}

.product-info-Spec .tab-content .small-check .text-audio,
.product-info-Spec .tab-content .small-check h2,
.product-info-Spec .tab-content .small-check h2 span,
.product-info-Spec .tab-content .small-check h3,
.product-info-Spec .tab-content .small-check h3 span,
.product-info-Spec .tab-content .small-check h4,
.product-info-Spec .tab-content .small-check h4 span {
    color: #0332b3;
    font-weight: 700 !important;
    margin-bottom: 1.5rem !important;
    line-height: 25px;
}

    .product-info-Spec .tab-content .small-check h2,
    .product-info-Spec .tab-content .small-check h2 span {
        font-size: 1.8rem !important;
    }

    .product-info-Spec .tab-content .small-check h3,
    .product-info-Spec .tab-content .small-check h3 span {
        font-size: 1.4rem !important;
    }

    .product-info-Spec .tab-content .small-check h4,
    .product-info-Spec .tab-content .small-check h4 span {
        font-size: 1.4rem !important;
    }

.product-info-Spec .tab-content .small-check p {
    text-align: justify;
    line-height: 3rem;
    font-size: 1.5rem;
}

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

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

.product-info-Spec .tab-content table {
    display: contents;
}

    .product-info-Spec .tab-content table p {
        line-height: 4rem !important;
        margin: 0;
        padding-right: 10px;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: 100%;
    }

    .product-info-Spec .tab-content table tr:nth-child(odd) {
        background-color: #f1f1f1;
    }

.product-info-Spec .tab-content .small-check ul {
    padding-right: 3rem !important;
}

.product-info-Spec .tab-content .small-check li {
    display: list-item;
    list-style-type: disc;
    font-size: 1.3rem;
    line-height: 2.2;
}

.product-info-Spec .tab-content .small-check blockquote {
    background-color: #1877e51c;
    padding: .5rem 1rem;
    border-radius: .4rem;
    border-right: .2rem solid #1877e5;
}

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

.review-list.negative .title {
    color: #ef394f;
}

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

.review-list.negative .feature-list .feature-list::before {
    background-color: #ef394f;
    content: '-';
}

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

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

    .review-list .feature-list li {
        width: 33.33%;
        height: auto;
        line-height: 3 !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 .review-accordion {
    padding: 2.5rem !important;
}

.review-accordion .questions-section .title-box-accordion {
    color: #0653ab;
    margin: 0 !important;
    margin-bottom: 15px !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: 14px !important;
            color: #0653ab !important;
            margin-right: 24px;
            font-weight: bold !important;
        }

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

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

/* --------------------------#tab-content_2------------------------ */
.spec .spec-title {
    font-weight: bold !important;
    color: #54595F;
}

ul.spec-list {
    border-radius: .5rem;
}

.product-info-Spec ul.spec-list li {
    text-align: right;
    padding: 0;
    height: auto;
    justify-content: space-between;
}

    .product-info-Spec ul.spec-list li:nth-child(odd) .spec-value,
    .product-info-Spec ul.spec-list li:nth-child(odd) .spec-type {
        background-color: #F2F6FC;
    }

    .product-info-Spec ul.spec-list li:nth-child(even) .spec-value,
    .product-info-Spec ul.spec-list li:nth-child(even) .spec-type {
        border: 1px solid #e5e9f0;
    }

    .product-info-Spec ul.spec-list li .spec-type {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -ms-border-radius: 15px;
        -o-border-radius: 15px;
        margin-bottom: 10px !important;
    }

    .product-info-Spec ul.spec-list li:nth-child(odd) .spec-value {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
    }

    .product-info-Spec ul.spec-list li span.spec-type {
        font-size: 1.4rem;
        height: auto;
        line-height: 4rem;
        margin: 0;
        padding: 0 1rem;
        display: inline-block;
    }

    .product-info-Spec ul.spec-list li:last-child span.spec-type {
        border-bottom-right-radius: .5rem;
    }

.product-info-Spec .spec ul.spec-list li:last-child .spec-value {
    border-bottom-left-radius: .5rem;
}

.product-info-Spec .spec ul.spec-list li .spec-value {
    border-radius: 15px;
    margin-bottom: 7px;
    line-height: 3;
    font-size: 14px;
    padding-left: 20px;
    padding-right: 20px;
    width: 83%;
}

    .product-info-Spec .spec ul.spec-list li .spec-value .icon-Ok:before {
        color: #3c8ce9;
    }

    .product-info-Spec .spec ul.spec-list li .spec-value .icon-Cancel:before {
        color: #ff145f;
    }

.tab-content_2 .spec-list {
    padding: 0 5px !important;
}
/* -----------------------#user-comments----------------------- */
.user-comments .progress {
    height: 2rem;
    background-color: transparent;
}

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

.user-comments .comments-registered,
.user-comments .form-box-comment {
    width: 50%;
}

.user-comments .add-comment input,
.user-comments .add-comment textarea {
    border: 1px solid #d6e0ee;
    background: #fdfeff;
    max-height: 8rem;
}

.user-comments .add-comment .input-box {
    width: 48%;
}

.user-comments .comments-registered-box {
    background-color: #F2F6FC;
}

/* ----------------------Page Breadcrumb---------------------------- */
.page-breadcrumb .breadcrumb .breadcrumb-item,
.page-breadcrumb .breadcrumb .breadcrumb-item a {
    color: #fff;
    font-size: 12px;
}

.breadcrumb-item + .breadcrumb-item::before {
    color: #fff;
}



/* ------------------------------------------------------ */
/* -----------------------#productlist------------------ */
/* ------------------------------------------------------ */

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

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

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

/* ----------------------------#widget------------------------------- */
.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: #0072bc;
        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: 0px 20px 0 0 !important;
    }

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

.widget {
    background-color: #fff;
    padding: 20px;
    border-radius: 15px !important;
    -webkit-border-radius: 15px !important;
    -moz-border-radius: 15px !important;
    -ms-border-radius: 15px !important;
    -o-border-radius: 15px !important;
}

    .widget .widget-title {
        color: #3b4359;
    }

        .widget .widget-title::before {
            content: '';
            width: 15px;
            height: 6px;
            background-color: #378b0e;
            display: inline-block;
            border-radius: 20px;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            -ms-border-radius: 20px;
            -o-border-radius: 20px;
            margin-left: 7px;
            font-size: 15px;
        }

    .widget input.input-filtr,
    .widget input.form-control {
        width: 100%;
        height: 4rem;
        background-color: #f5f5f5;
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -ms-border-radius: 15px;
        -o-border-radius: 15px;
        padding: 15px;
        margin-top: 15px;
    }

    .widget .widget-category-list ul {
        display: flex;
        flex-direction: column;
    }

        .widget .widget-category-list ul li a {
            font-size: 14px;
            color: gray;
            padding-right: 3px;
            height: 3rem;
        }

        .widget .widget-category-list ul .cco2 {
            padding-right: 20px;
        }

        .widget .widget-category-list ul .cco3 {
            padding-right: 40px;
        }

        .widget .widget-category-list ul li.cco1::before,
        .widget .widget-category-list ul li.cco2::before {
            content: "+";
            font-size: 12px;
            color: gray;
        }

        .widget .widget-category-list ul .cco3 label {
            color: gray
        }

        .widget .widget-category-list ul .cco3 ul {
            margin-top: 10px !important;
        }

        .widget .widget-category-list ul li.cco3::before {
            content: "-";
            font-size: 18px;
            color: gray;
        }

/* The switch - the box around the slider */
.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;
    transition: .4s;
}

.widget-brand-list {
    width: 100%;
    max-height: 20rem;
    margin-top: 10px;
    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-brand-list ul li label {
    width: 100%;
    margin: 0;
    font-size: 13px;
}

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

input[type=checkbox] + label:before {
    content: "\2714";
    border: 0.1rem solid #707070;
    border-radius: 0.2rem;
    padding: 0 0.4rem;
    margin-left: 1rem;
    text-align: center;
    vertical-align: middle;
    color: transparent;
    -webkit-transition: .2s;
    transition: .2s;
    cursor: pointer;
    background-color: #f5f6f8 !important;
    display: inline-block;
}

.widget-range--content input {
    height: 4rem;
    width: auto;
    margin-top: 8px;
}

input[type=checkbox] {
    display: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

.widget-range .text-range--content {
    color: grey;
}

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: #F9AB00;
    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: #F9AB00;
    top: -1.1rem;
    left: .9rem;
    font-size: 3rem;
}

.ui-widget.ui-widget-content {
    width: calc(100% - 3rem);
    margin: 0 auto;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.9em;
    margin-left: -15px;
}

.sort-bar-box {
    height: 12rem;
}

    .sort-bar-box .order-by-box select {
        background-color: #f5f5f5;
        border: none;
        font-size: 14px;
    }

.page-productlist .product-item {
    width: 24%;
    margin-bottom: 15px;
}

    .page-productlist .product-item .price-box .product-item-link {
        /*line-height: 8rem;*/
        display: contents;
    }

.app-paging .pagination .page-item.PagedList-skipToLast,
.app-paging .pagination .page-item.PagedList-skipToFirst,
.app-paging .pagination .page-item.PagedList-skipToPrevious,
.app-paging .pagination .page-item.PagedList-skipToNext {
    font-family: 'icomoon';
}

.app-paging .pagination .page-item {
    width: 3rem;
    height: 3rem;
    margin-right: 5px;
    border-radius: 5px;
    background: #fff;
    text-align: center;
    line-height: 2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    overflow: hidden;
}

    .app-paging .pagination .page-item a {
        display: flex;
        width: 100%;
        justify-content: center;
        color: grey;
    }

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

    .app-paging .pagination .page-item.active a {
        border-radius: 5px;
        background-color: #a57d53 !important;
        color: #fff !important;
    }

/* ------------------------------------------------- */
/* -------------------#contact us------------------- */
/* ------------------------------------------------- */

.number-contact-box {
    background-image: linear-gradient(45deg, #2962FF 0%, #29C3FF 100%);
    padding: 50px;
}

    .number-contact-box .number-item::after {
        content: '/';
        margin-right: 10px;
    }

    .number-contact-box .number-item:last-child:after {
        display: none;
    }


.address-contact-box {
    padding: 50px;
}

    .form-contant-box .title-address::before,
    .address-contact-box .title-address::before {
        content: '';
        width: 20px;
        height: 7px;
        background-color: #2962FF;
        display: inline-block;
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -ms-border-radius: 15px;
        -o-border-radius: 15px;
        margin-left: 10px;
    }

    .address-contact-box .item-address {
        color: grey;
    }

.social-networks-box .social-networks .social-networks-item a {
    width: 5rem;
    height: 5rem;
    border-radius: 10px;
    background-color: #f5f5f5;
    margin-left: 5px;
    display: flex;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

    .social-networks-box .social-networks .social-networks-item a i {
        color: #a77c52;
    }

.form-contant-box .input-form {
    border: 1px solid #DCE1E9;
    transition: border .1s ease-in-out;
    -webkit-transition: border .1s ease-in-out;
    -moz-transition: border .1s ease-in-out;
    -ms-transition: border .1s ease-in-out;
    -o-transition: border .1s ease-in-out;
}

    .form-contant-box .input-form:focus {
        border: 1px solid #bdbdbd;
    }

.form-contant-box textarea {
    max-height: 12rem;
}

/* ---------------------------------------------- */
/* -------------------#blog---------------------- */
/* ---------------------------------------------- */
.blog .single-blog-page .header-box {
    border-bottom: 1px solid #f2f6fc;
    height: 8rem;
}

    .blog .single-blog-page .header-box .study-time {
        height: 3.5rem;
        border-radius: 15px 15px 0 0;
        border: 1px solid #e5e5e5;
        background: #f5f5f5;
        position: absolute;
        bottom: 0;
        left: 0;
    }

        .blog .single-blog-page .header-box .study-time i {
            color: #a77c52;
        }

.blog .single-blog-page .grouping-scoring-box .number-article {
    border-left: 1px solid #f2f6fc;
    padding-left: 15px;
}

.blog .single-blog-page .grouping-scoring-box .progress {
    height: 2rem !important;
    width: 100% !important;
}

.blog .single-blog-page .article-abstract-box {
    width: 100%;
    background: #f5f5f5;
    padding: 15px;
    border-radius: 15px;
    margin-bottom: 30px;
}

    .blog .single-blog-page .article-abstract-box .article-abstract-text {
        width: calc(100% - 25%);
    }

        .blog .single-blog-page .article-abstract-box .article-abstract-text p {
            text-align: justify;
            line-height: 23px;
            margin: 10px 0 !important;
        }

    .blog .single-blog-page .article-abstract-box .image-blog {
        width: 25%;
        height: auto;
        max-height: 20rem;
        background: #fff;
    }

        .blog .single-blog-page .article-abstract-box .image-blog img {
            width: 100%;
            height: 100%;
        }

.blog .blog-content {
    min-height: 50rem;
}

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

    .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,
    .blog .blog-content h3,
    .blog .blog-content h4 {
        color: #a5794e;
        line-height: 2;
        margin-top: 20px !important;
    }

    .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: #378b0e;
        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: #2962FF;
        }

    .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 #2962FF;
    }

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

    .blog .blog-content table {
        border-color: #9c6137;
        display: flex;
        margin-top: 1.5rem;
        align-items: center;
        justify-content: 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;
        }

    /*.blog .blog-content span {
    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 a {
        color: #fff;
        display: block !important;
        padding: 1rem 3rem;
    }

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

.grouping-scoring-box .user-rating .rate:not(old) {
    height: 2em !important;
}

.progress {
    background-color: transparent;
}

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

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

.blog .comment-box .input-item {
    border: 1px solid #d6e0ee;
    background: #fdfeff;
}

    .blog .comment-box .input-item:focus {
        border: 1px solid #378b0e;
    }

.grouping-box {
    border-bottom: 1px solid whitesmoke;
}

    .grouping-box .grouping {
        border-radius: 15px 15px 0 0 !important;
    }

.widget-blog .share-blog-box,
.widget-blog .profile-box {
    border-bottom: 1px solid #f2f6fc;
}

.widget-blog .blog-audio .text-blog-audio {
    line-height: 20px;
}

.widget-blog .blog-audio audio {
    width: 100%;
    height: 4.5rem;
}

.widget-blog .widget-blog-list li {
    border-bottom: 1px solid #f2f6fc;
    padding: 10px;
}

    .widget-blog .widget-blog-list li .image-box {
        width: 7rem;
        height: 5rem;
        box-shadow: 0px 2px 5px #23263330 !important;
        border-radius: 10px !important;
        padding: 0 !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .widget-blog .widget-blog-list li .image-box img {
            width: 100%;
            height: 142%;
        }

    .widget-blog .widget-blog-list li .title-and-deta {
        width: calc(100% - 7rem);
    }

        .widget-blog .widget-blog-list li .title-and-deta .title-blog {
            line-height: 20px;
            text-align: justify;
        }

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

    .page-bloglist .article-item .image-box img {
        height: 100%;
    }

/* ----- #Back To Top ------ */
/*.back-to-top {
    height: 5rem;
    border-top: 1px solid #378b0e;
    border-bottom: 1px solid #378b0e;
}

.back-to-top i {
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    display: inline-block;
    background-color: #fff;
    color: #378b0e;
    margin-left: 1rem;
    font-size: 1.6rem;
    border-radius: 50%;
    transition: all .3s;
    vertical-align: middle;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

.back-to-top i::before {
    position: relative;
}

#myBtn {
    display: none;
    z-index: 99;
    font-size: 14px;
    border: none;
    outline: none;
    background-color: transparent;
    color: #378b0e;
    cursor: pointer;
}*/

.back-to-top {
    /*height: 5rem;*/
    border-top: 1px solid #a57d53;
    /* border-bottom: 1px solid #378b0e; */
}

    .back-to-top div {
        color: #fff !important;
        background: #a57d53;
        padding: 0px 30px;
        border-radius: 0 0 20px 20px;
        height: 3.5rem;
        /* line-height: 3.5rem;*/
    }

#myBtn {
    /*display: none;*/
    z-index: 99;
    font-size: 12px;
    border: none;
    /* outline: none; */
    background-color: transparent;
    color: #fff;
    cursor: pointer;
}

.back-to-top i {
    /* width: 2.5rem; */
    /* height: 2.5rem; */
    /* line-height: 2.5rem; */
    /* display: inline-block; */
    /* background-color: #fff; */
    color: #fff;
    margin-left: 1rem;
    font-size: 1.6rem;
    /* border-radius: 50%; */
    /* transition: all .3s; */
    /* vertical-align: middle; */
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
/* ----------------- */
/* ----- #Cart ----- */
/* ----------------- */
.cart {
    height: auto;
    background-color: transparent !important;
}

    .cart .cart-title {
        height: 5rem;
        padding-right: 1.5rem;
        margin-bottom: 20px !important;
    }

        .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 .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: #649a43;
        color: #fff;
        cursor: pointer;
        border-radius: 0.2rem;
        -webkit-border-radius: 0.2rem;
        -moz-border-radius: .2rem;
        -ms-border-radius: .2rem;
        -o-border-radius: .2rem;
    }

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

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

.cart__btn {
    background: #649a43;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    border-radius: 4px;
    color: #FFF;
    font-size: 1.6rem;
    border: 0;
}

    .cart__btn:hover {
        background: #407022;
        color: #FFF;
    }

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

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

.cart .cart-notice .cart-notice-item {
    margin: 20px 50px 0 0 !important;
}

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


#CouponDescription {
    position: absolute;
    bottom: -30px;
    font-size: 14px;
    color: green;
}

.btn-danger {
    background-color: #dc3545 !important;
}

.btn-danger,
.cart__offer .btn-info {
    left: 0;
    border-radius: 10px 0 0 10px;
}

.btn-product-edit {
    position: absolute;
    top: -15px;
    right: 5px;
}

.single-blog-page {
    position: relative;
    margin-bottom: 25px;
}

.category-text-content .bg-white {
    background-color: transparent !important;
    padding: 0 !important;
}

.timerLogin {
    direction: ltr;
}

.field-validation-error {
    font-size: 12px;
}

#logoutForm {
    display: flex;
    align-items: center;
    font-size: 15px;
}

    #logoutForm ul li a {
        color: #000;
        font-size: 14px;
    }

.brand {
    margin-top: 0 !important;
}
/* ---------------------------------------------- */
/* -----------------#page about us -------------- */
/* ---------------------------------------------- */

section.content.content-page.info-page {
    font-family: IRANSans;
    border-top: 1px solid #f3f3f3;
    margin-bottom: 25px;
}

.info-page .contactus {
    /* padding: 3rem 0;*/
}

    .info-page .contactus .block-content ol#recently-viewed-items li {
        height: 4.5rem;
        line-height: 4.5rem;
        padding-right: 15px;
        margin-bottom: 1rem;
        font-size: 1.4rem;
        background-color: #fff;
        width: 100%;
    }

        .info-page .contactus .block-content ol#recently-viewed-items li a {
            color: #000;
        }

.info-page .col-main {
    padding: 0 25px;
}

    .info-page .col-main h2,
    .info-page .col-main h5 {
        font-size: 20px !important;
        font-weight: bold !important;
        padding-bottom: 10px;
    }

    .info-page .col-main h6 {
        font-size: 15px !important;
        font-weight: bold !important;
    }

    .info-page .col-main p {
        font-size: 15px;
        line-height: 25px;
        text-align: justify;
        margin-bottom: 40px !important;
    }

    .info-page .col-main ul {
        display: flex;
        flex-direction: column;
        width: 100%;
        flex-wrap: wrap !important;
        height: 90px;
        margin-bottom: 25px !important;
    }

        .info-page .col-main ul li {
            width: 100%;
            height: 2.5rem;
        }

.info-page .sidebar {
    background: #fff;
    padding: 25px;
    border-radius: 15px;
}

.info-page .col-main {
    background: #fff;
    padding: 25px;
    border-radius: 15px;
    min-height: 37rem;
}

.content-page .send-message-box {
    margin-right: 20px;
}

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

.form-box input {
    width: 42rem !important;
    height: 4.5rem;
    margin-bottom: 12px;
    border: none !important;
    padding-right: 10px;
}

.form-box textarea {
    width: 75rem;
    height: 24rem;
    border: none !important;
    font-size: 14px;
    padding: 10px;
}

input[type=checkbox] + label:before {
    width: 20px !important;
    height: 20px !important;
    background-color: #fff !important;
    border: 1px solid #808080;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

input[type=checkbox]:checked + label:before {
    color: #12A4DD !important;
}

.block-title {
    font-size: 16px;
    padding-bottom: 10px;
}

.send-message-box .all-btn {
    width: 13rem;
    height: 3.5rem;
    background: green;
    color: #fff;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none !important;
    border-radius: 25px;
}

/* ----------------- */
/* ----- #404 ------ */
/* ----------------- */
.page-404 {
    min-height: 50rem;
    position: relative;
    background: #fff;
    box-shadow: rgb(50 50 93 / 25%) 0px 30px 60px -38px inset, rgb(0 0 0 / 30%) 0px 18px 36px -126px inset;
}

    .page-404 .page-404__content {
        width: 80%;
        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(--blue-color);
            width: 20rem;
            height: 4rem;
            color: var(--white-color);
            line-height: 4rem;
            font-size: 1.4rem;
            margin-bottom: 2rem;
            border-radius: .4rem;
            font-weight: bold !important;
        }

/* ------------------------ */
/* ----- #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;
    background: #fff;
    border-radius: 15px;
}

    .no-product img {
        width: 100%;
        height: auto;
        margin: 0 auto;
    }

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

.field-validation-error span {
    font-size: 13px !important;
}

/* ------------------------#questions-box------------------------- */
.questions-section {
    /* width: 95%;
    height: auto;
    min-height: 50rem;*/
}

    .questions-section .title-product .text-2 {
        color: #2347b1;
        padding-right: 25px;
    }

.accordion .accordion-button:not(.collapsed) {
    color: #555555;
    background-color: transparent;
    box-shadow: none;
}

.accordion .accordion-button {
    color: #555555;
    background-color: transparent;
}

.accordion .accordion-item {
    border: none;
    margin: 20px 0;
    background-color: transparent;
}

.accordion .accordion-button::after {
    display: none
}

.accordion .accordion-header {
    /*border-bottom: 1px solid #EEEEEE;*/
    margin-right: 30px !important;
}

    .accordion .accordion-header .accordion-button p {
        background-color: transparent;
        top: 13px;
        right: 0;
    }

.info-page .accordion .accordion-header {
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 20px;
}

    .info-page .accordion .accordion-header .accordion-button p {
        position: inherit !important;
        margin-bottom: 0px !important;
    }

.info-page .accordion .accordion-body {
    color: #777;
    font-size: 12px;
    padding-top: 15px;
    padding-right: 25px;
    border: 1px solid #e7e7e7;
    border-radius: 15px;
    margin: 15px 20px 0 0;
    background: whitesmoke;
}

.info-page .accordion .accordion-item {
    margin: 0;
}

.accordion .accordion-header .accordion-button p::before {
    content: '+';
    font-size: 20px;
}

.accordion .accordion-button p::before {
    color: #fff;
    width: 2.4rem;
    height: 2.4rem;
    position: absolute;
    background-color: #378b0e;
    right: -30px;
    top: -5px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.accordion .accordion-header .accordion-button:not(.collapsed) p::before {
    content: '-';
    font-size: 26px;
}

.accordion .accordion-body {
    color: #777777;
    font-size: 12px;
    padding-top: 25px;
    padding-right: 25px;
}

.questions-section .see-more {
    width: 18rem;
    height: 4rem;
    bottom: 0;
    border-radius: 4rem;
    -webkit-border-radius: 4rem;
    -moz-border-radius: 4rem;
    -ms-border-radius: 4rem;
    -o-border-radius: 4rem;
    background-color: #2347b1;
}

.counseling {
    width: 100%;
    height: auto;
    background-color: #F9F9F9;
    border: 1px solid #EEEEEE;
}

    .counseling .text-counseling::before {
        content: '';
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        background-color: #2347b1;
        position: absolute;
        right: 30px;
        top: -5px;
    }

.description-counseling {
    color: #666666 !important;
    line-height: 20px;
}

.counseling .consultation-request-box input {
    height: 4rem;
    margin-top: 5px;
    margin-bottom: 5px !important;
}

.counseling .field-validation-error span {
    font-size: 12px !important;
    margin-right: 10px;
}

.counseling .consultation-request-box button {
    width: 14rem;
    height: 4rem;
    background-color: #2347b1;
}
/* -------------------- */
/* ----- #Contact ----- */
/* -------------------- */
.contactus {
    /*padding: 3rem 0;*/
}

    .contactus .contactus__text h1 {
        color: #0072bc;
        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: #0072bc;
        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: #0072bc;
    }

    .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 textarea.form-control,
        .contactus .contactus__text .contactus__text--form input.form-control {
            background-color: #fff !important;
        }

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

textarea {
    border-radius: .4rem !important;
    padding: 1.5rem !important;
    font-size: 1.4rem !important;
}

.contactus .form-btn button {
    font-size: 1.2rem;
    height: 3.5rem;
    width: 14rem;
    background-color: #0072bc;
    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: 77rem;
}

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

.btn:hover {
    color: #fff;
}

.send-message-order {
    background: #fff;
    padding: 15px;
    border-radius: 15px;
    margin: 0 15px 15px 15px;
}

    .send-message-order .progress-all ul li span.progress-title {
        width: 100%;
    }

    .send-message-order .progress-all ul li {
        display: flex;
    }

    .send-message-order .progress {
        height: 15px !important;
    }

    .send-message-order .suggest {
        box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
        margin-top: 15px;
        border-radius: 15px;
    }

.send-message__note {
    margin-bottom: 15px !important;
}

    .send-message__note h5 {
        font-size: 14px;
        margin-bottom: 15px !important;
    }

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

.send-message__image {
    display: flex;
    justify-content: center;
}
/* ----------------------- */
/* ----- #Final Cart ----- */
/* ----------------------- */
.finalcart {
    padding: 3rem 0;
    background: #fff;
}

    .finalcart .finalcart__info h3 {
        color: #649a43;
        font-size: 2rem;
        line-height: 3.5rem;
    }

        .finalcart .finalcart__info h3 i {
            color: #649a43;
            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: 2rem;
        }

        .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: #0072bc;
                }

    .finalcart .form-control {
        background-color: #e2ecfc;
    }

.description-box {
    background-color: #fff;
    border-radius: 1.5rem;
    padding-bottom: 1rem;
}

.review-accordion {
    background: #fff;
    border-radius: 15px;
    margin-bottom: 25px;
}

    .review-accordion #ProductFaqs {
        margin-top: 30px;
    }

/*Timer*/
.amazing-suggestions .list-offer .item-offer .timer {
    position: absolute;
    top: 150px;
    left: 35px;
}

.timer {
    direction: ltr;
    border: none !important;
}

    .timer .jst-days,
    .timer .jst-hours,
    .timer .jst-minutes,
    .timer .jst-seconds {
        border: 1px solid #318b23;
        border-radius: 50%;
        color: #318b23;
        margin-right: 5px;
        background: #f4f9f2;
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.login-box .timerLogin .jst-seconds::before {
    content: ':';
    margin: 0 2px;
}

#shareModal .modal-social {
    margin-bottom: 1rem;
    text-align: center;
    padding: 15px !important;
}

    #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: #ef394f;
        margin-right: .5rem;
        color: #fff;
        border-radius: .4rem;
    }

.modal-header .close {
    font-size: 2.5rem;
    color: red !important;
    border: none;
    background: transparent;
}
/* --------------------- */
/* ----- #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: #0072bc;
    }

    .compare .compare__list--image {
        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: flex;
            flex-direction: column;
            width: 25%;
            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: #0072bc;
                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: flex;
            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;
            }

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

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

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

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

.modal-dialog {
    height: 50rem;
    max-width: 1130px;
    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%;
    }

.modal-content {
    border-radius: 10px;
    padding: 10px;
    /*background: #005993;*/
    /* color: #fff!important;*/
    top: 130px;
}

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: flex;
    flex-direction: row;
    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: #0072bc;
        border: none;
    }

div#ProductSelectModal .modalproduct__content {
    display: flex;
    flex-wrap: wrap;
    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: flex;
        flex-direction: column;
        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;
        }

.attentionModal .modal-header {
    flex-direction: row-reverse;
}

.attentionModal .modal-body .modal-body-head {
    font-size: 1.6rem;
}

.attentionModal .modal-body hr {
    display: none;
}

.attentionModal .modal-body .modal-body-desc {
    font-size: 1.4rem !important;
    line-height: 2;
    text-align: justify;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
}

.attentionModal .modal-body-contact {
    display: flex;
    justify-content: space-between;
    font-size: 1.4rem;
    font-family: 'iransans-fa';
    padding: 10px;
}

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

    .page-404 .page-404__content {
        width: 80%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        display: flex;
        flex-direction: column;
        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(--blue-color);
            width: 20rem;
            height: 4rem;
            color: var(--white-color);
            line-height: 4rem;
            font-size: 1.4rem;
            margin-bottom: 2rem;
            border-radius: .4rem;
            font-weight: bold !important;
        }

/* ------------------------ */
/* ----- #No Product ------ */
/* ------------------------ */
.no-product {
    width: 100%;
    min-height: 50rem;
    padding: 5rem;
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
}

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

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

.real-price div {
    margin-right: 5px;
}

.off-box img {
    width: 100%;
}

@media (max-width: 575px) {
    .hide-mob {
        display: none !important;
    }

    .hide-des {
        display: block !important;
    }

    .row > * {
        padding-left: calc(var(--bs-gutter-x) * 1);
        padding-right: calc(var(--bs-gutter-x) * 1);
    }
    /* ----------------------#header---------------------- */
    header .header-top {
        padding: 15px 0 !important;
    }

        header .header-top .login-cart-box {
            position: absolute;
            top: 95px;
            left: 14px;
        }

    .search-box {
        width: calc(100% - 9rem);
    }

    .title-result {
        font-size: 1.2rem !important;
    }

    .login-cart-box .cart-items .number-cart {
        width: 12px;
        height: 12px;
        bottom: 17px;
    }

    .login-cart-box .cart-items {
        padding: 5px 10px !important;
    }

        .login-cart-box .cart-items span {
            font-size: 1.2rem !important;
        }

        .login-cart-box .cart-items i {
            font-size: 1.5rem !important;
        }

        .login-cart-box .cart-items span.CartItems {
            font-size: .8rem !important;
        }

    header .header-top .logo-search-box {
        justify-content: space-between;
        width: 100%;
    }

    header .header-top .search-box form input {
        width: 100%;
        font-size: 13px;
    }

    header .header-top .logo-box {
        width: 9rem;
        height: auto;
    }

    .mobile__nav--bar-items {
        height: 3rem;
    }

    div#search-results {
        width: 100% !important;
        background: #fff !important;
        padding: 10px !important;
    }

        div#search-results ul li {
            height: auto !important;
        }

            div#search-results ul li a {
                line-height: 20px !important;
            }

    /* ----------#ads-2(min-width: 768px)and (max-width:991px) ------- */
    .ads.ads-4 .ads-4-box {
        flex-wrap: wrap;
    }

        .ads.ads-4 .ads-4-box .item {
            width: calc(50% - .8rem);
        }

            .ads.ads-4 .ads-4-box .item:nth-child(3),
            .ads.ads-4 .ads-4-box .item:nth-child(4) {
                margin-top: 15px;
            }

    .ads.ads-2 .ads-2-box {
        flex-wrap: wrap;
    }

        .ads.ads-2 .ads-2-box .item {
            width: calc(100%);
        }

            .ads.ads-2 .ads-2-box .item:nth-child(2) {
                margin-top: 30px;
            }

    /* -------------Start Amazing suggestions --------------- */
    .amazing-suggestions .list-offer .item-offer .product-box {
        flex-direction: column;
        padding: 5px !important;
    }

    .amazing-suggestions .list-offer {
        height: auto;
    }

        .amazing-suggestions .list-offer .item-offer .content-box,
        .amazing-suggestions .list-offer .item-offer .image-box {
            width: 100%;
            margin-right: 0 !important;
        }

        .amazing-suggestions .list-offer .item-offer .image-box {
            border-left: none;
            border-bottom: 1px solid #d3d9d0;
        }

        .amazing-suggestions .list-offer .item-offer .title-product {
            flex-direction: column !important;
            align-items: baseline !important;
        }

            .amazing-suggestions .list-offer .item-offer .title-product .name-product .title-fa {
                font-size: 13px !important;
            }

            .amazing-suggestions .list-offer .item-offer .title-product .name-product .title-en {
                font-size: 12px !important;
            }

        .amazing-suggestions .list-offer .item-offer .sales-number-box {
            margin-top: 10px;
            width: 14rem;
            height: 4rem;
        }

            .amazing-suggestions .list-offer .item-offer .sales-number-box div {
                font-size: 1.2rem !important;
            }

        .amazing-suggestions .list-offer .item-offer .content-box .price-box {
            justify-content: center;
            padding: 10px 0 !important;
        }

            .amazing-suggestions .list-offer .item-offer .content-box .price-box .off-price,
            .amazing-suggestions .list-offer .item-offer .content-box .price-box .real-price {
                font-size: 1.2rem !important;
            }

    .pure-feature-box {
        margin: 20px;
    }

        .pure-feature-box .pure-feature-list {
            height: 7rem;
            width: 100%;
            flex-wrap: inherit;
            overflow-y: auto;
        }

    .amazing-suggestions {
        padding: 2rem;
    }

        .amazing-suggestions .title-box .title {
            font-size: 12px !important;
        }

    .list-offer.owl-theme .owl-nav.disabled + .owl-dots {
        flex-direction: inherit;
        position: inherit;
        bottom: 0;
        right: 0;
        justify-content: center;
    }

    .list-offer.owl-theme .owl-dots .owl-dot.active span {
        height: 13px;
        width: 20px;
    }

    .owl-theme .owl-dots .owl-dot {
        width: 2.1rem;
    }

    /*-------------------- product list box---------------- */
    .title-box .see-more {
        padding: 5px !important;
    }

        .title-box .see-more span {
            font-size: 10px !important;
        }

            .title-box .see-more span a {
                font-size: 14px !important;
            }

    .title-box .title {
        font-size: 17px !important;
    }

    .product-list .product-item .image-box {
        height: 20rem;
    }

    .product-item .conect-box .name-product {
        width: 19.5rem;
        height: 7rem;
        font-size: 1.2rem !important;
    }

    .page-productlist .product-item .conect-box .name-product {
        width: 16.5rem;
        height: 7rem;
        font-size: 1.2rem !important;
    }

    .product-item .price-box {
        height: 6rem;
    }

    .discount-box .discount-text {
        font-size: 13px;
    }

    .product-item .discount-box i {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
        padding-top: 0.2rem !important;
        padding-bottom: 0.2rem !important;
    }
    /*-------------------- product list box picture---------------- */
    .list-product-picture .product-list-box .product-list-1 .product-item .content-box {
        align-items: center !important;
        display: flex;
        flex-direction: column;
    }

    .list-product-picture .product-list-box .product-list-1::after {
        display: none;
    }

    .list-product-picture .product-list-box .product-list-1 {
        padding: 0 !important;
    }

        .list-product-picture .product-list-box .product-list-1 .product-item {
            height: auto;
            padding-right: 0;
        }

            .list-product-picture .product-list-box .product-list-1 .product-item .product-item-link {
                flex-direction: column !important;
            }

            .list-product-picture .product-list-box .product-list-1 .product-item .image-box {
                width: 12rem;
                height: 12rem;
            }

        .list-product-picture .product-list-box .product-list-1 .name-product::before {
            display: none;
        }

        .list-product-picture .product-list-box .product-list-1 .name-product {
            text-align: center;
            font-size: 15px !important;
            margin-top: 10px;
        }

        .list-product-picture .product-list-box .product-list-1 .product-item .price-box {
            display: flex;
            flex-direction: column !important;
        }

        .list-product-picture .product-list-box .product-list-1 .discount-box,
        .list-product-picture .product-list-box .product-list-1 .off-price,
        .list-product-picture .product-list-box .product-list-1 .real-price {
            margin-bottom: 10px;
        }

    .owl-carousel .owl-nav button.owl-next {
        top: 42%;
    }

    .owl-carousel .owl-nav button.owl-prev {
        top: 42%;
    }

    /* ----------------Section Features Box----------------- */
    .features-box {
        justify-content: center !important;
        padding: 10px 0 10px 0 !important;
    }

        .features-box .features-item {
            width: auto;
            height: auto;
            flex-direction: column;
            margin: 5px 10px;
            justify-content: space-between;
        }

            .features-box .features-item .image-box {
                width: 3.5rem;
                height: 4rem;
            }

            .features-box .features-item span {
                font-size: 10px !important;
                display: flex;
                margin-top: 15px;
            }

            .features-box .features-item .image-box img {
                margin-left: 0 !important;
            }

    /* ----------------footer----------------- */
    .application-box {
        padding: 10px !important;
    }

        .application-box span {
            font-size: 18px !important;
        }

        .application-box .application-list {
            width: 100%;
            display: flex;
            justify-content: end !important;
            margin-top: 20px !important;
        }

            .application-box .application-list .application-item {
                margin-right: 10px;
            }

    footer ul.nod-1 {
        flex-wrap: wrap;
        justify-content: center;
        padding: 0;
    }

        footer ul.nod-1 > li {
            box-shadow: none;
        }

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

    footer .col-12 {
        margin-top: 20px !important;
    }

    footer ul.nod-1 li {
        padding: 0 15px;
    }
    /* -------------------------------------------- */
    /* -----------------#singleproduct------------- */
    /* -------------------------------------------- */

    .product-item {
        width: 100%;
        height: auto;
    }

    .product-info .image-box .gallery-control .mid {
        width: 100%;
        height: auto;
    }

        .product-info .image-box .gallery-control .mid img {
            width: 100%;
            border-radius: 10px;
        }

    .product-info .image-box .gallery-control .carousel-pic a {
        width: 6rem;
        height: 6rem;
    }

    .product-info .image-box {
        height: auto;
    }

        .product-info .image-box .gallery-control {
            padding: 1rem !important;
        }

        .product-info .image-box .other-facilities {
            padding: 10px !important;
        }

            .product-info .image-box .other-facilities li i {
                color: #424242 !important;
                font-size: 1.4rem !important;
            }

    .product-info {
        flex-direction: column !important;
    }

        .product-info .image-box {
            width: 100%;
        }

        .product-info .content-box {
            width: 100%;
            padding: 15px 0 !important;
        }

    .product-content-right .discount-box {
        top: inherit;
        right: inherit;
        left: 0;
    }

    .product-info .title-name-fa {
        font-size: 14px !important;
        line-height: 25px;
    }

    .product-info .title-name-en {
        font-size: 10px !important;
    }

    .product-info .name-product-box {
        align-items: end !important;
    }

        .product-info .name-product-box .sales-number-box {
            margin-bottom: 10px;
            width: 13rem;
        }

            .product-info .name-product-box .sales-number-box span {
                font-size: 1rem !important;
            }

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

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

    .product-info-Spec {
        align-items: inherit !important;
        padding: 0 !important;
    }

        .product-info-Spec .nav-tabs {
            display: flex;
            flex-direction: column;
            margin: 15px !important;
        }

        .product-info-Spec .nav-bar .nav .nav-link {
            flex-direction: row !important;
            padding: 15px;
        }

            .product-info-Spec .nav-bar .nav .nav-link i {
                margin-left: 10px;
            }

        .product-info-Spec .tab-content .small-check h2,
        .product-info-Spec .tab-content .small-check h2 span {
            font-size: 1.5rem !important;
        }

        .product-info-Spec .tab-content .small-check h3,
        .product-info-Spec .tab-content .small-check h3 span {
            font-size: 1.2rem !important;
        }

        .product-info-Spec .tab-content .small-check h4,
        .product-info-Spec .tab-content .small-check h4 span {
            font-size: 1.1rem !important;
        }

    .name-product {
        width: 100%;
    }

    .user-comments .form-box-comment {
        width: 100%;
    }

    .user-comments .comments-registered {
        width: 100%;
        padding-right: 0 !important;
        margin-top: 15px;
    }

        .user-comments .comments-registered .comments-registered-span {
            font-size: 1.8rem !important;
        }

        .user-comments .comments-registered .comments-registered-title {
            font-size: 1.6rem !important;
        }

        .user-comments .comments-registered .profile-box {
            flex-direction: column !important;
        }

        .user-comments .comments-registered .line-span {
            display: none;
        }

        .user-comments .comments-registered span {
            margin-top: 5px;
        }

        .user-comments .comments-registered .user-information {
            align-items: end !important;
            padding-bottom: 10px;
        }

    .comments-registered-text {
        text-align: justify;
        font-size: 1.4rem !important;
    }

    .grouping-box {
        flex-direction: column !important;
    }

        .grouping-box > div {
            margin-bottom: 10px;
        }

    .product-info .order-pay-box .off-price {
        font-size: 1.3rem !important;
    }

    .product-info .order-pay-box .real-price {
        font-size: 2rem !important;
    }

    .product-info .order-pay-box,
    .product-info .list-size,
    .product-info .product-info-color,
    .product-info .grouping-box {
        margin-top: 1rem !important;
    }

    .product-info .add-cart span {
        font-size: 1.3rem !important;
    }

    .product-info .add-cart {
        width: 100%;
    }

    /* ------------------------------------------------------ */
    /* -----------------------# productlist------------------ */
    /* ------------------------------------------------------ */

    /* ----------------------#filters----------------------- */
    .Filters {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        background-color: #ececec;
        width: 100%;
        height: 100vh;
        margin-top: 0;
        overflow-y: scroll;
        z-index: 1099999;
        border-radius: 0;
        padding-top: 6rem;
        padding-bottom: 6rem;
    }

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

    .page-productlist .product-item {
        width: 48%;
        height: auto;
        margin-bottom: 15px;
    }

    .cart-box {
        padding: 5px 10px !important;
    }

        .cart-box i {
            font-size: 1.2rem !important;
        }

    .page-productlist .product-item .real-price {
        font-size: 1.4rem !important;
    }

    .sort-bar-box {
        flex-direction: column;
        height: auto;
        align-items: self-start !important;
        padding-bottom: 15px;
    }

    .order-by-box {
        width: 100%;
        display: flex;
        justify-content: end;
        margin-top: 15px;
    }

    .name-list-box {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

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

        .name-list-box span {
            font-size: 1.2rem !important;
        }

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

    .pure-feature-countdown {
        flex-direction: column !important;
    }

    .clock-item {
        width: 4rem;
        height: 4rem;
    }

    /* ------------------------------------------------- */
    /* -------------------#contact us------------------- */
    /* ------------------------------------------------- */
    .contant-page .title-address {
        font-size: 20px !important;
    }

    .contant-page .address-contact-box .item-address {
        font-size: 14px !important;
    }

    .contant-page .form-contant-box {
        margin-top: 30px;
    }

    /* ---------------------------------------------- */
    /* -------------------#blog---------------------- */
    /* ---------------------------------------------- */
    .single-blog-page span {
        font-size: 1.2rem !important;
    }

    .single-blog-page .grouping {
        font-size: 1rem !important;
    }

    .blog .single-blog-page .header-box {
        flex-direction: column;
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
        height: 11rem;
        justify-content: inherit !important;
        align-items: start !important;
    }


        .blog .single-blog-page .header-box .name-blog-fa {
            font-size: 17px !important;
            line-height: 35px;
        }

    .blog .single-blog-page .grouping-scoring-box {
        flex-direction: column !important;
        flex-direction: column;
        justify-content: space-around !important;
        align-items: flex-end !important;
    }

        .blog .single-blog-page .grouping-scoring-box .user-rating {
            margin-top: 20px;
        }

    .Label-box {
        justify-content: space-between;
    }

    .blog .single-blog-page .article-abstract-box {
        flex-direction: column;
    }

        .blog .single-blog-page .article-abstract-box .image-blog {
            width: 100%;
        }

        .blog .single-blog-page .article-abstract-box .article-abstract-text {
            width: 100%;
            padding: 15px 5px 0 !important;
        }

    .blog .blog-content p {
        font-size: 1.4rem;
        line-height: 2;
        text-align: justify;
    }
    /* --------------------------------------------------- */
    /* -------------------#page bloglist------------------ */
    /* --------------------------------------------------- */
    .article-item {
        width: auto;
        height: 26rem;
    }

    .page-bloglist .article-item {
        width: 48%;
    }

    .article-item .image-box {
        height: 14rem;
    }

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

    .page-bloglist .article-item .content-box .title-blog {
        width: 100%;
    }

    .article-item .content-box .title-blog {
        width: auto;
        height: 8rem;
        font-size: 1.2rem !important;
        line-height: 20px;
    }

    .artcle-list-box {
        height: 33rem;
        overflow: hidden;
    }

    .history-box i {
        font-size: 1.6rem !important;
    }

    .history-box span {
        font-size: 1rem !important;
    }
    /* ---------------------#mainslider-------------------- */
    .mainslider-box-bass,
    .mainslider-box .mainslider-item {
        width: auto;
        height: 100%;
    }

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

    .mobile__nav .mobile__nav--bar {
        top: 100px;
        right: 0;
    }

    .read-more-box h1 {
        font-size: 18px;
    }

    .read-more-box h2 {
        font-size: 16px;
    }

    .read-more-box p {
        font-size: 12px;
        line-height: 22px;
    }

    .read-more-box ol li {
        line-height: 19px;
        font-size: 11px;
    }
    /* ----------------- */
    /* ----- #Cart ----- */
    /* ----------------- */
    .cart-item {
        min-height: 33rem;
    }

    .cart-sendbar .cart-item {
        min-height: auto;
    }

    .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%;
        padding-right: 10px;
    }

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

    .finalcart .finalcart__info .finalcart__info--form .finalcart__info--form-value {
        flex-basis: auto;
        margin-bottom: 1.5rem;
    }

    .comment-box span {
        font-size: 1.6rem !important;
    }

    .comment-box p {
        font-size: 1.4rem !important;
    }

    .no-comment {
        font-size: 1.2rem !important;
    }

    .contactus .contactus__image {
        height: auto;
        margin-bottom: 25px;
    }

    .info-page .col-main {
        padding: 25px 25px;
        margin-top: 25px;
    }

        .info-page .col-main h2, .info-page .col-main h5 {
            padding-bottom: 50px;
        }

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

    .article-item .grouping {
        display: none;
    }

    .single-blog-page {
        padding: 10px !important
    }

    .page-breadcrumb nav {
        overflow-x: scroll;
        overflow-y: unset;
    }

    ol.breadcrumb {
        width: max-content;
    }

    .page-breadcrumb nav::-webkit-scrollbar-thumb {
        display: none;
    }

    .amazing-suggestions .list-offer .item-offer .discount-percent {
        top: 3rem;
        right: 3rem;
    }

    .amazing-suggestions .list-offer .item-offer .timer {
        position: inherit;
        margin-bottom: 10px;
    }

    .send-message__image-box .send-message__image img {
        width: 100%;
    }

    .col-lg-6.send-message__image-box {
        order: 1;
    }

    .col-lg-6.send-message-box {
        order: 2;
    }

    section.content.content-page.info-page {
        padding: 0 15px;
    }

        section.content.content-page.info-page .col-lg-9.section_style {
            padding: 0;
        }

    .info-page .accordion .accordion-header .accordion-button p {
        line-height: 22px;
        font-size: 12px !important;
    }

    .finalcart {
        margin-bottom: 20px;
    }

    .product-info-Spec .spec ul.spec-list li .spec-value {
        width: 73%;
    }

    .page-404 .page-404__content img {
        width: 100%;
    }

    /* ----- #Compare(max-width:480px) ------ */
    .compare .compare__list {
        width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
    }

        .compare .compare__list div {
            flex: 0 0 100vw;
        }

        .compare .compare__list ul {
            flex: 0 0 100vw;
            display: flex;
        }

            .compare .compare__list ul li {
                flex: 0 0 100vw;
                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: 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;
        justify-content: center;
        align-items: center;
    }

    div#ProductSelectModal .modal-dialog {
        max-width: 84%;
        margin: auto;
    }

    div#ProductSelectModal .modalproduct__search {
        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;
        }

    .comments-head-name {
        line-height: 28px;
    }
}



@media (min-width: 576px) and (max-width:767px) {
    .hide-mob {
        display: none !important;
    }

    .hide-des {
        display: block !important;
    }
    /* ----------------------#header---------------------- */
    header .header-top {
        padding: 15px 0 !important;
    }

        header .header-top .login-cart-box {
            position: absolute;
            top: 95px;
            left: 14px;
        }

    .search-box {
        width: calc(100% - 9rem);
    }

    .title-result {
        font-size: 1.2rem !important;
    }

    .login-cart-box .cart-items .number-cart {
        width: 12px;
        height: 12px;
        bottom: 17px;
    }

    .login-cart-box .cart-items {
        padding: 5px 10px !important;
    }

        .login-cart-box .cart-items span {
            font-size: 1.2rem !important;
        }

        .login-cart-box .cart-items i {
            font-size: 1.5rem !important;
        }

        .login-cart-box .cart-items span.CartItems {
            font-size: .8rem !important;
        }

    header .header-top .logo-search-box {
        justify-content: space-between;
        width: 100%;
    }

    header .header-top .search-box form input {
        width: 100%;
        font-size: 13px;
    }

    header .header-top .logo-box {
        width: 9rem;
        height: auto;
    }

    .mobile__nav--bar-items {
        height: 3rem;
    }

    div#search-results {
        width: 100% !important;
        background: #fff !important;
        padding: 10px !important;
    }

        div#search-results ul li {
            height: auto !important;
        }

            div#search-results ul li a {
                line-height: 20px !important;
            }

    /* ----------#ads-2(min-width: 768px)and (max-width:991px) ------- */
    .ads.ads-4 .ads-4-box {
        flex-wrap: wrap;
    }

        .ads.ads-4 .ads-4-box .item {
            width: calc(50% - .8rem);
        }

            .ads.ads-4 .ads-4-box .item:nth-child(3),
            .ads.ads-4 .ads-4-box .item:nth-child(4) {
                margin-top: 15px;
            }

    .ads.ads-2 .ads-2-box {
        flex-wrap: wrap;
    }

        .ads.ads-2 .ads-2-box .item {
            width: calc(100%);
        }

            .ads.ads-2 .ads-2-box .item:nth-child(2) {
                margin-top: 30px;
            }

    /* -------------Start Amazing suggestions --------------- */
    .amazing-suggestions .list-offer .item-offer .product-box {
        flex-direction: column;
        padding: 5px !important;
    }

    .amazing-suggestions .list-offer {
        height: auto;
    }

        .amazing-suggestions .list-offer .item-offer .content-box,
        .amazing-suggestions .list-offer .item-offer .image-box {
            width: 100%;
            margin-right: 0 !important;
        }

        .amazing-suggestions .list-offer .item-offer .title-product {
            flex-direction: column !important;
            align-items: center !important;
        }

            .amazing-suggestions .list-offer .item-offer .title-product .name-product .title-fa {
                font-size: 13px !important;
            }

            .amazing-suggestions .list-offer .item-offer .title-product .name-product .title-en {
                font-size: 12px !important;
            }

        .amazing-suggestions .list-offer .item-offer .sales-number-box {
            margin-top: 10px;
        }

        .amazing-suggestions .list-offer .item-offer .content-box .price-box {
            justify-content: center;
            padding: 10px 0 !important;
        }

            .amazing-suggestions .list-offer .item-offer .content-box .price-box .off-price,
            .amazing-suggestions .list-offer .item-offer .content-box .price-box .real-price {
                font-size: 1.2rem !important;
            }

    .pure-feature-box {
        margin: 20px;
    }

        .pure-feature-box .pure-feature-list {
            height: 7rem;
            width: 100%;
            flex-wrap: inherit;
            overflow-y: auto;
        }

    .amazing-suggestions {
        padding: 2rem;
    }

        .amazing-suggestions .title-box .title {
            font-size: 12px !important;
        }

    .list-offer.owl-theme .owl-nav.disabled + .owl-dots {
        flex-direction: inherit;
        position: inherit;
        bottom: 0;
        right: 0;
        justify-content: center;
    }

    .list-offer.owl-theme .owl-dots .owl-dot.active span {
        height: 13px;
        width: 20px;
    }

    .owl-theme .owl-dots .owl-dot {
        width: 2.1rem;
    }

    /*-------------------- product list box---------------- */
    .title-box .see-more {
        padding: 5px !important;
    }

        .title-box .see-more span {
            font-size: 10px !important;
        }

            .title-box .see-more span a {
                font-size: 14px !important;
            }

    .title-box .title {
        font-size: 17px !important;
    }

    .product-list .product-item .image-box {
        height: 20rem;
    }

    .product-item .conect-box .name-product {
        width: 16.5rem;
        font-size: 1.2rem !important;
    }

    .product-item .price-box {
        height: 6rem;
    }
    /*-------------------- product list box picture---------------- */
    .list-product-picture .product-list-box .product-list-1 .product-item .content-box {
        align-items: center !important;
        display: flex;
        flex-direction: column;
    }

    .list-product-picture .product-list-box .product-list-1::after {
        display: none;
    }

    .list-product-picture .product-list-box .product-list-1 {
        padding: 0 !important;
    }

        .list-product-picture .product-list-box .product-list-1 .product-item {
            height: auto;
            padding-right: 0;
        }

            .list-product-picture .product-list-box .product-list-1 .product-item .product-item-link {
                flex-direction: column !important;
            }

            .list-product-picture .product-list-box .product-list-1 .product-item .image-box {
                width: 12rem;
                height: 12rem;
            }

        .list-product-picture .product-list-box .product-list-1 .name-product::before {
            display: none;
        }

        .list-product-picture .product-list-box .product-list-1 .name-product {
            text-align: center;
            font-size: 15px !important;
            margin-top: 10px;
        }

        .list-product-picture .product-list-box .product-list-1 .product-item .price-box {
            display: flex;
            flex-direction: column !important;
        }

        .list-product-picture .product-list-box .product-list-1 .discount-box,
        .list-product-picture .product-list-box .product-list-1 .off-price,
        .list-product-picture .product-list-box .product-list-1 .real-price {
            margin-bottom: 10px;
        }

    .owl-carousel .owl-nav button.owl-next {
        top: 42%;
    }

    .owl-carousel .owl-nav button.owl-prev {
        top: 42%;
    }

    /* ----------------Section Features Box----------------- */
    .features-box {
        justify-content: center !important;
        padding: 10px 0 10px 0 !important;
    }

        .features-box .features-item {
            width: auto;
            height: auto;
            flex-direction: column;
            margin: 5px 10px;
            justify-content: space-between;
        }

            .features-box .features-item .image-box {
                width: 3.5rem;
                height: 4rem;
            }

            .features-box .features-item span {
                font-size: 10px !important;
                display: flex;
                margin-top: 15px;
            }

            .features-box .features-item .image-box img {
                margin-left: 0 !important;
            }

    /* ----------------footer----------------- */
    .application-box {
        padding: 10px !important;
    }

        .application-box span {
            font-size: 18px !important;
        }

        .application-box .application-list {
            width: 100%;
            display: flex;
            justify-content: end !important;
            margin-top: 20px !important;
        }

            .application-box .application-list .application-item {
                margin-right: 10px;
            }

    footer ul.nod-1 {
        flex-wrap: wrap;
        justify-content: center;
        padding: 0;
    }

        footer ul.nod-1 > li {
            box-shadow: none;
        }

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

    footer .col-12 {
        margin-top: 20px !important;
    }

    footer ul.nod-1 li {
        padding: 0 15px;
    }
    /* -------------------------------------------- */
    /* -----------------#singleproduct------------- */
    /* -------------------------------------------- */

    .product-item {
        width: 100%;
        height: auto;
    }

    .product-info .image-box .gallery-control .mid {
        width: 100%;
        height: auto;
    }

        .product-info .image-box .gallery-control .mid img {
            width: 100%;
            border-radius: 10px;
        }

    .product-info .image-box {
        height: auto;
    }

        .product-info .image-box .gallery-control {
            padding: 1rem !important;
        }

        .product-info .image-box .other-facilities {
            padding: 10px !important;
        }

            .product-info .image-box .other-facilities li i {
                color: #424242 !important;
                font-size: 1.4rem !important;
            }

    .product-info {
        flex-direction: column !important;
    }

        .product-info .image-box {
            width: 100%;
        }

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

    .product-content-right .discount-box {
        top: inherit;
        right: inherit;
        left: 0;
    }

    .product-info .title-name-fa {
        font-size: 14px !important;
    }

    .product-info .title-name-en {
        font-size: 10px !important;
    }

    .product-info .name-product-box {
        align-items: end !important;
    }

        .product-info .name-product-box .sales-number-box {
            margin-bottom: 10px;
            width: 13rem;
        }

            .product-info .name-product-box .sales-number-box span {
                font-size: 1rem !important;
            }

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

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

    .product-info-Spec {
        align-items: inherit !important;
        padding: 0 !important;
    }

        .product-info-Spec .nav-tabs {
            display: flex;
            flex-direction: column;
            margin: 15px !important;
        }

        .product-info-Spec .nav-bar .nav .nav-link {
            flex-direction: row !important;
            padding: 15px;
        }

            .product-info-Spec .nav-bar .nav .nav-link i {
                margin-left: 10px;
            }

        .product-info-Spec .tab-content .small-check h2,
        .product-info-Spec .tab-content .small-check h2 span {
            font-size: 1.5rem !important;
        }

        .product-info-Spec .tab-content .small-check h3,
        .product-info-Spec .tab-content .small-check h3 span {
            font-size: 1.2rem !important;
        }

        .product-info-Spec .tab-content .small-check h4,
        .product-info-Spec .tab-content .small-check h4 span {
            font-size: 1.1rem !important;
        }

    .name-product {
        width: 100%;
    }

    .user-comments .form-box-comment {
        width: 100%;
    }

    .user-comments .comments-registered {
        width: 100%;
        padding-right: 0 !important;
        margin-top: 15px;
    }

        .user-comments .comments-registered .comments-registered-span {
            font-size: 1.8rem !important;
        }

        .user-comments .comments-registered .comments-registered-title {
            font-size: 1.6rem !important;
        }

        .user-comments .comments-registered .profile-box {
            flex-direction: column !important;
        }

        .user-comments .comments-registered .line-span {
            display: none;
        }

        .user-comments .comments-registered span {
            margin-top: 5px;
        }

        .user-comments .comments-registered .user-information {
            align-items: end !important;
            padding-bottom: 10px;
        }

    .comments-registered-text {
        text-align: justify;
        font-size: 1.4rem !important;
    }

    /* ------------------------------------------------------ */
    /* -----------------------# productlist------------------ */
    /* ------------------------------------------------------ */

    /* ----------------------#filters----------------------- */
    .Filters {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        background-color: #ececec;
        width: 100%;
        height: 100vh;
        margin-top: 0;
        overflow-y: scroll;
        z-index: 1099999;
        border-radius: 0;
        padding-top: 6rem;
        padding-bottom: 6rem;
    }

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

    .page-productlist .product-item {
        width: 48%;
        height: auto;
        margin-bottom: 15px;
    }

    .cart-box {
        padding: 5px 10px !important;
    }

        .cart-box i {
            font-size: 1.2rem !important;
        }

    .page-productlist .product-item .real-price {
        font-size: 1.4rem !important;
    }

    .sort-bar-box {
        flex-direction: column;
        height: auto;
        align-items: self-start !important;
        padding-bottom: 15px;
    }

    .order-by-box {
        width: 100%;
        display: flex;
        justify-content: end;
        margin-top: 15px;
    }

    .name-list-box {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

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

        .name-list-box span {
            font-size: 1.2rem !important;
        }

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

    .pure-feature-countdown {
        flex-direction: column !important;
    }

    .clock-item {
        width: 4rem;
        height: 4rem;
    }

    /* ------------------------------------------------- */
    /* -------------------#contact us------------------- */
    /* ------------------------------------------------- */
    .contant-page .title-address {
        font-size: 20px !important;
    }

    .contant-page .address-contact-box .item-address {
        font-size: 14px !important;
    }

    .contant-page .form-contant-box {
        margin-top: 30px;
    }

    /* ---------------------------------------------- */
    /* -------------------#blog---------------------- */
    /* ---------------------------------------------- */
    .single-blog-page .grouping {
        font-size: 1.2rem !important;
    }

    .blog .single-blog-page .header-box {
        flex-direction: column;
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
        height: 11rem;
        justify-content: inherit !important;
        align-items: start !important;
    }

        .blog .single-blog-page .header-box .name-blog-fa {
            font-size: 20px !important;
            line-height: 35px;
        }

    .blog .single-blog-page .grouping-scoring-box {
        flex-direction: column !important;
        flex-direction: column;
        justify-content: space-around !important;
        align-items: flex-end !important;
    }

        .blog .single-blog-page .grouping-scoring-box .user-rating {
            margin-top: 20px;
        }

    .Label-box {
        justify-content: space-between;
    }

    .blog .single-blog-page .article-abstract-box {
        flex-direction: column;
    }

        .blog .single-blog-page .article-abstract-box .image-blog {
            width: 100%;
        }

        .blog .single-blog-page .article-abstract-box .article-abstract-text {
            width: 100%;
            padding: 15px 5px 0 !important;
        }

    .blog .blog-content p {
        font-size: 1.4rem;
        line-height: 2;
        text-align: justify;
    }
    /* --------------------------------------------------- */
    /* -------------------#page bloglist------------------ */
    /* --------------------------------------------------- */
    .article-item {
        width: auto;
        height: 26rem;
    }

    .page-bloglist .article-item {
        width: 48%;
    }

    .article-item .image-box {
        height: 14rem;
    }

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

    .article-item .content-box .title-blog {
        width: 100%;
        height: 8rem;
        font-size: 1.2rem !important;
        line-height: 20px;
    }

    .artcle-list-box {
        height: 33rem;
        overflow: hidden;
    }

    .history-box i {
        font-size: 1.6rem !important;
    }

    .history-box span {
        font-size: 1rem !important;
    }
    /* ---------------------#mainslider-------------------- */
    .mainslider-box-bass,
    .mainslider-box .mainslider-item {
        width: 100%;
        height: auto;
        max-height: auto;
    }

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

    .mobile__nav .mobile__nav--bar {
        top: 100px;
        right: 0;
    }

    .read-more-box h1 {
        font-size: 20px;
    }

    .read-more-box h2 {
        font-size: 16px;
    }

    .read-more-box p {
        font-size: 13px;
    }

    /* ----------------- */
    /* ----- #Cart ----- */
    /* ----------------- */
    .cart-item {
        min-height: 33rem;
    }

    .cart-sendbar .cart-item {
        min-height: auto;
    }

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

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

    .cart .cart-item-box .cart-item-content {
        width: 60%;
        padding-right: 10px;
    }

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

    .finalcart .finalcart__info .finalcart__info--form .finalcart__info--form-value {
        flex-basis: auto;
        margin-bottom: 1.5rem;
    }

    .comment-box span {
        font-size: 1.6rem !important;
    }

    .comment-box p {
        font-size: 1.4rem !important;
    }

    .no-comment {
        font-size: 1.2rem !important;
    }

    .contactus .contactus__image {
        height: auto;
        margin-bottom: 25px;
    }

    .info-page .col-main {
        padding: 25px 25px;
    }

        .info-page .col-main h2, .info-page .col-main h5 {
            padding-bottom: 50px;
        }

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

    .send-message__image-box .send-message__image img {
        width: 100%;
    }

    .col-lg-6.send-message__image-box {
        order: 1;
    }

    .col-lg-6.send-message-box {
        order: 2;
    }

    .finalcart {
        margin-bottom: 20px;
    }

    .product-info-Spec .spec ul.spec-list li .spec-value {
        width: 73%;
    }

    .amazing-suggestions .list-offer .item-offer .timer {
        position: inherit;
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .hide-mob {
        display: none !important;
    }

    .hide-des {
        display: block !important;
    }
    /* ----------------------#header---------------------- */
    header .header-top {
        padding: 15px 0 !important;
    }

        header .header-top .login-cart-box {
            position: absolute;
            top: 95px;
            left: 14px;
        }

    .search-box {
        width: calc(100% - 9rem);
    }

    .title-result {
        font-size: 1.2rem !important;
    }

    .login-cart-box .cart-items .number-cart {
        width: 12px;
        height: 12px;
        bottom: 17px;
    }

    .login-cart-box .cart-items {
        padding: 5px 10px !important;
    }

        .login-cart-box .cart-items span {
            font-size: 1.2rem !important;
        }

        .login-cart-box .cart-items i {
            font-size: 1.5rem !important;
        }

        .login-cart-box .cart-items span.CartItems {
            font-size: .8rem !important;
        }

    header .header-top .logo-search-box {
        justify-content: space-between;
        width: 100%;
    }

    header .header-top .search-box form input {
        width: 100%;
        font-size: 13px;
    }

    header .header-top .logo-box {
        width: 9rem;
        height: auto;
    }

    .mobile__nav--bar-items {
        height: 3rem;
    }

    div#search-results {
        width: 100% !important;
        background: #fff !important;
        padding: 10px !important;
    }

        div#search-results ul li {
            height: auto !important;
        }

            div#search-results ul li a {
                line-height: 20px !important;
            }

    /* ----------#ads-2(min-width: 768px)and (max-width:991px) ------- */
    .ads.ads-4 .ads-4-box {
        flex-wrap: wrap;
    }

        .ads.ads-4 .ads-4-box .item {
            width: calc(50% - .8rem);
        }

            .ads.ads-4 .ads-4-box .item:nth-child(3),
            .ads.ads-4 .ads-4-box .item:nth-child(4) {
                margin-top: 15px;
            }

    .ads.ads-2 .ads-2-box {
        flex-wrap: wrap;
    }

        .ads.ads-2 .ads-2-box .item {
            width: calc(100%);
        }

            .ads.ads-2 .ads-2-box .item:nth-child(2) {
                margin-top: 30px;
            }

    /* -------------Start Amazing suggestions --------------- */
    .amazing-suggestions .list-offer .item-offer .product-box {
        flex-direction: column;
        padding: 5px !important;
    }

    .amazing-suggestions .list-offer {
        height: auto;
    }

        .amazing-suggestions .list-offer .item-offer .content-box,
        .amazing-suggestions .list-offer .item-offer .image-box {
            width: 100%;
            margin-right: 0 !important;
        }

        .amazing-suggestions .list-offer .item-offer .title-product {
            flex-direction: column !important;
            align-items: center !important;
        }

            .amazing-suggestions .list-offer .item-offer .title-product .name-product .title-fa {
                font-size: 13px !important;
            }

            .amazing-suggestions .list-offer .item-offer .title-product .name-product .title-en {
                font-size: 12px !important;
            }

        .amazing-suggestions .list-offer .item-offer .sales-number-box {
            margin-top: 10px;
        }

        .amazing-suggestions .list-offer .item-offer .content-box .price-box {
            justify-content: center;
            padding: 10px 0 !important;
        }

            .amazing-suggestions .list-offer .item-offer .content-box .price-box .off-price,
            .amazing-suggestions .list-offer .item-offer .content-box .price-box .real-price {
                font-size: 1.2rem !important;
            }

    .pure-feature-box {
        margin: 20px;
    }

        .pure-feature-box .pure-feature-list {
            height: 7rem;
            width: 100%;
            flex-wrap: inherit;
            overflow-y: auto;
        }

    .amazing-suggestions {
        padding: 2rem;
    }

        .amazing-suggestions .title-box .title {
            font-size: 12px !important;
        }

    .list-offer.owl-theme .owl-nav.disabled + .owl-dots {
        flex-direction: inherit;
        position: inherit;
        bottom: 0;
        right: 0;
        justify-content: center;
    }

    .list-offer.owl-theme .owl-dots .owl-dot.active span {
        height: 13px;
        width: 20px;
    }

    .owl-theme .owl-dots .owl-dot {
        width: 2.1rem;
    }

    /*-------------------- product list box---------------- */
    .title-box .see-more {
        padding: 5px !important;
    }

        .title-box .see-more span {
            font-size: 10px !important;
        }

            .title-box .see-more span a {
                font-size: 14px !important;
            }

    .title-box .title {
        font-size: 17px !important;
    }

    .product-list .product-item .image-box {
        height: 20rem;
    }

    .product-item .conect-box .name-product {
        width: 16.5rem;
        font-size: 1.2rem !important;
    }

    .product-item .price-box {
        height: 6rem;
    }
    /*-------------------- product list box picture---------------- */
    .list-product-picture .product-list-box .product-list-1 .product-item .content-box {
        align-items: center !important;
        display: flex;
        flex-direction: column;
    }

    .list-product-picture .product-list-box .product-list-1::after {
        display: none;
    }

    .list-product-picture .product-list-box .product-list-1 {
        padding: 0 !important;
    }

        .list-product-picture .product-list-box .product-list-1 .product-item {
            height: auto;
            padding-right: 0;
        }

            .list-product-picture .product-list-box .product-list-1 .product-item .product-item-link {
                flex-direction: column !important;
            }

            .list-product-picture .product-list-box .product-list-1 .product-item .image-box {
                width: 12rem;
                height: 12rem;
            }

        .list-product-picture .product-list-box .product-list-1 .name-product::before {
            display: none;
        }

        .list-product-picture .product-list-box .product-list-1 .name-product {
            text-align: center;
            font-size: 15px !important;
            margin-top: 10px;
        }

        .list-product-picture .product-list-box .product-list-1 .product-item .price-box {
            display: flex;
            flex-direction: column !important;
        }

        .list-product-picture .product-list-box .product-list-1 .discount-box,
        .list-product-picture .product-list-box .product-list-1 .off-price,
        .list-product-picture .product-list-box .product-list-1 .real-price {
            margin-bottom: 10px;
        }

    .owl-carousel .owl-nav button.owl-next {
        top: 42%;
    }

    .owl-carousel .owl-nav button.owl-prev {
        top: 42%;
    }

    /* ----------------Section Features Box----------------- */
    .features-box {
        justify-content: center !important;
        padding: 10px 0 10px 0 !important;
    }

        .features-box .features-item {
            width: auto;
            height: auto;
            flex-direction: column;
            margin: 5px 10px;
            justify-content: space-between;
        }

            .features-box .features-item .image-box {
                width: 3.5rem;
                height: 4rem;
            }

            .features-box .features-item span {
                font-size: 10px !important;
                display: flex;
                margin-top: 15px;
            }

            .features-box .features-item .image-box img {
                margin-left: 0 !important;
            }

    /* ----------------footer----------------- */
    .application-box {
        padding: 10px !important;
    }

        .application-box span {
            font-size: 18px !important;
        }

        .application-box .application-list {
            width: 100%;
            display: flex;
            justify-content: end !important;
            margin-top: 20px !important;
        }

            .application-box .application-list .application-item {
                margin-right: 10px;
            }

    footer ul.nod-1 {
        flex-wrap: wrap;
        justify-content: center;
        padding: 0;
    }

        footer ul.nod-1 > li {
            box-shadow: none;
        }

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

    footer .col-12 {
        margin-top: 20px !important;
    }

    footer ul.nod-1 li {
        padding: 0 15px;
    }
    /* -------------------------------------------- */
    /* -----------------#singleproduct------------- */
    /* -------------------------------------------- */

    .product-item {
        width: 100%;
        height: auto;
    }

    .product-info .image-box .gallery-control .mid {
        width: 100%;
        height: auto;
    }

        .product-info .image-box .gallery-control .mid img {
            width: 100%;
            border-radius: 10px;
        }

    .product-info .image-box {
        height: auto;
    }

        .product-info .image-box .gallery-control {
            padding: 1rem !important;
        }

        .product-info .image-box .other-facilities {
            padding: 10px !important;
        }

            .product-info .image-box .other-facilities li i {
                color: #424242 !important;
                font-size: 1.4rem !important;
            }

    .product-info {
        flex-direction: column !important;
    }

        .product-info .image-box {
            width: 100%;
        }

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

    .product-content-right .discount-box {
        top: inherit;
        right: inherit;
        left: 0;
    }

    .product-info .title-name-fa {
        font-size: 14px !important;
    }

    .product-info .title-name-en {
        font-size: 10px !important;
    }

    .product-info .name-product-box {
        align-items: end !important;
    }

        .product-info .name-product-box .sales-number-box {
            margin-bottom: 10px;
            width: 13rem;
        }

            .product-info .name-product-box .sales-number-box span {
                font-size: 1rem !important;
            }

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

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

    .product-info-Spec {
        align-items: inherit !important;
        padding: 0 !important;
    }

        .product-info-Spec .nav-tabs {
            display: flex;
            flex-direction: column;
            margin: 15px !important;
        }

        .product-info-Spec .nav-bar .nav .nav-link {
            flex-direction: row !important;
            padding: 15px;
        }

            .product-info-Spec .nav-bar .nav .nav-link i {
                margin-left: 10px;
            }

        .product-info-Spec .tab-content .small-check h2,
        .product-info-Spec .tab-content .small-check h2 span {
            font-size: 1.5rem !important;
        }

        .product-info-Spec .tab-content .small-check h3,
        .product-info-Spec .tab-content .small-check h3 span {
            font-size: 1.2rem !important;
        }

        .product-info-Spec .tab-content .small-check h4,
        .product-info-Spec .tab-content .small-check h4 span {
            font-size: 1.1rem !important;
        }

    .name-product {
        width: 100%;
    }

    .user-comments .form-box-comment {
        width: 100%;
    }

    .user-comments .comments-registered {
        width: 100%;
        padding-right: 0 !important;
        margin-top: 15px;
    }

        .user-comments .comments-registered .comments-registered-span {
            font-size: 1.8rem !important;
        }

        .user-comments .comments-registered .comments-registered-title {
            font-size: 1.6rem !important;
        }

        .user-comments .comments-registered .profile-box {
            flex-direction: column !important;
        }

        .user-comments .comments-registered .line-span {
            display: none;
        }

        .user-comments .comments-registered span {
            margin-top: 5px;
        }

        .user-comments .comments-registered .user-information {
            align-items: end !important;
            padding-bottom: 10px;
        }

    .comments-registered-text {
        text-align: justify;
        font-size: 1.4rem !important;
    }

    /* ------------------------------------------------------ */
    /* -----------------------# productlist------------------ */
    /* ------------------------------------------------------ */

    /* ----------------------#filters----------------------- */
    .Filters {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        background-color: #ececec;
        width: 100%;
        height: 100vh;
        margin-top: 0;
        overflow-y: scroll;
        z-index: 1099999;
        border-radius: 0;
        padding-top: 6rem;
        padding-bottom: 6rem;
    }

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

    .page-productlist .product-item {
        width: 48%;
        height: auto;
        margin-bottom: 15px;
    }

    .cart-box {
        padding: 5px 10px !important;
    }

        .cart-box i {
            font-size: 1.2rem !important;
        }

    .page-productlist .product-item .real-price {
        font-size: 1.4rem !important;
    }

    .sort-bar-box {
        flex-direction: column;
        height: auto;
        align-items: self-start !important;
        padding-bottom: 15px;
    }

    .order-by-box {
        width: 100%;
        display: flex;
        justify-content: end;
        margin-top: 15px;
    }

    .name-list-box {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

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

        .name-list-box span {
            font-size: 1.2rem !important;
        }

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

    .pure-feature-countdown {
        flex-direction: column !important;
    }

    .clock-item {
        width: 4rem;
        height: 4rem;
    }

    /* ------------------------------------------------- */
    /* -------------------#contact us------------------- */
    /* ------------------------------------------------- */
    .contant-page .title-address {
        font-size: 20px !important;
    }

    .contant-page .address-contact-box .item-address {
        font-size: 14px !important;
    }

    .contant-page .form-contant-box {
        margin-top: 30px;
    }

    /* ---------------------------------------------- */
    /* -------------------#blog---------------------- */
    /* ---------------------------------------------- */
    .single-blog-page .grouping {
        font-size: 1.2rem !important;
    }

    .blog .single-blog-page .header-box {
        flex-direction: column;
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
        height: 11rem;
        justify-content: inherit !important;
        align-items: start !important;
    }

        .blog .single-blog-page .header-box .name-blog-fa {
            font-size: 20px !important;
            line-height: 35px;
        }

    .blog .single-blog-page .grouping-scoring-box {
        flex-direction: column !important;
        flex-direction: column;
        justify-content: space-around !important;
        align-items: flex-end !important;
    }

        .blog .single-blog-page .grouping-scoring-box .user-rating {
            margin-top: 20px;
        }

    .Label-box {
        justify-content: space-between;
    }

    .blog .single-blog-page .article-abstract-box {
        flex-direction: column;
    }

        .blog .single-blog-page .article-abstract-box .image-blog {
            width: 100%;
        }

        .blog .single-blog-page .article-abstract-box .article-abstract-text {
            width: 100%;
            padding: 15px 5px 0 !important;
        }

    .blog .blog-content p {
        font-size: 1.4rem;
        line-height: 2;
        text-align: justify;
    }
    /* --------------------------------------------------- */
    /* -------------------#page bloglist------------------ */
    /* --------------------------------------------------- */
    .article-item {
        width: auto;
        height: 26rem;
    }

    .page-bloglist .article-item {
        width: 48%;
    }

    .article-item .image-box {
        height: 14rem;
    }

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

    .article-item .content-box .title-blog {
        width: 100%;
        height: 8rem;
        font-size: 1.2rem !important;
        line-height: 20px;
    }

    .artcle-list-box {
        height: 33rem;
        overflow: hidden;
    }

    .history-box i {
        font-size: 1.6rem !important;
    }

    .history-box span {
        font-size: 1rem !important;
    }
    /* ---------------------#mainslider-------------------- */
    .mainslider-box-bass,
    .mainslider-box .mainslider-item {
        width: 100%;
        height: auto;
        max-height: auto;
    }

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

    .mobile__nav .mobile__nav--bar {
        top: 100px;
        right: 0;
    }

    .read-more-box h1 {
        font-size: 20px;
    }

    .read-more-box h2 {
        font-size: 16px;
    }

    .read-more-box p {
        font-size: 13px;
    }

    /* ----------------- */
    /* ----- #Cart ----- */
    /* ----------------- */
    .cart-item {
        min-height: 33rem;
    }

    .cart-sendbar .cart-item {
        min-height: auto;
    }

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

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

    .cart .cart-item-box .cart-item-content {
        width: 60%;
        padding-right: 10px;
    }

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

    .finalcart .finalcart__info .finalcart__info--form .finalcart__info--form-value {
        flex-basis: auto;
        margin-bottom: 1.5rem;
    }

    .comment-box span {
        font-size: 1.6rem !important;
    }

    .comment-box p {
        font-size: 1.4rem !important;
    }

    .no-comment {
        font-size: 1.2rem !important;
    }

    .contactus .contactus__image {
        height: auto;
    }

    .info-page .col-main {
        padding: 25px 25px;
    }

        .info-page .col-main h2, .info-page .col-main h5 {
            padding-bottom: 50px;
        }

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

    .send-message__image-box .send-message__image img {
        width: 100%;
    }

    .col-lg-6.send-message__image-box {
        order: 1;
    }

    .col-lg-6.send-message-box {
        order: 2;
    }

    .finalcart {
        margin-bottom: 20px;
    }

    .amazing-suggestions .list-offer .item-offer .timer {
        position: inherit;
    }
}

@media (min-width: 992px) and (max-width:1199px) {

    header .header-top .search-box form input {
        width: 33rem;
        height: 4rem;
    }

    /*-------------------- product list box picture---------------- */
    .list-product-picture .product-list-box .product-list-1::after {
        display: none;
    }

    .list-product-picture .product-list-box .product-list-1 {
        padding: 0 !important;
    }

        .list-product-picture .product-list-box .product-list-1 .product-item {
            height: auto;
            padding-right: 0;
        }

            .list-product-picture .product-list-box .product-list-1 .product-item .product-item-link {
                flex-direction: column !important;
            }

            .list-product-picture .product-list-box .product-list-1 .product-item .image-box {
                width: 12rem;
                height: 12rem;
            }

        .list-product-picture .product-list-box .product-list-1 .name-product::before {
            display: none;
        }

        .list-product-picture .product-list-box .product-list-1 .name-product {
            text-align: center;
            font-size: 15px !important;
            margin-top: 10px;
        }

        .list-product-picture .product-list-box .product-list-1 .product-item .price-box {
            display: flex;
            flex-direction: column !important;
        }

        .list-product-picture .product-list-box .product-list-1 .discount-box,
        .list-product-picture .product-list-box .product-list-1 .off-price,
        .list-product-picture .product-list-box .product-list-1 .real-price {
            margin-bottom: 10px;
        }

    .owl-carousel .owl-nav button.owl-next {
        top: 42%;
    }

    .owl-carousel .owl-nav button.owl-prev {
        top: 42%;
    }

    .user-comments .comments-registered .comments-registered-span {
        font-size: 1.8rem !important;
    }

    .user-comments .comments-registered .comments-registered-title {
        font-size: 1.6rem !important;
    }

    .user-comments .comments-registered .profile-box {
        flex-direction: column !important;
    }

    .user-comments .comments-registered .line-span {
        display: none;
    }

    .user-comments .comments-registered span {
        margin-top: 5px;
    }

    .user-comments .comments-registered .user-information {
        align-items: end !important;
        padding-bottom: 10px;
    }

    .comments-registered-text {
        text-align: justify;
        font-size: 1.4rem !important;
    }

    .clock-item {
        width: 4rem;
        height: 4rem;
        line-height: 1rem;
    }

    .page-productlist .product-item {
        width: 49%;
        height: auto;
        margin-bottom: 15px;
    }

    .product-item .image-box {
        width: 100%;
    }

    /* --------------------------------------------------- */
    /* -------------------#page bloglist------------------ */
    /* --------------------------------------------------- */
    .page-bloglist .article-item {
        width: 49%;
    }
    /* ---------------------#mainslider-------------------- */
    .mainslider-box-bass,
    .mainslider-box .mainslider-item {
        width: 100%;
        height: auto;
        max-height: auto;
    }

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

    .widget .widget-category-list ul li a {
        font-size: 13px;
    }

    .blog .single-blog-page .header-box {
        flex-direction: column;
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
        height: 11rem;
        justify-content: inherit !important;
        align-items: start !important;
    }
}

@media (min-width: 1200px) and (max-width: 1550px) {

    header .header-top .search-box form input {
        width: 52rem;
    }

    .login-cart-box .cart-items {
        padding: 5px 15px !important;
    }

    .list-product-picture .product-list-box .product-list-1 .product-item .image-box {
        width: 9rem;
        height: 9rem;
    }

        .list-product-picture .product-list-box .product-list-1 .product-item .image-box img {
            width: 75%;
            height: auto;
        }

    .list-product-picture .product-list-box .product-list-1 .product-item .content-box {
        width: calc(100% - 9rem);
    }

    .page-productlist .product-item {
        width: 32%;
        height: auto;
        margin-bottom: 15px;
    }

    .product-item .image-box {
        width: 100%;
        height: 25rem;
    }

    /* --------------------------------------------------- */
    /* -------------------#page bloglist------------------ */
    /* --------------------------------------------------- */
    .page-bloglist .article-item {
        width: 32%;
    }

    .product-info .image-box .gallery-control .mid {
        height: 26rem;
    }

    .widget .widget-category-list ul li a {
        font-size: 12px;
    }

    .widget .widget-category-list ul .cco3 {
        padding-right: 0;
    }

    .widget .widget-category-list ul .cco2 {
        padding-right: 0;
    }

    .blog .single-blog-page .header-box {
        flex-direction: column;
        padding-top: 1.5rem !important;
        padding-bottom: 1rem !important;
        height: 11rem;
        justify-content: inherit !important;
        align-items: start !important;
    }

    .mainslider-box-bass,
    .mainslider-box .mainslider-item {
        width: 100%;
        height: auto;
        max-height: inherit;
    }
}


/* ----- #Search ----- */
#searchlogo {
    display: none;
    width: 25px;
    float: left;
    position: relative;
    margin-left: 11px;
    margin-top: -30px;
}

div#search-results ul li:hover {
    color: rgb(255, 68, 0);
}

    div#search-results ul li:hover a {
        color: rgb(255, 68, 0);
    }

div#search-results {
    width: 90rem;
    position: absolute;
    display: none;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 15px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 15px;
    z-index: 100;
    background: -webkit-gradient(linear, left top, right top, from(rgb(252, 252, 252)), color-stop(49%, rgb(242, 242, 242)), color-stop(51%, rgb(232, 232, 232)), to(rgb(252, 252, 252)));
    background: linear-gradient(to right, rgb(252, 252, 252) 0%, rgb(242, 242, 242) 49%, rgb(232, 232, 232) 51%, rgb(252, 252, 252) 100%);
}

    div#search-results .row {
        position: relative;
        background-color: transparent;
    }

        div#search-results .row .results-col {
            height: 490px;
            border-left: 1px solid rgb(189, 195, 199);
            background-color: transparent;
        }

            div#search-results .row .results-col:last-child {
                border-left: none;
            }

    div#search-results span {
        font-size: 1.1em;
    }

    div#search-results ul {
        position: relative;
        top: 37px;
        right: -30px;
        overflow-y: auto;
        width: 100%;
    }

        div#search-results ul::-webkit-scrollbar {
            width: 10px;
            background-color: rgb(229, 229, 229);
        }

        div#search-results ul li {
            height: 35px;
            line-height: 35px;
            -webkit-transition: all 0.15s;
            transition: all 0.15s;
            clear: both;
            overflow: hidden;
            display: block;
            width: 100%;
            position: relative;
            text-decoration: none;
            color: rgb(127, 140, 141);
            border-radius: 3px;
        }

    div#search-results div.group ul,
    div#search-results div.blogs ul {
        line-height: 30;
        height: 80%;
        overflow: auto;
    }

        div#search-results div.group ul li,
        div#search-results div.blogs ul li {
            line-height: 30;
            height: 30px;
        }

    div#search-results ul li img {
        width: 35px;
        height: 35px;
        float: right;
    }

    div#search-results ul li a {
        text-decoration: none;
        font-size: 1em;
        color: rgb(101, 101, 101);
        -webkit-transition: all 0.15s;
        transition: all 0.15s;
        float: right;
        margin-right: 8px;
        line-height: 35px;
    }

        div#search-results ul li a img {
            margin-left: 5px;
        }

    div#search-results div.group,
    div#search-results div.blogs {
        height: 50%;
        width: 100%;
    }

    div#search-results ul li a i {
        position: static;
    }

.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url("/images/loader.gif") center center no-repeat rgb(255, 255, 255);
}

.content-shop-brand a {
    width: 150px;
    border: 1px solid rgb(229, 229, 229);
    border-radius: 5px;
    padding: 5px;
    margin: 10px;
}

.display-hide,
.display-none {
    display: none !important;
}


/* ----- #Search ----- */
#searchlogo {
    display: none;
    width: 25px;
    position: absolute;
    top: 8px !important;
    left: 50px !important;
    margin-top: 0px !important;
}

div#search-results {
    z-index: 10102 !important;
}

    div#search-results ul {
        right: 10px !important;
    }

    div#search-results span {
        right: 5% !important;
    }

    div#search-results ul li a {
        font-size: 1.1rem !important;
        line-height: 25px !important;
    }




.lg-outer {
    direction: rtl;
}

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

.product-info .sticky-top.product-info-buy {
    top: 4rem;
}

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

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

    /* ===========change Gallery============ */

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

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

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

.lg-actions .lg-next,
.lg-actions .lg-prev {
    background-color: rgb(239, 239, 239) !important;
}

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

.lg-outer .lg-toogle-thumb {
    background-color: #fff !important;
}

    .lg-outer .lg-toogle-thumb:hover {
        color: black !important;
    }

.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
    border-color: black !important;
}

.modal-header .close {
    font-size: 2.5rem;
    color: #fff;
}




.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;
        margin-right: .5rem;
        position: relative;
        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;
}
.disabled {
    pointer-events: none;
    opacity: 0.4;
}
.toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#fff;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:alpha(Opacity=80);filter:alpha(opacity=80)}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:alpha(Opacity=40);filter:alpha(opacity=40)}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#fff;opacity:.8;-ms-filter:alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin:auto}.toast{background-color:#030303}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}}

.lg-sub-html,.lg-toolbar{background-color:rgba(0,0,0,.45)}@font-face{font-family:lg;src:url(/Scripts/Gallery/dist/fonts/lg.eot?n1z373);src:url(/Scripts/Gallery/dist/fonts/lg.eot?#iefixn1z373) format("embedded-opentype"),url(/Scripts/Gallery/dist/fonts/lg.woff?n1z373) format("woff"),url(/Scripts/Gallery/dist/fonts/lg.ttf?n1z373) format("truetype"),url(/Scripts/Gallery/dist/fonts/lg.svg?n1z373#lg) format("svg");font-weight:400;font-style:normal}.lg-icon{font-family:lg;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lg-actions .lg-next,.lg-actions .lg-prev{background-color:rgba(0,0,0,.45);border-radius:2px;color:#999;cursor:pointer;display:block;font-size:22px;margin-top:-10px;padding:8px 10px 9px;position:absolute;top:50%;z-index:1080;border:none;outline:0}.lg-actions .lg-next.disabled,.lg-actions .lg-prev.disabled{pointer-events:none;opacity:.5}.lg-actions .lg-next:hover,.lg-actions .lg-prev:hover{color:#FFF}.lg-actions .lg-next{right:20px}.lg-actions .lg-next:before{content:"\e095"}.lg-actions .lg-prev{left:20px}.lg-actions .lg-prev:after{content:"\e094"}@-webkit-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-moz-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-ms-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-webkit-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@-moz-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@-ms-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}.lg-outer.lg-right-end .lg-object{-webkit-animation:lg-right-end .3s;-o-animation:lg-right-end .3s;animation:lg-right-end .3s;position:relative}.lg-outer.lg-left-end .lg-object{-webkit-animation:lg-left-end .3s;-o-animation:lg-left-end .3s;animation:lg-left-end .3s;position:relative}.lg-toolbar{z-index:1082;left:0;position:absolute;top:0;width:100%}.lg-toolbar .lg-icon{color:#999;cursor:pointer;float:right;font-size:24px;height:47px;line-height:27px;padding:10px 0;text-align:center;width:50px;text-decoration:none!important;outline:0;-webkit-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear}.lg-toolbar .lg-icon:hover{color:#FFF}.lg-toolbar .lg-close:after{content:"\e070"}.lg-toolbar .lg-download:after{content:"\e0f2"}.lg-sub-html{bottom:0;color:#EEE;font-size:16px;left:0;padding:10px 40px;position:fixed;right:0;text-align:center;z-index:1080}.lg-sub-html h4{margin:0;font-size:13px;font-weight:700}.lg-sub-html p{font-size:12px;margin:5px 0 0}#lg-counter{color:#999;display:inline-block;font-size:16px;padding-left:20px;padding-top:12px;vertical-align:middle}.lg-next,.lg-prev,.lg-toolbar{opacity:1;-webkit-transition:-webkit-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;-moz-transition:-moz-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;-o-transition:-o-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;transition:transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear}.lg-hide-items .lg-prev{opacity:0;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}.lg-hide-items .lg-next{opacity:0;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}.lg-hide-items .lg-toolbar{opacity:0;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0;-webkit-transition:-webkit-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-moz-transition:-moz-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-o-transition:-o-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;transition:transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}.lg-outer .lg-thumb-outer{background-color:#0D0A0A;bottom:0;position:absolute;width:100%;z-index:1080;max-height:350px;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .25s cubic-bezier(0,0,.25,1) 0s;transition:transform .25s cubic-bezier(0,0,.25,1) 0s}.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb{-webkit-transition-duration:0s!important;transition-duration:0s!important}.lg-outer.lg-thumb-open .lg-thumb-outer{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-thumb{padding:10px 0;height:100%;margin-bottom:-5px}.lg-outer .lg-thumb-item{cursor:pointer;float:left;overflow:hidden;height:100%;border:2px solid #FFF;border-radius:4px;margin-bottom:5px}@media (min-width:1025px){.lg-outer .lg-thumb-item{-webkit-transition:border-color .25s ease;-o-transition:border-color .25s ease;transition:border-color .25s ease}}.lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item:hover{border-color:#a90707}.lg-outer .lg-thumb-item img{width:100%;height:100%;object-fit:cover}.lg-outer.lg-has-thumb .lg-item{padding-bottom:120px}.lg-outer.lg-can-toggle .lg-item{padding-bottom:0}.lg-outer.lg-pull-caption-up .lg-sub-html{-webkit-transition:bottom .25s ease;-o-transition:bottom .25s ease;transition:bottom .25s ease}.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html{bottom:100px}.lg-outer .lg-toogle-thumb{background-color:#0D0A0A;border-radius:2px 2px 0 0;color:#999;cursor:pointer;font-size:24px;height:39px;line-height:27px;padding:5px 0;position:absolute;right:20px;text-align:center;top:-39px;width:50px}.lg-outer .lg-toogle-thumb:hover,.lg-outer.lg-dropdown-active #lg-share{color:#FFF}.lg-outer .lg-toogle-thumb:after{content:"\e1ff"}.lg-outer .lg-video-cont{display:inline-block;vertical-align:middle;max-width:1140px;max-height:100%;width:100%;padding:0 5px}.lg-outer .lg-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}.lg-outer .lg-video .lg-object{display:inline-block;position:absolute;top:0;left:0;width:100%!important;height:100%!important}.lg-outer .lg-video .lg-video-play{width:84px;height:59px;position:absolute;left:50%;top:50%;margin-left:-42px;margin-top:-30px;z-index:1080;cursor:pointer}.lg-outer .lg-has-iframe .lg-video{-webkit-overflow-scrolling:touch;overflow:auto}.lg-outer .lg-has-vimeo .lg-video-play{background:url(/Scripts/Gallery/dist/img/vimeo-play.png) no-repeat}.lg-outer .lg-has-vimeo:hover .lg-video-play{background:url(/Scripts/Gallery/dist/img/vimeo-play.png) 0 -58px no-repeat}.lg-outer .lg-has-html5 .lg-video-play{background:url(/Scripts/Gallery/dist/img/video-play.png) no-repeat;height:64px;margin-left:-32px;margin-top:-32px;width:64px;opacity:.8}.lg-outer .lg-has-html5:hover .lg-video-play{opacity:1}.lg-outer .lg-has-youtube .lg-video-play{background:url(/Scripts/Gallery/dist/img/youtube-play.png) no-repeat}.lg-outer .lg-has-youtube:hover .lg-video-play{background:url(/Scripts/Gallery/dist/img/youtube-play.png) 0 -60px no-repeat}.lg-outer .lg-video-object{width:100%!important;height:100%!important;position:absolute;top:0;left:0}.lg-outer .lg-has-video .lg-video-object{visibility:hidden}.lg-outer .lg-has-video.lg-video-playing .lg-object,.lg-outer .lg-has-video.lg-video-playing .lg-video-play{display:none}.lg-outer .lg-has-video.lg-video-playing .lg-video-object{visibility:visible}.lg-progress-bar{background-color:#333;height:5px;left:0;position:absolute;top:0;width:100%;z-index:1083;opacity:0;-webkit-transition:opacity 80ms ease 0s;-moz-transition:opacity 80ms ease 0s;-o-transition:opacity 80ms ease 0s;transition:opacity 80ms ease 0s}.lg-progress-bar .lg-progress{background-color:#a90707;height:5px;width:0}.lg-progress-bar.lg-start .lg-progress{width:100%}.lg-show-autoplay .lg-progress-bar{opacity:1}.lg-autoplay-button:after{content:"\e01d"}.lg-show-autoplay .lg-autoplay-button:after{content:"\e01a"}.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition-duration:0s;transition-duration:0s}.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .3s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .3s cubic-bezier(0,0,.25,1) 0s;transition:transform .3s cubic-bezier(0,0,.25,1) 0s}.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;-moz-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;-o-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-moz-transition:-moz-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-o-transition:-o-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;transition:transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}#lg-zoom-in:after{content:"\e311"}#lg-actual-size{font-size:20px}#lg-actual-size:after{content:"\e033"}#lg-zoom-out{opacity:.5;pointer-events:none}#lg-zoom-out:after{content:"\e312"}.lg-zoomed #lg-zoom-out{opacity:1;pointer-events:auto}.lg-outer .lg-pager-outer{bottom:60px;left:0;position:absolute;right:0;text-align:center;z-index:1080;height:10px}.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont{overflow:visible}.lg-outer .lg-pager-cont{cursor:pointer;display:inline-block;overflow:hidden;position:relative;vertical-align:top;margin:0 5px}.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-pager-cont.lg-pager-active .lg-pager{box-shadow:0 0 0 2px #fff inset}.lg-outer .lg-pager-thumb-cont{background-color:#fff;color:#FFF;bottom:100%;height:83px;left:0;margin-bottom:20px;margin-left:-60px;opacity:0;padding:5px;position:absolute;width:120px;border-radius:3px;-webkit-transition:opacity .15s ease 0s,-webkit-transform .15s ease 0s;-moz-transition:opacity .15s ease 0s,-moz-transform .15s ease 0s;-o-transition:opacity .15s ease 0s,-o-transform .15s ease 0s;transition:opacity .15s ease 0s,transform .15s ease 0s;-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}.lg-outer .lg-pager-thumb-cont img{width:100%;height:100%}.lg-outer .lg-pager{background-color:rgba(255,255,255,.5);border-radius:50%;box-shadow:0 0 0 8px rgba(255,255,255,.7) inset;display:block;height:12px;-webkit-transition:box-shadow .3s ease 0s;-o-transition:box-shadow .3s ease 0s;transition:box-shadow .3s ease 0s;width:12px}.lg-outer .lg-pager:focus,.lg-outer .lg-pager:hover{box-shadow:0 0 0 8px #fff inset}.lg-outer .lg-caret{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px dashed;bottom:-10px;display:inline-block;height:0;left:50%;margin-left:-5px;position:absolute;vertical-align:middle;width:0}.lg-fullscreen:after{content:"\e20c"}.lg-fullscreen-on .lg-fullscreen:after{content:"\e20d"}.lg-outer #lg-dropdown-overlay{background-color:rgba(0,0,0,.25);bottom:0;cursor:default;left:0;position:fixed;right:0;top:0;z-index:1081;opacity:0;visibility:hidden;-webkit-transition:visibility 0s linear .18s,opacity .18s linear 0s;-o-transition:visibility 0s linear .18s,opacity .18s linear 0s;transition:visibility 0s linear .18s,opacity .18s linear 0s}.lg-outer.lg-dropdown-active #lg-dropdown-overlay,.lg-outer.lg-dropdown-active .lg-dropdown{-webkit-transition-delay:0s;transition-delay:0s;-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;visibility:visible}.lg-outer .lg-dropdown{background-color:#fff;border-radius:2px;font-size:14px;list-style-type:none;margin:0;padding:10px 0;position:absolute;right:0;text-align:left;top:50px;opacity:0;visibility:hidden;-moz-transform:translate3d(0,5px,0);-o-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0);-webkit-transition:-webkit-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-moz-transition:-moz-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-o-transition:-o-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;transition:transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s}.lg-outer .lg-dropdown:after{content:"";display:block;height:0;width:0;position:absolute;border:8px solid transparent;border-bottom-color:#FFF;right:16px;top:-16px}.lg-outer .lg-dropdown>li:last-child{margin-bottom:0}.lg-outer .lg-dropdown>li:hover .lg-icon,.lg-outer .lg-dropdown>li:hover a{color:#333}.lg-outer .lg-dropdown a{color:#333;display:block;white-space:pre;padding:4px 12px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px}.lg-outer .lg-dropdown a:hover{background-color:rgba(0,0,0,.07)}.lg-outer .lg-dropdown .lg-dropdown-text{display:inline-block;line-height:1;margin-top:-3px;vertical-align:middle}.lg-outer .lg-dropdown .lg-icon{color:#333;display:inline-block;float:none;font-size:20px;height:auto;line-height:1;margin-right:8px;padding:0;vertical-align:middle;width:auto}.lg-outer,.lg-outer .lg,.lg-outer .lg-inner{width:100%;height:100%}.lg-outer #lg-share{position:relative}.lg-outer #lg-share:after{content:"\e80d"}.lg-outer #lg-share-facebook .lg-icon{color:#3b5998}.lg-outer #lg-share-facebook .lg-icon:after{content:"\e901"}.lg-outer #lg-share-twitter .lg-icon{color:#00aced}.lg-outer #lg-share-twitter .lg-icon:after{content:"\e904"}.lg-outer #lg-share-googleplus .lg-icon{color:#dd4b39}.lg-outer #lg-share-googleplus .lg-icon:after{content:"\e902"}.lg-outer #lg-share-pinterest .lg-icon{color:#cb2027}.lg-outer #lg-share-pinterest .lg-icon:after{content:"\e903"}.lg-group:after{content:"";display:table;clear:both}.lg-outer{position:fixed;top:0;left:0;z-index:1050;text-align:left;opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lg-outer.lg-visible{opacity:1}.lg-outer.lg-css3 .lg-item.lg-current,.lg-outer.lg-css3 .lg-item.lg-next-slide,.lg-outer.lg-css3 .lg-item.lg-prev-slide{-webkit-transition-duration:inherit!important;transition-duration:inherit!important;-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important}.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide{-webkit-transition-duration:0s!important;transition-duration:0s!important;opacity:1}.lg-outer.lg-grab img.lg-object{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer.lg-grabbing img.lg-object{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg{position:relative;overflow:hidden;margin-left:auto;margin-right:auto;max-width:100%;max-height:100%}.lg-outer .lg-inner{position:absolute;left:0;top:0;white-space:nowrap}.lg-outer .lg-item{background:url(/Scripts/Gallery/dist/img/loading.gif) center center no-repeat;display:none!important}.lg-outer.lg-css .lg-current,.lg-outer.lg-css3 .lg-current,.lg-outer.lg-css3 .lg-next-slide,.lg-outer.lg-css3 .lg-prev-slide{display:inline-block!important}.lg-outer .lg-img-wrap,.lg-outer .lg-item{display:inline-block;text-align:center;position:absolute;width:100%;height:100%}.lg-outer .lg-img-wrap:before,.lg-outer .lg-item:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}.lg-outer .lg-img-wrap{position:absolute;padding:0 5px;left:0;right:0;top:0;bottom:0}.lg-outer .lg-item.lg-complete{background-image:none}.lg-outer .lg-item.lg-current{z-index:1060}.lg-outer .lg-image{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;width:auto!important;height:auto!important}.lg-outer.lg-show-after-load .lg-item .lg-object,.lg-outer.lg-show-after-load .lg-item .lg-video-play{opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play{opacity:1}.lg-outer .lg-empty-html,.lg-outer.lg-hide-download #lg-download{display:none}.lg-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1040;background-color:#000;opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-backdrop.in{opacity:1}.lg-css3.lg-no-trans .lg-current,.lg-css3.lg-no-trans .lg-next-slide,.lg-css3.lg-no-trans .lg-prev-slide{-webkit-transition:none 0s ease 0s!important;-moz-transition:none 0s ease 0s!important;-o-transition:none 0s ease 0s!important;transition:none 0s ease 0s!important}.lg-css3.lg-use-css3 .lg-item,.lg-css3.lg-use-left .lg-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-css3.lg-fade .lg-item{opacity:0}.lg-css3.lg-fade .lg-item.lg-current{opacity:1}.lg-css3.lg-fade .lg-item.lg-current,.lg-css3.lg-fade .lg-item.lg-next-slide,.lg-css3.lg-fade .lg-item.lg-prev-slide{-webkit-transition:opacity .1s ease 0s;-moz-transition:opacity .1s ease 0s;-o-transition:opacity .1s ease 0s;transition:opacity .1s ease 0s}.lg-css3.lg-slide.lg-use-css3 .lg-item{opacity:0}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-slide.lg-use-left .lg-item{opacity:0;position:absolute;left:0}.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{left:-100%}.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide{left:100%}.lg-css3.lg-slide.lg-use-left .lg-item.lg-current{left:0;opacity:1}.lg-css3.lg-slide.lg-use-left .lg-item.lg-current,.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{-webkit-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}
@media screen and (-webkit-min-device-pixel-ratio:0){.wrap-cat-icon1 .list-cat-icon>li>a{padding:10px 20px 10px 0}.title-box1 .list-none li.active a::before{top:11px}.item-product1 .product-price{margin-bottom:17px}.wrap-cat-icon2 .list-cat-icon>li>a{padding:10px 20px 11px 0}.item-trending2 .product-info{padding:16px 0}.slider-cat-color .item-product{padding:20px 20px 17px}.item-bn-cat5{padding:20px 20px 15px}.item-hotdeal6 .product-title{margin-bottom:9px}.wrap-cat-icon9 .list-cat-icon>li>a{padding:11px 40px 10px 20px}.deal-product9 .product-info{padding-top:12px}.wrap-cat-icon8 .list-cat-icon>li>a{padding:10px 10px 11px 50px}.wrap-cat-icon8 .list-cat-icon{margin-top:0}.wrap-cat-icon10 .list-cat-icon>li>a{padding:10px 10px 11px 55px}.deal-slider10 .item-product10 .product-info{padding-top:18px}.item-product-type10 .item-product10 .product-info{margin-top:21px;padding-top:18px}.wrap-cat-icon12 .list-cat-icon>li>a{padding:10px 40px 10px 0}.wrap-cat-icon.wrap-cat-icon12{margin-right:7px}.wrap-cat-icon16 .list-cat-icon>li>a{padding:10px 40px 11px 20px}.wrap-cat-icon17 .list-cat-icon>li>a{padding:10px 40px 10px 0}}