/*
 * Author: Shopaccino
 * Link: https://www.shopaccino.com/
*/

/* ===============================================
    Festiva Theme
    ============================================== */
    @import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');
    body 
    {
        font-family: "Nunito Sans", sans-serif;
        font-family: "Jost", sans-serif;
        font-optical-sizing: auto;
        font-weight: 400;
        font-style: normal;
        font-size: 14px;
        color: #1c1c1c;
    }

    @media only screen and (min-width: 1140px) {
      .container-fluid {
        padding-right: 1.3rem;
        padding-left: 1.3rem;
      }
    }
    h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4, .categorycaption  {font-weight: 400;}
    h1,h2,.h1,.h2,div.h2, div.h3, div.h4,
    .text_column_withimages .text-caption .h4
    {font-weight:300;}
    @media (min-width: 1200px) {
        h1, .h1 {
            font-size: 1.55rem;
        }
    }
    h2, .h2 {font-size: calc(1.1rem + 0.9vw);}
    @media (min-width: 1200px) {
        h2, .h2 {
            font-size: 1.30rem;
        }
    }
/*  ===============================================
    Global
    =============================================== */
    h1,h2,h3,h4,h5,.h1,.h2, .categorycaption,
    .home-category-tabs .nav-link,
    .megamenu-list-title,
    .teaser-item-div .teaser-name a,
    .home-category-tabs .nav-tabs button,
    .home-slider .slide__content--headings p,
    .nav-menu > li > a,
    .megamenu-list-title
    {
        letter-spacing: 2px;
        text-transform: uppercase;
    }

    .home-rounded-category-panel .category-caption h3,
    .categorycaption,
    .teaser-name,
    .home-category-tabs .nav-tabs button,
    .nav-menu > li > a,
    .megamenu-list-title,
    .mobile-header .toppanel-hold a
    {font-size: 12px;}
    
    .header-txt {/*background-image: linear-gradient(45deg, #874da2 0%, #c43a30 100%);*/ background-color:#C33A32 !important;}
    header { background-color: #ffffff;}
    header.h-unsticky {box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;}
    
    .nav-menu > li > a,
    .teaser-item-div .teaser-name
    {
        /*
        font-weight: 300;
        font-size: 12px;
        letter-spacing: 1px;
                */
        padding-top: 0.5em;
        margin-bottom: 0.5em;
    }
    .nav-menu > li > a {padding: 1rem 1em;}
    .megamenu-lists {max-width: none;}
    .nav-menu .megamenu-list-title {padding: 8px 0;  line-height: 2;}
    @media only screen and (min-width: 992px) {
        .nav-menu > li { margin: 0 0.6em;}
    }
    @media only screen and (max-width: 991px) {
        .megamenu-list {margin-bottom: 1em;}
        .megamenu-list > li > a {padding: 8px 15px}
    }
    .submenu-indicator-chevron {height: 5px;  width: 5px;}
    .btn {border-radius: 0px !important;border: 1px solid transparent;}
    .fw-bold,.ct-pdcpr-hold, .price-varient-block {font-weight: 500 !important;}

    @media only screen and (min-width: 768px) {
        .header_home #header-option14 {
          position:relative;
        }
    }

    .flickity-button {background: hsla(0,0%,100%,.65) !important;}
    .toppanel-hold svg {width: 22px; height: 22px; stroke-width: 1.2;}
    .new-tag, .out-of-stock, .soldcss {
        background: white !important;
        color: #fff !important;
        text-transform: uppercase;
        letter-spacing: 1px;
        border-radius: 0 !important;
        font-size: 11px;
        padding: 4px 1em !important;
        background-image: linear-gradient(45deg, #874da2 0%, #c43a30 100%) !important;
    }
    
/*  ===============================================
    Button CSS
    =============================================== */
    .home-slider .btn-primary, 
    .home-category .category-caption .btn-primary {padding: 14px 3.5em;}
    
    .form-control,
    .form-select,
    .btn,
    .btn-primary,
    .btn-wishlist,
    .variant_size_span,
    .description-all-tabs .nav-tabs .nav-link {
        border-radius: 2px !important;
        overflow: hidden;
    }
    .btn { 
        padding: 10px 27px;
        letter-spacing: .12em;
        transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86),border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        text-transform: uppercase;
        font-size: 12px;
    }
    .btnquick-panel .btn {padding: 6px 15px;}
    @media (min-width: 1025px) {
        .btn {padding: 12px 27px;}
        .btnquick-panel .btn {padding: 6px 15px;}
    }
    
    .btn-primary, .badge-primary,.btn-primary.active, .btn-primary:active,
    .btn-check:focus + .btn-primary, .btn-primary:focus {background-color: #323232;border-color: #323232;color: #ffffff;}
    .btn-primary:hover, .btn-outline-primary:hover {background-color: #000000;border-color: #000000;color: #ffffff;}
    .btn-outline-primary {border-color:#323232; color: #323232;}
    .btn-outline-primary,
    .btn-primary{
        position: relative;
        line-height: normal;
        border-radius: 0;
        letter-spacing: 2px;
        background-color: transparent;
        transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86), border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        z-index: 1;
    }
    .btn-primary-new { border:solid 1px #ffffff;}
    .btn-primary::before, .btn-outline-primary::before{
         position: absolute;
        content: '';
        left: 0;
        top: 0;
        right: -1px;
        bottom: 0px;
        transform: scale(1.1, 1.1);
        transform-origin: left center;
        z-index: -1;
        background-color: #323232;
    }
    .btn-outline-primary::before{
        transform-origin: right center;
        transform: scale(0, 1)
    }
    .btn-primary-new::before {  background-color: #ffffff; color:#333;}
    .btn-primary.disabled, .btn-primary:disabled {background-color: #323232;border-color: #323232;}
    
    @media (-moz-touch-enabled: 0),(hover: hover) {
        .btn-outline-primary:not([disabled])::before,
        .btn-primary:not([disabled])::before,  .btn-primary-new:not([disabled])::before{
            transition: transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86)
        }
        .btn-outline-primary:not([disabled]):hover::before{
            transform-origin: left center;
            transform: scale(1.1, 1.1)
        }
        .btn-primary:not([disabled]):hover::before,     
        .btn-primary-new:not([disabled]):hover::before{
            transform-origin: right center;
            transform: scale(0, 1)
        }
        .btn-outline-primary:not([disabled]):hover{
            color: #fff;
            border-color: #323232;
            background-color: transparent
        }
        .btn-primary:not([disabled]):hover{
            color: #323232;
            background-color: transparent
        }
        .btn-primary-new:not([disabled]):hover{
            color: #ffffff;
            background-color: transparent
        }
    }
/*  ===============================================
    End Button CSS
    =============================================== */
    .home-slider {}
    .hero-caption {max-width: 550px;}
    .home-slider .slide__content--headings {
        display: flex;
        flex-wrap: wrap;
    }
    .home-slider .slide__content--headings .hero-slide-heading {width: 100%;order: 2;font-size: calc(1.1rem + .9vw) !important;}
    .home-slider .slide__content--headings p {width: 100%;order: 1; margin-bottom: 10px;}
    .home-slider .slide__content--headings .btn-primary {margin:0 auto;order: 3;}
    .home-slider .btn-primary::before {background-color: #f2f2f2 !important;color: #333 !important;}
    
    .home-slider .slick-slider { padding-bottom:1em;}
    .home-slider .slick-slider .slick-next, .home-slider .slick-slider .slick-prev {background-color: rgba(255,255,255,.7) !important;}
    .home-slider .slick-slider .slick-arrow {
        position: absolute;
        transform: none;
        bottom: 1.5rem;
        z-index: 12;
        top: auto;
        left: unset;
        right: 20px;
    }
    .home-slider .slick-slider .slick-prev {right: 65px;}
    .home-slider .slick-slider .slick-dots {bottom: -1em;}

    @media only screen and (min-width: 1024px) {
        .home-slider .flickity-enabled .flickity-page-dots { width: auto;}
        .home-slider .flickity-enabled .flickity-page-dots,
        .home-slider .flickity-enabled .flickity-prev-next-button 
        {
            position: absolute;
            transform: none;
            bottom: 1.5rem;
            z-index: 12;
            top: auto;
            left: auto;
            right:1.5em;
        }
        .home-slider .flickity-enabled .flickity-page-dots {right:8.8em; bottom:2.2em;}
        .home-slider .flickity-enabled .flickity-page-dots .dot { margin: 0 0.3em; color: #fff;text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);}
        .home-slider .flickity-enabled .flickity-prev-next-button.previous {right:5em;}

        .home-slider .flickity-enabled .flickity-page-dots {counter-reset: line-number 0;}
        .home-slider .flickity-enabled .flickity-page-dots .dot { position: relative; counter-increment: line-number 1; width: auto; height: auto; border-radius: 0; padding: .25em .333em; background-color: transparent; border-bottom:2px solid transparent; opacity: 1; }
        /* why not display:none? Because the counter will be changed; The hidden elements won't incerement the counter */
        .home-slider .flickity-enabled .flickity-page-dots .dot.dot--gap{ visibility: hidden; font-size: 0; margin:0; padding:0; }
        .home-slider .flickity-enabled .flickity-page-dots .dot.dot--gap + .dot:not(.dot--gap){ margin-left: 2em;  }  
        .home-slider .flickity-enabled .flickity-page-dots .dot.dot--gap + .dot:not(.dot--gap):after{ content: "…"; position: absolute; right:100%; bottom:10%; margin-right: 1em; pointer-events: none;  } 
        .home-slider .flickity-enabled .flickity-page-dots .dot:before{content: counter(line-number, decimal);}
        .home-slider .flickity-enabled .flickity-page-dots .dot.is-selected{border-bottom-color: #ffffff; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);}
    }
    
    .home-category-tabs .nav-tabs li {margin: 0 1.5em;}
    .home-category-tabs .nav-tabs button {padding-left: 0;  padding-right: 0;}
    
    @media only screen and (max-width: 640px) {
        .home-category-tabs .nav-tabs {
            display: flex;
            flex-wrap: nowrap;
            overflow-x: auto;
            justify-content: start !important;
        }
        .home-category-tabs .nav-tabs li {
            flex: 0 0 auto;
        }
        
        .home-category-tabs .nav-tabs::-webkit-scrollbar {
            background: transparent; /* make scrollbar transparent */
            width: 0px;
        }
    }

    .item-details-hold .product-breadcrumb, .product-des-hold {
        max-width:none;
    }
    
    @media (min-width: 992px) {
        .row-cols-lg-10 > * {
            flex: 0 0 auto;
            width: 10%;
        }
    }

    @media (min-width: 1400px) {
        .row-cols-xxl-12 > * {
          flex: 0 0 auto;
          width: 8.333333%;
        }
      }

   :root {
        --duration-extra-long: 0.6s;
        --ease-out-slow: cubic-bezier(0, 0, 0.3, 1);
        --animation-slide-in: slideIn var(--duration-extra-long) var(--ease-out-slow) forwards;
        --animation-fade-in: fadeIn var(--duration-extra-long) var(--ease-out-slow);
    }
    @keyframes slideIn {
        0% {
            transform: translateY(1rem);
            opacity: 0.01;
        }
        to {
            transform: translateY(0);
            opacity: 1;
        }
    }
    @keyframes fadeIn{
        0% {
          opacity:0;}
        100% {
          opacity:1;    }
    }
    
    .home-category figure img,
    .zoom-bigimg img,
    .text-cl-img-hold figure img,
    .home-gallery-scroll figure img,
    .category-banner figure img,
    .mobile-slide .photo-gallery a img

    {
        opacity: 0.01;
        transform: translateY(2rem);
    }
    .home-category figure img.lazyloaded,
    .zoom-bigimg  img.lazyloaded,
    .zoom-thumb img,
    .text-cl-img-hold figure img.lazyloaded,
    .home-gallery-scroll figure img.lazyloaded,
    .category-banner figure img.lazyloaded,
    .mobile-slide .photo-gallery a img.lazyloaded,
    .subcategory a,
    .imagetext-overlay,
    .product_detail,
    .pf-dkstop-openpanel,
    .review-rate-block,
    .sharebtn-hold,
    .home-category .category-caption
    {
        animation: var(--animation-slide-in);
    }
    
    .home-category figure,
    .text-cl-img-hold figure,
    .home-gallery-scroll figure,
    .home-gallery-scroll figure,
    .category-banner figure
    { overflow:hidden;border-radius: 3px;}
    
    .home-category figure img.lazyloaded,
    .text-cl-img-hold figure img.lazyloaded,
    .home-gallery-scroll figure img.lazyloaded,
    .category-banner figure img.lazyloaded,
    .mobile-slide .photo-gallery a img.lazyloaded
    {
        transition: transform 1s ease !important;
        animation: none;
        transform: scale(1);
        opacity: 1;
    }

    .home-rounded-category-panel  figure img {opacity: 1;transform: scale(1);}
    
    /*---- image hover zoom -----*/
    .teaser img.lazyloaded:hover,
    .home-category figure img.lazyloaded:hover,
    .text-cl-img-hold figure img.lazyloaded:hover,
    .home-gallery-scroll figure img.lazyloaded:hover,
    .category-banner figure img.lazyloaded:hover,
    .mobile-slide .photo-gallery a img.lazyloaded:hover
    {
      transform: scale(1.05);
    }
    .home-category figure img.rounded-circle:hover {transform: scale(1);}

    /* =================== */
    @media only screen and (min-width:1200px) {
        .homecategoryscroll .home-category {padding: 0 20px;}
    }
    
    @media only screen and (min-width:1024px) {
        .homecategoryscroll .home-category {padding: 0 12px;}
    }
    
    @media only screen and (max-width:1023px) {
        .homecategoryscroll .home-category {padding: 0 5px;}
    }
    .home-rounded-category-panel .feature-category-title-hold {margin-bottom: 0.5rem !important;}
    .home-rounded-category-panel {padding-top: 1rem !important;  padding-bottom: 1rem !important;}
    .home-rounded-category-panel .homecategoryscroll .carousel-cell,
    .home-rounded-category-panel .homecategoryscroll .carousel-cell .home-category
    { margin-bottom:0 !important;}
    .home-rounded-category-panel .home-category figure img {object-fit: cover !important;}
    
    .hero-caption .btn-primary, .hero-caption .btn-primary:hover,
    .bt-slider .btn-primary:before, .bt-slider .btn-primary:hover
    {
        border-radius: 0px !important;
        background-color: #fff !important;
        border-color: #fff !important;
        color: #000  !important;
    }
    
/*  ===============================================
    =============================================== */
    /*--- Category Rounded Circle ---*/
    .home-rounded-category-panel .category-caption { margin-top: 6px;}

    .home-rounded-category-panel .home-category figure, .home-rounded-category-panel .home-category figure img{border-radius: 50% !important;}
    .home-rounded-category-panel .home-category .figure-hold{
        border-radius: 50%;
        /*box-shadow: rgba(52, 52, 52, 0.314) 0px 2px 1px 0px, rgba(188, 42, 141, 0.314) 0px -2px 1px 0px, rgba(52, 52, 52, 0.314) 2px 0px 1px 0px, rgba(188, 42, 141, 0.5) -2px 0px 1px 0px, rgba(52, 52, 52, 0.5) 2px -2px 1px 0px, rgba(52, 52, 52, 0.855) -2px 2px 1px 0px, rgba(188, 42, 141, 0.855) 2px 2px 1px 0px, rgba(52, 52, 52, 0.855) -2px -2px 1px 0px;*/
        margin:3px ;
        padding: 3px;
        border: solid 1px #777;
    }
    .home-rounded-category-panel .carousel-cell.mb-3{margin-bottom: 0px !important;}
    /*
    .home-rounded-category-panel .home-category h3{font-size: 13px !important;}
    */
    .home-rounded-category-panel .home-category figure{margin: 0px !important;}
    .home-rounded-category-panel .home-category figure img{object-fit: cover;}
    .home-rounded-category-panel .home-category{margin-bottom: 0px !important;}
     
    .home-plain-category-panel .home-category figure::after {
        content: '';
        position: absolute;
        bottom: 0px;
        left: 0px;
        right: 0px;
        height: 250px;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
    }
    .home-plain-category-panel .home-category{
        position: relative;
    }
    .home-plain-category-panel .home-category .category-caption{
        text-align: left !important;
        position: absolute;
        bottom: 1.5em;
        left: 1.5em;
        right: auto;
    }
    .home-plain-category-panel .home-category .category-caption h3{
        font-size: 25px !important;
    }
    .home-plain-category-panel .home-category .category-caption h3 .homecategory-list-title,
    .home-plain-category-panel .home-category .category-caption p
    {
        color: #fff !important;
    }
    .home-plain-category-panel .home-category .category-caption .btn-primary{
        display: block !important;
        background-color: transparent !important;
        border-color: #fff !important;
        color: #fff !important;
    }
    .home-plain-category-panel .home-category .category-caption .btn-primary:hover{
        background-color: #9e1b5c !important;
        border-color: #9e1b5c !important;
    }
    
    #tabbingamg .accordion-button:focus-visible { background: none;} 
    #tabbingamg .accordion-button,
    #tabbingamg .accordion-body
    { 
        padding-left: 0; 
        padding-right: 0;
    }
    #tabbingamg .accordion-body { padding-top: 0 !important;}
    #tabbingamg .accordion-button.collapsed {border:none;}
    #tabbingamg .accordion-flush .accordion-collapse{
        -webkit-transition: all 0.1s ease;
        -moz-transition: all 0.1s ease;
        -ms-transition: all 0.1s ease;
        -o-transition: all 0.1s ease;
        transition: all 0.1s ease;
        border-top:none;
    }
    #tabbingamg .accordion-button:focus {box-shadow:none;background-color:#fff;}
    #tabbingamg .accordion-button::after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='currentColor' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
        transition: all 0.5s;
    }
    #tabbingamg .accordion-button:not(.collapsed)::after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='currentColor' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");
    }
    #tabbingamg .accordion-button::after {transition: all 0.5s;}
    #tabbingamg .accordion .collapsing {transition: height 0.5s ease;}

   .footer-links a {  padding: .2em 0;}
    footer  .content-subscribe1 { max-width: 300px;}
    @media only screen and (max-width: 767px) {
        .footer-logo { margin-left: auto; margin-right:auto;}
    }
    #price-preview {font-size: 120%;}

    @media only screen and (min-width: 576px) {
        .dsktp-zoomer .photo-gallery .photoswipe-item {}
    }
    @media only screen and (max-width: 991px) {
        .dsktp-zoomer .photo-gallery .photoswipe-item { margin: unset;}
    }

/*  =============== Categories ================= */
    @media only screen and (max-width: 767px) {
        .sub-category-desc .storecategory > div { display: flex;  flex-wrap: nowrap;  overflow: auto;justify-content: start !important;}
        .sub-category-desc .storecategory > div .subcategory {
            display: flex;
            flex-wrap: nowrap; 
            width: 28.33333333%;
            padding-right: calc(var(--bs-gutter-x) * .4);
            padding-left: calc(var(--bs-gutter-x) * .4);
        }
    }
    .subcategory figure {--bs-aspect-ratio: 100% !important;}
    .sub-category-desc .storecategory .subcategory figure{
        /*box-shadow: rgba(52, 52, 52, 0.314) 0px 2px 1px 0px, rgba(188, 42, 141, 0.314) 0px -2px 1px 0px, rgba(52, 52, 52, 0.314) 2px 0px 1px 0px, rgba(188, 42, 141, 0.5) -2px 0px 1px 0px, rgba(52, 52, 52, 0.5) 2px -2px 1px 0px, rgba(52, 52, 52, 0.855) -2px 2px 1px 0px, rgba(188, 42, 141, 0.855) 2px 2px 1px 0px, rgba(52, 52, 52, 0.855) -2px -2px 1px 0px;;*/
         border-radius: 100%;
         border: solid 1px #ccc;
     }
     .sub-category-desc .storecategory .subcategory figure img{padding: 4px !important;}
    .subcategory figure img {border-radius: 50% !important;}
     
    /* ========== Products ============ */
    .multiple-radio-selection label {width: auto; margin-right: 10px;max-width: none;}
    .size-radio-select [type="radio"][disabled] + span.variant_size_span,
    .size-radio-select :checked + span, .radio-select-variant :checked + span.variant_size_span,
    .multiple-radio-selection [type="radio"] + span
    {
        /*border-radius: 25px !important;*/
    }
    .size-radio-select [type="radio"][disabled] + span.variant_size_span::before {width: 80%;left: 5px;}
    
    #price-preview {font-size: 125%;}
    #price-preview .cut-price {color: #444444;font-weight: 300;}
    #price-preview .product-price.text-danger {color: #000 !important;}

    @media (min-width: 1024px) {
        .product_detail {margin-left: 3rem;}
    }
    .product-breadcrumb { margin-top: 5px;}
    .color-thumb-module li div img {max-height: 90px;}
    .color-thumb-module li div {max-width: auto;min-width: auto;}
    
    @media (max-width: 1366px) {
        .photoswipe-wrapper.photo-gallery div:nth-child(3),.photoswipe-wrapper.photo-gallery div:nth-child(6) { width: 100%;}
    }
    
    .productdetails-hold label { color: #000;}
    .tab-details-desc .accordion-button {border-radius: 6px !important;}
    .tab-details-desc .accordion-button::after {background-size: 16px;}
    .sharebtn-hold .dropdown-toggle::after {color: #aaa;}
    .product_detail .reviewscroll span, .review-rate-block .starts-icon-view span {font-size: inherit;}

    @media (min-width: 769px) {
        .btnquick-panel { background: none !important;}
    }
    .teaser .wishlist-button,
    .teaser .btnquick {width: auto !important; margin-bottom: 10px;}
    .btnquick-panel > div {justify-content: flex-end !important; padding-right: 5px;}
    .teaser .wishlist-button {margin: unset; margin-left: 5px; margin-right: 5px;}
    .btnquick-panel .btn {
        padding: 0;
        background-color: rgba(255, 255, 255, 0.5);
        border-radius: 50% !important;
        line-height: 1;
        width: 35px !important;
        height: 35px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-shadow: rgba(14, 63, 126, 0.06) 0px 0px 0px 1px, rgba(42, 51, 70, 0.03) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 2px 2px -1px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.03) 0px 5px 5px -2.5px, rgba(42, 51, 70, 0.03) 0px 10px 10px -5px, rgba(42, 51, 70, 0.03) 0px 24px 24px -8px;
    }
    .btnquick-panel .btn i { font-size:1em !important;}
    .btnquick-panel .btn:hover {background-color: rgba(255, 255, 255, 1);}
    .teaser .btnquick-panel  {
        transform: translateX(0px);
        opacity: 0;
        margin-bottom: 2px;
        transition: all 0.4s;
    }
    .teaser:hover .btnquick-panel {
        transform: translateX(0px);
        opacity: 1;
        transition: all 0.6s;
    }
    
/*==============Start--Blog---Css============ */
    @media (min-width: 1140px) {
        .home-blog-articles {padding-bottom: 3.5rem !important;}
    }
    
   .home-blog-articles .card {border:none;}
   .home-blog-articles .card .card-body a {display:flex !important; flex-wrap: wrap;}
   .home-blog-articles .card .card-body .card-subtitle {order: 1;width: 100%;}
   .home-blog-articles .card .card-body .card-title {order: 2;}
   .home-blog-articles .card .card-body .card-link {order: 4;}
/*==============End--Blog---Css============ */

    .bar-icon {cursor:pointer;display: flex;align-items: center;justify-content: center;height: 100%;width:34px;margin-right:2px;border:1px solid transparent;min-height: 34px;}
    .bar-icon.active svg{background-color:none; opacity: 0.9;}
    .bar-icon svg {display:flex;width:20px;height:20px;opacity: .2;transition:opacity .25s ease-in-out;}
    .product-inline-hold .product-inline-row {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    .product-inline-hold .product-inline-row {flex: 0 0 auto;width:25%;}
    .show-one .product-inline-row {flex: 0 0 auto;width: 100%;}
    .show-two .product-inline-row {flex: 0 0 auto;width: 50%;}
    .show-three .product-inline-row {flex: 0 0 auto;width:33.3333%;}
    .show-four .product-inline-row {flex: 0 0 auto;width:25%;}
    .show-four .product-inline-row .teaser .teaser-item-div {padding:4px;}

    @media (max-width:767px) {
        .bar-icon {margin-right: 4px;}
        .product-inline-hold .product-inline-row {flex: 0 0 auto; width:50%;}
        .show-one .product-inline-row {flex: 0 0 auto; width: 100%;}
        .bar-icon {margin-right: 4px;}
        .filters-div .fl-toggle {width:33.33% !important;}
        .filters-div .flr-sort-panel {width:33.33% !important;}
        .filters-div .in-a-row {width: 95px;}
    }
    .filters-div .select {border-left: solid 1px #ccc;}
    .filters-div .select-hold select {border:none !important;}
    .filters-div .in-a-row ul {padding-right: 2em;}

    @media (min-width:768px) {
        .filters-div .select-hold .select select,
        .fl-toggle,
        .filters-div .in-a-row ul {min-height:50px;}
        .filters-div .in-a-row ul {border-right: solid 1px #ccc;}
    }

    .fl-toggle {border-right: solid 1px #ccc;}
    .colorfilter-hold .color-variant label {border-radius: 50%;}

    /*=========== Footer =========== */
    footer {
        background: linear-gradient(
            to right,
            #1d1d1d 0%,
            #1d1d1d 57%,
            #0e0e0e 43%,
            #0e0e0e 100%
        );
    }
    #footer-bottom { background: none !important;}
    #footer-bottom, #footer-bottom a {color: inherit !important;}
    .content-subscribe1 { max-width: 320px;}
    @media only screen and (max-width: 767px) {
        .content-subscribe1 { margin: 0 auto;}    
    }
    .download-app1 a img {max-height: 35px;}
    .footerlink-lft-pnl {background-color:#1d1d1d;}
    .footerlink-rht-pnl {background-color:#0e0e0e;}
    /*=========== End Footer =========== */