@font-face { font-family: 'Shabnam'; font-style: normal; font-weight: normal; font-display:swap; src: url(../fonts/Shabnam-FD.eot); src: url(../fonts/Shabnam-FD.eot) format('embedded-opentype'), url(../fonts/Shabnam-FD.woff2) format('woff2'), url(../fonts/Shabnam-FD.woff) format('woff'), url(../fonts/Shabnam-FD.ttf) format('truetype') }
@font-face { font-family: 'flaticon_mycollection'; src: url(../fonts/flaticon/flaticon_mycollection.eot) format('embedded-opentype') }
@font-face { font-family: 'flaticon_mycollection'; src: url(../fonts/flaticon/flaticon_mycollection.woff) format('woff') }
@font-face { font-family: 'flaticon_mycollection'; src: url(../fonts/flaticon/flaticon_mycollection.woff2) format('woff2') }
@font-face { font-family: 'GraphikArabic'; src: url(../font/Graphik\ Arabic\ Light.otf) format('opentype') }
@font-face { font-family: 'fontello'; src: url(../font/fontello.eot?24740103); src: url(../font/fontello.eot?24740103#iefix) format('embedded-opentype'), url(../font/fontello.woff2?24740103) format('woff2'), url(../font/fontello.woff?24740103) format('woff'), url(../font/fontello.ttf?24740103) format('truetype'), url(../font/fontello.svg?24740103#fontello) format('svg'); font-weight: normal; font-style: normal }
@font-face { font-family: 'Shabnam'; font-style: normal; font-display:swap; font-weight: bold; src: url(../fonts/Shabnam-Bold-FD.eot); src: url(../fonts/Shabnam-Bold-FD.eot?#iefix) format('embedded-opentype'), url(../fonts/Shabnam-Bold-FD.woff) format('woff'), url(../fonts/Shabnam-Bold-FD.woff2) format('woff2'), url(../fonts/Shabnam-Bold-FD.ttf) format('truetype') }
body, a, span, b, li, ul { font-family: 'Shabnam'; direction: rtl; font-display:swap; font-size: 15px; font-weight: 300; margin: 0 }
body {
    background: #fcfcfc !important;
    background-color: #fcfcfc !important;
}
h1, h2, h3, h4, h5, h6 { font-weight: bold; line-height: 30px }
h1 { font-size: 18px }
h2 { font-size: 16px }
h3 { font-size: 14px }
h4 { font-size: 14px }
h5 { font-size: 13px }
h6 { font-size: 12px }

@media (max-width:500px) {
    h1 { font-size: 16px }
}

.text-success { color: #428d42 }
a:hover, a { text-decoration: none; transition: all .2s }
    a:hover { cursor: pointer }
ul { padding-right: 0 }
p { line-height: 35px; margin-bottom: 0 }
li { list-style: none }
main.home { margin: 0 }
.bord { border: 1px dashed #428d423d; border-radius: 10px; padding: 15px; background: #e2e9e236 }
.border30 { border-radius: 30px }
.borderTopDash { border-top: 1px dashed #428d423d }
.banner-btn { background: #ff9000; border-radius: 10px; width: 140px; height: 35px; text-align: center; margin-top: 30px; line-height: 33px }
.main-cl { color: #ff9000 }
.main-cl2 { color: #313130 }
.CGreen { color: #da5bd2!important; }
.price-container { padding: 20px 30px; border: 2px solid #0f7f83; border-radius: 20px; width: 70%; margin: 0 auto; text-align: center }
    .price-container p.price, .price-container .price span { color: #000; font-size: 20px; font-weight: normal }
    .price-container .price img { position: absolute; top: -16px; right: -10px }
.btnGold { background: #e01b25; color: #fff; padding: 11px 12px; border-radius: 10px; font-size: 15px; text-align: center; transition: all .3s; line-height: initial }
.comments-list .btnsend { border-radius: 45px; background: #0f7f83; padding: 15px; color: #fff; transition: all .3s; line-height: initial; border: none }
    .btnGold:hover, .comments-list .btnsend:hover { background: #253f7e; color: #fff }

@media (max-width:991px) {
    .container, .container-sm { max-width: 96% }
    .banner-btn { background: #ff9000; border-radius: 10px; width: 120px; height: 30px; text-align: center; margin-top: 20px; display: inherit; line-height: 30px; font-size: 13px }
}

.book-icons i { font-size: 23px; padding: 0 5px }
.btn:focus { border-color: transparent }
/*.form-select, .form-control { border: 2px solid #f0f0f0; font-size: 14px; height: 35px; border-radius: 100px; color: #505050 }*/
.ForgetPass-inner .form-select, .ForgetPass-inner .form-control { border: 1px solid #7595e5 }
.comments-list .form-select, .comments-list .form-control { border: 1px solid #a4a4a4; border-radius: 20px }
.comments-list .form-control { min-height: 100px }
.comments-list { padding: 16px }
.JustEn { font-size: 10px; position: absolute; left: 12px; color: #959392 }
.Ads2Box { position: relative }
    .Ads2Box::before, .Ads2Box.GrayBack::before { content: ""; width: 95%; height: 100%; background: #fff7ec; position: absolute; z-index: -1; border-top-right-radius: 25px; border-bottom-right-radius: 25px; top: 0; left: 0 }
    .Ads2Box.GrayBack::before { background: #f3f3f3; left: auto; right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 25px; border-bottom-left-radius: 25px }
.filter-container { width: 100%; padding: 4px; border: 1px solid #e9ddb6; border-radius: 100px }
.filter { padding: 20px 24px; border-radius: 100px; background: #fffcf9; border: 1px solid #e9ddb6 }

@media screen and (max-width:1024px) {
    .header-top { font-size: 12px }
}

@media screen and (max-width:800px) {
    .header-top { font-size: 13px }
}

@media screen and (max-width:768px) {
    .header-top { font-size: 10px }
        .header-top .payment { padding: 8px 5px }
    .filter-container, .filter { border-radius: 15px; padding: 5px 5px; font-size: 13px; }
    .filter-container{ border-radius:20px;}
}

@media screen and (max-width:767px) {
    .header-top .kala, .header-top .payment { margin-top: 3px }
    .price-container p.price, .price-container .price span { color: #000; font-size: 17px; font-weight: normal; }
}

.header .top-adver img { border-radius: 0 0 5px 5px; box-shadow: 0 2px 4px 0 rgba(0,0,0,.20); width: 100% }
.header .main-header { padding-top: 8px }
.header .logo-img { margin-top: 10px; width: 100%; transition: all .3s }
.search-box { position: relative !important; width: 75%; border-radius: 50px; background: #f0f0f0; border: 4px solid #fff; float: right }
.search-content { position: relative }
.search-box::after { content: ""; position: absolute; top: -5px; left: -5px; width: 102%; height: 123%; border: 1px solid #f0f0f0; z-index: -1; border-radius: 50px; right: -5px; bottom: -5px }
.input-group.search-content #txt_SearchText { border-radius: 0 50px 50px 0; background: #f0f0f0; color: #5d5d5d; transition: all .3s; height: 45px; padding-right: 24px }
.input-group.search-content #basic-addon2 { height: 45px; cursor: pointer; border-style: none; transition: all .3s; background: #0e8083; margin-bottom: 0; display: inherit; border-radius: 100%; text-align: center; width: 45px }
.search-group .xa i { border-left: 1px solid #c8c8c8; padding: 0 0 0 5px; line-height: 22px; font-size: 16px }
.search-group button.xa { border: none; background: none; outline: none }
    .search-group button.xa:hover { outline: none }
.search-group input { border: none; width: 88% }
    .search-group input:focus { border: none; outline: none }
.header .user { color: #85aa3b }
.header button { color: #494949; border: none; background: transparent }
.header .HeaderTop li.nav-item { padding: 0 3px }
.header-search { position: relative }
.SearchPro { position: relative !important; width: 20%; border-radius: 50px; background: #0e8083; border: 4px solid #fff; float: right; font-size: 14px; height: 49px; text-align: center; margin-right: 8px; line-height: 40px; padding: 0 8px; color: #fff }
    .SearchPro::after { content: ""; position: absolute; top: -5px; left: -5px; right: -5px; bottom: -5px; width: 108%; height: 124%; border: 1px solid #0e8083; z-index: -1; border-radius: 50px; color: #fff }
    .SearchPro:hover, .input-group.search-content #basic-addon2:hover, .SearchPro:hover .SearchPro::after { background-color: #36487d; color: #fff }
.nav-item .flaticon-category { font-size: 16px; color: #ff9001; vertical-align: sub }
.header .HeaderTop .vr { margin: 0 3px }
.HeaderTop span#basketCount, .MenuUser span#basketCount { position: absolute; background: #0f7f83; border-radius: 50%; top: -5px; right: -8px; text-align: center; color: #fff; font-weight: 300; font-size: 13px }
.menu-resize .magazine { position: relative !important; width: 130px; border-radius: 50px; background: #0e8083; border: 4px solid #fff; float: right; font-size: 15px; height: 45px; text-align: center; line-height: 35px; color: #fff; float: left }
    .menu-resize .magazine::after { content: ""; position: absolute; top: -5px; left: -5px; right: -5px; bottom: -5px; width: 133px; height: 47px; border: 1px solid #0e8083; z-index: -1; border-radius: 50px; color: #fff }
    .menu-resize .magazine:hover, .menu-resize .magazine:hover .menu-resize .magazine::after { background-color: #36487d; color: #fff }

@media (max-width:767px) {
    .header .top-adver img { border-radius: 0 0 5px 5px; box-shadow: 0 2px 4px 0 rgba(0,0,0,.20); width: 100%; height: 100px; object-fit: cover; object-position: center }
    .header .main-header { padding-top: 15px }
    .SearchPro { width: 40%; position: absolute !important; top: -40px; left: 6px; color: #0e8083; background: none; height: 30px }
    .header-logo img { transform: scale(.9) }
    .search-box::after { content: ""; position: absolute; top: -5px; left: -5px; width: 104%; height: 124%; border: 1px solid #f0f0f0; border-radius: 50px; right: -7px; bottom: 0 }
}

.form-check-input:checked { background-color: #ff9001; border-color: #ff9001 }
.MenuUse span#basketCount { top: 0 }
.HeaderTop .fa { font-size: 15px }
.header .user .login, .header .user .basket-resize, .header .user .account, .header .user .logout { float: left; margin-right: 16px; border-radius: 50px; border: 1px solid #f0f0f0; padding: 4px }
    .header .user .login a, .header .user .basket-resize a, .header .user .account a, .header .user .logout a { color: #324f91; background: #f0f0f0; border-radius: 50px; height: 45px; display: inline-block; line-height: 40px; padding: 0 16px }
    .header .user .login svg { margin-top: 5px }
    .header .user .basket-resize a, .header .user .account a, .header .user .logout a { padding: 4px 10px; width: 45px }
::placeholder { color: #5d5d5d }
.btn-success { background-color: #30a014 !important }
.header .HeaderTop { margin-bottom: 16px }
.reglog a { color: #494949 }
.f-right { float: right }
.f-left { float: left }
.footer-logo { transition: all .3s; width: 80%; margin-top: -15px }
.namad { margin-top: 1.5rem }
.comptitle { color: #f15928; font-size: 20px; font-style: normal; font-weight: 700; line-height: normal }
.compsubtitle { color: #787878; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: -.2px }
li.logoBox.nav-item:first-child { padding: 12px 5em 12px; background-position: center -10px; background-size: 130%; position: relative }

@media (min-width:768px) {
    li.logoBox.nav-item:first-child { background: url(../images/Central_Curve.png) no-repeat; padding: 12px 5em 27px; padding: 10px 6em 27px; background-size: 99%; background-position: center -5px }
}

@media only screen and (max-width:767px) {
    .footer-logo { transition: all .3s; width: auto }
    .namad { width: auto; margin-top: 0 }
    .header .user .basket { padding-left: 15px; display: none }
}

@media (min-width:992px) {
    li.logoBox.nav-item:first-child { padding: 12px 6em 27px; background-position: center -10px; background-size: 130% }
}

li.logoBox.nav-item img { margin-top: -10px; width: 60px }

@media screen and (min-width:1200px) and (max-width:1400px) {
    .comptitle { font-size: 17px }
    .compsubtitle { font-size: 13px }
    .search-box { width: 70%; }
}

@media screen and (min-width:1540px) and (max-width:2560px) {
    .header .logo-img { width: 80% }
}
@media screen and (min-width:1024px) and (max-width:1441px) {
    .SearchPro { position: relative !important; width: 25%; }
}
    @media screen and (max-width:1024px)  {
        .header .user { font-size: 12px; padding: 0 }
            .header .user .register { padding-left: 15px }
                .header .user .register::after { right: 50px !important }
            .header .user .login::after { right: 33px !important }
            .header .user .contact a { font-size: 13px }
        .header .contact { padding: 0 2px 0 0 }
    }

    @media screen and (min-width:809px) and (max-width:1024px) {
        .search-box { position: relative !important; width: 66% }
        .SearchPro { position: relative !important; width: 32% }
    }

    @media screen and (max-width:800px) {
        .header .search-group { width: 100% }
    }

    @media screen and (max-width:767px) {
        .header .search-group { width: 100%; margin-top: 12px }
        .header .user { text-align: right; margin-bottom: 5px }
    }

    @media screen and (max-width:425px) {
        .header .user .contact img { margin-top: 14px }
        .header .contact { padding: 3px 2px 0 0 }
        .header .user .contact span { font-size: 18px }
        .header .search-group input { width: 75% }
    }

    @media screen and (max-width:375px) {
        .header .user { text-align: right }
            .header .user .register, .header .user .login, .header .user .basket { padding: 0 2px 0 5px }
                .header .user .basket i { font-size: 27px }
            .header .user .contact img { width: 21% }
            .header .user .contact a { font-size: 12px }
            .header .user .register::after { right: 44px !important; height: 30px }
            .header .user .login::after { right: 30px !important; height: 30px }
            .header .user .logout::after { right: 34px !important; height: 30px }
            .header .user .basket::after { right: 80px !important; top: 20px; height: 30px }
    }

    @media screen and (max-width:360px) {
        .header .user .logout { position: relative; padding: 0 2px 0 3px }
    }

    @media screen and (max-width:320px) {
        .header .search-group { width: 100%; font-size: 10px; padding: 2px 1px; margin-top: 10px }
        .header .user, .header .user a { text-align: right; font-size: 13px }
            .header .user .register, .header .user .basket, .header .user .login { padding: 0 8px 0 8px }
                .header .user .basket i { font-size: 20px; margin-top: 16px }
            .header .user .contact img { width: 15% }
            .header .user .register::after { right: 53px !important; height: 28px !important }
            .header .user .logout { padding: 0 2px 0 11px }
            .header .user .login::after { right: 37px !important; height: 28px !important }
            .header .user .basket::after { right: 82px !important; top: 18px; height: 28px !important }
        .header .logo-img { margin-top: 20px; width: 132% }
    }

    .menu-resize { margin-bottom: 5px }

    @media screen and (max-width:1024px) {
        .menu-resize .wsmenu > .wsmenu-list > li > .navtext > span { font-size: 14px }
        .menu-resize .wsmenu > .wsmenu-list > li > .navtext { padding: 15px }
    }

    .banner img { width: 100%; border-radius: 10px }
    .logo img { width: 100% }
    .logo .owl-carousel .item { border: none }
        .logo .owl-carousel .item:hover { box-shadow: none }
    .logo .owl-carousel .owl-nav button.owl-next, .logo .owl-carousel .owl-nav button.owl-prev { color: #ace43d; border: none; top: 70px; font-size: 20px; background: none; width: 25px; height: 0; padding: 0 }
    .logo .owl-carousel { margin-bottom: 0 }
        .logo .owl-carousel .owl-nav button.owl-prev { left: 0 }
        .logo .owl-carousel .owl-nav button.owl-next { left: 1107px }

    @media screen and (min-width:1441px) and (max-width:2560px) {
        .logo .owl-carousel .owl-nav button.owl-next { left: 1430px }
        .logo .owl-carousel .owl-nav button.owl-next, .logo .owl-carousel .owl-nav button.owl-prev { top: 95px }
    }

    @media screen and (max-width:1024px) {
        .logo .owl-carousel .owl-nav button.owl-next { left: 925px }
        .logo .owl-carousel .owl-nav button.owl-next, .logo .owl-carousel .owl-nav button.owl-prev { top: 60px }
    }

    @media screen and (max-width:800px) {
        .logo .owl-carousel .owl-nav button.owl-next { left: 680px }
    }

    @media screen and (max-width:768px) {
        .logo .owl-carousel .owl-nav button.owl-next { left: 685px }
        .logo .owl-carousel .owl-nav button.owl-next, .logo .owl-carousel .owl-nav button.owl-prev { top: 70px }
    }

    @media screen and (max-width:450px) {
        .logo .owl-carousel .owl-nav button.owl-next { left: 408px }
    }

    @media screen and (max-width:425px) {
        .logo .owl-carousel .owl-nav button.owl-next { left: 380px }
    }

    @media screen and (max-width:414px) {
        .logo .owl-carousel .owl-nav button.owl-next { left: 373px }
    }

    @media screen and (max-width:375px) {
        .logo .owl-carousel .owl-nav button.owl-next { left: 333px }
        .logo .owl-carousel .owl-nav button.owl-next, .logo .owl-carousel .owl-nav button.owl-prev { top: 65px }
    }

    @media (width:360px) {
        .logo .owl-carousel .owl-nav button.owl-next { left: 320px }
        .logo .owl-carousel .owl-nav button.owl-next, .logo .owl-carousel .owl-nav button.owl-prev { top: 80px }
    }

    @media screen and (max-width:320px) {
        .logo .owl-carousel .owl-nav button.owl-next { left: 277px }
        .logo .owl-carousel .owl-nav button.owl-next, .logo .owl-carousel .owl-nav button.owl-prev { top: 77px }
    }

    .shegeft-angiz { background: #f0592a }
        .shegeft-angiz .panel-right img { width: 100% }
    .tab-img { width: 100%; border: 8px solid #fff }
    .tabs_wrapper { text-align: right }
    ul.tabs { display: inline-block; vertical-align: top; position: relative; z-index: 10; margin: 0; padding: 0; width: 23%; min-width: 175px; list-style: none; -ms-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease }
        ul.tabs li { margin: 3px 0 0 0; cursor: pointer; padding: 0 15px; line-height: 25px; color: #3f3f3f; text-align: right; padding: 7.7px; font-size: 13px; background-color: #e9ecef; -ms-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease }
            ul.tabs li:first-child { margin-top: 0% }
            ul.tabs li:first-child { border-top-right-radius: 10px }
            ul.tabs li:last-child { border-bottom-right-radius: 10px }
            ul.tabs li:hover { background-color: #a9dc46 !important; filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ae0046', endColorstr='#fb0f56', GradientType=0); color: #383838; -ms-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease }
            ul.tabs li.active { background-color: #a9dc46; filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#4c001e', endColorstr='#9f0735', GradientType=0); color: #fff; -ms-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease }
    .tab_container { display: inline-block; vertical-align: top; position: relative; z-index: 2; width: 76%; min-width: 10px; text-align: right; padding: 25px; margin-right: -3px; min-height: 345px !important; background-color: #e9ecef; border-top-left-radius: 10px; border-bottom-left-radius: 10px }
    .tab_content { height: 100%; display: none; position: relative }
    .tab_drawer_heading { display: none }
    .tab_container .special-sell { position: absolute; top: 0; background-color: #fff; padding: 5px 20px; left: 230px; color: #8cc63f; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; box-shadow: 0 2px 5px 2px rgba(222,225,228,.6) }
        .tab_container .special-sell h1 { font-size: 17px }
    .tab_container .discount { position: absolute; top: 0; left: 0; background-color: #de2f50; color: #fff; font-size: 16px; padding: 5px 6px; border-top-left-radius: 10px; border-bottom-right-radius: 10px }
    .tab_container .counter { position: absolute; bottom: 20px }
    .tab_container .countdown-counter { position: absolute; bottom: 100px }
        .tab_container .countdown-counter .counter-title { font-size: 14px }
        .tab_container .countdown-counter .counter { bottom: -95px; left: -233px; direction: ltr; font-weight: bold; font-size: 12px; color: #fff; text-align: center; margin-right: 25px; margin-top: 10px }
            .tab_container .countdown-counter .counter ul { list-style-type: none }
                .tab_container .countdown-counter .counter ul li { display: inline-block; font-size: 14px; list-style-type: none; padding: 7px 13px; line-height: 18px; background-color: #9fce38 }
                    .tab_container .countdown-counter .counter ul li p { background-color: #799d38; margin-bottom: 0; padding: 5px }
                    .tab_container .countdown-counter .counter ul li span { display: block; font-size: 14px; font-weight: bold; padding: 4px; background-color: #9fce38; margin-bottom: 5px }
    .tab_container .clock { padding-left: 30px; bottom: 15px }

    @media screen and (min-width:1441px) and (max-width:2560px) {
        .tab_container .countdown-counter { bottom: 140px }
            .tab_container .countdown-counter .counter ul li, .tab_container .countdown-counter .counter ul li span, .tab_container .countdown-counter .counter-title { font-size: 16px }
            .tab_container .countdown-counter .counter { bottom: -115px; left: -275px }
    }

    @media screen and (max-width:1024px) {
        .tab_container .countdown-counter { bottom: 88px }
            .tab_container .countdown-counter .counter ul li, .tab_container .countdown-counter .counter ul li span, .tab_container .countdown-counter .counter-title { font-size: 13px }
            .tab_container .countdown-counter .counter { margin-right: 0; margin-top: 0; padding-left: 0; left: -138px }
    }

    @media screen and (max-width:800px) {
        .tab_container .countdown-counter { bottom: 85px }
            .tab_container .countdown-counter .counter ul li, .tab_container .countdown-counter .counter ul li span, .tab_container .countdown-counter .counter-title { font-size: 12px }
    }

    @media screen and (max-width:768px) {
        .tab_container .countdown-counter { top: 60px }
            .tab_container .countdown-counter .counter { top: -30px; left: -259px }
    }

    @media screen and (max-width:570px) {
        .tab_container .countdown-counter { top: 55px }
            .tab_container .countdown-counter .counter { top: -22px; left: -200px }
                .tab_container .countdown-counter .counter ul li { padding: 5px }
    }

    @media screen and (max-width:375px) {
        .tab_container .tab-mohtava { margin-top: 100px !important }
        .tab_container .countdown-counter { top: 30px }
            .tab_container .countdown-counter .counter { top: 30px; left: -115px; margin-right: 0 }
    }

    @media screen and (max-width:320px) {
        .tab_container .countdown-counter .counter { left: -90px; margin-right: 0 }
    }

    .tab_content .content { padding: 6px 26px 0 54px; margin-top: 15px; line-height: 30px; font-size: 14px }
        .tab_content .content .title { font-weight: bold }
    .tab_content .last-cost { text-align: center; margin-top: 10px }
    .tab_content .cost { text-align: center; margin-top: 5px; background-color: #de2f50; border-radius: 7px; color: #fff; padding: 5px 16px }
    .tab_content img { width: 100%; margin-top: 45px }

    @media screen and (min-width:1540px) and (max-width:2560px) {
        ul.tabs li { line-height: 42px; padding: 6px }
        .tab_container .special-sell { left: 311px }
        .tab_container { padding: 40px }
        .tab_content img { width: 70% }
        .tab_content .last-cost { margin-top: 30px }
    }

    @media screen and (max-width:1024px) {
        .tab_container { width: 72%; min-height: 288px !important }
            .tab_container .special-sell { left: 170px }
        ul.tabs li { line-height: 22px; padding: 5.7px 5px }
        .tab_content .content { font-size: 12px; padding: 20px 26px 0 25px; margin-top: 6px; line-height: 24px }
        .tab_content .last-cost { margin-top: 4px }
    }

    @media (width:800px) {
        .shegeft-angiz .sidebar-menu { margin-right: -30px }
        .tab_content img { margin-top: 10px }
    }

    @media screen and (max-width:800px) {
        .tab_container { width: 72%; padding: 40px 20px 10px }
        .tabs_wrapper ul.tabs { width: 27%; padding: 0; min-width: 0 !important }
        .tab_container .special-sell { right: 0; padding: 5px 10px }
            .tab_container .special-sell h1, .tab_container .discount { font-size: 11px }
        ul.tabs li { line-height: 22px; font-size: 10px; padding: 5.7px 5px }
        .tab_content .content { font-size: 10px; padding: 6px 5px 0 5px }
    }

    @media screen and (max-width:781px) {
        ul.tabs { display: none }
        .tab_container { display: block; width: 95%; border-top: none; border-radius: 10px }
        .tab_drawer_heading { filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#600026', endColorstr='#c60943', GradientType=0); font-size: 13px; color: #666; background-color: #dfe4e9; margin: 0; padding: 5px 20px; display: block; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: center }
            .tab_drawer_heading:hover { background: #a9dc46; filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ae0046', endColorstr='#fb0f56', GradientType=0); color: #fff }
        .d_active { background: #a9dc46; filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#4c001e', endColorstr='#9f0735', GradientType=0); color: #fff }
        .tab-img { margin-bottom: 20px; margin-top: 10px; width: 75%; margin-right: 50px }
        .tab_content .last-cost { margin-top: 40px }
    }

    @media screen and (max-width:768px) {
        .tab_container .discount { font-size: 12px }
        .tab_container .special-sell h1 { font-size: 11px }
        .tab_container .special-sell { right: 0; left: inherit; padding: 3px 20px }
        .tab_container .tab-mohtava { margin-top: 80px }
        .tab_content .cost { padding: 5px 10px }
        .tab_content .content { font-size: 12px; padding: 0 20px 12px 0; margin-top: 14px }
        .tab_content img { margin-top: 25px; margin-bottom: 15px }
    }

    @media screen and (max-width:450px) {
        .tabs_wrapper { width: 100%; margin-top: 15px }
        .tab_content img { width: 70%; margin-right: 0 }
        .tab_content .content { padding: 0 40px 10px 37px }
        .shegeft-angiz .panel-right img { margin-left: 30px; width: 88% }
        .last-product .panel-right img { margin-left: 30px }
    }

    @media (max-width:375px) {
        .tab_drawer_heading { font-size: 11px }
        .tab_content .content { line-height: 25px; font-size: 12px; padding: 0 30px 10px 30px }
    }

    @media screen and (max-width:320px) {
        .tab_content .cost { padding: 5px 7px; margin-left: 15px }
        .tab_content .content { font-size: 11px }
    }

    .swiper { width: 100%; height: 100% }
    .middle-ads .swiper { padding: 0 30px }
    .swiper-slide img { display: block; width: 100%; height: 100%; border-radius: 100px 100px 10px 10px; border: 1px solid #ebedf2 }
    .swiper-slide .add-to-basket img, .swiper-slide .rating img { border: none }
    .bannertopright .swiper-slide img, .bannerbottomleft .swiper-slide img { border-radius: 10px }
    .SliderSwiper { z-index: 1; position: relative; border-radius: 5px }
        .SliderSwiper .swiper-slide img { display: block; width: 100%; height: 100%; border-radius: 10px 100px 10px 10px }
    .Swiper2th .swiper-slide img { border-radius: 20px }
    .serviceBox::before { content: ""; position: absolute; width: 95%; background: #f6f6f6; height: 135px; border-bottom-left-radius: 25px; z-index: -1; height: 100% }
    .serviceBox { text-align: end; display: contents; padding: 25px; border-bottom-left-radius: 30px }
        .serviceBox i { font-size: 40px; position: relative; z-index: 2; transition: .2s; width: 46px; height: 46px }
        .serviceBox .box { display: flex; background: #fff; border-radius: 10px; justify-content: center; padding-top: 10px; line-height: 5px; padding-bottom: 10px; margin: 12px 0 12px 0 }

    @media (min-width:992px) {
        .serviceBox .col-lg-3 { width: 20% }
    }

    .serviceBox .bg-box { position: absolute; width: 30px; height: 26px; background: #ff900130; z-index: -1; right: -7px; top: 17px; border-radius: 5px; transition: all .3s }
    .serviceBox .box:hover .bg-box { width: 35px; height: 31px }
    .bannertopright, .bannerbottomleft { border-radius: 10px }
        .bannertopright .swiper-pagination, .bannerbottomleft .swiper-pagination { text-align: left; left: 16px; width: 90% }
        .bannertopright .swiper-pagination-clickable .swiper-pagination-bullet, .bannerbottomleft .swiper-pagination-clickable .swiper-pagination-bullet { width: 20px; height: 20px; border: 2px solid #fff; border-radius: 50%; position: relative; background: transparent; filter: drop-shadow(0 4px 4px rgba(0,0,0,.25)) }
        .bannertopright .swiper-pagination-bullet-active, .bannerbottomleft .swiper-pagination-bullet-active { width: 20px; height: 20px; border: 2px solid #fff; border-radius: 50%; position: relative; background: transparent }
            .bannertopright .swiper-pagination-bullet-active:before, .bannerbottomleft .swiper-pagination-bullet-active:before { content: ''; width: 10.5px; height: 10.5px; background-color: #fff; border-radius: 50%; top: 3px; right: 3px; position: absolute }
    .SliderSwiper .swiper-button-next, .SliderSwiper .swiper-button-prev { bottom: 5%; color: #fff; background-image: none; width: 40px; height: 40px; filter: drop-shadow(0 4px 4px rgba(0,0,0,.25)); background-color: transparent; border-radius: 0; border: none }
        .SliderSwiper .swiper-button-next:hover, .SliderSwiper .swiper-button-prev:hover { background: transparent }
            .SliderSwiper .swiper-button-next:hover .swiper-button-next::after { background-image: url(../images/chevron-right-dark.svg) }
            .SliderSwiper .swiper-button-prev:hover .swiper-button-prev::after { background-image: url(../images/chevron-left-dark.svg) }
    .SliderSwiper .meta { position: absolute; top: 30%; right: 6em; padding: 30px; border-radius: 19px; color: #fff; text-align: right }
.swiper.SmipleSwiper .swiper-button-next, .swiper.SmipleSwiper .swiper-button-prev { bottom: 0; top: 50% }
.TopsaleProduct .swiper.SmipleSwiper .swiper-button-next, .TopsaleProduct .swiper.SmipleSwiper .swiper-button-prev, .ProductList .swiper.SmipleSwiper .swiper-button-next, .ProductList .swiper.SmipleSwiper .swiper-button-prev, .HotProduct .swiper.SmipleSwiper .swiper-button-next, .HotProduct .swiper.SmipleSwiper .swiper-button-prev, .SuggestedProduct-left .swiper.SmipleSwiper .swiper-button-next, .SuggestedProduct-left .swiper.SmipleSwiper .swiper-button-prev { bottom: 0; top: inherit }
.swiper.SmipleSwiper .swiper-button-next { left: 43px; right: -14px }
.SuggestedProduct-left .swiper.SmipleSwiper .swiper-button-next { left: 43px; right: -19px }
.SuggestedProduct-left .swiper-rtl .swiper-button-prev { left: -19px; right: auto }

    @media (max-width:768px) {
        .swiper.SliderSwiper { height: 190px; margin-top: 20px }
        .sliders .swiper.SliderSwiper { height: 155px; margin-top: 10px; margin-bottom: 15px }
        .SliderSwiper .meta { top: 5px; right: 15px; width: 85% }
        .main-cl { font-size: 13px; line-height: 15px }
            .main-cl p { line-height: 20px; margin-bottom: 0 }
        .SliderSwiper .swiper-button-next, .SliderSwiper .swiper-button-prev { transform: scale(.6) }
        .swiper-button-next, .swiper-rtl .swiper-button-next { right:inherit; left: 35px }
        .swiper-button-prev, .swiper-rtl .swiper-button-prev { right: auto; left: 0 }
        .middle-ads .swiper { padding: 0 15px }
        .middle-ads .swiper-button-next, .middle-ads .swiper-button-prev { bottom: 30% }
        .SliderSwiper .swiper-slide img { border-radius: 10px }
    }

    .last-product .panel-right img { width: 100% }
    .panel-right img { width: 100% }
    .last-product .fas { color: #a9dc46; font-size: 14px }
    .item .heart .fa-heart { color: #e4e4e4; font-size: 18px }

    @media screen and (min-width:1441px) and (max-width:2560px) {
        .last-product .panel-right img { height: 90% }
    }

    @media screen and (max-width:767px) {
        .last-product .panel-right img { width: 50%; margin: 0 auto; display: block }
    }

    @media screen and (max-width:425px) {
        .last-product .panel-right img, .shegeft-angiz .panel-right img, .panel-right img { width: 88%; margin-left: 22px }
    }

    .footer { text-align: right; font-size: 15px; color: #505050; background: #f4eeda; position: relative; padding-top: 38px }
        .footer::before { position: absolute; width: 100%; height: 1px; background-color: #f4eeda; top: -4px; content: "" }
        /*.footer .row1 { margin-bottom: 30px }*/
        .footer .namad { text-align: left }
        .footer .AboutUs h4 { font-size: 15px; margin: 15px; font-weight: bold }
        .footer a { color: #505050; font-size: 14px }
        .footer .ertebat { line-height: 30px }
            .footer .ertebat a:hover { color: #cadfa0 }
        .footer .logo-footer1 { float: left }
        .footer p { line-height: 25px; font-size: 15px }
        .footer ul { list-style-type: none }
    .footer-contact { width: 60%; float: right }
    .footer .footer-contact ul li:first-child { max-width: 433px }

    @media (min-width:320px) and (max-width:768px) {
        .footer ul li { line-height: 25px; display: flex; justify-content: center }
        .footer p { line-height: 25px; font-size: 13px }
    }

    .footer ul li { line-height: 25px; display: inline-table; margin-left: 30px; min-width: 125px; margin-bottom: 10px }
        .footer ul li i { font-size: larger }
        .footer ul li:last-child { font-size: 14px }
        .footer ul li:first-child img { float: right }
        .footer ul li img { margin-left: 10px }
    .footer .social-media { width: 39%; float: right }
        .footer .social-media span { color: #253f7e; font-weight: bold; font-size: 16px }
    .footer .akhbar { line-height: 36px; border-bottom: 1px solid #727171; margin-bottom: 5px }
        .footer .akhbar:last-child { border-bottom: none }
        .footer .akhbar img { float: right; margin-left: 10px; width: 75px; height: 65px; border-radius: 5px; border: 1px solid #646464 }
        .footer .akhbar .date { color: #a7df38 }
        .footer .akhbar a:hover { color: #0f7f83 }
    .footer .border-b { border-bottom: 1px solid #727171 }
    .copyright { padding: 18px 0; border-top: 1px solid #b5b5b573 }
        .copyright p, .copyright b, .copyright a { font-size: 13px }
        .copyright a { color: #36487d; border-bottom: 1px solid }
    .footer a:hover { color: #0f7f83 }
    .footerInfo h4 { font-size: 16px; position: relative; line-height: 25px; color: #36487d; font-weight: bold; margin-bottom: 6px }
    .footerInfo .title { font-size: 16px; color: #253f7e; font-weight: bold; margin-bottom: 16px }
    ul.list-inline.social-net { border-right: none; text-align: center }
        ul.list-inline.social-net li { display: inline-block; margin: 5px; font-size: 19px }
            ul.list-inline.social-net li i { font-size: 20px }
    .membership { padding: 3em 0 8em; background-image: url(../images/back-member.jpg); background-position: top center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed }
        .membership form { background: #fcfcfc; border-radius: 30px; padding: 8px; height: auto }
            .membership form input { border: none; font-size: 14px; background: transparent }
            .membership form button { border-radius: 30px !important; color: #000 !important; padding: 8px 15px; margin-bottom: 0 }
    .footerM { padding-bottom: 3em }
    .footerB .AboutUs { background: #fff; border-radius: 30px; position: absolute; width: 100%; top: -16em; padding: 45px; color: #000 }

    @media (max-width:767px) {
        .footerB .AboutUs { width: 90%; top: -14em; padding: 20px; right: 5% }
        .footerInfo h4 { text-align: center; margin: 20px 0 }
            .footerInfo h4::after { right: 0; left: 0 }
        .footer-contact { width: 100%; float: right }
        .footer .social-media { width: 100% }
        .copyright { border-top: none }
    }

    .footerB .AboutUs .imgHolder { background: url(../images/Central_CurveUp.png) no-repeat; background-position: center -1px; background-size: 112%; width: 130px; text-align: center; position: absolute; top: -45px; right: 22px }
        .footerB .AboutUs .imgHolder img { margin: 0 auto; padding: 25px 0 0; width: 53px }
    .breadcrumb-section .container, #breadcrumb-container .container { border-top: 1px solid #e3e3e3 }
    .breadcrumb { padding: 20px 20px 0 }
        .breadcrumb li, .breadcrumb-item { font-size: 14px }
            .breadcrumb-item a { color: #1f1f1f; font-size: 14px }
    ul.breadcrumb li:first-child { margin-left: 10px }
    ul.breadcrumb li:last-child a { color: #555; pointer-events: none }
        ul.breadcrumb li:last-child a h1 { display: inline-block; font-size: 14px; font-weight: 100; line-height: inherit }
    .breadcrumb-item + .breadcrumb-item::before { font-family: "Font Awesome 5 Free"; display: inline-block; padding-right: .5rem; content: "\f053"; font-weight: bold; font-size: 10px; line-height: 22px; margin-left: 7px; color: #d6ae2b }

    @media screen and (max-width:1024px) {
        .breadcrumb-item, .breadcrumb-item h1 { font-size: 12px }
    }

    @media screen and (max-width:768px) {
        .breadcrumb-item, .breadcrumb-item h1 { font-size: 11px; line-height: 20px }
            .breadcrumb-item + .breadcrumb-item::before { padding-right: 6px; font-size: 8px; line-height: 19px; margin-left: 4px }
    }

@media screen and (max-width:540px) { 
    .breadcrumb{ padding: 20px 0px 0 }
        .breadcrumb li, .breadcrumb-item { font-size: 12px; color: #666; }
            .breadcrumb-item a, .breadcrumb li span{ color: #666; font-size: 12px }
}

    @media screen and (max-width:320px) {
        .breadcrumb-item, .breadcrumb-item h1 { font-size: 10px }
            .breadcrumb-item + .breadcrumb-item::before { padding-right: 2px; margin-left: 3px }
    }

    .gallery-resize { text-align: center; position: relative; margin-top: -40px }
        .gallery-resize img { border-radius: 15px; width: 70% }
        .gallery-resize .discount-img { position: absolute; top: -10px; left: 20px; background-color: #ed1c24; color: #fff; border-radius: 50%; padding: 8px; font-size: 14px }
    .footer-icons i { font-size: 18px }
    .footer-icons .fa-instagram { color: #975cc3 }
    .footer-icons .fa-telegram-plane, .footer-icons .fa-twitter { color: #00aeef }
    .body-resize .share-in-socials { border-radius: 0 45px 0 0; background: #eeeff2; padding: 14px 15px; transform: rotate(-90deg); position: absolute; left: -97px; top: 80px; width: 52%; text-align: center }
    .share-in-socials span { color: #0f7f83 }
    .share-in-socials .showtooltip { position: inherit; transform: rotate(90deg) }
    .share-in-socials .tooltip { top: -15px; background-color: #eeeff2; color: #fff; border-radius: 0 20px 20px 0; opacity: 0; position: absolute; left: 15px; transition: opacity .9s }
    .share-in-socials:hover .tooltip { opacity: 1 }
    .share-in-socials .tooltip-inner { max-width: inherit; padding: .25rem .5rem; color: #fff; text-align: center; background-color: #eeeff2; border-radius: 0 20px 20px 0; width: max-content }
    .share-in-socials a { font-size: 20px; font-weight: 300 }
    .share-in-socials img { margin-inline: 10px }
    .send-as-gift { position: absolute; bottom: 0; height: 55px; background-color: #f2f3f6; width: 100%; border-radius: 0 0 45px 45px; right: 1px; text-align: center; align-content: center; color: #324f91 }
        .send-as-gift svg { margin-left: 10px }
    .flaticon-comment { font-size: 25px; color: #ff9000 }
    .book-off { width: 68px }
    .share-in-socials a .fa-whatsapp:hover, .flaticon-share { color: #25d366 }
    .flaticon-gift { color: #fe9f24 }
    .addto-like { border-radius: 45px 0 0 0; background: #f7f1f1; padding: 13.5px 20px; transform: rotate(-90deg); color: #ec0000; left: -85px; bottom: 84px; position: absolute; font-weight: bold; width: 47%; z-index: 99 }
        .addto-like a { color: #ec0000 }
        .addto-like img { margin-left: 10px }
    .body-resize .first-infos .infos-row .question { float: right; width: 32%; text-align: right; margin-left: 0; padding-right: 5px }
    .body-resize .first-infos .infos-row .answer { float: right; width: 68%; text-align: right; padding-right: 5px }
    .body-resize .first-infos .table { margin-bottom: 0 !important; line-height: 42px; font-size: 15px }
        .body-resize .first-infos .table a { color: #a2cb3b }
    .body-resize .downloadFile { border-radius: 100px; background: #fff; padding: 10px 30px; border: 1px solid silver; width: 70%; margin: 15px auto }
        .body-resize .downloadFile li { margin-left: 10px }
    .body-resize .count-basket { width: 100%; width: 100%; padding: 19px; margin-top: 15px }
    .qty-wrapper { margin: 5px auto; width: 50% }
    .count-title { display: inline-block; margin-top: 10px }
    .pro-count { height: 40px; line-height: 40px; width: 100px; border-radius: 10px; border: 1px solid #e9e9e9; background: #fff; float: left }
        .pro-count .pro-count-r, .pro-count .pro-count-l { font-size: 15px; float: right; text-align: center; height: 42px; display: block; color: #646464 }
        .pro-count .pro-count-r { line-height: 40px }
    .pro-count-l-t, .pro-count-l-b { width: 100%; height: 20px; color: #646464; font-size: 14px; line-height: 38px; font-weight: bold; float: none; cursor: pointer }
    .pro-count-l-t { border-top-left-radius: 8px }
    .pro-count-l-b { border-bottom: 0; border-bottom-left-radius: 8px }
    .body-resize .explain { border: 1px solid #a2cb3b; border-radius: 5px; padding: 10px; margin: 15px 0 }
    .body-resize .explain-header { text-align: right; font-size: 17px }
    .body-resize .explain-body { text-align: justify; font-size: 13px; line-height: 30px }
    .addtobasket-btn a { text-align: center; padding-bottom: 10px; background: #0f7f83; border-radius: 10px; color: #fff; height: auto; width: 100%; margin: 10px auto; line-height: 30px; padding: 1rem; transition: all .2s; display: flex; justify-content: center; align-items: center; }
    .addtobasket-btn span { display: inline-block; margin-bottom: 8px }
        .addtobasket-btn span span { display: inline; text-decoration: line-through; padding: 0 5px; color: #838080 }
    .addtobasket-btn a:hover { background: #36487d }
/*    .btn { background-color: #ffa12e; color: #fff !important; padding: 4px 20px; font-size: 14px; line-height: 28px; border-radius: 100px; margin-bottom: 10px; text-align: center; transition: all .3s; border-style: none }
    .btn-shop .btn { background-color: #36487d }*/
    .AddressListRegion .btnEdite { padding: 7px 7px }
    .btn-danger { background: #db3e4d }
    .MyOrder .div-data .btn-danger { padding: 4px 8px 0 }
    .btn-secondary { background-color: #bfbbae !important; border-color: #bfbbae !important }
    .not-in-stock.d-block.btn.btn-secondary.label { pointer-events: none; width: max-content }
    .letmeknow.not-in-stock.d-block.btn.btn-secondary { pointer-events: none; background-color: #f79e06 !important }
    .modal-footer .btn-success, .modal-footer .btn-danger { padding: 5px 17px; line-height: 30px }
    .addtobasket-btn .price { line-height: 12px; float: left; text-align: end }
    .addtobasket-btn .addtobascket:hover { cursor: pointer }
    .KeyWords li a { font-size: 12px; color: rgba(0,0,0,.5) !important }
    .KeyWords li { font-size: 12px; display: inline-block; background: rgb(229 225 211); padding: 2px 6px; margin: 3px; border-radius: 4px }
        .KeyWords li:hover { background: #e9dcaf }

    @media screen and (min-width:1540px) and (max-width:2560px) {
        .gallery-resize .discount-img { left: 55px }
    }

    @media screen and (max-width:1024px) {
        .gallery-resize .discount-img { left: 0 }
        .body-resize .count-title { margin-left: 0 }
    }

    @media (min-width:800px) and (max-width:900px) {
        .body-resize .share-in-socials { border-radius: 45px 45px 0 0; background: #eeeff2; padding: 14px 15px; transform: rotate(-90deg); position: absolute; left: -144px; top: 130px; width: 45%; text-align: center }
        .addto-like { border-radius: 0 0 0 0; background: #f7f1f1; padding: 13px; transform: rotate(-90deg); color: #ec0000; left: -79px; bottom: inherit; position: absolute; font-weight: bold; width: 41%; z-index: 99; text-align: center; top: 131px; }
    }

    @media screen and (max-width:800px) {
        .pro-count-l-t, .pro-count-l-b { height: 17px; font-size: 11px; line-height: 35px }
        .count-title { font-size: 14px; margin-left: 0 }
        .addtobasket-btn .addtobascket { font-size: 12px; padding: 8px 6px }
        .pro-count { width: 95px; height: 35px }
        .gallery-resize { margin-top: 0 }
        .addto-like { font-size: 12px }
    }

    @media screen and (min-width:768px) and (max-width:800px) {
        .gallery-resize img { width: 100% }
        .gallery-resize .discount-img { left: -12px }
        .body-resize .first-infos .infos-row .answer { width: 60% }
        .body-resize .first-infos .infos-row .question { width: 40% }
        h1.title { font-size: 15px }
        .body-resize .first-infos .table { font-size: 13px }
        .header .user .contact span { font-size: 13px }
    }

    @media screen and (max-width:576px) {
        .body-resize .first-infos .table { font-size: 12px; margin-right: 0 }
        .body-resize .explain-header { font-size: 15px }
        .body-resize .explain-body { font-size: 12px }
        .share-in-socials .tooltip1 { font-size: 12px }
        .body-resize .share-in-socials { padding: 14px 13px; left: -75px; top: 58px; width: 52% }
            .body-resize .share-in-socials span, .addto-like a { font-size: 12px }
        .addto-like { padding: 13.5px 10px; left: -65px; bottom: 65px; width: 47%; z-index: 99; font-size: 12px }
        .addtobasket-btn .price { font-size: 14px !important }
        .addtobasket-btn .addtobascket { font-size: 11px !important }
        .addtobasket-btn { padding-left: 0; padding-top: 0 !important }
        .pro-count { height: 35px; line-height: 55px; width: 100px; }
        .count-title { margin-left: 0 }
        .pro-count .pro-count-r { line-height: 35px }
        .pro-count-l-t, .pro-count-l-b { height: 17px; font-size: 12px }
        .count-title { font-size: 12px }
        .contetnt-2 span { padding: 10px 22px 11px }
        div.basket-div { width: 160px; height: 44px }
        .gallery-resize img { width: 60% }
        .qty-wrapper { width: 70%; }
        .price-container { padding: 20px 15px; }
    }

    @media screen and (max-width:450px) {
        .gallery-resize .discount-img { left: 95px }
    }

    @media screen and (max-width:425px) {
        .gallery-resize .discount-img { left: 85px }
        .body-resize .share-in-socials { padding: 13px; left: -76px; top: 56px; width: 51%; }
        .addto-like { padding: 12px; left: -69px; bottom: 65px; width: 47%; z-index: 99; font-size: 12px; }
    }

    @media screen and (max-width:400px) {
        .body-resize .share-in-socials { padding: 15px; left: -73px; top: 56px; width: 55%; }
        .addto-like { padding: 15px; left: -65px; bottom: 65px; width: 51%; z-index: 99; font-size: 12px; }
    }

    @media screen and (max-width:376px) {
        .gallery-resize .discount-img { left: 60px }
        .body-resize .share-in-socials { padding: 14px 13px; left: -67px; top: 51px; width: 55%; }
        .addto-like { padding: 14px; left: -63px; bottom: 62px; width: 52%; z-index: 99; }
        .qty-wrapper { width: 70%; }
        .price-container { padding: 15px; border: 2px solid #0f7f83; border-radius: 20px; width: 100%; margin: 0 auto; margin-right: auto; text-align: center; margin-right: -15px; }
        .addtobasket-btn { margin-right: -15px; }
    }

    @media screen and (max-width:361px) {
        .addto-like { padding: 14px; left: -63px; bottom: 62px; width: 53%; z-index: 99; }
        .qty-wrapper { width: 80%; }
        .gallery-pro .swiper-slide { height: 275px; }
    }

    @media screen and (max-width:320px) {
        .addtobasket-btn .price { margin-left: 0 !important }
        .count-title { margin-left: 0 }
        .gallery-resize .discount-img { left: 35px }
    }

    .body-resize .tabs { max-width: 640px; margin: 15px auto; max-width: 100%; margin-top: 30px }
    .tab-button-outer { display: none }
    #tab-button { width: 70% }
    #tab-button { width: 50%; margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #e9e9e9; font-size: 14px }
        #tab-button li { display: table-cell; width: 33%; position: relative; border-top-left-radius: 10px; border-top-right-radius: 10px; margin-left: 2px; border: 1px solid #e9e9e9; padding: 0 10px }
            #tab-button li a { display: block; padding: 10px; text-align: center; color: #515151; text-decoration: none }
            #tab-button li:hover { background-color: #e9ecef }
        #tab-button li { background: #f8fafb }
            #tab-button li.is-active { background-color: #e9ecef }
    #tab-select { padding: 10px; width: 100%; border-radius: 4px; border: 1px solid #ccc; font-size: 14px }
        #tab-select option:hover { background-color: red !important }
    .tab-contents .answer { border-top-left-radius: 3px; border-bottom-left-radius: 3px }
    .tab-contents .question { color: #343434 }
    .tab-contents .question, .tab-contents .answer { padding: 8px 10px }
    .tab-contents { padding: 1.5em 1em 1.5em; margin-top: 20px }
        .tab-contents p { text-align: justify; line-height: 30px }
    .body-resize .related-body { margin-top: 10px; padding: 6px; border-radius: 3px; width: 100%; margin-bottom: 20px }
    .tabs .tab-select-outer .select2 { display: none }
    .body-resize .owl-carousel2 .owl-nav button.owl-next, .body-resize .owl-carousel2 .owl-nav button.owl-prev { top: 122px }
    .body-resize .owl-carousel2 .owl-nav button.owl-next { left: 1073px }

    @media screen and (min-width:1540px) and (max-width:2560px) {
        .body-resize .owl-carousel2 .owl-nav button.owl-next { left: 1400px }
        .body-resize .owl-carousel2 .owl-nav button.owl-next, .body-resize .owl-carousel2 .owl-nav button.owl-prev { top: 150px }
    }

    @media screen and (max-width:1024px) {
        .body-resize .owl-carousel2 .owl-nav button.owl-next { left: 890px }
    }

    @media screen and (max-width:1200px) {
        #tab-button { width: 100% }
    }

    @media screen and (max-width:800px) {
        #tab-button { width: 100% }
            #tab-button li a { padding: 0; height: 37px; line-height: 40px }
        .body-resize .owl-carousel2 .owl-nav button.owl-next { left: 630px }
    }

    @media screen and (min-width:768px) {
        .tab-button-outer { position: relative; z-index: 2; display: block }
        .tab-select-outer { display: none }
        .tab-contents { position: relative; top: -1px; margin-top: 0 }
    }

    @media screen and (max-width:576px) {
        .tab-contents p { font-size: 14px }
        .body-resize .related-body { margin-bottom: 0 }
        .body-resize { margin-bottom: -25px; padding-top: 10px }
    }

    @media screen and (max-width:450px) {
        .body-resize .owl-carousel2 .owl-nav button.owl-next { left: 360px }
        .body-resize .owl-carousel2 .owl-nav button.owl-next, .body-resize .owl-carousel2 .owl-nav button.owl-prev { top: 110px }
    }

    @media screen and (max-width:425px) {
        .body-resize .owl-carousel2 .owl-nav button.owl-next { left: 337px }
    }

    @media screen and (max-width:414px) {
        .body-resize .owl-carousel2 .owl-nav button.owl-next { left: 325px }
    }

    @media screen and (max-width:375px) {
        .body-resize .owl-carousel2 .owl-nav button.owl-next { left: 290px }
    }

    @media screen and (max-width:360px) {
        .body-resize .owl-carousel2 .owl-nav button.owl-next, .body-resize .owl-carousel2 .owl-nav button.owl-prev { top: 180px }
        .body-resize .owl-carousel2 .owl-nav button.owl-next { left: 277px }
    }

    @media screen and (max-width:320px) {
        .body-resize .owl-carousel2 .owl-nav button.owl-next { left: 220px }
        .body-resize .owl-carousel2 .owl-nav button.owl-prev { left: 8px }
        .body-resize .owl-carousel2 .owl-nav button.owl-next, .body-resize .owl-carousel2 .owl-nav button.owl-prev { top: 140px }
    }

    a.add-to-basket:hover { color: #fff }
    .product .item .product-img { width: 100% }
    .product .item:hover .product-image .add-to-basket { opacity: 1; bottom: 5px }
    .product .pic-product { height: 200px }
    .product .product-image { width: 100%; margin: 0 auto; display: block; position: relative; overflow: hidden; background-size: 100% !important }
    .product .item:hover .basket { opacity: 1; bottom: 20px }
    .product .item:hover .tooltip-share { opacity: 1; right: 0 }
    .product .item .pro-title { padding: 0 6px 6px; margin-top: 12px; font-weight: normal; font-size: 12px; height: 60px; display: flex; justify-content: center; color: #161619; text-align: center; width: 100%; line-height: 20px }
    .product .item .cost { font-size: 14px; color: #a9dc46; margin-top: 10px }
    .product .item .tooltip-share { position: absolute; top: 0; right: -18px; background-color: #a9dc46; color: #fff; padding: 5px; border-radius: 5px; opacity: 0; transition: 350ms ease-out; z-index: 9 }
        .product .item .tooltip-share .tooltiptext { visibility: hidden; width: 23px; background-color: #646464; color: #fff; text-align: center; border-radius: 6px; padding: 10px 0; position: absolute; z-index: 1; top: 115%; right: 0 }
        .product .item .tooltip-share:hover .tooltiptext { visibility: visible }
        .product .item .tooltip-share .tooltiptext::after { content: ""; position: absolute; top: -10%; left: 30%; margin-left: 0; border-width: 5px; border-style: solid; border-color: transparent transparent #646464 transparent }
        .product .item .tooltip-share .tooltiptext a { color: #fff; display: block; padding: 2px 0 }
    .product .discount-img { position: absolute; top: 0; left: 0; background-color: #ed1c24; color: #fff; border-radius: 50%; padding: 7px; font-size: 14px }

    @media screen and (min-width:1540px) and (max-width:2560px) {
        .product .item:hover .tooltip-share { right: 6px !important }
        .product .basket a { padding: 10px 50px !important }
    }

    @media screen and (max-width:1024px) {
        .product .basket a { padding: 6px }
        .product-image .add-to-basket { font-size: 12px }
        .product .item .pro-title { overflow: hidden }
        .product .item .heart { bottom: 0; right: 5px }
        .product .item { padding: 22px 17px 23px }
            .product .item .tooltip-share .tooltiptext a { font-size: 12px }
    }

    @media screen and (max-width:576px) {
        #BasketRegion i { font-size: 27px }
    }

    .product .item .pro-title { overflow: auto }
    .product .item .cost { color: #0f7f83; font-size: 15px; font-style: normal; font-weight: 700; line-height: normal }

    @media screen and (max-width:500px) {
        .product .item .product-icon-wrap { right: 20px }
        .product-image .add-to-basket { font-size: 10px }
    }

    @media screen and (max-width:425px) {
        .product .basket a { padding: 6px 18px }
    }

    @media screen and (max-width:375px) {
        .product .basket a { padding: 6px }
        .product .item .cost { margin-top: 15px }
    }

    @media screen and (max-width:320px) {
        .product .item { padding: 22px 6px 23px }
    }

    .filter .fa-list-ul { float: right; margin-top: 30px }
    .filter .display { float: left; background-color: #f1f1f1; margin-right: 10px; font-size: 14px; padding: 5px 8px 5px 15px; color: #161619; margin-top: 20px }
        .filter .display select { background-color: #f1f1f1; border: none }
    .filter .display-content { font-size: 14px; margin-top: 30px; float: left; margin-right: 20px }
    .pull-right { padding: 0 5px }
    .filter .filter-img { width: 23px; height: 24px; float: right; margin-top: 23px }
    .filter .custom-select select { display: none }
    .filter .select-selected { color: #161619 }
        .filter .select-selected::before { position: absolute; content: ""; top: 14px; right: 130px; width: 0; height: 0; border: 5px solid transparent; border-color: #000 transparent transparent transparent; display: none }
        .filter .select-selected.select-arrow-active:before { border-color: transparent transparent #fff transparent; top: 7px }
    .filter .select-items div, .select-selected { color: #161619; padding: 8px 16px; border-color: transparent transparent rgba(0,0,0,.1) transparent; cursor: pointer; user-select: none; text-align: right }
    .table > :not(caption) > * > * { padding: .5rem .2rem }
    .filter .custom-select { padding: 2px 10px 5px 0; font-size: 14px; line-height: 15px; width: 133px; position: relative; background-color: #f1f1f1; border: none; border-radius: 0; float: right; margin-top: 20px; margin-right: 10px }
    .filter .select-items { position: absolute; background-color: #f1f1f1; top: 100%; left: 0; right: 0; z-index: 99 }
    .book-title img { height: 25px }
    .filter .select-hide { display: none }
    .filter .select-items div:hover, .same-as-selected { background-color: rgba(0,0,0,.1) }

    @media screen and (max-width:450px) {
        .filter .container { border-bottom: none }
        .filter .custom-select { width: 133px; font-size: 12px; margin-top: 20px }
        .filter .display { margin-top: 10px; float: right; padding: 3px 7px }
        .filter .filter-img { width: 19px; height: 20px; margin-left: 8px; margin-top: 45px }
        .filter .display-content { font-size: 12px; text-align: center; margin-top: 15px; float: right }
    }

    @media only screen and (width:425px) {
        filter .display { margin-top: 45px !important }
    }

    @media screen and (max-width:360px) {
        .filter .custom-select { width: 150px; margin-top: 20px }
        .filter .select-selected::before { right: 111px }
    }

    @media screen and (max-width:320px) {
        .filter .custom-select { width: 115px; font-size: 10px }
        .filter .display, .filter .mojoodi { font-size: 10px }
        .filter .select-selected::before { right: 100px }
    }

    @media screen and (max-width:425px) {
        .about-us .about { margin: 45px 0 15px }
    }

    .login-form { text-align: right }
    .open .dropdown-menu { display: block }
    .modal-content { border: 2px solid #e5bde3; border-radius: 10px }
    h5.modal-title { font-size: 17px }
    .input-captcha { margin-bottom: 10px }
    .feedback { font-size: 12px; color: #d61c3d }
    .modal-footer { display: block }
    #marsAlerts-footer button.btn.btn-success { padding: 6px 18px; background: #edb422; border: none; border-radius: 11px; font-size: 14px; color: #000; transition: all .3s }
        #marsAlerts-footer button.btn.btn-success:hover, #marsAlerts-footer button.btn.btn-success:focus { box-shadow: 0 1px 7px #040303 }
    .modal-footer .btn-link { font-size: 15px; margin-top: 10px; width: 49% }
        .modal-footer .btn-link:nth-child(2n+1) { background-color: rgba(39,50,76,.5); color: #fff }
        .modal-footer .btn-link:nth-child(2n) { background-color: #ecb31e; color: #fff; float: left }
    .modal-footer .btn-primary { background-color: #0e9346; border: none; color: #fff !important }
    .modal-footer::before { display: table; content: " " }
    .hidden { display: none }
    .flexslider { margin: 0 auto; box-shadow: none; border-radius: 10px }
        .flexslider li { position: relative }
            .flexslider li .meta { position: absolute; right: 0; margin: 0 auto; bottom: 40%; color: #fff; text-align: center; left: 0; width: max-content }
            .flexslider li h3 { padding: 12px 18px 12px; margin-bottom: 10px; font-size: 1.8em; font-weight: 600 }
            .flexslider li h2 { padding: 13px 18px 11px; font-size: 1.1em; margin-bottom: 5px; font-weight: 600 }
            .flexslider li .category { display: flex; flex-direction: row }
                .flexslider li .category p { background: transparent; margin-right: 7px; font-size: 15px; padding: 6px 18px 5px; font-weight: 300; border: 2px solid rgba(10,32,85,1) }
                    .flexslider li .category p a { color: #fff }
                .flexslider li .category span { margin-top: 17px; padding: 8px 12px 0; font-size: .9em; font-weight: 300; height: 26px }
                .flexslider li h1, .flexslider li h3, .flexslider li .category p, .flexslider li .category span { -webkit-animation-duration: .6s; animation-duration: .6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft }
            .flexslider li.flex-active-slide .meta h1, .flexslider li.flex-active-slide .meta h3, .flexslider li.flex-active-slide .meta .category p, .flexslider li.flex-active-slide .meta .category span { -webkit-animation-delay: .4s; animation-delay: .4s; -webkit-animation-duration: .6s; animation-duration: .6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft }
            .flexslider li.flex-active-slide .meta h3 { -webkit-animation-delay: .5s; animation-delay: .5s }
            .flexslider li.flex-active-slide .meta .category p { -webkit-animation-delay: .6s; animation-delay: .6s }
            .flexslider li.flex-active-slide .meta .category span { -webkit-animation-delay: .8s; animation-delay: .8s }
    .flex-direction-nav { position: absolute; top: 47%; right: 0; width: 100% }
        .flex-direction-nav a { text-decoration: none; display: block; text-align: center; width: 50px; height: 50px; line-height: 50px; position: absolute; top: 50%; z-index: 10; overflow: hidden; cursor: pointer; color: #fff; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; text-indent: 0 }
        .flex-direction-nav .flex-prev { text-align: left; left: 0 }
        .flex-direction-nav .flex-next { text-align: right; right: 15px }
    .flexslider:hover .flex-prev { left: 0 }
    .flexslider:hover .flex-next { right: 15px }
        .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1 }
    .flex-direction-nav a:before { font-family: "Font Awesome 5 Free"; font-weight: bold; content: '\f104'; display: flex; justify-content: center; align-items: center; position: relative; top: 0; padding: 2px; font-size: 45px; line-height: 45px }
    .flex-direction-nav a.flex-next:before { content: '\f105' }

    @-webkit-keyframes fadeInLeft {
        0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }

        100% { opacity: 1; -webkit-transform: none; transform: none; }
    }

    @keyframes fadeInLeft {
        0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }

        100% { opacity: 1; -webkit-transform: none; transform: none; }
    }

    @-webkit-keyframes fadeOutLeft {
        0% { opacity: 1; }

        100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
    }

    @keyframes fadeOutLeft {
        0% { opacity: 1; }

        100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
    }

    .pd-0 { padding: 0 }
    .mr-lu { margin-left: auto !important }
    .mr-ru { margin-right: auto !important }
    .dark-blue { color: #273045 !important }
    .blue-gray { color: #555a65 !important }

    @media only screen and (max-width:1900px) {
        .flexslider li img { width: 100% !important }
        .flexslider li .meta { position: absolute; right: 0; margin: 0 auto; bottom: 30%; left: 0 }
    }

    @media only screen and (max-width:769px) {
        .search-resize { margin-bottom: 0; width: 60% }
        .SearchPro { width: 37% }
            .SearchPro::after { border:none }

    }

    @media only screen and (max-width:480px) {
        .flexslider li h3 { font-size: 15px !important; font-weight: 600 }
        .flex-direction-nav a::before { font-size: 25px }
        .flex-direction-nav { top: 30% }
        .search-resize { margin-bottom: 0; width: 100% }
        .SearchPro { width: 40% }
        .header .HeaderTop { margin-bottom: 0 }
    }

    .main-slider { margin-top: 0 !important; direction: ltr !important }
    #slider-container { height: 350px; margin-bottom: 40px }
    .slider-area, .slider-area2 { display: block; position: relative }
        .slider-area .item-content .item-slider.items1 { height: 570px }
        .slider-area .item-content .item-slider .contents { height: 100vh; vertical-align: middle; display: block; padding-top: 150px }
        .slider-area2 .item-content .item-slider .contents { height: 350px }
            .slider-area2 .item-content .item-slider .contents h1 { margin-top: 100px; font-size: 20px; color: #fff; padding-right: 90px }

    @media only screen and (min-width:1600px) and (max-width:1921px) {
        .slider-area .item-content .item-slider .contents { height: 70vh }
    }

    @media only screen and (max-width:992px) {
        .News.SecBackDot:before { content: ""; background: #f6f6f6; width: 100%; display: inherit; height: 100%; position: absolute; border-bottom-left-radius: 25px; border-top-left-radius: 25px; z-index: -1 }
        .slider-area .item-content .item-slider .contents { height: 100vh; padding-top: 160px }
        .serviceBox::before { content: ""; position: absolute; width: 100%; background: #f6f6f6; height: 135px; border-bottom-left-radius: 0; border-top-left-radius: 0; z-index: -1; height: 100% }
        .swiper-slide img { display: block; width: 100%; height: 100%; border-radius: 0; }
    }

    @media only screen and (max-width:768px) {
        .slider-area .item-content .item-slider .contents { padding-top: 200px }
        .slider-area2 .item-content .item-slider .contents h1 { margin-top: 50px; font-size: 17px; color: #fff; padding-right: 0 }
        #productlist-container2 .title span::after { width: 55% }
    }

    .slider-area .item-content .item-slider .contents h2 { display: block; font-size: 40px; color: #fff; font-weight: 600 }

    @media only screen and (max-width:1200px) {
        .slider-area .item-content .item-slider .contents h2 { margin: 0 0 20px }
    }

    @media only screen and (max-width:768px) {
        .slider-area .item-content .item-slider .contents h2 { font-size: 36px }
    }

    @media only screen and (max-width:320px) {
        .slider-area .item-content .item-slider .contents h2 { font-size: 30px }
    }

    .slider-area .item-content .item-slider .contents p { font-size: 18px; display: block; width: 48%; margin: 0 0 35px; color: #ececec; text-align: right }

    @media only screen and (max-width:1200px) {
        .slider-area .item-content .item-slider .contents p { width: 70%; margin: 0 0 25px }
    }

    @media only screen and (max-width:992px) {
        .slider-area .item-content .item-slider .contents p { width: 80%; margin: 0 0 25px }
    }

    @media only screen and (max-width:480px) {
        .slider-area .item-content .item-slider .contents p { width: 95% }
    }

    .slider-area .item-content .item-slider .contents .buttons { display: block }

    @media only screen and (max-width:320px) {
        .slider-area .item-content .item-slider .contents .buttons a:first-child:after { display: none }
    }

    .slider-area .item-content .item-slider .contents .buttons a:last-child { color: #fff }

    @media only screen and (max-width:320px) {
        .slider-area .item-content .item-slider .contents .buttons a:last-child { display: none }
    }

    .slider-area .bx-wrapper { margin: 0 }
        .slider-area .bx-wrapper .bx-viewport { padding: 0; left: 0; right: 0; box-shadow: none; border: none }
    .slider-area .item-thumbnail { position: absolute; left: 0; right: 0; bottom: 0; z-index: 99999 }

    @media only screen and (max-width:992px) {
        .slider-area .item-thumbnail { display: none }
    }

    .slider-area .item-thumbnail a { padding: 40px 20px; background: rgba(0,0,0,.5); position: relative }
        .slider-area .item-thumbnail a:after { content: ''; position: absolute; right: 0; top: 20%; bottom: 20%; width: 2px; background: rgba(255,255,255,.05) }
        .slider-area .item-thumbnail a.active { background: rgba(34,34,34,.4) }
        .slider-area .item-thumbnail a .items .dbox .dleft figure { display: block }
            .slider-area .item-thumbnail a .items .dbox .dleft figure img { border-radius: 5px; display: block }
        .slider-area .item-thumbnail a .items .dbox .dright .content { padding: 18px 0 }
            .slider-area .item-thumbnail a .items .dbox .dright .content h3 { font-size: 22px; color: #fff; font-weight: 400; margin: 0 0 10px }
            .slider-area .item-thumbnail a .items .dbox .dright .content p { font-size: 18px; color: #a6ce39; margin: 0 }

    @media only screen and (max-width:768px) {
        .bx-controls .bx-controls-direction { display: none }
    }

    .bx-controls .bx-controls-direction a { text-indent: 0; color: transparent; text-align: center; background: #333; width: 50px; height: 50px; line-height: 50px }

    @media only screen and (max-width:992px) {
        .bx-controls .bx-controls-direction a { top: 62% }
    }

    .bx-controls .bx-controls-direction a:hover { background: #ecb31e }
    .bx-controls .bx-controls-direction a.bx-prev { left: 0; border-top-right-radius: 5px; border-bottom-right-radius: 50px }
        .bx-controls .bx-controls-direction a.bx-prev:before { content: '\f104'; position: absolute; left: 0; top: 0; bottom: 0; right: 15px; color: #fff; font-weight: 900; font-size: 18px; font-family: "Font Awesome 5 Free" }
    .bx-controls .bx-controls-direction a.bx-next { right: 0; border-bottom-left-radius: 5px; border-top-left-radius: 50px }
        .bx-controls .bx-controls-direction a.bx-next:before { content: '\f105'; position: absolute; left: 15px; top: 0; bottom: 0; right: 0; color: #fff; font-weight: 900; font-size: 18px; font-family: "Font Awesome 5 Free" }
    .btn2 { display: inline-block; position: relative; padding: 0 60px; line-height: 46px; height: 50px; background: transparent; border: 2px solid #20408b; text-transform: uppercase; font-weight: 900; color: #20408b; cursor: pointer; text-transform: capitalize; margin-left: -27px }

    @media only screen and (max-width:320px) {
        .btn2 { clip-path: none; margin: 0; padding: 0 30px }
    }

    .btn2:hover { background: #20408b; color: #fff; text-decoration: none }
    .collapse.in { display: block }
    .social-media-modal #demo { margin-top: 2px; margin-left: 5px }
    .product .search-tool { margin: 0 auto }

    @media screen and (max-width:800px) {
        .select select, .in-stack-filter { font-size: 12px }
    }

    @media screen and (max-width:570px) {
        .product .search-tool { font-size: 12px }
    }

    @media screen and (max-width:375px) {
        .page-link { padding: 9px 6px }
    }

    .gallery-pro .showimage { text-align: center; border-radius: 30px; height: 215px }
        .gallery-pro .showimage #show-img { border: 1px solid #ededed; width: auto !important; height: 100% !important; border-radius: 30px }
    div#info-tabContent { box-shadow: 0px 4px 10px #00000024; padding: 30px; border-radius: 30px }
        div#info-tabContent p.titleD { font-weight: bold; padding-left: 8px; width: 100px }
    #FormComment .btnGold { width: 100%; border: none }
    .BocTable { padding: 0 15px; margin-bottom: 4px; border-radius: 9px }
        .BocTable p { margin-bottom: 0 }
    #info-tabContent .col-md-4.col-sm-6:nth-child(2n+1) .BocTable { background: #f5f8f5 }
    #info-tabContent .col-md-4.col-sm-6 .BocTable { background: #fafafa }
    #FormComment .btn#edc422c7 { width: 100%; border: none }
    ul#info-tab { background: #e2e9e257; border-radius: 30px }
        ul#info-tab li button { border-radius: 15px }
        ul#info-tab.nav-pills .nav-link.active, ul#info-tab.nav-pills .nav-link.active:hover { background-color: #428d42; color: #fff }
        ul#info-tab.nav-pills .nav-link { color: #838080 }
            ul#info-tab.nav-pills .nav-link:hover { color: #428d42 }
    .small-img { height: 70px; margin-top: 10px; position: relative; right: 0 }
    .section-product-detail { margin-top: 20px }
    .gallery-pro .sale-pro-b { width: 40px; height: 40px; position: absolute; top: 0; left: 60px; z-index: 99; transition: all .5s ease; background: #226752; color: #fff; font-size: 13px; line-height: 40px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); text-align: center; font-weight: bold }
        .gallery-pro .sale-pro-b span { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); color: #fff; display: block }
    .gallery-pro #big-img { z-index: 99999 }
    .header-resize { padding-bottom: 3px }
    .header-resize, .phone-img, .header .logo-img, .header { transition: all 500ms ease }
        .header-resize.sticky-top::before { width: 100%; height: 126px }
        .header-resize.sticky-top .HeaderTop .row.pt-3 { padding-top: 8px !important }
    .HeaderTop .row.pt-3 { transition: all .3s }
    .header-resize.sticky-top .header .main-logo { }
    .header-resize.sticky-top .input-group.search-content #basic-addon2, .header-resize.sticky-top .input-group.search-content #txt_SearchText { height: 46px }
    .sticky-top .phone-img, .sticky-top .tell-title { display: none !important }
    .sticky-top .contact p { margin-bottom: 0 !important }
    .sticky-top .header .user { margin-top: 0 !important }
    .sticky-top .header .search-group { margin-top: 15px !important }
    .h1-title { text-align: right; margin: 15px 0; color: #d00d10 }
        .h1-title h1 { font-size: 15px; font-weight: bold }
    #marsAlerts-message a span { color: red }
    #tab02 { text-align: right }
        #tab02 ul { padding: revert !important }
            #tab02 ul li, #tab02 ol li { list-style-type: inherit; text-align: right; list-style-type: circle !important }
    #realated_items .owl-carousel2 .item .product-img { width: auto !important }
    #realated_items .owl-carousel2 .product-image { background: none !important }
    .outofstock { position: absolute; top: 7px!important; left: 10px; z-index: 9; right: auto; background: #ff9001; padding: 2px 5px; border-radius: 8px }
        .outofstock span { display: block; font-size: 8px; color: #fff }
    .icon-order:before { font-size: 30px; width: 18px }

    @media (min-width:768px) {
        section { padding: 3em 0; margin: 2em auto }
    }

    section { padding: 1em 0; margin: 1em auto }
        section.categories { margin-top: 0 }
    .CatBox.text-center h5 { height: 30px; font-size: 15px; margin-top: 5px; color: #000; font-weight: bold; overflow: hidden }
    .categories .container { padding: 30px; margin-bottom: 0; background: #f1f1f1; border-radius: 30px; position: relative }
    .categories .categories-inner .swiper { padding: 0 15px }
    .categories .container::after { position: absolute; width: 100%; height: 100%; content: ''; right: 0; top: 0; border-radius: 30px; background-image: url(../images/back-leftpix.png), url(../images/back-rightpix.png); background-size: 15%; background-position: left bottom, top right; background-repeat: no-repeat }
    .categories .swiper-slide .subj-img img { width: 40px; margin: 0 auto }
    section.categories.marker .swiper-slide .subj-img { height: 70px }
        section.categories.marker .swiper-slide .subj-img img { filter: grayscale(.7); transition: all .3s; width: auto; height: 100% }
            section.categories.marker .swiper-slide .subj-img img:hover { filter: initial }
    .categories .swiper-slide.CatBox { background: #edb422; border-radius: 30px; padding: 15px }
    .swiper-button-next, .swiper-button-prev { width: 70px; height: 70px; color: #626262; transition: all .2s }
        .swiper-button-next:hover, .swiper-button-prev:hover { color: #f0592a }
    .swiper-rtl .swiper-button-prev { left: -15px; right: auto }
    .SliderSwiper .swiper-button-prev { left: 20px; right: auto }
    .middle-ads .swiper-button-next, .middle-ads .swiper-button-prev { width: 41px; height: 41px; transition: all .2s }
    .middle-ads .swiper-rtl .swiper-button-prev { left: auto; right: 0 }
    .middle-ads .swiper-button-next, .middle-ads .swiper-rtl .swiper-button-next { right: auto; left: 0 }
    .swiper-rtl .swiper-button-next:after, .swiper-button-next:after { content: url(../images/RightSquare2-2.svg); top: 0; position: relative }
    .swiper-rtl .swiper-button-prev:after, .swiper-button-prev:after { content: url(../images/LeftSquare2-2.svg); top: 0; position: relative; left: 1px }
    .SliderSwiper .swiper-button-next:after, .swiper-button-next:after { content: url(../images/RightSquare2-2.svg); top: -18%; position: relative }
    .SliderSwiper .swiper-button-prev:after, .swiper-button-prev:after { content: url(../images/LeftSquare2-2.svg); top: -18%; position: relative }
    .middle-ads .swiper-rtl .swiper-button-next:after, .swiper-button-next:after { content: url(../images/LeftSquare1.svg); top: -18%; position: relative }
    .middle-ads .swiper-rtl .swiper-button-prev:after, .swiper-button-prev:after { content: url(../images/RightSquare1.svg); top: -18%; position: relative }
    .CampSwiper .swiper-rtl .swiper-button-next:after, .CampSwiper .swiper-button-next:after { top: 0% }
    .CampSwiper .swiper-rtl .swiper-button-prev:after, .CampSwiper .swiper-button-prev:after { top: 0% }
    .swiper.bannertopright, .swiper.bannerbottomleft { height: 215px }
    .bannertopright { margin-bottom: 30px }
    .TopsaleProduct .swiper-button-next, .TopsaleProduct .swiper-button-prev, .ProductList .swiper-button-next, .ProductList .swiper-button-prev, .HotProduct .swiper-button-next, .HotProduct .swiper-button-prev { height: 100%; background: #fff }
    .SuggestedProduct-left .swiper-button-next, .SuggestedProduct-left .swiper-button-prev { height: 100%; background: #f0f4ff }
    .HotProduct .swiper-button-next, .HotProduct .swiper-button-prev { width: 60px }
    .titleSection .title { color: #253f7e; font-size: 17px; font-weight: bold; margin-bottom: 0; max-width: max-content; padding: 8px 16px; border-radius: 100px; background-color: #f0f0f0; border: 4px solid #fff; box-shadow: 0 0 0 2px #f0f0f0 }
        .titleSection .title.sec { width: 100%; max-width: 100% }
    .TopsaleProduct { padding: 40px 0 }
    .ProductList { background: #fff; padding: 40px 0 }
        .TopsaleProduct .swiper, .ProductList .swiper { padding: 0 60px }
    .HotProduct { padding: 0 }
        .HotProduct .swiper { padding: 0 49px }
    .TopsaleProduct .titleSection .title { background: #fbf7f5 }
    .ProductList .titleSection .title { background: #fff }
    .SuggestedProduct { }
    .SuggestedProduct-right { background: #e9ddb6; text-align: center; padding: 35px; padding-top: 60px; border-radius: 200px 200px 10px 10px; border: 1px solid #af9b59 }
        .SuggestedProduct-right .wrapper { width: 150px; margin: 0 auto }
        .SuggestedProduct-right .title { color: #36487d; font-size: 21px; font-style: normal; font-weight: 900; line-height: normal; margin-bottom: 40px }
        .SuggestedProduct-right .price { border-radius: 5px; background: #fc0000; padding: 10px 15px; color: #fff; margin-bottom: 16px; display: inline-block }
        .SuggestedProduct-right a { color: #253f7e; display: block; margin: 0 auto 14px; font-weight: 700 }
            .SuggestedProduct-right a.book-title { text-align: right; height: 40px }
        .SuggestedProduct-right figure { display: inline-block; transition: transform .3s; position: relative; transform: rotateY(3deg); outline: 1px solid transparent; margin: 0 }
        .SuggestedProduct-right img { width: 100%; height: auto; border-radius: 100px 100px 10px 10px; border: 1px solid #a7914c }
    .SuggestedProduct-left { border: 1px solid #7595e5; background: #f0f4ff; border-radius: 10px; padding: 35px }
        .SuggestedProduct-left .title { color: #36487d; font-size: 17px; font-weight: bold; line-height: normal; text-align: right }
        .SuggestedProduct-left .row { padding: 0 10% }

    @media (min-width:768px) {
        .titleSection::after { margin-right: -40% }
    }

    @media (max-width:768px) {
        .swiper.bannertopright, .swiper.bannerbottomleft { height: 190px }
        .bannertopright { margin-bottom: 15px }
    }

    @media (min-width:992px) {
        .titleSection::after { margin-right: -35% }
        .SuggestedProduct-left .titleSection { margin-bottom: 3rem !important; margin-top: 1rem !important; }
    }

    @media (max-width:600px) {
        .titleSection::after { display: none }
        .HotProduct { padding: 0 }
        .HotProduct .titleSection {  margin-bottom: 5px !important }
        .SuggestedProduct-right { margin-top: 0 }
        .SuggestedProduct-left { margin-top: 20px; padding: 20px 10px; }
        .titleSection .title { font-size: 15px; border-radius: 30px; }
        .HotProduct .swiper, .TopsaleProduct .swiper, .SuggestedProduct-left .swiper, .ProductList .swiper { width: 86%; height: 100%;  padding: 50px 0; }
        .SuggestedProduct-right .swiper{ width: 80%; height: 100% }
        .SuggestedProduct-left .show-more {  border: 3px solid #f0f4ff; }

    }

    @media screen and (min-width:768px) and (max-width:1024px) {
        .HotProduct .titleSection { padding-top: 0 }
        .titleSection .des { padding: 0 }
        .SuggestedProduct-left .row { padding: 0 5% }
    }

    @media screen and (min-width:1200px) and (max-width:1400px) {
        .SuggestedProduct-left .row { padding: 0 }
        .SuggestedProduct-left .item.swiper-slide { padding:10px }
        .TopsaleProduct .titleSection .btnMore { width: 85px }
        .SuggestedProduct-right { padding: 20px; padding-top: 60px; }

    }

    .HotProduct .titleSection .btnMore { float: none !important }
        .HotProduct .titleSection .btnMore a { border-radius: 10px; background: #2e3094; padding: 7px 20px; color: #fff; float: none; margin-top: 48px }
            .HotProduct .titleSection .btnMore a:before { content: none }
    .TopsaleProduct .titleSection .btnMore { background: #fbf7f5; width: 6%; display: block; position: absolute; left: 0; text-align: left }
    .ProductList .titleSection .btnMore { background: #fff; width: 6%; display: block; position: absolute; left: 0; text-align: left }
    .swiper.SmipleSwiper .swiper-wrapper, .News .swiper-wrapper { align-items: stretch }
    .NameWriter h5 { font-weight: 100; line-height: 20px }
    .WriterName { color: #545454; font-size: 12px; text-align: right; padding-top: 0; line-height: 20px; font-weight: 100; height: 40px; margin-bottom: 3px; display: block }
    .item.swiper-slide { position: relative; transition: all .8s; padding: 13px; border: 1px solid #ebedf2; border-radius: 150px 150px 10px 10px; padding-bottom: 11px }
    .SuggestedProduct-left .item.swiper-slide { overflow: hidden; position: relative; transition: all .8s; background: #fff }
    .Best-writer .item.swiper-slide { padding: 8px }
    .item.swiper-slide .rating { float: right; text-align: right; margin-bottom: 6px }
    .CampSwiper .item.swiper-slide .rating { float: none }
.item.swiper-slide .rating .rating-stars img, .SuggestedProduct-right .rating .rating-stars img { float: right; width: 10px; height: 10px; margin-left: 2px; border: none }
    .CatList .item.swiper-slide .rating .rating-stars img { width: 14px }

    @media (max-width:547px) {
        .item.swiper-slide { background-position: 2px 60% }
    }

    @media screen and (max-width:375px) {
        .product .item { background-position: 2px 109% }
    }

    @media (max-width:767px) {
        .ProductList .titleSection .btnMore, .TopsaleProduct .titleSection .btnMore { width: 30% }
        .Ads4Box .box2 a:first-child { margin-bottom: 1rem }
        .ProductList { padding: 0 0 }
    }

    .Swiper3th .item.swiper-slide { background-size: contain; background-position: right 12px }
    .item.swiper-slide:hover .ProdName { color: #0e8083 }
    .item .product-image { margin-bottom: 10px; transition: all .5s; width: 65%; width: 100%; border-radius: 150px 150px 10px 10px; position: relative }
/*    .campaign .item .product-image { border-radius: 50%; border: 1px solid #f6a48b }*/
    .CatList .item.swiper-slide .product-image { height: 280px }
    .CatList .item.swiper-slide { border-radius: 120px 120px 10px 10px }
    .item.swiper-slide .product-image::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #253f7e; opacity: 0; transition: opacity .3s ease; pointer-events: none }
    .item.swiper-slide:hover .product-image::after { opacity: .4 }

    @media (min-width:1400px) {
        .item .product-image { height: 200px }
        .about-us .item .product-image { height: 255px }
        .CatList .item.swiper-slide .product-image, .ItemList .item.swiper-slide .product-image { height: 250px !important; width: 100% !important }
    }

    @media (max-width:1399px) and (min-width:1200px) {
        .CatList .item.swiper-slide .product-image, .item .product-image { height: 220px }
    }

    @media (max-width:1199px) and (min-width:768px) {
        .SliderSwiper .meta { top: 20% }
        .item .product-image { height: 205px }
        .campaign .item .product-image { height: 150px; width: 150px }
        .SuggestedProduct-left .item .product-image { height: 200px }
        .CatList .item.swiper-slide .product-image { height: 210px }
       /* .SuggestedProduct-left .item.swiper-slide { padding: 0 }*/
        .TopsaleProduct .titleSection .btnMore, .ProductList .titleSection .btnMore { width: 85px }
        .titleSection .title::after { bottom: 6px !important }
        .titleSection::before { width: 90% !important }
    }

    @media (max-width:1000px) and (min-width:768px) {
        .swiper.bannertopright { width: 49%; float: right; margin-top: 15px }
        .swiper.bannerbottomleft { width: 49%; float: left; margin-top: 15px }
    }

    @media (max-width:767px) and (min-width:500px) {
        .item .product-image, .product .product-image { width: 50% }
    }

    @media screen and (max-width:767px) {
/*        .SuggestedProduct-left .item.swiper-slide { padding: 0 }*/

        .SuggestedProduct-left .swiper, .SuggestedProduct-left .swiper.SmipleSwiper { padding:50px 0 0 0; }

    }

    @media screen and (max-width:600px) {
        .item .product-image, .item.swiper-slide { border-radius: 150px 150px 15px 15px }
        .CatList .item.swiper-slide .product-image { height: 230px; }
        .SuggestedProduct-left .swiper.SmipleSwiper .swiper-button-next { left: 45px; right: inherit; }
    }

    @media screen and (max-width:414px) {
        .CatList .item.swiper-slide .product-image { height: 200px; }
    }

    .item .cost { border-top: 1px solid #ebedf2; padding-top: 10px; color: #494949 }
    .item .priceDes { width: 100%; color: #0f7f83; font-weight: bold; font-size: 16px; text-align: left }
        .item .priceDes span { font-weight: bold; font-size: 16px }
        .item .priceDes p { display: block; line-height: normal; color: #0f7f83 }
    .campaign .item .priceDes .cost { color: #2e3094; font-size: 17px; font-style: normal; font-weight: 700; line-height: normal }
    .SuggestedProduct-right .item .cost { margin-top: 20px; border-top: 1px solid #a7914c }
    .iconsProd { position: absolute; display: block; width: max-content; transition: all .5s; color: #fff; font-size: 12px; opacity: 0; left: 0; bottom: 0; z-index: 2 }
    .addtobasket-btn .btnGold:hover { color: #000 }
    .iconsProd .add-to-basket, .iconsProd .add-to-order { width: 42px; height: 42px; transition: all .3s; cursor: pointer; background-color: #0e8083; border-radius: 10px; color: #fff; text-align: center; display: flex; align-items: center }
    .iconsProd .add-to-order { background-color: #ff9000 }
    .iconsProd .add-to-basket i.icon-order:before { font-size: 17px }
    .iconsProd i { cursor: pointer; transition: all .3s; font-size: 12px }
    .iconsProd a { color: #fff; font-size: 19px; transition: all .3s; display: flex }
        .iconsProd i:hover, .iconsProd a:hover { color: #ff9100 }
    .iconsProd .shareProd:hover .ShareMedia { display: flex }
    .iconsProd .shareProd .ShareMedia { justify-content: space-around; position: absolute; margin-right: auto; margin-left: auto; width: 90%; padding-top: 10px; margin-top: 16px; display: none; transition: all .3s; top: 74%; right: 0; left: 0 }
        .iconsProd .shareProd .ShareMedia a { display: inline; padding: 2px }
    .item.swiper-slide:hover .iconsProd { opacity: 1 }
    .item.swiper-slide img { display: block; height: 100% !important; margin: 0 auto }
    .discount { position: absolute; z-index: 9999; transition: all .3s; right: 8px; top: 8px; background: #253f7e; width: 44px; height: 44px; border-radius: 100px; text-align: center; line-height: 44px }
        .discount span { color: #fff; font-weight: 700 }
    .AdBtn, .AdBtn a { color: #fff; display: flex }
        .AdBtn i { border: 2px solid #fff; padding: 3px 4px; margin-right: 5px; border-radius: 4px }
    .fa-info { color: #ff9102; margin-left: 10px; border: 2px solid #ff9102; padding: 2px 7px; border-radius: 4px; font-size: 12px }
    .Best-writer { }
        .Best-writer img { position: relative; border-radius: 100%; width: 155px; height: 155px; border: 4px solid #fff; box-shadow: 0 0 0 2px #f4eeda; object-fit: cover; }
        .Best-writer a p, .Best-writer a { font-size: 17px; font-weight: bold; color: #36487d }
    .price-container .flaticon-discount { font-size: 24px; color: #ff0000e0; align-self: end; padding-left: 2rem }
    .item.swiper-slide .ProdName:hover { color: #0e8083 }
    .item.swiper-slide .ProdName { font-size: 15px; font-weight: lighter; position: relative; display: inline-block; word-wrap: break-word; overflow: hidden; height: 50px; line-height: 26px; color: #2e3094; text-align: right; transition: all .2s }
/*    .campaign .item.swiper-slide .ProdName { color: #fff; width: 90% }
        .campaign .item.swiper-slide .ProdName:hover { color: #2e3094 }*/
    .old-cost { color: #999; text-decoration: line-through; font-size: 14px; font-style: normal; font-weight: 400; float: right; line-height: 24px }
    .BookPage .old-cost { display: block; color: red; float: none }
  /*  .campaign .old-cost { color: #d7d7d7 }*/

    .Ads4Box img, .AdsBox img { border-radius: 10px; box-shadow: 0 2px 4px 0 rgba(0,0,0,.15); object-fit: cover; object-position: center }
    .Ads4Box .box1 img, .Ads4Box .box3 img, .AdsBox img { height: 100% !important }
    .Ads4Box .box2 img { height: 50% !important }
    .Ads4Box .box2 a { display: block }
        .Ads4Box .box2 a:first-child { margin-bottom: 25px }
    .AdBoxRights, .AdBoxLeft { height: 315px }
    .AdsBox { box-shadow: 0px 4px 10px #00000024; border-radius: 10px; height: 100%; background: #e2e9e2; overflow: hidden }
        .AdsBox a.btnGold { width: auto; height: auto; display: inherit }
    .Ads4Box.AdsW .AdsBox { padding: 3em }
    .Ads4Box .AdsBoxDes, .Ads2Box .AdsBoxDes { padding: 3em; background-size: cover; background-position: center }
    .news-img { width: 100%; height: 100%; border-radius: 5px }
    .singleNews .newsImg { height: 300px }
        .singleNews .newsImg img { height: 100% }
    .Ads2Box .AdsBoxDes { border-radius: 20px; background-position: left; background-repeat: no-repeat; height: fit-content; margin-right: 30px; background-color: #fff }
    .DesAd { text-align: right }
    .AdBoxRights .AdsBox { height: 100%; margin-bottom: 16px }
    .AdsBox a.btn#edc422c7 { width: auto; height: auto; display: inherit }
    .AdsBox a { padding: 8px 20px }
    .AdBoxRightTop, .AdBoxRightBottom { height: 150px; margin-bottom: 15px }
    .row.AdBoxRightBottom div[class^="col-"] { padding-left: 5px; height: 100% }
    .SmipleSwiperAds .swiper.SmipleSwiper .swiper-button-next, .SmipleSwiperAds .swiper.SmipleSwiper .swiper-button-prev { right: 53%; margin-right: -22px }
    .SmipleSwiperAds .swiper.SmipleSwiper .swiper-button-next { left: auto; margin-right: -70px }
    .Ads2Box .AdsBox, .Ads2Box .AdsBox img { height: 200px }
    .filterImg { filter: brightness(.6) sepia(.5) }
    .AdsBox .info.position-absolute { top: 0; width: 100%; height: 100%; border-radius: 30px; text-align: center; padding: 40px 30px; color: #fff }
    .AdsBox .info .BtnMore { bottom: 10%; right: 50%; margin-right: -72px; position: absolute }
    .btn#edc422c7 { background: #edb422; color: #4a4d4e; padding: 8px 12px; border-radius: 30px; font-size: 14px; box-shadow: 0 1px 7px #464545; text-align: center; transition: all .3s; line-height: initial }
        .btn#edc422c7:hover, .btn#edc422c7:focus, .btn:hover, .btn:focus, .btn-danger:active:focus, .btn-success:active:focus { box-shadow: rgba(50,50,93,.25) 0 6px 12px -2px, rgba(0,0,0,.3) 0 3px 7px -3px }
    .search-resize .btn:hover, .search-resize .btn:focus { box-shadow: none }
    .AdsBox .info .BtnMore a { color: #4a4d4e }

    @media (max-width:575px) {
        .iconsProd { position: absolute; display: block; bottom: -20%!important; left: -20%!important; width: 100%; transition: all .5s; color: #fff; font-size: 12px; text-align: center; opacity: 0; padding: 35px; z-index: 2 }
        .AdBoxRightBottom, .AdBoxRightTop, .AdBoxRights { height: auto }
            .AdsBox, .row.AdBoxRightBottom div[class^="col-"], .AdBoxRights .AdsBox { text-align: center }
        .Newest-product .AdsBox { height: 350px; margin-bottom: 30px }
            .Newest-product .AdsBox img { width: 100% !important; height: auto !important }
        .AdBoxLeft .AdsBox, .AdBoxLeft { height: 315px; margin-bottom: 30px }
            .AdBoxLeft .AdsBox img { height: auto !important; width: 100% !important }
        .AdsBox img { height: 100% !important; width: auto }
        .Ads2Box .AdsBox { height: 250px }
    }

    .book-title h2 { color: #000; text-align: right; font-size: 17px; font-style: normal; font-weight: 700; line-height: normal }
    .table { font-size: 15px; border-color: transparent; border-collapse: separate; border-spacing: 0; border-radius: 10px; overflow: hidden; border-bottom: 1px solid #f0f0f0 }
    .product-info { background: #f8f8f8; border-radius: 45px; padding: 35px; flex: 1 }                   
    .product-actions { background: #f8f8f8; border-radius: 45px; flex: 1; padding: 35px }
    .infos-row { margin: 15px 0 }
    .answer.d-inline a { color: #404040; position: relative }
    .infos-row p { padding: 0 8px }
    .answer.d-inline a:hover { margin-right: 5px }
    .answer.d-inline a:after { position: absolute; width: 0; content: ''; height: 2px; bottom: 46%; left: 95%; transition: all .3s; border-radius: 15px }
    .answer.d-inline a:hover:after { width: 5px }
    .downloadFile .answer.d-inline a:after { left: 104% }
    .icon-affiliate:before { content: '\e819'; font-size: 19px }
    .InfoBookBox .table .icon:before { font-weight: bold; margin-left: 10px }
    tbody, td, tfoot, th, thead, tr { vertical-align: middle; text-align: center; min-width: 8rem }
        td a { color: #000 }
        th:first-child { border-top-right-radius: 10px; border-bottom-right-radius: 10px }
        th:last-child { border-top-left-radius: 10px; border-bottom-left-radius: 10px }
        td:first-child { border-bottom-right-radius: 10px; border-top-right-radius: 10px }
        td:last-child { border-bottom-left-radius: 10px; border-top-left-radius: 10px }
    .table > :not(:first-child) { border-top: 0 }
    thead { background: #edb422; border-bottom: 6px solid #fff }
    .MenuUser, .MenuUser #BasketRegion #titleBasket { display: none }

    @media (max-width:767px) {
        .TableHolder { overflow: scroll }
        .MenuUser { width: 100%; background: #f1f1f1; padding: 15px 8px; text-align: center; display: block; z-index: 9999 }
            .MenuUser i { color: #3e3635; font-size: 26px }
    }

    .MostBuy-product .swiper { padding: 15px 8px 30px }
    .MostBuy-product .item .productImage { height: 195px }
    .MostBuy-product .item .discount { left: 20px; top: 10px }
    .MostBuy-product .item.swiper-slide .ProdName { padding: 20px 0 0; height: 80px }
    .MostBuy-product .item.swiper-slide .cost { margin-top: 10px }
    ul.iconsProds { padding-right: 0; margin-top: 10px }
        ul.iconsProds li { display: inline-block; text-align: center; font-size: 16px; color: #cba23b }
            ul.iconsProds li a { font-size: 18px; color: #cba23b }
                ul.iconsProds li:hover, ul.iconsProds li a:hover { color: #962960 }

    @media (max-width:757px) {
        .MostBuy-product .item .productImage { height: 220px }
        .MostBuy-product .item.swiper-slide .ProdName { height: 60px }
        .WriterName { margin-bottom: 0 }
        .Swiper3th .item.swiper-slide, .item.swiper-slide { background-size: contain; background-position: 29px bottom }
        .Best-writer .Swiper3th .item.swiper-slide { background-position: right 12px }
    }

    .WriterImage { width: 115px; height: 115px; border-radius: 50% }
    .WriterImage { margin: auto; width: 95px; height: 95px; border-radius: 50%; background-size: cover; background-position: center; background-repeat: no-repeat; transition: all .2s; border-style: solid; border-width: 1px; border-color: #c5c3c075 }
        .WriterImage:hover { box-shadow: rgb(255 137 1) 0px 0px 4px; border-style: none }
    .titleSection { margin-bottom: 40px }
   /* .SuggestedProduct-left .titleSection { margin-bottom: 0 !important; }*/
    .titleSection strong { font-size: 21px; font-weight: bold; color: #253f7e; }
    .show-more { background: #f0f0f0; border-radius: 50px; font-size: 15px !important; color: #253f7e; line-height: 35px; padding-left: 8px; border: 4px solid #fff; box-shadow: 0 0 0 1px #f0f0f0 }
    .show-more i { background-color: #253f7e; border-radius: 100%; text-align: center; width: 33px; height: 33px; float: right; align-content: center; margin-left: 6px; margin-top: 1px; margin-right: 1px; transition: transform .5s ease-in-out }
    .show-more i img.link { width: 20px; height: 20px; border: none; box-shadow: none }
    .show-more:hover i { transform: rotate(360deg); background-color: #0f7f83 }
    .show-more:hover { box-shadow: 0 0 0 1px #0f7f83; color: #0f7f83 !important }
.SuggestedProduct-left .show-more { background: #253f7e; border: 4px solid #f0f4ff; box-shadow: 0 0 0 1px #253f7e; color: #fff; margin-top: -5px; }
        .SuggestedProduct-left .show-more i { background-color: #f0f4ff }
        .SuggestedProduct-left .show-more:hover { box-shadow: 0 0 0 1px #0f7f83; color: #fff !important; background: #0f7f83 }
    .SuggestedProduct-left .swiper { padding: 0 50px }
    .HotProduct .titleSection { margin-bottom: 40px }
            .HotProduct .show-more i img.link { width: 20px; height: 20px; border: none; box-shadow: none }
    .Books i { font-size: 29px; margin-left: 3px }
    .Books span { color: #962960; font-size: 18px; font-weight: bold }
    .publicists .WriterImage { width: 80px; height: 80px; border-radius: 10px }
    .publicists .WriterInfo { width: Calc(100% - 80px) }
    .news-cal { background: #f6f6f6; border-radius: 2px; margin-top: 5px; margin-right: 5px }
        .news-cal i { color: #ff9001 }
    .News .NewsImage { height: 180px; width: 200px; align-self: center }
    .News .titleSection .btnMore { background: transparent }
        .News .titleSection .btnMore a { color: #1e1e1e }
            .News .titleSection .btnMore a i { color: #ff9102; margin-left: 10px; border: 2px solid #ff9102; padding: 3px 4px; border-radius: 4px }

    @media only screen and (min-width:992px) {
        .News.SecBackDot:before { content: ""; background: #f6f6f6; width: 95%; display: inherit; height: 100%; position: absolute; border-bottom-left-radius: 25px; border-top-left-radius: 25px; z-index: -1 }
    }
@media (max-width:600px) {
    .TopsaleProduct .swiper.SmipleSwiper .swiper-button-next, .TopsaleProduct .swiper.SmipleSwiper .swiper-button-prev, .ProductList .swiper.SmipleSwiper .swiper-button-next, .ProductList .swiper.SmipleSwiper .swiper-button-prev, .HotProduct .swiper.SmipleSwiper .swiper-button-next, .HotProduct .swiper.SmipleSwiper .swiper-button-prev, .SuggestedProduct-left .swiper.SmipleSwiper .swiper-button-next, .SuggestedProduct-left .swiper.SmipleSwiper .swiper-button-prev { bottom: inherit; top: 25px; height: auto; background: none; transform: scale(.8); width: 30px; }
    .HotProduct .swiper.SmipleSwiper .swiper-button-prev, .SuggestedProduct-left .swiper-rtl .swiper-button-prev, .ProductList .swiper.SmipleSwiper .swiper-button-prev { left: 0px; right: auto; }
    .HotProduct .swiper.SmipleSwiper .swiper-button-next, .SuggestedProduct-left .swiper.SmipleSwiper .swiper-button-next, .ProductList .swiper.SmipleSwiper .swiper-button-next { left:35px; right: auto; }
    .titleSection strong, .HotProduct .titleSection strong { font-size: 17px; }
    .HotProduct .show-more, .show-more { line-height: 30px; border: 3px solid #fff; font-size: 13px !important; }
    .HotProduct .show-more i, .show-more i { width: 30px; height: 30px; }
    .ProductList .titleSection { margin-bottom: 5px; }
    .item.swiper-slide .ProdName { font-size: 14px; line-height: 24px; }
    .Best-writer a p, .Best-writer a { font-size: 15px; font-weight: bold; color: #36487d; line-height: 20px; margin-bottom: 10px; }
    .Best-writer .col-6{ margin-bottom:15px;}
    .Best-writer .col-6 img{ transform: scale(.8); }
    .SuggestedProduct-left .titleSection { margin-bottom: 0 !important ; }

}
@media (max-width:420px) {
    .product-actions { min-height: 360px; }
}
    .news-wrapper .news-col { padding: 15px; border-radius: 10px; background: #fff; box-shadow: rgb(164 164 167 / 20%) 0px 6px 12px -2px, rgb(0 0 0 / 7%) 0px 3px 7px -3px }
    .NewsTitle h5 { color: #000 }
    .news-wrapper p { color: #5e5e5e; height: 110px; overflow: hidden }
    .News .Swiper3th .item.swiper-slide { background-size: 80%; background-position: 94px bottom }
    .news-wrapper .news-col .fa-long-arrow-left { border: 2px solid #ff9001; border-radius: 4px; padding: 5px }
    .news-wrapper .news-col .fa-long-arrow-left { color: #ff9001 }
    .emptyBasket .imgHolder { height: 150px }
        .emptyBasket .imgHolder img { height: 100% }
    div#Activate-modal { z-index: 2000 }
    .register .imgHolder, .login .imgHolder, .forgotPass .imgHolder { width: 50%; margin: 0 auto }
    .filterRight, .productlist-container { }
        .filterRight .card { padding: 15px; border-radius: 15px; margin-bottom: 15px; border: none }
            .filterRight .card .titleCol .cardTitle span { content: ''; width: 8px; height: 8px; border-bottom: 1px solid #000; border-left: 1px solid #000; transform: rotate(-45deg); position: absolute; left: 9px; top: 6px; transition: all .3s }
            .filterRight .card ul { height: 130px; overflow-y: scroll }
    #FliteList span { font-size: smaller; background: #ededed; padding: 3px; border-radius: 5px; color: #727272; position: relative; margin: 5px 8px; cursor: pointer }
    .filterRight #sendFilter { display: none; transition: all .3s; transition: all .3s; background: #ff9001; color: #fff; border: none; border-radius: 15px; width: 80%; padding: 5px; margin: 15px auto 0 auto }
        .filterRight #sendFilter:hover, .filterRight #sendFilter:focus { box-shadow: 0 1px 5px #464545 }
    #FliteList span:after { position: absolute; content: 'x'; top: -9px; background: #ca1908; line-height: 9px; color: #fff; padding: 3px 4px; border-radius: 50%; font-weight: bold; right: -6px }
    .filterRight .card ul::-webkit-scrollbar, .wsshoptabing.wtsdepartmentmenu.CatTow::-webkit-scrollbar, .table-responsive::-webkit-scrollbar, .search-ajax::-webkit-scrollbar { width: 5px }
    .table-responsive::-webkit-scrollbar { width: 5px; height: 5px }
    .filterRight .card ul::-webkit-scrollbar-track, .wsshoptabing.wtsdepartmentmenu.CatTow::-webkit-scrollbar-track, .table-responsive::-webkit-scrollbar-track, .search-ajax::-webkit-scrollbar-track { background: #f6f6f6; border-radius: 5px }
    .filterRight .card ul::-webkit-scrollbar-thumb, .wsshoptabing.wtsdepartmentmenu.CatTow::-webkit-scrollbar-thumb, .table-responsive::-webkit-scrollbar-thumb, .search-ajax::-webkit-scrollbar-thumb { background: #ff9001; border-radius: 5px }
    .review-count .rating > input { display: none }
    .review-count .rating > label { color: #ddd; margin-bottom: 0; line-height: 15px }
    .table .answer i { color: #36487d }
    .review-count .rating > label:before { margin: 0 3px; display: inline-block; content: url(../images/Star-rate-e.svg); width: 15px; height: 15px }
    .review-count .rating > input:checked + label:hover, .review-count .rating > input:checked ~ label:hover,
    .review-count .rating > label:hover ~ input:checked ~ label, .review-count .rating > input:checked ~ label:hover ~ label { content: url(../images/Star-rate-f.svg) }
    .review-count .rating > input:checked ~ label:before, .review-count .rating:not(:checked) > label:hover:before,
    .review-count .rating:not(:checked) > label:hover ~ label:before,
    .review-count .rating:not(:checked) > label.active:before,
    .review-count .rating:not(:checked) > label.active ~ label:before { content: url(../images/Star-rate-f.svg) }
    .get-rate small, .get-rate span { color: #36487d; font-size: 15px }
    .member-rate { height: 15px; margin-top: 7px }
    .expSend { background: #ccc; padding: 25px; border-radius: 30px; display: flex }
        .expSend .icon { float: right }
        .expSend i:before { font-size: 60px }
        .expSend p { margin-bottom: 0 }
        .expSend .descBox { display: inline; width: Calc(100% - 84px); float: left; text-align: left }
        .expSend.BoxGreen .icon i, .expSend.BoxGreen h4 { color: #428d42 }
        .expSend.BoxGreen { background: #428d4230 }
        .expSend.BoxPing .icon i, .expSend.BoxPing h4 { color: #962960 }
        .expSend.BoxPing { background: #9629602b }
        .expSend.YelooGreen .icon i, .expSend.YelooGreen h4 { color: #c9b73b }
        .expSend.YelooGreen { background: #c9b73b36 }
    .ComplainForm .btn { padding: 10px 25px }
    .CampSwiper { padding: 0 70px }

    @media (min-width:1024) {
        .ListBoxCamp .swiper, .ImgBoxCamp { height: 480px }
    }

.special-sell { color: #B8000A; font-size: 30px; font-style: normal; font-weight: 700;  text-align: center; margin-top: 30% }
        .special-sell h3 { }
    .countdown-counter .counter li { display: inline-block; padding: 5px; text-align: center }
.countdown-counter .counter ul { text-align: center; margin-bottom: 0; direction: ltr; margin:0 !important; padding:0 !important }
.countdown-counter .counter li p { background: #fff; width: 54px; height: 54px; border-radius: 50%; border: solid 1px #FFD1D6; color: #b8000a; line-height: 50px }
.countdown-counter { width: max-content; right: 0; left: 0; color: #B8000A; top: 10%; padding: 5px 50px; border: 1px solid #b8000a; border-radius: 100px; background: #F8E5E7; }
.ImgBoxCamp .discount span { padding: 4px 0px; font-size: 32px; color: #b8000a; margin-left: 0 }
    .ImgBoxCamp .discount { left: 0; right: 0; background: none; border: none; position: relative; margin: 15px auto 20px ; width: auto; height: auto; border-radius: 0 }
    .ListBoxCamp .imgHolder img { height: 100%; border-radius: 15px }
    .iconsProd .add-to-basket img, .iconsProd .add-to-order img { color: #fff; margin: 0 auto; height: 21px !important; box-shadow: none; border-radius: 0; width: 24px }
    .ListBoxCamp .item.swiper-slide { background: none; box-shadow: none; padding: 0 }
    .CampSwiper .swiper-button-next { right:-1px; top: 5px; height: 105%; width: 70px; background: #fff }
    .CampSwiper .swiper-button-prev { top: 5px; left: -1px; height: 105%; width: 70px; background: #fff }

    @media (max-width:1370px) {
            .countdown-counter .counter li p { background: #fff; width: 40px; height: 40px; border-radius: 50%; line-height: 35px }
    }

    @media (max-width:1024px) {
        .special-sell { padding: 0 17px; margin-top: 15%; font-size: 25px }
    }

    @media (max-width:768px) {
        .ListBoxCamp .swiper .title { line-height: 24px; font-size: 14px; margin-bottom: 0 }
        .ListBoxCamp .swiper, .ImgBoxCamp { height: 310px }
        .special-sell { padding: 0 17px; margin-top: 15%; font-size: 21px }
            .special-sell h3 { font-size: 14px; line-height: 28px }
        .ImgBoxCamp .discount span { padding: 10px 7px 4px 6px; font-size: 32px; }
        .countdown-counter { padding: 5px 10px; }
            .countdown-counter .counter li p { background: #fff; width: 54px; height: 54px; border-radius: 50%; line-height: 50px }
    }

    @media (max-width:500px) {
        .ListBoxCamp .imgHolder { margin-bottom: 15px; height: 180px; width: 180px }
        .ImgBoxCamp .AdsBox { height: 100% }
    }

    .input-group.NewsLetter_Email.position-relative .feedback { position: absolute; bottom: -11px; right: 17px; font-size: 11px; z-index: 20 }
    .ErrorHolder { width: 80%; margin: 0 auto; border-radius: 30px; padding: 30px; background: #fff }

    @media (min-width:768px) {
        .ErrorHolder { width: 50% }
    }

    .ErrorHolder h1 { font-size: 16px }
    .dashboard .nav-tabs .nav-item.show .nav-link, .dashboard .nav-tabs .nav-link.active { color: #f15929; background-color: transparent; border-color: transparent; border-bottom: 1px dashed #428d423d }
    .dashboard .nav-tabs .nav-link { width: 100%; color: #000; border-bottom: 1px dashed #428d423d; padding: 13px; text-align: center }
    .dashboard .nav-tabs .nav-item:last-child .nav-link { border-bottom: none }
    .dashboard #AccountTab { background: #fff; border-radius: 20px; padding: 15px; border: 2px solid #da5bd2!important; }
    #UserAvatar .wrap-custom-file { border: 1px dashed #428d423d; padding: 3px }
    .wrap-custom-file { position: relative; display: inline-block; width: 130px; height: 130px; margin: 0 .5rem 1rem; text-align: center }
        .wrap-custom-file input[type="file"] { position: absolute; top: 0; left: 0; width: 2px; height: 2px; overflow: hidden; opacity: 0 }
        .wrap-custom-file label { z-index: 1; position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; overflow: hidden; padding: 0 .5rem; cursor: pointer; background-color: #fff; border-radius: 4px; -webkit-transition: -webkit-transform .4s; transition: -webkit-transform .4s; transition: transform .4s; transition: transform .4s, -webkit-transform .4s; background-image: url(../images/profile-pic.jpg); background-size: cover }
            .wrap-custom-file label span { display: block; margin-top: 2rem; font-size: 14px; color: #000; -webkit-transition: color .4s; transition: color .4s; position: absolute; bottom: 0; width: 100%; right: 0 }
            .wrap-custom-file label .fa { position: absolute; bottom: 50%; left: 50%; margin-top: -12px; -webkit-transform: translatex(-50%); transform: translatex(-50%); font-size: 1.5rem; color: #d61c3d; -webkit-transition: color .4s; transition: color .4s }
            .wrap-custom-file label:hover span, .wrap-custom-file label:hover .fa { color: #ad102b }
            .wrap-custom-file label.file-ok { background-size: cover; background-position: center }
                .wrap-custom-file label.file-ok span { position: absolute; bottom: 0; left: 0; width: 100%; padding: .3rem; font-size: 14px; color: #000; border-radius: 8px; background-color: rgb(226 233 226 / 78%) }
                .wrap-custom-file label.file-ok .fa { display: none }
    #OrderDetail { white-space: nowrap; line-height: 14px; padding: 8px }

    @media (max-width:992px) {
        .prosearch-form .justIt { order: 1 }
        .prosearch-form .btnSearch { order: 2 }
    }

    .map iframe { width: 100%; height: 190px; border-radius: 15px }
    .picauthor.text-center { max-height: 250px }
        .picauthor.text-center img { height: 100%; width: auto; border-radius: 15px; padding: 2px; box-shadow: 0px 4px 10px #00000024 }
    .showSreach, .GetSaerchResult .HideSreach { display: none }
    .GetSaerchResult .showSreach { display: block }
    .search-ajax { position: absolute; width: 100%; background-color: #fff; z-index: 1000; max-height: 300px; overflow-y: scroll; border-radius: 5px }
        .search-ajax ui { list-style: none }
        .search-ajax li { display: block; padding: 0 15px }
            .search-ajax li img { width: 40px; margin-left: 10px; border-radius: 6px; box-shadow: 0px 2px 8px #00000033 }
            .search-ajax li a { border-bottom: 1px dashed #f0f0f0; display: block; padding: 6px 0; color: #0e8083 }
    .pagination { justify-content: center; margin-top: 30px; width: max-content; margin: 0 auto; padding: 10px }
    .page-link { color: #747474; margin-inline: 8px; border-radius: 13px; line-height: 30px }
    .page-item.active .page-link { color: #253f7e; background-color: #f3f6ff; border: 4px solid #253f7e; border-radius: 13px; line-height: 35px; padding: 0; text-align: center }
    .page-link:hover { z-index: 2; color: #fff; background-color: #2e3093 }
    .gallery-pro .swiper-slide { background-size: contain; background-position: center; background-repeat: no-repeat; height: 284px }
    .gallery-pro .gallery-top { width: 85%; height: auto }
    .gallery-thumbs { height: 80px; box-sizing: border-box; padding: 10px; width: 70% }
        .gallery-thumbs .swiper-slide { width: 25%; height: 100%; opacity: .4 }
        .gallery-thumbs .swiper-slide-thumb-active { opacity: 1 }
        .gallery-thumbs .swiper-slide { height: max-content }
    .gallery-pro .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 20px }
    .gallery-thumbs .swiper-slide img { display: block; width: 40px !important; height: 57.327px; object-fit: cover; border-radius: 5px }
    .gallery-pro .swiper-button-next, .gallery-pro .swiper-button-prev { z-index: 1; top: 92%; width: 25px; height: 25px }
    .gallery-pro .swiper-button-next, .gallery-pro .swiper-rtl .swiper-button-next { right: 6%; left: auto }
    .gallery-pro .swiper-button-prev, .gallery-pro .swiper-rtl .swiper-button-prev { left: 6%; right: auto }
        .gallery-pro .swiper-rtl .swiper-button-prev::after, .gallery-pro .swiper-button-prev::after { content: url(../images/gallery-prev.svg); top: 0; position: relative }
    .gallery-pro .swiper-rtl .swiper-button-next::after, .gallery-pro .swiper-button-next::after { content: url(../images/gallery-next.svg); top: 0; position: relative }
    .titleSection .fa-book { float: right; font-size: 17pt; width: 30px; height: 40px; text-align: center; position: relative; top: 10px; line-height: 40px; right: 0 }
    .titleSection .fa-newspaper { float: right; font-size: 17pt; width: 30px; height: 40px; text-align: center; position: relative; top: 0; line-height: 40px; right: 0 }
    .titleSection { display: flow-root }
    .CatList .titleSection::before, .MyAccount .titleSection:before { top: 15px; width: 100%; right: 0; position: absolute; content: "" }
    .HotProduct .titleSection::before { content: none }
    #pnlSearchResult { box-shadow: #e5e5e5 0 3px 2px; padding: 0; position: absolute; width: 100% !important; z-index: 99999; background: #fff }
        #pnlSearchResult .list-group-item-SearchDropDown { position: relative; display: block; margin-bottom: -1px; background-color: #fff !important; border: 1px solid rgba(0,0,0,.125); line-height: 30px; font-size: 13px; text-align: right; padding-right: 10px }
            #pnlSearchResult .list-group-item-SearchDropDown.selected { background-color: #dbf2f2 !important }
    .search-content .form-control { border: 0; height: 45px }
    .grid { max-width: 1300px; margin: 0 auto; list-style: none; text-align: center }
        .grid li { display: inline-block; margin: 0; padding: 20px; text-align: left; position: relative }
        .grid figure { margin: 0; position: relative }
            .grid figure img { max-width: 100%; display: block; position: relative }
        .grid figcaption { position: absolute; top: 0; left: 0; padding: 20px; background: #2c3f52; color: #ed4e6e }
            .grid figcaption h3 { margin: -15px -5px; padding: 0; color: #fff; float: right; font-weight: 400 !important }
            .grid figcaption a { text-align: center; padding: 0 10px; border-radius: 2px; display: inline-flex; color: #ff9000 }
                .grid figcaption a i { margin-right: 5px }
                .grid figcaption a:hover { color: #fff }
    .cs-style-5 figure img { z-index: 10; -webkit-transition: -webkit-transform .4s; -moz-transition: -moz-transform .4s; transition: transform .4s; border-radius: 20px }
    .no-touch .cs-style-5 figure:hover img, .cs-style-5 figure.cs-hover img { -webkit-transform: scale(.4); -moz-transform: scale(.4); -ms-transform: scale(.4); transform: scale(.4) }
    .cs-style-5 figcaption { height: 100%; width: 100%; opacity: 0; -webkit-transform: scale(.7); -moz-transform: scale(.7); -ms-transform: scale(.7); transform: scale(.7); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform .4s, opacity .4s; -moz-transition: -moz-transform .4s, opacity .4s; transition: transform .4s, opacity .4s; border-radius: 20px }
    .no-touch .cs-style-5 figure:hover figcaption, .cs-style-5 figure.cs-hover figcaption { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1 }
    .cs-style-5 figure a { position: absolute; bottom: 5px; left: 10px }
    #address-modal #PostalCode, #address-modal #Mobile, #address-modal #PhoneNumberWithAreaCode { font-family: tahoma !important }
    .nav-pills { z-index: 999; margin-bottom: 6px }
        .nav-pills .nav-item { margin-left: 2px }
        .nav-pills .nav-link { border-radius: 5px; border: 2px solid rgba(194,194,194,.20); color: #787878; background: #fff; font-size: 15px }
            .nav-pills .nav-link.active, .nav-pills .show > .nav-link { border-radius: 5px; border: 2px solid #ffc9cc; color: #d81a24; background: #fff }
    .tab-content { border-radius: 20px; border: 2px solid #da5bd2!important; padding: 8px; margin-bottom: 50px }
    #related_items .ProductList { background: #fff; padding: 0 0 40px 0 }
        #related_items .ProductList .swiper { padding: 40px 60px 0 }
    #related_items .titleSection::before { width: 100% }
    #related_items .swiper-rtl .swiper-button-next::after, #related_items .swiper-button-next::after, #related_items .swiper-rtl .swiper-button-prev::after, #related_items .swiper-button-prev::after { top: -35px }
    .about-us .titleSection::before { top: 15px; width: 100% }
    .row-box-in { margin-top: 20px; border-radius: 20px }
    #type3 { margin: 0 auto 20px auto; text-align: center }
        #type3 a { color: #fff; font-size: 1em; text-align: center }
    .btn-11 { background: #7986cb; color: #fff; border-radius: 100px; display: inline-block; transition: all .2s; padding: 10px 25px; position: relative; top: 0; cursor: pointer; width: auto; border: 4px solid #fff; box-shadow: 0 0 0 1px #7986cb }
        .btn-11:hover { box-shadow: rgba(50,50,93,.25) 0 6px 12px -2px, rgba(0,0,0,.3) 0 3px 7px -3px }
        .btn-11:active { top: 3px; box-shadow: 0 2px 0 #3f51b5; transition: all .2s }
    .login .imgHolder { width: 100% !important; padding: 20px 20px 0 20px }
    .txtt-login { text-align: right; margin: 0 auto 20px auto }
    .login .login-inner, .forgotPass .ForgetPass-inner { padding: 40px; padding-top: 40px; border-radius: 250px 250px 10px 10px; border: 1px solid #7595e5; background: #f0f4ff; padding-top: 60px }
    .register .register-inner { padding: 40px; padding-top: 40px; border-radius: 250px 250px 10px 10px; border: 1px solid #0f7f83; background: #e7f2f2; padding-top: 70px }
    .panel-danger .panel-heading { font-size: 17px; margin-bottom: 30px; color: red }

    @media (min-width:1281px) and (max-width:1441px) {
        .qty-wrapper { margin: 5px auto; margin-bottom: 5px; width: 70%; }
        .body-resize .share-in-socials { left: -97px; top: 80px; width: 58%; text-align: center; }
        .addto-like { padding: 13.5px 20px; left: -81px; bottom: 79px; width: 51%; }
        .gallery-pro .swiper-slide { height: 254px; }
        .gallery-pro .swiper-button-next, .gallery-pro .swiper-button-prev { z-index: 1; top: 82%; width: 25px; height: 25px; }
    }

    @media (min-width:1025px) and (max-width:1281px) {
        .gallery-pro .swiper-slide { background-size: contain; background-position: center; background-repeat: no-repeat; height: 233px; }
        .gallery-pro .swiper-button-next, .gallery-pro .swiper-button-prev { z-index: 1; top: 77%; width: 25px; height: 25px; }
        .qty-wrapper { margin: 5px auto; margin-bottom: 5px; width: 70%; }
        .body-resize .share-in-socials { left: -97px; top: 80px; width: 68%; text-align: center; }
        .addto-like { padding: 13.5px 20px; left: -81px; bottom: 79px; width: 59%; z-index: 99; }
    }

    @media (min-width:809px) and (max-width:1024px) {
        .gallery-pro .swiper-button-next, .gallery-pro .swiper-button-prev { z-index: 1; top: 60% }
        .gallery-pro .swiper-slide { height: 317px }
        .main-logo { width: 100% }
    }

    @media (max-width:809px) {
        .gallery-pro .gallery-top { width: 60%; height: auto }
        .gallery-pro .swiper-slide { height: 336px }
    }

    @media (max-width:600px) {
        .pagination { max-width: 90%; }
        #related_items .ProductList .swiper { padding: 60px 0 0px 0; margin-top: -35px; }
        #related_items .swiper-rtl .swiper-button-next::after, #related_items .swiper-button-next::after, #related_items .swiper-rtl .swiper-button-prev::after, #related_items .swiper-button-prev::after { top: 0px }
        .get-rate small { float: right !important; margin-top:10px }
        .member-rate { height:auto; }
    }

    @media (min-width:414px) and (max-width:420px) {
        .gallery-pro .swiper-slide { height: 323px }
    }

    @media (max-width:413px) {
        .gallery-pro .swiper-slide { height: 322px; }
    }

    @media (max-width:389px) {
        .gallery-pro .swiper-slide { height: 297px; }
    }

    @media (max-width:376px) {
        .gallery-pro .swiper-slide { height: 290px }
    }

    @media (max-width:361px) {
        .gallery-pro .swiper-slide { height: 276px; }
    }


.add-to-basket.mobilesize { position: fixed; bottom: 0; z-index: 999; background: #fff; width: 100%; padding: 1rem 10px; border-top: 1px solid #f0f0f0; }

@media screen and (max-width: 610px) {
    .add-to-basket.mobilesize .price-container { border: none; border-radius: 0; width: max-content; margin: 0 10px; text-align: right; padding:0;  }
    .add-to-basket.mobilesize .qty-wrapper { width: max-content; margin: 0 0 5px 0; }
    .add-to-basket.mobilesize .addtobasket-btn { margin-right: 0; cursor: pointer; }
    .add-to-basket.mobilesize .price-container p.price, .add-to-basket.mobilesize .price-container .price span { font-size: 14px; }
    .add-to-basket.mobilesize .addtobasket-btn a { font-size: 12px; color: #fff; }
    .add-to-basket.mobilesize .pro-count { width: 85px; }
    .table { font-size: 13px; }

}