@media(max-width: 768px) { /* */

header.header  .menu-left {top: 0;}
header.header li.storelogin a {line-height: 32px;}
header.header .hide-mobile {display: none;}

header.header .col-12 .navbar-header { width:100%; text-align:center; }

header.header .col-12 .navbar-brand { max-width: 80%; }
.categories-wall .wall-img a img { aspect-ratio: 5 / 3; }
.categories-wall .wall-desc a.lat-blog-title {  font-size: 0.8em; }
select.form-control {height: 48px;}
.product-review ul#tabs {margin-top: 30px}
.product-review ul#tabs li {
    flex: 0 0 100%;
    max-width: 100%;
}
.product-review ul#tabs li a {
    margin-top: 0;
    width: 100%;
    text-align: center;
    border-left: 1px solid #dedede;
}
.product-review .product-review-des {background: #fff;}

/*  */ } /* */

.storelogin a {
    background: #3d4248;
    color: #fff;
    line-height: 54px;
    display: block;
    padding: 0 15px;
    border-radius: 10px;
    font-size: 14px;
}

@media (max-width: 767px) {
/* */
.brandpage .slogan {
  
    padding: 10px;
    width: 98%;
    max-width: 98%;
}

.cart-menu .fa-heart-o.text-white {
    padding: 7px 0;
}

.brandpage .brand-art .row .featured-product {
    flex: 0 0 50%;
    max-width: 50%;
}
.brandpage h1 {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 32px !important;
}

#serch-by-texts .container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
#serch-by-texts .container a {
    padding: 4px 0px;G
    margin: 6px;
}

.login-cart {
    margin-right: 40px;
}
.search-right .menu-toggle {
    right: 0;
   }

    .headerarea .mobile-search {
        display: table-cell !important;
        margin-top: -30px;
    }
    .headerarea .mobile-search button {
        border: none;
        background: none;
        padding: 0;
        margin: 0;
    }
    .headerarea .mobile-search button i {
        height: 32px;
        width: 32px;
        line-height: 32px;
        font-size: 15px;
        color: #fff;
        background: #3d4248;
        border-radius: 50%;
    }

   #mobile-search-modal .modal-content {
        width: 80%;
        margin: 10% auto;
        background: #758b90;
    }           
    #mobile-search-modal .modal-content .search-input {display:  block !important;}
    #mobile-search-modal .modal-content .search-button-i {
        border-left: 1px solid #fff;
        border-radius: 0;
        margin-top: -40px;
        height: 40px;
        line-height: 37px;
    }
     #mobile-search-modal .modal-footer button {
        background: #fff;
        padding: 4px 16px;
        font-size: 14px;
    }
/* */

} /* end of mobile */


.product-detail-main .image-preview img {}


/* */ 

.glass-case .gc-thumbs-area-main {
    max-width: inherit;
}
.glass-case  .gc-icon-prev:before, .glass-case  .gc-icon-next:before {
    top: inherit;
    right: inherit;
}

.gc-thumbs-area-prev, .gc-thumbs-area-next {
    margin-top: 80px !important;
}
.glass-case .gc-thumbs-area {
    margin-left: 5%;
}

    /*
* Google Fonts

* BASIC STYLE
  - General Style
  - Headings Style
  - Button Style
  - Form Style
  - Spacer Style
  - Table Style

* HEADER

* CONTANT
  - Banner Style
  - Featured Products section
  - offer Banner section
  - Best Seller section
  - Testimonial section
  - Latest Blog section
  - Brand slaider section
  - Newslatter section
  - Shop Page
  - Shop List Page
  - Product Detail Page
  - Check Page
  - Wishilist Page
  - Contact Page
  - Blog Left Page
  - Blog Detail Page
  - Cart Page
  - About Page
  - Login Page

* FOOTER
*/

    @import url("https://fonts.googleapis.com/css2?family=Mulish:wght@200&family=Quattrocento&display=swap");
    @import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;900&display=swap");
    @import url("https://fonts.googleapis.com/css2?family=Mulish:wght@400;600&display=swap");
    .pt-30 {
        padding-top: 30px;
    }

	@media (min-width:  768px) {
        .mobilemenu {display:none !important;}
        .home-banner .container {
            max-width: 100%;
            padding: 0;
        }
        .homepage .header.transition {
            padding-bottom: 0;
        }
        .productsub .col-sm-6.subbuttons.left {
            padding-right: 2px;
        }
        .productsub .col-sm-6.subbuttons.right {
            padding-left:  2px;
        }
        .fadingbar .category-content.filter-by {
            width: 18%;
            float: left;
            margin: 0 1%;
        }


    }

    @media (min-width:  1440px) {

        .menu.primary > ul > li {
            padding: 16px 15px !important;
        }

    }

    .badge-danger.muzayede {
        font-weight: 300;
        padding: 4px 15px;
        background: #cc3300;
    }
    .auction-description {}
    .auction-description img.cover {
        width: 100%;
        margin: 10px auto;
    }
    .auction-description p {
        font-size: 0.8rem;
        line-height: 1.2rem;
        color: #777;
        text-align: justify;
    }
    .auction_detail .alert-info.text-center {
        background: none;
        border: none;
        font-size: 0.8rem;
        color: #9ab3c4;
    }
    .auction_detail h3 {
        margin-top: 30px;
        font-weight: 300;
        text-align: center;
        letter-spacing: 1px;
        font-size: 0.8rem;
    }
    .auction_detail .featured-product {}
    .auction_detail .featured-product .slider-item-txt {}
    .auction_detail .featured-product .slider-item-txt .product-cost {display:none;}

    .auction_detail .featured-product .justify-content-space-around {}
    .auction_detail hr.auction-line {margin: 0;}
    .auction_detail .justify-content-space-around .auction-last-price.small {}
    .auction_detail .justify-content-space-around .auction-last-price {
        display: block;
        text-align: center;
        padding: 1rem 0px;
        margin: 0;
        font-size: 1.2rem;
    }
    .auction_detail .justify-content-space-around button {
        margin: 0 1%;
        width: 98%;
        border: 0;
        box-shadow: none;
        background: #9ab3c4;
        color: #fff;
        clear: both;
        margin-bottom: 2px;
    }

    .auction_detail .justify-content-center {
        margin: 10px 0;
        clear: both;
        display: flex;
    }
    .auction_detail .justify-content-center > div {
        width: 48%;
        margin: 0 1%;
        float: left;
    }

    .price-box .product-action .btn.active { background: #6bd9c6;}
    .product-detail-in .rating-summary-block {display: none;}
    .menu.primary > ul > li {
        padding: 16px 5px;
    }
    /* FILTER */
    .filterbutton .fa-sliders {
        font-size: 20px;
        background: #373636;
        padding: 1px 4px;
        color: #fff;
    }
    .filterbutton span {
        position: absolute;
        font-size: 12px;
        margin: 2px 0 0 4px;
    }
    .filterbutton {
        float: left;
        width: 100px;
        color: #333;
        padding: 4px 0;
    }
    .fadingbar {
        background: #fdfdfd;
        border: 1px solid #d3d3d3;
        margin-bottom: 30px;
        padding: 0 0 20px;
    }
    .fadingbar .category-content.filter-by {    }


        /* width */
    .fadingbar .category-content.filter-by .category::-webkit-scrollbar {
        width: 2px;
    }

    /* Track */
    .fadingbar .category-content.filter-by .category::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    /* Handle */
    .fadingbar .category-content.filter-by .category::-webkit-scrollbar-thumb {
        background: #888;
    }

    /* Handle on hover */
    .fadingbar .category-content.filter-by .category::-webkit-scrollbar-thumb:hover {
        background: #555;
    }


    /* BLOG*/

    .bloghome .page-title {
        display: block;
        text-align: center;
        margin-bottom: 40px;
    }

    .bloghome .page-title h1 {
        font-size: 26px;
        font-weight: 600;
    }

    .blog-inner .grid-item .card {
        border: none;
        box-shadow: 0px 15px 11px #d7d7d7;
    }

    .blog-inner .grid-item .card .cardbody {
        padding: 5px 15px 15px;
    }

    .blog-inner .grid-item .card .cardbody .lat-blog-date {
        font-size: 12px;
        margin-top: -10px;
        color: #8bc34a;
    }

    .blog-inner .grid-item .card .cardbody a {
        line-height: inherit;
        margin-top: 20px;
        display: block;
        font-size: 18px;
    }

    .blog-inner .grid-item .card .cardbody a.btn-2 {
        font-size: 12px;
    }

    .bloghome .pagination {
        margin-bottom: 20px;
    }

    .bloghome .pagination .page-item .page-link {
        font-size: 12px;
        padding: 7px 14px;
    }

    .page-item a.page-link {
        color: #777;
    }

    .page-item.active span.page-link {
        color: #fff;
        background-color: #777;
        border-color: #666;
    }

    .blog-sidebar .blog-lateset {}

    .blog-sidebar .blog-lateset .recent-blog-box {
        display: block;
    }

    .blog-sidebar .blog-lateset .recent-blog-box .recent-img {
        width: 100%;
        display: block;
    }

    .blog-sidebar .blog-lateset .recent-blog-box .recent-des {
        width: 100%;
        display: block;
        margin-bottom: 30px;
        clear: both;
        padding: 5px 015px;
    }
    /**/
    /*_______________________________________________________
// BASIC STYLE  //----------------------------
_______________________________________________________*/
    .wall-inner .col-6 {
        padding: 0 2px;
    }
    .categories-wall .container {
        max-width: 100%;
    }
    .categories-wall .wall-desc a {
        display: block;
        text-align: center;
        padding: 4px 10px;
        font-size: 14px;
        background: #9ab3c4;
        color: #fff;
        font-weight: 400;
        border-top: 1px solid #fff;
        margin-bottom: 4px !important;
    }



    @media (max-width: 767px) {

        .categories-wall .wall-inner col.sm-6 {

        }


        .banner-img {
            padding-bottom: 0 !important;
            width: 100% !important;
        }
        .banner-bg {
            height: inherit !important;
        }
        .home-banner .container {
            padding: 0;

        }

        .featured .container .mb-25 {
            margin-right: 0;
            margin-left: 0;
        }
        h2.blog-hading-title.highlights-title , h2.hading-title {
            margin: auto;
            display: block !important;
            text-align: center;
        }
        hr.highlights-hr-underline , hr.hr-underline {
            margin: 10px auto;
            display: block !important;
            float: none;
        }
        .btn-view a.view-button.highlights-view , .btn-view .view-button {
            margin: 10px auto 5px;
            /*display: block;*/
            display: none !important;
            float: none;
            text-align: center;
            padding: 0;
            text-decoration: none;
            /* background: #3d4248; */
            /* color: #fff; */
            /* font-size: small; */
        }

        div.featured-product.feature-top {
            flex: 0 0 100%;
            max-width: 100%;
            width: 100%;
            margin-bottom: 25px;
        }
        .no-margin a.artist-name {
            line-height: 6;
        }
        .category-buttons .cat-btn {
            background: #efefef;
            padding: 8px;
            margin-right: 5px;
            border: 1px solid #cccccc;
            border-radius: 4px;
            font-size: 11px;
            min-width: auto;
            white-space: nowrap;
            text-align: center;
            cursor: pointer;
             
            color: #080808;
        }
        .category-buttons.d-flex {
            margin-left: -25px;
        }
        .footer-static hr.hr-underline {
            display: none !important;
        }
        .footer-inner {
            display: block !important;
        }
        .footer-logo img {
            margin-bottom: 30px;
            margin-top: 10px !important;
        }
        .bottom-menu {
            display: none !important;
        }
        .mobile-categories {
            display: block !important;
        }
        .menu ul li {
            border-bottom: 1px solid #666;
        }
        .menu ul li:last-child {
            border-bottom: none;
        }
        .mobile-categories span.opener {
            margin-top: -35px;
        }
        .mobile-categories .megamenu {
            padding: 0 15px;
        }
        .mobile-categories .megamenu li {
            width: 100%;
            line-height: 14px;
            padding: 10px 0;
        }
        .mobile-categories .megamenu li a {
            color: #fff;
        }
        .mobile-categories a.parent {
            color: #dbb380;
        }
    }

    .menu ul li.mobile-categories {
        display: none;
    }

    .footer-logo img {
        max-width: 80%;
        text-align: center;
        /* /* margin-left: 10%; */
        margin-bottom: 30px;
        margin-top: 70px;
    }
    /*---------- General Style ------------*/

    * {
        box-sizing: border-box;
        outline: none !important;
        line-height: 17px;
    }

    body,
    html {
        height: 100%;
        margin: 0;
        padding: 0;
    }

    body {
        line-height: 24px;
        color: #999;
        font-size: 16px;
        font-family: "Montserrat", sans-serif;
        font-weight: 400;
        letter-spacing: 0px;
        position: relative;
    }

    .container {
        max-width: 1750px;
    }

    img {
        height: auto;
        max-width: 100%;
        border: none;
        outline: none;
    }

    a,
    a:focus {
        outline: none !important;
        text-decoration: none;
        box-shadow: unset !important;
    }

    a {
        cursor: pointer;
        text-decoration: none;
        color: #3d4248;

        font-size: 13px;
        line-height: 14.4px;
    }

    a.product-name.work-piece {
        cursor: pointer;
        text-decoration: none;
        color: #3d4248;
         
        font-weight: 400;
        font-size: 12px;
        line-height: 14.4px;
    }

    a.product-artist.name-artist {
        display: block;
         
        font-weight: 700;
        font-size: 15px;
        line-height: 21.08px;
        color: #000000;
        margin-left: 5px;
    }

    span.kdv {
        margin-left: 10px;
        color: #3d4248;
        font-size: 13px;
        letter-spacing: 1px;
    }

    a:hover {
        color: #979797;
        text-decoration: none;
    }

    ul,
    li,
    label,
    span {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .transition,
    a,
    input,
    button {
        transition: all 0.4s ease 0s;
        -moz-transition: all 0.4s ease 0s;
        -webkit-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
    }

    .right-side {
        float: right;
    }

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

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

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

    .text-uppercase {
        text-transform: uppercase;
    }

    .align-flax {
        display: flex;
        align-items: center;
    }

    .justify-flex {
        display: flex;
        justify-content: center;
    }

    .w-100 {
        width: 100%;
    }

    .m-w-130 {
        min-width: 130px;
    }

    .display-b {
        display: block;
    }

    .position-i {
        position: initial;
    }

    .position-r {
        position: relative;
    }

    .bg {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .hading-title {
        font-size: 30px;
        position: relative;
        font-family: "Quattrocento", serif !important;
        margin-right: auto;
        margin-left: 10px;
    }

    .hr-underline {
        width: 50px;
        float: left;
        border-top: 2px solid #111;
        margin-top: 6px;
        margin-left: 10px;
    }

    .hading-title:before {
        content: "";
        position: absolute;
        top: 8px;
        left: 0;
        width: 1px;
        height: 25px;
    }

    .btn-view .view-button {
        float: right;
        display: inline-block;
        text-decoration-line: underline;
        color: #000;
        font-size: 15px;
        font-family: sans-serif;
        padding-right: 10px;
    }

   a.view-button.highlights-view {
        margin-right: -40px;
    }

    .row.mfp-content-bg {
        margin: 0;
    }

    .mfp-iframe-holder .mfp-content {
        line-height: 0;
        width: 100%;
        max-width: 900px;
        height: 100%;
        max-height: 680px;
        padding: 30px 15px;
        background: #fff;
    }

    .mfp-iframe-scaler {
        width: 100%;
        height: 100%;
        padding: 0;
    }

    .mfp-iframe-scaler iframe {
        position: relative;
        background: #fff;
    }

    .mfp-iframe-holder .mfp-close {
        position: absolute;
        width: auto;
        color: #000;
        top: -5px;
        right: 2px;
    }

    .row.mfp-content-bg .product-detail-in ul:last-child {
        border: 0;
        padding-bottom: 0;
    }
    /* - Headings Style   //---------------- */

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin: 0;
        padding: 0;
        color: #333333;
    }
    /*----------- Button Style -----------*/

    .owl-nav button {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        font-size: 55px !important;
        background: rgb(54, 53, 53, 0.5) !important;
        color: #fff !important;
        width: 50px;
        height: 80px;
        transition: all 400ms ease;
    }

    .owl-nav button:hover {
        background: #363535 !important;
    }

    .owl-nav button span {
        display: none;
    }

    button.owl-prev {
        left: 0;
    }

    button.owl-prev:before {
        content: "\f104";
        font-family: fontawesome;
    }

    button.owl-next {
        right: 0;
    }

    button.owl-next:before {
        content: "\f105";
        font-family: fontawesome;
    }

    .btn {
        font-size: 16px;
        color: #3d4248;
        text-transform: uppercase;
        display: inline-block;
        border: 1px solid #e1e0e0;
        border-radius: 0;
        padding: 17px 36px;
        position: relative;
        overflow: hidden;
        z-index: 0;
    }

    .btn:hover {
        color: #fff;
    }

    .btn:before {
        content: "";
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: #3d4248;
        z-index: -1;
        transition: all 400ms ease;
    }

    .btn:hover:before {
        left: 0;
    }

    .btn {
        box-shadow: unset;
    }

    .btn-2 {
        font-size: 14px;
        color: #2d3031;
        text-decoration: underline;
        font-weight: 700;
    }

    .btn-2:hover {
        text-decoration: underline;
    }

    .btn.small {
        padding: 5px 13px;
        font-size: 14px;
        border-radius: 5px;
    }

    .btn-color {
        background: #3d4248;
        color: #fff;
    }

    a.btn.btn-color:hover {
        background: #6bd9c6;
    }

    .btn-color:before {
        content: unset;
    }

    .btn-color:hover {
        background: #000;
    }

    .owl-dots {
        text-align: center;
        padding-top: 60px;
    }

    .owl-carousel button.owl-dot {
        width: 40px;
        height: 5px;
        border: 1px solid #363535;
        border-radius: 0;
        margin: 0px 5px;
        transition: all 400ms ease;
    }

    .owl-carousel button.owl-dot.active {
        background: #363535;
        border-color: #363535;
    }
    /* - Form Style  //---------------- */

    .form-control:focus,
    input:focus {
        box-shadow: 0 0 10px 1px rgb(54, 53, 53, 0.2);
    }

    .form-group {
        margin-bottom: 20px;
    }

    textarea.form-control {
        padding: 15px 0.75rem;
    }

    .form-control {
        height: 50px;
        border-radius: 0;
        padding: 1rem 2rem;
        font-size: 14px;
        font-weight: normal;
        color: #888;
        border: none;
        background-color: #eee;
         
    }

    select.form-control {
        background-color: #eee !important;
        line-height: 15px;
    }

    .form-control:focus {
        border: 1px solid #ced4da;
    }

    .form-label {
        font-size: 14px;
        color: #333;
        margin-bottom: 9px;
         
    }

    select {
        background: url(../images/select-icon.png) no-repeat scroll right 50% #fff !important;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    /* checkbox CSS Start */

    .check-box input,
    .radio input.radio-button {
        display: none;
    }

    .checkbox+label,
    .radio-button+label {
        cursor: pointer;
        line-height: 17px;
        padding-left: 23px;
        position: relative;
         
        font-size: 12px;
        color: #333333;
    }

    .checkbox:checked+label::before,
    .radio-button:checked+label::before {
        background: #6bd9c6 none repeat scroll 0 0;
        border: 1px solid #6bd9c6;
    }

    .checkbox+label::before,
    .radio-button+label::before,
    .checkbox+label::after {
        content: "";
        height: 14px;
        left: 0;
        position: absolute;
        top: 0;
        width: 14px;
        margin-top: 1px;
        align-items: center;
    }

    .checkbox+label::before,
    .radio-button+label::before {
        border: 1px solid #969797;
        -webkit-border-radius: 2.5px;
    }

    .checkbox:checked+label::after {
        background-image: url("../images/check-box-icon.png");
        background-repeat: no-repeat;
        left: -1px;
    }

    input.radio-button:checked+label::before {
        background-image: url("../images/radio-icon.png");
        background-repeat: no-repeat;
    }

    .radio-button+label::before {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
    }

    .radio-btn label {
        position: relative;
    }

    .radio-btn label:before {
        content: "";
        -webkit-appearance: none;
        background-color: transparent;
        border: 1px solid #333333;
        padding: 5px;
        border-radius: 50px;
        display: inline-block;
        position: relative;
        vertical-align: middle;
        cursor: pointer;
        margin-right: 8px;
        top: -1px;
    }

    .radio-btn input {
        display: none;
        cursor: pointer;
    }

    .radio-btn input:checked+label:before {
        background-color: #e9ecee;
        color: #99a1a7;
        border: 1px solid #0079bf;
    }

    .radio-btn input:checked+label:after {
        content: "";
        width: 12px;
        height: 12px;
        border-radius: 50px;
        position: absolute;
        top: 6px;
        left: 0px;
        background: #000;
    }
    /* - Spacer Style  //---------------- */

    .ptb-100 {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .ptb-120 {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .pt-70 {
        padding-top: 70px;
    }

    .pt-100 {
        padding-top: 100px;
    }

    .product-work-des .pt-70 {
        padding-top: 30px;
    }

    .product-work-similar .pt-70 {
        padding-top: 30px;
    }

    .pl-15 {
        padding-left: 15px;
    }

    .pr-30 {
        padding-right: 30px;
    }

    .pb-10 {
        padding-bottom: 10px;
    }

    .pb-15 {
        padding-bottom: 15px;
    }

    .pb-20 {
        padding-bottom: 20px;
    }

    .pb-25 {
        padding-bottom: 25px;
    }

    .mt-100 {
        margin-top: 100px;
    }

    .mt-20 {
        margin-top: 10px;
    }

    .mb-15 {
        margin-bottom: 15px;
    }

    .mb-25 {
        margin-bottom: 25px;
    }

    .mb-30 {
        margin-bottom: 30px;
    }

    .m-0 {
        margin: 0;
    }

    .ml-0 {
        margin-left: 0;
    }
    /* - Newsletter   //----------------- */

    #newslater-popup {
        max-width: 750px;
        margin: 0 auto;
        position: relative;
    }

    .nl-popup-main {
        display: block;
        background: url(../images/nl-popup-bg.jpg) no-repeat scroll 0 0;
        overflow: hidden;
        border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        -o-border-radius: 0px;
    }

    .nl-popup-inner {
        border: 2px solid #2d3031;
        margin: 20px;
        display: block;
        overflow: hidden;
        border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        -o-border-radius: 0px;
    }

    #newslater-popup .newsletter-inner {
        background: transparent;
        padding: 30px 50px;
    }

    #newslater-popup .newsletter-inner span.sub-title {
        color: #979797;
        display: block;
        font-weight: 600;
        font-size: 18px;
        margin-bottom: 30px;
    }

    #newslater-popup .newsletter-inner input {
        border: none;
        width: 100%;
        padding: 10px;
        margin-bottom: 20px;
    }

    #newslater-popup button.mfp-close {
        background-color: #2d3031;
        border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        -o-border-radius: 0px;
        color: #fff;
        font-size: 35px;
        opacity: 1;
        right: 0;
        top: 0;
    }

    #newslater-popup .newsletter-inner .main_title {
        color: #2d3031;
        display: block;
        font-size: 32px;
        line-height: 45px;
        margin-bottom: 0;
        text-transform: none;
    }

    #newslater-popup .newsletter-inner p {
        margin-bottom: 22px;
    }

    #newslater-popup .check-box {
        margin-top: 30px;
    }
    /* preloader */

    #preloader {
		position: fixed;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		background-color: #ffff;
		z-index: 999;
	}

	#loading-text {
	  display: block;
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  color: #999;
	  width: 100px;
	  height: 30px;
	  margin: -7px 0 0 -45px;
	  text-align: center;
	  font-family: 'PT Sans Narrow', sans-serif;
	  font-size: 20px;
	}

	#loading-content {
	  display: block;
	  position: relative;
	  left: 50%;
	  top: 50%;
	  width: 170px;
	  height: 170px;
	  margin: -85px 0 0 -85px;
	  border: 3px solid #F00;
	}

	#loading-content:after {
	  content: "";
	  position: absolute;
	  border: 3px solid #0F0;
	  left: 15px;
	  right: 15px;
	  top: 15px;
	  bottom: 15px;
	}

	#loading-content:before {
	  content: "";
	  position: absolute;
	  border: 3px solid #00F;
	  left: 5px;
	  right: 5px;
	  top: 5px;
	  bottom: 5px;
	}

	#loading-content {
	  border: 3px solid transparent;
	  border-top-color: #4D658D;
	  border-bottom-color: #4D658D;
	  border-radius: 50%;
	  -webkit-animation: loader 2s linear infinite;
	  -moz-animation: loader 2s linear infinite;
	  -o-animation: loader 2s linear infinite;
	  animation: loader 2s linear infinite;
	}

	#loading-content:before {
	  border: 3px solid transparent;
	  border-top-color: #D4CC6A;
	  border-bottom-color: #D4CC6A;
	  border-radius: 50%;
	  -webkit-animation: loader 3s linear infinite;
		-moz-animation: loader 2s linear infinite;
	  -o-animation: loader 2s linear infinite;
	  animation: loader 3s linear infinite;
	}

	#loading-content:after {
	  border: 3px solid transparent;
	  border-top-color: #84417C;
	  border-bottom-color: #84417C;
	  border-radius: 50%;
	  -webkit-animation: loader 1.5s linear infinite;
	  animation: loader 1.5s linear infinite;
		-moz-animation: loader 2s linear infinite;
	  -o-animation: loader 2s linear infinite;
	}

	@-webkit-keyframes loaders {
	  0% {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	  }
	  100% {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	  }
	}

	@keyframes loader {
	  0% {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	  }
	  100% {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	  }
	}

	#content-wrapper {
	  color: #FFF;
	  position: fixed;
	  left: 0;
	  top: 20px;
	  width: 100%;
	  height: 100%;
	}
    /*_______________________________________________________
// HEADER STYLE  //----------------------------
_______________________________________________________*/
.navbar-brand {
    padding-left: 10px;

}
    .container.headerarea {
        width: 100%;
        max-width: 100%;
    }

    .bottom-menu {
        display: block;
        clear: both;
        background: #9ab3c4;
        margin-top: 15px;

    }

    .bottom-menu .bottom-menu-inner {
        float: left;
    }
 .bottom-menu .bottom-menu-inner .col-6 {float: left;}
    .bottom-menu .bottom-menu-inner ul {
        text-align: left;
       
    }

    .bottom-menu .bottom-menu-inner ul li a {
        color: #fefefe;
        font-size: 13px;
    }
    .bottom-menu .bottom-menu-inner ul li:hover a {
        color: #fefefe;
    }
    .bottom-menu .bottom-menu-inner ul li a:hover {
        color: #fff;
    }
.menu .megamenu ul li::before {display: none;}
    .menu .megamenu ul li {
        display: block;
        padding:0;
    }
    .bottom-menu .bottom-menu-inner .megamenu ul  {
     
 }
.bottom-menu .bottom-menu-inner .megamenu ul li a {
    color: #333;
    display: block;
    padding: 3px 10px;
    font-weight: 300;
    letter-spacing: 0;
}
    .bottom-menu .search-menu {
        width: 300px;
        float: right;
        padding: 0;
        margin-top: 5px;
    }

    .header {
        padding: 20px 0px;
    }

    .header.sticky {
        position: fixed;
        top: 0;
        left: 0;
        background: #fff;
        z-index: 9;
        width: 100%;
        box-shadow: 0px 0px 15px 1px rgb(0, 0, 0, 0.2);
        padding: 10px 0px;
    }

    .menu-left {
        width: calc(100% - 500px);
        float: left;
        padding-right: 65px;
        padding-top: 4px;
    }

    .menu ul {
        text-align: left;
    }

    .menu ul li {
        display: inline-block;
        padding: 16px;
    }

    .menu ul li.dropdown {
        position: initial;
    }

/*    .menu ul li.dropdown a:after {
        border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #363535;
        border-style: solid;
        border-width: 11px;
        bottom: -38px;
        content: "";
        left: 50%;
        opacity: 0;
        position: absolute;
        transition: all 400ms ease;
        transform: translate(-50%);
    }*/

    .sticky .menu ul li.dropdown a:after {
        bottom: -29px;
    }

    .menu ul li a {
        color: #222222;
        text-transform: Capitalize;
        position: relative;
        font-size: 14px;
        font-weight: 500;
    }

    /*.menu ul li a:before {
        content: "";
        position: absolute;
        bottom: -5px;
        left: 0;
        width: 0;
        height: 2px;
        background: #222222;
        transition: all 400ms ease;
    }*/

    .search-right {
        /*width: 500px;
        float: right;*/
        position: relative;
        top: 6px;
    }

    .search-menu {
        width: 100%;
        float: left;
        position: relative;
        padding:5px 20px;
    }
    .search-button-i, .search-btn {
        color: #333;
    }
    input.search-input::placeholder {
        color: #333;
        font-weight: 400;
        font-size: 12px;
    }

.search-input {
    background: white;
    border: 1px solid #6c757d;
    color: #333;
    font-size: 14px;
    padding: 12px 50px 12px 15px;
    width: 100%;
    height: 40px;
}

    .search-btn {
        z-index: 1;
        opacity: 0;
    }
.search-button-i, .search-btn {
    background: #f27a1b;
    border: 1px solid #333;
    color: #fff;
}
    .search-button-i,
    .search-btn {
        width: 50px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        position: absolute;
        top: 0;
        right: 0;
        overflow: hidden;
    }

    .search-btn:hover+.search-button-i {
        background: #6bd9c6;
    }

    .search-btn:hover+.search-button-i img {
        filter: invert(1) sepia(0) saturate(0) hue-rotate(175deg);
    }

    .cart-menu {
        /*padding-bottom: 10px;*/
    }

    .cart-menu>.cart-icon {
        background: #3d4248;
        display: block;
        border-radius: 100%;
        height: 50px;
        width: 50px;
        line-height: 45px;
        text-align: center;
        overflow: hidden;
    }

    .cart-menu:hover>.cart-icon {
        background: #6bd9c6;
    }

    .cart-menu>.cart-icon img {
        top: 0;
        width: 25px;
    }

    .login-cart {
        /*width: 207px;*/
        float: right;
    }

    .login-cart li {
        display: inline-block;
        padding: 0px 7px;
    }

    .login-cart li:first-child {
        padding-left: 0;
    }

    .login-cart li:last-child {
        padding-right: 0;
    }

    .login-head a {
        background: #3d4248;
        display: block;
        border-radius: 100%;
        height: 50px;
        width: 50px;
        line-height: 50px;
        text-align: center;
        overflow: hidden;
        color: #fff;
        font-size: 24px;
    }

    .login-head a:hover {
        background: #6bd9c6;
    }
    /*--------- Megamenu Css ---------*/
@media (min-width: 768px) {
.col-md-3.categories-item {
    -ms-flex: 0 0 23%;
    flex: 0 0 23%;
    max-width: 23%;
}
}

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

.bottom-menu .bottom-menu-inner .megamenu .categories-item  ul {
    max-height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
}
.bottom-menu-inner ul .megamenu .categories-item {
    border: 1px solid #d7d7d7;
    margin: 1%;
    padding: 10px;
}
  .bottom-menu-inner ul .megamenu .category-title a  {
    font-weight: 600 !important;
    font-size: 14px !important;
    border-bottom: 1px solid #333;
    margin-bottom: 15px;
}


    .megamenu {
    display: none;
    background: #fff;
    border-top: 3px solid #363535;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
    color: #a4a4a4;
    padding: 30px;
    position: absolute;
    top: 45px !important;
    left: 0;
    z-index: 2;
    width: 100%;
}
	.megamenu2 {
    display: none;
    background: #fff;
    border-top: 3px solid #363535;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
    color: #a4a4a4;
    padding: 30px;
    position: absolute;
    margin-top: -30px;
    margin-left: 150px;
    z-index: 2;
    width: 300px;
}

    .sticky .megamenu {
        top: 70px;
    }

    .megamenu.full {
        width: calc(100% - 30px);
        left: 15px;
        text-align: left;
    }

    .megamenu-inner .megamenu-title {
        display: inline-block;
        color: #363535;
        text-transform: uppercase;
        font-weight: 600;
        margin-bottom: 4px;
        max-width: 100%;
        font-size: 14px;
    }

    .megamenu-inner .megamenu-title:before {
        content: unset;
    }

    .megamenu-inner .megamenu-title:after {
        content: unset !important;
    }

    .megamenu-inner ul {
        text-align: left;
    }

    .megamenu-inner ul li {
        display: block;
        padding: 4px 0px;
        position: relative;
        padding-left: 15px !important;
    }

    .megamenu-inner ul li:last-child {
        padding-bottom: 0;
    }

    .megamenu-inner ul li:before {
        content: "";
        position: absolute;
        top: 14px;
        left: 0;
        width: 5px;
        height: 5px;
        background: #363535;
    }

    .megamenu-inner ul li a {
        color: #979797;
        font-size: 14px;
        text-transform: unset;
        left: 0;
    }

    .megamenu-inner ul li a:after {
        content: unset !important;
    }

    .megamenu-inner ul li a:before {
        content: unset;
    }

    .img-drop-bottom {
        overflow: hidden;
        display: block;
    }

    .img-drop-bottom:before {
        content: unset !important;
    }

    .img-drop-bottom img {
        transform: rotate(0deg) scale(1);
        width: 100%;
    }

    .img-drop-bottom:hover img {
        transform: rotate(2deg) scale(1.2);
    }

    .shop-img-in {
        height: 100%;
    }

    .shop-img-in .row {
        height: 100%;
    }

    .shop-img-in .img-drop-bottom {
        height: 100%;
    }

    .shop-img-in .img-drop-bottom img {
        height: 100%;
        object-fit: cover;
    }

    .menu-toggle {
        width: 25px;
        height: 30px;
        position: absolute;
        top: 5px;
        right: -35px;
        display: none;
    }

    .menu-toggle span,
    .menu-toggle span:after,
    .menu-toggle span:before {
        background: #363535;
        width: 100%;
        height: 2px;
        position: absolute;
        transition: all 400ms ease;
    }

    .menu-toggle span {
        top: 50%;
        transform: translateY(-50%);
    }

    .menu-toggle span:after,
    .menu-toggle span:before {
        content: "";
        bottom: -8px;
    }

    .menu-toggle span:before {
        top: -8px;
    }

    .menu-toggle.active span {
        background: transparent !important;
    }

    .menu-toggle.active span:before {
        top: 0;
        transform: rotate(-45deg);
    }

    .menu-toggle.active span:after {
        top: 0;
        transform: rotate(45deg);
    }
    /* Search-popup */

    .sidebar-search-wrap,
    .sidebar-cart-wrap {
        background: #ffffff none repeat scroll 0 0;
        border-left: 1px solid #f7f7f7;
        height: 100%;
        opacity: 0;
        position: fixed;
        right: 0;
        top: 0;
        transition: all 0.4s ease 0s;
        -moz-transition: all 0.4s ease 0s;
        -webkit-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        z-index: -1;
        width: 100%;
    }

    .sidebar-table-container,
    .sidebar-align-container {
        height: 100%;
        width: 100%;
    }

    .search-closer,
    .cart-closer {
        background: url("../images/sprite.png") -53px -1366px;
        height: 30px;
        width: 25px;
        cursor: pointer;
        float: right;
        margin: 8px 12px;
    }

    .search-container {
        clear: both;
        margin: 0 auto;
        overflow: hidden;
        padding: 40px;
        position: relative;
        text-align: center;
        top: 50%;
        transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        width: 970px;
        max-width: 100%;
        z-index: 2;
    }

    .search-container input[type="text"] {
        border-left: medium none;
        border-right: medium none;
        border-top: medium none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none;
        color: #000000;
        height: auto;
        text-align: center;
        line-height: 65px;
        max-width: 100%;
        font-size: 30px !important;
        padding: 0 !important;
        font-weight: 500 !important;
        display: block;
        background: transparent;
        border-radius: 0;
        border: 0;
        border-bottom: 1px solid #000;
    }

    .search-container span {
        color: #979797;
        float: left;
        font-size: 12px;
        letter-spacing: 0.5px;
        margin-top: 27px;
        text-transform: uppercase;
        width: 100%;
    }
    /* Cart-dropdown - */

    .header-link-dropdown {
        background: #fff;
        border-top: 3px solid #363535;
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
        -o-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
        position: absolute;
        width: 350px;
        display: inline-block;
        right: 0;
        /*top: 100%;*/
        padding: 25px;
        transition: all 0.4s ease-in-out 0s;
        -webkit-transition: all 0.4s ease-in-out 0s;
        -moz-transition: all 0.4s ease-in-out 0s;
        -o-transition: all 0.4s ease-in-out 0s;
        z-index: 3;
        display: none;
    }

    .header-right-link .link-dropdown-list>li {
        position: relative;
        padding-bottom: 15px;
        margin-bottom: 15px;
        border-bottom: 1px solid #dedede;
    }

    .cart-dropdown ul li a:hover {
        color: #979797;
    }

    .cart-dropdown .cart-list li figure {
        display: grid;
        grid-gap: 20px;
        grid-template-columns: 94px 1fr;
        align-items: center;
        padding-right: 10px;
        margin: 0;
    }

    .cart-dropdown figure>a {
        border: 1px solid #e5e5e5;
        padding: 1px;
    }

    .cart-dropdown .media-body span {
        font-weight: 500;
        margin-bottom: 5px;
        font-size: 13px;
        line-height: 18px;
        display: inline-block;
    }

    .close-cart {
        height: 15px;
        position: absolute;
        right: -7px;
        top: 1px;
        width: 15px;
    }

    .custom-qty {
        display: inline-flex;
    }

    .cart-dropdown .input-text.qty {
        background-color: transparent;
        padding: 2px 13px;
    }

    .input-text.qty {
        border: 1px solid #dedede;
        max-width: 50px;
        padding: 4px 13px;
        float: left;
        text-align: center;
        margin: 0 5px;
    }

    .cart-dropdown figcaption>span>a {
        color: #333;
    }

    .cart-dropdown .cart-price {
        font-weight: 600;
    }

    .account-link-dropdown {
        width: 280px;
    }

    .header-link-dropdown .dropdown-title {
        color: #f22a59;
        display: inline-block;
        font-weight: 600;
        margin-bottom: 10px;
        text-transform: uppercase;
    }

    .account-link-dropdown a:hover,
    .account-link-dropdown a.active {
        color: #f22a59;
    }

    .account-link-dropdown .link-dropdown-list>li:last-child {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .cart-list li {
        position: relative;
        position: relative;
        padding-bottom: 20px;
        margin-bottom: 15px;
        border-bottom: 1px solid #dedede;
    }

    .cart-menu .btn {
        padding: 8px 20px;
        margin: 0 !important;
        text-transform: none !important;
    }

    .cart-menu .btn:hover:before {
        top: 0;
    }

    .cart-dropdown figcaption {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    /*_______________________________________________________
// CONTANT STYLE  //----------------------------
_______________________________________________________*/

    .row.tab-pane {
        margin: 0;
    }
    /*--------- Banner Css ---------*/

    .home-banner {
        position: relative;
    }

    .banner-bg {
        overflow: hidden;
    }

    .banner-bg .w-100 {
        background: #f5f5f5;
    }

    .banner-img img {
        width: 100%;
    }

    .banner-top {
        font-size: 50px;
        color: #2d3031;
        font-weight: 300;
        text-transform: uppercase;
    }

    .banner-top span {
        color: #327bfa;
    }

    .banner-title {
        font-size: 60px;
        color: #2d3031;
        font-weight: 900;
    }

    .banner-title span {
        color: #979797;
    }

    .banner-sub {
        font-size: 14px;
        color: #2d3031;
        margin: 10px auto 30px;
        width: 90%;
    }

    .slider-counter {
        position: absolute;
        bottom: 70px;
        left: 50%;
        z-index: 1;
        transform: translate(-50%);
        font-size: 14px;
        color: #363535;
    }

    .banner-heading {
        padding-right: 15px;
    }

    .home-banner .owl-dots {
        padding-top: 0;
        position: absolute;
        bottom: 60px;
        left: 50%;
        transform: translate(-50%);
    }

    .active .banner-top {
        -webkit-animation-duration: 0.5s;
        animation-duration: 0.5s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        animation-name: fadeInUp;
        animation-delay: 0.5s;
    }

    .active .banner-title {
        -webkit-animation-duration: 0.5s;
        animation-duration: 0.5s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        animation-name: fadeInUp;
        animation-delay: 0.5s;
    }

    .active .banner-sub {
        -webkit-animation-duration: 0.5s;
        animation-duration: 0.5s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        animation-name: fadeInUp;
        animation-delay: 0.8s;
    }

    .active .banner-heading .btn {
        -webkit-animation-duration: 0.5s;
        animation-duration: 0.5s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        animation-name: fadeInUp;
        animation-delay: 1s;
    }
    /*----------- Featured Products Style -------------*/

    .product-isotop {
        margin-top: 10px;
        display: block;
        border: 0;
    }

    .product-isotop li {
        display: inline-block;
    }

    .product-isotop li a {
        display: inline-block;
        font-size: 16px;
        color: #979797;
        font-weight: 700;
        padding: 0px 18px;
        cursor: pointer;
    }

    .product-isotop li:first-child a {
        padding-left: 0;
    }

    .product-isotop li:last-child a {
        padding-right: 0;
    }

    .product-isotop li a.active {
        color: #2d3031;
    }

    .product-isotop li a:hover {
        color: #2d3031;
    }

    .featured-product {
        flex: 0 0 20%;
        max-width: 20%;
        padding: 0px 10px;
    }

    .featured-product.rightcol {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0px 10px;
    }

    .rightcolh2 {
        font-size: 15px;
        background: #3d4248;
        padding: 4px 8px;
        color: #fff;
        border-bottom: 3px solid #6bd9c6;
        margin-bottom: 15px;
    }

    .productright {}

    .featured-product.feature-top {
        flex: 0 0 25%;
        max-width: 25%;
        padding: 0px 10px;
    }

    .feature-top .product-img {
        border: 10px solid #f5f5f5;
        overflow: hidden;
        position: relative;
    }

    .homepage .featured .product-img {
        border: 10px solid #f5f5f5;
        overflow: hidden;
        position: relative;
        aspect-ratio: 1 / 1;
        object-fit: cover;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .product-img a img {
        aspect-ratio: 1 / 1;
        object-fit: cover;
    }

    .featured .product-img {
        border: 10px solid #f5f5f5;
        overflow: hidden;
        position: relative;
        background: #fff;
        /* aspect-ratio: 1 / 1;
    object-fit: cover; */
    }

    .product-work-des .featured .product-img {
        border: none;
    }

    .product-work-similar .featured .product-img {
        border: none;
    }

    .product-work-des .featured .product-img:hover {
        opacity: 1;
        -webkit-animation: flash 1.5s;
        animation: flash 1.5s;
    }

    @-webkit-keyframes flash {
        0% {
            opacity: 0.4;
        }
        100% {
            opacity: 1;
        }
    }

    @keyframes flash {
        0% {
            opacity: 0.4;
        }
        100% {
            opacity: 1;
        }
    }

    .product-work-similar .featured .product-img:hover {
        opacity: 1;
        -webkit-animation: flash 1.5s;
        animation: flash 1.5s;
    }

    @-webkit-keyframes flash {
        0% {
            opacity: 0.4;
        }
        100% {
            opacity: 1;
        }
    }

    @keyframes flash {
        0% {
            opacity: 0.4;
        }
        100% {
            opacity: 1;
        }
    }

    .feature-top .product-img {
        border: 10px solid #f5f5f5;
        overflow: hidden;
        position: relative;
        aspect-ratio: 1 / 1;
        object-fit: cover;
    }

    .featured-product:hover .product-img {
        box-shadow: 0px 0px 10px 1px rgb(0, 0, 0, 0.2);
    }

    .product-img a {
        display: block;
    }

    .product-name {
        display: block;
         
        font-weight: 700;
        font-size: 15px;
        line-height: 21.08px;
        color: #000000;
        margin-left: 5px;
    }

    .product-pricce {
        font-size: 15px;
         
        color: #9c27b0;
        font-weight: 400;
        margin-left: 5px;
    }

    .product-pricce a {
        font-size: 15px;
         
        color: #9c27b0;
        font-weight: 400;
        margin-left: 0px !important;
    }

    .product-artist {
        margin-left: 5px;
    }

    .product-details-btn {
        position: absolute;
        bottom: -70px;
        left: 0;
        width: 100%;
        background: #2d3031;
        padding: 10px 10px;
        visibility: hidden;
        opacity: 0;
    }

    .product-details-btn a {
        color: #fff;
    }

    .featured-product:hover .product-details-btn {
        bottom: 0;
        visibility: visible;
        opacity: 1;
    }

    .product-details-btn:hover {
        background: #3d4248;
    }

    .sale-label {
        padding: 8px 0px;
        font-size: 13px;
        position: absolute;
        background: rgb(0, 0, 0, 0.6);
        width: 100%;
        text-align: center;
        color: #fff;
        top: 45%;
    }

    .featured .tab-content>.active {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    /*----------- offer Banner Style -------------*/

    .brandpage .offer-banner {display:none;}
    .offer-banner {
        padding-top: 75px;
    }

    .offer-bg {
        background-image: url(../images/banner-3.jpg);
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 35px;
        margin-top: -35px;
    }

    .offer-bg .banner-top span {
        color: #ea2658;
    }

    .slogan {
        background: #ffffffb5;
        padding: 40px;
        width: 70%;
        max-width: 70%;
        margin: auto;
        border: 10px solid #61695e;
    }
    /*----------- Best Seller Style -------------*/

    .seller-img {
        width: 85px;
        float: left;
        border: 5px solid #f5f5f5;
    }

    .seller-img a {
        overflow: hidden;
    }

    .seller-img:hover img {
        transform: scale(1.2) rotate(10deg);
    }

    .seller-contain {
        width: calc(100% - 85px);
        float: left;
    }

    .offer-week {
        background: #f5f5f5;
        padding: 40px;
    }

    .week-img {
        background: #fff;
    }

    .week-img:hover {
        box-shadow: 0px 0px 15px 1px rgb(0, 0, 0, 0.2);
    }

    .week-head {
        font-size: 25px;
        font-weight: 700;
        color: #2d3031;
    }

    .week-sub {
        font-size: 18px;
        color: #2d3031;
    }

    .price-r,
    .price-o {
        font-size: 18px;
        color: #979797;
        text-decoration: line-through;
        font-weight: 700;
    }

    .price-o {
        color: #2d3031;
        text-decoration: unset;
    }

    .star-rating {
        direction: rtl;
    }

    .star-rating input[type="radio"] {
        display: none;
    }

    .star-rating label {
        color: #bbb;
        font-size: 18px;
        padding: 0;
        cursor: pointer;
    }

    .star-rating label:hover,
    .star-rating label:hover~label,
    .star-rating input[type="radio"]:checked~label {
        color: #f2b600;
    }

    .countdown li {
        display: inline-block;
        margin: 0px 8px;
    }

    .counter-timer {
        border: 1px solid #e4e4e4;
        width: 60px;
        height: 60px;
        line-height: 60px;
        background: #fff;
        font-size: 24px;
        color: #2d3031;
        font-weight: 700;
    }

    .day-name {
        font-size: 14px;
        color: #2d3031;
        padding-top: 5px;
    }
    /*----------- Testimonial Style -------------*/

    .team-inner {
        border: 30px solid #f5f5f5;
        padding: 130px 20px 70px 20px;
    }

    .team-img {
        width: 124px;
        height: 124px;
        border-radius: 100%;
        margin: 0 auto;
        margin-bottom: 22px;
    }

    .team-img img {
        border-radius: 100%;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .member-name {
        font-size: 18px;
        color: #979797;
    }

    .quote-c {
        background: #979797;
        width: 40px;
        height: 40px;
        line-height: 43px;
        border-radius: 100%;
        position: absolute;
        bottom: -10px;
        right: 8px;
        color: #fff;
        font-size: 22px;
    }

    .member-detail {
        color: #979797;
        font-weight: 300;
        max-width: 1100px;
        margin: 0 auto;
        padding-bottom: 40px;
    }

    label.member-name {
        font-size: 18px;
        color: #979797;
        font-weight: 700;
    }
    /*----------- Latest Blog Style -------------*/

    img.blog-photo {
        width: 70%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .lat-blog-title {
        font-family: "Muli", sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 22px;
        line-height: 60px;
        color: #222;
        margin-bottom: 10px !important;
        text-transform: none !important;
    }

    .lat-blog-title.end {
        line-height: 25px;
    }

    .lat-blog-date {
        font-size: 16px;
        color: #333333;
        display: block;
        margin: 0;
        font-family: "Muli", sans-serif;
        text-transform: none !important;
        color: #666;
        font-size: 15px;
        line-height: 2;
    }

    .blog-hading-title {
        font-size: 30px;
        position: relative;
        font-family: "Quattrocento", serif !important;
        margin-left: auto;
        margin-right: auto;
    }

    .blog-hading-title.highlights-title {
        margin-left: -25px;
    }

    .blog-hr-underline {
        width: 50px;
        float: left;
        border-top: 2px solid #111;
        margin-left: 0px;
        margin-top: 6px;
    }

    .highlights-hr-underline {
        width: 50px;
        float: left;
        border-top: 2px solid #111;
        margin-left: -25px;
        margin-top: 6px;
    }

    .lat-blog-date span {
        font-weight: 600;
    }

    .lat-blog-detail {
        font-size: 14px;
        color: #333;
        font-weight: 300;
        padding-top: 10px;
        max-height: 60px;
        overflow: hidden;
    }

    .latest-blog .owl-nav button {
        top: -53px;
        transform: unset;
        font-size: 25px !important;
        color: #dfdfdf !important;
        width: 25px;
        height: 25px;
        border: 1px solid #dfdfdf !important;
        background: transparent !important;
    }

    .latest-blog .owl-nav button:hover {
        border: 1px solid #2d3031 !important;
        color: #2d3031 !important;
    }

    .latest-blog button.owl-next:before {
        position: relative;
        top: -1px;
        left: 2px;
    }

    .latest-blog button.owl-prev {
        right: 35px;
        left: unset;
    }

    .latest-blog-img {
        position: relative;
        overflow: hidden;
    }

    .latest-blog-img::before {
        position: absolute;
        top: 0;
        left: -75%;
        z-index: 2;
        display: block;
        content: "";
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient( left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
        background: linear-gradient( to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
    }

    .latest-blog-img:hover::before {
        -webkit-animation: shine 0.75s;
        animation: shine 0.75s;
    }

    @-webkit-keyframes shine {
        100% {
            left: 125%;
        }
    }

    @keyframes shine {
        100% {
            left: 125%;
        }
    }
    /*----------- Brand Style -------------*/

    .brand-box a {
        display: inline-block;
    }

    .brand-box img:hover {
        opacity: 0.5;
    }

    .brand .owl-carousel .owl-item img {
        width: unset;
        margin: auto;
    }

    .brand .owl-nav button {
        top: 50%;
        transform: translateY(-50%);
        font-size: 25px !important;
        color: #fff !important;
        width: 35px;
        height: 45px;
    }

    .brand button.owl-next:before {
        position: relative;
        top: -1px;
        left: 2px;
    }

    .brand-box {
        padding: 0px 15px;
    }

    .brand .owl-stage {
        display: flex;
        align-items: center;
    }
    /*----------- Newsletter Style -------------*/

    .newsletter-inner {
        background: #f5f5f5;
    }

    .newsletter-title {
        font-size: 40px;
        color: #363535;
        font-weight: 700;
        padding-bottom: 15px;
    }

    .newsletter-sub {
        font-size: 16px;
        color: #333333;
        font-weight: 300;
        margin-bottom: 40px;
    }

    .newsletter form {
        max-width: 630px;
        margin: 0 auto;
        position: relative;
    }

    .newsletter-inner {
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 15px;
    }

    .newsletter .form-control {
        font-size: 14px;
        color: #363535;
        font-weight: 300;
        height: 50px;
        padding: 0px 170px 0px 35px;
        border: 1px solid #e6e6e6;
        border-radius: 50px;
        background: #fff;
    }

    .newsletter .form-group {
        margin: 0;
    }

    .newsletter .form-btn {
        color: #fff;
        background: #3d4248;
        border: 2px solid #ffffff;
        height: 50px;
        border-radius: 50px;
        width: 120px;
        position: absolute;
        top: 0;
        right: 0;
    }

    .newsletter .form-btn:hover {
        color: #6bd9c6;
        background: transparent;
    }

    .icon-r {
        display: none;
    }
    /*_______________________________________________________
// SHOP PAGE  //----------------------------
_________________________________________________________*/
    /*------- Page Banner Style ----------*/

    .page-banner-in {
        background: #ebebeb;
        padding: 86px 65px;
    }

    .page-banner-title {
        font-size: 24px;
        color: #363535;
        font-weight: 600;
    }

    .page-banner ul li {
        display: inline-block;
        font-size: 18px;
        color: #363535;
        padding: 0px 10px;
        position: relative;
        font-weight: 500;
    }

    .page-banner ul li:after {
        content: "";
        position: absolute;
        top: 3px;
        width: 1px;
        height: 18px;
        background: #363535;
        right: -1px;
        transform: rotate(20deg);
    }

    .page-banner ul li:last-child:after {
        content: unset;
    }

    .page-banner ul li a {
        color: #363535;
    }

    .page-banner ul li a:hover {
        color: #333333;
    }
    /*------- Sidebar Style ----------*/

    .sidebar-default {
        /*   padding: 0px 45px;*/
    }
    .filter-terms {
        display: inline-block;
        clear: both;
        width: 100%;
        margin-bottom: 15px;
    }
    .filter-buttons {
        text-align: center;
        margin-top: 15px;
    }

    .filter-header {
        font-size: 15px;
        line-height: 20px;
        padding: 6px;
        display: block;
        text-align: center;
        background: #9ab3c4;
        color: #fff;
    }
    .cat-title {
        color: #8b6f4c;
        font-size: 15px;
        margin-bottom: 12px;
        margin-top: 25px;
         
        border-bottom: 1px solid #6bd9c6;
        line-height: 25px;
    }

    .row.categoryinfo {
        padding: 4px 15px;
        font-size: 13px;
        color: #333;
         
    }

    .page-artopol h2,
    h3,  h3 a {
        font-weight: 700;
        line-height: 150%;
        color: #222;
        font-family: Trebuchet MS, Helvetica, sans-serif;
        font-size: 15px;
    }
    h2 a , .rate-area > * {font-size: 15px}

    .page-artopol p {
        margin-top: 25px;
        margin-bottom: 20px;
        font-size: 14px;
        line-height: 190%;
        font-weight: normal;
        color: #888;
        font-family: Trebuchet MS, Helvetica, sans-serif;
        text-align: justify;
    }

    ul.page-art li {
        list-style: inside;
        color: #333;
        font-size: 14px;
        font-weight: normal;
        color: #888;
        font-family: Trebuchet MS, Helvetica, sans-serif;
        margin-top: 5px;
    }

    .page-artopol p a {
        font-size: 14px;
        color: #888;
        font-family: Trebuchet MS, Helvetica, sans-serif;
        text-align: justify;
    }

    .page-artopol p a:hover {
        color: #6bd9c6;
    }

    h1.categoryhead {
        font-weight: bold;
        line-height: 120%;
        color: #222;
        font-family: "Muli", sans-serif;
        font-size: 22px;
        /* margin-bottom: 15px; */
    }

    .category li {
        padding: 3px 0px;
        position: relative;
    }

    .category li:first-child {
        padding-top: 0;
    }

    .category li:last-child {
        padding-bottom: 0;
    }

    .category li a {
        cursor: pointer;
        line-height: 17px;
        padding-left: 0px;
        position: relative;
         
        font-size: 12px;
        color: #333333;
    }

    .category li a:hover {
        color: #000;
    }

    .category li.active a {
        color: #000;
    }

    .category ul {
        padding: 15px 0px 5px 30px;
    }

    .category-sub {
        display: none;
    }

    .category .opener {
        display: block !important;
        color: #333333;
        position: absolute;
        top: 1px;
        right: 0;
        font-size: 11px;
    }

    .category .opener.plus:before {
        content: "\f067";
        font-family: fontawesome;
    }

    .category .opener.minus:before {
        content: "\f068";
        font-family: fontawesome;
    }

    .sidebar .btn-filter {
        font-size: 11px;
        background: #9ab3c4;
        border: unset;
        margin-bottom: 20px;
        color: #fff;
        border-radius: 0;
        text-align: center;
    }

    .sidebar .btn-filter span {
        margin-left: 5px;
    }

    .filter-by:last-child {
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: 0;
    }

    .checkbox+label.beige::before {
        background: #e9e99d none repeat scroll 0 0 !important;
        border-color: #d5d5d5;
    }

    .checkbox+label.white::before {
        background: #fff none repeat scroll 0 0 !important;
        border-color: #d5d5d5;
    }

    .checkbox+label.black::before {
        background: #0d0d0d none repeat scroll 0 0 !important;
        border-color: #d5d5d5;
    }

    .checkbox+label.orange::before {
        background: #f39c11 none repeat scroll 0 0 !important;
        border-color: #d5d5d5;
    }

    .checkbox+label.blue::before {
        background: #5d9cec none repeat scroll 0 0 !important;
        border-color: #d5d5d5;
    }

    .checkbox+label.green::before {
        background: #83c53c none repeat scroll 0 0 !important;
        border-color: #d5d5d5;
    }

    .checkbox+label.yellow::before {
        background: #f9cc16 none repeat scroll 0 0 !important;
        border-color: #d5d5d5;
    }

    .checkbox+label.pink::before {
        background: #f8989d none repeat scroll 0 0 !important;
        border-color: #d5d5d5;
    }

    .checkbox:checked+label.white::after {
        background-image: url(../images/check-box-icon-2.png);
    }

    .latest-prod {
        margin-bottom: 20px;
    }

    .product-list .featured-product {
        flex: 0 0 25%;
        max-width: 25%;
    }
    /* - Sorting CSS //---------------- */

    .shorting {
        border: 1px solid #e5e5e5;
        padding: 9px 20px;
    }

    .list-types {
        display: inline-flex;
        margin: 3px 0px 0;
        padding: 0 5px;
    }

    .list-types.grid {
        padding-left: 0;
    }

    .list-types.list {
        padding-right: 0;
    }

    .list-types-icon {
        display: inline-block;
        height: 25px;
        width: 25px;
        font-size: 25px;
        color: #969797;
    }

    .active .list-types-icon {
        color: #363535;
    }

    .list-types-icon:hover {
        color: #363535;
    }

    .list-types a {
        display: inline-flex;
    }

    .shorting select {
        font-size: 14px;
        max-width: 150px;
        padding: 7px 40px 7px 15px;
        border: 1px solid #e5e5e5;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: url(../images/select-icon.png) no-repeat scroll right 50% #fff;
        color: #333333;
    }

    .short-by {
        float: left;
        width: calc(100% - 200px);
    }

    .shorting .view {
        width: 78px;
        float: left;
    }

    .select-item {
        display: inline-block;
    }

    .short-by>span {
        float: left;
        margin: 5px 5px 3px;
        font-size: 14px;
        color: #333333;
    }

    .show-item>span {
        float: left;
        margin: 9px 10px 3px;
        font-size: 14px;
        color: #333333;
    }

    .show-item {
        display: inline-block;
        padding-left: 10px;
    }

    .show-item:first-child {
        padding-left: 0;
    }

    .compare {
        float: right;
    }

    .compare .btn {
        padding: 9px 8px;
        font-weight: 500;
        text-transform: none;
        font-size: 14px;
    }

    .pagination-bar ul {
        display: inline-flex;
    }

    .pagination-bar ul li {
        float: left;
        margin: 0 2px;
    }

    .pagination-bar ul li a {
        background: #dcdcdc;
        color: #333;
        height: 35px;
        width: 35px;
        display: inline-block;
        line-height: 35px;
        text-align: center;
    }

    .pagination-bar ul li.active a,
    .pagination-bar ul li a:hover {
        background: #363535;
        color: #fff;
    }

    .pagination-1 {
        padding: 10px;
    }
    /*_______________________________________________________
// SHOP List PAGE  //----------------------------
_________________________________________________________*/

    .product-list .featured-product-list {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .featured-product-list .product-img {
        width: 330px;
        float: left;
    }

    .featured-product-list .product-desc {
        width: calc(100% - 330px);
        padding-left: 30px;
        float: left;
        margin-bottom: 15px;
    }

    .product-detail-desc {
        font-size: 14px;
        margin-bottom: 0;
        font-weight: 300;
        margin-top: 10px;
    }

    .product-action {
        margin-top: 30px;
    }

    .product-action li {
        display: inline-block;
        padding: 1px 2px;
    }

    .product-action li:first-child {
        padding-left: 0;
    }

    .product-action li:last-child {
        padding-right: 0;
    }

.product-action li.actli a.btn.btn-color {
    width: 100%;
    background: #f37919;
}

    .product-action li.actli {
        width: 90%;
        display: block;
        float: left;
    }

    li.btn_favorite {
        width: 10%;
    }

    .product-detail-in ul li a i.fa-shopping-bag {
        margin-right: 10px;
    }

    .product-detail-in ul li a i {
        color: #fff;
        font-size: 22px;
        line-height: 36px;
    }

    .product-action .btn span {
        position: relative;
        text-transform: none;
        padding: 10px 10px;
        font-size: 15px;
        letter-spacing: 1px;
        border-radius: 2px;
    }

    .product-action .btn.wishlist {
        background: #3d4248;
        color: #ffffff;
    }

    .product-action .btn.wishlist i {
        font-size: 20px;
    }

    .product-action .btn {
        height: 50px;
        width: 50px;
        padding: 0;
        line-height: 50px;
        font-size: 20px;
        color: #333333;
    }

    .product-action .btn:before {
        content: unset;
    }

    .product-action .btn-color {
        font-size: 14px;
        width: 200px;
        color: #fff;
        line-height: 43px;
    }

.product-action .btn:hover {
    background: #9bc52a;
    color: #fff;
}
    /*_______________________________________________________
// PRODUCT DETAIL PAGE  //----------------------------
_________________________________________________________*/
    /* Product Zoom Slider start */

    .glass-case,
    .gc-display-area,
    .gc-display-container,
    .gc-display-container img {
        width: 100% !important;
        height: auto !important;
    }

    .gc-display-area {
        border: 30px solid #f5f5f5;
    }

    .gc-display-area,
    .gc-display-container {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        margin: 0 !important;
        z-index: 1;
    }

    .gc-thumbs-area {
        width: calc(100% - 100px) !important;
        display: inline-block;
    }

    .gc-thumbs-area {
        position: relative;
        top: auto !important;
        left: auto !important;
        margin-top: 10px;
    }

    .glass-case ul li .gc-li-display-container img {
        margin: 0 !important;
        top: auto !important;
        left: auto !important;
    }

    .gc-thumbs-area-main {
        position: relative;
        z-index: 1;
        max-width: 500px;
        text-align: center;
        margin: auto;
    }

    .gc-thumbs-area-prev,
    .gc-thumbs-area-next {
        top: 50%;
    }

    .gc-thumbs-area-prev {
        left: 0;
    }

    .gc-thumbs-area-next {
        right: 0;
    }

    .gc-icon-next,
    .gc-icon-prev {
        border: none;
        display: inline-block;
        height: 1.2em;
        width: 1.2em;
        transition: all 0.25s ease 0s;
        -moz-transition: all 0.25s ease 0s;
        -webkit-transition: all 0.25s ease 0s;
        -o-transition: all 0.25s ease 0s;
    }

    .gc-icon:hover {
        background: #363535;
    }

    .gc-icon-next::before,
    .gc-icon-prev::before {
        color: #333;
        top: 50%;
        right: auto;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    }

    .gc-icon:hover:before {
        color: #fff;
    }

    .gc-icon:before {
        font-family: "FontAwesome";
    }

    .gc-icon-prev::before {
        content: "\f104";
    }

    .gc-icon-next::before {
        content: "\f105";
    }

    .gc-overlay-area [class*="gc-icon-"] {
        background: #fff;
        border: none;
    }

    .gc-overlay-area [class*="gc-icon-"]:hover {
        background: #6bd9c6;
    }

    .gc-overlay-area .gc-overlay-top-icons [class*="gc-icon-"]:hover {
        background: #fff;
    }

    .gc-overlay-area .gc-overlay-top-icons .gc-icon {
        height: 35px;
        width: 35px;
    }

    .gc-overlay-area .gc-overlay-top-icons [class*="gc-icon-"]:before {
        content: "";
        height: 20px;
        width: 20px;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        right: auto;
        top: 50%;
    }

    .gc-overlay-area .gc-icon-close:before {
        background: url("../images/sprite.png") -53px -1375px;
    }

    .gc-overlay-area .gc-icon-compress::before {
        background: url("../images/sprite.png") -55px -1441px;
    }

    .gc-overlay-area .gc-icon-enlarge::before {
        background: url("../images/sprite.png") -55px -1412px;
    }

    .gc-zoom {
        z-index: 1 !important;
    }

    .glass-case ul li.gc-active,
    .glass-case ul li.gc-active:hover {
        border-color: #363535;
    }

    .product-item-name {
        font-size: 30px;
        line-height: 40px;
        color: #333333;
        font-weight: 700;
         
    }

    .price-box .price {
        font-size: 23px;
        color: #333333;
        font-weight: bold;
        line-height: 3;
         
    }

    .price-box .old-price {
        font-size: 17px;
        font-weight: 500;
        padding-left: 10px;
        color: #333333;
    }

    .star-rating {
        direction: rtl;
        display: inline-block;
        padding: 15px 20px 0px 0px;
    }

    .star-rating input[type="radio"] {
        display: none;
    }

    .star-rating label {
        color: #bbb;
        font-size: 18px;
        padding: 0;
        cursor: pointer;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .star-rating label:hover,
    .star-rating label:hover~label,
    .star-rating input[type="radio"]:checked~label {
        color: #f2b600;
    }

    .product-des {
        margin-top: 12px;
    }

    .rating-summary-block span {
        transition: all 400ms ease;
        font-size: 13px;
        color: #3d4248;
        font-weight: 700;
        font-family: sans-serif;
    }

    .rating-summary-block span:hover {
        color: #000;
    }

    .product-detail-in {
        padding-bottom: 15px;
    }

    .product-detail-in ul li i {
        color: #3d4248;
    }

    .table-listing label {
        width: 100px;
        float: left;
        padding-top: 7px;
    }

    .fill-input {
        width: calc(100% - 100px);
        float: left;
    }

    .cou-sub {
        background: transparent;
        float: left;
        border: 1px solid #e5e5e5;
        font-size: 18px;
        width: 35px;
        height: 35px;
        padding: 0;
        position: relative;
    }

    .fill-input .input-text.qty {
        width: 40px;
        height: 35px;
        padding: 0;
    }

    .fill-input .input-text.qty[type="number"]::-webkit-inner-spin-button,
    .fill-input .input-text.qty[type="number"]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        appearance: none;
    }

    .table-listing.qty {
        display: inline-block;
        width: 100%;
        margin-bottom: 8px;
        max-width: 700px;
    }

    .table-listing.qty:last-child {
        margin-bottom: 0;
    }

    select.full {
        width: 100%;
    }

    .table-listing.qty select {
        border: 1px solid #e5e5e5;
        height: 40px;
        padding: 0px 10px;
        background: url(../images/select-icon.png) no-repeat scroll right 50% #fff !important;
        -webkit-appearance: none;
        appearance: none;
    }

    .price-box .product-action {
        margin-top: 10px;
    }

    .price-box .product-action .btn {
        height: 40px;
        width: 100%;
        line-height: 40px;
        margin: auto;
        display: block;
    }

    .price-box .product-action img {
        width: 20px;
    }

    .price-box .product-action .btn-color {
        width: 455px;
        line-height: 35px;
    }

    .product-review-des {
        padding: 0;
    }

    .review-tab li {
        display: inline-block;
    }

    .review-tab li a {
        font-size: 16px;
        color: #333333;
        font-weight: 400;
        padding: 10px 30px;
        display: inline-block;
        font-family: "Quattrocento", serif;
        margin-top: 30px;
        position: relative;
        border-top: 1px solid #dedede;
        border-right: 1px solid #dedede;
    }

    .review-tab li:first-child a {
        border-left: 1px solid #dedede;
    }

    .review-tab li a#review {
        border-left-style: ridge;
        border-left-color: whitesmoke;
    }

    .review-tab li a::before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 0;
        height: 1px;
        background-color: #333333;
        transition: width 0.3s ease-out;
    }

    .review-tab li a:hover::before {
        width: 100%;
    }

    .review-tab li a.active {
        background: #f5f5f59e;
    }

    .review-tab li:first-child a {
        padding-left: 30px;
    }

    .product-review-des {
        background: #f9f9f9;
        padding: 4px 10px;
    }

    .product-review-des h2 {
		font-size: 23px;
		color: #333333;
		font-weight: 700;
		margin-bottom: 13px;
		margin-top: 15px;
		 
		padding: 10px 30px 0;
	}


    .product-review-des ul li {
        font-size: 14px;
    }

    .product-review-des ul {
        border-bottom: 0;
        padding-bottom: 0;
    }

    .related-title {
        font-size: 24px;
        color: #333333;
        margin-bottom: 15px;
    }

    .comment-part h3 {
        font-size: 22px;
        margin-bottom: 15px;
        font-size: 100%;
        color: #333;
         
    }

    .comment-part h2 {
        font-size: 24px;
        margin-bottom: 30px;
    }

    .comment-part ul ul {
        margin-left: 70px;
        width: 100%;
    }

    .comment-part ul>li {
        border-top: 1px solid #e5e5e5;
        padding-top: 20px;
        margin-top: 20px;
        position: relative;
        display: flex;
        align-items: center;
    }

    .comment-part ul>li:first-child {
        border: none;
        padding-top: 0;
        margin-top: 0;
    }

    .comment-user {
        float: left;
        margin-right: 20px;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        overflow: hidden;
        width: 100px;
    }

    .comment-detail {
        padding-right: 90px;
        width: calc(100% - 120px);
        float: left;
    }

    .comment {
        display: inline-block;
        width: 100%;
    }

    .comment .comment-detail {
        padding-right: 0;
    }

    .commenter span {
        color: #333;
        font-weight: 600;
         
        font-size: 13px;
    }

    .commenter label {
        line-height: 25px;
         
        font-size: 13px;
        color: #333333;
    }

    .commenter span.line {
        margin: 10px;
        color: #999;
    }

    .comment-detail p {
        margin-bottom: 0px;
        font-size: 13px;
        color: #666666;
    }

    .comment-detail .reply-btn {
        position: absolute;
        right: 0;
        top: 50%;
        text-transform: none;
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .comment-detail .reply-btn:before {
        content: unset;
    }

    .comment-detail .reply-btn:hover {
        background: #000;
    }

    .post-comm {
        background: #333333;
        color: #fff;
        padding: 15px 20px;
    }

    .post-comm:before {
        content: unset;
    }

    .post-comm:hover {
        background: #000;
    }
    /*_______________________________________________________
// CHECKOUT PAGE  //----------------------------
_________________________________________________________*/

    .checkout-form .form-group {
        margin-bottom: 25px;
    }

    .checkout-title {
        font-size: 24px;
        color: #363535;
    }

    h2.checkout-title {
        text-transform: none !important;
        display: block;
        margin: 2rem 0;
        font-size: 25px;
        
        font-weight: bold;
        line-height: 120%;
        color: #282f36;
    }

    .checkout-form .checkbox+label {
        font-size: 13px;
        color: #333;
         
    }

    .your-order .seller-box {
        border-bottom: 1px solid #dedede;
        padding-bottom: 30px;
        margin-bottom: 30px;
    }

    .your-order .seller-box:last-child {
        margin-bottom: 0;
    }

    .checkout-qty label {
        font-size: 14px;
        color: #888888;
    }

    .checkout-qty .info-deta {
        font-size: 14px;
        color: #363535;
        padding-left: 2px;
    }

    .subtotal-main {
        background: #f5f5f5;
        border: 1px solid #e5e5e5;
    }

    .subtotal-head {
        background: #e5e5e5;
        padding: 18px 30px;
    }

    .subtotal-head label {
        color: #333333;
        font-weight: 700;
        text-transform: uppercase;
    }

    .subtotal-head span {
        color: #333333;
        font-weight: 500;
    }

    .shiping {
        padding: 25px 30px 13px 30px;
    }

    .shiping span {
        color: #333333;
    }

    .shiping-type {
        padding: 5px 30px;
        font-size: 14px;
        color: #333333;
    }

    .shiping-type span {
        color: #333333;
        font-weight: 300;
    }

    .total-all label {
        color: #333333;
        font-weight: 700;
    }

    .total-all span {
        color: #333333;
        font-weight: 500;
    }

    .total-all {
        padding: 18px 30px 22px 30px;
    }

    .total-border {
        border-top: 1px solid #c9c9c9;
        padding: 25px 0px 0px 0px;
    }

    .your-order .btn {
        font-size: 18px;
        width: 100%;
        margin-top: 30px;
    }

    .checkout-sub {
        font-size: 16px;
        color: #363535;
        font-weight: 600;
        margin-top: 28px;
    }

    .order-note {
        border: 1px solid #ebebeb;
        padding: 20px 25px;
        margin-top: 15px;
    }

    .order-note-text {
        font-size: 14px;
        color: #b3b2b2;
        font-weight: 300;
        margin-bottom: 0;
    }

    .shiping-detail {
        padding-top: 60px;
    }
    /*_______________________________________________________
// WISHLIST PAGE  //----------------------------
_________________________________________________________*/

    .responsive-table {
        overflow-x: auto;
    }

    table.border {
        border-color: #e5e5e5 !important;
        min-width: 800px;
    }

    table.border td,
    table.border th {
        border-right: 1px solid #e5e5e5;
        vertical-align: middle;
    }

    table.border td {
        color: #979797;
    }

    .close-table {
        background: #f22a59;
        width: 15px;
        height: 15px;
        line-height: 14px;
        text-align: center;
        display: inline-block;
        border-radius: 100%;
        color: #fff;
        font-size: 12px;
        position: relative;
        top: -2px;
        margin-left: 20px;
    }

    table.border .product-name {
        display: inline-block;
    }

    table.border .price {
        font-size: 18px;
        color: #979797;
        font-weight: 700;
    }

    table.border .btn {
        padding: 14px 36px;
        font-size: 14px;
    }

    table.border .btn:before {
        content: unset;
    }

    table.border .btn:hover {
        background: #000;
    }

    table.border .btn img {
        width: 20px;
        position: relative;
        top: -3px;
        margin-right: 5px;
    }

    .share-wishlist {
        text-align: right;
    }

    .share-wishlist .btn {
        padding: 12px 10px;
        margin-top: 10px;
    }
    /*_______________________________________________________
// CONTACT PAGE  //----------------------------
_________________________________________________________*/

    .add-map {
        filter: grayscale(100%);
    }

    .add-map iframe {
        height: 700px;
    }

    .contact-box ul {
        max-width: 370px;
    }

    .contact-box ul li {
        border-bottom: 1px solid #e5e5e5;
        margin-bottom: 30px;
        padding-bottom: 30px;
    }

    .contact-box ul li .contact-thumb {
        float: left;
        margin-right: 10px;
    }

    .contact-box .contact-box-detail {
        margin-left: 35px;
    }

    .contact-box .contact-title {
        font-size: 18px;
        margin-bottom: 0;
    }

    .contact-box .contact-box-detail p,
    .contact-box .contact-box-detail a {
        margin: 0px;
        font-size: 14px;
        color: #333333;
        font-weight: 300;
    }

    .contact-head {
        font-size: 24px;
        margin-bottom: 25px;
    }

    .contact-form-detail textarea.form-control {
        height: 190px;
        padding: 15px 15px;
    }

    .contact-form-detail .btn {
        padding: 12px 25px;
    }
    /*_______________________________________________________
// Blog Left PAGE  //----------------------------
_________________________________________________________*/

    .blog-sidebar {
        border: 1px solid #e5e5e5;
        padding: 15px 15px;
    }

    .blog-categories {
        border-bottom: 1px solid #e5e5e5;
        padding-bottom: 24px;
        margin-bottom: 25px;
    }

    .blog-categories:last-child {
        border-bottom: unset;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .blog-sidebar-title {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .Categories-blog li {
        padding: 5px 0px;
    }

    .Categories-blog li:first-child {
        padding-top: 0;
    }

    .Categories-blog li:last-child {
        padding-bottom: 0;
    }

    .Categories-blog li a {
        font-size: 14px;
    }

    .Categories-blog li a:hover {
        color: #000;
    }

    .recent-blog-box {
        display: flex;
        width: 100%;
        align-items: center;
        margin-bottom: 25px;
    }

    .recent-blog-box:last-child {
        margin-bottom: 0;
    }

    .recent-img {
        width: 100px;
        float: left;
        overflow: hidden;
    }

    .recent-img img {
        transition: all 400ms ease;
    }

    .recent-img:hover img {
        transform: scale(1.1);
    }

    .recent-des {
        width: calc(100% - 100px);
        float: left;
        padding-left: 10px;
    }

    .blog-right .latest-blog-img img {
        width: 100%;
        object-fit: cover;
        min-height: 340px;
        max-height: 340px;
    }

    .blog-name {
        font-size: 16px;
        color: #2d3031;
        font-weight: 700;
        text-transform: uppercase;
    }

    .recent-des p {
        margin-bottom: 0;
        font-size: 14px;
        font-weight: 300;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .text-overflow {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .tags {
        margin: 0px -3px;
    }

    .tags li {
        display: inline-block;
        padding: 5px 3px;
    }

    .tags li a {
        background: #f5f5f5;
        display: block;
        padding: 5px 20px;
        font-size: 14px;
        color: #2d3031;
    }

    .tags li a:hover {
        background: #000;
        color: #fff;
    }
    /*_______________________________________________________
// Blog Detail PAGE  //----------------------------
_________________________________________________________*/

    .blog-detail-img {
        margin-bottom: 30px;
    }

    .blog-detail-img img {
        max-height: 700px;
        width: 100%;
        object-fit: cover;
    }

    blockquote {
        padding: 5px 0px 5px 60px;
        font-size: 18px;
        color: #333333;
        font-weight: 300;
        font-style: italic;
        margin-bottom: 0;
        position: relative;
    }

    blockquote:before {
        content: "";
        position: absolute;
        top: 0px;
        left: 45px;
        width: 1px;
        height: 100%;
        background: #f22a59;
        font-size: 18px;
    }

    .blog-detail-contain ul li {
        list-style: inside;
        font-size: 14px;
        line-height: 2.3;
        font-weight: normal;
        color: #888;
        font-family: Trebuchet MS, Helvetica, sans-serif;
        text-align: justify;
        margin-left: 25px;
        margin-top: 10px;
    }

    .blog-detail-contain ul {
        margin-bottom: 30px;
    }

    ol.art-number li {
        list-style: auto;
        font-size: 14px;
        line-height: 2.3;
        font-weight: normal;
        color: #888;
        font-family: Trebuchet MS, Helvetica, sans-serif;
        text-align: justify;
    }

    .blog-detail-contain ul li a {
        background: #e7e7e7;
        color: #282f36;
        text-align: center;
        height: 32px;
        width: 32px;
        font-size: 14px;
        margin: 0px 2px;
        padding: 8px;
        border-radius: 50%;
        display: inline-block;
        line-height: 16px;
    }

    .blog-detail-contain ul li a:hover {
        background: #000;
        color: #fff;
    }

    .blog-detail-part .line {
        height: 1px;
        width: 100%;
        background-color: #ddd;
        clear: both;
        margin: 20px 0;
        display: inline-block;
    }

    .blog-detail-contain span {
        color: #2d3031;
        display: block;
        margin: 0;
        font-size: 14px;
        margin-bottom: 8px;
    }

    .blog-detail-contain h2 {
        font-weight: bold;
        line-height: 120%;
        color: #222;
        font-family: Trebuchet MS, Helvetica, sans-serif;
        font-size: 16px;
    }

    .blog-big-title h1 {
        font-weight: bold;
        color: #222;
        font-family: Trebuchet MS, Helvetica, sans-serif;
        font-size: 30px;
        margin-bottom: -5px;
    }

    .blog-detail-contain h3 {
        font-weight: bold;
        line-height: 120%;
        color: #222;
        font-family: Trebuchet MS, Helvetica, sans-serif;
        font-size: 14px;
        padding-top: 20px;
    }

    .blog-detail-contain h4 {
        font-weight: bold;
        line-height: 120%;
        color: #222;
        font-family: Trebuchet MS, Helvetica, sans-serif;
        font-size: 15px;
    }

    .blog-detail-contain p {
        margin-top: 10px;
        margin-bottom: 20px;
        font-size: 14px;
        line-height: 180%;
        font-weight: normal;
        color: #888;
        font-family: Trebuchet MS, Helvetica, sans-serif;
        text-align: justify;
    }

    .blog-date span {
        font-family: "Muli", sans-serif;
        line-height: 4;
        font-weight: normal;
        color: #666;
        font-size: 14px;
    }

    ul.btn-share {
         
        font-size: 13px;
        line-height: 21px;
        color: #333;
        font-weight: 600;
        float: right;
        margin-top: 35px;
    }

    ul.btn-share li {
        display: inline-block;
        margin: 4px;
    }
    /*_______________________________________________________
// Cart PAGE  //----------------------------
_________________________________________________________*/

    select.quantity_cart {
        background: url(../images/select-icon.png) no-repeat scroll right 50% #fff !important;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: 1px solid #e5e5e5;
        padding: 8px 24px 8px 5px;
        line-height: 22px;
    }

    table.border td ul li {
        display: inline-block;
        padding: 0px 2px;
    }

    table.border td ul li a {
        background: #2d3031;
        color: #fff;
        width: 40px;
        height: 40px;
        line-height: 40px;
        display: block;
        font-size: 20px;
    }

    table.border td ul li a:hover {
        background: #000;
    }

    .share-wishlist.shoping-con {
        text-align: left;
    }

    .estimate {
        border-top: 1px solid #e5e5e5;
        margin-top: 30px;
        padding-top: 25px;
    }

    .payable {
        color: #212529 !important;
    }

    .cart-total-table table.border td,
    .cart-total-table table.border th {
        border-right: 0;
    }

    .cart-total-table table.border {
        min-width: unset;
    }

    .cart-total-table table.border .price {
        color: #212529;
    }

    .desk-sherif-h {
        font-family: Quattrocento, serif;
        font-style: normal;
        font-weight: 400;
        font-size: 47px;
        line-height: 52px;
        margin-left: -15px;
    }

    section#cart.col-md-8.cart-m-one-section {
        margin-top: 30px;
        margin-bottom: 60px;
    }

    .cart {
        margin-top: 30px;
        margin-bottom: 60px;
    }

    .k-mb-20 {
        margin-bottom: 20px !important;
    }

    .cart-img-mr {
        margin-right: 20px;
    }

    .cart-fist-details .cart-fist-d-m {
        margin-bottom: 5px;
        margin-left: -15px;
    }

    .cart-fist-details h3 a {
        font-size: 16px;
        line-height: 22px;
        color: #333;
        font-weight: 700;
        text-decoration: underline;
         
    }

    .cart-fist-details .prod-cart-title {
        font-size: 23px;
        line-height: 32px;
        color: #333;
        font-weight: 700;
         
    }

    .cart-price-section,
    .cart-remove-section {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: end;
        justify-content: flex-end;
        margin-bottom: 5px;
    }

    .cart-price-section .cart-price-section_price {
        color: #333;
        margin-bottom: 0;
        font-weight: 900;
         
    }

    #cart-info .cart-sheet-row {
        display: flex;
        /*margin-bottom: 5px;*/
    }

    #cart-info .cart-sheet-row .descrip-cart-title {
        font-size: 15px;
        line-height: 22.5px;
        min-width: 150px;
        color: #999;
         
    }

    #cart-info .cart-sheet-row .descrip-cart-value {
        font-size: 15px;
        line-height: 22px;
        color: #333;
         
    }

    #cart-info .cart-sheet-row .descrip-cart-value span {
        font-size: 15px;
        line-height: 22.5px;
         
    }

    #addToCartButton.btn:before {
        content: "";
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        z-index: -1;
        transition: all 400ms ease;
    }

    #addToCartButton.btn:hover {
        background: #6bd9c6;
    }

    .cart-remove-section {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: end;
        justify-content: flex-end;
        margin-bottom: 5px;
    }

    .cart-remove-section .cart-remove-text {
        font-size: 15px;
        text-decoration: underline;
         
        color: #000;
    }

    #summary-id {
        margin-bottom: 35px;
    }

    #summary-id .summery-header {
        margin-bottom: 15px;
    }

    #summary-id h4 {
        font-size: 19px;
        line-height: 24px;
        font-weight: 700;
        margin: 0;
    }

    #summary-id hr {
        color: #888;
        height: 1px;
        margin: 0;
        background-color: currentColor;
        border: 0;
        opacity: 0.25;
    }

    #summary-id .summery-header hr {
        margin: 5px -15px -15px -14px;
    }

    .k-lg-btn:before {
        color: red;
    }

    .k-pt-5 {
        padding-top: 5px !important;
    }

    #summary-id .cart-thumbnail-pic {
        max-width: 90px;
    }

    #summary-id h4 {
        font-size: 19px;
        line-height: 24px;
        font-weight: 700;
        margin: 0;
         
        color: #000;
    }

    #summary-id .summery-texts {
        margin-top: 5px;
        margin-bottom: 10px;
    }

    .k-mb-10 {
        margin-bottom: 10px !important;
    }

    .all-body-n {
         
        font-weight: 400;
        font-size: 15px;
        line-height: 22.5px;
        color: #000;
    }

    .all-body-n.black-text {
        border: 0px;
        margin-top: 15px;
    }

    /*.cart-name p {
        border: 0px;
        float: right !important;
        position: absolute;
        margin-top: 40px;
    }*/

    .cart-price-section.k-mt-5 p {
        font-size: 15px;
        line-height: 10px;
         
        color: #000;
    }

    .cart-price-section {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: end;
        justify-content: space-between;
        margin-bottom: 5px;
    }

    .k-mt-5 {
        margin-top: 5px !important;
    }

    .k-mt-5 {
        margin-top: 5px !important;
        margin-left: 0px;
    }

    .k-mt-5 p {
        margin-right: 5px;
    }

    .k-pt-5 {
        padding-top: 5px !important;
    }

    #summary-id span {
        font-size: 15px;
        line-height: 22.5px;
        color: #666;
         
    }

    .cart-price-section .cart-price-section_price {
        color: #333;
        margin-bottom: 0;
        font-weight: 700;
         
    }

    .d-black-btn {
        color: #fff;
        background-color: #282f36;
        border-color: #fff;
        text-transform: none;
    }

    .k-lg-btn {
        padding: 10px 10px;
        font-size: 1.125rem;
        border-radius: 2px;
        margin-left: 0px;
        margin-top: -10px;
    }
    /*--------- About us PAGE ---------*/

    .about-title {
        font-size: 35px;
        margin-bottom: 10px;
    }

    .about-des:last-child {
        margin-bottom: 0;
    }
    /*--------- 404 Error PAGE ----------*/

    .error-part .main-text {
        color: #aaa;
        font-size: 200px;
        line-height: 200px;
        font-weight: 700;
    }
    /*-------- Login Page ---------*/

    .login .billing-details {
        max-width: 600px;
        margin: -30px auto;
        margin-bottom: 100px;
    }

    .login-btn-g .btn {
        padding: 10px 25px;
        text-transform: none;
    }

    .login-btn-g .right-side {
        background: rgb(40 47 54);
        font-size: 15px;
        border-radius: 5px;
        padding: 10px 15px;
    }

    button.right-side {
        background: #3d4248;
        font-size: 15px;
        border-radius: 5px;
        padding: 10px 15px;
    }

    .login-btn-g .right-side:hover {
        background: #6bd9c6;
    }

    button.right-side:hover {
        background: #6bd9c6;
    }

    .login-btn-g {
        border-bottom: 1px solid #6bd9c6;
        padding-bottom: 30px;
        margin-bottom: 30px;
    }

    .login-btn-g .check-box {
        padding-top: 8px;
    }

    .forgot-password {
        display: inline-block;
        line-height: inherit;
        text-decoration: none;
        color: #d7a05b;
         
        font-size: 14px;
    }

    .new-account .link {
        display: inline-block;
        line-height: inherit;
        text-decoration: none;
        color: #d7a05b;
         
        font-size: 15px;
    }

    .new-account .link:hover {
        color: #979797;
    }
    /*----------- Top Scrolling Style -------------*/

    .top-scrolling {
        position: fixed;
        bottom: 20px;
        right: 20px;
        z-index: 2;
        opacity: 0;
        visibility: hidden;
        transition: all 400ms ease;
    }

    .top-scrolling.sticky {
        opacity: 1;
        visibility: visible;
    }

    .top-scrolling a {
        display: block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        background: #363535;
        border-radius: 100%;
        color: #fff;
        font-size: 30px;
    }

    .top-scrolling a:hover {
        background: #000;
    }
    /*----------- Footer Style -------------*/

    .footer-inner {
        display: flex;
        justify-content: space-between;
        margin: 0px -15px;
    }

    .footer-box {
        padding: 0px 15px;
    }

.footer.footer.pt-100 {
    background-color: #a7b0b9;
    padding-top: 25px;
}
    .footer-static .opener {
        display: none;
    }

    .footer-desc {
        font-size: 14px;
        color: #333333;
        font-weight: 300;
        max-width: 330px;
        padding-top: 10px;
        margin-bottom: 0;
    }

    .footer-title {
        color: #111;
         
        font-size: 15px;
        font-weight: normal;
        line-height: 25px;
        margin-bottom: 20px;
    }

    .footer-box ul li a {
        height: 25px;
         
        font-size: 14px;
        line-height: 22px;
        color: #fff;
    }

    .footer-static .hr-underline {
        width: 35px;
        float: left;
        border-top: 2px solid #333;
        margin-left: 0px;
        margin-top: -19px;
    }

    .footer-box ul li a:hover {
        color: #9e9e9e;
        text-decoration: underline;
    }

    .footer-contact li {
        padding-bottom: 20px;
        display: flex;
        width: 100%;
        align-items: flex-start;
    }

    .footer-contact li:last-child {
        padding-bottom: 0;
    }

    .footer-contact a {
        width: calc(100% - 26px);
        float: left;
        padding-left: 10px;
    }

    .footer-contact ul li a {
        text-decoration: unset !important;
    }

    .footer-contact img {
        width: 26px;
        float: left;
    }

    .footer-box ul li span {
        width: calc(100% - 26px);
        float: left;
        padding-left: 10px;
    }

    .copy-right {
        border-top: 4px solid #e8e8e8;
        padding: 27px 0px;
    }

    .copyright-text {
        color: #e8e8e8;
        font-size: 12px;
        line-height: 22px;
    }

    .copyright-text a {
        color: #fff;
    }

    .copyright-text a:hover {
        color: #2a2b2c;
        text-decoration: underline;
    }

    .copy-right ul {
        text-align: right;
    }

    .copy-right ul li {
        display: inline-block;
        padding-left: 8px;
    }

    .copy-right ul li a {
        background: #e0e0e0;
        display: block;
        width: 45px;
        height: 45px;
        line-height: 45px;
        text-align: center;
        border-radius: 100%;
    }

    .copy-right ul li a:hover {
        color: #fff;
        background: #6bd9c6;
    }
    /*_______________________________________________________
// PRODUCT DETAIL  //----------------------------
_________________________________________________________*/

    .gc-thumbs-area {
        position: absolute;
        background-color: transparent;
        left: 0px !important;
    }

    .product-detail-in-row-cell h3 a {
        font-size: 16px;
        color: #333333;
        text-decoration: underline;
         
    }

    #breadcrumb p {
        margin-top: 0;
        margin-bottom: 1rem;
    }

    #bread-top #breadcrumb p {
        margin-top: -20px;
        margin-bottom: 3rem;
    }

    #breadcrumb a:after {
        content: ">";
        margin: 0 8px;
        color: #6bd9c6;
    }

    #breadcrumb span.last {
        cursor: pointer;
        text-decoration: none;
        color: #333333;
         
        font-weight: 400;
        font-size: 12px;
        line-height: 14.4px;
    }

    #breadcrumb a:hover {
        color: #6bd9c6;
    }

    .product-des p {
        font-size: 12px;
        color: #3d4248;
        font-weight: 600;
         
    }

    .product-service {
        padding-top: 20px;
        padding-bottom: 10px;
    }

    .product-service ul li i {}

    .product-service ul li {
        font-size: 15px;
        line-height: 24px;
        color: #3d4248;
        font-family: sans-serif;
        font-weight: 400;
    }

    .descrip-title p {
        font-size: 15px;
        line-height: 22px;
        min-width: 150px;
        color: #7a7a7a;
        font-weight: 500;
        margin-bottom: inherit;
    }

    .price-box .mt-20 span {
        color: #333;
        font-weight: 600;
        font-size: 14px;
    }
    /*_______________________________________________________
// BRAND //----------------------------
_________________________________________________________*/

    .cat-btn {
        background: #efefef;
        padding: 8px;
        margin-right: 11px;
        border: 1px solid #cccccc;
        border-radius: 4px;
        font-size: 17px;
        min-width: auto;
        white-space: nowrap;
        text-align: center;
        cursor: pointer;
         
        color: #080808;
    }

    label.cat-btn:hover {
        background: #6bd9c6;
        border-color: #936936;
        color: #fff;
    }

    #serch-by-texts a {
        margin: 0px 10px;
        color: #6bd9c6;
        text-transform: uppercase;
        font-size: 15px;
         
    }

    .content-header {
        font-size: 15px;
        margin-top: 30px;
        margin-bottom: 30px;
        color: #333333;
    }

    .container.boxed-container {
        margin: 0px;
        padding: 0px;
    }

    #serch-by-texts .container {
        display: flex;
        justify-content: center;
    }

    .btn.k-btn.d-gray-border-btn {
        color: #333;
        border-color: #3d4248;
        text-transform: none;
         
        font-weight: 900;
        padding: 9px;
        font-size: 13px;
    }

    .btn.k-btn.d-gray-border-btn:hover {
        color: #fff;
    }

    .btn.k-btn.d-gray-border-btn::before {
        background: #3d4248;
    }

    .discover-artists-theme-box {
        padding: 20px 10px;
        margin-top: 60px;
        background: #efefef;
    }

    .discover-artists-theme-box .discover-artists-theme-header {
         
        font-weight: 400;
        font-size: 25px;
        line-height: 32.24px;
        color: #333;
    }

    .discover-artists-theme-box .discover-artists-theme-header p {
        margin-top: 10px;
    }

    .discover-artists-theme-box .discover-artist-data.row {
        margin-right: -10px;
        margin-left: -10px;
    }

    .discover-artists-theme-box .discover-artist-data.row .squre-box-item {
        width: 20%;
        margin-bottom: 20px;
    }

    .ratio-16x9 {
        --bs-aspect-ratio: calc(9 / 16 * 100%);
    }

    .ratio {
        position: relative;
        width: 100%;
    }

    .k-mt-10 {
        margin-top: 10px !important;
    }

    .black-text {
        color: #000;
    }

    .all-h3 {
         
        font-weight: 900;
        font-size: 16px;
        line-height: 20.08px;
    }

    .discover-artists-theme-box .discover-artist-data.row .squre-box-item {
        width: 20%;
        margin-bottom: 20px;
        padding: 10px;
    }

    .brand-banner.container-fluid {
        background: #42a2c6;
        color: #fff;
        padding: 20px;
        position: relative;
        border-bottom: 6px solid #3bdbff;
    }

    .k-mt-20 {
        margin-top: 20px !important;
    }

    .kooness-2022 {
        margin-bottom: 20px !important;
    }

    .brand-banner.container-fluid .top-header {
        font-size: 40px;
         
        line-height: 44.3px;
        margin-bottom: 10px;
    }

    .brand-banner.container-fluid p {
        font-size: 18px;
         
    }

    .brand-banner.container-fluid .right-text {
        width: 100%;
        text-align: right;
        display: block;
        position: absolute;
        color: #fff;
        right: 20px;
        bottom: 20px;
        font-size: 16px;
        font-weight: 700;
        text-decoration: underline;
         
    }

    .secton-padding {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .sign-up.container-fluid {
        background: #f5e2ced1;
        color: #000;
        border-radius: 4px;
        padding: 25px 53px;
        /* display: -webkit-box; */
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
        position: relative;
    }

    .sign-up.container-fluid span {
        font-size: 29px;
        letter-spacing: 2px;
        font-weight: 900;
    }

    .sign-up-text {
        max-width: 531px;
         
        font-size: 18px;
        font-style: normal;
        color: #7c6344;
        letter-spacing: 1px;
    }

    .sign-up-text p {
        line-height: 35.2px;
    }

    .form-col {
        margin-left: 24px;
    }

    .sign-up-form {
        display: flex;
        align-items: center;
    }

    .form-email {
        width: 300px;
        margin-right: 20px;
    }

    .form-email input {
        width: 100%;
        height: 40px;
        padding: 10px;
        border: none;
        border-radius: 4px;
         
        font-style: normal;
        font-size: 14px;
        color: #0b514a;
        font-weight: 400;
        line-height: 22px;
    }

    .form-submit input {
        width: 80px;
        height: 30px;
        background-color: transparent;
        border: 1px solid #333;
        border-radius: 2px;
        font-size: 12px;
        line-height: 22px;
        font-weight: 700;
        color: #333;
    }

    .all-body-s {
         
        font-weight: 400;
        font-size: 12px;
        color: #000;
    }

    a.all-body-s {
         
        font-weight: 400;
        font-size: 12px;
        color: #000;
        margin-left: -30px;
    }

    a.all-body-s:hover,
    .m-gray-text:hover {
        color: #6bd9c6;
    }

    .default-sheet-row-cell {
        padding-bottom: 7px;
    }

    .product-title-name .product-name {
        display: block;
         
        font-weight: 700;
        font-size: 15px;
        line-height: 16px;
        color: #000;
        margin-left: 0px;
    }

    .m-gray-text {
        color: #999;
    }

    .product-cost .product-pricce {
        font-size: 15px;
         
        color: #9c27b0;
        font-weight: 400;
        margin-left: 0px;
    }

    .container.first .mb-25 {
        margin-bottom: 0px;
    }

    .featured.pt-70 {
        padding-top: 40px;
        margin-right: 15px;
        margin-left: 15px;
        padding-bottom: 40px;
    }

    .brand-art .row .featured-product {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .product-desc#brands .product-artist {
        display: block;
         
        font-weight: 700;
        font-size: 15px;
        line-height: 21.08px;
        color: #000000;
        margin-left: 5px;
    }

    .product-desc#brands .product-artist:hover {
        color: #6bd9c6;
    }

    .product-desc#brands .product-name {
        font-family: Mulish, sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 14.4px;
        color: #333;
    }

    .blog-detail-contain ul li a:hover {
        background-color: #e7b577;
    }

    .category-content.filter-by .category {
        max-height: 300px;
        overflow-y: auto;
    }

    .theme-cat-checkbox:checked+label {
        background: #6bd9c6 !important;
        border-color: #936936 !important;
        color: #fff !important;
    }

    .iletisimsag {
        font-size: 13px;
        line-height: 22px;
        min-width: 150px;
        color: #7a7a7a;
        font-weight: 500;
        margin-bottom: inherit;
    }

    .iletisimsag a {
        font-size: 13px;
        line-height: 22px;
        min-width: 150px;
        color: #7a7a7a;
        font-weight: 500;
        margin-bottom: inherit;
    }

    .iletisimsag a:hover {
        color: #6bd9c6;
    }

    .iletisimsol {
        color: #333;
        font-weight: 900;
        font-size: 14px;
         
    }

    .sayfabaslik strong {
        color: #333;
        font-weight: 900;
        font-size: 16px;
         
        line-height: 2;
    }

    .new-account span {
        font-size: 15px;
        font-weight: normal;
        color: #888;
         
    }

    .fa-heart-o.text-white {
        color: #fff !important;
        font-size: 20px;
        padding: 15px;
    }

    .product-compare .column {
        padding: 20px;
        border-bottom: 2px solid #ffffff;
    }

    a.ask-price {
        font-size: 15px;
         
        color: #9c27b0;
        font-weight: 400;
        margin-left: 5px;
    }

    a.ask-price-detail {
        font-size: 15px;
         
        color: #9c27b0;
        font-weight: 400;
        margin-left: 0px;
    }

    .product-review-in ul li {
        line-height: 2.3;
        text-align: justify;
        margin-left: 25px;
        font-size: 14px;
        color: #333333;
         
        padding: 0px 10px;
        font-weight: 400;
    }

    .product-review-in ul {
        margin-bottom: 20px;
    }

    .product-review-in h3 {
        padding-left: 30px;
    }

    .product-review-in h4 {
        padding-left: 30px;
    }

    .page-artopol.middle_title strong {
        color: #222;
    }

    .blog-detail-contain p a strong {
        text-decoration: underline;
    }

    .blog-detail-contain p strong a {
        text-decoration: underline;
    }

    .blog-detail-contain p a {
        text-decoration: underline;
    }

    .blog-detail-contain p a:hover {
        color: #6bd9c6;
    }

    .blog-detail-contain p a strong:hover {
        color: #6bd9c6;
    }

    .blog-detail-contain p strong a:hover {
        color: #6bd9c6;
    }
    /*..............COMPARE PRODUCT..............*/

    button.compare_btn {
        font-size: 12px;
        font-weight: 600;
        color: #333;
        border: 1px solid #9e9e9e73;
        border-radius: 5%;
        padding: 4px 5px;
        text-transform: none;
        float: right;
        margin-top: -10px;
        margin-bottom: 15px;
         
    }

    button.compare_btn.active::before {
        left: 0;
    }

    button.compare_btn.active {
        color: white;
    }

    .row.compare_img {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .row.compare_img .featured-product.feature-top {
        flex: 0 0 35%;
        max-width: 35%;
        padding: 0px 50px;
    }

    .compare-features {
         
        font-size: 11px;
        font-weight: bold;
        color: #404042;
        letter-spacing: 1px;
        background: #f5f5f5c4;
        text-transform: uppercase;
    }

    .compare-properties .column {
        border-bottom: 2px solid #f7f7f7;
    }

    .compare-properties .column span {
        font-weight: bold;
        border-color: #e6e6e6;
         
        font-size: 13px;
        color: #404042;
        float: end;
        text-align: left;
    }

    .compare-properties {
        max-width: 29%;
        margin: 30px;
        margin-top: 0px;
        margin-bottom: 0px;
    }
    /*..............BRAND DETAİL..............*/

    h1.artist-title {
        font-size: 32px;
        color: #000;
        font-weight: 700;
         
        margin-bottom: -15px !important;
        margin-left: -5px;
        margin-top: -7px;
    }

    .year-wrapper .artist-year {
        font-size: 16px;
        line-height: 20px;
        color: #000;
        font-weight: 900;
        margin-bottom: 20px;
         
    }

    .k-mb-15 {
        margin-bottom: 15px !important;
    }

    .year-wrapper .artist-place {
        margin-top: 10px;
        display: block;
         
        color: #000;
        font-size: 16px;
    }

    .all-body-n.d-green-text p {
         
        font-size: 15px;
        color: #bb7246;
        margin-top: -10px !important;
        margin-left: -4px;
    }

    .all-body-n.d-green-text b {
        font-weight: bolder;
        color: #b9721a;
    }

    .descrip-row {
        display: flex;
    }

    .descrip-title-brand {
        font-size: 15px;
        line-height: 22px;
        min-width: 150px;
        color: #000;
         
    }

    .descrip-value p {
        font-size: 15px;
        color: #000;
         
    }

    .container-fluid {
        padding-left: 40px;
        padding-right: 40px;
    }

    .artist-about-category {
        padding-top: 15px;
        padding-bottom: 20px;
    }

    h2.accordion-header {
        font-size: 24px;
        font-family: Quattrocento, serif;
        font-weight: 400;
        color: #333;
        margin-bottom: 15px;
        margin-left: -7px;
    }

    section.background-accordion-color.section-padding {
        background: #f6f6f6;
        padding: 50px 30px;
    }

    span.text-danger {
        color: #d37e14 !important;
         
        font-weight: 900;
        font-size: 15px;
        line-height: 19.08px;
    }

    .artist-about-category ul {
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .artist-about-category ul li {
        margin: 10px 10px;
        margin-bottom: 0px;
    }

    .artist-about-category ul li a {
         
        font-size: 16px;
        color: #000;
    }

    h1.welcome {
        display: block;
        font-weight: bold;
        color: #3d4248;
        font-family: "Muli", sans-serif;
        font-size: 25px;
        margin-top: -55px;
        margin-bottom: 30px;
        margin-left: 30px;
    }

    .accordion-item:first-of-type {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .accordion.squrebox-wrapper {
        border-top: 1px solid white;
        margin-bottom: 30px;
        margin-left: -48px;
        margin-top: -30px;
    }

    h2#artistHeadingOne.accordion-header {
        font-size: 24px;
        font-family: "Quattrocento", serif;
        font-weight: 500;
        color: #333;
        margin-bottom: 5px;
        margin-top: 50px;
        margin-left: 15px;
    }

    .brand-title-line hr {
        margin-top: 10px;
        margin-bottom: 10px;
        border: 0;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        max-width: 98%;
        margin-left: 15px;
    }

    .accordion-body p {
        font-size: 14px;
        color: #333;
         
        padding: 9px 16px;
        line-height: 22px;
        font-weight: 400;
    }

    .accordion-body ul li {
        font-size: 14px;
        color: #333;
         
        padding: 5px 20px;
        line-height: 20px;
        font-weight: 400;
        list-style: inside;
    }

    .show-more-content-inner h3 {
        margin-top: -25px;
        margin-left: 15px;
    }

    .new-label {
        padding: 6px 0px;
        font-size: 13px;
        position: absolute;
        background: #009688;
        width: 30%;
        text-align: center;
        color: #ffffff;
        top: 0%;
        font-weight: 600;
    }

    .seller-contain.pl-15 a {
        font-size: 13px;
        margin-right: -5px;
    }

    .seller-contain.pl-15 span {
        font-size: 13px;
        margin-right: -5px;
    }
    /*..............PRODUCT LIST - MORE BUTTON..............*/

    .more-btn {
        border: 1px solid #fff;
        padding: 10px 20px;
        text-transform: uppercase;
        font-family: oswald;
        font-size: 14px;
        color: #333;
        text-decoration: none;
        position: relative;
        padding-top: 20px;
        letter-spacing: 1px;
    }

    .more-btn::before {
        content: "";
        position: absolute;
        width: 75%;
        height: 2px;
        bottom: 3px;
        left: 14px;
        background-color: #333;
        visibility: hidden;
        transform: scaleX(0);
        transition: all 0.5s ease-in-out;
    }

    .more-btn:hover::before {
        visibility: visible;
        transform: scaleX(1);
    }
    /*..............AUCTIONS..............*/

    .auction-title h1.uppercase {
		font-size: 30px;
		 
		font-weight: 600;
		color: #333;
		margin-top: -20px;
		margin-bottom: 30px;
	}
    .auction-title hr {
        margin-bottom: 35px;
    }

    .auction-card {
        top: -20px !important;
    }

    .cardbody a.lat-blog-title.text-uppercase.auction-body {
        line-height: inherit;
        margin-top: 10px;
        margin-bottom: 20px !important;
        font-size: 17px;
         
        color: #333;
        font-weight: 700;
    }

    .cardbody hr {
        margin-top: -2px;
        margin-bottom: 35px;
    }

    .cardbody .lat-auction-date.text-uppercase span {}
	.cardbody .lat-auction-date.text-uppercase {
		font-size: 16px;
		margin-top: -20px;
		color: #cc3300;
		text-align: center;
		font-family: "Muli", sans-serif;
		text-transform: none !important;
	}

	.auction .remaining{text-align: center;}
.auction_detail .page-title {}
.auction_detail h1.uppercase.auction-title {
    margin-bottom: 10px;
}
.auction_detail .detail_remaining {
    display: block;
    margin-bottom: 30px;
}
	/**/
.top-active {
    background: #3d4248;
    padding: 4px 15px;
    display: block;
}
.top-active .user_act {
    text-align: right;
    height: 20px;
    padding: 4px;
    right: 0;
}
.top-active .user_act a {
    color: #fff;
    float: right;
    display: block;
    line-height: 14px;
    margin: 0 10px;
}
    /*..............AUCTIONS DETAIL..............*/

    h1.uppercase.auction-title {
        margin-top: -25px;
        font-size: 25px;
         
        color: #333;
        font-weight: 900;
        margin-bottom: 40px;
        text-transform: uppercase;
    }

    #auction-product {
        margin-top: -5px;
    }

    #auctions-price {
        float: right;
        margin-top: -35px;
    }

    hr.auction-line {
        margin-top: 0px;
    }

    button.acution-follow-btn,
    button.acution-pey-btn {
        color: #333;
        background: #f0f0f0;
        border: 1px solid #d9d9d97d;
        height: 28px;
        width: 81px;
        font-size: 12px;
         
        font-weight: 900;
        box-shadow: 2px 2px 4px #b1b1b1;
    }

    button.acution-pey-btn {
        margin-left: 20px;
    }

    button.acution-follow-btn:hover,
    button.acution-pey-btn:hover {
        background: #6bd9c6;
        color: #fff;
    }

    .auction-last-price {
        font-size: 14px;
        margin-left: 13px;
        margin-right: -9px;
        margin-top: 10px;
        color: #333;
        font-weight: 600;
        font-family: 'Mulish', sans-serif;
    }

    #auction_starting_price {
        margin-top: 20px;
    }

    .auction-price-item,
    .auction-follow-item {
        color: #333;
        font-size: 12px;
         
        text-align: center;
    }

    .auction-follow-item {
        margin-left: 23px;
    }

    .modal-content {
        position: relative;
        display: flex;
        width: 60%;
        background-color: #fff;
        border: 2px solid rgb(217 217 217);
        border-radius: 5px;
        flex-direction: column;
        font-size: 13px;
    }
    .modal-content label {padding: 4px 0;}
    .modal-footer {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        padding: 1rem;
        border-top: 1px solid #dee2e6;
        border-bottom-right-radius: 0.3rem;
        border-bottom-left-radius: 0.3rem;
    }

    .modal-pey-btn {
        color: #fff;
        background: #1f2124;
        border: 1px solid #c1bcbc;
        height: 33px;
        width: 81px;
        font-size: 13px;
         
        font-weight: 900;
        border-radius: 5px;
    }

    .modal-pey-btn:hover {
        background: #6bd9c6;
    }

    .alert-danger {
        color: #721c24;
        background-color: #f8d7da;
        border-color: #f5c6cb;
        font-size: 13px;
        height: 58px;
    }

    .modal-body p {
        color: #333;
        font-size: 15px;
         
        text-align: center;
        margin-top: 7px;
    }

    .modal-plus {
        float: right;
        margin-top: -25px;
    }

    .hidden-pey {
        color: #333;
        font-size: 14px;
         
        background: #fff;
        max-width: 75%;
        height: 63px;
        margin-top: 25px;
        margin-bottom: -30px;
        border-radius: 5px;
    }

    .hidden-pey label {
        margin-top: 10px;
        margin-left: 10px;
        margin-bottom: 5px;
    }

    .modal-body {
        position: relative;
        flex: 1 1 auto;
        padding: 1rem;
        margin-bottom: 15px;
    }

    .hidden-pey span {
        margin-top: 7px;
        margin-left: 10px;
        margin-bottom: 5px;
        font-size: 22px;
        font-weight: 900;
    }

    button.modal-pey-increase {
        border: none;
        background: #fff;
        height: 45px;
        width: 45px;
        border-radius: 5px;
    }

    .fa-2x {
        font-size: 20px;
        color: #1f2124;
    }
    /*..............MY ORDERS..............*/

    .dataTables_wrapper .dataTables_length label {
        text-align: left;
        white-space: nowrap;
        font-size: 13px;
        text-transform: capitalize;
    }

    #data-table_wrapper.dataTables_wrapper .dataTables_length select {
        height: 25px !important;
        width: 35% !important;
        display: inline-block;
    }

    .dataTables_length label select.form-control-sm {
        background-color: #eeeeeed9 !important;
        line-height: 20px;
        padding: 0px !important;
        padding-left: 5px !important;
    }

    .dataTables_wrapper .dataTables_filter input {
        width: 81% !important;
        height: 20px;
        background: #f1f1f1 !important;
        margin-bottom: 7px;
    }

    table.dataTable {
        clear: both;
        margin-top: 6px !important;
        margin-bottom: 6px !important;
        max-width: none !important;
    }

    .table-bordered {
        border: 1px solid #ededed;
    }

    .dataTables_wrapper .dataTables_info {
        padding-top: 0.85em;
        white-space: nowrap;
        font-size: 13px;
    }

    th.sorting_desc,
    th.sorting,
    th.sorting_disabled {
        font-size: 14px !important;
         
        font-weight: 900;
        color: #333;
    }

    tr.odd {
        font-size: 13px;
         
        color: #333;
    }

    .badge {
        padding: 6px 4px;
    }

    .badge-danger {
        color: #fff;
        background-color: #dc3545;
    }

    .badge-pill {
        padding-right: 0.6em;
        padding-left: 0.6em;
        border-radius: 3px;
    }

    .dataTables_wrapper .dataTables_paginate ul.pagination {
        margin: 15px 15px !important;
        white-space: nowrap;
        justify-content: flex-end;
    }

    .pagination {
        display: flex;
        list-style: none;
        border-radius: 3px;
    }

    .my-order-title h4 {
        font-size: 23px;
        font-family: "Quattrocento", serif;
        color: #333;
        margin-bottom: 5px;
        margin-top: 10px;
        letter-spacing: 1px;
    }


.newThemesClass{
    font-weight: 300;
}

.product-desc .brand.text-muted{
 font-size: 16px !important;
 color: #000000 !important;
 line-height: 18px !important;
 font-weight: 600;

}

.newProductNameClass{
    font-size: 14px !important;
 color: #000000 !important;
 line-height: 16px !important;
 margin-left: 3px !important;
}

.artistNameDetailClass{
    font-size: 22px !important;
 color: #000000 !important;
 line-height: 24px !important;
 font-weight: 600;
 text-decoration: none !important;
}
.productNameDetailClass{
    font-size: 20px !important;
 color: #000000 !important;
 line-height: 24px !important;
 font-weight: 400;
 text-decoration: none !important;
 margin-top: 15px;
}


.adress-area{
        display: flex;
      }
	  
      .adress-item {
    padding: 30px 30px 0px 30px;
    border: 1px solid #3333331f;
    border-radius: 7px;
    display: inline-block;
    margin-top: 5px;
    font-size: 13px;
    margin-right: 5px;
    position: relative;
    width: 150px;
}
    .adress-item .btn {
        padding: 0 5px 0 5px;
        background: transparent;
    }
    .adress-item .btn-group {
        position: absolute;
        right: 6px;
        top: 6px;
    }
    .adress-item input[type="radio"] {
    position: absolute;
    right: 6px;
    top: 6px;
}
#reviews-area {
    
    margin-top: 10px;
}
#reviews-area .review-item {
    
    display: flex;
}
#reviews-area .review-item .avatar {
    width: 80px;
    height: 80px;
    margin-top: 15px;
    background-color: #d1c4c454;
    border-radius: 50%;
    text-align: center;
    font-weight: 700;
    line-height: 80px;
    color: #574d4d;
}
#reviews-area .review-item .avatar span{
}
#reviews-area .review-item .content {
    padding: 20px;
}
#reviews-area .review-item p {
    padding: 21px;
    background-color: #cccccc38;
    border-radius: 10px;
    margin: 10px 0px 0px 0px;
    min-height: 120px;
    font-size: 14px;
}
#reviews-area .review-item .content .top-infos{
    
}
#reviews-area .review-item .content .top-infos span {
    margin-left: 10px;
}

#reviews-area .pages li{
    width: fit-content;
}
#reviews .rate-area {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-weight: 800;
    font-size: 20px;
    justify-content: center;
}
#reviews .rate-place {
    display: flex;
    justify-content: space-around;
}
#reviews .rate-place .rate-area span{
	margin-bottom: 10px;
}
#reviews .rate-place .rate-group {
    min-width: 300px;
}
#reviews .rate-place .rate-group .rate-item {
    display: flex;
    margin: 10px 0px 10px 0px;
}
#reviews .rate-place .rate-group .rate-item .progress{
	width: 250px;
    margin: 0 10px 0 10px;
}