::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background-color: white;
}

::-webkit-scrollbar-thumb {
    background-color: lightslategrey;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #aaaaaa;

}

html {
    scroll-behavior: smooth;
}

@font-face {
    font-family: "yekan";
    src: url("fonts/yekan.ttf") format("truetype"),
    url("fonts/yekan.eot?#iefix") format("embedded-opentype");
}


ul {
    padding: 0;
    margin: 0;
    text-decoration: none;
    list-style-type: none;
}

a {
    text-decoration: none;
    color: black;

}

a:link {
    color: black;
}

.firoze {
    background: #19bea5;
}

.text-justify {
    text-align: justify;
}

.border-bottom-light {
    border-bottom: 1px solid #eeeeee;
}

.border-bottom-red {
    border-bottom: 2px solid #f20800;
}

.border-top-light {
    border-top: 1px solid #eeeeee;
}

.fs-7 {
    font-size: 11pt;
}

.fs-8 {
    font-size: 10pt;
}

.fs-9 {
    font-size: 9pt;
}

.fs-10 {
    font-size: 8pt;
}

.top-10 {
    top: 16px;
}

.color-red {

    color: #f20800;
}

.bg-blue-light {
    background: rgba(3, 249, 249, 0.13);
}

.border-red1 {
    border: 1px solid #ff0043;
}

.bg-red-light {
    background: rgba(255, 0, 24, 0.05);
}

.bg-red {
    background: rgba(255, 0, 53, 0.94);
}

.size-img {

    width: 200px;
    height: 250px;
    margin-top: 10px;

}

.img-logo img {
    max-height: 65px;
    max-width: 300px;
}

.search {
    width: 100%;
}

.search-box {
    width: 93%;
    height: 70vh;
    box-shadow: 0 2px 3px #cccccc;
    position: relative;
    top: -58px;
    overflow-y: auto;
    display: none;
    z-index: 1000;
    background: white;
    border-top: 1px solid #cccccc;
    border-radius: 5px;
    padding-bottom: 40px;
}

.search-box p {
    font-size: 10pt;
}

.line2 {
    width: 90%;
    height: 2px;
    background: #19bea5;
    margin: auto;
    margin-bottom: 30px;
}

.bg-orange {
    background: rgba(255, 64, 0, 0.8);
}

.lineRead {
    width: 90%;
    height: 2px;
    background: #19bea5;
    margin: auto;
    margin-bottom: 30px;
}

.line {
    width: 90%;
    height: 1px;
    background: #00bebc;
    position: relative;
    top: 12px;
    margin: 0 auto;
}

.line1 {
    width: 100%;
    height: 18px;
    background: white;
    position: absolute;
    top: 179px;
}

.search-scroll {
    width: 100%;
    height: 101px;
    overflow-x: auto;
    margin-top: 30px;
    display: none;

}


.search-scroll ul {

    width: max-content;
    height: 100%;

}

.search-scroll ul li {
    width: 200px;
    height: 80px;
    border: 1px solid #dde0e3;
    border-radius: 5px;
    margin-right: 10px;
}

.search-scroll ul li:last-child {
    margin-left: 10px;
}

.pointer-event {
    pointer-events: none;
}

.hidden-drag {
    position: absolute;
    width: 100%;
    height: 100%;

    z-index: 10;
}

.search-scroll ul li img {
    max-width: 60px;
    max-height: 76px;
    padding: 1px 10px
}

.search-scroll p {
    font-size: 9pt;

    color: black;

}

.all-search {
    position: relative;
    top: 10px;
    display: none;
}

.all-search img {
    width: 22px;
    height: 22px;
    margin: 0 10px;

}

.icon-search {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 70px;
    top: 18px;
    cursor: pointer;
}

.icon-search1 {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 70px;
    top: 18px;
    cursor: pointer;
}

#spinner {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 10%;
    top: 19px;
    display: none;
    z-index: 1000;

}

#arrow-left {
    width: 35px;
    height: 35px;
    z-index: 11;
    left: 2px;
    top: 117px;
    cursor: pointer;

}

#arrow-right {
    width: 35px;
    height: 35px;
    z-index: 11;
    right: 0;
    top: 117px;
    cursor: pointer;

}

.activeslider {
    cursor: grabbing;

}

.login {
    width: 135px;
    height: 40px;
    border: 1px solid #cccccc;
    margin-top: 10px;
    border-radius: 5px;

}

.productList .itemProduct .price {

    font-size: 15pt;
    font-weight: bold;
}

.viewRead {
    position: absolute;
    bottom: 5px;
    right: 30%;
}

.icon-searchRead {
    width: 30px;
    height: 30px;
}

.digi-img {

    height: 60px;
    width: 60px;
}

.login p {
    font-size: 10pt;
}

.arrow-left {
    width: 25px;
    height: 25px;

}

.basket {
    width: 25px;
    height: 25px;
    transform: rotateY(180deg);
}
.img-logo p {
    font-size: 12pt;

}
@media (max-width: 576px) {

    .icon-search {

        left: 22px;

    }

    .icon-search1 {

        left: 45px;

    }

    .img-logo {

        display: flex;
        justify-content: center;
        text-align: center;
        border-bottom: 1px solid #eeeeee;
    }
.img-logo p {
    font-size: 10pt;
}
    .login {
        border: none;
        margin-top: 13px;
        position: relative;
        right: 50px;
    }

    .basket {
        position: relative;
        left: 10px;
        top: 3px;
    }

    .search-box {

        position: absolute;
        width: 100%;
        height: 100vh;
        top: 0;
        right: 0;

    }

    #arrow-right, #arrow-left {
        display: none;
    }

    .AllProductList .productList {

        width: 100%;
        margin-top: 32px;
    }

    .productList .itemProduct {
        width: 100%;
        height: 185px;
        border-bottom: 1px solid #eeeeee;
        cursor: pointer;
    }

    .productList .itemProduct:hover {
        box-shadow: 0 0 5px rgba(0, 0, 0, .3);
        z-index: 1;
        /*filter: drop-shadow(0 1px 5px rgba(0, 0, 0, .2));*/
    }

    .productList .itemProduct:first-child {

        border-top: 1px solid #eeeeee;

    }

    .text-sm-center {
        width: 35%;
        height: 100%;
    }

    .sm-h3 {
        width: 64%;

    }


    .productList .itemProduct .img-h3 {
        display: flex;
    }

    .productList .itemProduct h3 {
        font-size: 8pt;
        margin-top: 20px;
    }

    .productList .itemProduct .lengthProduct {
        font-size: 8pt;
        text-align: right;
        color: rgba(255, 0, 50, 0.75);

    }

    .productList .itemProduct .range {
        font-size: 8pt;

    }

    .productList .itemProduct .star {
        display: block;
        width: 16px;
        height: 16px;
        background: url("images/star.png") center no-repeat;

    }

    .productList .itemProduct .discount {
        width: 24px;
        height: 16px;
        position: relative;
        right: 0;
        background: rgba(228, 0, 7, 0.75);
        border-radius: 8px;
        font-size: 8pt;
        color: white;
        margin-bottom: 10px;
        text-align: center;
    }

    .productList .itemProduct .price {

        position: absolute;
        left: 35px;
        font-size: 15pt;
        font-weight: bold;
    }

    .productList .itemProduct .toman {

        position: absolute;
        left: 0;
        top: -1px;
        font-size: 8pt;

    }

    .productList .itemProduct .discountPrice span {

        color: #aaaaaa;
        font-size: 15pt;
        margin-top: 5px;
        text-align: left;
        margin-left: 35px;
        position: relative;
        display: block;

    }

    .productList .itemProduct .discountPrice span::before {
        content: "";
        width: 100%;

        border: 1px solid #dddddd;
        display: block;
        position: absolute;
        left: 0;
        top: 45%;
    }

}

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

    .img-logo {

        text-align: center;
        border-bottom: 1px solid #eeeeee;
    }

    .search-box {

        position: absolute;
        width: 100%;
        height: 100vh;
        top: 0;
        right: 0;

    }

    .login {

        margin-top: 13px;
        position: relative;
        right: 18%;
    }

    .basket {
        position: relative;
        right: 35%;
        top: 3px;
        margin-right: 20px;
    }

    #arrow-right, #arrow-left {
        display: none;
    }

}

@media (max-width: 450px) {

    .login {
        border: none;
        margin-top: 13px;
        position: relative;
        right: 40px;
    }

}

.close {
    position: relative;
    top: 5px;
    left: 1px;
}

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

    .login {

        margin-top: 13px;
        position: relative;
        right: 70px;

    }

    .login p {
        width: 135px;

    }

    .basket {
        position: relative;
        right: 70px;
        top: 3px;

    }

    .search-box {

        position: absolute;
        width: 100%;
        height: 100vh;
        top: 0;
        right: 0;

    }

    #arrow-right, #arrow-left {
        display: none;
    }

    .close {

        left: -20px;
    }

    .img-logo {


        text-align: center;
        border-bottom: 1px solid #eeeeee;
    }
}

.search-input {
    width: 100%;

}

.search-input1 {
    width: 100%;

}

.search-input input {
    width: 90%;
    background: white;
    margin: 10px;
    border: none;
    border-radius: 5px;
    height: 45px;
    padding-right: 10px;
    font-family: yekan;
    font-size: 10pt;

}

.search-input1 input {
    width: 90%;
    background: rgba(0, 0, 0, 0.06);
    margin: 10px;
    border: none;
    border-radius: 5px;
    height: 45px;
    padding-right: 10px;
    font-family: yekan;
    font-size: 10pt;

}

.dark {
    width: 100%;
    height: 100%;
    background: rgba(15, 0, 71, 0.36);
    position: fixed;
    display: none;
    top: 0;
    z-index: 10;

}

.dark6 {
    width: 100%;
    height: 100%;
    background: rgba(15, 0, 71, 0.5);
    position: fixed;
    display: none;
    top: 0;
    z-index: 101;

}

.dark7 {
    width: 100%;
    height: 100%;
    background: black;
    position: fixed;
    display: none;
    top: 0;
    z-index: 101;
    opacity: .3;
}

.dark1 {
    width: 100%;
    height: 100%;
    background: rgba(15, 0, 71, 0.36);
    position: fixed;
    display: none;
    top: 0;
    z-index: 10;

}

.icon-menu {

    width: 16px;
    height: 16px;

    background: url("images/icons8-menu-rounded-16.png") no-repeat;
}

.icon1 {
    width: 16px;
    height: 16px;

    background: url("images/icons8-basket-16.png") no-repeat;

}

.icon2 {
    width: 16px;
    height: 16px;

    background: url("images/icons8-hotjar-16.png") no-repeat;

}

nav .item p {
    font-size: 11pt;
    margin-right: 5px;
    margin-bottom: 0;
    color: black;
    position: relative;
    top: -4px;

}

.slider {

    width: 100%;
    height: 420px;

    overflow-x: auto;
    position: relative;
}

.slider::-webkit-scrollbar {
    display: none;
}

.slider {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.slider-content {

    height: 100%;

}


.slider .slider-content img {
    width: 100%;
    height: 100%;

}

.hidden {
    width: 100%;
    height: 20px;
    position: absolute;
    bottom: 0;
    z-index: 1;
    background: white;
}

.arrow-right-slider {
    content: '';
    width: 55px;
    height: 55px;
    border-radius: 100%;
    display: none;
    background: white url("images/arrow-right-slider.png") no-repeat center;
    margin: 0 auto;
    cursor: pointer;
    border: 1px solid #aaaaaa;
    position: absolute;
    top: 300px;
    right: 50px;
    z-index: 8;
}

.arrow-left-slider {
    content: '';
    width: 55px;
    height: 55px;
    border-radius: 100%;
    display: none;
    background: white url("images/arrow-left-slider.png") no-repeat center;
    cursor: pointer;
    border: 1px solid #aaaaaa;
    position: absolute;
    top: 300px;
    right: 115px;
    z-index: 8;
}

.navigator {

    bottom: 40px;
    position: absolute;
    right: 50px;
    left: 0;
    margin: 0 auto;

}

.navigator span {
    width: 5px;
    height: 5px;
    background: #6c757d;
    border-radius: 100%;
    margin-right: 10px;

    z-index: 9;
}

.kart img {

    max-width: 55px;
    max-height: 55px;
}

.kart p {
    font-size: 9pt;
    font-weight: bold;
}

.itemss {
    overflow-x: auto;
    cursor: pointer;
    width: 99.6%;
    margin-right: 1px;
    padding-bottom: 20px;

}

.itemss::-webkit-scrollbar {
    display: none;
}

.itemss {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.scrollbar {
    padding: 0;
    list-style-type: none;
    height: 225px;
    padding-top: 20px;
}

.scrollbar li p {
    font-size: 11pt;
}


.scrollbar li {
    width: 185px;
    height: 250px;
    position: relative;
    float: right;
    background: white;
    margin-right: 2px;
    border-radius: 5px;

    overflow: hidden;


}

.scrollbar li:first-child {

    background: #ff0043;
    color: white;

}

.scrollbar li:first-child img {

    max-width: 185px;
    max-height: 90px;

}


.scrollbar img {

    max-width: 160px;
    max-height: 159px;
}

.div-img {
    height: 160px;
}

.scrool-end {
    width: 98%;
    background: #ff0043;
    margin: 0 auto;
    border-radius: 15px;
    overflow: hidden;
}

.activeslider {
    cursor: grabbing;

}

.scrollbar li:hover img {
    transform: scale(1.03);
    transition: all ease-in .1s;
}

#arrow-left1 {
    content: '';
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: block;
    background: white url("images/Arrow-left-icon2.png") no-repeat center;
    margin: 0 auto;
    cursor: pointer;
    border: 1px solid #aaaaaa;
    position: absolute;
    top: 117px;
    left: 8px;
    z-index: 8;

}

#arrow-right1 {
    content: '';
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: block;
    background: white url("images/Arrow-right-icon2.png") no-repeat center;
    margin: 0 auto;
    cursor: pointer;
    border: 1px solid #aaaaaa;
    position: absolute;
    top: 117px;
    right: 8px;
    z-index: 8;

}

.banner img {
    max-width: 100%;
    max-height: 225px;
    border-radius: 20px;

}

.category-img img {
    max-width: 100%;
    max-height: 160px;

}

.category-img p {
    font-size: 10pt;
    font-weight: bold;
}

.proposal {
    overflow-x: scroll;
    width: 98%;
    margin: 0 auto;
    border: 1px solid #eeeeee;
    border-radius: 10px;
    cursor: pointer;

}

.proposal {
    -ms-overflow-style: none;
    scrollbar-width: none;

}

.proposal::-webkit-scrollbar {
    display: none;
}

.proposal-scroll {
    width: 5000px;
    height: 300px;
    cursor: pointer;
    border-radius: 10px;

}

.proposal .parent-part {
    width: 180px;
    height: 300px;
    border-left: 1px solid #eeeeee;
    cursor: pointer;

}

.proposal .part {
    width: 100%;
    height: 150px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.proposal .part img {
    margin-top: 20px;
    max-width: 80px;
    max-height: 80px;
    cursor: pointer;
}

.proposal .part p {
    font-size: 10pt;
    color: #4d5154;
    margin-top: 10px;
}

.proposal .part:first-child {

    border-bottom: 1px solid #eeeeee;
}

.arrow-left2 {
    content: '';
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: block;
    background: white url("images/Arrow-left-icon2.png") no-repeat center;
    margin: 0 auto;
    cursor: pointer;
    border: 1px solid #aaaaaa;
    position: absolute;
    top: 215px;
    left: 20px;
    z-index: 8;
}

.arrow-right2 {
    content: '';
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: block;
    background: white url("images/Arrow-right-icon2.png") no-repeat center;
    margin: 0 auto;
    cursor: pointer;
    border: 1px solid #aaaaaa;
    position: absolute;
    top: 215px;
    right: 20px;
    z-index: 8;

}

a.disabled {
    pointer-events: none;
    cursor: default;
}

.brandDiv {
    width: 98%;
    border: 1px solid #eeeeee;
    margin: 0 auto;
    border-radius: 10px;
    cursor: pointer;
    height: 225px;
}

.brand {
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-x: scroll;
    width: 100%;

}

.brand::-webkit-scrollbar {
    display: none;
}

.brand::-webkit-scrollbar {
    display: none;
}

.brand .brand-scroll {
    width: 5000px;
    height: 100%;
}

.brand .brand-parent {

    width: 150px;
    height: 130px;
    border-left: 1px solid #eeeeee;
    margin: 0 auto;
    text-align: center;

}

.brand .brand-parent:last-child {
    border-left: none;
}

.brand .brand-parent img {
    max-width: 130px;
    max-height: 120px;

}

.brandDiv .arrow-left3 {
    content: '';
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: block;
    background: white url("images/Arrow-left-icon2.png") no-repeat center;
    margin: 0 auto;
    cursor: pointer;
    border: 1px solid #aaaaaa;
    position: absolute;
    top: 115px;
    left: 10px;
    z-index: 8;
}

.brandDiv .arrow-right3 {
    content: '';
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: block;
    background: white url("images/Arrow-right-icon2.png") no-repeat center;
    margin: 0 auto;
    cursor: pointer;
    border: 1px solid #aaaaaa;
    position: absolute;
    top: 115px;
    right: 10px;
    z-index: 8;

}

.slider-scroll {
    margin: 0 auto;
    width: 98%;
    height: 300px;

}

.slider-scroll h2 {
    background: #9a006a;
    margin: 0;
    padding: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;

}

.slider-scroll .content {
    width: 100%;
    height: 100%;
    border: none;
    background: #9a006a;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;

}

.slider-scroll .content .prev {
    width: 5%;
    float: right;
    background: #9a006a;
    height: 100%;
    z-index: 5;

    border-bottom-right-radius: 10px;
}

.slider-scroll .content .main {
    width: 90%;
    float: right;
    overflow: hidden;
    height: 90%;
}

.slider-scroll .content .next {
    width: 5%;
    float: right;
    height: 100%;
    z-index: 5;
    background: #9a006a;
    border-bottom-left-radius: 10px;

}

.slider-scroll .content .prev .iconPrev {

    width: 42px;
    height: 42px;
    display: block;
    background: white url("images/arrow-right.png") no-repeat center;
    border-radius: 100%;
    border: 1px solid #aaaaaa;
    cursor: pointer;
    margin: 0 auto;
    position: relative;
    top: 115px;
    right: 15px;
}

.slider-scroll .content .next .iconNext {
    width: 42px;
    height: 42px;
    display: block;
    background: white url("images/arrow-left.png") no-repeat center;
    border-radius: 100%;
    border: 1px solid #aaaaaa;
    cursor: pointer;
    margin: 0 auto;
    position: relative;
    top: 115px;
    left: 7px;
}

.slider-scroll .content .main ul {

    height: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
    background: #9a006a;

}

.slider-scroll .content .main ul li {
    width: 21vw;
    height: 100%;
    background: white;
    margin-left: 10px;
    overflow: hidden;
    float: right;

    border-radius: 5px;
}

.slider-scroll .content .main ul li:first-child {
    margin-right: 10px;
}

.slider-scroll .content .main ul li a {
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;

}

.slider-scroll .content .main img {
    max-width: 100%;
    max-height: 60%;
    margin-top: 5px;

}

@media (max-width: 576px) {
    .slider-scroll .content .main ul li {
        width: 83.5vw;
        text-align: center;
    }

    .slider-scroll .content .next .iconNext {

        left: 30px;
    }

    .slider-scroll .content .prev .iconPrev {

        right: 10px;
    }
}

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

    .numberBasket {

        right: 39px;

    }

    .slider-scroll .content .main ul li {
        width: 42vw;
        text-align: center;
    }
}

@media (min-width: 769px) and (max-width: 992px) {

    .slider-scroll .content .main ul li {
        width: 28.5vw;
        text-align: center;
    }
}

.read .card {
    height: 265px !important;
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
}

.read .card img {
    max-height: 190px !important;
    max-width: 100%;
}

.read .card a {

    font-size: 11pt;
}

.read .matn h3 {

    position: relative;

    margin-right: 20px !important;
    top: 40px;
}

.read .matn p {

    left: 40px;
    top: 44px;
}

.footer {
    width: 100%;
    border: 1px solid #eeeeee;
    background: white;
    margin-top: 60px;
}

.footer .logo {
    width: 100%;
    height: 40px;

}

.footer .tell p {

    font-size: 10pt;

}

.footer .express {

    font-size: 10pt;

}

.footer .logo img {
    max-width: 50px;
    max-height: 50px;
    margin-right: 16px;
}

.footer-description a {
    margin-right: .5rem;
    color: #6c757d;
    display: block;
    margin-top: 16px;
}

.footer-description img {
    max-width: 62px;
    max-height: 62px;
    margin-right: 30px;
    margin-top: 10px;
}

.footer-input button {
    top: 40px;
    left: 0;
    font-size: 11pt;
    height: 42px;

}

.dark4 {
    width: 100%;
    height: 100%;
    background: rgba(15, 0, 71, 0.5);
    position: absolute;
    display: none;
    top: 111px;
    z-index: 12;
}

.dark5 {
    width: 100%;
    height: 100%;
    background: rgba(15, 0, 71, 0.5);
    position: absolute;
    display: none;
    top: 0;

    z-index: 2;
}

.sellMost {
    overflow-x: scroll;
    width: 98%;
    margin: 0 auto;
    border: 1px solid #eeeeee;
    border-radius: 10px;
    cursor: pointer;

}

.sellMost {
    -ms-overflow-style: none;
    scrollbar-width: none;

}

.sellMost::-webkit-scrollbar {
    display: none;
}

.sellMost-scroll {
    width: 5000px;
    height: 330px;
    cursor: pointer;
    border-radius: 10px;

}

.sellMost .cell-part {
    width: 300px;
    height: 330px;
    overflow: hidden;

    cursor: pointer;
}

.sellMost .part {
    width: 100%;
    height: 110px;
    cursor: pointer;
    position: relative;
    overflow: hidden;

    display: flex;
    align-items: center;
}

.sellMost .cell-part a:last-child .linePart {
    display: none;
}

.sellMost .part img {

    max-width: 85px;
    max-height: 100px;
    cursor: pointer;
    text-align: center;
    margin-right: 4px;
}

.sellMost .part p {
    font-size: 11pt;
    color: #4d5154;
    margin-top: 10px;
    margin-right: 10px;

}

.sellMost .cell-part .linePart {
    width: 65%;
    height: 1px;
    background: #eeeeee;
    position: absolute;
    left: 10px;
    bottom: 0;
}

.arrow-left3 {
    content: '';
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: block;
    background: white url("images/Arrow-left-icon2.png") no-repeat center;
    margin: 0 auto;
    cursor: pointer;
    border: 1px solid #aaaaaa;
    position: absolute;
    top: 265px;
    left: 20px;
    z-index: 8;
}

.arrow-right3 {
    content: '';
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: block;
    background: white url("images/Arrow-right-icon2.png") no-repeat center;
    margin: 0 auto;
    cursor: pointer;
    border: 1px solid #aaaaaa;
    position: absolute;
    top: 265px;
    right: 20px;
    z-index: 8;

}

/*controller-search*/

.nav-cat {

    font-size: 10pt;
}

.AllProductList .filter {
    width: 330px;
    border: 1px solid #dddddd;
    border-radius: 10px;

}

.AllProductList .filter .deleteFilter {

    font-size: 10pt;
}

.AllProductList .filter-inner {

    font-size: 13pt;
    font-weight: bold;
    color: #5c636a;
    max-height: 300px;
    overflow-y: auto;
    display: none;

}

.AllProductList .filter-outer {
    position: relative;
}

.AllProductList .filter-outer .item.active .circle {

    width: 5px;
    height: 5px;
    background: rgba(0, 209, 255, 0.75);
    border-radius: 100%;

    margin-right: 10px;

}

.AllProductList .filter-outer .arrow-bottom {
    content: '';
    width: 20px;
    height: 20px;
    display: block;
    background: url("images/arrow-bottom.png") center no-repeat;
    position: absolute;
    left: 0;

}

.AllProductList .filter-outer .item .exist {

    width: 40px;
    height: 20px;
    display: block;
    background: white;
    position: absolute;
    left: 0;
    border: 2px solid #6c757d;
    top: 2px;
    border-radius: 10px;

}

.AllProductList .filter-outer .exist .circle-exist {

    width: 13px;
    height: 13px;
    display: block;
    background: #6c757d;
    position: absolute;
    left: 3px;
    top: 2px;
    border-radius: 100%;
}

.AllProductList .filter-outer .item .exist.active {

    background: deepskyblue;
    border: none;

}

.AllProductList .filter-outer .item .exist.active .circle-exist {

    background: white;
    top: 4px;


}

.AllProductList .filter-outer .item {

    border-bottom: 1px solid #eeeeee;
    cursor: pointer;
    position: relative;
}

.AllProductList .filter-outer .item span.append {
    display: none;
}

.AllProductList .filter-outer .item .append {
    color: #aaaaaa;

}

.AllProductList .filter-inner .bottom-item {

    border-bottom: 1px solid #eeeeee;
    padding-top: 16px;
    font-size: 11pt;
    width: 100%;
    height: 100%;

}

.AllProductList .filter-outer:last-child .filter-inner:last-child .bottom-item {

    border-bottom: none;

}

.AllProductList .filter-inner .color-all {
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 10pt;
}

.AllProductList .filter-inner .color {

    margin-bottom: 10px;
    margin-right: 10px;
    cursor: pointer;
}

.AllProductList .filter-inner .color-img {

    width: 44px;
    height: 44px;
    border: 1px solid #bbbbbb;

    border-radius: 14px;

    margin-top: 5px;

}

.AllProductList .filter-inner .color-all .color.active .color-img {

    border: 3px solid deepskyblue;

}

.AllProductList .filter-inner .color:last-child {
    margin-left: 0;
}

.AllProductList .filter-inner .color img {

    max-width: 40px;
    max-height: 40px;
    padding: 3px;
    border-radius: 14px;
    margin-top: 1px;

}

.AllProductList .filter-inner .color-all .color.active img {
    margin-top: 0;
    padding: 4px;

}

.AllProductList .filter-outer:last-child .item {

    border-bottom: none;

}

.AllProductList .filter-inner .bottom-item input {

    width: 18px;
    height: 18px;
    cursor: pointer;
    margin-left: 10px;
}

.AllProductList .filter-inner .latin {

    font-size: 10pt;
    color: #aaaaaa;
    font-weight: normal;

}

.AllProductList .filter-inner .input-search-filter input {

    font-size: 10pt;
    color: #5c636a;
    border-radius: 5px;
    border: 1px solid #cccccc;
    padding-right: 45px;
    width: 98%;
    height: 45px;

}

.AllProductList .filter-inner .input-search-filter .search-32 {
    width: 32px;
    height: 32px;
    display: block;
    background: url("images/search-32.png");
    position: absolute;
    right: 5px;
    top: 7px;

}

.AllProductList .viewd {

    width: 100%;
    height: 50px;
}

.filter-icon h1 {
    font-size: 10pt;
    font-weight: bold;
    position: relative;
    top: 3px;
}

.filterAll-icon .increase span {

    margin-left: 20px;
    font-size: 10pt;
    color: grey;
    cursor: pointer;
}

/*
controller product
*/

.name-category div:last-child span {
    display: none;
}

.productInfo {

    width: 100%;
}

.productImgSection .iconFavorite span {
    cursor: pointer;
}

.productImgSection .iconFavorite .iconHeart {
    display: block;
    width: 24px;
    height: 24px;


}

.productImgSection .iconFavorite .iconShare {
    display: block;
    width: 24px;
    height: 24px;
    background: url("images/share.png");

}

.productImgSection .iconFavorite .iconComparison {
    display: block;
    width: 24px;
    height: 24px;
    background: url("images/Comparison.png");

}

.productImgSection .imgLi {
    width: 81px;
    height: 81px;
    overflow: hidden;
    border-radius: 10px;
    border: 1px solid #eeeeee;
    text-align: center;
    line-height: 77px;
    margin-left: 5px;
    cursor: pointer;
}

.productImgSection .imgLi:last-child {
    position: relative;

}

.productImgSection .imgLi .dot3 {

    position: absolute;

    right: 35%;
    top: 48%;

}

.productImgSection .imgLi .dot {
    width: 6px;
    height: 6px;
    background: black;
    border-radius: 100%;
    margin-left: 3px;
    z-index: 3;
    border: 1px solid white;

}

.productImgSection .imgLi:last-child .blur {
    filter: blur(4px);

}

.productImgSection .imgLi img {
    width: 90%;
    height: 90%;
}

.productIntroduction .star {
    display: flex;
    width: 16px;
    height: 16px;
    background: url("images/star.png") center no-repeat;
    margin-top: 3px;

}

.productIntroduction .color-product .color-circle {

    width: 35px;
    height: 35px;
    border-radius: 100%;
    border: 1px solid #dddddd;
    cursor: pointer;
    margin-left: 10px;
    position: relative;
}

.productIntroduction .color-product .color-circle.active .color-circle-into::after {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    top: 3px;
    right: 2px;
    position: relative;
    background: url("images/tickColor.png") no-repeat center;
}

.productIntroduction .color-product .color-circle.active {
    box-shadow: 0 0 5px #0d6efd;

}

.productIntroduction .color-product .color-circle-into {

    width: 27px;
    height: 27px;

    border-radius: 100%;
    margin: 0 auto;
    position: relative;
    top: 3px;

}

.productIntroduction .circleAttr {
    width: 4px;
    height: 4px;
    background: #aaaaaa;
    border-radius: 100%;
    margin-left: 5px;
    margin-right: 5px;
}

.priceTotal {
    background: white;
    position: sticky;
    top: 5px;
    border: 1px solid #cccccc;
    border-radius: 10px;
}

.priceTotal .btn-price {
    width: 100%;
    background: rgba(255, 0, 53, 0.94);
    color: white;
    position: relative;
}

.numberBasket {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    position: absolute;
    right: 0;
    bottom: 14px;
    text-align: center;
    font-size: 10pt;
}

.productImgSection .modal-img {
    position: fixed;
    top: 65px;
    height: 80%;
    background: white;
    z-index: 102;
    border-radius: 10px;
    overflow-y: auto;
    width: 80%;
    right: 0;
    left: 0;
    margin: 0 auto;
    display: none;

}

.productInfo .left-gallery {
    width: 80%;
}

.productInfo .img-gallery {
    width: 62px;
    height: 62px;
    border-radius: 8px;
    border: 1px solid #cccccc;
    overflow: hidden;
    margin-left: 10px;
    cursor: pointer;
    margin-top: 10px;
    opacity: .3;
}

.productInfo .img-gallery img {
    width: 60px;
    height: 60px;

}

.slider1 {

    width: 100%;
    height: 480px;

    overflow-x: auto;
    position: relative;
}

.slider-content1 {
    width: 100%;
    height: 100%;

}

.slider1 {
    -ms-overflow-style: none;
    scrollbar-width: none;

}

.slider1::-webkit-scrollbar {
    display: none;
}

.slider1 .slider-content1 .img-parent img {

    width: 70%;
    height: 95%;
    margin-top: 20px;

}


.arrow-right-slider1 {
    content: '';
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: block;
    background: white url("images/Arrow-right-icon2.png") no-repeat center;
    margin: 0 auto;
    cursor: pointer;
    border: 1px solid #aaaaaa;
    position: absolute;
    top: 50%;
    right: 50px;
    z-index: 8;
}

.arrow-left-slider1 {
    content: '';
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: block;
    background: white url("images/Arrow-left-icon2.png") no-repeat center;
    margin: 0 auto;
    cursor: pointer;
    border: 1px solid #aaaaaa;
    position: absolute;
    top: 50%;
    left: 50px;
    z-index: 8;

}

.proposal-scroll1 {
    width: 5000px;
    height: 360px;
    cursor: pointer;
    border-radius: 10px;

}

.proposal .parent-part1 {
    width: 215px;
    height: 355px;
    border-left: 1px solid #eeeeee;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
}

.proposal .part1 {
    width: 100%;
    height: 100%;
    cursor: pointer;
    position: relative;

}

.proposal .part1 img {
    margin-top: 20px;
    width: 90%;

    height: 180px;


    cursor: pointer;
}

.proposal .part1 p {
    font-size: 10pt;
    color: #4d5154;
    margin-bottom: 0;
    width: 90%;
    font-weight: bold;
    margin-top: 8px;
}

.proposal .part1 .number {

    color: red;
}

.proposal .parent-part1:last-child {
    border-left: none
}

.arrow-left-product {
    content: '';
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: block;
    background: white url("images/Arrow-left-icon2.png") no-repeat center;
    margin: 0 auto;
    cursor: pointer;
    border: 1px solid #aaaaaa;
    position: absolute;
    top: 215px;
    left: 20px;
    z-index: 7;
}

.arrow-right-product {
    content: '';
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: block;
    background: white url("images/Arrow-right-icon2.png") no-repeat center;
    margin: 0 auto;
    cursor: pointer;
    border: 1px solid #aaaaaa;
    position: absolute;
    top: 215px;
    right: 20px;
    z-index: 8;

}

.pointer {
    cursor: pointer;
}

.video-product .videoProduct {
    width: 100%;
    height: 100% !important;

}

.video-product p {
    font-size: 1.25rem;;

}

.video-product .btn-close {
    z-index: 1;
}

.video-product .img-video {
    width: 200px;
    height: 200px;

}

.video-product .img-video:hover {
    opacity: .7;
}

.video-product .parent-icon {
    width: 48px;
    height: 48px;
    display: block;
    right: 48%;
    top: 43%;
    position: absolute;
    border-radius: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1;

}

.video-product {
    z-index: 1;
}

.video-product .icon-video {
    width: 24px;
    height: 24px;
    display: block;
    right: 0;
    left: 0;
    top: 25%;
    position: absolute;
    margin: 0 auto;
    background: url("images/play.png") no-repeat;
    z-index: 1;
}

.tabs {
    z-index: 2;
    position: sticky;
    top: 0;
}

.tabs .line-red {
    position: absolute;
    bottom: 0;

    width: 50px;
    height: 1px;
    border: 2.5px solid #f20800;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.tabs ul li.active {
    color: #f20800;
}

.tabs ul {
    border-bottom: 1px solid #eeeeee;
}

.lineRed {
    width: 100px;
    height: 1px;
    border: 1.5px solid #f20800;
    position: relative;
    right: 0;
    margin-top: 1rem;
}

.star-light {
    position: relative;

    background: url("images/star-light.png") right;
    width: 80px;
    height: 16px;
    overflow: hidden;

}

.star-gold {
    position: absolute;
    top: 0;
    right: 0;
    background: url("images/star.png") right;
    width: 69px;
    height: 16px;

}

.sm-issue {
    width: 270px;
    height: 210px;
    overflow: hidden;
    margin-right: 1rem;
}

.introduction {
    background: white;
    z-index: 9;

}

.introductionHeight {

    height: 180px;
    overflow: hidden;

}

.introductionHeight.active {

    height: auto !important;

}

.expert {
    background: white;
    z-index: 9;
}

.expertHeight {

    height: 300px;
    overflow: hidden;

}

.expertHeight.active {

    height: auto !important;

}

.attributeHeight {

    height: 300px;
    overflow: hidden;

}

.attribute {
    background: white;
    z-index: 9;
}

.attributeHeight.active {

    height: auto !important;

}

.attribute .attr {
    width: 35%;
    text-align: right;
}

.attribute .attr-1 {

    border-bottom: 1px solid #eeeeee;
}

.attr-product {
    font-size: 11pt;
}

.opinion {
    background: white;
    z-index: 9;

}

.opinionHeight .issue-titleHeight {

    height: 500px;
    overflow: hidden;

}

.issue-titleHeight.active {

    height: auto !important;

}

.opinionHeight .issue {

    border: 1px solid #eeeeee;
    border-radius: 10px;

}

.opinionHeight .line-score {

    background: #cccccc;
    height: 7px;
    border-radius: 5px;
    overflow: hidden;

}

.opinionHeight .line-score .green {

    background: #00e205;

}

.opinionHeight .line-score .red {

    background: #f20800;

}

.opinionHeight .all-issue {

    position: sticky;
    top: 60px;

}

.issue-title .score-green {
    width: 35px;
    height: 20px;
    background: #00b504;
    color: white;
    border-radius: 5px;
    text-align: center;
    padding: 5px;
    font-size: 9pt;
    line-height: 11px;

}

.opinionHeight .circle-issue {
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background: #cccccc;
}

.opinionHeight .issue-Proposal {

    border-top: 1px solid #eeeeee;
}

.like-proposal-green {

    width: 18px;
    height: 18px;
    display: block;
    background: url("images/like-18.png") no-repeat;

}

.like-proposal-red {

    width: 18px;
    height: 18px;
    display: block;
    background: url("images/dislike-18.png") no-repeat;

}

.like-proposal-not {

    width: 50px;
    height: 50px;
    display: block;
    background: url("images/uncertain.png") no-repeat;
    transform: scale(.5);
}

.opinionHeight .ِintroduction-issueHeight {

    height: 120px;
    overflow: hidden;

}

.opinionHeight .ِintroduction-issueHeight.active {

    height: auto;

}

.opinionHeight .col-lg-9Height {

    height: 700px;
    overflow: hidden;
    background: white;
    z-index: 9;

}

.opinionHeight .col-lg-9Height.active {

    height: auto;

}

.opinionHeight .ِintroduction-issueHeight .positive-icon {
    width: 16px;
    height: 16px;
    display: block;
    background: url("images/positive-16.png");
    margin-top: 4px;

}

.opinionHeight .ِintroduction-issueHeight .negative-icon {
    width: 16px;
    height: 16px;
    display: block;
    background: url("images/negative-16.png");
    margin-top: 4px;
}

.close-attr {
    cursor: pointer;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 25px;
    top: 20px;
    display: none;
    background: url("images/close.png") no-repeat center;
    z-index: 14;

}

.close-tell {
    cursor: pointer;
    width: 18px;
    height: 18px;
    background: url("images/close.png") no-repeat center;
    z-index: 14;

}

.close-notification {
    cursor: pointer;
    width: 18px;
    height: 18px;
    background: url("images/closeNotification.png") no-repeat center;
    z-index: 100;
    display: block;
    left: -5px;
    top: -3px;
    position: relative;

}

.more {

    padding-bottom: 1rem;
}

.tabs-all h2 {
    z-index: 13;
    width: 100%;

}

.opinion .introduction2 {
    display: block;
}

.all-click {
    display: none;

}

.all-click p {
    display: none;
}

.questionHeight {
    contain: paint;
    max-height: 900px;
}

.questionHeight.active {
    max-height: max-content !important;

}

.question .question-sm {
    display: block;
}

.question-icon {
    display: flex;
    width: 24px;
    height: 24px;
    background: url("images/question.png") no-repeat;

}

.question .answer {

    position: absolute;
    right: -16px;
    top: 2px;

}

.all-question {
    position: sticky !important;
    top: 100px;
    right: 0;

}

.question .answer-modal {

    min-width: 460px;
    max-height: 80vh;
    position: fixed;
    top: 10%;
    display: none;
    background: white;
    overflow-y: hidden;
    z-index: 115;
    border-radius: 10px;
}

.answer-modal .heightAuto {
    padding-bottom: 90px;
    height: 45vh;
    overflow-y: auto;
}

/* controller basket */

.basket-cart .Cart:first-child {
    color: #f90013;

}

.basket-cart .Cart.notActive {
    color: #aaaaaa;

}

.basket-cart .Cart.active {
    color: #f90013;

}

.basket-cart .Cart .number-basket {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    background: #f90013;
    color: white;
    margin-right: 5px;
    border-radius: 7px;
    margin-top: 3px;
    font-size: 10pt;

}

.basket-cart .Cart .red-number {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    background: #f90013;
    color: white;
    margin-right: 5px;
    border-radius: 7px;
    margin-top: 3px;
    font-size: 10pt;

}

.basket-cart .Cart.notActive .red-number {
    background: #cccccc;


}


.basket-cart .Cart.notActive .number-basket {
    background: #cccccc;
}

.line-red-basket {
    width: 100px;
    height: 3px;
    background: #f90013;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    position: absolute;
    bottom: -1px;
    left: 1110px;
}

.basket-product {
    border-top: 1px solid #eeeeee;
width: 50%;

}


.basket-product .menuDot {
    width: 30px;
    height: 30px;
    background: url("images/menuDot.png");
}

.basket-product .img-product-basket img {

    width: 90px;
    height: 110px;
}

.basket-product .introduction-basket p {
    padding-top: 2px
}

.basket-product .number-product-basket {

    width: 100px;
    height: 42px;
    color: #f90013;

}

.basket-product .positive-icon-basket {
    display: block;
    width: 16px;
    height: 16px;
    background: url("images/positive-16-red.png");

}

.basket-product .negative-icon-basket {
    display: block;
    width: 16px;
    height: 16px;
    background: url("images/negative-16.png");

}

.basket-product .trash-icon-basket {
    display: block;
    width: 24px;
    height: 24px;
    background: url("images/trash-bin.png");

}

.deketeRowBasket {
    display: block;
    width: 24px;
    height: 24px;
    background: url("images/trash-bin.png");
}

.basket-product .circle-color-basket {
    width: 24px;
    height: 24px;
    border-radius: 100%;
    border: 1px solid #eeeeee;
}

.basket-product .warranty-basket {
    display: block;
    width: 24px;
    height: 24px;
    background: url("images/warranty.png");

}

.basket-product .store-basket {
    display: block;
    width: 24px;
    height: 24px;
    background: url("images/store.png");
}

.basket-product .truck-basket {
    display: block;
    width: 32px;
    height: 32px;
    background: url("images/truck1.png");
    transform: scale(.7);
}

.basket-product .fastTime-basket {
    display: block;
    width: 24px;
    height: 24px;
    background: url("images/clock.png");
}

.priceTotalBasket {
    position: sticky;
    top: 10px;
}

.introduction-basket h3 {
    font-size: 12pt;
}

.basket-product .font-price {
    font-size: 16pt;
}

/*controller checkout*/

.checkout .cart-icon {
    width: 32px;
    height: 32px;
    display: block;
    background: url("images/seller.png") no-repeat;
}

.checkout .line-check {
    width: 100px;
    height: 1px;
    background: red;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    margin-right: 1rem;
    margin-left: 1rem;
}

.checkout .line-check1 {
    width: 100px;
    height: 1px;
    background: #aaaaaa;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    margin-right: 1rem;
    margin-left: 1rem;
}

.checkout p {
    color: red;
    font-weight: bold;
}

.checkout span {
    position: relative;
    top: 8px;
}

.truck-icon {
    width: 32px;
    height: 32px;
    display: block;
    background: url("images/truck1.png") no-repeat;
}

.checkout .payment-icon {
    width: 32px;
    height: 32px;
    display: block;
    background: url("images/wallet.png") no-repeat;
}

.location-icon {
    width: 24px;
    height: 24px;
    background: url("images/location.png") no-repeat;
}

.time-send-icon {
    width: 24px;
    height: 24px;
    background: url("images/clock.png");
}

.img-basket {
    width: 100%;
    overflow-y: auto;
    padding-bottom: 1rem;
}

.img-basket::-webkit-scrollbar {
    display: none;

}

.img-basket {
    -ms-overflow-style: none;
    scrollbar-width: none;

}

.img-basket img {

    width: 80px;
    height: 80px;

}

.img-basket .number-span {
    width: 24px;
    height: 24px;
    position: absolute;
    bottom: -1px;
    left: -1px;
    background: #dddddd;
    font-size: 10pt;
    text-align: center;
    padding: 3px;
    border-radius: 5px;

}

.input-address {
    width: 18px;
    height: 18px;
}

.img-basket .circle-checkout {
    width: 16px;
    height: 16px;
    text-align: center;
    padding: 3px;
    border-radius: 100%;
    margin-top: 10px;

}

.selection-time {
    display: block;
}

.selection-time .clock-time {

    background: url("images/clock-24.png") no-repeat;
    width: 24px;
    height: 24px;
}

.days .day {
    position: relative;
}

.days .day span {
    color: #5c636a;
    font-weight: bold;
}

.days .day.active span:last-child {

    border-bottom: 4px solid deepskyblue;
    padding-bottom: 1rem;
    padding-right: .4rem;
    padding-left: .4rem;
}

.days .day.active span:first-child {
    color: deepskyblue;
    font-weight: bold;
}

.days .day .friday {
    color: #ff0043 !important;

}

.select-clock input {
    width: 22px;
    height: 22px;
}

.select-clock div:last-child span {

    border-bottom: none;
    padding-bottom: 0 !important;

}

.select-clockAll .select-clock {
    display: none;
}

.select-clockAll .select-clock.active {
    display: block;
}

.address-modal {
    position: fixed;
    top: 20%;
    width: 36%;
    height: 60%;
    background: white;
    z-index: 3;
    border-radius: 10px;
    display: none;
    overflow: auto;
}

.address-modal-into {

    position: fixed;
    top: 10%;
    width: 50%;
    height: 80%;
    background: white;
    z-index: 112;
    border-radius: 10px;
    display: none;
    overflow: hidden;
}

.dark-checkout {

    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    display: none;
    background: rgba(0, 0, 0, 0.2);
    z-index: 2;
}

.close-address {
    background: url("images/close.png") no-repeat;
    width: 32px;
    height: 32px;
    display: block;
    transform: scale(.5);

}

.close-time {
    background: url("images/close.png") no-repeat;
    width: 32px;
    height: 32px;
    display: block;
    transform: scale(.5);
}

.icon-add {
    width: 24px;
    height: 24px;

    background: url("images/add.png");
}

.arrow-left-address {
    background: url("images/arrow-left.png") no-repeat;
    display: block;
    width: 32px;
    height: 32px;
    transform: scale(.7);

}

.circle-address {
    background: url("images/circle.png") no-repeat;
    width: 32px;
    height: 32px;
    display: inline-block;

}

.letter {
    background: url("images/letter.png") no-repeat;
    width: 18px;
    height: 18px;
    display: block;
}

.iconContact {
    width: 16px;
    height: 16px;

    background: url("images/icons8-contact-16.png") no-repeat;

}


.iphone {
    background: url("images/iphone.png") no-repeat;
    width: 18px;
    height: 18px;
    display: block;
}

.user {
    background: url("images/user.png") no-repeat;
    width: 18px;
    height: 18px;
    display: block;
}

.plate {
    background: url("images/plate.png") no-repeat;
    width: 18px;
    height: 18px;
    display: block;
}

.record-address {
    width: 100%;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.price-time-checkout {
    position: sticky;
    top: 20px;
}

.send-font {
    font-size: 11pt;
}

.payment-online-icon {
    width: 30px;
    height: 30px;
    display: flex;
    background: url("images/payment-online.png");
}

.payment-icon {
    width: 30px;
    height: 30px;
    display: flex;
    background: url("images/payment-cart.png");
}

.payment input[type=radio] {

    width: 24px;
    height: 24px;
    margin-left: 1rem;

}

.payment input[type=radio] {

    width: 24px;
    height: 24px;
    margin-left: 1rem;

}

.discount input {

    width: 50%;
    height: 45px;

}

.record-discount {
    position: relative;
    left: 55px;
    top: 10px;
}

.arrow-bottom-payment {
    width: 25px;
    height: 25px;
    background: url("images/arrow-bottom-double.png") no-repeat;
    display: flex;
    transform: scale(.8);
}

.arrow-top-payment {
    width: 25px;
    height: 25px;
    background: url("images/arrow-top.png") no-repeat;
    display: flex;
    transform: scale(.8);
}

.parent-payment .img-basket {
    display: none;
}

.selectAddress {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    border: 1px solid #cccccc;
    display: block;
    position: relative;
}

.selectAddress.active {
    border: 1px solid red;

}

.selectAddress.active:after {
    content: '';
    position: absolute;
    width: 13px;
    height: 13px;
    top: 2.5px;
    right: 2.5px;
    background: red;
    border-radius: 100%;

}

.saman {

    width: 8vw;
    height: 5%;
    margin-right: 19px;
    margin-top: -10px
}

/*controller profile*/

.profile-right .profile-icon {
    background: url("images/profile.png") no-repeat;
    width: 52px;
    height: 52px;
    display: flex;
}

.profile-right .line-profile {
    height: 30px;
    width: 2px;
    position: absolute;
    top: 51px;
    right: 25px;
    background: lightslategrey;

}

.profile-right .circle-profile {
    height: 6px;
    width: 6px;
    position: absolute;
    top: 80px;
    border-radius: 100%;
    right: 23px;
    background: lightslategrey;

}

.profile-right .profile-wallet {
    height: 150px;
}

.profile-right .edit-icon {

    background: url("images/edit.png");
    width: 32px;
    height: 32px;
    display: flex;
}

.profile-right .home-icon {

    background: url("images/home.png");
    width: 24px;
    height: 24px;
    display: flex;
}

.profile-right .basket-icon {

    background: url("images/basket-profile.png");
    width: 24px;
    height: 24px;
    display: flex;
}

.profile-right .heart-icon {

    background: url("images/heart-profile.png");
    width: 24px;
    height: 24px;
    display: flex;
}

.profile-right .message-icon {

    background: url("images/message.png");
    width: 24px;
    height: 24px;
    display: flex;
}

.profile-right .address-icon {

    background: url("images/address.png");
    width: 24px;
    height: 24px;
    display: flex;
}

.profile-right .notification-icon {

    background: url("images/notification.png");
    width: 24px;
    height: 24px;
    display: flex;
}

.profile-right .user-icon {

    background: url("images/user-profile.png");
    width: 24px;
    height: 24px;
    display: flex;
}

.profile-right .exit-icon {

    background: url("images/exit.png");
    width: 24px;
    height: 24px;
    display: flex;
}

.profile-right .tab.active {

    color: #f90013;
    font-weight: bold;

}

.profile-left .order-current-icon {

    background: url("images/order-current.png");
    width: 64px;
    height: 64px;
    display: flex;
}

.profile-left .order-ok-icon {

    background: url("images/order-ok.png");
    width: 64px;
    height: 64px;
    display: flex;
}

.profile-left .order-return-icon {

    background: url("images/order-return.png");
    width: 64px;
    height: 64px;
    display: flex;
}

.profile-left .icon-search-profile {
    background: url("images/search-32.png") no-repeat;
    width: 32px;
    height: 32px;
    display: flex;
}

.orders-profile .Square {

    width: 20px;
    height: 20px;
    background: #6c757d;
    display: block;
    border-radius: 3px;
    text-align: center;
    color: white;
    font-size: 11pt;
}

.orders-profile .tabs-profile {

    color: #6c757d;
}

.orders-profile .tabs-profile.active {
    color: red;
}

.orders-profile .tabs-profile.active .Square {

    background: #f90013;

}

.orders-profile .line-red-profile {
    width: 100px;
    height: 3px;
    background: #f90013;
    position: absolute;
    bottom: 0;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    left: 0;
}

.product-order .comment-icon {
    background: url("images/comment.png") no-repeat;
    width: 24px;
    height: 24px;
    display: flex;
}

.product-order .arrow-left-profile {
    background: url("images/Arrow-left-icon2.png") no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;

}

.overflow-profile-tab {
    width: 100%;
    overflow: auto;

}

.overflow-profile-tab::-webkit-scrollbar {
    display: none;

}

.overflow-profile-tab {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.img-profile img {

    width: 50px;
    height: 65px;
}

.profile-car-icon {
    background: url("images/transit.png") no-repeat;
    width: 24px;
    height: 24px;
    display: inline-block;
    position: relative;
    top: 4px;

}

.product-order .border-profile {
    border-bottom: 1px solid #eeeeee;

}

.scroll-profile {

    width: 100%;
    height: 5px;
    background: #cccccc;
    border-radius: 5px;
}

.scroll-green-profile {
    background: greenyellow;
    z-index: 1;

    height: 100%;
}

.scroll-greenDark-profile {
    background: green;
    z-index: 1;

    height: 100%;
}

.scroll-red-profile {
    background: rgba(180, 0, 10, 0.84);
    z-index: 1;

    height: 100%;
}

.jquery-tabs .jquery-tab {
    display: none;
}

.jquery-tabs .jquery-tab:first-child {
    display: block;
}

.factor-icon {
    background: url("images/factor.png");
    width: 32px;
    height: 32px;
    display: inline;
}

.detaile-order {
    display: none;
}

.detaile-order .arrow-right-order {
    background: url("images/arrow-right-order.png") no-repeat;
    width: 32px;
    height: 32px;
    display: flex;
}

.detaile-order-section {

    font-size: 11pt;
}

.code-delivered {
    width: 100%;

    background: #dcfeff;
    font-size: 10pt;
    color: #6c757d;
}

.font-send {
    font-size: 11pt;
}

.scroll-all-profile {
    width: 50%;
}

.img-detaile img {
    width: 55px;
    height: 70px;
}

.profile-issue-icon {
    background: url("images/opinion.png") no-repeat;
    width: 32px;
    height: 32px;
    display: flex;
}

.sum-icon-positive {
    background: url("images/sum.png") no-repeat;
    width: 24px;
    height: 24px;
    display: flex;
    position: absolute;
    left: 4px;
    top: 16px;
    cursor: pointer;
}

.icon-sum-add {

    background: url("images/sum.png");
    width: 24px;
    height: 24px;
    transform: scale(.6);
    display: block;
}

.icon-negative-add {

    background: url("images/negative.png");
    width: 24px;
    height: 24px;
    transform: scale(.6);
    display: block;
}

.recycle-bin {

    background: url("images/recycle-bin.png") no-repeat;
    width: 24px;
    height: 24px;

    display: block;
    cursor: pointer;
}

.Message {
    color: #6c757d;

}

.Message.active {
    color: red;
}

.line-red-message {
    width: 100px;
    height: 3px;
    background: #f90013;
    position: absolute;
    bottom: 0;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    right: 0;
}

.all-message .opinion-message {
    display: none;
}

.all-message .opinion-message.active {
    display: block;
}

.uncertain-message {

    background: url("images/uncertain.png") no-repeat;
    width: 60px;
    height: 60px;
    display: block;
}

.like-message {

    background: url("images/like-message.png") no-repeat;
    width: 50px;
    height: 50px;
    display: block;
}

.dislike-message {

    background: url("images/dislike-message.png") no-repeat;
    width: 50px;
    height: 50px;
    display: block;
}

.likeAndDislike {
    border: 1px solid #6c757d;
}

.likeAndDislike.active {
    border: 1px solid #3dd5f3;
}

.likeAndDislike span {
    color: #6c757d;
}

.likeAndDislike.active span {
    color: #3dd5f3
}

.img-message img {
    width: 100%;
    height: 100%;
}

.menu-dot3-icon {
    background: url("images/menu-dot3.png") no-repeat;
    width: 40px;
    height: 50px;
    display: block;
    cursor: pointer;

}

.icon-like-message {
    background: url("images/like-18.png") no-repeat;
    width: 18px;
    height: 18px;
    display: block;
}

.icon-dislike-message {
    background: url("images/dislike-18.png") no-repeat;
    width: 18px;
    height: 18px;
    display: block;
}

.circle-icon-color {
    width: 16px;
    height: 16px;
    border: 1px solid #cccccc;
    border-radius: 100%;
}

.message-drop {
    position: absolute;
    left: 10px;
    top: 33px;
    border: 1px solid #cccccc;
    width: 170px;
    height: 100px;
    display: none;
    border-radius: 10px;
    background: white;
    overflow: hidden;
}

.edit-message-icon {
    background: url("images/edit.png") no-repeat;
    width: 32px;
    height: 32px;
    display: block;
}

.delete-message-icon {
    background: url("images/recycle-bin.png") no-repeat;
    width: 32px;
    height: 32px;
    display: block;
}

.message-drop .hover-edit:hover {
    background: #eeeeee;
}

.addresses-icon {
    background: url("images/address.png") no-repeat;
    width: 24px;
    height: 24px;
    display: block;
}

.three-icon-address {
    background: url("images/menu-dot3.png") no-repeat;
    width: 50px;
    height: 40px;
    display: block;

}

.notification-green-icon {
    background: url("images/notification-green.png") no-repeat;
    width: 24px;
    height: 24px;
    display: block;
}

.notification-blue-icon {
    background: url("images/notification-blue.png") no-repeat;
    width: 24px;
    height: 24px;
    display: block;
}

.notification-red-icon {
    background: url("images/notification-red.png") no-repeat;
    width: 24px;
    height: 24px;
    display: block;
}

.title-main {
    font-size: 11pt;
}

/*profil userinfo*/

.select-birthday {
    width: 97%;
    height: 55px;
    background: white;
    border: 1px solid #cccccc;
    border-radius: 10px;
    margin-left: 10px;
    z-index: 2;

}

.arrow-down-icon {
    background: url("images/arrow-bottom.png") no-repeat;
    width: 25px;
    height: 25px;
    display: flex;
    cursor: pointer;

}

.show-birthday {
    width: 100%;
    height: 150px;
    border: 1px solid #cccccc;
    border-radius: 10px;
    overflow-y: auto;
    font-size: 10pt;
    font-weight: bold;
    background: white;
    display: none;
}

.warranty-product .radioClass {
    width: 20px !important;;
    height: 20px !important;

}


.margin-top {
    margin-top: 24px;
}

#table {
    text-align: center !important;

}

#table tbody tr:nth-of-type(odd) {

    background: rgba(24, 255, 0, 0.13);

}

#table tbody tr:nth-of-type(even) {

    background: #fff3fc;

}

.row-add span {

    width: 20%;

    display: block;
    line-height: 35px;

}

.title-product {
    font-size: 10pt;
}

.img-close-product {
    width: 14px;
    height: 14px;
    cursor: pointer;
    position: absolute;
    left: 3px;
    top: 4px;
}

.search-product-icon {
    background: url("images/Search-icon.png") no-repeat;
    width: 48px;
    height: 48px;
    display: block;
    position: absolute;
    left: 10px;
    cursor: pointer;
    transform: scale(.6);
}

.search-order-icon {
    background: url("images/Search-icon.png") no-repeat;
    width: 48px;
    height: 48px;
    display: block;
    position: absolute;
    left: 10px;
    cursor: pointer;
    transform: scale(.6);
}

.priceBottom {
    position: absolute;
    bottom: 0;
}


#captcha {
    position: absolute;
    top: 4px;
    left: 16%;
}

.repeat {
    position: fixed;
    top: 30%;
    width: 70%;
    height: 30%;
    background: white;
    color: rgba(0, 52, 255, 0.84);
    display: none;
    z-index: 2000;
    border: 1px solid #cccccc;

}

.productList .itemProduct .discountPrice span {
    font-size: 15pt;
}

.dark-repeat {
    width: 100vw;
    z-index: 100;
    height: 100vh;
    background: rgba(0, 0, 0, 0.12);
    position: fixed;
    top: 0;
    display: none;
}

.dark-repeat1 {
    width: 124vw;
    z-index: 100;
    height: 100vh;
    background: rgba(0, 0, 0, 0.12);
    position: fixed;
    top: 0;
    display: none;
}

.close-repeat {
    background: url("images/close.png") no-repeat;
    width: 32px;
    height: 32px;
    position: absolute;
    left: 15px;
    top: 15px;
    z-index: 1999;
    transform: scale(.7);
}

.icon-view {
    background: url("images/view_icon.png") no-repeat;
    width: 23px;
    height: 23px;
    display: block;
    cursor: pointer;
    position: absolute;
    top: 20px;
    left: 10px;
    z-index: 4;
}


.modal-tell {

    width: 40%;
    max-height: 50%;
    overflow-y: auto;
    position: fixed;
    right: 35%;
    top: 30%;
    background: white;
    z-index: 13;
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding: 1rem;
    display: none;

}




.tell_up {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    border: 2px solid greenyellow;

    position: fixed;
    bottom: 15px;
    right: 75px;
    z-index: 100;

}

.tell_up_up {
    width: 90px;
    height: 90px;
    border-radius: 100%;
    border: 2px solid greenyellow;

    position: fixed;
    bottom: 10px;
    right: 70px;
    z-index: 100;

}

.tellOnline {
    width: 70px;
    height: 70px;
    position: fixed;
    right: 80px;
    bottom: 20px;
    background: rgba(0, 255, 25, 0.7);
    text-align: center;
    font-size: 11pt;
    color: blue;
    padding: 5px;
    z-index: 100;
    border-radius: 100%;
    border: 2px solid #cccccc;
    box-shadow: 1px 2px 2px #cccccc;
    line-height: 55px;
    cursor: pointer;
}

.tell_up p {
    width: 10px;
    height: 40px;
    background: rgba(255, 0, 35, 0.7);
    color: white;
    position: relative;
    right: 10px;

    text-align: center;
    border-radius: 5px;
    top: 20px;
    line-height: 40px;
    opacity: 0;

}

.tellOnline:hover {
    transition: all ease-in .2s;
    transform: scale(1.2);
    background: rgba(255, 0, 35, .8);
    color: white;
}

.tell_up:hover > p {
    opacity: 1;
    margin-right: 60px;
    transition: all ease-in .1s;
    width: 120px;

}

.tell_up p:hover {
    width: 10px;
    margin-right: 0;
    opacity: 0;
    transition: all ease-in .06s;

}


  .backText {

        width: 300px;
        max-height: 40%;
        overflow-y: auto;
        position: fixed;
        right: 40%;
        top: 5%;
        background: black;
        color: white;
        z-index: 2000;

        border-radius: 5px;
        padding: 1rem;
        font-size: 11pt;
        display: none;
        line-height: 30px;
    }

@media (max-width: 399px) {

    .sm-jq {
        position: relative;
        bottom: -133px;
        right: -70px;

    }

    .circle-jq {
        width: 10px;
        height: 10px;

    }

    .productList .itemProduct img {

        width: 90% !important;
        height: 70% !important;
        margin-top: 10px !important;

    }
}

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

    .sm-jq {
        position: relative;
        bottom: -144px;
        right: -89px;

    }

    .productList .itemProduct img {

        width: 80%;
        height: 70% !important;
        margin-top: 10px !important;

    }

}

@media (max-width: 576px) {
    .numberBasket {

        right: -8px;

    }

    #table {
        font-size: 9pt;
    }

}


.adminMenu a {
    color: inherit;
}

.question-end:last-child {
    border-bottom: none;
}

@media (min-width: 768px) {
    .numberBasket {

        right: 92px !important;

    }

    .textP {
        font-size: 11pt;
    }

    .adminMenu {

        font-size: 11pt;
    }

    .numberBasket {

        right: 93px;

    }

}

@media (max-width: 768px) {
    .numberPostEnd {
        position: fixed;
        top: 30%;
        right: 20%;
        height: 120px;
        display: none;
        width: 60%;
        font-size: 10pt;
        z-index: 1000;
    }
    
    
    .modal-tell {

        width: 100%!important;
        height: 100%!important;
        right: 0;
        top: 0;
        max-height: 100%;


    }
    
    
    .backText {

       
        right: 6%;
        top: 5%;
      
     
    }

    .btn-jQ {
        width: 40%;
        margin-right: 20px;
    }

    .table-slider {
        font-size: 7pt;
    }

    .picture {
        font-size: 9pt;
    }

    .picture a {
        font-size: 9pt;
    }

    .copy {
        font-size: 7pt;
    }

    #link {
        height: 10px !important;
        font-size: 5pt;
    }

    .textP {
        font-size: 9pt;
    }

}


@media (min-width: 577px) {
    .numberBasket {

        right: 60px;

    }

    .AllProductList .productList {

        width: 100%;

        border-top: 1px solid #dddddd;

        margin-top: 45px;

    }

    .productList .itemProduct {

        border-left: 1px solid #eeeeee;
        border-bottom: 1px solid #eeeeee;

        cursor: pointer;
    }

    .productList .itemProduct:hover {
        box-shadow: 0 1px 5px rgba(0, 0, 0, .3);
        z-index: 2;

        /*filter: drop-shadow(0 1px 5px rgba(0, 0, 0, .2));*/
    }

    .productList .itemProduct img {

        width: 80% !important;
        height: 70% !important;

    }

    .productList .itemProduct h3 {
        font-size: 11pt;
        text-align: right;
        margin-top: 2rem;

    }

    .productList .itemProduct .lengthProduct {
        font-size: 8pt;
        text-align: right;
        color: rgba(255, 0, 50, 0.75);

    }

    .productList .itemProduct .range {
        font-size: 9pt;

    }

    .productList .itemProduct .star {
        display: block;
        width: 16px;
        height: 16px;
        background: url("images/star.png") center no-repeat;

    }

    .productList .itemProduct .discount {
        width: 34px;
        height: 20px;
        position: relative;
        right: 0;
        background: rgba(228, 0, 7, 0.75);
        border-radius: 10px;
        font-size: 10pt;
        color: white;
        margin-bottom: 10px;
        text-align: center;
    }

    .productList .itemProduct .price {

        position: absolute;
        left: 35px;
        font-size: 17pt;
        font-weight: bold;

    }

    .productList .itemProduct .toman {

        position: absolute;
        left: 0;
        top: -1px;
        font-size: 10pt;

    }

    .productList .itemProduct .discountPrice span {

        color: #aaaaaa;
        font-size: 15pt;
        margin-top: 5px;
        text-align: left;
        margin-left: 35px;
        position: relative;
        display: block;

    }

    .productList .itemProduct .discountPrice span::before {
        content: "";
        width: 100%;
        border: 1px solid #dddddd;
        display: block;
        position: absolute;
        left: 0;
        top: 45%;
    }

}

@media (max-width: 992px) {
    .nav-cat {

        font-size: 8pt;
    }

    .menu {

        height: 100vh;
        overflow-y: auto;
        position: absolute;
        top: 0;
        right: 0;
        background: white;
        border-left: 1px solid #dddddd;
        display: none;
        font-size: 11pt;
        font-stretch: ultra-expanded;
        font-weight: bolder;
        z-index: 100;

    }

    .menu-hambergeri {
        width: 30px;
        height: 30px;
        position: absolute;
        top: 18px;
        background: url("images/icons8-menu-rounded-30.png") no-repeat;
        cursor: pointer;
    }

    .center .right .item {

        width: 100%;
        cursor: pointer;
        line-height: 45px;

    }

    .navigation {
        width: 100%;

        padding-right: 10px;

    }

    .navigation .item {
        width: 135px;
        height: 30px;

    }

    .navigation .item a {
        width: 100%;
        height: 100%;

    }

    .category {

        display: block;
        padding-right: 15px;

    }

    .category .item .left {
        display: none;

    }

    .category .item .left .level2 li {
        width: 100%;
        padding-right: 10px;
        font-size: 9pt;

    }


    .center .right .item span {

        width: 100%;
        display: inline-block;
        position: relative;
        font-stretch: ultra-expanded;
        color: #5c636a;
    }

    .category .right .item .icon-up {

        width: 24px;
        height: 24px;
        position: absolute;
        left: 30px;
        top: 12px;

    }

    .category .right .item .icon-up1 {

        position: absolute;
        left: 34px;
        top: 15px;

    }

    .category .level2 li {
        display: none;
        color: #c6c7c8;
    }


    .category .active {
        color: red !important;
    }

    /*  .left{
          width: 100%;
          background: #eeeeee;
      }*/
    .slider {

        height: 290px;
    }

    .arrow-right-slider {

        top: 180px;
        right: 40px;
    }

    .arrow-left-slider {
        top: 180px;
        right: 100px;
    }

    .proposal .part p {
        font-size: 10pt;

    }

    .footer-input button {

        font-size: 9pt;

    }

    .AllProductList .filter {
        width: 100vw;
        height: 100vh;
        position: absolute;
        top: 0;
        border-radius: 10px;
        background: white;
        display: none;
        right: 0;
        z-index: 10;
    }

    .filterAll-icon {

        width: 100%;
        padding-right: 1rem;
        font-size: 11pt;
    }

    .filterAll-icon .filter-icon {

        position: relative;
        cursor: pointer;
    }

    .filterAll-icon .filter-icon img {

        width: 24px;
        height: 24px;

    }

    .filterAll-icon .desc {
        position: relative;

    }

    .filter #closeFilter {
        width: 16px;
        height: 16px;
        background: url("images/close.png") center no-repeat;
        display: block;
        margin-left: 20px;
        margin-top: 2px;
        cursor: pointer;
    }

    .filterAll-icon .increase {

        width: 100vw;
        height: 50%;
        background: white;
        position: fixed;
        bottom: 0;
        right: 0;
        display: none;
        z-index: 7;
        padding: 0;
        margin: 0;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;

    }

    .filterAll-icon .increase span {
        width: 95%;
        height: 40px;
        margin-top: 10px;
        font-size: 11pt;
        color: black;
        cursor: pointer;
        border-bottom: 1px solid #eeeeee;
        line-height: 35px;
    }

    .filterAll-icon .increase #closeIncrease {
        width: 16px;
        height: 16px;
        background: url("images/close.png") center no-repeat;
        display: inline-block;
        margin-right: 20px;
        margin-top: 2px;
        cursor: pointer;

    }

    .filterAll-icon .increase span.active {

        background: url("images/tick.png") no-repeat;

    }

    /*controllerProduct*/
    .productImgSection .iconFavorite {
        width: 100%;
    }

    .productImgSection .modal-img {

        height: 100%;
        width: 100%;
        top: 0;
    }

    .productInfo .left-gallery {

        width: 100%;
        overflow: scroll !important;
    }

    .productInfo .left-gallery {

        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .productInfo .left-gallery::-webkit-scrollbar {

        display: none;
    }

    .slider1 {

        width: 100%;
        height: 420px;

        overflow-x: auto;
        position: relative;
    }

    .slider-content1 {
        width: 100%;
        height: 100%;

    }

    .slider1 .slider-content1 .img-parent img {

        height: 70%;
    }

    .arrow-right-slider1 {
        top: 40%;
        right: 5px;

    }

    .arrow-left-slider1 {

        top: 40%;
        left: 5px;

    }

    .navigator1 {

        position: absolute;
        left: 10px;

    }

    .navigator1 span {
        width: 5px;
        height: 5px;
        background: #6c757d;
        border-radius: 100%;
        margin-right: 10px;

    }
   .productIntroduction .priceTotal .callPlease{
        position: absolute;
        top: 2px;
        right: 10%;
    }
  

    .productIntroduction .priceTotal {

        position: fixed;
        bottom: 0;
        top: auto;
        right: 0;
        width: 100%;
        height: 15%;
        background: white;
        box-shadow: 0 -1px 4px #cccccc;
        border-radius: 0;
        z-index: 9;

    }

    .productIntroduction .priceTotal .btn-price {
        width: 45%;
        height: 55%;
        position: absolute;
        right: 20px;
        bottom: 15px;

    }

    .priceTotalProduct {
        position: absolute;
        left: 5px;
        bottom: 5px;
    }

    .darsad {
        position: relative;
        top: -12px;
        left: 5px;
    }

    .productImg {
        width: 100%;
    }

    .productImg .img-scroll {

        width: 100%;
        overflow-x: auto;
    }

    .productImg .img-parent-mobile {

        width: 100vw;

    }

    .productImg .img-parent-mobile img {

        width: 93vw;
        height: 99%;
    }

    .productImg .img-scroll::-webkit-scrollbar {
        display: none;
    }

    .productImg .img-scroll {

        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .video-product .videoProduct {
        width: 100%;

    }

    .video-product p {
        font-size: 11pt;
    }

    .opinionHeight .all-issue {

        position: relative;
        top: 0;
        margin-bottom: 50px;
        margin-top: 32px;
        background: white;

    }

    .opinionHeight .ِintroduction-issueHeight {

        height: 88px;
        overflow: hidden;

    }

    .scroll-into {
        overflow-y: auto;
        width: 100%;
    }

    .scroll-into::-webkit-scrollbar {
        display: none;
    }

    .scroll-into {
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .all-click {
        position: relative;
        display: block;
        z-index: 1;

    }

    .all-click p {

        position: absolute;
        top: 30px;
        display: block;
        left: 0;
    }

    .attr-product {
        font-size: 10pt;
    }

    .opinion .introduction2 {
        display: none;
    }

    .questionHeight.active {

        height: 100% !important;

    }

    .questionHeight .issue-Proposal {

        height: 90px;
        overflow: hidden;

    }

    .questionHeight .ِintroduction-issueHeight {

        height: 88px;
        overflow: hidden;

    }

    .questionHeight .sm-issue {

        height: 260px;

    }

    .question .question-sm {
        display: none;
        height: fit-content;

    }

    .all-question {
        position: relative !important;
        top: -30px;
        right: 0;

    }

    .question .answer-modal {

        min-width: 100vw;
        max-height: 100vh;
        height: 100vh;
        position: fixed;
        top: 0;
        display: none;
        border-radius: 0;
        overflow-y: auto;
        z-index: 115;
        right: 0;

    }

    .answer-modal .heightAuto {
        height: fit-content;
    }

    /* controller basket*/
    .basket-cart .Cart {
        width: 50%;
        text-align: center !important;
    }

    .priceTotalBasket {
        z-index: 8;
    }
   .productIntroduction .priceTotal {

        position: fixed;
        bottom: 0;
        top: auto;
        right: 0;
        width: 100%;
        height: 14%;
        background: white;
        box-shadow: 0 -1px 4px #cccccc;
        border-radius: 0;
        z-index: 9;

    }

    .priceTotalBasket .priceTotal .btn-price {
        width: 50%;
        height: 55%;
        position: absolute;
        right: 20px;
        bottom: 15px;
        line-height: 5px;
    }

    .introduction-basket h3 {
        font-size: 9pt;
        line-height: 20px;
    }

    .priceTotalBasket .priceTotal .plusTotal {

        margin-top: -70px;
        right: 20px;
        font-size: 8.5pt;
        color: #6c757d;
        position: relative;

    }

    .basket-product .font-price {
        font-size: 13pt;
        margin-right: 8px;

    }
     .basket-product{
        width: 40%;
        height: 55%;
        position: absolute;
        right: 20px;
        bottom: 0;
    }

    /*  controllers check out*/
    .address-modal {
        top: 0;
        height: 100vh;
        right: 0;
        width: 100%;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .address-modal-into {

        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;

    }

    .selection-time {
        display: none;
        width: 100%;
        height: auto;
        bottom: 0;
        position: fixed;
        right: 0;
        background: white;
        z-index: 2;
        padding-bottom: 1rem;
        padding-top: 1rem;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
    }

    .dark-time {

        width: 100vw;
        height: 100vh;
        position: fixed;
        top: 0;
        display: none;
        background: rgba(0, 0, 0, 0.2);
    }

    .selection-time {
        font-size: 9pt;
        font-weight: bold;
    }

    .price-time-checkout1 {
        position: fixed;
        bottom: 0 !important;
        height: auto;
        width: 100%;
        background: white;
        z-index: 1;
        right: 0;
        padding-top: 1rem;
        border-top: 1px solid #cccccc;
    }

    .price-time-checkout {
        position: relative;
        padding-bottom: 120px;

        top: unset;

    }

    .btn-jQ {
        width: 50%;
    }

    .plus-price {
        position: absolute;
        left: 10px;
        bottom: 0;
    }

    .address-font {
        font-size: 10pt !important;
    }

    .send-font {
        font-size: 10pt;
    }

    /*controller payment*/
    .discount input {

        width: 100%;
    }

    .tabs-profile {
        font-size: 9pt;

    }

    .price-profile {
        position: absolute;
        left: 10px;
        top: 37px;
    }

    .product-order .border-profile {
        border-bottom: none;
    }

    .detaile-order-section {
        width: 100%;
        font-size: 10pt;
    }

    .code-delivered div:first-child {

        font-size: 8pt;

    }

    .font-send {
        font-size: 9pt;
    }

    .scroll-all-profile {
        width: 100%;
    }

    /*profile address*/
    .title-address {
        font-size: 9pt;
        font-weight: bold;
    }

    /*profile notification*/
    .title-main {
        font-size: 10pt;
    }

    .addBasket.active {
        width: 100%;
        position: relative;
        right: 30px;
        top: -37px;
    }


    .img-profile img {

        width: 40px;
        height: 50px;
    }


    .saman {

        width: 20vw;
        height: 5%;
        margin-right: 19px;
        margin-top: -10px
    }
}

.circle-jq {
    width: 15px;
    height: 15px;
    display: block;
    border-radius: 100%;
    margin-right: 5px;
    margin-top: 2.5px;

}

@media (min-width: 993px) {

    .numberPostEnd {
        position: fixed;
        top: 30%;
        right: 35%;
        height: 120px;
        display: none;
        width: 25%;
        font-size: 12pt;
    }

    .btn-jQ {
        width: 100%;
    }

    .numberBasket {

        right: 0 !important;


    }

    .img-logo img {

    }

    .pos {
        position: relative;
    }

    .search-box {
        position: absolute;
        top: 5px;
    }

    .navigation {

    }

    .navigation .item {
        width: 135px;
        height: 30px;

    }

    .navigation .item a {
        width: 100%;
        height: 100%;

    }

    .menu {
        width: 100%;
        position: relative;
        z-index: 100;
    }

    .category {
        width: 95%;
        height: 70vh;
        position: absolute;
        display: none;
        top: 38px;
        box-shadow: 0 0 2px #aaa;
        background: white;
        right: 14px;

    }

    .center {
        width: 100%;
        height: 70vh;
        overflow-y: auto;
        background: white;
        border-top: 1px solid #cccccc;
        margin-top: -8px;
        border-radius: 5px;
    }

    .center .right {
        width: 230px;
        height: 100%;
        overflow-y: auto;

    }

    .center .right .item {

        width: 100%;

        font-size: 10.5pt;
        cursor: pointer;
        line-height: 45px;

        font-weight: bold;
    }

    .center .right .item span {
        padding-right: 10px;
        width: 100%;
        display: inline-block;
    }

    .center .right .item:hover span {
        background: #f8f9fa;
        color: red;

    }

    .left {
        width: 78%;
        height: 100%;
        background: white;
        position: absolute;
        right: 230px;
        top: 0;
        display: none;
        overflow-y: auto;
        direction: ltr;
        padding-right: 10px;
        border-right: 1px solid #eeeeee;


    }


    .left-direction {
        direction: rtl;

    }


    .category .right {
        direction: ltr;
    }

    .category .right-content {
        direction: rtl;
    }


    .category .item:hover .left {
        display: block;
    }


    .category .item:first-child .left {
        display: block;
    }


    .category .item .left .level2 {
        width: 100%;

    }

    .category .item .left .level2 li {
        width: 100%;
        padding-right: 10px;
        font-size: 10pt;
        color: #767790;
        font-weight: 400 !important;
        line-height: 2rem;
    }


    .category .item .left .level2 li a:hover {
        color: red !important;
    }

    .navborder {
        border-bottom: 1px solid #cccccc;
    }

    .border-red {

        height: 2px;
        background: red;
        position: absolute;
        z-index: 100000;
        top: 27px;
        display: block;
    }

    .filter-icon {

        position: absolute;
        right: 280px;
        top: 4px;
    }

    .filterAll-icon .increase {

        position: absolute;
        right: 400px;
        top: 5px;
        display: block;

    }

    .filterAll-icon {
        position: relative;
    }

    .filterAll-icon .increase span.active {

        color: red;
    }

    .AllProductList .filter {

        position: sticky;
        top: 10px;
    }

    .productInfo .productImg {
        overflow: hidden;

    }

    .productInfo .productImg #zoom {

        width: 99%;
        height: 99%;

    }

}