/*--------------------------------------------------------------------
Template Name: Makali;
Description: Multipurpose HTML Template;
Version: 1.0;
-----------------------------------------------------

    CSS INDEX
    ================
    1. Theme Default CSS
        1.1 Makali's Button Variation
        1.2 Template Color Variation
    2. Newsletter Popup CSS
    3. Header CSS
        3.01 Header Top CSS
        3.02 Header Bottom CSS
        3.03 Organic Header Style
        3.04 Autopart Header Style
        3.05 Digital Header Style
        3.06 Food Header Style
        3.07 Handmade Header Style
        3.08 Pet Header Style
        3.09 Toy Header Style
        3.10 Book Header Style
        3.11 Kitchenware Header Style
        3.12 Sportwear Header Style
        3.13 Supermarket Header Style
        3.14 Flower Header Style
        3.15 Bicycle Header Style
        3.16 Barber Header Style
    4. Support Area CSS
    5. Slider CSS
    6. All Banner CSS
        6.01 Banner With Text Area
        6.02 Banner With Countdown
        6.03 Bicycle Banner
        6.04 Barber Banner
    7. All Products CSS
        7.01 Four Slide Area
        7.02 Pet Product Tab
        7.03 Single Makali Product Two
    8. Daily Deal Product CSS
        8.01 Banner Countdown
    9. Categorie Product CSS
    10. Blog & Blog Details CSS
    11. Testmonial CSS
    12. Multi Setction With Sidebar CSS
    13. Footer CSS
    14. Breadcrumb CSS
    15. Shop Page CSS
    16. Product Details CSS
    17. Compare Page CSS
    18. Checkout CSS
    19. Cart & Wish List CSS
    20. About us CSS
    21. Your Account CSS
    22. Login CSS
    23. Register Account & Contact Form CSS
    24. Forgot Password CSS
    25. 404 Page CSS
    26. Popular Categories Area
        26.01 Pet Categories Style
        26.02 Kitchenware Category Style
    27. Newsletter Area
        27.01 Toy Newsletter Area
    28. Popular Categories Slider Two
    29. Product Progressbar
    30. Instagram Area
    31. Supermarket Wrapper
    32. Supermarket Custom Column
    33. Six Slide Item Slider
    34. Featured Categories
    35. Flower Single Product
    36. Our Services
    37. Categoires Product
    
-----------------------------------------------------------------*/
/* googel font Libre Franklin */
@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:ital,wght@0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/*----------------------------------------*/
/* 1. Theme Default CSS
/*----------------------------------------*/
body {
    font-family: 'Libre Franklin', sans-serif;
    font-weight: 400;
    color: #323232;
    font-size: 16px;
    background: #fff;
    line-height: 1.25em;
    font-display: swap;
}

.carti
{
    float: right;
    margin-top: -37px;
    margin-right: 85px;
}
.qvi{
    float: right;
    margin-top: -47px;
    margin-right: 0px;
}

a:hover {
    text-decoration: none;
}

a:active,
a:hover,
a:focus {
    outline: 0 none;
    text-decoration: none
}

ul {
    list-style: outside none none;
    margin: 0;
    padding: 0
}

a{
    text-decoration: none;
}

button{
    border: none;
    background: none;
}

.clear {
    clear: both
}

.fix {
    overflow: hidden;
}

/*************************
 Bootstrap Custom Container
************************/
.container, 
.container-fluid, 
.container-lg, 
.container-md, 
.container-sm, 
.container-xl, 
.container-xxl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}


@media (min-width: 576px){
  .container, 
  .container-sm {
    max-width: 540px;
}
}

@media (min-width: 768px){
  .container, 
  .container-md, 
  .container-sm {
    max-width: 720px;
}
}

@media (min-width: 992px){
  .container, 
  .container-lg, 
  .container-md, 
  .container-sm {
    max-width: 960px;
}
}

@media (min-width: 1200px){
  .container, 
  .container-lg, 
  .container-md, 
  .container-sm, 
  .container-xl {
    max-width: 1200px;
  }
}

@media (min-width: 1400px){
  .container, 
  .container-lg, 
  .container-md, 
  .container-sm, 
  .container-xl, 
  .container-xxl {
    max-width: 1200px;
  }
}


.row {
  --bs-gutter-x: 30px;
}

.g-0, .gx-0 {
    --bs-gutter-x: 0;
}

/*----------------------------------------*/
/* 1.1 Makali's Button Variation
/*----------------------------------------*/
.makali-btn a,
.makali-sm_btn a,
.white-color a,
.transparent-btn a,
.putty-color a {
    background: #fff none repeat scroll 0 0;
    color: #323232;
    display: inline-block;
    font-size: 14px;
    width: 180px;
    height: 55px;
    line-height: 55px;
    text-decoration: none;
    text-transform: capitalize;
    -webkit-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
    margin-top: 25px;
    text-align: center;
}
.putty-color a{
    background-color: #2e8b57;
    color: #ffffff;
}
.putty-color a:hover, 
.white-color a:hover{
    background-color: #2e8b57333;
    color: #ffffff;
}

/* --Color Variation-- */
.slider-area .night-rider_color a{
    background-color: #323232;
    border: 0 !important;
    color: #ffffff;
}

.slider-area .bg-white_color a{
    background-color: #ffffff;
    color: #323232;
}
@media (max-width: 991px){
    .slide-btn.bg-white_color a,
    .slide-btn.bg-white_color:focus a {
        color: inherit !important;
    }
    .slide-btn.bg-white_color:hover a {
        background-color: #0583cc;
        border: 2px solid #0583cc;
        color: #ffffff !important;
    }
}

.crimson-btn_color a{
    background-color: #e21737;
    border: 2px solid #e21737 !important;
    color: #ffffff;
    text-transform: uppercase;
}
.crimson-btn_color a:hover{
    background-color: #323232 !important;
    border-color: #323232 !important;
}

.orange-btn_color a{
    background-color: #ee8e12;
    border: 2px solid #ee8e12 !important;
    color: #ffffff;
    text-transform: uppercase;
}
.orange-btn_color a:hover{
    background-color: #323232 !important;
    border-color: #323232 !important;
}

.pink-color_btn a{
    background-color: #db8678;
    border: 2px solid #db8678;
    color: #ffffff;
    text-transform: uppercase;
}
.pink-color_btn a:hover{
    background-color: #323232 !important;
    border-color: #323232 !important;
}

.tangerine-color_brn a{
    background-color: #fab115;
    border: 2px solid #fab115 !important;
    color: #ffffff;
}

.tangerine-color_brn a:hover{
    background-color: #323232 !important;
    border-color: #323232 !important;
}

.instagram-btn a{
    background-color: rgb(127,184,43);
    color: rgb(255,255,255);
}

.fruit-salad-color_btn a{
    background-color: #389c3c;
    border: 2px solid #389c3c !important;
    color: #ffffff !important;
    text-transform: uppercase;
}
.fruit-salad-color_btn a:hover{
    background-color: #323232 !important;
    border-color: #323232 !important;
}
/* --End Here-- */
.white-color a::before,
.transparent-btn a::before,
.add-to-cart:before,
.bg-white_color a::before,
.crimson-btn_color a:before,
.instagram-btn a:before,
.pink-color_btn a:before {
    content: "\f067";
    font-family: FontAwesome;
    font-size: 13px;
    margin-right: 8px;
}
.instagram-btn a:before{
    content: '\f16d';
}

/* ---Transparent Button--- */
.transparent-btn a, 
.grey-border a,
.bittersweet-color a,
.white-border a{
    background-color: transparent;
    border: 2px solid rgb(50, 50, 50);
    color: rgb(50, 50, 50);
}
.transparent-btn a:hover{
    background-color: rgb(50, 50, 50);
    color: #ffffff;
}

/* --Button Size-- */
.makali-sm_btn a{
    width: auto;
    padding: 0 20px;
    height: 40px;
    line-height: 38px;
}

/* --Border Color-- */
.grey-border a{
    border: 2px solid #e0e0e0;
}
.grey-border a:hover{
    background: #c1b17e;
    border-color: #c1b17e;
}

.bittersweet-color a:hover{
    background-color: #f66362;
    border-color: #f66362;
}

.white-border a{
    border-color: #ffffff;
    color: #ffffff;
}

.tooltip-inner {
    padding: 2px 12px 6px;
    font-size: 14px;
}

.section-title {
    margin-bottom: 50px;
    padding-bottom: 60px;
}

.section-title.deal-header {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    padding-bottom: 0;
}

.section-title.deal-header p {
    margin: inherit;
}

.section-title h2 {
    display: inline-block;
    font-size: 32px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 10px;
    text-transform: capitalize;
}

.section-title p {
    letter-spacing: 1px;
    line-height: 24px;
    max-width: 560px;
    margin: auto;
}

.section-title p span {
    font-size: 28px;
    font-weight: 600;
}

/* ---Section Title Two--- */
.section-title-2 h2{
    font-size: 28px;
    text-transform: capitalize;
    font-weight: 500;
}

/* ---Section Title Three--- */
.section-title-3 h2 {
    border-bottom: 1px solid #e5e5e5;
    font-size: 28px;
    text-transform: capitalize;
    font-weight: 500;
    padding-bottom: 10px;
    margin-bottom: 40px;
}

/* ---Section Title Four--- */
.section-title-4 h2{
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 5px;
}
.section-title-4 p{
    position: relative;
    margin-bottom: 35px;
    padding-bottom: 35px;
    color: #777;
}
.section-title-4 p:before{
    content: "";
    background-color: #db8678;
    position: absolute;
    height: 2px;
    width: 80px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.section-title-4 .categorie-tabs-list li a{
    text-transform: uppercase;
    color: #777;
}

/* --End Here-- */

.box-layout .popup_wrapper {
    margin: 0 -225px;
}

.pro-border-style .single-banner a {
    display: block;
}

.pro-border-style .single-banner {
    position: relative;
}

.pro-border-style .single-banner:before,.pro-border-style .single-banner a:before  {
    border-top: 2px solid #fff;
    content: "";
    left: 15px;
    opacity: 0;
    right: 100%;
    position: absolute;
    top: 15px;
    -webkit-transition: all 600ms ease 0s;
    transition: all 600ms ease 0s;
    z-index: 1;
}

.pro-border-style .single-banner a:before {
    bottom: 15px;
    right: 15px;
    left: auto;
    top: auto;
}

.pro-border-style .single-banner:hover:before,
.pro-border-style .single-banner a:hover:before {
    opacity: 1;
    right: 15px;
}

.pro-border-style .single-banner a:hover:before {
    left: 15px;
}

.pro-border-style .single-banner:after,.pro-border-style .single-banner a:after {
    border-right: 2px solid #fff;
    bottom: 19px;
    content: "";
    left: 15px;
    opacity: 0;
    position: absolute;
    top: 100%;
    -webkit-transition: all 600ms ease 0s;
    transition: all 600ms ease 0s;
}

.pro-border-style .single-banner a:after {
    bottom: 15px;
    right: 15px;
    top: 100%;
    left: auto;
    bottom: auto;
}

.pro-border-style .single-banner:hover:after,
.pro-border-style .single-banner a:hover:after {
    opacity: 1;
    top: 15px;
}
.pro-border-style .single-banner a:hover:after{
    bottom: 15px;
}
/* all background bg */

.bg-image-1 {
    background-image: url(img/slider/cosmetic/1-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.bg-image-2 {
    background-image: url(img/slider/cosmetic/1-2.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.bg-image-3 {
    background-image: url(img/slider/cosmetic/2-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.bg-image-4 {
    background-image: url(img/slider/cosmetic/2-2.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.bg-image-5 {
    background-image: url(img/testmonial/t1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.bg-image-6 {
    background-image: url(img/testmonial/t2.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.bg-image-7 {
    background-image: url(img/testmonial/t3.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.bg-testmonial-07 {
    background-image: url(img/testmonial/t4.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.bg-testmonial-t5 {
    background-image: url(img/testmonial/t5.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.bg-image-8 {
    background-image: url(img/banner/b7.html);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.bg-image-9 {
    background-image: url(img/slider/cosmetic/3-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.bg-image-10 {
    background-image: url(img/slider/cosmetic/3-2.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.bg-image-12 {
    background-image: url(img/slider/cosmetic/4-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.bg-image-13 {
    background-image: url(img/slider/cosmetic/4-2.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.bg-image-14 {
    background-image: url(img/slider/cosmetic/5-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.bg-image-15 {
    background: url(img/slider/cosmetic/5-2.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.bg-image-16 {
    background: url(img/slider/furniture/1-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.bg-image-17 {
    background: url(img/slider/furniture/1-2.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}


.bg-image-18 {
    background: url(img/banner/cosmetic/daily-deal-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0;
    position: relative;
}

.bg-image-18:before {
    background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.bg-image-19,
.bg-image-20 {
    background: url(img/slider/furniture/4-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 930px;
}
.bg-image-20 {
    background: url(img/slider/furniture/4-2.webp);
}

@media (max-width: 991px) {
    .bg-image-19,
    .bg-image-20 {
        min-height: 410px;
    }
}

.bg-image-21,
.bg-image-22 {
    background: url(img/slider/furniture/2-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.bg-image-22 {
    background: url(img/slider/furniture/2-2.webp);
}

.bg-image-23,
.bg-image-24 {
    background: url(img/slider/furniture/3-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.bg-image-24 {
    background: url(img/slider/furniture/3-2.webp);
}

.bg-image-25,
.bg-image-26 {
    background: url(img/slider/furniture/4-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 250px 0;
}
.bg-image-26 {
    background: url(img/slider/furniture/4-2.webp);
}

@media (max-width: 991px) {
    .bg-image-25,
    .bg-image-26 {
        min-height: 410px;
        padding: 0;
    }
}

.bg-image-27,
.bg-image-28 {
    background: url(img/slider/jewelry/1-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 250px 0;
}
.bg-image-28 {
    background: url(img/slider/jewelry/1-2.webp);
}

@media (max-width: 991px) {
    .bg-image-27,
    .bg-image-28 {
        min-height: 410px;
        padding: 0;
    }
}

.bg-image-29,
.bg-image-30 {
    background: url(img/slider/jewelry/2-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 260px 0;
}
.bg-image-30 {
    background: url(img/slider/jewelry/2-2.webp);
}

@media (max-width: 991px) {
    .bg-image-29,
    .bg-image-30 {
        min-height: 410px;
        padding: 0;
    }
}

.bg-image-31,
.bg-image-32 {
    background: url(img/slider/jewelry/3-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 260px 0;
}
.bg-image-32 {
    background: url(img/slider/jewelry/3-2.webp);
}

@media (max-width: 991px) {
    .bg-image-31,
    .bg-image-32 {
        min-height: 410px;
        padding: 0;
    }
}

.bg-image-33,
.bg-image-34 {
    background: url(img/slider/jewelry/4-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 260px 0;
}
.bg-image-34 {
    background: url(img/slider/jewelry/4-2.webp);
}

@media (max-width: 991px) {
    .bg-image-33,
    .bg-image-34 {
        padding: 0;
        min-height: 410px;
    }
}

.bg-image-35,
.bg-image-36 {
    background: url(img/slider/organic/1-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 260px 0;
}
.bg-image-36 {
    background: url(img/slider/organic/1-2.webp);
}

@media (max-width: 991px) {
    .bg-image-35,
    .bg-image-36 {
        padding: 0;
        min-height: 410px;
    }
}

.bg-image-37,
.bg-image-38 {
    background: url(img/slider/organic/2-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 260px 0;
}
.bg-image-38 {
    background: url(img/slider/organic/2-2.webp);
}

@media (max-width: 991px) {
    .bg-image-37,
    .bg-image-38 {
        padding: 0;
        min-height: 410px;
    }
}

.bg-image-39,
.bg-image-40 {
    background: url(img/slider/organic/3-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 260px 0;
}
.bg-image-40 {
    background: url(img/slider/organic/3-2.webp);
}

@media (max-width: 991px) {
    .bg-image-39,
    .bg-image-40 {
        padding: 0;
        min-height: 410px;
    }
}

.bg-image-41,
.bg-image-42 {
    background: url(img/slider/plant/1-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 260px 0;
}
.bg-image-42 {
    background: url(img/slider/plant/1-2.webp);
}

@media (max-width: 991px) {
    .bg-image-41,
    .bg-image-42 {
        padding: 0;
        min-height: 410px;
    }
}

.bg-image-43,
.bg-image-44 {
    background: url(img/slider/plant/2-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 260px 0;
}
.bg-image-44 {
    background: url(img/slider/plant/2-2.webp);
}

@media (max-width: 991px) {
    .bg-image-43,
    .bg-image-44 {
        padding: 0;
        min-height: 410px;
    }
}

.bg-image-45,
.bg-image-46 {
    background: url(img/slider/autopart/1-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 195px 0;
}
.bg-image-46 {
    background: url(img/slider/autopart/1-2.webp);
}

@media (max-width: 991px) {
    .bg-image-45,
    .bg-image-46 {
        padding: 0;
        min-height: 410px;
    }
}

.bg-image-47,
.bg-image-48 {
    background: url(img/slider/autopart/2-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 260px 0;
}
.bg-image-48 {
    background: url(img/slider/autopart/2-2.webp);
}

@media (max-width: 991px) {
    .bg-image-47,
    .bg-image-48 {
        padding: 0;
        min-height: 410px;
    }
}

.bg-image-49,
.bg-image-50 {
    background: url(img/slider/digital/1-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 470px;
}
.bg-image-50 {
    background: url(img/slider/digital/1-2.webp);
}

@media (max-width: 991px) {
    .bg-image-49,
    .bg-image-50 {
        padding: 0;
        min-height: 410px;
    }
}

.bg-image-51,
.bg-image-52 {
    background: url(img/slider/digital/2-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 470px;
}
.bg-image-52 {
    background: url(img/slider/digital/2-2.webp);
}

@media (max-width: 991px) {
    .bg-image-51,
    .bg-image-52 {
        padding: 0;
        min-height: 410px;
    }
}

.bg-image-53,
.bg-image-54 {
    background: url(img/slider/digital/3-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 533px;
}
.bg-image-54 {
    background: url(img/slider/digital/3-2.webp);
}

@media (max-width: 991px) {
    .bg-image-53,
    .bg-image-54 {
        padding: 0;
        min-height: 410px;
    }
}

.bg-image-55,
.bg-image-56 {
    background: url(img/slider/digital/4-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 384px;
}
.bg-image-56 {
    background: url(img/slider/digital/4-2.webp);
}

@media (max-width: 991px) {
    .bg-image-55,
    .bg-image-56 {
        padding: 0;
        min-height: 384px;
    }
}

.bg-image-57,
.bg-image-58 {
    background: url(img/slider/food/1-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 650px;
}
.bg-image-58 {
    background: url(img/slider/food/1-2.webp);
}

@media (max-width: 991px) {
    .bg-image-57,
    .bg-image-58 {
        padding: 0;
        min-height: 410px;
    }
}

.bg-image-59,
.bg-image-60 {
    background: url(img/slider/food/2-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 650px;
}
.bg-image-60 {
    background: url(img/slider/food/2-2.webp);
}

@media (max-width: 991px) {
    .bg-image-59,
    .bg-image-60 {
        padding: 0;
        min-height: 410px;
    }
}

.bg-image-61,
.bg-image-62 {
    background: url(img/slider/food/3-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 670px;
}
.bg-image-62 {
    background: url(img/slider/food/3-2.webp);
}

@media (max-width: 991px) {
    .bg-image-61,
    .bg-image-62 {
        padding: 0;
        min-height: 410px;
    }
}

.bg-image-63,
.bg-image-64 {
    background: url(img/slider/food/4-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 670px;
}
.bg-image-64 {
    background: url(img/slider/food/4-2.webp);
}

@media (max-width: 991px) {
    .bg-image-63,
    .bg-image-64 {
        padding: 0;
        min-height: 410px;
    }
}

.bg-image-65,
.bg-image-66 {
    background: url(img/slider/handmade/1-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 940px;
}
.bg-image-66 {
    background: url(img/slider/handmade/1-2.webp);
}

@media (max-width: 991px) {
    .bg-image-65,
    .bg-image-66 {
        padding: 0;
        min-height: 410px;
    }
}

.bg-image-67,
.bg-image-68 {
    background: url(img/slider/handmade/2-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 800px;
}
.bg-image-68 {
    background: url(img/slider/handmade/2-2.webp);
}

@media (max-width: 991px) {
    .bg-image-67,
    .bg-image-68 {
        padding: 0;
        min-height: 410px;
    }
}

.bg-image-69,
.bg-image-70 {
    background: url(img/slider/handmade/3-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 800px;
}
.bg-image-70 {
    background: url(img/slider/handmade/3-2.webp);
}

@media (max-width: 991px) {
    .bg-image-69,
    .bg-image-70 {
        padding: 0;
        min-height: 410px;
    }
}

.bg-image-71,
.bg-image-72 {
    background: url(img/slider/handmade/4-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 800px;
}
.bg-image-72 {
    background: url(img/slider/handmade/4-2.webp);
}

@media (max-width: 991px) {
    .bg-image-71,
    .bg-image-72 {
        padding: 0;
        min-height: 410px;
    }
}

.bg-image-73,
.bg-image-74 {
    background: url(img/slider/fashion/1-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 895px;
}
.bg-image-74 {
    background: url(img/slider/fashion/1-2.webp);
}

@media (max-width: 991px) {
    .bg-image-73,
    .bg-image-74 {
        padding: 0;
        min-height: 410px;
    }
}

.bg-image-75,
.bg-image-76 {
    background: url(img/slider/fashion/2-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 800px;
}
.bg-image-76 {
    background: url(img/slider/fashion/2-2.webp);
}

@media (max-width: 991px) {
    .bg-image-75,
    .bg-image-76 {
        padding: 0;
        min-height: 410px;
    }
}

.bg-image-77,
.bg-image-78 {
    background: url(img/slider/fashion/3-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 930px;
}
.bg-image-78 {
    background: url(img/slider/fashion/3-2.webp);
}

@media (max-width: 991px) {
    .bg-image-77,
    .bg-image-78 {
        padding: 0;
        min-height: 410px;
    }
}

.bg-image-79,
.bg-image-80 {
    background: url(img/slider/fashion/4-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 800px;
}
.bg-image-80 {
    background: url(img/slider/fashion/4-2.webp);
}

@media (max-width: 991px) {
    .bg-image-79,
    .bg-image-80 {
        padding: 0;
        min-height: 410px;
    }
}

.bg-image-81,
.bg-image-82 {
    background: url(img/slider/pet/1-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 500px;
}
.bg-image-82 {
    background: url(img/slider/pet/1-2.webp);
}

@media (max-width: 991px) {
    .bg-image-81,
    .bg-image-82 {
        padding: 0;
        min-height: 410px;
    }
}

.bg-image-83,
.bg-image-84 {
    background: url(img/slider/pet/2-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 500px;
}
.bg-image-84 {
    background: url(img/slider/pet/2-2.webp);
}

@media (max-width: 991px) {
    .bg-image-83,
    .bg-image-84 {
        padding: 0;
        min-height: 410px;
    }
}

.bg-image-85,
.bg-image-86 {
    background: url(img/slider/pet/3-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 500px;
}
.bg-image-86 {
    background: url(img/slider/pet/3-2.webp);
}

@media (max-width: 991px) {
    .bg-image-85,
    .bg-image-86 {
        padding: 0;
        min-height: 410px;
    }
}

.bg-image-87,
.bg-image-88 {
    background: url(img/slider/pet/4-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 595px;
}
.bg-image-88 {
    background: url(img/slider/pet/4-2.webp);
}

@media (max-width: 991px) {
    .bg-image-87,
    .bg-image-88 {
        padding: 0;
        min-height: 410px;
    }
}

.bg-image-89,
.bg-image-90 {
    background: url(img/slider/toy/1-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 595px;
}
.bg-image-90 {
    background: url(img/slider/toy/1-2.webp);
}

@media (max-width: 991px) {
    .bg-image-89,
    .bg-image-90 {
        padding: 0;
        min-height: 410px;
    }
}

.bg-image-91,
.bg-image-92 {
    background: url(img/slider/toy/2-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 595px;
}
.bg-image-92 {
    background: url(img/slider/toy/2-2.webp);
}

@media (max-width: 991px) {
    .bg-image-91,
    .bg-image-92 {
        padding: 0;
        min-height: 410px;
    }
}

.bg-image-93,
.bg-image-94 {
    background: url(img/slider/toy/3-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 595px;
}
.bg-image-94 {
    background: url(img/slider/toy/3-2.webp);
}

@media (max-width: 991px) {
    .bg-image-93,
    .bg-image-94 {
        padding: 0;
        min-height: 410px;
    }
}

.bg-image-95,
.bg-image-96 {
    background: url(img/slider/toy/4-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 595px;
}
.bg-image-96 {
    background: url(img/slider/toy/4-2.webp);
}

@media (max-width: 991px) {
    .bg-image-95,
    .bg-image-96 {
        padding: 0;
        min-height: 410px;
    }
}

.bg-image-97,
.bg-image-98,
.bg-image-99  {
    background: url(img/slider/book/1-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 595px;
}
.bg-image-98 {
    background: url(img/slider/book/1-2.webp);
}
.bg-image-99 {
    background: url(img/slider/book/1-3.webp);
}

@media (max-width: 991px) {
    .bg-image-97,
    .bg-image-98,
    .bg-image-99 {
        padding: 0;
        min-height: 410px;
    }
}

.bg-image-100,
.bg-image-101 {
    background: url(img/slider/book/2-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 595px;
}
.bg-image-101 {
    background: url(img/slider/book/2-2.webp);
}

@media (max-width: 991px) {
    .bg-image-100,
    .bg-image-101 {
        padding: 0;
        min-height: 410px;
    }
}

.bg-image-102,
.bg-image-103 {
    background: url(img/slider/book/3-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 595px;
}
.bg-image-103 {
    background: url(img/slider/book/3-2.webp);
}

@media (max-width: 991px) {
    .bg-image-102,
    .bg-image-103 {
        padding: 0;
        min-height: 410px;
    }
}

.bg-image-104,
.bg-image-105 {
    background: url(img/slider/book/4-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 595px;
}
.bg-image-105 {
    background: url(img/slider/book/4-2.webp);
}

@media (max-width: 991px) {
    .bg-image-104,
    .bg-image-105 {
        padding: 0;
        min-height: 410px;
    }
}

.bg-image-106,
.bg-image-107 {
    background: url(img/slider/kitchenware/1-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 665px;
}
.bg-image-107 {
    background: url(img/slider/kitchenware/1-2.webp);
}

@media (max-width: 991px) {
    .bg-image-106,
    .bg-image-107 {
        padding: 0;
        min-height: 410px;
    }
}

.bg-image-108,
.bg-image-109 {
    background: url(img/slider/kitchenware/2-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 665px;
}
.bg-image-109 {
    background: url(img/slider/kitchenware/2-2.webp);
}

@media (max-width: 991px) {
    .bg-image-108,
    .bg-image-109 {
        padding: 0;
        min-height: 410px;
    }
}

.bg-image-110,
.bg-image-111 {
    background: url(img/slider/kitchenware/3-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 485px;
}
.bg-image-111 {
    background: url(img/slider/kitchenware/3-2.webp);
}

@media (max-width: 991px) {
    .bg-image-110,
    .bg-image-111 {
        padding: 0;
        min-height: 410px;
    }
}

.bg-image-112,
.bg-image-113 {
    background: url(img/slider/kitchenware/4-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 480px;
}
.bg-image-113 {
    background: url(img/slider/kitchenware/4-2.webp);
}

@media (max-width: 991px) {
    .bg-image-112,
    .bg-image-113 {
        padding: 0;
        min-height: 410px;
    }
}

.bg-image-114,
.bg-image-115 {
    background: url(img/slider/sportwear/1-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 815px;
}
.bg-image-115 {
    background: url(img/slider/sportwear/1-2.webp);
}

@media (max-width: 991px) {
    .bg-image-114,
    .bg-image-115 {
        padding: 0;
        min-height: 410px;
    }
}

.bg-image-116,
.bg-image-117 {
    background: url(img/slider/sportwear/2-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 601px;
}
.bg-image-117 {
    background: url(img/slider/sportwear/2-2.webp);
}

@media (max-width: 991px) {
    .bg-image-116,
    .bg-image-117 {
        padding: 0;
        min-height: 410px;
    }
}

.bg-image-118,
.bg-image-119 {
    background: url(img/slider/sportwear/3-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 790px;
}
.bg-image-119 {
    background: url(img/slider/sportwear/3-2.webp);
}

@media (max-width: 991px) {
    .bg-image-118,
    .bg-image-119 {
        padding: 0;
        min-height: 410px;
    }
}

.bg-image-120,
.bg-image-121 {
    background: url(img/slider/sportwear/4-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 900px;
}
.bg-image-121 {
    background: url(img/slider/sportwear/4-2.webp);
}

@media (max-width: 991px) {
    .bg-image-120,
    .bg-image-121 {
        padding: 0;
        min-height: 410px;
    }
}

.bg-image-122,
.bg-image-123 {
    background: url(img/slider/supermarket/1-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 398px;
}
.bg-image-123 {
    background: url(img/slider/supermarket/1-2.webp);
}

.bg-image-124,
.bg-image-125 {
    background: url(img/slider/supermarket/2-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 485px;
}
.bg-image-125 {
    background: url(img/slider/supermarket/2-2.webp);
}

@media (max-width: 991px) {
    .bg-image-124,
    .bg-image-125 {
        padding: 0;
        min-height: 410px;
    }
}

.bg-image-126,
.bg-image-127 {
    background: url(img/slider/supermarket/3-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 485px;
}
.bg-image-127 {
    background: url(img/slider/supermarket/3-2.webp);
}

@media (max-width: 991px) {
    .bg-image-126,
    .bg-image-127 {
        padding: 0;
        min-height: 410px;
    }
}

.bg-image-128,
.bg-image-129 {
    background: url(img/slider/supermarket/4-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 485px;
}
.bg-image-129 {
    background: url(img/slider/supermarket/4-2.webp);
}

@media (max-width: 991px) {
    .bg-image-128,
    .bg-image-129 {
        padding: 0;
        min-height: 410px;
    }
}

.bg-image-130,
.bg-image-131 {
    background: url(img/slider/flower/1-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 890px;
}
.bg-image-131 {
    background: url(img/slider/flower/1-2.webp);
}

@media (max-width: 991px) {
    .bg-image-130,
    .bg-image-131 {
        padding: 0;
        min-height: 410px;
    }
    .bg-image-131{
        background-position: bottom;
    }
}

.bg-image-132,
.bg-image-133 {
    background: url(img/slider/flower/2-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 685px;
}
.bg-image-133 {
    background: url(img/slider/flower/2-2.webp);
}

@media (max-width: 991px) {
    .bg-image-132,
    .bg-image-133 {
        padding: 0;
        min-height: 410px;
    }
}

.bg-image-134,
.bg-image-135 {
    background: url(img/slider/flower/3-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 780px;
}
.bg-image-135 {
    background: url(img/slider/flower/3-2.webp);
}

@media (max-width: 991px) {
    .bg-image-134,
    .bg-image-135 {
        padding: 0;
        min-height: 410px;
    }
}

.bg-image-136,
.bg-image-137 {
    background: url(img/slider/flower/4-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 780px;
}
.bg-image-137 {
    background: url(img/slider/flower/4-2.webp);
}

@media (max-width: 1500px) {
    .bg-image-137 {
        background-position: bottom;
    }
}
@media (max-width: 991px) {
    .bg-image-136,
    .bg-image-137 {
        padding: 0;
        min-height: 410px;
    }
}

.bg-image-138,
.bg-image-139 {
    background: url(img/slider/bicycle/1-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 780px;
}
.bg-image-139 {
    background: url(img/slider/bicycle/1-2.webp);
}

@media (max-width: 1500px) {
    .bg-image-139 {
        background-position: bottom;
    }
}
@media (max-width: 991px) {
    .bg-image-138,
    .bg-image-139 {
        padding: 0;
        min-height: 410px;
    }
}

.bg-image-140,
.bg-image-141 {
    background: url(img/slider/bicycle/2-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 780px;
}
.bg-image-141 {
    background: url(img/slider/bicycle/2-2.webp);
}

@media (max-width: 991px) {
    .bg-image-140,
    .bg-image-141 {
        padding: 0;
        min-height: 410px;
    }
}

.bg-image-142,
.bg-image-143 {
    background: url(img/slider/bicycle/3-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 750px;
}
.bg-image-143 {
    background: url(img/slider/bicycle/3-2.webp);
}

@media (max-width: 991px) {
    .bg-image-142,
    .bg-image-143 {
        padding: 0;
        min-height: 410px;
    }
}

.bg-image-144,
.bg-image-145 {
    background: url(img/slider/bicycle/4-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 785px;
}
.bg-image-145 {
    background: url(img/slider/bicycle/4-2.webp);
}

@media (max-width: 991px) {
    .bg-image-144,
    .bg-image-145 {
        padding: 0;
        min-height: 410px;
    }
}

.bg-image-146,
.bg-image-147 {
    background: url(img/slider/barber/1-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 880px;
}
.bg-image-147 {
    background: url(img/slider/barber/1-2.webp);
}

@media (max-width: 991px) {
    .bg-image-146,
    .bg-image-147 {
        padding: 0;
        min-height: 410px;
    }
}

.bg-image-148,
.bg-image-149 {
    background: url(img/slider/barber/2-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 850px;
}
.bg-image-149 {
    background: url(img/slider/barber/2-2.webp);
}

@media (max-width: 991px) {
    .bg-image-148,
    .bg-image-149 {
        padding: 0;
        min-height: 410px;
    }
}

.bg-image-150,
.bg-image-151 {
    background: url(img/slider/barber/3-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 850px;
}
.bg-image-151 {
    background: url(img/slider/barber/3-2.webp);
}

@media (max-width: 991px) {
    .bg-image-150,
    .bg-image-151 {
        padding: 0;
        min-height: 410px;
    }
}

.bg-image-152,
.bg-image-153 {
    background: url(img/slider/barber/4-1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 760px;
}
.bg-image-153 {
    background: url(img/slider/barber/4-2.webp);
}

@media (max-width: 991px) {
    .bg-image-152,
    .bg-image-153 {
        padding: 0;
        min-height: 410px;
    }
}

/* slider upper progress bar */
.slider-activation .owl-item.active .slider-progress {
    -webkit-animation: 5000ms ease-in-out 0s normal none 1 running timebar;
    animation: 10000ms ease-in-out 0s normal none 1 running timebar;
    background: rgba(0, 0, 0, .3);
    height: 5px;
    left: 0;
    opacity: 0.8;
    position: absolute;
    top: 0;
    z-index: 4;
}

@-webkit-keyframes timebar {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

@keyframes timebar {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

@keyframes timebar {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

/*----------------------------------------*/
/* 1.2 Template Color Variation
/*----------------------------------------*/
/* ---Template Color One--- */

/* ---Header Area--- */
.template-color-1 .header-top-left ul > li:hover > a,
.template-color-1 .header-top-right ul > li:hover > a,
.template-color-1 .wish-compare-items li a:hover {
    color: #2e8b57;
}
.template-color-1 .header-bottom-list > li > ul.ht-dropdown li:hover > a,
.template-color-1 .header-top-right > ul > li > ul.ht-dropdown li:hover > a {
    color: #2e8b57;
}
.template-color-1 .categorie-search-box button:hover {
    color: #2e8b57;
}
.template-color-1 .cart-box > ul > li > a span + span.total-pro {
    background: #2e8b57;
}
.template-color-1 .cart-box > ul > li.cart-box-right:hover > a,
.template-color-1 .cart-box > ul > li.cart-box-right ul.ht-dropdown > li:hover > a{
    color: #2e8b57;
}
.template-color-1 .pro-quantity {
    background: #2e8b57;
}
.template-color-1 .price-content li span,
.template-color-1 .cart-content span.cart-price {
    color: #2e8b57;
}

/* ---Category Menu's Color Variation--- */
.template-color-1 .category-menu .category-heading {
    background: #2e8b57;
}
.template-color-1 .category-menu .category-menu-list {
    border: 2px solid #2e8b57;
}
.template-color-1 .cat-mega-menu {
    border-top: 2px solid #2e8b57;
}
.template-color-1 .category-menu .category-menu-list > ul > li:hover > a,
.template-color-1 .cat-mega-menu > li > ul > li:hover > a,
.template-color-1 .category-menu-list > ul > li.right-menu > ul.cat-dropdown_menu > li a:hover{
    color: #2e8b57;
}

/* ---Makali Button Color Variation--- */
.template-color-1 .makali-btn a:hover{
    background-color: #2e8b57;
    border-color: #2e8b57;
    color: #ffffff;
}

/* ---Subscribe Form Group Button--- */
.template-color-1 .subscribe-form-group button {
    background: #2e8b57;
}

/* ---Header Search Form Button--- */
.template-color-1 .header-form_area form.hm-searchbox button.search-btn:hover{
    color: #2e8b57;   
}
.template-color-1 .hm-searchbox-2 .search-btn{
    background-color: #2e8b57;
}

/* ---Category Menu Area--- */
.template-color-1 .cat-mega-menu>li.cat-mega-title>a:hover {
    color: #2e8b57;
}

/* ---Slider Area--- */
.template-color-1 .owl-nav div:hover {
    background: #2e8b57;
    color: #fff;
}
.template-color-1 .owl-dots .owl-dot.active {
    background: #2e8b57;
}
.template-color-1 .single-deal-active .owl-nav div:hover {
    background-color: unset;
    color: #2e8b57;
}
.template-color-1 .owl-dots .owl-dot:hover{
    background-color: #2e8b57;
}

/* ---Append Arrow Section--- */
.template-color-1 .categorie-append_arrow .owl-nav div:hover{
    background-color: unset;
    color: #2e8b57;
}

/* ---Banner Area--- */
.template-color-1 .banner-area .single-banner:hover h2.banner-category{
    background-color: #ffffff;
    color: #2e8b57;
}

/* ---Countdown Text Color--- */
.template-color-1 .count p {
    color: #2e8b57;
}

/* ---Quick View Area--- */
.template-color-1 .quick-view:hover::before {
    background: #2e8b57;
    color: #fff;
}
.template-color-1 .thumb-menu.owl-carousel .owl-item a:hover {
    border-color: #2e8b57;
}
.template-color-1 #product-window .close:focus,
.template-color-1 #product-window .close:hover {
    color: #2e8b57;
}
.template-color-1 .rating-summary li a:hover,
.template-color-1 .rating-summary li a:hover {
    color: #2e8b57;
}

/* ---Social Icon Area--- */
.template-color-1 ul.social-icon > li a:hover{
    color: #2e8b57;
}

/* ---Section Title Area--- */
.template-color-1 .section-title {
    /*background: rgba(0, 0, 0, 0) url("img/brand/section-bg.webp") no-repeat scroll 50% 100%;*/
    background: rgba(0, 0, 0, 0) url(img/brand/section-bg-4.webp) no-repeat scroll 50% 100%;
}

/* ---New Arrival Area--- */
.template-color-1 .add-to-cart:hover,
.template-color-1 .cart-wishlist:hover::before,
.template-color-1 .cart-compare:hover:before,
.template-color-1 .add-to-cart:hover:before,
.template-color-1 .pro-title a:hover {
    color: #2e8b57;
}

/* ---Rating Area--- */
.template-color-1 .rating i {
    color: #2e8b57;
}
.template-color-1 .rating-pro i,
.template-color-1 .review-list i {
    color: #2e8b57;
}

/* ---Product Cart Area--- */
.template-color-1 .pro-cart:hover {
    background: #2e8b57;
}
.template-color-1 .cart-box ul li.setting-area .ht-dropdown ul li:hover a{
    color: #2e8b57;
}
.template-color-1 .del-icone:hover,
.template-color-1 .cart-content h6 a:hover {
    color: #2e8b57;
}
.template-color-1 .cart-checkout:hover {
    background-color: #2e8b57;
    border-color: transparent;
    color: #fff;
}

/* ---Social Sharing Area--- */
.template-color-1 .social-sharing ul li a:hover {
    background: #2e8b57;
    border-color: #2e8b57;
    color: #fff;
}

/* ---Sticker Sale Area--- */
.template-color-1 span.sticker-sale {
    background: #2e8b57;
}

/* ---Blog Area--- */
.template-color-1 .meta-box li a:hover,
.template-color-1 .blog-content h4 a:hover {
    color: #2e8b57;
}

/* ---Categories Of Product--- */
.template-color-1 .cat-content a:hover,
.template-color-1 .multi-banner .cat-content a:hover {
    background: #2e8b57;
    color: #fff;
}

/* ---Product Tab Area--- */
.template-color-1 .pro-tabs-area li a:hover,
.template-color-1 .pro-tabs-area li a.active {
    border-color: #2e8b57;
    color: #2e8b57;
}

.template-color-1 .categorie-tabs-list li a.active,
.template-color-1 .categorie-tabs-list li a:hover {
    color: #2e8b57;
}

/* ---Footer Area--- */
.template-color-1 .footer-list li a:hover,
.template-color-1 .footer-menu li a:hover,
.template-color-1 .footer-copyright p a:hover {
    color: #2e8b57;
}

.footer-copyright p i {
    color: red;
}
.template-color-1 .subscribe-box button {
    background: #2e8b57;
    color: #ffffff;
}

.template-color-1 .subscribe-box button:hover {
    background: #323232;
}

/* ---Product Progressbar--- */
.template-color-1 .product-progressbar > span > strong,
.template-color-1 .product-progressbar-2 > span > strong,
.template-color-1 .product-progressbar-3 > span > strong,
.template-color-1 .product-progressbar-4 > span > strong {
  color: #2e8b57;
}
.template-color-1 .product-progressbar:after,
.template-color-1 .product-progressbar-2:after,
.template-color-1 .product-progressbar-3:after,
.template-color-1 .product-progressbar-4:after,
.template-color-1 .product-progressbar-5:after {
  background-color: #2e8b57;
}

/* ---Scroll up css--- */
.template-color-1 #scrollUp:hover {
    background: #2e8b57;
    border-color: #2e8b57;
}


/* ---Template Color Two--- */

/* ---Header Area--- */
.template-color-2 .header-top-left ul > li:hover > a,
.template-color-2 .header-top-right ul > li:hover > a,
.template-color-2 .wish-compare-items li a:hover {
    color: #f66362;
}
.template-color-2 .header-bottom-list > li > ul.ht-dropdown li:hover > a,
.template-color-2 .header-top-right > ul > li > ul.ht-dropdown li:hover > a {
    color: #f66362;
}
.template-color-2 .categorie-search-box button:hover {
    color: #f66362;
}
.template-color-2 .cart-box > ul > li > a span + span.total-pro {
    background: #f66362;
}
.template-color-2 .cart-box > ul > li.cart-box-right:hover > a,
.template-color-2 .cart-box > ul > li.cart-box-right ul.ht-dropdown > li:hover > a{
    color: #f66362;
}
.template-color-2 .pro-quantity {
    background: #f66362;
}
.template-color-2 .price-content li span,
.template-color-2 .cart-content span.cart-price {
    color: #f66362;
}

/* ---Category Menu's Color Variation--- */
.template-color-2 .category-menu .category-heading {
    background: #f66362;
}
.template-color-2 .category-menu .category-menu-list {
    border: 2px solid #f66362;
}
.template-color-2 .cat-mega-menu {
    border-top: 2px solid #f66362;
}
.template-color-2 .category-menu .category-menu-list > ul > li:hover > a,
.template-color-2 .cat-mega-menu > li > ul > li:hover > a,
.template-color-2 .category-menu-list > ul > li.right-menu > ul.cat-dropdown_menu > li a:hover{
    color: #f66362;
}

/* ---Makali Button Color Variation--- */
.template-color-2 .makali-btn a:hover{
    background-color: #f66362;
    border-color: #f66362;
    color: #ffffff;
}

/* ---Subscribe Form Group Button--- */
.template-color-2 .subscribe-form-group button {
    background: #f66362;
}

/* ---Header Search Form Button--- */
.template-color-2 .header-form_area form.hm-searchbox button.search-btn:hover{
    color: #f66362;   
}
.template-color-2 .hm-searchbox-2 .search-btn{
    background-color: #f66362;
}

/* ---Category Menu Area--- */
.template-color-2 .cat-mega-menu>li.cat-mega-title>a:hover {
    color: #f66362;
}

/* ---Slider Area--- */
.template-color-2 .owl-nav div:hover {
    background: #f66362;
    color: #fff;
}
.template-color-2 .owl-dots .owl-dot.active {
    background: #f66362;
}
.template-color-2 .owl-dots .owl-dot:hover{
    background-color: #f66362;
}

/* ---Append Arrow Section--- */
.template-color-2 .categorie-append_arrow .owl-nav div:hover{
    background-color: unset;
    color: #f66362;
}

/* ---Banner Area--- */
.template-color-2 .banner-area .single-banner:hover h2.banner-category{
    background-color: #ffffff;
    color: #f66362;
}

/* ---Countdown Text Color--- */
.template-color-2 .count p {
    color: #f66362;
}

/* ---Quick View Area--- */
.template-color-2 .quick-view:hover::before {
    background: #f66362;
    color: #fff;
}
.template-color-2 .thumb-menu.owl-carousel .owl-item a:hover {
    border-color: #f66362;
}
.template-color-2 #product-window .close:focus,
.template-color-2 #product-window .close:hover {
    color: #f66362;
}
.template-color-2 .rating-summary li a:hover,
.template-color-2 .rating-summary li a:hover {
    color: #f66362;
}

/* ---Social Icon Area--- */
.template-color-2 ul.social-icon > li a:hover{
    color: #f66362;
}

/* ---Section Title Area--- */
.template-color-2 .section-title {
    background: rgba(0, 0, 0, 0) url("img/brand/section-bg-2.webp") no-repeat scroll 50% 100%;
}

/* ---New Arrival Area--- */
.template-color-2 .add-to-cart:hover,
.template-color-2 .cart-wishlist:hover::before,
.template-color-2 .cart-compare:hover:before,
.template-color-2 .add-to-cart:hover:before,
.template-color-2 .pro-title a:hover {
    color: #f66362;
}

/* ---Rating Area--- */
.template-color-2 .rating i {
    color: #f66362;
}
.template-color-2 .rating-pro i,
.template-color-2 .review-list i {
    color: #f66362;
}

/* ---Product Cart Area--- */
.template-color-2 .pro-cart:hover {
    background-color: #f66362;
}
.template-color-2 .cart-box ul li.setting-area .ht-dropdown ul li:hover a{
    color: #f66362;
}
.template-color-2 .del-icone:hover,
.template-color-2 .cart-content h6 a:hover {
    color: #f66362;
}
.template-color-2 .cart-checkout:hover {
    background-color: #f66362;
    border-color: transparent;
    color: #fff;
}

/* ---Social Sharing Area--- */
.template-color-2 .social-sharing ul li a:hover {
    background: #f66362;
    border-color: #f66362;
    color: #fff;
}

/* ---Sticker Sale Area--- */
.template-color-2 span.sticker-sale {
    background: #f66362;
}

/* ---Blog Area--- */
.template-color-2 .meta-box li a:hover,
.template-color-2 .blog-content h4 a:hover {
    color: #f66362;
}

/* ---Categories Of Product--- */
.template-color-2 .cat-content a:hover,
.template-color-2 .multi-banner .cat-content a:hover {
    background: #f66362;
    color: #fff;
}

/* ---Product Tab Area--- */
.template-color-2 .pro-tabs-area li a:hover,
.template-color-2 .pro-tabs-area li a.active {
    border-color: #f66362;
    color: #f66362;
}

.template-color-2 .categorie-tabs-list li a.active,
.template-color-2 .categorie-tabs-list li a:hover {
    color: #f66362;
}

/* ---Footer Area--- */
.template-color-2 .footer-list li a:hover,
.template-color-2 .footer-menu li a:hover,
.template-color-2 .footer-copyright p a:hover {
    color: #f66362;
}
.template-color-2 .subscribe-box button {
    background: #f66362;
    color: #ffffff;
}
.template-color-2 .subscribe-box button:hover {
    background: #323232;
}

/* ---Product Progressbar--- */
.template-color-2 .product-progressbar > span > strong,
.template-color-2 .product-progressbar-2 > span > strong,
.template-color-2 .product-progressbar-3 > span > strong,
.template-color-2 .product-progressbar-4 > span > strong {
  color: #f66362;
}
.template-color-2 .product-progressbar:after,
.template-color-2 .product-progressbar-2:after,
.template-color-2 .product-progressbar-3:after,
.template-color-2 .product-progressbar-4:after,
.template-color-2 .product-progressbar-5:after {
  background-color: #f66362;
}

/* ---Scroll up css--- */
.template-color-2 #scrollUp:hover {
    background: #f66362;
    border-color: #f66362;
}

/* ---Template Color Three--- */

/* ---Header Area--- */
.template-color-3 .header-top-left ul > li:hover > a,
.template-color-3 .header-top-right ul > li:hover > a,
.template-color-3 .wish-compare-items li a:hover {
    color: #c09578;
}
.template-color-3 .header-bottom-list > li > ul.ht-dropdown li:hover > a,
.template-color-3 .header-top-right > ul > li > ul.ht-dropdown li:hover > a {
    color: #c09578;
}
.template-color-3 .categorie-search-box button:hover {
    color: #c09578;
}
.template-color-3 .cart-box > ul > li > a span + span.total-pro {
    background: #c09578;
}
.template-color-3 .cart-box > ul > li.cart-box-right:hover > a,
.template-color-3 .cart-box > ul > li.cart-box-right ul.ht-dropdown > li:hover > a{
    color: #c09578;
}
.template-color-3 .pro-quantity {
    background: #c09578;
}
.template-color-3 .price-content li span,
.template-color-3 .cart-content span.cart-price {
    color: #c09578;
}

/* ---Category Menu's Color Variation--- */
.template-color-3 .category-menu .category-heading {
    background: #c09578;
}
.template-color-3 .category-menu .category-menu-list {
    border: 2px solid #c09578;
}
.template-color-3 .cat-mega-menu {
    border-top: 2px solid #c09578;
}
.template-color-3 .category-menu .category-menu-list > ul > li:hover > a,
.template-color-3 .cat-mega-menu > li > ul > li:hover > a,
.template-color-3 .category-menu-list > ul > li.right-menu > ul.cat-dropdown_menu > li a:hover {
    color: #c09578;
}

/* ---Makali Button Color Variation--- */
.template-color-3 .makali-btn a:hover{
    background-color: #c09578;
    border-color: #c09578;
    color: #ffffff;
}

/* ---Subscribe Form Group Button--- */
.template-color-3 .subscribe-form-group button {
    background: #c09578;
}

/* ---Header Search Form Button--- */
.template-color-3 .header-form_area form.hm-searchbox button.search-btn:hover{
    color: #c09578;   
}
.template-color-3 .hm-searchbox-2 .search-btn{
    background-color: #c09578;
}

/* ---Category Menu Area--- */
.template-color-3 .cat-mega-menu>li.cat-mega-title>a:hover {
    color: #c09578;
}


/* ---Slider Area--- */
.template-color-3 .owl-nav div:hover {
    background: #c09578;
    color: #fff;
}
.template-color-3 .owl-dots .owl-dot.active {
    background: #c09578;
}
.template-color-3 .single-deal-active .owl-nav div:hover {
    background-color: unset;
    color: #c09578;
}
.template-color-3 .owl-dots .owl-dot:hover{
    background-color: #c09578;
}

/* ---Append Arrow Section--- */
.template-color-3 .categorie-append_arrow .owl-nav div:hover{
    background-color: unset;
    color: #c09578;
}

/* ---Banner Area--- */
.template-color-3 .banner-area .single-banner:hover h2.banner-category{
    background-color: #ffffff;
    color: #c09578;
}

/* ---Countdown Text Color--- */
.template-color-3 .count p {
    color: #c09578;
}

/* ---Quick View Area--- */
.template-color-3 .quick-view:hover::before {
    background: #c09578;
    color: #fff;
}
.template-color-3 .thumb-menu.owl-carousel .owl-item a:hover {
    border-color: #c09578;
}
.template-color-3 #product-window .close:focus,
.template-color-3 #product-window .close:hover {
    color: #c09578;
}
.template-color-3 .rating-summary li a:hover,
.template-color-3 .rating-summary li a:hover {
    color: #c09578;
}

/* ---Social Icon Area--- */
.template-color-3 ul.social-icon > li a:hover{
    color: #c09578;
}

/* ---Section Title Area--- */
.template-color-3 .section-title {
    background: rgba(0, 0, 0, 0) url("img/brand/section-bg-3.webp") no-repeat scroll 50% 100%;
}

/* ---New Arrival Area--- */
.template-color-3 .add-to-cart:hover,
.template-color-3 .cart-wishlist:hover::before,
.template-color-3 .cart-compare:hover:before,
.template-color-3 .add-to-cart:hover:before,
.template-color-3 .pro-title a:hover {
    color: #c09578;
}

/* ---Rating Area--- */
.template-color-3 .rating i {
    color: #c09578;
}
.template-color-3 .rating-pro i,
.template-color-3 .review-list i {
    color: #c09578;
}

/* ---Product Cart Area--- */
.template-color-3 .pro-cart:hover {
    background: #c09578;
}
.template-color-3 .cart-box ul li.setting-area .ht-dropdown ul li:hover a{
    color: #c09578;
}
.template-color-3 .del-icone:hover,
.template-color-3 .cart-content h6 a:hover {
    color: #c09578;
}
.template-color-3 .cart-checkout:hover {
    background-color: #c09578;
    border-color: transparent;
    color: #fff;
}

/* ---Social Sharing Area--- */
.template-color-3 .social-sharing ul li a:hover {
    background: #c09578;
    border-color: #c09578;
    color: #fff;
}

/* ---Sticker Sale Area--- */
.template-color-3 span.sticker-sale {
    background: #c09578;
}

/* ---Blog Area--- */
.template-color-3 .meta-box li a:hover,
.template-color-3 .blog-content h4 a:hover {
    color: #c09578;
}

/* ---Categories Of Product--- */
.template-color-3 .cat-content a:hover,
.template-color-3 .multi-banner .cat-content a:hover {
    background: #c09578;
    color: #fff;
}

/* ---Product Tab Area--- */
.template-color-3 .pro-tabs-area li a:hover,
.template-color-3 .pro-tabs-area li a.active {
    border-color: #c09578;
    color: #c09578;
}

.template-color-3 .categorie-tabs-list li a.active,
.template-color-3 .categorie-tabs-list li a:hover {
    color: #c09578;
}

/* ---Footer Area--- */
.template-color-3 .footer-list li a:hover,
.template-color-3 .footer-menu li a:hover,
.template-color-3 .footer-copyright p a:hover {
    color: #c09578;
}
.template-color-3 .subscribe-box button {
    background: #c09578;
    color: #ffffff;
}
.template-color-3 .subscribe-box button:hover {
    background: #323232;
}

/* ---Product Progressbar--- */
.template-color-3 .product-progressbar > span > strong,
.template-color-3 .product-progressbar-2 > span > strong,
.template-color-3 .product-progressbar-3 > span > strong,
.template-color-3 .product-progressbar-4 > span > strong {
  color: #c09578;
}
.template-color-3 .product-progressbar:after,
.template-color-3 .product-progressbar-2:after,
.template-color-3 .product-progressbar-3:after,
.template-color-3 .product-progressbar-4:after,
.template-color-3 .product-progressbar-5:after {
  background-color: #c09578;
}

/* ---Scroll up css--- */
.template-color-3 #scrollUp:hover {
    background: #c09578;
    border-color: #c09578;
}

/* ---Template Color Four--- */

/* ---Header Area--- */
.template-color-4 .header-top-left ul > li:hover > a,
.template-color-4 .header-top-right ul > li:hover > a,
.template-color-4 .wish-compare-items li a:hover {
    color: #389c3c;
}
.template-color-4 .header-bottom-list > li > ul.ht-dropdown li:hover > a,
.template-color-4 .header-top-right > ul > li > ul.ht-dropdown li:hover > a {
    color: #389c3c;
}
.template-color-4 .categorie-search-box button:hover {
    color: #389c3c;
}
.template-color-4 .cart-box > ul > li > a span + span.total-pro {
    background: #389c3c;
}
.template-color-4 .cart-box > ul > li.cart-box-right:hover > a,
.template-color-4 .cart-box > ul > li.cart-box-right ul.ht-dropdown > li:hover > a{
    color: #389c3c;
}
.template-color-4 .pro-quantity {
    background: #389c3c;
}
.template-color-4 .price-content li span,
.template-color-4 .cart-content span.cart-price {
    color: #389c3c;
}

/* ---Category Menu's Color Variation--- */
.template-color-4 .category-menu .category-heading {
    background: #389c3c;
}
.template-color-4 .category-menu .category-menu-list {
    border: 2px solid #389c3c;
}
.template-color-4 .cat-mega-menu {
    border-top: 2px solid #389c3c;
}
.template-color-4 .category-menu .category-menu-list > ul > li:hover > a,
.template-color-4 .cat-mega-menu > li > ul > li:hover > a,
.template-color-4 .category-menu-list > ul > li.right-menu > ul.cat-dropdown_menu > li a:hover {
    color: #389c3c;
}

/* ---Makali Button Color Variation--- */
.template-color-4 .makali-btn a:hover{
    background-color: #389c3c;
    border-color: #389c3c;
    color: #ffffff;
}

/* ---Subscribe Form Group Button--- */
.template-color-4 .subscribe-form-group button {
    background: #389c3c;
}

/* ---Header Search Form Button--- */
.template-color-4 .header-form_area form.hm-searchbox button.search-btn:hover{
    color: #389c3c;   
}
.template-color-4 .hm-searchbox-2 .search-btn{
    background-color: #389c3c;
}

/* ---Category Menu Area--- */
.template-color-4 .cat-mega-menu>li.cat-mega-title>a:hover {
    color: #389c3c;
}

/* ---Slider Area--- */
.template-color-4 .owl-nav div:hover {
    background: #389c3c;
    color: #fff;
}
.template-color-4 .owl-dots .owl-dot.active {
    background: #389c3c;
}
.template-color-4 .single-deal-active .owl-nav div:hover {
    background-color: unset;
    color: #389c3c;
}
.template-color-4 .owl-dots .owl-dot:hover{
    background-color: #389c3c;
}

/* ---Append Arrow Section--- */
.template-color-4 .categorie-append_arrow .owl-nav div:hover{
    background-color: unset;
    color: #389c3c;
}

/* ---Banner Area--- */
.template-color-4 .banner-area .single-banner:hover h2.banner-category{
    background-color: #ffffff;
    color: #389c3c;
}

/* ---Countdown Text Color--- */
.template-color-4 .count p {
    color: #389c3c;
}

/* ---Quick View Area--- */
.template-color-4 .quick-view:hover::before {
    background: #389c3c;
    color: #fff;
}
.template-color-4 .thumb-menu.owl-carousel .owl-item a:hover {
    border-color: #389c3c;
}
.template-color-4 #product-window .close:focus,
.template-color-4 #product-window .close:hover {
    color: #389c3c;
}
.template-color-4 .rating-summary li a:hover,
.template-color-4 .rating-summary li a:hover {
    color: #389c3c;
}

/* ---Social Icon Area--- */
.template-color-4 ul.social-icon > li a:hover{
    color: #389c3c;
}

/* ---Section Title Area--- */
.template-color-4 .section-title {
    background: rgba(0, 0, 0, 0) url("img/brand/section-bg-4.webp") no-repeat scroll 50% 100%;
}

/* ---New Arrival Area--- */
.template-color-4 .add-to-cart:hover,
.template-color-4 .cart-wishlist:hover::before,
.template-color-4 .cart-compare:hover:before,
.template-color-4 .add-to-cart:hover:before,
.template-color-4 .pro-title a:hover {
    color: #389c3c;
}

/* ---Rating Area--- */
.template-color-4 .rating i {
    color: #389c3c;
}
.template-color-4 .rating-pro i,
.template-color-4 .review-list i {
    color: #389c3c;
}

/* ---Product Cart Area--- */
.template-color-4 .pro-cart:hover {
    background: #389c3c;
}
.template-color-4 .cart-box ul li.setting-area .ht-dropdown ul li:hover a{
    color: #389c3c;
}
.template-color-4 .del-icone:hover,
.template-color-4 .cart-content h6 a:hover {
    color: #389c3c;
}
.template-color-4 .cart-checkout:hover {
    background-color: #389c3c;
    border-color: transparent;
    color: #fff;
}

/* ---Social Sharing Area--- */
.template-color-4 .social-sharing ul li a:hover {
    background: #389c3c;
    border-color: #389c3c;
    color: #fff;
}

/* ---Sticker Sale Area--- */
.template-color-4 span.sticker-sale {
    background: #389c3c;
}

/* ---Blog Area--- */
.template-color-4 .meta-box li a:hover,
.template-color-4 .blog-content h4 a:hover {
    color: #389c3c;
}

/* ---Categories Of Product--- */
.template-color-4 .cat-content a:hover,
.template-color-4 .multi-banner .cat-content a:hover {
    background: #389c3c;
    color: #fff;
}

/* ---Product Tab Area--- */
.template-color-4 .pro-tabs-area li a:hover,
.template-color-4 .pro-tabs-area li a.active {
    border-color: #389c3c;
    color: #389c3c;
}

.template-color-4 .categorie-tabs-list li a.active,
.template-color-4 .categorie-tabs-list li a:hover {
    color: #389c3c;
}

/* ---Footer Area--- */
.template-color-4 .footer-list li a:hover,
.template-color-4 .footer-menu li a:hover,
.template-color-4 .footer-copyright p a:hover {
    color: #389c3c;
}
.template-color-4 .subscribe-box button {
    background: #389c3c;
    color: #ffffff;
}

.template-color-4 .subscribe-box button:hover {
    background: #323232;
}

/* ---Product Progressbar--- */
.template-color-4 .product-progressbar > span > strong,
.template-color-4 .product-progressbar-2 > span > strong,
.template-color-4 .product-progressbar-3 > span > strong,
.template-color-4 .product-progressbar-4 > span > strong {
  color: #389c3c;
}
.template-color-4 .product-progressbar:after,
.template-color-4 .product-progressbar-2:after,
.template-color-4 .product-progressbar-3:after,
.template-color-4 .product-progressbar-4:after,
.template-color-4 .product-progressbar-5:after {
  background-color: #389c3c;
}

/* ---Scroll up css--- */
.template-color-4 #scrollUp:hover {
    background: #389c3c;
    border-color: #389c3c;
}

/* ---Template Color Five--- */

/* ---Header Area--- */
.template-color-5 .header-top-left ul > li:hover > a,
.template-color-5 .header-top-right ul > li:hover > a,
.template-color-5 .wish-compare-items li a:hover {
    color: #fab115;
}
.template-color-5 .header-bottom-list > li > ul.ht-dropdown li:hover > a,
.template-color-5 .header-top-right > ul > li > ul.ht-dropdown li:hover > a {
    color: #fab115;
}
.template-color-5 .categorie-search-box button:hover {
    color: #fab115;
}
.template-color-5 .cart-box > ul > li > a span + span.total-pro {
    background: #fab115;
}
.template-color-5 .cart-box > ul > li.cart-box-right:hover > a,
.template-color-5 .cart-box > ul > li.cart-box-right ul.ht-dropdown > li:hover > a{
    color: #fab115;
}
.template-color-5 .pro-quantity {
    background: #fab115;
}
.template-color-5 .price-content li span,
.template-color-5 .cart-content span.cart-price {
    color: #fab115;
}

/* ---Category Menu's Color Variation--- */
.template-color-5 .category-menu .category-heading {
    background: #fab115;
}
.template-color-5 .category-menu .category-menu-list {
    border: 2px solid #fab115;
}
.template-color-5 .cat-mega-menu {
    border-top: 2px solid #fab115;
}
.template-color-5 .category-menu .category-menu-list > ul > li:hover > a,
.template-color-5 .cat-mega-menu > li > ul > li:hover > a,
.template-color-5 .category-menu-list > ul > li.right-menu > ul.cat-dropdown_menu > li a:hover {
    color: #fab115;
}

/* ---Makali Button Color Variation--- */
.template-color-5 .makali-btn a:hover{
    background-color: #fab115;
    border-color: #fab115;
    color: #ffffff;
}

/* ---Subscribe Form Group Button--- */
.template-color-5 .subscribe-form-group button {
    background: #fab115;
}

/* ---Header Search Form Button--- */
.template-color-5 .header-form_area form.hm-searchbox button.search-btn:hover{
    color: #fab115;   
}
.template-color-5 .hm-searchbox-2 .search-btn{
    background-color: #fab115;
}

/* ---Category Menu Area--- */
.template-color-5 .cat-mega-menu>li.cat-mega-title>a:hover {
    color: #fab115;
}

/* ---Slider Area--- */
.template-color-5 .owl-nav div:hover {
    background: #fab115;
    color: #fff;
}
.template-color-5 .owl-dots .owl-dot.active {
    background: #fab115;
}
.template-color-5 .single-deal-active .owl-nav div:hover {
    background-color: unset;
    color: #fab115;
}
.template-color-5 .owl-dots .owl-dot:hover{
    background-color: #fab115;
}

/* ---Append Arrow Section--- */
.template-color-5 .categorie-append_arrow .owl-nav div:hover{
    background-color: unset;
    color: #fab115;
}

/* ---Banner Area--- */
.template-color-5 .banner-area .single-banner:hover h2.banner-category{
    background-color: #ffffff;
    color: #fab115;
}

/* ---Countdown Text Color--- */
.template-color-5 .count p {
    color: #fab115;
}

/* ---Quick View Area--- */
.template-color-5 .quick-view:hover::before {
    background: #fab115;
    color: #fff;
}
.template-color-5 .thumb-menu.owl-carousel .owl-item a:hover {
    border-color: #fab115;
}
.template-color-5 #product-window .close:focus,
.template-color-5 #product-window .close:hover {
    color: #fab115;
}
.template-color-5 .rating-summary li a:hover,
.template-color-5 .rating-summary li a:hover {
    color: #fab115;
}

/* ---Social Icon Area--- */
.template-color-5 ul.social-icon > li a:hover{
    color: #fab115;
}

/* ---Section Title Area--- */
.template-color-5 .section-title {
    background: rgba(0, 0, 0, 0) url("img/brand/section-bg-5.webp") no-repeat scroll 50% 100%;
}

/* ---New Arrival Area--- */
.template-color-5 .add-to-cart:hover,
.template-color-5 .cart-wishlist:hover::before,
.template-color-5 .cart-compare:hover:before,
.template-color-5 .add-to-cart:hover:before,
.template-color-5 .pro-title a:hover {
    color: #fab115;
}

/* ---Rating Area--- */
.template-color-5 .rating i {
    color: #fab115;
}
.template-color-5 .rating-pro i,
.template-color-5 .review-list i {
    color: #fab115;
}

/* ---Product Cart Area--- */
.template-color-5 .pro-cart:hover {
    background: #fab115;
}
.template-color-5 .cart-box ul li.setting-area .ht-dropdown ul li:hover a{
    color: #fab115;
}
.template-color-5 .del-icone:hover,
.template-color-5 .cart-content h6 a:hover {
    color: #fab115;
}
.template-color-5 .cart-checkout:hover {
    background-color: #fab115;
    border-color: transparent;
    color: #fff;
}

/* ---Social Sharing Area--- */
.template-color-5 .social-sharing ul li a:hover {
    background: #fab115;
    border-color: #fab115;
    color: #fff;
}

/* ---Sticker Sale Area--- */
.template-color-5 span.sticker-sale {
    background: #fab115;
}

/* ---Blog Area--- */
.template-color-5 .meta-box li a:hover,
.template-color-5 .blog-content h4 a:hover {
    color: #fab115;
}

/* ---Categories Of Product--- */
.template-color-5 .cat-content a:hover,
.template-color-5 .multi-banner .cat-content a:hover {
    background: #fab115;
    color: #fff;
}

/* ---Product Tab Area--- */
.template-color-5 .pro-tabs-area li a:hover,
.template-color-5 .pro-tabs-area li a.active {
    border-color: #fab115;
    color: #fab115;
}

.template-color-5 .categorie-tabs-list li a.active,
.template-color-5 .categorie-tabs-list li a:hover {
    color: #fab115;
}

/* ---Footer Area--- */
.template-color-5 .footer-list li a:hover,
.template-color-5 .footer-menu li a:hover,
.template-color-5 .footer-copyright p a:hover {
    color: #fab115;
}
.template-color-5 .subscribe-box button {
    background: #fab115;
    color: #ffffff;
}

.template-color-5 .subscribe-box button:hover {
    background: #323232;
}

/* ---Product Progressbar--- */
.template-color-5 .product-progressbar > span > strong,
.template-color-5 .product-progressbar-2 > span > strong,
.template-color-5 .product-progressbar-3 > span > strong,
.template-color-5 .product-progressbar-4 > span > strong {
  color: #fab115;
}
.template-color-5 .product-progressbar:after,
.template-color-5 .product-progressbar-2:after,
.template-color-5 .product-progressbar-3:after,
.template-color-5 .product-progressbar-4:after,
.template-color-5 .product-progressbar-5:after {
  background-color: #fab115;
}

/* ---Scroll up css--- */
.template-color-5 #scrollUp:hover {
    background: #fab115;
    border-color: #fab115;
}

/* ---Template Color Six--- */

/* ---Header Area--- */
.template-color-6 .header-top-left ul > li:hover > a,
.template-color-6 .header-top-right ul > li:hover > a,
.template-color-6 .wish-compare-items li a:hover {
    color: #0583cc;
}
.template-color-6 .header-bottom-list > li > ul.ht-dropdown li:hover > a,
.template-color-6 .header-top-right > ul > li > ul.ht-dropdown li:hover > a {
    color: #0583cc;
}
.template-color-6 .categorie-search-box button:hover {
    color: #0583cc;
}
.template-color-6 .cart-box > ul > li > a span + span.total-pro {
    background: #0583cc;
}
.template-color-6 .cart-box > ul > li.cart-box-right:hover > a,
.template-color-6 .cart-box > ul > li.cart-box-right ul.ht-dropdown > li:hover > a{
    color: #0583cc;
}
.template-color-6 .pro-quantity {
    background: #0583cc;
}
.template-color-6 .price-content li span,
.template-color-6 .cart-content span.cart-price {
    color: #0583cc;
}

/* ---Category Menu's Color Variation--- */
.template-color-6 .category-menu .category-heading {
    background: #0583cc;
}
.template-color-6 .category-menu .category-menu-list {
    border: 2px solid #0583cc;
}
.template-color-6 .cat-mega-menu {
    border-top: 2px solid #0583cc;
}
.template-color-6 .category-menu .category-menu-list > ul > li:hover > a,
.template-color-6 .cat-mega-menu > li > ul > li:hover > a,
.template-color-6 .category-menu-list > ul > li.right-menu > ul.cat-dropdown_menu > li a:hover {
    color: #0583cc;
}

/* ---Makali Button Color Variation--- */
.template-color-6 .makali-btn a:hover{
    background-color: #0583cc;
    border-color: #0583cc;
    color: #ffffff;
}

/* ---Subscribe Form Group Button--- */
.template-color-6 .subscribe-form-group button {
    background: #0583cc;
}

/* ---Header Search Form Button--- */
.template-color-6 .header-form_area form.hm-searchbox button.search-btn:hover{
    color: #0583cc;   
}
.template-color-6 .hm-searchbox-2 .search-btn{
    background-color: #0583cc;
}

/* ---Category Menu Area--- */
.template-color-6 .cat-mega-menu>li.cat-mega-title>a:hover {
    color: #0583cc;
}

/* ---Slider Area--- */
.template-color-6 .owl-nav div:hover {
    background: #0583cc;
    color: #fff;
}
.template-color-6 .owl-dots .owl-dot.active {
    background: #0583cc;
}
.template-color-6 .single-deal-active .owl-nav div:hover {
    background-color: unset;
    color: #0583cc;
}
.template-color-6 .owl-dots .owl-dot:hover{
    background-color: #0583cc;
}

/* ---Append Arrow Section--- */
.template-color-6 .categorie-append_arrow .owl-nav div:hover{
    background-color: unset;
    color: #0583cc;
}

/* ---Banner Area--- */
.template-color-6 .banner-area .single-banner:hover h2.banner-category{
    background-color: #ffffff;
    color: #0583cc;
}

/* ---Countdown Text Color--- */
.template-color-6 .count p {
    color: #0583cc;
}

/* ---Quick View Area--- */
.template-color-6 .quick-view:hover::before {
    background: #0583cc;
    color: #fff;
}
.template-color-6 .thumb-menu.owl-carousel .owl-item a:hover {
    border-color: #0583cc;
}
.template-color-6 #product-window .close:focus,
.template-color-6 #product-window .close:hover {
    color: #0583cc;
}
.template-color-6 .rating-summary li a:hover,
.template-color-6 .rating-summary li a:hover {
    color: #0583cc;
}

/* ---Social Icon Area--- */
.template-color-6 ul.social-icon > li a:hover{
    color: #0583cc;
}

/* ---Section Title Area--- */
.template-color-6 .section-title {
    background: rgba(0, 0, 0, 0) url("img/brand/section-bg-6.webp") no-repeat scroll 50% 100%;
}

/* ---New Arrival Area--- */
.template-color-6 .add-to-cart:hover,
.template-color-6 .cart-wishlist:hover::before,
.template-color-6 .cart-compare:hover:before,
.template-color-6 .add-to-cart:hover:before,
.template-color-6 .pro-title a:hover {
    color: #0583cc;
}

/* ---Rating Area--- */
.template-color-6 .rating i {
    color: #0583cc;
}
.template-color-6 .rating-pro i,
.template-color-6 .review-list i {
    color: #0583cc;
}

/* ---Product Cart Area--- */
.template-color-6 .pro-cart:hover {
    background: #0583cc;
}
.template-color-6 .cart-box ul li.setting-area .ht-dropdown ul li:hover a{
    color: #0583cc;
}
.template-color-6 .del-icone:hover,
.template-color-6 .cart-content h6 a:hover {
    color: #0583cc;
}
.template-color-6 .cart-checkout:hover {
    background-color: #0583cc;
    border-color: transparent;
    color: #fff;
}

/* ---Social Sharing Area--- */
.template-color-6 .social-sharing ul li a:hover {
    background: #0583cc;
    border-color: #0583cc;
    color: #fff;
}

/* ---Sticker Sale Area--- */
.template-color-6 span.sticker-sale {
    background: #0583cc;
}

/* ---Blog Area--- */
.template-color-6 .meta-box li a:hover,
.template-color-6 .blog-content h4 a:hover {
    color: #0583cc;
}

/* ---Categories Of Product--- */
.template-color-6 .cat-content a:hover,
.template-color-6 .multi-banner .cat-content a:hover {
    background: #0583cc;
    color: #fff;
}

/* ---Product Tab Area--- */
.template-color-6 .pro-tabs-area li a:hover,
.template-color-6 .pro-tabs-area li a.active {
    border-color: #0583cc;
    color: #0583cc;
}

.template-color-6 .categorie-tabs-list li a.active,
.template-color-6 .categorie-tabs-list li a:hover {
    color: #0583cc;
}

/* ---Footer Area--- */
.template-color-6 .footer-list li a:hover,
.template-color-6 .footer-menu li a:hover,
.template-color-6 .footer-copyright p a:hover {
    color: #0583cc;
}
.template-color-6 .subscribe-box button {
    background: #0583cc;
    color: #ffffff;
}

.template-color-6 .subscribe-box button:hover {
    background: #323232;
}

/* ---Product Progressbar--- */
.template-color-6 .product-progressbar > span > strong,
.template-color-6 .product-progressbar-2 > span > strong,
.template-color-6 .product-progressbar-3 > span > strong,
.template-color-6 .product-progressbar-4 > span > strong {
  color: #0583cc;
}
.template-color-6 .product-progressbar:after,
.template-color-6 .product-progressbar-2:after,
.template-color-6 .product-progressbar-3:after,
.template-color-6 .product-progressbar-4:after,
.template-color-6 .product-progressbar-5:after {
  background-color: #0583cc;
}

/* ---Scroll up css--- */
.template-color-6 #scrollUp:hover {
    background: #0583cc;
    border-color: #0583cc;
}

/* ---Template Color Seven--- */

/* ---Header Area--- */
.template-color-7 .header-top-left ul > li:hover > a,
.template-color-7 .header-top-right ul > li:hover > a,
.template-color-7 .wish-compare-items li a:hover {
    color: #e21737;
}
.template-color-7 .header-bottom-list > li > ul.ht-dropdown li:hover > a,
.template-color-7 .header-top-right > ul > li > ul.ht-dropdown li:hover > a {
    color: #e21737;
}
.template-color-7 .categorie-search-box button:hover {
    color: #e21737;
}
.template-color-7 .cart-box > ul > li > a span + span.total-pro {
    background: #e21737;
}
.template-color-7 .cart-box > ul > li.cart-box-right:hover > a,
.template-color-7 .cart-box > ul > li.cart-box-right ul.ht-dropdown > li:hover > a{
    color: #e21737;
}
.template-color-7 .pro-quantity {
    background: #e21737;
}
.template-color-7 .price-content li span,
.template-color-7 .cart-content span.cart-price {
    color: #e21737;
}

/* ---Category Menu's Color Variation--- */
.template-color-7 .category-menu .category-heading {
    background: #e21737;
}
.template-color-7 .category-menu .category-menu-list {
    border: 2px solid #e21737;
}
.template-color-7 .cat-mega-menu {
    border-top: 2px solid #e21737;
}
.template-color-7 .category-menu .category-menu-list > ul > li:hover > a,
.template-color-7 .cat-mega-menu > li > ul > li:hover > a,
.template-color-7 .category-menu-list > ul > li.right-menu > ul.cat-dropdown_menu > li a:hover{
    color: #e21737;
}

/* ---Makali Button Color Variation--- */
.template-color-7 .makali-btn a:hover{
    background-color: #e21737;
    border-color: #e21737;
    color: #ffffff;
}

/* ---Subscribe Form Group Button--- */
.template-color-7 .subscribe-form-group button {
    background: #e21737;
}

/* ---Header Search Form Button--- */
.template-color-7 .header-form_area form.hm-searchbox button.search-btn:hover{
    color: #e21737;   
}
.template-color-7 .hm-searchbox-2 .search-btn{
    background-color: #e21737;
}

/* ---Category Menu Area--- */
.template-color-7 .cat-mega-menu > li.cat-mega-title > a:hover {
    color: #e21737;
}

/* ---Slider Area--- */
.template-color-7 .owl-nav div:hover {
    background: #e21737;
    color: #fff;
}
.template-color-7 .owl-dots .owl-dot.active {
    background: #e21737;
}
.template-color-7 .owl-dots .owl-dot:hover{
    background-color: #e21737;
}

/* ---Append Arrow Section--- */
.template-color-7 .categorie-append_arrow .owl-nav div:hover{
    background-color: unset;
    color: #e21737;
}

/* ---Banner Area--- */
.template-color-7 .banner-area .single-banner:hover h2.banner-category{
    background-color: #ffffff;
    color: #e21737;
}

/* ---Countdown Text Color--- */
.template-color-7 .count p {
    color: #e21737;
}

/* ---Quick View Area--- */
.template-color-7 .quick-view:hover::before {
    background: #e21737;
    color: #fff;
}
.template-color-7 .thumb-menu.owl-carousel .owl-item a:hover {
    border-color: #e21737;
}
.template-color-7 #product-window .close:focus,
.template-color-7 #product-window .close:hover {
    color: #e21737;
}
.template-color-7 .rating-summary li a:hover,
.template-color-7 .rating-summary li a:hover {
    color: #e21737;
}

/* ---Social Icon Area--- */
.template-color-7 ul.social-icon > li a:hover{
    color: #e21737;
}

/* ---Section Title Area--- */
.template-color-7 .section-title {
    background: rgba(0, 0, 0, 0) url("img/brand/section-bg-7.webp") no-repeat scroll 50% 100%;
}

/* ---New Arrival Area--- */
.template-color-7 .add-to-cart:hover,
.template-color-7 .cart-wishlist:hover::before,
.template-color-7 .cart-compare:hover:before,
.template-color-7 .add-to-cart:hover:before,
.template-color-7 .pro-title a:hover {
    color: #e21737;
}

/* ---Rating Area--- */
.template-color-7 .rating i {
    color: #e21737;
}
.template-color-7 .rating-pro i,
.template-color-7 .review-list i {
    color: #e21737;
}

/* ---Product Cart Area--- */
.template-color-7 .pro-cart:hover {
    background-color: #e21737;
}
.template-color-7 .cart-box ul li.setting-area .ht-dropdown ul li:hover a{
    color: #e21737;
}
.template-color-7 .del-icone:hover,
.template-color-7 .cart-content h6 a:hover {
    color: #e21737;
}
.template-color-7 .cart-checkout:hover {
    background-color: #e21737;
    border-color: transparent;
    color: #fff;
}

/* ---Social Sharing Area--- */
.template-color-7 .social-sharing ul li a:hover {
    background: #e21737;
    border-color: #e21737;
    color: #fff;
}

/* ---Sticker Sale Area--- */
.template-color-7 span.sticker-sale {
    background: #e21737;
}

/* ---Blog Area--- */
.template-color-7 .meta-box li a:hover,
.template-color-7 .blog-content h4 a:hover {
    color: #e21737;
}

/* ---Categories Of Product--- */
.template-color-7 .cat-content a:hover,
.template-color-7 .multi-banner .cat-content a:hover {
    background: #e21737;
    color: #fff;
}

/* ---Product Tab Area--- */
.template-color-7 .pro-tabs-area li a:hover,
.template-color-7 .pro-tabs-area li a.active {
    border-color: #e21737;
    color: #e21737;
}

.template-color-7 .categorie-tabs-list li a.active,
.template-color-7 .categorie-tabs-list li a:hover {
    color: #e21737;
}

/* ---Footer Area--- */
.template-color-7 .footer-list li a:hover,
.template-color-7 .footer-menu li a:hover,
.template-color-7 .footer-copyright p a:hover {
    color: #e21737;
}
.template-color-7 .subscribe-box button {
    background: #e21737;
    color: #ffffff;
}
.template-color-7 .subscribe-box button:hover {
    background: #323232;
}

/* ---Product Progressbar--- */
.template-color-7 .product-progressbar > span > strong,
.template-color-7 .product-progressbar-2 > span > strong,
.template-color-7 .product-progressbar-3 > span > strong,
.template-color-7 .product-progressbar-4 > span > strong {
  color: #e21737;
}
.template-color-7 .product-progressbar:after,
.template-color-7 .product-progressbar-2:after,
.template-color-7 .product-progressbar-3:after,
.template-color-7 .product-progressbar-4:after,
.template-color-7 .product-progressbar-5:after {
  background-color: #e21737;
}

/* ---Scroll up css--- */
.template-color-7 #scrollUp:hover {
    background: #e21737;
    border-color: #e21737;
}

/* ---Template Color Eight--- */

/* ---Header Area--- */
.template-color-8 .header-top-left ul > li:hover > a,
.template-color-8 .header-top-right ul > li:hover > a,
.template-color-8 .wish-compare-items li a:hover {
    color: #ee8e12;
}
.template-color-8 .header-bottom-list > li > ul.ht-dropdown li:hover > a,
.template-color-8 .header-top-right > ul > li > ul.ht-dropdown li:hover > a {
    color: #ee8e12;
}
.template-color-8 .categorie-search-box button:hover {
    color: #ee8e12;
}
.template-color-8 .cart-box > ul > li > a span + span.total-pro {
    background: #ee8e12;
}
.template-color-8 .cart-box > ul > li.cart-box-right:hover > a,
.template-color-8 .cart-box > ul > li.cart-box-right ul.ht-dropdown > li:hover > a{
    color: #ee8e12;
}
.template-color-8 .pro-quantity {
    background: #ee8e12;
}
.template-color-8 .price-content li span,
.template-color-8 .cart-content span.cart-price {
    color: #ee8e12;
}

/* ---Category Menu's Color Variation--- */
.template-color-8 .category-menu .category-heading {
    background: #ee8e12;
}
.template-color-8 .category-menu .category-menu-list {
    border: 2px solid #ee8e12;
}
.template-color-8 .cat-mega-menu {
    border-top: 2px solid #ee8e12;
}
.template-color-8 .category-menu .category-menu-list > ul > li:hover > a,
.template-color-8 .cat-mega-menu > li > ul > li:hover > a,
.template-color-8 .category-menu-list > ul > li.right-menu > ul.cat-dropdown_menu > li a:hover{
    color: #ee8e12;
}

/* ---Makali Button Color Variation--- */
.template-color-8 .makali-btn a:hover{
    background-color: #ee8e12;
    border-color: #ee8e12;
    color: #ffffff;
}

/* ---Subscribe Form Group Button--- */
.template-color-8 .subscribe-form-group button {
    background: #ee8e12;
}

/* ---Header Search Form Button--- */
.template-color-8 .header-form_area form.hm-searchbox button.search-btn:hover{
    color: #ee8e12;   
}
.template-color-8 .hm-searchbox-2 .search-btn{
    background-color: #ee8e12;
}

/* ---Category Menu Area--- */
.template-color-8 .cat-mega-menu > li.cat-mega-title > a:hover {
    color: #ee8e12;
}

/* ---Slider Area--- */
.template-color-8 .owl-nav div:hover {
    background: #ee8e12;
    color: #fff;
}
.template-color-8 .owl-dots .owl-dot.active {
    background: #ee8e12;
}
.template-color-8 .owl-dots .owl-dot:hover{
    background-color: #ee8e12;
}

/* ---Append Arrow Section--- */
.template-color-8 .categorie-append_arrow .owl-nav div:hover{
    background-color: unset;
    color: #ee8e12;
}

/* ---Banner Area--- */
.template-color-8 .banner-area .single-banner:hover h2.banner-category{
    background-color: #ffffff;
    color: #ee8e12;
}

/* ---Countdown Text Color--- */
.template-color-8 .count p {
    color: #ee8e12;
}

/* ---Quick View Area--- */
.template-color-8 .quick-view:hover::before {
    background: #ee8e12;
    color: #fff;
}
.template-color-8 .thumb-menu.owl-carousel .owl-item a:hover {
    border-color: #ee8e12;
}
.template-color-8 #product-window .close:focus,
.template-color-8 #product-window .close:hover {
    color: #ee8e12;
}
.template-color-8 .rating-summary li a:hover,
.template-color-8 .rating-summary li a:hover {
    color: #ee8e12;
}

/* ---Social Icon Area--- */
.template-color-8 ul.social-icon > li a:hover{
    color: #ee8e12;
}

/* ---Section Title Area--- */
.template-color-8 .section-title {
    background: rgba(0, 0, 0, 0) url("img/brand/section-bg-8.webp") no-repeat scroll 50% 100%;
}

/* ---New Arrival Area--- */
.template-color-8 .add-to-cart:hover,
.template-color-8 .cart-wishlist:hover::before,
.template-color-8 .cart-compare:hover:before,
.template-color-8 .add-to-cart:hover:before,
.template-color-8 .pro-title a:hover {
    color: #ee8e12;
}

/* ---Rating Area--- */
.template-color-8 .rating i {
    color: #ee8e12;
}
.template-color-8 .rating-pro i,
.template-color-8 .review-list i {
    color: #ee8e12;
}

/* ---Product Cart Area--- */
.template-color-8 .pro-cart:hover {
    background-color: #ee8e12;
}
.template-color-8 .cart-box ul li.setting-area .ht-dropdown ul li:hover a{
    color: #ee8e12;
}
.template-color-8 .del-icone:hover,
.template-color-8 .cart-content h6 a:hover {
    color: #ee8e12;
}
.template-color-8 .cart-checkout:hover {
    background-color: #ee8e12;
    border-color: transparent;
    color: #fff;
}

/* ---Social Sharing Area--- */
.template-color-8 .social-sharing ul li a:hover {
    background: #ee8e12;
    border-color: #ee8e12;
    color: #fff;
}

/* ---Sticker Sale Area--- */
.template-color-8 span.sticker-sale {
    background: #ee8e12;
}

/* ---Blog Area--- */
.template-color-8 .meta-box li a:hover,
.template-color-8 .blog-content h4 a:hover {
    color: #ee8e12;
}

/* ---Categories Of Product--- */
.template-color-8 .cat-content a:hover,
.template-color-8 .multi-banner .cat-content a:hover {
    background: #ee8e12;
    color: #fff;
}

/* ---Product Tab Area--- */
.template-color-8 .pro-tabs-area li a:hover,
.template-color-8 .pro-tabs-area li a.active {
    border-color: #ee8e12;
    color: #ee8e12;
}

.template-color-8 .categorie-tabs-list li a.active,
.template-color-8 .categorie-tabs-list li a:hover {
    color: #ee8e12;
}

/* ---Footer Area--- */
.template-color-8 .footer-list li a:hover,
.template-color-8 .footer-menu li a:hover,
.template-color-8 .footer-copyright p a:hover {
    color: #ee8e12;
}
.template-color-8 .subscribe-box button {
    background: #ee8e12;
    color: #ffffff;
}
.template-color-8 .subscribe-box button:hover {
    background: #323232;
}

/* ---Product Progressbar--- */
.template-color-8 .product-progressbar > span > strong,
.template-color-8 .product-progressbar-2 > span > strong,
.template-color-8 .product-progressbar-3 > span > strong,
.template-color-8 .product-progressbar-4 > span > strong {
  color: #ee8e12;
}
.template-color-8 .product-progressbar:after,
.template-color-8 .product-progressbar-2:after,
.template-color-8 .product-progressbar-3:after,
.template-color-8 .product-progressbar-4:after,
.template-color-8 .product-progressbar-5:after {
  background-color: #ee8e12;
}

/* ---Scroll up css--- */
.template-color-8 #scrollUp:hover {
    background: #ee8e12;
    border-color: #ee8e12;
}

/* ---Template Color Nine--- */

/* ---Header Area--- */
.template-color-9 .header-top-left ul > li:hover > a,
.template-color-9 .header-top-right ul > li:hover > a,
.template-color-9 .wish-compare-items li a:hover {
    color: #fedc19;
}
.template-color-9 .header-bottom-list > li > ul.ht-dropdown li:hover > a,
.template-color-9 .header-top-right > ul > li > ul.ht-dropdown li:hover > a {
    color: #fedc19;
}
.template-color-9 .categorie-search-box button:hover {
    color: #fedc19;
}
.template-color-9 .cart-box > ul > li > a span + span.total-pro {
    background: #fedc19;
}
.template-color-9 .cart-box > ul > li.cart-box-right:hover > a,
.template-color-9 .cart-box > ul > li.cart-box-right ul.ht-dropdown > li:hover > a{
    color: #fedc19;
}
.template-color-9 .pro-quantity {
    background: #fedc19;
}
.template-color-9 .price-content li span,
.template-color-9 .cart-content span.cart-price {
    color: #fedc19;
}

/* ---Category Menu's Color Variation--- */
.template-color-9 .category-menu .category-heading {
    background: #fedc19;
}
.template-color-9 .category-menu .category-menu-list {
    border: 2px solid #fedc19;
}
.template-color-9 .cat-mega-menu {
    border-top: 2px solid #fedc19;
}
.template-color-9 .category-menu .category-menu-list > ul > li:hover > a,
.template-color-9 .cat-mega-menu > li > ul > li:hover > a,
.template-color-9 .category-menu-list > ul > li.right-menu > ul.cat-dropdown_menu > li a:hover{
    color: #fedc19;
}

/* ---Makali Button Color Variation--- */
.template-color-9 .makali-btn a:hover{
    background-color: #fedc19;
    border-color: #fedc19;
    color: #ffffff;
}

/* ---Subscribe Form Group Button--- */
.template-color-9 .subscribe-form-group button {
    background: #fedc19;
}

/* ---Header Search Form Button--- */
.template-color-9 .header-form_area form.hm-searchbox button.search-btn:hover{
    color: #fedc19;   
}
.template-color-9 .hm-searchbox-2 .search-btn{
    background-color: #fedc19;
}

/* ---Category Menu Area--- */
.template-color-9 .cat-mega-menu > li.cat-mega-title > a:hover {
    color: #fedc19;
}

/* ---Slider Area--- */
.template-color-9 .owl-nav div:hover {
    background: #fedc19;
    color: #fff;
}
.template-color-9 .owl-dots .owl-dot.active {
    background: #fedc19;
}
.template-color-9 .owl-dots .owl-dot:hover{
    background-color: #fedc19;
}

/* ---Append Arrow Section--- */
.template-color-9 .categorie-append_arrow .owl-nav div:hover{
    background-color: unset;
    color: #fedc19;
}

/* ---Banner Area--- */
.template-color-9 .banner-area .single-banner:hover h2.banner-category{
    background-color: #ffffff;
    color: #fedc19;
}

/* ---Countdown Text Color--- */
.template-color-9 .count p {
    color: #fedc19;
}

/* ---Quick View Area--- */
.template-color-9 .quick-view:hover::before {
    background: #fedc19;
    color: #fff;
}
.template-color-9 .thumb-menu.owl-carousel .owl-item a:hover {
    border-color: #fedc19;
}
.template-color-9 #product-window .close:focus,
.template-color-9 #product-window .close:hover {
    color: #fedc19;
}
.template-color-9 .rating-summary li a:hover,
.template-color-9 .rating-summary li a:hover {
    color: #fedc19;
}

/* ---Social Icon Area--- */
.template-color-9 ul.social-icon > li a:hover{
    color: #fedc19;
}

/* ---Section Title Area--- */
.template-color-9 .section-title {
    background: rgba(0, 0, 0, 0) url("img/brand/section-bg-9.webp") no-repeat scroll 50% 100%;
}

/* ---New Arrival Area--- */
.template-color-9 .add-to-cart:hover,
.template-color-9 .cart-wishlist:hover::before,
.template-color-9 .cart-compare:hover:before,
.template-color-9 .add-to-cart:hover:before,
.template-color-9 .pro-title a:hover {
    color: #fedc19;
}

/* ---Rating Area--- */
.template-color-9 .rating i {
    color: #fedc19;
}
.template-color-9 .rating-pro i,
.template-color-9 .review-list i {
    color: #fedc19;
}

/* ---Product Cart Area--- */
.template-color-9 .pro-cart:hover {
    background-color: #fedc19;
}
.template-color-9 .cart-box ul li.setting-area .ht-dropdown ul li:hover a{
    color: #fedc19;
}
.template-color-9 .del-icone:hover,
.template-color-9 .cart-content h6 a:hover {
    color: #fedc19;
}
.template-color-9 .cart-checkout:hover {
    background-color: #fedc19;
    border-color: transparent;
    color: #fff;
}

/* ---Social Sharing Area--- */
.template-color-9 .social-sharing ul li a:hover {
    background: #fedc19;
    border-color: #fedc19;
    color: #fff;
}

/* ---Sticker Sale Area--- */
.template-color-9 span.sticker-sale {
    background: #fedc19;
}

/* ---Blog Area--- */
.template-color-9 .meta-box li a:hover,
.template-color-9 .blog-content h4 a:hover {
    color: #fedc19;
}

/* ---Categories Of Product--- */
.template-color-9 .cat-content a:hover,
.template-color-9 .multi-banner .cat-content a:hover {
    background: #fedc19;
    color: #fff;
}

/* ---Product Tab Area--- */
.template-color-9 .pro-tabs-area li a:hover,
.template-color-9 .pro-tabs-area li a.active {
    border-color: #fedc19;
    color: #fedc19;
}

.template-color-9 .categorie-tabs-list li a.active,
.template-color-9 .categorie-tabs-list li a:hover {
    color: #fedc19;
}

/* ---Footer Area--- */
.template-color-9 .footer-list li a:hover,
.template-color-9 .footer-menu li a:hover,
.template-color-9 .footer-copyright p a:hover {
    color: #fedc19;
}
.template-color-9 .subscribe-box button {
    background: #fedc19;
    color: #ffffff;
}
.template-color-9 .subscribe-box button:hover {
    background: #323232;
}

/* ---Product Progressbar--- */
.template-color-9 .product-progressbar > span > strong,
.template-color-9 .product-progressbar-2 > span > strong,
.template-color-9 .product-progressbar-3 > span > strong,
.template-color-9 .product-progressbar-4 > span > strong {
  color: #fedc19;
}
.template-color-9 .product-progressbar:after,
.template-color-9 .product-progressbar-2:after,
.template-color-9 .product-progressbar-3:after,
.template-color-9 .product-progressbar-4:after,
.template-color-9 .product-progressbar-5:after {
  background-color: #fedc19;
}

/* ---Scroll up css--- */
.template-color-9 #scrollUp:hover {
    background: #fedc19;
    border-color: #fedc19;
}

/* ---Template Color Ten--- */

/* ---Header Area--- */
.template-color-10 .header-top-left ul > li:hover > a,
.template-color-10 .header-top-right ul > li:hover > a,
.template-color-10 .wish-compare-items li a:hover {
    color: #db8678;
}
.template-color-10 .header-bottom-list > li > ul.ht-dropdown li:hover > a,
.template-color-10 .header-top-right > ul > li > ul.ht-dropdown li:hover > a {
    color: #db8678;
}
.template-color-10 .categorie-search-box button:hover {
    color: #db8678;
}
.template-color-10 .cart-box > ul > li > a span + span.total-pro {
    background: #db8678;
}
.template-color-10 .cart-box > ul > li.cart-box-right:hover > a,
.template-color-10 .cart-box > ul > li.cart-box-right ul.ht-dropdown > li:hover > a{
    color: #db8678;
}
.template-color-10 .pro-quantity {
    background: #db8678;
}
.template-color-10 .price-content li span,
.template-color-10 .cart-content span.cart-price {
    color: #db8678;
}

/* ---Category Menu's Color Variation--- */
.template-color-10 .category-menu .category-heading {
    background: #db8678;
}
.template-color-10 .category-menu .category-menu-list {
    border: 2px solid #db8678;
}
.template-color-10 .cat-mega-menu {
    border-top: 2px solid #db8678;
}
.template-color-10 .category-menu .category-menu-list > ul > li:hover > a,
.template-color-10 .cat-mega-menu > li > ul > li:hover > a,
.template-color-10 .category-menu-list > ul > li.right-menu > ul.cat-dropdown_menu > li a:hover{
    color: #db8678;
}

/* ---Makali Button Color Variation--- */
.template-color-10 .makali-btn a:hover{
    background-color: #db8678;
    border-color: #db8678;
    color: #ffffff;
}

/* ---Subscribe Form Group Button--- */
.template-color-10 .subscribe-form-group button {
    background: #db8678;
}

/* ---Header Search Form Button--- */
.template-color-10 .header-form_area form.hm-searchbox button.search-btn:hover{
    color: #db8678;   
}
.template-color-10 .hm-searchbox-2 .search-btn{
    background-color: #db8678;
}

/* ---Category Menu Area--- */
.template-color-10 .cat-mega-menu > li.cat-mega-title > a:hover {
    color: #db8678;
}

/* ---Slider Area--- */
.template-color-10 .owl-nav div:hover {
    background: #db8678;
    color: #fff;
}
.template-color-10 .owl-dots .owl-dot.active {
    background: #db8678;
}
.template-color-10 .owl-dots .owl-dot:hover{
    background-color: #db8678;
}

/* ---Append Arrow Section--- */
.template-color-10 .categorie-append_arrow .owl-nav div:hover{
    background-color: unset;
    color: #db8678;
}

/* ---Banner Area--- */
.template-color-10 .banner-area .single-banner:hover h2.banner-category{
    background-color: #ffffff;
    color: #db8678;
}

/* ---Countdown Text Color--- */
.template-color-10 .count p {
    color: #db8678;
}

/* ---Quick View Area--- */
.template-color-10 .quick-view:hover::before {
    background: #db8678;
    color: #fff;
}
.template-color-10 .thumb-menu.owl-carousel .owl-item a:hover {
    border-color: #db8678;
}
.template-color-10 #product-window .close:focus,
.template-color-10 #product-window .close:hover {
    color: #db8678;
}
.template-color-10 .rating-summary li a:hover,
.template-color-10 .rating-summary li a:hover {
    color: #db8678;
}

/* ---Social Icon Area--- */
.template-color-10 ul.social-icon > li a:hover{
    color: #db8678;
}

/* ---New Arrival Area--- */
.template-color-10 .add-to-cart:hover,
.template-color-10 .cart-wishlist:hover::before,
.template-color-10 .cart-compare:hover:before,
.template-color-10 .add-to-cart:hover:before,
.template-color-10 .pro-title a:hover {
    color: #db8678;
}

/* ---Rating Area--- */
.template-color-10 .rating i {
    color: #db8678;
}
.template-color-10 .rating-pro i,
.template-color-10 .review-list i {
    color: #db8678;
}

/* ---Product Cart Area--- */
.template-color-10 .pro-cart:hover {
    background-color: #db8678;
}
.template-color-10 .cart-box ul li.setting-area .ht-dropdown ul li:hover a{
    color: #db8678;
}
.template-color-10 .del-icone:hover,
.template-color-10 .cart-content h6 a:hover {
    color: #db8678;
}
.template-color-10 .cart-checkout:hover {
    background-color: #db8678;
    border-color: transparent;
    color: #fff;
}

/* ---Social Sharing Area--- */
.template-color-10 .social-sharing ul li a:hover {
    background: #db8678;
    border-color: #db8678;
    color: #fff;
}

/* ---Sticker Sale Area--- */
.template-color-10 span.sticker-sale {
    background: #db8678;
}

/* ---Blog Area--- */
.template-color-10 .meta-box li a:hover,
.template-color-10 .blog-content h4 a:hover {
    color: #db8678;
}

/* ---Categories Of Product--- */
.template-color-10 .cat-content a:hover,
.template-color-10 .multi-banner .cat-content a:hover {
    background: #db8678;
    color: #fff;
}

/* ---Product Tab Area--- */
.template-color-10 .pro-tabs-area li a:hover,
.template-color-10 .pro-tabs-area li a.active {
    border-color: #db8678;
    color: #db8678;
}

.template-color-10 .categorie-tabs-list li a.active,
.template-color-10 .categorie-tabs-list li a:hover {
    color: #db8678;
}

/* ---Footer Area--- */
.template-color-10 .footer-list li a:hover,
.template-color-10 .footer-menu li a:hover,
.template-color-10 .footer-copyright p a:hover {
    color: #db8678;
}
.template-color-10 .subscribe-box button {
    background: #db8678;
    color: #ffffff;
}
.template-color-10 .subscribe-box button:hover {
    background: #323232;
}

/* ---Product Progressbar--- */
.template-color-10 .product-progressbar > span > strong,
.template-color-10 .product-progressbar-2 > span > strong,
.template-color-10 .product-progressbar-3 > span > strong,
.template-color-10 .product-progressbar-4 > span > strong {
  color: #db8678;
}
.template-color-10 .product-progressbar:after,
.template-color-10 .product-progressbar-2:after,
.template-color-10 .product-progressbar-3:after,
.template-color-10 .product-progressbar-4:after,
.template-color-10 .product-progressbar-5:after {
  background-color: #db8678;
}

/* ---Scroll up css--- */
.template-color-10 #scrollUp:hover {
    background: #db8678;
    border-color: #db8678;
}

/*----------------------------------------*/
/* 2. Newsletter Popup CSS
/*----------------------------------------*/
.popup_wrapper {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    height: 100%;
    opacity: 0;
    position: fixed;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    visibility: hidden;
    width: 100%;
    z-index: 9999999;
}

.test {
    background: #ffffff none repeat scroll 0 0;
    bottom: 0;
    height: 390px;
    left: 0;
    margin: auto;
    max-width: 790px;
    padding: 25px 50px;
    position: absolute;
    right: 0;
    top: 0;
}

.popup_off {
    background: #666666 none repeat scroll 0 0;
    border: 1px solid #ffffff;
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-size: 11px;
    font-weight: 500;
    height: 25px;
    line-height: 25px;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    top: -26px;
    -webkit-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
    width: 75px;
}

.popup_off:hover {
    background: #1a1a1a none repeat scroll 0 0;
}

.subscribe-form-group {
    margin-top: 15px;
}

.subscribe-form-group input {
    background: #eaeaea none repeat scroll 0 0;
    border: 0 none;
    color: #666;
    height: 41px;
    line-height: 20px;
    padding: 0 20px;
    width: 380px;
}

.subscribe-bottom label {
    font-size: 14px;
    margin: 0;
    vertical-align: middle;
}

.subscribe-bottom input {
    vertical-align: middle;
}

.subscribe-form-group button {
    border: 0 none;
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 38px;
    margin: 20px auto;
    padding: 2px 20px 0;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.subscribe-form-group.subscribe-form-style-two button {
    background: #61c0bf;
}

.subscribe-form-group.subscribe-form-style-three button {
    background: #ffb400;
}

.subscribe-form-group.subscribe-form-style-four button {
    background: #35a875;
}

.subscribe-form-group button:hover {
    background: #2e8b57 none repeat scroll 0 0;
    color: #fff;
}

.subscribe_area h2 {
    font-size: 35px;
    font-weight: 500;
    margin-bottom: 10px;
    text-transform: uppercase;
}


::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}

/* categorie slider navigation css end */
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}

::selection {
    background: #b3d4fc;
    text-shadow: none
}
.form-control::-webkit-placeholder {
    color: #323232!important;
    opacity: 1 !important;
}
.form-control::-moz-placeholder {
    color: #323232!important;
    opacity: 1 !important;
}
.form-control::-moz-input-placeholder {
    color: #323232!important;
    opacity: 1 !important;
}
.form-control::-ms-placeholder {
    color: #323232!important;
    opacity: 1 !important;
}
.form-control::-webkit-input-placeholder {
    color: #323232!important;
    opacity: 1 !important;
}
.form-control:-ms-input-placeholder {
    color: #323232!important;
    opacity: 1 !important;
}
.form-control::placeholder {
    color: #323232!important;
    opacity: 1 !important;
}

::-webkit-input-placeholder {
    opacity: 1 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100)
}

:-moz-placeholder {
    opacity: 1 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100)
}

::-moz-placeholder {
    opacity: 1 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100)
}

:-ms-input-placeholder {
    opacity: 1 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100)
}

/*----------------------------------------*/
/* 3.01 Header Top CSS
/*----------------------------------------*/
.header-top {
    border-bottom: 1px solid #f1f1f1;
}

.header-top-left ul li a img {
    margin-right: 5px;
}

.social-icon li a {
    font-size: 14px;
    padding-right: 15px;
}

.header-top-left > ul > li,
.header-top-right > ul > li {
    display: inline-block;
    padding: 10px 0;
    position: relative;
}

.drop-icon::after {
    content: "";
    font-family: FontAwesome;
    font-size: 16px;
    margin-left: 5px;
}

.header-top-left > ul > li > a,
.header-top-right > ul > li > a {
    font-size: 13px;
}

.header-top-left > ul > li > a i {
    font-size: 13px;
    margin-right: 5px;
}

.header-top-right > ul > li img {
    margin-right: 5px;
}

.header-top-right > ul > li > a {
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    text-decoration: none;
    text-transform: capitalize;
}

.header-top-right > ul > li:not(:first-child) {
    margin-left: 15px;
}

.header-top-left > ul > li {
    position: relative;
}

.header-top-left > ul > li:not(:last-child) {
    margin-right: 38px;
}

.social-icon li {
    display: inline-block;
}

.ht-dropdown {
    background: #fff;
    left: 0;
    opacity: 0;
    padding: 10px;
    position: absolute;
    top: 100%;
    -webkiit-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    width: 170px;
    visibility: hidden;
    z-index: 9999;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    -webkit-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);
}

.header-top-left > ul > li:hover ul.ht-dropdown,
.header-top-right > ul > li:hover ul.ht-dropdown,
.cart-box > ul > li:hover .ht-dropdown,
.vertical-menu-list > li:hover ul.ht-dropdown,
.header-bottom-list li:hover ul.ht-dropdown {
    opacity: 1;
    visibility: visible;
    -webkiit-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

.header-top-left ul > li:hover ul.ht-dropdown li {
    padding: 0;
}

.header-top-left ul > li ul.ht-dropdown li a {
    color: #2c2c2c;
    font-size: 13px;
    line-height: 30px;
}

/* ---Header Top Center--- */
.header-top_center span{
    color: #777777;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 12px;
}
/* other home version header css start here */
.header-style-two {
    margin-bottom: 40px;
}

.header-style-two .header-top {
    border-bottom: none;
}

.header-style-two .header-top {
    padding: 20px 0 12px;
}

.cart-box-right .ht-dropdown {
    left: auto;
    right: 0;
}

.header-style-two .header-top-right ul > li > ul.ht-dropdown {
    left: 0;
    right: auto;
}
.header-style-two .header-top-right > ul > li{
    padding: 30px 0;
}
.header-style-two .header-bottom-list > li > a {
    padding: 20px 20px 20px 0;
}

.header-style-two > ul > li {
    padding: 30px 0 20px;
    position: relative;
}

.header-style-four .header-top {
    padding: 15px 0;
}

.header-style-four .header-top-left > ul > li:not(:last-child) {
    margin-right: 15px;
}

.header-style-four .header-middle {
    padding: 10px 0;
}

.header-style-four .header-middle.sticky {
    padding: 0;
}

.categorie-search-box {
    left: auto;
    padding: 0;
    right: 0;
    width: 400px;
}

.categorie-search-box form {
    color: #a9a9a9;
    padding: 0;
    position: relative;
    width: 100%;
}

.categorie-search-box input,
.subscribe-box input {
    background: #fafafa none repeat scroll 0 0;
    color: #323232;
    font-size: 13px;
    height: 45px;
    padding: 10px 45px 10px 15px;
    width: 100%;
    border: none;
}

.categorie-search-box button {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    height: 45px;
    line-height: 55px;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    -webkit-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
    width: 45px;
}

.categorie-search-box button span {
    font-size: 25px;
}

.categorie-search-box button:focus {
    border: none;
}

.categorie-search-box .form-group {
    background: transparent none repeat scroll 0 0;
    display: inline-block;
    left: 0;
    margin: 0;
    position: absolute;
    top: 12px;
    width: 150px;
}

/* --Header Form Area-- */
.header-form_area form.hm-searchbox{
    position: relative;
}
.header-form_area form.hm-searchbox input{
    background-color: #ffffff;
    height: 40px;
    line-height: 40px;
    width: 100%;
    padding: 0 60px 0 20px;
    border: 1px solid #e5e5e5;
}
.header-form_area form.hm-searchbox button.search-btn{
    background: transparent;
    border: 0;
    height: 40px;
    line-height: 50px;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 40px;
}
.header-form_area form.hm-searchbox button.search-btn i{
    font-size: 22px;
}

.bootstrap-select option {
    font-size: 13px;
}

.nice-select::after {
    margin-top: -3px;
}

.nice-select .current {
    display: block;
    overflow: hidden;
    width: 100%;
}

.categorie-search-box .nice-select .list {
    height: 350px;
    overflow-y: auto;
}

.bootstrap-select {
    border-radius: 15px 0 0 15px;
    border-style: none solid none none;
    border-width: 0 1px 0 0;
    color: #777777;
    font-size: 13px;
    height: 25px;
    line-height: 25px;
    margin: 0;
    width: 150px;
    background: #ededed;
}

.cart-box > ul {
    -moz-box-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cart-box > ul > li {
    position: relative;
    padding: 30px 0;
    line-height: 1;
}

.cart-box-width {
    left: auto;
    right: 0;
    background: white;
    -webkit-box-shadow: 0 3px 9.3px 0.7px rgba(0, 0, 0, 0.15);
    box-shadow: 0 3px 9.3px 0.7px rgba(0, 0, 0, 0.15);
    padding: 0;
    width: 290px;
}

.cart-box-width > li {
    padding: 20px;
}

.cart-box > ul > li > a > span {
    font-size: 25px;
}

.cart-box > ul > li > a {
    color: #323232;
    margin-left: 20px;
}

.cart-text {
    display: block;
}

.single-cart-box {
    margin-bottom: 18px;
    overflow: hidden;
    position: relative;
}

.cart-img {
    float: left;
    padding-right: 10px;
    position: relative;
    width: 35%;
}

.cart-img img {
    max-width: 100%;
}

.cart-content {
    float: left;
    padding: 0 15px 15px 0;
    width: 65%;
}

.cart-content h6 a {
    display: block;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    text-transform: capitalize;
    white-space: nowrap;
}

.cart-content span {
    display: block;
    font-size: 14px;
    line-height: 20px;
}

.cart-price {
    margin: 5px 0;
}

.cart-actions a {
    background: #2c2c2c none repeat scroll 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: white;
    display: block;
    font-size: 14px;
    font-weight: 400;
    padding: 10px 20px;
}

.cart-checkout {
    background: #f26667 none repeat scroll 0 0;
    color: #fff;
}

.del-icone {
    color: #666;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 45;
}

.wish-list-item {
    position: relative;
    padding-right: 30px;
    margin-right: 30px;
}

.cart-box > ul > li > a span + span.total-pro {
    border-radius: 100%;
    color: #fff;
    font-size: 11px;
    height: 18px;
    left: 32px;
    line-height: 18px;
    position: absolute;
    text-align: center;
    top: 20px;
    width: 18px;
}

.single-cart-box,
.price-content {
    border-bottom: 1px solid #ededed;
    margin-bottom: 20px;
}

.price-content {
    overflow: hidden;
    padding-bottom: 20px;
}

.price-content li {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
}

.price-content li span,
.cart-content span.cart-price {
    float: right;
    font-size: 15px;
    font-weight: 500;
}

.cart-content span.cart-price {
    float: none;
}

.pro-quantity {
    border-radius: 100%;
    color: white;
    font-size: 12px;
    left: 5px;
    line-height: 23px;
    min-width: 25px;
    padding: 2px 0 0;
    position: absolute;
    text-align: center;
    top: 3px;
}

/*----------------------------------------*/
/* 3.02 Header Bottom CSS
/*----------------------------------------*/
.header-sticky.sticky {
    background: #fff;
    -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4);
    box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4);
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
    z-index: 1049;
}

.sticky {
    -webkit-animation: 800ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 800ms ease-in-out 0s normal none 1 running fadeInDown;
}

.header-bottom-list > li {
    margin-right: 5px;
    position: relative;
}

/* header bottom dropdown menu css start */
.header-bottom-list > li > a,
.header-bottom-list > li > ul.ht-dropdown li a {
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 30px 20px 30px 0;
    position: relative;
    text-transform: capitalize;
}

.header-bottom-list > li > ul.ht-dropdown li a,
.header-top-right > ul > li > ul.ht-dropdown li a,
.cart-box-right ul > li > a {
    display: block;
    font-size: 14px;
    font-weight: 400;
    padding: 6px 10px;
    text-transform: capitalize;
    text-align: left;
}

.header-top-right > ul > li > ul.ht-dropdown li a {
    font-size: 13px;
}

.header-top-right > ul > li > ul.ht-dropdown li:not(:last-child) a {
    border-bottom: 1px solid #f2f2f2;
}

.header-top-right ul > li > ul.ht-dropdown {
    width: 155px;
}

.header-top-right ul > li > ul.ht-dropdown {
    left: auto;
    right: 0;
}

.menu-title {
  border-bottom: 1px solid #e5e5e5;
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  text-transform: uppercase;
}

/* header bottom dropdown menu css end */
.header-bottom-list > li.active > a,
.header-bottom-list > li:hover > a {
    color: #000;
}

.header-right i {
    font-size: 23px;
    margin-right: 15px;
    vertical-align: middle;
}

.header-helpline {
    font-size: 15px;
    font-weight: 600;
}

/* header bottom megamenu  css end */
.megamenu {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e5e5e3;
    padding: 20px 25px;
}

.header-bottom-list ul.ht-dropdown.megamenu {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.header-bottom-list ul.ht-dropdown.megamenu li a {
    padding-left: 0;
}

.header-bottom-list ul.ht-dropdown.megamenu-two {
    width: 400px;
}

.header-bottom-list ul.ht-dropdown.megamenu-three > li:last-child {
    margin-right: 0;
}

.header-bottom-list ul.ht-dropdown.megamenu-two > li {
    width: 50%;
}

.header-bottom-list ul.ht-dropdown.megamenu-three {
    width: 692px;
}

.header-bottom-list ul.ht-dropdown.megamenu-three > li {
    width: 20%;
}

.header-bottom-list ul.ht-dropdown.megamenu-two {
    width: 460px;
}

.header-bottom-list ul.ht-dropdown.megamenu-two > li {
    width: 50%;
    margin-right: 30px;
}

/* home-style-box-layout css */
.home-style-box-layout {
    background: #fff none repeat scroll 0 0;
    margin: 0 auto;
    max-width: 100%;
    padding: 40px;
    width: 1250px;
    padding-bottom: 0;
}

/* ---Begin Transparent Header--- */
.transparent-header{
    position: absolute;
    left: 0;
    right: 0;
    z-index: 2;
}
@media (max-width: 991px) {
    .transparent-header{
        position: relative;
    }
}

/* ---Transparent Header End Here--- */

.cart-box ul li.setting-area .ht-dropdown {
    background: #fff;
    border: 1px solid #e5e5e5;
    font-size: 13px;
    left: 0;
    padding: 20px 25px;
    position: absolute;
    text-align: left;
    top: 100%;
    right: auto;
    width: 140px;
}
.cart-box ul li.setting-area .ht-dropdown ul li{
    margin-bottom: 10px;
    transition: all 0.3s ease-in-out;
}
.cart-box ul li.setting-area .ht-dropdown ul li a{
    display: block;
    line-height: 1.5;
}

@media (max-width: 479px){
    .cart-box-2 {
        padding-right: 40px !important;
    }
}

/* ---Search Form Area--- */
.header-middle .hm-form_area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  
  /* ---Search Form Box Two--- */

  .hm-searchbox-2 {
    background: #ffffff;
    border: 1px solid #e5e5e5;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    border-radius: 5px;
    min-width: 680px;
    height: 45px;
  }

  @media (max-width: 1199px){
    .hm-searchbox-2 {
        min-width: 100%;
      }
  }
  
  .hm-searchbox-2 .nice-select.select-search-category {
    width: auto;
    line-height: 43px;
    height: 43px;
    margin: 0;
    border: 0;
    padding: 0 28px 0 25px;
    font-size: 13px;
    border-radius: 15px 0 0 15px;
    position: relative;
  }

  @media (max-width: 479px){
    .hm-searchbox-2 .nice-select.select-search-category {
        display: none;
      }
  }
  
  .select-search-category ul.list {
    height: 440px;
    overflow-y: auto;
    overscroll-behavior-x: none;
  }
  
  .hm-searchbox-2 .current::after {
    content: "";
    position: absolute;
    display: block;
    height: 22px;
    width: 1px;
    background: #e5e5e5;
    top: 10px;
    right: -10px;
    font-size: 13px;
  }
  
  .hm-searchbox-2 .nice-select.select-search-category::before {
    right: 30px;
    top: 25px;
  }
  
  .hm-searchbox-2 input {
    font-size: 13px;
    height: 45px;
    background: transparent;
    border: none;
    width: 100%;
    padding: 0 60px 0 33px;
  }
  
  .hm-searchbox-2 .search-btn{
    color: #ffffff;
    border: 0;
    width: 60px;
  }
  .hm-searchbox-2 .search-btn:hover{
      background-color: #2e8b57;
  }
  
  .header-middle .header-right_area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  
  @media (max-width: 575px) {
    .header-middle .header-right_area {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
    }
  }
  
  .header-middle .header-right_area > ul > li {
    display: inline-block;
  }
  
  .header-middle .header-right_area > ul > li > a {
    color: #2e8b57333;
    padding: 0 15px;
    display: block;
    font-size: 24px;
  }
  
  @media (max-width: 1199px) {
    .header-middle .header-right_area > ul > li > a {
      padding: 30px 10px;
    }
  }
  
  .header-middle .header-right_area > ul > li > a > i {
    vertical-align: middle;
    padding-right: 5px;
  }
  
  .header-middle .header-right_area > ul > li > a > span {
    font-size: 16px;
  }
  
  .header-middle .header-right_area > ul > li:last-child > a {
    padding-right: 0;
  }

/* ---Category Menu--- */
.category-menu {
    position: relative;
  }
  
  @media (max-width: 991px) {
    .category-menu {
      width: 100%;
    }
  }
  
  .category-menu .category-heading {
    background: #2e8b57;
    position: relative;
    cursor: pointer;
    padding: 13px 0;
  }
  
  .category-menu .category-heading > h2 {
    margin: 0;
    color: #ffffff;
    padding: 0;
    text-transform: uppercase;
    font-size: 16px;
  }
  
  @media (max-width: 1199px) {
    .category-menu .category-heading > h2 {
      font-size: 14px;
    }
  }
  
  .category-menu .category-heading > h2:after {
    content: "\e636";
    font-family: "Pe-icon-7-stroke";
    font-weight: 600;
    position: absolute;
    top: 13px;
    left: 20px;
  }
  
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .category-menu .category-heading > h2:after {
      left: 10px;
    }
  }
  
  .category-menu .category-heading > h2 > span {
    color: #ffffff;
    padding-left: 50px;
    font-weight: 600;
  }
  
  @media (max-width: 1199px) {
    .category-menu .category-heading > h2 > span {
      padding-left: 40px;
    }
  }
  
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .category-menu .category-heading > h2 > span {
      padding-left: 30px;
    }
  }
  
  .category-menu .category-menu-list {
    background: #ffffff;
    border: 1px solid #e5e5e5;
    padding: 0 20px;
    position: absolute;
    left: 0;
    top: calc(100% - 1px);
    display: none;
    /*display: block;*/
    width: 100%;
    z-index: 3;
  }
  @media (max-width: 767px){
    .category-menu .category-menu-list {
        z-index: 9999;
      }
  }
  
  .category-menu .category-menu-list > ul > li {
    position: relative;
  }
  
  .category-menu .category-menu-list > ul > li > a {
    display: block;
    text-transform: capitalize;
    overflow: hidden;
    font-size: 14px;
    font-weight: 400;
    padding: 11.2px 0;
  }
  
  .category-menu .category-menu-list > ul > li:hover .cat-mega-menu {
    opacity: 1;
    visibility: visible;
  }
  
  .category-menu .category-menu-list > ul > li:hover > a {
    color: #2e8b57;
  }
  
  .category-menu .category-menu-list > ul > li:last-child > a:before {
    display: none;
  }
  
  .category-menu .category-menu-list > ul > li.right-menu > a::after {
    content: "\e688";
    font-family: "Pe-icon-7-stroke";
    font-weight: 600;
    font-size: 18px;
    position: absolute;
    top: 10px;
    right: 0;
    transition: all 0.3s ease-in-out;
  }
  
  .category-menu .category-menu-list > ul > li.right-menu:hover > a::after {
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  
  .category-menu .category-menu-list > ul > li.rx-child {
    display: none;
  }
  
  .category-menu .category-menu-list > ul > li.rx-parent {
    cursor: pointer;
    border-top: 1px solid #e5e5e5;
  }
  
  .category-menu .category-menu-list > ul > li.rx-parent a.rx-show {
    display: none;
  }
  
  .category-menu .category-menu-list > ul > li.rx-parent.rx-change a.rx-default {
    display: none;
  }
  
  .category-menu .category-menu-list > ul > li.rx-parent.rx-change a.rx-show {
    display: block;
  }
  
  .cat-mega-menu {
    position: absolute;
    top: 0;
    left: 108%;
    background: #ffffff;
    z-index: 999;
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
    opacity: 0;
    visibility: hidden;
    width: 640px;
    padding: 30px;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
  }
  
  @media (max-width: 991px) {
    .cat-mega-menu {
      position: static;
      z-index: 9;
      opacity: 1;
      visibility: visible;
      background-color: transparent;
      padding: 0;
      -webkit-box-shadow: none;
              box-shadow: none;
      border: 0;
      width: 100%;
      -webkit-transition: none;
      -o-transition: none;
      transition: none;
      border: 0 !important;
    }
  }
  
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .cat-mega-menu {
      left: 114%;
    }
  }
  
  .cat-mega-menu > li.right-menu {
    width: 33.333%;
    float: left;
  }
  
  .cat-mega-menu > li.cat-mega-title > a {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 15px;
    display: block;
    line-height: 20px;
    position: relative;
  }
  
  .cat-mega-menu > li.cat-mega-title > a:hover {
    color: #ffffff;
  }
  
  .cat-mega-menu > li > ul > li > a {
    font-size: 14px;
    display: block;
    line-height: 30px;
    font-weight: 400;
    color: #666;
    text-transform: capitalize;
  }
  
  .cat-mega-menu > li > ul > li > a:hover {
    color: #58d173;
  }
  
  .cat-mega-menu.cat-mega-menu-2 {
    width: 720px;
  }
  
  .cat-mega-menu.cat-mega-menu-2 > li.right-menu {
    width: 25%;
  }
  
  @media (max-width: 991px) {
    .cat-mega-menu.cat-mega-menu-2 {
        width: auto;
    }
    .cat-mega-menu.cat-mega-menu-2 > li.right-menu {
      width: 100%;
    }
  }
  
  .cat-mega-menu.cat-mega-menu-3 {
    width: 440px;
  }
  
  @media (max-width: 991px) {
    .cat-mega-menu.cat-mega-menu-3 {
      width: auto;
    }
  }
  
  .cat-mega-menu.cat-mega-menu-3 > li.right-menu {
    width: 50%;
  }
  
  @media (max-width: 991px) {
    .cat-mega-menu.cat-mega-menu-3 > li.right-menu {
      width: 100%;
    }
  }
  
  /* ---Category Menu In Mobile Device--- */
  @media (max-width: 991px) {
    .category-menu-list > ul > li > ul > li > ul {
      height: 138px;
      overflow-y: auto;
    }
    .category-menu-list > ul > li.right-menu .cat-mega-menu > li {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      -webkit-flex: 0 0 100%;
              flex: 0 0 100%;
      width: 100%;
      padding: 0;
      position: relative;
    }
    .category-menu-list > ul > li.right-menu .cat-mega-menu > li.cat-mega-title > a {
      padding: 10px 25px 10px 35px;
      font-size: 13px;
      font-weight: normal;
      position: relative;
      margin: 0;
      display: block;
      text-transform: inherit;
    }
    .category-menu-list > ul > li.right-menu .cat-mega-menu > li.cat-mega-title > a:after {
      display: none;
    }
    .category-menu-list > ul > li.right-menu .cat-mega-menu > li.cat-mega-title:last-child > a {
      border-bottom: 0;
    }
    .category-menu-list > ul > li.right-menu .cat-mega-menu > li > ul > li > a {
      padding: 10px 25px 10px 35px;
      font-size: 13px;
      font-weight: normal;
      position: relative;
      margin: 0;
      display: block;
      text-transform: inherit;
      color: inherit;
    }
    .category-menu-list > ul > li.right-menu .cat-mega-menu > li > ul > li:last-child > a {
      border-bottom: 0;
    }
    .category-menu-list > ul > li.right-menu .cat-dropdown > li > a {
      padding: 10px 25px 10px 35px;
      font-size: 13px;
      font-weight: normal;
      position: relative;
      margin: 0;
      display: block;
      text-transform: inherit;
    }
    .category-menu-list > ul > li.right-menu .cat-dropdown > li:last-child > a {
      border-bottom: 0;
    }
    .category-menu-list > ul > li.right-menu > a:after {
      display: none;
    }
    .category-menu-list > ul > li i.menu-expand {
      position: absolute;
      right: 0;
      top: 0;
      cursor: pointer;
      height: 44px;
      width: 45px;
      line-height: 45px;
      z-index: 9;
      display: block;
      font-style: normal;
    }
    .category-menu-list > ul > li i.menu-expand:before {
      content: "\f067";
      font-family: "FontAwesome";
      font-size: 12px;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
    }
    .category-menu-list > ul > li i.menu-expand.active:before {
      -webkit-transform: translate(-50%, -50%) rotate(45deg);
          -ms-transform: translate(-50%, -50%) rotate(45deg);
              transform: translate(-50%, -50%) rotate(45deg);
    }
  }

/*----------------------------------------*/
/* 3.03 Organic Header Style
/*----------------------------------------*/
.organic-header_style ul.header-bottom-list > li > a {
    padding: 20px 20px 20px 0;
    color: #ffffff;
}
.organic-header_style ul.header-bottom-list > li:hover > a{
    color: inherit;
}
.organic-header_style .header-sticky.sticky{
    display: block;
}
.organic-header_style .header-sticky{
    display: none;
}
@media (max-width: 991px){
    .organic-header_style .header-sticky{
        padding: 15px 0;
        position: static;
    }
    .organic-header_style .bg-fruit_salad.header-sticky .mobile-menu .mean-bar a.meanmenu-reveal{
        top: -28px;
    }
    .organic-header_style .bg-fruit_salad.header-sticky .mobile-menu .mean-bar a.meanmenu-reveal span{
        background-color: #ffffff;
    }
}
.organic-header_style .header-sticky .header-bottom-list li > ul.ht-dropdown{
    left: auto;
    right: 0;
}

@media (max-width: 575px){
    .organic-header_style .header-middle .logo{
        text-align: left !important;
    }
}
@media (max-width: 575px){
    .organic-header_style .header-middle .header-form_area{
        padding-top: 20px;
    }
}

/* ---Organic Header Style Two--- */
.organic-header_style-2 ul.header-bottom-list > li > a {
    padding: 20px 20px 20px 0;
    color: inherit;
}

.organic-header_style-2.header-sticky.sticky{
    display: block;
}
.organic-header_style-2.header-sticky{
    display: none;
}
@media (max-width: 991px){
    .organic-header_style-2.header-sticky{
        position: static;
    }
    .organic-header_style-2 .header-middle .cart-box{
        padding-right: 0;
    }
}
@media (max-width: 767px){
    .organic-header_style-2 .header-middle .logo{
        padding: 20px 0;
        text-align: center;
    }
    .organic-header_style-2 .header-bottom{
        padding-top: 10px;
    }
}
@media (max-width: 575px){
    .organic-header_style-2 .header-middle .cart-box ul > li > a > span.total-pro{
        left: 10px;
        top: 5px;
    }
    .organic-header_style-2 .cart-box-width {
        right: 0;
    }
}
@media (max-width: 479px){
    .organic-header_style-2 .header-middle .hm-form_area .select-search-category{
        display: none;
    }
}

/* ---Organic Header Style Three--- */
.organic-header_style-3 .header-top-left > ul > li > a{
    color: #ffffff;
}
.organic-header_style-3 .header-top-left > ul > li:hover > a{
    color: #ffffff !important;
}
.organic-header_style-3 .cart-box-2 > ul > li > a{
    color: #ffffff;
}
.organic-header_style-3 .cart-box > ul > li > a span + span.total-pro {
    background: #323232 !important;
}
.organic-header_style-3 .header-sticky.sticky{
    display: block;
}
.organic-header_style-3 .header-sticky{
    display: none;
}
.organic-header_style-3 .header-sticky .header-bottom-list li > ul.ht-dropdown{
    left: auto;
    right: 0;
}
@media (max-width: 991px){
    .organic-header_style-3 .header-sticky.sticky{
        position: static;
    }
    .organic-header_style-3 a.meanmenu-reveal{
        top: -55px;
    }
}
@media (max-width: 575px){
    .organic-header_style-3 .header-top .logo {
        padding-top: 15px;
    }
    .organic-header_style-3 .header-top .cart-box {
        display: flex;
        justify-content: center;
    }
    .organic-header_style-3 .header-top .header-top-left {
        padding-top: 10px;
    }
    .organic-header_style-3 a.meanmenu-reveal {
        right: 150px !important;
    }
}
@media (max-width: 479px){
    .organic-header_style-3 a.meanmenu-reveal {
        right: 70px !important;
    }
}

/*----------------------------------------*/
/* 3.04 Autopart Header Style
/*----------------------------------------*/

.autopart-header_style ul.header-bottom-list > li > a {
    padding: 20px 20px 20px 0;
    color: inherit;
}
.autopart-header_style ul.header-bottom-list > li:hover > a{
    color: #ffffff;
}
.autopart-header_style .header-sticky.sticky{
    display: block;
}
.autopart-header_style .header-sticky{
    display: none;
}
@media (max-width: 991px){
    .autopart-header_style .header-sticky{
        padding: 15px 0;
        position: static;
    }
    .autopart-header_style .bg-fruit_salad.header-sticky .mobile-menu .mean-bar a.meanmenu-reveal{
        top: -28px;
    }
    .autopart-header_style .bg-fruit_salad.header-sticky .mobile-menu .mean-bar a.meanmenu-reveal span{
        background-color: inherit;
    }
}
.autopart-header_style .header-sticky .header-bottom-list li > ul.ht-dropdown{
    left: auto;
    right: 0;
}

@media (max-width: 575px){
    .autopart-header_style .header-middle .logo{
        text-align: left !important;
    }
}
@media (max-width: 575px){
    .autopart-header_style .header-middle .header-form_area{
        padding-top: 20px;
    }
}

/*----------------------------------------*/
/* 3.05 Digital Header Style
/*----------------------------------------*/

/* ---Digital Header Style--- */
.digital-header_style .header-top .header-top-right > ul > li > a, 
.digital-header_style .header-top .header-top-left ul > li > a{
    color: #ffffff;
}
.digital-header_style .header-top .header-top-right > ul > li:hover > a,
.digital-header_style .header-top .header-top-left ul > li:hover > a{
    color: inherit;
}
.digital-header_style ul.header-bottom-list > li > a {
    padding: 15px 20px 15px 0;
}

/* ---Digital Header Style Two--- */
.digital-header_style-2 .header-top{
    border-bottom: 1px solid rgba(255,255,255,0.1);
}
.digital-header_style-2 .hm-searchbox-2 .search-btn {
    color: inherit;
    border: 0;
    width: 60px;
    background: #fff;
    border-left: 1px solid #e5e5e5;
}
.digital-header_style-2 .hm-searchbox-2 .search-btn:hover{
    background-color: unset;
    color: #0583CC;
}
.digital-header_style-2 .cart-box > ul > li > a{
    color: #ffffff;
}
.digital-header_style-2 .cart-box > ul > li > a span + span.total-pro{
    background-color: #e70b0b;
}
.digital-header_style-2 .category-menu .category-heading{
    background-color: transparent;
}
.digital-header_style-2 ul.header-bottom-list > li > a{
    color: #ffffff;
}
.digital-header_style-2 ul.header-bottom-list > li:hover > a{
    color: inherit;
}
@media (max-width: 991px){
    .digital-header_style-3 .cart-box {
        padding-right: 0;
    }
    .digital-header_style-3 .mean-container a.meanmenu-reveal {
        color: #ffffff;
        top: -38px;
    }
    .digital-header_style-3 .mean-container a.meanmenu-reveal span {
        background-color: #ffffff;
    }
}
@media (max-width: 575px){
    .digital-header_style-3 .cart-box > ul > li > a span + span.total-pro {
        left: 15px;
    }
}
/* ---Digital Header Style Three--- */
.digital-header_style-3 .cart-box > ul > li {
    padding: 0;
}
.digital-header_style-3 .cart-box > ul > li > a{
    color: #ffffff;
}
@media (max-width: 991px){
    .digital-header_style-3 .cart-box > ul > li > a{
        color: inherit;
    }
}
.digital-header_style-3 .cart-box > ul > li > a span + span.total-pro{
    background-color: #e70b0b;
    top: -12px;
}
.digital-header_style-3 .hm-searchbox-2 .search-btn {
    border: 0;
    width: 60px;
    background: #2e8b57;
    position: absolute;
    right: -1px;
    top: -1px;
    height: 45px;
}
.digital-header_style-3 .hm-searchbox-2 .search-btn:hover{
    background-color: #0583CC;
}
.digital-header_style-3.header-sticky.sticky{
    display: block;
}
.digital-header_style-3.header-sticky{
    display: none;
}
.digital-header_style-3 .header-sticky .header-bottom-list li > ul.ht-dropdown{
    left: auto;
    right: 0;
}

/* ---Digital Header Style Four--- */
@media (max-width: 479px){
    .digital-header_style-4 .cart-box > ul > li > a span + span.total-pro {
        left: 15px;
        top: 5px;
    }
    .digital-header_style-4 .mean-container a.meanmenu-reveal {
        width: 18px;
        top: -45px;
    }
}
@media (max-width: 991px){
    .digital-header_style-4 .category-menu .category-menu-list {
        z-index: 9999;
    }
}
.digital-header_style-4 .header-sticky .header-bottom-list li > ul.ht-dropdown{
    left: auto;
    right: 0;
}

/*----------------------------------------*/
/* 3.06 Food Header Style
/*----------------------------------------*/

/* ---Food Header Style--- */
.food-header_style .hm-searchbox-2 {
    min-width: 100%;
}
.food-header_style ul.header-bottom-list > li > a {
    padding: 20px 20px 20px 0;
}
.food-header_style ul.header-bottom-list > li:hover > a{
    color: inherit;
}
.food-header_style .cart-box ul li.setting-area .ht-dropdown {
    left: auto;
    right: 0;
}
.food-header_style .cart-box > ul > li{
    padding: 35px 0;
}
.food-header_style .header-sticky.sticky{
    display: block;
}
.food-header_style .header-sticky{
    display: none;
}
.food-header_style .header-sticky .header-bottom-list li > ul.ht-dropdown{
    left: auto;
    right: 0;
}

@media (max-width: 991px){
    .food-header_style .cart-box > ul > li {
        padding: 0;
    }
    .food-header_style .cart-box > ul > li > a span + span.total-pro {
        top: -12px;
    }
    .food-header_style .mean-container a.meanmenu-reveal {
        top: -53px;
    }
}

/* ---Food Header Style Two--- */
.food-header_style-2 .container-fluid{
    padding: 0 40px;
}
.food-header_style-2 .cart-box ul li.setting-area .ht-dropdown{
    left: auto;
    right: 0;
}
@media (max-width: 991px){
    .food-header_style-2 .mean-container a.meanmenu-reveal {
        top: -47px;
    }
}
@media (max-width: 479px){
    .food-header_style-2 .cart-box {
        padding-right: 40px;
    }
    .food-header_style-2 .cart-box > ul > li > a {
        margin-left: 10px;
    }
    .food-header_style-2 .cart-box > ul > li > a span + span.total-pro {
        left: 25px;
        top: 10px;
    }
}

/* ---Food Header Style Four--- */
.food-header_style-4 .header-top .header-top-left > ul > li > a,
.food-header_style-4 .header-top .header-top-left > ul > li > ul.social-icon > li > a,
.food-header_style-4 .header-top .header-top-right > ul > li > a{
    color: #ffffff;
}
.food-header_style-4 .header-top .header-top-left > ul > li:hover > a,
.food-header_style-4 .header-top .header-top-left > ul > li > ul.social-icon > li:hover > a,
.food-header_style-4 .header-top .header-top-right > ul > li:hover > a{
    color: #e21737;
}
.food-header_style-4 ul.header-bottom-list > li > a {
    padding: 20px 20px 20px 0;
}
.food-header_style-4 .header-sticky.sticky{
    display: block;
}
.food-header_style-4 .header-sticky{
    display: none;
}
.food-header_style-4 ul.header-bottom-list > li > a{
    color: #ffffff;
}
.food-header_style-4 ul.header-bottom-list > li:hover > a{
    color: inherit;
}
.food-header_style-4 .header-sticky .header-bottom-list li > ul.ht-dropdown{
    left: auto;
    right: 0;
}

/*----------------------------------------*/
/* 3.07 Handmade Header Style
/*----------------------------------------*/
.handmade-header_style .header-sticky.sticky{
    display: block;
}
.handmade-header_style .header-sticky{
    display: none;
}
.handmade-header_style .header-sticky .header-bottom-list li > ul.ht-dropdown{
    left: auto;
    right: 0;
}
.mean-container a.meanmenu-reveal {
    top: -52px;
}

/* ---Handemade Header Style Two--- */
.handmade-header_style-2 .cart-box ul li.setting-area .ht-dropdown {
    left: auto;
    right: 0;
}
.handmade-header_style-2 .mean-container a.meanmenu-reveal {
    top: -47px;
}

/* ---Handemade Header Style Three--- */
.handmade-header_style-3 .header-setting_area ul > li > ul.ht-dropdown {
    left: 0;
    right: auto;
}
.handmade-header_style-3 .cart-box ul li.setting-area .ht-dropdown {
    left: auto;
    right: 0;
}
@media (max-width: 767px){
    .handmade-header_style-3 .categorie-search-box {
        width: 240px !important;
    }
}
@media (max-width: 575px){
    .handmade-header_style-3 .categorie-search-box {
        right: auto !important;
    }
    .handmade-header_style-3 .cart-box ul li.setting-area .ht-dropdown,
    .handmade-header_style-3 .cart-box-width {
        left: 0;
        right: auto;
    }
}
@media (max-width: 479px){
    .handmade-header_style-3 .cart-box ul li.setting-area .ht-dropdown,
    .handmade-header_style-3 .cart-box-width {
        left: auto;
        right: -130px;
    }
}
.handmade-header_style-3 .header-sticky.sticky{
    display: block;
}
.handmade-header_style-3 .header-sticky{
    display: none;
}
.handmade-header_style-3 .header-sticky .header-bottom-list li > ul.ht-dropdown{
    left: auto;
    right: 0;
}

/*----------------------------------------*/
/* 3.08 Pet Header Style
/*----------------------------------------*/
.pet-header_style.header-sticky.sticky{
    display: block;
}
.pet-header_style.header-sticky{
    display: none;
}
.pet-header_style .header-sticky .header-bottom-list li > ul.ht-dropdown{
    left: auto;
    right: 0;
}
@media (max-width: 991px){
    .pet-header_style .mean-container a.meanmenu-reveal {
        top: -45px;
    }
    .pet-header_style .category-menu-list {
        z-index: 9999;
    }
}
@media (max-width: 479px){
    .pet-header_style .cart-box > ul > li > a span + span.total-pro {
        left: 15px;
        top: 5px;
    }
    .pet-header_style .mean-container a.meanmenu-reveal {
        width: 18px;
    }
}

/* ---Pet Header Style Two--- */
.pet-header_style-2 .header-sticky.sticky{
    display: block;
}
.pet-header_style-2 .header-sticky{
    display: none;
}
.pet-header_style-2 .header-sticky .header-bottom-list li > ul.ht-dropdown{
    left: auto;
    right: 0;
}
.pet-header_style-2 ul.header-bottom-list > li > a {
    padding: 20px 20px 20px 0;
    color: #ffffff;
}
.pet-header_style-2 ul.header-bottom-list > li:hover > a{
    color: inherit;
}

/* ---Pet Header Style Three--- */
.pet-header_style-3 ul.header-bottom-list > li > a{
    color: #ffffff;
}
.pet-header_style-3 ul.header-bottom-list > li:hover > a{
    color: inherit;
}
.pet-header_style-3 ul.header-bottom-list > li > a {
    padding: 15px 20px 15px 0;
}
.pet-header_style-3 .category-menu .category-heading{
    background-color: transparent;
}
@media (max-width: 991px){
    .pet-header_style-3 .cart-box {
        padding-right: 0;
    }
    .pet-header_style-3 .mean-container a.meanmenu-reveal {
        color: #ffffff;
        top: -38px;
    }
    .pet-header_style-3 .mean-container a.meanmenu-reveal span {
        background-color: #ffffff;
    }
}
@media (max-width: 575px){
    .pet-header_style-3 .cart-box > ul > li > a span + span.total-pro {
        left: 15px;
    }
}

/* ---Pet Header Style Four--- */
.pet-header_style-4 .container-fluid{
    padding: 0 40px;
}
.pet-header_style-4 .header-sticky.sticky{
    display: block;
}
.pet-header_style-4 .header-sticky{
    display: none;
}
.pet-header_style-4 .header-sticky .header-bottom-list li > ul.ht-dropdown{
    left: auto;
    right: 0;
}
@media (max-width: 991px){
    .pet-header_style-4 .mean-container a.meanmenu-reveal {
        top: -47px;
    }
}
@media (max-width: 479px){
    .pet-header_style-4 .cart-box {
        padding-right: 40px;
    }
    .pet-header_style-4 .cart-box > ul > li > a {
        margin-left: 10px;
    }
    .pet-header_style-4 .cart-box > ul > li > a span + span.total-pro {
        left: 25px;
        top: 10px;
    }
}

/*----------------------------------------*/
/* 3.09 Toy Header Style
/*----------------------------------------*/
.toy-header_style .container-fluid{
    padding: 0 40px;
}
.toy-header_style .cart-box ul li.setting-area .ht-dropdown {
    left: auto;
    right: 0;
}
.toy-header_style .header-sticky.sticky{
    display: block;
}
.toy-header_style .header-sticky{
    display: none;
}
.toy-header_style .header-sticky .header-bottom-list li > ul.ht-dropdown{
    left: auto;
    right: 0;
}
@media (max-width: 991px){
    .toy-header_style .mean-container a.meanmenu-reveal {
        top: -47px;
    }
}
@media (max-width: 767px){
    .toy-header_style .container-fluid{
        padding: 0 15px;
    }
}
@media (max-width: 479px){
    .toy-header_style .cart-box {
        padding-right: 40px;
    }
    .toy-header_style .cart-box > ul > li > a {
        margin-left: 10px;
    }
    .toy-header_style .cart-box > ul > li > a span + span.total-pro {
        left: 25px;
        top: 10px;
    }
    .toy-header_style .mean-container a.meanmenu-reveal {
        top: -45px;
        width: 18px;
    }
    .toy-header_style .cart-box {
        padding-right: 30px;
    }
    .toy-header_style .cart-box > ul > li > a {
        margin-left: 5px;
    }
    .toy-header_style .cart-box > ul > li > a > span {
        font-size: 22px;
    }
}

/* --Toy Header Style Three-- */
.toy-header_style-3 .header-bottom-list > li > a {
    padding: 20px 20px 20px 0;
    color: #ffffff;
}
.toy-header_style-3 .header-top-right > ul > li > a {
    color: #ffffff;
}
.toy-header_style-3 .header-bottom-list > li:hover > a,
.toy-header_style-3 .header-top-right > ul > li:hover > a{
    color: inherit;
}
.toy-header_style-3 .cart-box > ul > li {
    padding: 0;
}
.toy-header_style-3 .cart-box > ul > li > a span + span.total-pro {
    left: 35px;
    top: -10px;
}
@media (max-width: 991px){
    .toy-header_style-3 .mean-container a.meanmenu-reveal {
        top: -27px;
    }
}
@media (max-width: 479px){
    .toy-header_style-3 .cart-box > ul > li > a span + span.total-pro {
        left: 25px;
    }
}

/* --Toy Header Style Four-- */
.toy-header_style-4 .header-top-left > ul > li > a,
.toy-header_style-4 .social-icon li a, 
.toy-header_style-4 .header-top-right > ul > li > a {
    color: #ffffff;
}
.toy-header_style-4 .header-top-left > ul > li:hover > a,
.toy-header_style-4 .social-icon li a:hover, 
.toy-header_style-4 .header-top-right > ul > li:hover > a {
    color: inherit !important;
}

/*----------------------------------------*/
/* 3.10 Book Header Style
/*----------------------------------------*/
.book-header_style .header-sticky.sticky{
    display: block;
}
.book-header_style .header-sticky{
    display: none;
}
/* --Book Header Style Three-- */
.book-header_style-3 .header-sticky.sticky{
    display: block;
}
.book-header_style-3 .header-sticky{
    display: none;
}
.book-header_style-3 .header-bottom-list > li > a {
    padding: 20px 20px 20px 0;
    color: #ffffff;
}
.book-header_style-3 .header-sticky .header-bottom-list li > ul.ht-dropdown{
    left: auto;
    right: 0;
}
/* --Book Header Style Four-- */
.book-header_style-4 .header-bottom-list > li > a {
    padding: 18px 20px 18px 0;
}
.book-header_style-4 .header-sticky.sticky{
    display: block;
}
.book-header_style-4 .header-sticky{
    display: none;
}
.book-header_style-3 .header-bottom-list > li > a {
    padding: 20px 20px 20px 0;
}
.book-header_style-4 .header-sticky .header-bottom-list li > ul.ht-dropdown{
    left: auto;
    right: 0;
}
@media (max-width: 991px){
    .book-header_style-4 .cart-box {
        padding-right: 0;
    }
}
@media (max-width: 575px){
    .book-header_style-4 .cart-box > ul > li > a span + span.total-pro {
        left: 15px;
    }
}

/*----------------------------------------*/
/* 3.11 Kitchenware Header Style
/*----------------------------------------*/
.kitchenware-header_style .container-fluid{
    padding: 0 40px;
}
.kitchenware-header_style .header-sticky.sticky{
    display: block;
}
.kitchenware-header_style .header-sticky{
    display: none;
}
.kitchenware-header_style .header-sticky .header-bottom-list li > ul.ht-dropdown{
    left: auto;
    right: 0;
}
@media (max-width: 991px){
    .kitchenware-header_style .mean-container a.meanmenu-reveal {
        top: -47px;
    }
}
@media (max-width: 479px){
    .kitchenware-header_style .cart-box {
        padding-right: 40px;
    }
    .kitchenware-header_style .cart-box > ul > li > a {
        margin-left: 10px;
    }
}
/* ---Kitchenware Header Style Two--- */
.kitchenware-header_style-2 .header-top-right ul > li > ul.ht-dropdown {
    left: 0;
    right: auto;
}
.kitchenware-header_style-2 ul.header-bottom-list > li > a {
    padding: 20px 20px 20px 0;
    color: #ffffff;
}
.kitchenware-header_style-2 ul.header-bottom-list > li:hover > a{
    color: #ee8e12;
}
.kitchenware-header_style-2 .header-sticky.sticky{
    display: block;
}
.kitchenware-header_style-2 .header-sticky{
    display: none;
}
.kitchenware-header_style-2 .header-sticky .header-bottom-list li > ul.ht-dropdown{
    left: auto;
    right: 0;
}
.kitchenware-header_style-2 .cart-box > ul > li {
    padding: 18px 0;
}
.kitchenware-header_style-2 .cart-box > ul > li > a {
    color: #ffffff;
}
.kitchenware-header_style-2 .cart-box > ul > li > a span + span.total-pro {
    top: 5px;
}
@media (max-width: 991px){
    .kitchenware-header_style-2 .header-bottom .header-bottom_nav .row{
        align-items: center;
    }
    .kitchenware-header_style-2 .mean-container a.meanmenu-reveal {
        top: -44px;
        color: #ffffff;
    }
    .kitchenware-header_style-2 .mean-container a.meanmenu-reveal span {
        background: #ffffff;
    }
}

/* ---Kitchenware Header Style Four--- */
.kitchenware-header_style-4 .cart-box > ul > li:not(:last-child){
    margin-right: 20px;
    text-align: center;
}
.kitchenware-header_style-4 .cart-box > ul > li > a{
    margin-left: 0;
}
.kitchenware-header_style-4 .cart-box > ul > li > a:hover{
    color: #ee8e12;
}
.kitchenware-header_style-4 .cart-box > ul > li > a span + span.total-pro {
    left: auto;
}
.kitchenware-header_style-4 .cart-box > ul > li > a > span.cart-name {
    font-size: 14px;
    display: block;
    padding-top: 5px;
}

.kitchenware-header_style-4 .header-sticky.sticky{
    display: block;
}
.kitchenware-header_style-4 .header-sticky{
    display: none;
}
.kitchenware-header_style-4 .header-sticky .header-bottom-list li > ul.ht-dropdown{
    left: auto;
    right: 0;
}
@media (max-width: 479px){
    .kitchenware-header_style-4 .logo {
        text-align: center;
        padding-top: 15px;
    }
    .kitchenware-header_style-4 .cart-box {
        padding-right: 40px;
    }
    .kitchenware-header_style-4 .header-middle [class*="col-"]{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}
/*----------------------------------------*/
/* 3.12 Sportwear Header Style
/*----------------------------------------*/
.sportwear-header_style .container-fluid{
    padding: 0 40px;
}
.sportwear-header_style .header-sticky.sticky{
    display: block;
}
.sportwear-header_style .header-sticky{
    display: none;
}
.sportwear-header_style .header-sticky .header-bottom-list li > ul.ht-dropdown{
    left: auto;
    right: 0;
}
@media (max-width: 991px){
    .sportwear-header_style .mean-container a.meanmenu-reveal {
        top: -45px;
    }
}
@media (max-width: 479px){
    .sportwear-header_style .cart-box {
        padding-right: 40px;
    }
    .sportwear-header_style .cart-box > ul > li > a {
        margin-left: 10px;
    }
}

/* ---Sportwear Header Style Two--- */
.sportwear-header_style-2 .header-top-left > ul > li > a,
.sportwear-header_style-2 .header-top-right > ul > li > a,
.sportwear-header_style-2 .social-icon li a {
    color: #ffffff;
}
.sportwear-header_style-2 .cart-box > ul > li > a:hover{
    color: #389c3c;
}

/* ---Sportwear Header Style Four--- */
.sportwear-header_style-4 .container-fluid{
    padding: 0 40px;
}
.sportwear-header_style-4 .header-top{
    border-bottom: 0;
}
.sportwear-header_style-4 .header-top-left > ul > li > a,
.sportwear-header_style-4 .header-top_center span,
.sportwear-header_style-4 .header-top-right > ul > li > i,
.sportwear-header_style-4 .header-top-right > ul > li > span,
.sportwear-header_style-4 .header-top-right > ul > li > a{
    color: #ffffff;
}
.sportwear-header_style-4 .header-top_center span{
    text-transform: capitalize;
}
.sportwear-header_style-4 .header-bottom-list > li > a,
.sportwear-header_style-4 .cart-box > ul > li > a {
    color: #ffffff;
}
.sportwear-header_style-4 .header-bottom-list > li:hover > a,
.sportwear-header_style-4 .cart-box > ul > li:hover > a {
    color: #389c3c
}
@media (max-width: 991px){
    .sportwear-header_style-4{
        background-color: #323232;
    }
    .sportwear-header_style-4 .mean-container a.meanmenu-reveal span {
        background: #ffffff;
    }
    .sportwear-header_style-4 .mean-container a.meanmenu-reveal {
        top: -47px;
        color: #fff;
    }
}
/*----------------------------------------*/
/* 3.13 Supermarket Header Style
/*----------------------------------------*/
.supermarket-header_style .header-top-left > ul > li > a,
.supermarket-header_style .social-icon li a,
.supermarket-header_style .header-top-right > ul > li > a{
    color: #ffffff;
}
.supermarket-header_style .header-top-right ul > li > ul.ht-dropdown {
    left: 0;
    right: auto;
}
.supermarket-header_style .header-sticky .header-bottom-list li > ul.ht-dropdown{
    left: auto;
    right: 0;
}

.night-rider-text_color{
    border-left: 1px solid rgba(0,0,0,0.1);
    border-right: 1px solid rgba(0,0,0,0.1);
}
.night-rider-text_color .category-heading h2 span,
.night-rider-text_color .category-heading > h2:after{
    color: #323232;
}
/* ---Supermarket Header Style Two--- */
.supermarket-header_style-2 .header-sticky.sticky{
    display: block;
}
.supermarket-header_style-2 .header-sticky{
    display: none;
}
.supermarket-header_style-2 ul.header-bottom-list > li > a {
    padding: 15px 20px 15px 0;
}
@media (max-width: 991px){
    .supermarket-header_style-2 .mean-container a.meanmenu-reveal {
        top: -45px;
    }
}
/* ---Supermarket Header Style Four--- */
.supermarket-header_style-4 .white-text_color nav > ul > li > a{
    color: #ffffff;
}
.supermarket-header_style-4 .white-text_color .header-bottom-list > li > a {
    padding: 15px 20px 15px 0;
}
.supermarket-header_style-4 .header-sticky.sticky{
    display: block;
}
.supermarket-header_style-4 .header-sticky{
    display: none;
}
.supermarket-header_style-4 .header-sticky.stick.bg-night_rider .header-bottom-list > li > a{
    color: #ffffff;
}
.supermarket-header_style-4 .header-sticky.stick.bg-night_rider .header-bottom-list > li:hover > a{
    color: #fedc19;
}

@media (max-width: 991px){
    .supermarket-header_style-4 .mean-container a.meanmenu-reveal {
        top: -47px;
    }
}
@media (max-width: 767px){
    .supermarket-header_style-4 .mean-container a.meanmenu-reveal {
        top: -105px;
    }
}

/*----------------------------------------*/
/* 3.14 Flower Header Style
/*----------------------------------------*/
.flower-header_style .container-fluid{
    padding: 0 40px;
}
.flower-header_style .cart-box ul li.setting-area .ht-dropdown{
    left: auto;
    right: 0;
}
@media (max-width: 479px){
    .flower-header_style .custom-xs_col{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .flower-header_style .logo{
        text-align: center;
    }
    .flower-header_style .cart-box-2{
        display: flex;
        justify-content: center;
    }
    .flower-header_style .mean-container a.meanmenu-reveal {
        top: -47px;
        right: 40px !important;
    }
}

/* ---Flower Header Style Four--- */

.flower-header_style-4 .header-bottom-list > li > a{
    color: #ffffff;
    padding: 20px 20px 20px 0;
}
.flower-header_style-4 .header-bottom-list > li:hover > a{
    color: inherit;
}

/*----------------------------------------*/
/* 3.15 Bicycle Header Style
/*----------------------------------------*/
.bicycle-header_style .header-middle .header-middle_nav{
    margin-top: 30px;
}
.bicycle-header_style .sticky .header-middle_nav{
    margin-top: 0;
}
.bicycle-header_style .header-middle .header-middle_nav{
    padding: 0 20px;
}
.bicycle-header_style .sticky .header-middle_nav{
    padding: 0;
}
@media (max-width: 991px){
    .bicycle-header_style .header-middle .header-middle_nav{
        margin-top: 0;
    }
    .bicycle-header_style .header-middle .header-middle_nav{
        padding: 0;
    }
}

/* ---Bicycle Header Style Two--- */
.bicycle-header_style-2 .cart-box > ul > li > a:hover{
    color: #389c3c;
}
.bicycle-header_style-2 .bg-night_rider .header-top-left > ul > li > a, 
.bicycle-header_style-2 .bg-night_rider .social-icon li a, 
.bicycle-header_style-2 .bg-night_rider .header-top-right > ul > li > a{
    color: #ffffff;
}
.bicycle-header_style-2 .bg-night_rider .header-top-left > ul > li:hover > a,
.bicycle-header_style-2 .bg-night_rider .header-top-right > ul > li:hover > a{
    color: #389c3c;
}
@media (max-width: 575px){
    .bicycle-header_style-2 .categorie-search-box{
        right: 0;
    }
}
@media (max-width: 479px){
    .bicycle-header_style-2 .categorie-search-box{
        right: -40px;
    }
}

/* ---Bicycle Header Style Three--- */
.bicycle-header_style-3 .header-top-right ul > li > ul.ht-dropdown{
    right: auto;
    left: 0;
}

/*----------------------------------------*/
/* 3.16 Barber Header Style
/*----------------------------------------*/
.barber-header_style .bg-barber-header{
    background-color: rgba(0,0,0,0.6) !important;
}
.barber-header_style .header-bottom-list > li > a,
.barber-header_style .cart-box > ul > li > a > span{
    color: #ffffff;
}
.barber-header_style .header-bottom-list > li:hover > a,
.barber-header_style .cart-box > ul > li:hover > a > span{
    color: #fab115;
}
.barber-header_style .cart-box > ul > li > a span + span.total-pro{
    color: #ffffff;
}

@media (max-width: 991px){
    .toy-header_style .mean-container a.meanmenu-reveal{
        color: #ffffff;
    }
    .toy-header_style .mean-container a.meanmenu-reveal span{
        background-color: #ffffff;
    }
}

/* ---Barber Header Style Two--- */
.barber-header_style-2 .container-fluid{
    padding: 0 40px;
}
.barber-header_style-2 .bg-dark_tangerin .social-icon li a,
.barber-header_style-2 .header-top_center span,
.barber-header_style-2 .header-top_center i,
.barber-header_style-2 .header-top_center a,
.barber-header_style-2 .header-top-right > ul > li > a{
    color: #ffffff;
}
.barber-header_style-2 .header-top_center i{
    vertical-align: middle;
}
.barber-header_style-2 .header-top_center a{
    text-decoration: underline;
    padding-left: 5px;
}
.barber-header_style-2 .bg-dark_tangerin .social-icon li:hover a,
.barber-header_style-2 .header-top-right > ul > li:hover > a{
    color: inherit;
}
.barber-header_style-2 .header-top_center span{
    text-transform: capitalize;
}
.barber-header_style-2 .cart-box ul li.setting-area .ht-dropdown{
    right: 0;
    left: auto;
}

@media (max-width: 1199px){
    .barber-header_style-2 .logo{
        text-align: left !important;
    }
}
@media (max-width: 991px){
    .barber-header_style-2 .mean-container a.meanmenu-reveal{
        color: #fff;
        top: -47px;
    }
    .barber-header_style-2 .mean-container a.meanmenu-reveal span{
        background-color: #fff;
    }
}
@media (max-width: 575px){
    .barber-header_style-2 .logo{
        text-align: center !important;
    }
    .barber-header_style-2 .cart-box-width{
        right: auto;
        left: -95px;
    }
    .barber-header_style-2 .cart-box ul li.setting-area .ht-dropdown {
        right: auto;
        left: 0;
    }
    .barber-header_style-2 .categorie-search-box {
        left: 0;
        right: auto;
    }
}

/* ---Barber Header Style Three--- */
@media (max-width: 991px){
    .barber-header_style-3 .header-bottom{
        background-color: rgba(0,0,0,0.6);
    }
}
@media (max-width: 479px){
    .barber-header_style-3 .categorie-search-box {
        right: -85px;
    }
}

/*----------------------------------------*/
/* 4. Support Area CSS
/*----------------------------------------*/
.single-support {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.single-support .icon {
    font-size: 32px;
    padding-right: 15px;
}

.support-desc h6 {
    color: #323232;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    padding-bottom: 10px;
    text-transform: none;
}

.support-desc span {
    font-size: 14px;
}

.support-area-style-two .single-support {
    background: #f4f4f4 none repeat scroll 0 0;
    border-radius: 4px;
    padding: 15px 80px;
}

.support-area-style-two .single-support:not(:last-child) {
    margin-bottom: 10px;
}

.support-inner-style-two {
    border-bottom: 1px solid #e5e5e5;
    padding: 60px 0;
}

.site-support-area {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #f4f4f4 none repeat scroll 0 0;
    border-color: #e5e5e5 #e5e5e5 navy;
    -o-border-image: none;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px medium;
}

.site-support-area .single-support {
    border-bottom: 1px solid #e5e5e5;
    padding: 20px;
}

/* ---Support Area Two--- */
.white-text_color h6,
.white-text_color span,
.white-text_color .icon {
    color: #ffffff;
    text-transform: none;
}

/* ---Support Area Three--- */
.support-area_three .single-support p a{
    text-decoration: underline;
}
.single-support i{
    font-size: 18px;
}
.single-support p,
.single-support p a{
    font-size: 13px;
}

.white-text_color i,
.white-text_color p,
.white-text_color p a{
    color: #ffffff;
}

/* ---Blue Icon Color--- */
.blue-icon_color .icon{
    color: #0583CC;
}

/* ---Header Bottom Support--- */
.hb-support i{
    font-size: 25px;
}
.hb-support span{
    font-size: 13px;
}

/*----------------------------------------*/
/* 5. Slider CSS
/*----------------------------------------*/
.slide.align-center-left {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.fullscreen {
    padding: 200px 0;
    width: 100%;
}

.slider-content,
.slider-style-three.slider-style-four .slider-content {
    width: 540px;
    max-width: 100%;

}

.slider-content p.short-desc {
    max-width: 60%;
    font-size: 16px;
}

@media (max-width: 479px){
    .slider-content p.short-desc {
        font-size: 14px;
    }
}

.slider-content p.short-desc-2 {
    max-width: 70%;
}

.slider-style-three .slider-content {
    width: 500px;
    max-width: 100%;
}

/* ---HT Slider Text Center--- */
.slider-area .slider-text_center {
    margin: 0 auto;
    width: 590px;
    text-align: center;
}
.slider-area .slider-text_center p.short-desc-2{
    margin: 0 auto;
}
/* ---End Here--- */

/* ---Align Upper Center--- */
.align-upper_center {
    display: flex;
}
.align-upper_center .slider-text_center {
    position: relative;
    top: 20%;
}

/* ---Text Center Right--- */
.text-center_right{
    position: relative;
    left: 20%;
}

/* ---Align Center Right--- */
.align-center_right{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.align-center_right .slider-content{
    left: 60% !important;
    position: relative;
}

/* ---Digital Slider Style--- */
.digital-slider_style .slider-content{
    position: relative;
    left: 10%;
}
/* ---End Here--- */
/* ---Book Slider Style Two--- */
.book-slider_style-2 .slider-content{
    left: auto !important;
}
/* ---End Here--- */

/* ---Toy Slider Style--- */
.toy-slider_style-2 .container-fluid{
    padding: 0 40px;
}
@media (max-width: 767px){
    .toy-slider_style-2 .container-fluid{
        padding: 0 15px;
    }
}

/* ---Kitchenware Slider Style--- */
.kitchenware-slider_style .slider-content{
    width: 100%;
}
.kitchenware-slider_style h1{
    font-size: 55px !important;
}
.kitchenware-slider_style h2{
    font-size: 31px !important;
}
@media (max-width: 991px){
    .kitchenware-slider_style h1{
        font-size: 30px !important;
    }
    .kitchenware-slider_style h2{
        font-size: 20px !important;
    }
}
/* ---Kitchenware Slider Style--- */
.kitchenware-slider_style-2 .kitchenware-slider_nav{
    padding: 30px 20px;
}
@media (max-width: 767px){
    .kitchenware-slider_style-2 .kitchenware-slider_nav{
        padding: 0;
    }
}
/* --End Here-- */

/* ---Sportwear Slider Style Two--- */
.sportwear-slider_style-2 .fruit-salad_color{
    color: #389c3c;
}
/* ---Sportwear Slider Style Three--- */
.sportwear-slider_style-3 p.short-desc-2{
    margin: 0 auto;
}
.sportwear-slider_style-3 h2{
    font-size: 50px !important;
}
.sportwear-slider_style-3 h1{
    font-size: 60px !important;
}
@media (max-width: 575px){
    .sportwear-slider_style-3 h2{
        font-size: 30px !important;
    }
    .sportwear-slider_style-3 h1{
        font-size: 40px !important;
    }
}

/* --Sportwear Slider End Here-- */

/* ---Supermarket Slider Style Four--- */
.supermarket-slider_style-4 .slider-content{
    position: relative;
    left: 60px;
}
/* --End Here-- */

/* ---Flower Slider Style--- */
.flower-slider_style .slider-content .pink-text_color{
    color: #db8678;
    font-style: italic;
}
.flower-slider_style .slider-content h1{
    font-size: 45px;
}
.flower-slider_style .slider-content h2{
    font-size: 50px;
}
.flower-slider_style .slider-content p{
    margin: 0 auto;
}
@media (max-width: 1500px){
    .flower-slider_style .align-center_right .slider-content{
        left: 50% !important;
    }
    .flower-slider_style .slider-content h1{
        font-size: 30px;
    }
    .flower-slider_style .slider-content h2{
        font-size: 30px;
    }
}
@media (max-width: 991px){
    .flower-slider_style .align-center_right .slider-content{
        left: 40% !important;
    }
    .flower-slider_style .slider-content .pink-text_color{
        color: #ffffff;
    }
    .flower-slider_style .slider-content .makali-btn a {
        border: 2px solid #db8678;
    }
}
@media (max-width: 767px){
    .flower-slider_style .align-center_right .slider-content{
        left: 20% !important;
    }
}
@media (max-width: 575px){
    .flower-slider_style .align-center_right .slider-content{
        left: 15% !important;
    }
}

/* ---Flower Slider Style Two--- */
.flower-slider_style-2 .slider-content {
    width: 370px;
}
.flower-slider_style-2 .slider-content.different-width {
    width: 435px;
}

/* ---Flower Slider Style Four--- */
@media (max-width: 991px){
    .flower-slider_style-4 .align-center_right .slider-content{
        left: auto !important;
    }
}

/* ---Flower Slider Style Three--- */
@media (max-width: 479px){
    .flower-slider_style-3 .align-center_right .slider-content {
    left: auto !important;
    }
}
/* --End Here-- */

/* ---Bicycle Slider Style--- */
.bicycle-slider_style .slider-content{
    width: 345px;
}
.bicycle-slider_style .slider-content.different-width{
    width: 420px;
}
.bicycle-slider_style .slider-content.different-width-2{
    width: 450px;
}
.bicycle-slider_style .slider-content h1{
    font-size: 50px;
}
.bicycle-slider_style .slider-content h2{
    font-size: 60px;
}
.bicycle-slider_style .slider-content p.short-desc{
    margin: 0 auto;
}
@media (max-width: 479px){
    .bicycle-slider_style .slider-content h1{
        font-size: 30px;
    }
    .bicycle-slider_style .slider-content h2{
        font-size: 40px;
    }
}

/* ---Bicycle Slider Style Two--- */
.bicycle-slider_style-2 .slider-content{
    width: 540px;
}
/* --End Here-- */

/* ---Barber Slider Style--- */
.barber-slider_style .slider-content{
    width: 100%;
}
.barber-slider_style .slide-img{
    padding-bottom: 25px;
}
.barber-slider_style .slide-img img{
    width: auto !important;
    margin: 0 auto;
}
.barber-slider_style .slider-content h1,
.barber-slider_style .slider-content h2{
    font-size: 71px;
}
.barber-slider_style .slider-content h2 span.tangerine-text_color{
    color: #fab115;
}
.barber-slider_style .slider-content p{
    text-transform: uppercase;
}

@media (max-width: 991px){
    .barber-slider_style .slider-content h1,
    .barber-slider_style .slider-content h2 {
        font-size: 30px;
    }
    .barber-slider_style .slider-content p{
        text-transform: capitalize;
    }
}

/* ---Barber Slider Style Two--- */
.barber-slider_style-2 .container-fluid{
    padding: 0 120px;
}
@media (max-width: 767px){
    .barber-slider_style-2 .container-fluid{
        padding: 0 40px;
    }
}

/* --End Here-- */
/* ---Barber Slider Style Three--- */
.barber-slider_style-3 .slider-content.white-text_color h1,
.barber-slider_style-3 .slider-content.white-text_color h2{
    color: #ffffff;
}

/* --End Here-- */

.slider-style-three .fullscreen {
    padding: 225px 0;
    width: 100%;
}

.slider-style-four .fullscreen {
    padding: 275px 0;
    width: 100%;
}

.slider-style-six .slider-content.slider-six-style-one {
    left: 60px;
    position: relative;
}

.slider-style-six .slider-content.slider-six-style-two {
    margin: auto;
    padding: 0 15px;
    position: relative;
    text-align: center;
}

.slider-style-six .fullscreen {
    padding: 139px 0;
}
.jewelry-slider_style .fullscreen {
    padding: 128px 0;
}

.slider-style-six .slider-content h1 {
    font-size: 25px;
    margin-bottom: 5px;
}

.slider-style-six .slider-content h2 {
    font-size: 50px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.slider-style-six .slider-content.slider-six-style-two h2 {
    font-size: 32px;
    text-transform: capitalize;
    line-height: 1.2;
}

.slider-style-six .slider-content.slider-six-style-two .small-btn a {
    border: none;
    color: #2e8b57;
    font-weight: 600;
}

.slider-style-six .slider-content.slider-six-style-two .small-btn a:before {
    display: none;
}

.slider-style-six .slider-content.slider-six-style-two .small-btn a:hover {
    background: #2e8b57;
    color: #fff;
}

.slider-style-six .slider-content.slider-six-style-two h6 {
    color: #fff;
    display: inline-block;
    background: #2e8b57;
    margin-bottom: 12px;
    font-size: 14px;
    padding: 2px 5px;
}

.slider-style-six .slider-content p.large-collection {
    font-size: 22px;
    font-weight: 500;
    line-height: 30px;
    text-transform: uppercase;
}

.slider-style-six .row .col-xl-8.slide-left {
    padding-right: 0;
}

.slider-content h1 {
    font-size: 40px;
    font-weight: 600;
    line-height: 1.1;
    margin-bottom: 5px;
    margin-top: 0;
    text-transform: capitalize;
}

.slider-content h2 {
    font-size: 38px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 22px;
    margin-top: 0;
    text-transform: capitalize;
    }

.slider-style-two .slider-content {
    left: 60px;
    position: relative;
}

.slider-style-three .slider-content h1,
.slider-style-three .slider-content h2,
.slider-style-three .slider-content p,
.slider-style-three .slider-content span {
    color: #ffffff;
}

/* ---Pet Slider Style--- */
.text-color_white span,
.text-color_white h1,
.text-color_white h2,
.text-color_white p{
    color: #ffffff;
}

/* --End Here-- */
/* animation-style-01 */
.owl-item.active .animation-style-01 .slider-content .slide-img {
    -webkit-animation: 500ms ease-in-out 0s normal none 1 running zoomIn;
    animation: 500ms ease-in-out 0s normal none 1 running zoomIn;
}
.owl-item.active .animation-style-01 .slider-content span {
    -webkit-animation: 800ms ease-in-out 0s normal none 1 running zoomInRight;
    animation: 800ms ease-in-out 0s normal none 1 running zoomInRight;
}
.owl-item.active .animation-style-01 .slider-content h1 {
    -webkit-animation: 1200ms ease-in-out 0s normal none 1 running zoomInRight;
    animation: 1200ms ease-in-out 0s normal none 1 running zoomInRight;
}

.owl-item.active .animation-style-01 .slider-content h2 {
    -webkit-animation: 1600ms ease-in-out 0s normal none 1 running zoomInRight;
    animation: 1600ms ease-in-out 0s normal none 1 running zoomInRight;
}

.owl-item.active .animation-style-01 .slider-content p {
    -webkit-animation: 2000ms ease-in-out 0s normal none 1 running zoomInRight;
    animation: 2000ms ease-in-out 0s normal none 1 running zoomInRight;
}

.owl-item.active .animation-style-01 .slider-content .slide-btn {
    -webkit-animation: 2500ms ease-in-out 0s normal none 1 running zoomInRight;
    animation: 2500ms ease-in-out 0s normal none 1 running zoomInRight;
}

/* animation-style-02 */
.owl-item.active .animation-style-02 .slider-content .slide-img {
    -webkit-animation: 500ms ease-in-out 0s normal none 1 running zoomIn;
    animation: 500ms ease-in-out 0s normal none 1 running zoomIn;
}
.owl-item.active .animation-style-02 .slider-content span {
    -webkit-animation: 800ms ease-in-out 0s normal none 1 running zoomInRight;
    animation: 800ms ease-in-out 0s normal none 1 running zoomInRight;
}
.owl-item.active .animation-style-02 .slider-content .product-offer {
    -webkit-animation: 800ms ease-in-out 0s normal none 1 running zoomInUp;
    animation: 800ms ease-in-out 0s normal none 1 running zoomInUp;
}
.owl-item.active .animation-style-02 .slider-content h1 {
    -webkit-animation: 1200ms ease-in-out 0s normal none 1 running zoomInUp;
    animation: 1200ms ease-in-out 0s normal none 1 running zoomInUp;
}

.owl-item.active .animation-style-02 .slider-content h2 {
    -webkit-animation: 1600ms ease-in-out 0s normal none 1 running zoomInUp;
    animation: 1600ms ease-in-out 0s normal none 1 running zoomInUp;
}

.owl-item.active .animation-style-02 .slider-content p {
    -webkit-animation: 2000ms ease-in-out 0s normal none 1 running zoomInUp;
    animation: 2000ms ease-in-out 0s normal none 1 running zoomInUp;
}

.owl-item.active .animation-style-02 .slider-content .slide-btn {
    -webkit-animation: 2500ms ease-in-out 0s normal none 1 running zoomInUp;
    animation: 2500ms ease-in-out 0s normal none 1 running zoomInUp;
}

/* All Sliding Css */
.owl-nav div {
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 22px;
    height: 40px;
    left: 0;
    line-height: 40px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    width: 40px;
    z-index: 8;
}

.slider-activation:hover .owl-nav div,
.blog-activation:hover .owl-nav div,
.our-pro-active:hover .owl-nav div,
.daily-deal-active:hover .owl-nav div,
.categorie-pro-active:hover .owl-nav div,
.brand-logo-active:hover .owl-nav div,
.categorie-slider-active:hover .owl-nav div,
.arrival-pro-active:hover .owl-nav div,
.single-deal-active:hover .owl-nav div,
.tripple-pro-active:hover .owl-nav div,
.testmonial-active-2:hover .owl-nav div,
.hot-deals-active:hover .owl-nav div {
    opacity: 1;
}

.slider-activation:hover .owl-nav div.owl-prev {
    left: 10px;
}

.our-pro-two-active:hover .owl-nav div.owl-prev {
    left: 0;
}

.our-pro-two-active:hover .owl-nav div.owl-next {
    right: 0;
}

.slider-activation:hover .owl-nav div.owl-next {
    right: 10px;
}

.owl-nav div.owl-next {
    right: 0;
    left: auto;
}

.single-deal-active .owl-nav div,
.categorie-append_arrow .owl-nav div {
    background: transparent none repeat scroll 0 0;
    color: #2e8b57;
    height: auto;
    line-height: 0;
    opacity: 1;
    top: -67px;
    width: auto;
}

.single-deal-active .owl-nav div.owl-prev,
.categorie-append_arrow .owl-nav div.owl-prev {
    left: auto;
    right: 20px;
}

/* ---Space Between Arrow Area--- */
.space-between_arrow .owl-nav div.owl-prev{
    left: -60px;
}
.space-between_arrow .owl-nav div.owl-next{
    right: -60px;
}

@media (max-width: 1500px){
    .space-between_arrow .owl-nav div.owl-prev{
        left: 0px;
    }
    .space-between_arrow .owl-nav div.owl-next{
        right: 0px;
    }
}

/* ---Append Arrow Section--- */
.pro-inner-title.append-arrow_section:after{
    width: 90%;
}
.categorie-append_arrow .owl-nav div {
    top: -41px;
}

/* default pagination dot css */
.owl-dots {
    bottom: 15px;
    margin-top: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 12;
}

.owl-dots .owl-dot {
    background: #fff none repeat scroll 0 0;
    border-radius: 10px;
    cursor: pointer;
    display: inline-block;
    font-size: 0;
    height: 10px;
    margin: 0 4px;
    position: relative;
    text-align: center;
    -webkit-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
    width: 10px;
    z-index: 8;
}

.owl-dots .owl-dot.active {
    width: 32px;
}

/* ---Categorie Slider Dots Area--- */
.categorie-slider_dots .owl-dots {
    bottom: 0;
    position: relative;
    text-align: left;
    padding-top: 30px;
}
.categorie-slider_dots .owl-dots .owl-dot.active  {
    background-color: #000;
    width: 10px;
}
.categorie-slider_dots .owl-dots .owl-dot {
    background-color: #dbdbdb;
}
.categorie-slider_dots .owl-dots .owl-dot:hover {
    background-color: #000;
}

/* ---White Color Dots Area--- */
.white-color_dots .owl-dots .owl-dot.active  {
    background-color: #fff;
}
.white-color_dots .owl-dots .owl-dot {
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 100%;
    width: 15px;
    height: 15px;
}
.white-color_dots .owl-dots .owl-dot:hover {
    background-color: #fff;
}

/* ---Without Dots--- */
.without-dots .owl-dots{
    display: none !important;
}

/*----------------------------------------*/
/* 6. All Banner CSS
/*----------------------------------------*/
.home-style-two-banner {
    position: relative;
}

.home-style-two-banner img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    width: 100%;
}

.home-style-two-banner .secondary-img {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: 3;
}

.home-style-two-banner:hover .secondary-img {
    opacity: 1;
}

.banner-style-three .container {
    background: #fff none repeat scroll 0 0;
    margin-top: -60px;
    padding: 20px 20px 0 20px;
    position: relative;
    z-index: 5;
}

/*----------------------------------------*/
/* 6.01 Banner With Text Area
/*----------------------------------------*/
.banner-with_text{
    position: relative;
}
.banner-with_text:hover .hover-wrap{
    opacity: 1;
    visibility: visible;
}
.banner-with_text .hover-wrap{
    background-color: #f4f4f4;
    display: flex;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    pointer-events: none;
}
.banner-with_text .hover-wrap:before{
    border: 3px solid #ffffff;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    content: "";
    position: absolute;
}
.banner-with_text .hover-wrap .hover-text{
    margin: auto;
    max-width: 270px;
    text-align: center;
}
.banner-with_text .hover-wrap .hover-text h2,
.banner-with_text .hover-wrap .hover-text h3,
.banner-with_text .hover-wrap .hover-text h4,
.banner-with_text .hover-wrap .hover-text p{
    text-transform: capitalize;
}
.banner-with_text .hover-wrap .hover-text h2{
    color: #323232;
    font-size: 35px;
    margin: 0;
    font-weight: 600;
}
.banner-with_text .hover-wrap .hover-text h3{
    color: #323232;
    font-size: 22px;
    margin-bottom: 5px;
    font-weight: 600;
}
.banner-with_text .hover-wrap .hover-text h4{
    color: #666;
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 400;
}
.banner-with_text .hover-wrap .hover-text p{
    margin: 20px 0 0;
}

/* ---Begin Banner With Text Two--- */
.banner-with_text-2 .banner-text h3{
    font-size: 21px;
    text-transform: capitalize;
    font-weight: 600;
    padding-bottom: 15px;
}
.banner-with_text-2 .banner-text p{
    padding-bottom: 15px;
}
.banner-with_text-2 .banner-text a{
    font-weight: 600;
    color: #67af7c;
    text-decoration: underline;
    text-transform: uppercase;
}
/*----------------------------------------*/
/* 6.02 Banner With Countdown
/*----------------------------------------*/
.banner-with_countdown-2,
.banner-with_countdown-3{
    background-image: url(img/banner/sportwear/3-3.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 580px;
}
.banner-with_countdown-2 .banner-countdown span.offer,
.banner-with_countdown-2 .banner-countdown h3.banner-title, 
.banner-with_countdown-2 .banner-countdown h4{
    color: #ffffff;
}

.banner-with_countdown-3{
    background-image: url(img/banner/bicycle/1-1.webp);
}
@media (max-width: 1199px){
    .banner-with_countdown-3{
        background-position: left;
    }
}

/*----------------------------------------*/
/* 6.03 Bicycle Banner
/*----------------------------------------*/
.bicycle-banner_area{
    background-image: url(img/banner/bicycle/2-4.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 820px;
    position: relative;
}
.bicycle-banner_area .inner-text{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 100px;
    text-align: center;
    width: 100%;
}
.bicycle-banner_area .inner-text h3.title{
    text-transform: capitalize;
    padding-bottom: 20px;
}
.bicycle-banner_area ul.features-item li{
    display: inline-block;
    padding: 0 40px;
}
.bicycle-banner_area ul.features-item li h5{
    font-size: 14px;
    text-transform: capitalize;
    color: #767676;
    padding-bottom: 10px;
}
@media (max-width: 767px){
    .bicycle-banner_area {
        height: 480px;
    }
    .bicycle-banner_area .inner-text {
        bottom: 50px;
    }
    .bicycle-banner_area .inner-text h3.title{
        font-size: 18px;
    }
    .bicycle-banner_area ul.features-item li {
        padding: 0 10px;
    }
    .bicycle-banner_area ul.features-item li h5{
        font-size: 12px;
    }
    .bicycle-banner_area ul.features-item li h4{
        font-size: 14px;
    }
}
@media (max-width: 479px){
    .bicycle-banner_area {
        height: 320px;
    }
    .bicycle-banner_area .inner-text {
        bottom: 15px;
    }
    .bicycle-banner_area .inner-text h3.title{
        padding-bottom: 15px;
    }
    .bicycle-banner_area .makali-sm_btn a {
        margin-top: 15px !important;
    }
}

/*----------------------------------------*/
/* 6.04 Barber Banner
/*----------------------------------------*/
.barber-banner_area{
    margin-top: -120px;
    z-index: 99;
    position: relative;
}
.barber-banner_area .banner-wrap{
    padding: 20px 20px 0;
}

@media (max-width: 991px){
    .barber-banner_area{
        margin-top: 0;
        padding-top: 100px;
    }
    .barber-banner_area .banner-wrap{
        padding: 0;
        background-color: transparent;
    }
}

/*----------------------------------------*/
/* 7. All Products CSS
/*----------------------------------------*/

/* product tab list css */
.nav.tabs-area.pro-tabs-area {
    display: block;
    margin-bottom: 60px;
    text-align: center;
}

.pro-tabs-area li {
    display: inline-block;
    position: relative;
}

.pro-tabs-area li a {
    border: 2px solid #666;
    color: #4b4b4b;
    cursor: pointer;
    float: left;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    margin: 0 10px;
    padding: 19px 50px;
    position: relative;
    text-transform: capitalize;
    -webkit-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
}

@media (max-width: 991px){
    .pro-tabs-area li a {
        padding: 19px 25px;
    }
}

.border-style .tab-content {
    border-bottom: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 90px;
}

/* product css */
.dual-pro .single-makal-product:first-child {
    margin-bottom: 55px;
}

.pro-img {
    position: relative;
}

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

.pro-content {
    padding: 20px 0 0;
    position: relative;
}

.rating i {
    font-size: 12px;
}

.pro-title {
    font-weight: 400;
    line-height: 1;
    margin-bottom: 15px;
}

.pro-title a {
    display: block;
    font-size: 15px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize;
    white-space: nowrap;
}

.pro-content p {
    line-height: 1;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.price {
    color: #2e8b57;
    font-size: 14px;
    font-weight: 600;
    padding-right: 5px;
}

.prev-price {
    color: #595959;
    font-size: 14px;
    font-weight: 400;
    text-decoration: line-through;
}

.pro-actions {
    -moz-box-align: center;
    -moz-box-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: -8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    left: 1;
    opacity: 0;
    position: absolute;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    width: 100%;
}

.single-makal-product:hover .pro-actions {
    opacity: 1;
}
.actions-primary,
.actions-secondary {
    opacity: 1;
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}

.single-makal-product:hover .actions-primary,
.single-makal-product:hover .actions-secondary {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.single-makal-product:hover .pro-content p {
    opacity: 0;
}

#list-view .single-makal-product:hover .pro-content p {
    opacity: 1;
}

.add-to-cart {
    color: #2e8b57;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    text-transform: capitalize;
}

.actions-secondary a {
    display: inline-block;
    height: 30px;
    line-height: 36px;
    width: 30px;
}


.quick-view::before {
    content: "";
    font-family: "Pe-icon-7-stroke";
    font-size: 18px;
}


.quick-view::before {
    background: #fff none repeat scroll 0 0;
    border-radius: 100%;
    color: #a3a3a3;
    content: "";
    display: block;
    font-size: 20px;
    height: 44px;
    line-height: 44px;
    width: 44px;
    opacity: 0;
    position: absolute;
    right: 15px;
    bottom: 15px;
    text-align: center;
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    z-index: 99;
}

.specific-quick-view:before{
    box-shadow: 1px 4px 5px 0px rgba(0,0,0,0.11);
    color: #2e8b57;
}

.single-makal-product:hover .quick-view::before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
/*----------------------------------------*/
/* 7.03 Single Makali Product Two
/*----------------------------------------*/
.single-makal-product-2:hover .pro-actions {
    opacity: 1;
}
.single-makal-product-2 .actions-primary,
.single-makal-product-2 .actions-secondary {
    opacity: 1;
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}

.single-makal-product-2:hover .actions-primary,
.single-makal-product-2:hover .actions-secondary {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.single-makal-product-2:hover .pro-content p {
    opacity: 0;
}
#list-view .single-makal-product-2:hover .pro-content p {
    opacity: 1;
}
.single-makal-product-2:hover .quick-view::before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.single-makal-product-2 .countdown .count {
    padding: 20px 0 0;
}

/* ---Grouping Product Area--- */
@media (max-width: 991px){
    .grouping-product_area [class*="col-"] .single-makal-product{
        margin-bottom: 30px;
    }
}
.grouping-product_col{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
.grouping-product_col-2{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 80%;
    max-width: 80%;
}

@media (max-width: 1199px){
    .grouping-product_col{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .grouping-product_col-2{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
}
@media (max-width: 991px){
    .grouping-product_col{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333%;
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }
    .grouping-product_col-2{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666%;
        flex: 0 0 66.666%;
        max-width: 66.666%;
    }
}
@media (max-width: 767px){
    .grouping-product_col{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .grouping-product_col-2{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/* ---Group Product Three--- */
.grouping-product_area-3 .single-banner{
    height: 100%;
    width: 100%;
}
.grouping-product_area-3 .single-banner a img{
    height: 100%;
}
.grouping-product_area-3 .five-slide_item{
    padding: 20px;
}
/* ---Group Product Four--- */
.grouping-product_area-4 .five-slide_item{
    border: 1px solid #e5e5e5;
    padding: 20px;
}

/* product sticker */
.sticker-new,
.sticker-sale {
    background: #323232 none repeat scroll 0 0;
    border-radius: 0;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    height: 25px;
    left: 20px;
    line-height: 25px;
    min-width: 50px;
    padding: 0 5px;
    position: absolute;
    text-align: center;
    text-transform: capitalize;
    top: 20px;
    z-index: 5;
}


.sticker-sale {
    left: 75px;
}
.single-sticker_sale{
    left: 20px;
}

/*----------------------------------------*/
/* 7.01 Four Slide Area
/*----------------------------------------*/
.four-slide_area .container-fluid{
    padding: 0 80px;
}
@media (max-width: 1199px){
    .four-slide_area .container-fluid{
        padding: 0 30px;
    }
}
@media (max-width: 575px){
    .four-slide_area .container-fluid{
        padding: 0 15px;
    }
}

/*----------------------------------------*/
/* 7.02 Pet Product Tab
/*----------------------------------------*/
.pet-product_tab .nav.tabs-area.pro-tabs-area{
    text-align: left;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 15px;
    margin-bottom: 30px;
}
.pet-product_tab .pro-tabs-area li a {
    border: 0;
    font-size: 24px;
    margin: 0 10px;
    padding: 0;
}
.pet-product_tab .pro-tabs-area li:first-child a {
    margin-left: 0;
}

/*----------------------------------------*/
/* 8. Daily Deal Product CSS
/*----------------------------------------*/
.deal-header h2 {
    color: #fff;
    font-size: 34px;
}

.deal-header p {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}

.daily-deal-active .single-makal-product .pro-title a,
.daily-deal-active .single-makal-product .add-to-cart,
.daily-deal-active .single-makal-product .rating i,
.daily-deal-active .single-makal-product .price,
.daily-deal-active .single-makal-product .prev-price,
.daily-deal-active .add-to-cart:hover:before {
    color: #fff;
}

.countdown {
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 0;
    text-align: center;
    margin-top: 35px;
}

.daily-deal-active .countdown {
    margin-top: 0;
    padding-bottom: 15px;
    padding-top: 0;
}

.countdown .count {
    background: #fff none repeat scroll 0 0;
    border-radius: 5px;
    color: #000;
    padding: 20px 15px;
    text-align: center;
}

.countdown .count:not(:last-child) {
    margin-right: 10px;
}

.count p {
    border-radius: 5px;
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 2px;
}

.count span {
    color: #555;
    display: block;
    font-size: 13px;
    font-weight: normal;
    line-height: 14px;
    text-transform: capitalize;
}

.single-makal-product:hover .bg-white{
    opacity: 0;
}
.bg-white{
    background-color: transparent !important;
    position: absolute;
    bottom: 80px;
    width: 100%;
    z-index: 1;
    margin-bottom: 0 !important;
    justify-content: center;
    opacity: 1;
    transition: all 0.3s ease-in-out;
}
.bg-white .count{
    background-color: #fff !important;
    max-width: 18%;
    padding: 8px 0;
}

/*----------------------------------------*/
/* 8.01 Banner Countdown
/*----------------------------------------*/
.banner-countdown{
    text-align: center;
}
.banner-countdown span.offer{
    text-transform: uppercase;
    color: #e21737;
    font-weight: 700;
    font-size: 24px;
    padding-bottom: 15px;
    display: block;
}
.banner-countdown span.fruit-salad_color{
    color: #389c3c;
}
.banner-countdown h3.banner-title,
.banner-countdown h4{
    font-size: 48px;
    font-weight: 700;
    text-transform: capitalize;
}
.banner-countdown .countdown{
    justify-content: center;
}
.banner-countdown .countdown .count{
    border: 1px solid #e5e5e5;
    max-width: 60px;
    border-radius: 0;
}
/* --End Here-- */

/*----------------------------------------*/
/* 9. Categorie Product CSS
/*----------------------------------------*/
.categories-of-pro .container-fluid,
.hero-banner-area .container-fluid,
.product-bannner .container-fluid,
.header-style-four .container-fluid,
.slider-style-four {
    padding: 0 35px;
}

.banner-area .single-banner{
    position: relative;
    /* height: 100%; */
}
/* --Banner Category Wrap-- */
.banner-area .single-banner h2.banner-category,
.banner-area .single-banner .banner-category_wrap{
    position: absolute;
    padding: 14px 20px;
    cursor: pointer;
    left: 25px;
    bottom: 25px;
    margin-bottom: 0;
    font-size: 25px;
    text-transform: capitalize;
    transition: all 0.3s ease-in-out;
}
.banner-area .single-banner .banner-category_wrap{
    cursor: text;
}
.banner-area .single-banner .banner-category_wrap h4{
    margin-bottom: 5px;
    text-transform: capitalize;
}
.banner-area .single-banner .banner-category_wrap p{
    color: #666666;
    margin-bottom: 0;
}
/* --Text Upper Left-- */
.banner-area .single-banner .text-upper_left{
    left: 25px;
    top: 25px;
}
.banner-area .single-banner .text-upper_left h4,
.banner-area .single-banner .text-upper_left p{
    color: #ffffff;
}

/* ---Banner Category Two--- */
.banner-category_wrap-2{
    transition: all 0.3s ease-in-out;
}
.banner-category_wrap-2:hover .banner-category{
    background-color: #389c3c;
}
.banner-category_wrap-2 .banner-category,
.specific-width{
    position: absolute;
    padding: 14px 20px;
    cursor: pointer;
    bottom: 25px;
    text-transform: capitalize;
    transition: all 0.3s ease-in-out;
    background-color: #ffffff;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}
.specific-width{
    width: calc(100% - 70px);
}
.banner-category_wrap-2 .banner-category h2{
    font-size: 16px;
    font-weight: 600;
}
.banner-category_wrap-2 .banner-category span{
    font-size: 14px;
}
.banner-category_wrap-2:hover .banner-category h2,
.banner-category_wrap-2:hover .banner-category span{
    color: #ffffff;
}
/* --End here-- */

/* --Toy Banner Area-- */
.toy-banner_area .container-fluid{
    padding: 0 40px;
}
@media (max-width: 767px){
    .toy-banner_area .container-fluid{
        padding: 0 30px;
    }
}
@media (max-width: 575px){
    .toy-banner_area .container-fluid{
        padding: 0 15px;
    }
}

/* ---Kitchenware Banner Area--- */
.kitchenware-banner_area .banner-text{
    position: relative;
    padding-top: 25px;
}
.kitchenware-banner_area .banner-text h2{
    text-transform: capitalize;
    font-size: 30px;
    max-width: 60%;
    padding-bottom: 30px;
}
.kitchenware-banner_area .banner-text h2:before{
    background-color: #ee8e12;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 2px;
}
.kitchenware-banner_area .banner-text ul.product-features{
    padding-bottom: 10px;
}
.kitchenware-banner_area .banner-text ul.product-features li{
    list-style: inside !important;
}
.kitchenware-banner_area .banner-text ul.product-features li:not(:last-child){
    margin-bottom: 5px;
}
.kitchenware-banner_area .single-banner a img {
    height: auto;
}

@media (max-width: 991px){
    .kitchenware-banner_area .banner-text h2{
        font-size: 18px;
        max-width: 100%;
    }
    .kitchenware-banner_area .banner-text ul.product-features li{
        font-size: 13px;
    }
}

/* --End Here-- */
.single-categorie .cat-img {
    position: relative;
    overflow: hidden;
}

.single-categorie .cat-img img {
    -webkit-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
    width: 100%;
}

.single-categorie:hover .cat-img img {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
}

.cat-content {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.cat-content a {
    background: #fff none repeat scroll 0 0;
    color: #323232;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    padding: 15px 33px;
    -webkit-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
}

.multi-banner .cat-content a {
    background: #323232 none repeat scroll 0 0;
    color: #fff;
    text-transform: uppercase;
}

.multi-banner .cat-content {
    bottom: 35px;
    top: auto;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

/* categorei slider product css */
.tripple-pro .single-makali-product:not(:last-child) {
    margin-bottom: 20px;
}

.tripple-pro .single-makali-product {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.tripple-pro .pro-img {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    margin-right: 15px;
}

.tripple-pro .pro-content {
    padding: 0;
}

.pro-inner-title {
    position: relative;
    z-index: 1;
}

.pro-inner-title h3 {
    background: #fff none repeat scroll 0 0;
    display: inline-block;
    padding-right: 15px;
    font-size: 22px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 30px;
    text-transform: capitalize;
}

.pro-inner-title::after {
    border-color: #ddd;
    border-style: dashed;
    border-width: 0 0 1px;
    content: "";
    left: 0;
    position: absolute;
    top: 12px;
    width: 100%;
    z-index: -1;
}

/*----------------------------------------*/
/* 10. Blog & Blog Details CSS
/*----------------------------------------*/
.blog-area.blog-border{
    border-bottom: 1px solid #ededed;
}
.makali-blog .container-fluid {
    padding: 0 100px;
}

.makali-blog .blog-left-sidebar-desc [class*="col-"],
.makali-blog .blog-right-sidebar-desc [class*="col-"],
.makali-blog.grid-blog [class*="col-"] {
    margin-bottom: 40px;
}

.single-blog img {
    width: 100%;
}

.blog-content {
    padding-top: 20px;
}

.blog-content p {
    font-size: 14px;
}

.blog-left-sidebar-desc {
    padding-left: 20px;
}

.blog-right-sidebar-desc {
    padding-right: 20px;
}

.blog-content h4 a {
    color: #292929;
    display: block;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
}

.meta-box {
    margin: 15px 0;
}

.meta-box li {
    display: inline-block;
}

.meta-box li {
    display: inline-block;
    font-size: 14px;
    line-height: 25px;
    margin-right: 20px;
    text-transform: capitalize;
}

.meta-box li i {
    margin-right: 5px;
}

.meta-box li a {
    display: inline-block;
    font-size: 13px;
    line-height: 25px;
    margin-right: 20px;
    text-transform: capitalize;
}

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

.single-blog .blog-img:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.entry-meta {
    left: 10px;
    line-height: 18px;
    position: absolute;
    text-align: center;
    top: 10px;
    width: 55px;
}

.entry-meta .date {
    background: #fff none repeat scroll 0 0;
    color: #fff;
    padding: 8px 10px;
    text-transform: uppercase;
}

.date span {
    color: #2e8b57;
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
}

.date p {
    color: #2e8b57;
    display: block;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 2px;
}

.makali-blog .meta-box li a:hover,
.makali-blog .blog-content h4 a:hover {
    color: #2e8b57;
}

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

.pagination-blog li a {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #e7e7e7;
    display: block;
    font-size: 16px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 40px;
}

.pagination-blog li {
    display: inline-block;
    margin-right: 1px;
}

.pagination-blog li.active a,
.pagination-blog li a:hover {
    background: #2e8b57 none repeat scroll 0 0;
    color: #ffffff;
    border-color: #2e8b57;
}

.newsletter-box.blog-details-box form {
    position: relative;
}

.newsletter-box.blog-details-box .subscribe {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    color: #666;
    font-size: 13px;
    height: 47px;
    line-height: 47px;
    margin-top: 0;
    padding: 11px 135px 10px 20px;
    width: 100%;
}

.newsletter-box.blog-details-box .submit {
    background: #292929;
    border: none;
    border-radius: 0;
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
    height: 47px;
    line-height: 50px;
    margin-top: 0;
    padding: 0 15px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0;
    -webkit-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;
}

.newsletter-box.blog-details-box .submit:hover {
    background: #2e8b57;
}

/* ---Blog With Banner--- */
.blog-with_bg{
    margin-bottom: 0px;
    background-image: url(img/blog/bg-1.webp);
    background-position: 0 0;
    background-repeat: no-repeat;
}
.blog-with_bg .section-title h2,
.blog-with_bg .section-title p{
    color: #ffffff;
}

/* ---Flower Blog Area--- */
.flower-blog_area .single-blog .blog-content{
    text-align: center;
    padding: 65px 20px 25px;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
}
.flower-meta_style{
    background-color: #db8678;
    padding: 10px 20px;
    display: inline-block;
    position: absolute;
    top: -35px;
    left: 50%;
    transform: translateX(-50%);
}
.flower-meta_style span{
    display: block;
    color: #ffffff;
}
.flower-btn_style{
    padding-top: 20px;
}
.flower-btn_style a{
    text-transform: uppercase;
    color: #db8678;
}
.flower-btn_style a:hover{
    color: inherit;
}
/* --Flower Blog Area End Here-- */

/* ---Bicycle Blog Area--- */
.bicycle-blog_area .blog-content{
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 20px 20px 20px 25px;
}

/* --Bicycle Blog Area End Here-- */

/* blog details css */
.blog-details {
    padding-right: 20px;
}

.blog-details.blog-details-two {
    padding-right: 0;
    padding-left: 20px;
}

.submit-review .login-btn {
    margin-bottom: 0;
}

.details-meta {
    margin-bottom: 30px;
}

.meta-box.meta-blog {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 30px;
    margin-top: 13px;
    padding-bottom: 15px;
}

.blogquote.blockquote {
    background: #f1f1f1 none repeat scroll 0 0;
    margin: 40px 0;
    padding: 45px;
    border-left: 3px solid #2e8b57;
}

.blogquote.blockquote p {
    font-size: 15px;
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 28px;
}

.blockquote-footer {
    font-size: 83%;
    font-weight: 500;
}

.blog-dtl-header {
    font-size: 26px;
    font-weight: 600;
    line-height: 1;
    text-transform: capitalize;
}

.tags-social {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 15px;
    padding-bottom: 10px;
}

.t-list {
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
}

.tags-social li a {
    color: #555;
    font-size: 14px;
    margin-left: 5px;
    text-transform: capitalize;
}

.tags-social li a:hover,
.pagination li a:hover {
    color: #2e8b57;
}

.pagination li a {
    color: #2e8b57;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
}

.pagination li a i.fa-long-arrow-left {
    margin-right: 5px;
}

.pagination li a i.fa-long-arrow-right {
    margin-left: 5px;
}

.submit-review .form-group input,
.submit-review textarea {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: currentcolor currentcolor #eee;
    -o-border-image: none;
    border-image: none;
    border-radius: 0;
    border-style: none none solid;
    border-width: medium medium 1px;
    font-size: 14px;
    color: #323232;
    padding-left: 0;
}

.submit-review .form-group {
    margin-bottom: 45px;
}

.submit-review textarea {
    height: 150px;
}

.submit-review .form-group input:focus,
.submit-review textarea:focus {
    border-color: #2e8b57;
}

.single-comment {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.comments-area .single-comment:not(:last-child) {
    margin-bottom: 70px;
}

.reply-comment {
    margin-left: 135px;
}

.author .single-comment {
    background: #fafafa none repeat scroll 0 0;
    margin-bottom: 0;
    padding: 40px;
}

.comment-img {
    margin-right: 20px;
}

.comment-desc h6 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
    text-transform: capitalize;
}

.author h6 {
    margin-bottom: 10px;
}

.comment-desc h6 a {
    font-size: 15px;
    font-weight: 500;
}

.comment-title span {
    display: inline-block;
    font-size: 13px;
    margin: 5px 0 4px;
}

.comment-reply a {
    color: #2e8b57;
    font-size: 12px;
    font-weight: 600;
    text-transform: capitalize;
}

.comment-reply a:hover,
.comment-desc h6 a:hover {
    color: #2e8b57;
}

.sidebar-header {
    border-bottom: 4px double #2e8b57;
    display: inline-block;
    font-size: 22px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 35px;
    padding-bottom: 10px;
    text-transform: capitalize;
}

.categorie-list a::before {
    content: "";
    font-family: FontAwesome;
    font-size: 13px;
    padding-right: 5px;
}

.categorie-list li a {
    background: #fff none repeat scroll 0 0;
    color: #2e8b57;
    font-size: 14px;
    font-weight: 400;
    padding-right: 20px;
    text-transform: capitalize;
}

.categorie-list li span {
    background: #fff none repeat scroll 0 0;
    float: right;
    padding-left: 20px;
}

.categorie-list li:not(:last-child) {
    margin-bottom: 12px;
    padding-bottom: 12px;
}

.all-recent-post .single-recent-post:not(:last-child) {
    margin-bottom: 30px;
}

.single-recent-post {
    overflow: hidden;
}

.recent-img {
    float: left;
    margin-right: 15px;
    width: 90px;
}

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

.recent-desc {
    overflow: hidden;
}

.recent-desc span {
    display: inline-block;
    font-size: 13px;
}

.recent-desc h6 a {
    color: #2e8b57;
    display: block;
    font-size: 14px;
    margin-bottom: 5px;
    text-transform: capitalize;
}

.recent-desc h6 a:hover,
.categorie-list li a:hover {
    color: #2e8b57;
}

.tag-list {
    margin: 0 -6px;
}

.tag-list li a {
    background-color: #2e8b57;
    border: 1px solid #efefef;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
    margin: 0 6px 10px;
    padding: 8px 20px;
    text-transform: uppercase;
}

.tag-list li a:hover {
    background: #2e8b57;
}

/*----------------------------------------*/
/* 11. Testmonial CSS
/*----------------------------------------*/
.cl-testmonial h2 {
    color: #fff;
}

.cl-testmonial p {
    color: #fff;
}

.testmonial-content > p {
    color: #fff;
    margin: auto auto 30px;
    width: 31%;
}
.testmonial-content-2 > p {
    width: 70%;
}

.testmonial-style-two .testmonial-content > p {
    color: inherit;
}

.testmonial-active .testmonial-content img,
.testmonial-active-2 .testmonial-content img,
.testmonial-style-three .single-deal-active .testmonial-content img {
    width: auto;
    margin: auto;
}

.t-author {
    color: #fff;
    display: inline-block;
    margin: 25px 0;
    text-transform: capitalize;
}

.testmonial-style-two .t-author {
    color: inherit;
}

.testmonial-active .owl-dots {
    bottom: -18px;
    position: static;
}

.testmonial-active .owl-dots .owl-dot.active {
    width: 10px;
}

.testmonial-style-two .owl-dots .owl-dot {
    background: #e1e1e1;
}

.testmonial-style-two .testmonial-active {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 90px;
}

.testmonial-style-two .testmonial-active.specific-testimonial-active {
    border-bottom: 0;
    padding-bottom: 0;
}

.testmonial-style-three .testmonial-content > p {
    margin: auto auto 0;
    width: 72%;
}

.testmonial-style-three .t-author {
    margin: 10px 0;
}

.testmonial-style-three .testmonial-active {
    border-bottom: none;
    padding-bottom: 0;
}

/* ---Night Rider Text Color--- */
.night-rider-text_color .section-title h2, 
.night-rider-text_color .section-title p,
.night-rider-text_color .testmonial-active .single-testmonial .testmonial-content p,
.night-rider-text_color .testmonial-active .single-testmonial .testmonial-content span.t-author{
    color: #323232;
}

/*----------------------------------------*/
/* 12. Multi Setction With Sidebar CSS
/*----------------------------------------*/
.mini-title h4,
.semi-title h2 {
    text-transform: capitalize;
    font-size: 22px;
    font-weight: 600;
}

@media (max-width: 1199px) {
    .mini-title h4,
    .semi-title h2 {
        font-size: 18px;
    }
}

/* ---Semi Section Two Area--- */
.new-arrival_content .semi-title-2 {
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
    margin-bottom: 10px;
}
@media (max-width: 767px) {
    .new-arrival_content .semi-title-2 {
        display: block;
        text-align: center;
    }
    .new-arrival_content .semi-title-2 h3 {
        padding-bottom: 25px;
    }
    .new-arrival_content ul.categorie-tabs-list {
        justify-content: center;
    }
    .new-arrival_content ul.categorie-tabs-list li a {
        line-height: 28px;
    }
    .new-arrival_content ul.categorie-tabs-list li:first-child a {
        margin-left: 0;
    }
    .new-arrival_content p.additional-stuff {
        margin: 0 auto 30px;
        text-align: center;
    }
}
.new-arrival_content .semi-title-2 h3 {
    margin-bottom: 0;
    font-size: 32px;
    line-height: 1;
    text-transform: capitalize;
}
.new-arrival_content p.additional-stuff {
    font-weight: 600;
    margin-bottom: 30px;
}


.mini-title {
    padding-bottom: 14px;
    margin-bottom: 40px;
    border-bottom: 1px solid #e5e5e5;
}

.single-deal-active .count {
    background: #f4f4f4 none repeat scroll 0 0;
    border: 1px solid #eee;
}

.single-deal-active .countdown {
    margin-top: 0;
    padding: 0;
    margin-bottom: 15px;
}

.horizontal-content {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px;
    margin-bottom: 40px;
}

.semi-title h3 {
    font-size: 32px;
    line-height: 1;
    text-transform: capitalize;
}

.categorie-tabs-list li a {
    display: inline-block;
    float: left;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-left: 40px;
    position: relative;
    text-transform: capitalize;
}

@media (max-width: 1199px) {
    .categorie-tabs-list li a {
        margin-left: 20px;
    }
}

@media (max-width: 479px){
    .categorie-tabs-list li.nav-item{
        display: flex;
        width: 100%;
        justify-content: center;
        padding-bottom: 10px;
    }
    .categorie-tabs-list li.nav-item a{
        margin: 0 !important;
    }
}

/*----------------------------------------*/
/* 13. Footer CSS
/*----------------------------------------*/
.footer-middle,
.footer-bottom {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

/* footer middle css */
.footer-title {
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.footer-list li {
    font-size: 14px;
    line-height: 30px;
}

.footer-list li i {
    margin-right: 8px;
    font-size: 18px;
}

.footer-list li a {
    display: block;
    color: #454545;
    font-weight: 400;
    line-height: 30px;
    text-transform: capitalize;
}

.footer-content p {
    font-size: 14px;
    color: #323232;
}

.footer-copyright p {
    font-size: 13px;
    line-height: 1;
}

.subscribe-box {
    position: relative;
}

.subscribe-box input {
    border-radius: 5px;
    height: 50px;
    line-height: 50px;
    width: calc(100% - 80px);
    padding: 10px 25px 10px 15px;
}

.subscribe-box button {
    border: 2px solid #eee;
    border-radius: 5px;
    font-size: 24px;
    height: 50px;
    line-height: 46px;
    padding: 0 20px;
    -webkit-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
    vertical-align: middle;
    width: 76px;
}

/* --Organic Footer Style-- */
.organic-footer_style .single-footer .footer-content ul li,
.organic-footer_style .single-footer .footer-content ul li a,
.organic-footer_style .single-footer .footer-content p,
.organic-footer_style .single-footer h4.footer-title{
    color: #ffffff;
}
.organic-footer_style .footer-copyright p,
.organic-footer_style .footer-copyright a{
    color: #ffffff;
}
.organic-footer_style .footer-bottom {
    border-top: 1px solid rgba(255,255,255,0.15) !important;
}
.organic-footer_style .single-footer .footer-content ul > li:hover > a,
.organic-footer_style .footer-copyright a:hover{
    color: #292929 !important;
}

/* --Autopart Footer Style-- */
.autopart-footer_style .single-footer .footer-content ul li,
.autopart-footer_style .single-footer .footer-content ul li a,
.autopart-footer_style .single-footer .footer-content p,
.autopart-footer_style .single-footer h4.footer-title{
    color: #ffffff;
}
.autopart-footer_style .footer-copyright p,
.autopart-footer_style .footer-copyright a{
    color: #ffffff;
}
.autopart-footer_style .footer-bottom {
    border-top: 1px solid rgba(255,255,255,0.15) !important;
}
.autopart-footer_style .single-footer .footer-content ul > li:hover > a,
.autopart-footer_style .footer-copyright a:hover{
    color: #fab115 !important;
}

/* --Fashion Footer Style-- */
.fashion-footer_style .footer-middle .single-footer h4.footer-title,
.fashion-footer_style .footer-middle .single-footer .footer-content ul li,
.fashion-footer_style .footer-middle .single-footer .footer-content ul li a{
    color: #ffffff;
}
.fashion-footer_style .footer-middle .single-footer .footer-content ul li:hover a,
.fashion-footer_style .footer-bottom .footer-copyright p a:hover{
    color: #f53737;
}
.fashion-footer_style .footer-bottom {
    border-top: 1px solid rgba(255,255,255,0.1);
}
.fashion-footer_style .footer-bottom .social-icon li a,
.fashion-footer_style .footer-bottom .footer-copyright p,
.fashion-footer_style .footer-bottom .footer-copyright p a {
    color: #ffffff;
}

.fashion-footer_style .opening-time_info .footer-content ul li{
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
}
.fashion-footer_style .opening-time_info .footer-content ul li span{
    font-size: 13px;
}

/* --Bicycle Footer Style-- */
.bicycle-footer_style .footer-middle .single-footer .footer-content ul li:hover a,
.bicycle-footer_style .footer-bottom .footer-copyright p a:hover{
    color: #389c3c;
}
/* --Bicycle Footer Style-- */
.barber-footer_style .footer-middle .single-footer .footer-content ul li:hover a,
.barber-footer_style .footer-bottom .footer-copyright p a:hover{
    color: #fab115;
}

/* ---Pet Footer Style--- */
.pet-footer_style .payment-method_area h3.title{
    font-size: 14px;
    text-transform: capitalize;
}
.pet-footer_style .footer-menu ul li{
    display: inline-block;
    padding: 0 10px;
    line-height: 1;
}
.pet-footer_style .footer-menu ul li:not(:last-child){
    border-right: 1px solid #777;
}
.pet-footer_style .footer-menu ul li:last-child{
    padding-right: 0;
}
.pet-footer_style .footer-menu ul li a{
    font-size: 13px;
}

/* ---Toy Footer Style--- */
.toy-footer_style .opening-time_info .footer-content ul li{
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
}
.toy-footer_style .opening-time_info .footer-content ul li span{
    font-size: 13px;
}

/* --Kitchenware Footer Style-- */
.kitchenware-footer_style .footer-middle .single-footer h4.footer-title{
    color: #ffffff;
}

.kitchenware-footer_style .footer-middle .single-footer .footer-content ul li,
.kitchenware-footer_style .footer-middle .single-footer .footer-content ul li a{
    color: #999;
}
.kitchenware-footer_style .footer-middle .single-footer .footer-content ul li a:hover,
.kitchenware-footer_style .footer-bottom .footer-copyright p a:hover{
    color: #ee8e12;
}
.kitchenware-footer_style .footer-bottom {
    border-top: 1px solid rgba(255,255,255,0.1);
}
.kitchenware-footer_style .footer-bottom .social-icon li a,
.kitchenware-footer_style .footer-bottom .footer-copyright p,
.kitchenware-footer_style .footer-bottom .footer-copyright p a,
.kitchenware-footer_style .footer-content p {
    color: #999;
}
.kitchenware-footer_style .opening-time_info .footer-content ul li{
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
}
.kitchenware-footer_style .opening-time_info .footer-content ul li span{
    font-size: 13px;
}
.kitchenware-footer_style .subscribe-box button {
    border: 0;
}
/* --Sportwear Footer Style-- */
.sportwear-footer_style .footer-middle .single-footer .footer-content ul > li a:hover,
.sportwear-footer_style .footer-bottom .footer-copyright p a:hover{
    color: #389c3c;
}

/*----------------------------------------*/
/* 14. Breadcrumb CSS
/*----------------------------------------*/
.breadcrumb-area {
    background: #f4f4f4 none repeat scroll 0 0;
    padding: 20px 0;
}

.breadcrumb-area .breadcrumb {
    background-color: transparent;
    border-radius: 0;
    list-style: outside none none;
    margin-bottom: 0;
    padding: 0;
}

.breadcrumb-item a,
.breadcrumb-item {
    color: #505050;
    font-size: 14px;
    text-transform: capitalize;
}

.breadcrumb-item a:hover,
.breadcrumb-item.active {
    color: #2e8b57;
}

/*----------------------------------------*/
/* 15. Shop Page CSS
----------------------------------------*/

/* shop sidebar css */
.sidebar .form-check {
    padding-left: 0;
}

.sidebar-title {
    border-bottom: 1px solid #ededed;
    color: #2c2c2c;
    display: block;
    font-size: 18px;
    font-weight: 600;
    line-height: 35px;
    margin-bottom: 25px;
    position: relative;
    text-transform: capitalize;
}

.sidebar-title::after {
    background: #2e8b57 none repeat scroll 0 0;
    bottom: -2px;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    width: 100px;
}

/* price slider css */
.ui-slider-handle.ui-state-default.ui-corner-all {
    background: #2e8b57 none repeat scroll 0 0;
    border: none;
    border-radius: 50%;
    height: 13px;
    margin-left: -1px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 13px;
}

.slider-sidebar {
    margin-top: 40px;
}

.ui-slider-range.ui-widget-header.ui-corner-all {
    background: #d7d7d7 none repeat scroll 0 0;
    border-radius: 0;
    height: 4px;
}

.ui-widget.ui-widget-content {
    background: #ededed none repeat scroll 0 0;
    border: none;
    height: 4px;
}

.ui-slider-horizontal .ui-slider-handle {
    margin-left: 0;
}

.ui-slider-handle.ui-corner-all.ui-state-default.ui-state-focus {
    outline: medium none;
}

.amount-range {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: none;
    color: #555;
    font-size: 15px;
    margin-top: 10px;
    padding: 5px 0;
}

.amount-range,
.price-button {
    width: 100%;
    word-spacing: 15px;
}

.flter-option.mb-80 {
    padding-right: 15px;
}
/* price slider css end */

.sidbar-style li {
    -webkit-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
}

.sidebar.shop-sidebar {
    background: #f5f5f5 none repeat scroll 0 0;
    padding: 15px;
}

.sidbar-style .form-check label {
    cursor: pointer;
    font-size: 14px;
    text-transform: capitalize;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.sidebar li.form-check:not(:last-child) {
    margin-bottom: 12px;
}

.sidebar .form-check {
    padding-left: 0;
}

.color-option li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.color-option li a {
    color: #555;
    font-size: 14px;
    padding: 5px 0;
    text-transform: capitalize;
}

.color-option li a:hover,
.sidbar-style .form-check label:hover {
    color: #2e8b57;
}

.color-option li span {
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15);
    display: block;
    height: 15px;
    margin-right: 5px;
    width: 15px;
}

.color-option li span.white {
    background: #fff none repeat scroll 0 0;
}

.color-option li span.orange {
    background: #f39c11 none repeat scroll 0 0;
}

.color-option li span.blue {
    background: #5d9cec none repeat scroll 0 0;
}

.color-option li span.yellow {
    background: #f1c40f none repeat scroll 0 0;
}

.color-option li span.black {
    background: #434A54 none repeat scroll 0 0;
}

.color-option li span.biege {
    background: #f5f5dc none repeat scroll 0 0;
}

.color-option li span.green {
    background: #A0D468 none repeat scroll 0 0;
}

.color-option li span.pink {
    background: #FCCACD none repeat scroll 0 0;
}

.sidebar-banner img,
.shop-banner img {
    width: 100%;
}

.sidebar-banner::before {
    background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 50%;
    opacity: 1;
    position: absolute;
    right: 50%;
    top: 0;
    -webkit-transition: all 900ms ease-in 0s;
    transition: all 900ms ease-in 0s;
}

.sidebar-banner::after {
    background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
    bottom: 50%;
    content: "";
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transition: all 900ms ease-in 0s;
    transition: all 900ms ease-in 0s;
}

.sidebar-banner:hover::before {
    left: 0;
    opacity: 0;
    right: 0;
}

.sidebar-banner:hover::after {
    bottom: 0;
    opacity: 0;
    top: 0;
}

/* shop page css */
.border-default {
    padding: 15px;
    border: 1px solid #ebebeb;
}

.single-makal-product.border-none {
    border-right: none!important;
}

.grid-list-top .tabs-area > li {
    margin-left: 0;
    margin-right: 10px;
}

.grid-list-view .tabs-area li a {
    border-radius: 4px;
    display: block;
    font-size: 20px;
    padding: 0;
    text-align: center;
}

.grid-list-view .tabs-area li a.active {
    color: #2e8b57;
}

.grid-list-top .tabs-area > li span,
.toolbar-sorter label,
.show-items {
    color: #3e3e3e;
    font-size: 13px;
}

.grid-list-top.border-default {
    padding: 15px;
}

.grid-list-view span {
    padding-left: 40px;
}

.toolbar-sorter label {
    font-weight: 500;
    margin-bottom: 0;
    margin-right: 15px;
    width: 65px;
}

.toolbar-sorter {
    width: 355px;
}

.main-toolbar-sorter .nice-select {
    height: 35px;
    line-height: 32px;
    z-index: 55;
}

#grid-view .single-makal-product {
    border-bottom: 1px solid transparent;
    margin-bottom: 30px;
}

#list-view .single-makal-product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#list-view .single-makal-product .pro-img {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    padding-right: 15px;
}

#list-view .single-makal-product .pro-content {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    padding-left: 15px;
    text-align: left;
    padding-top: 0;
    padding-bottom: 0;
}

#list-view .single-makal-product .pro-actions {
    border-top: 1px solid #ccc;
    margin-top: 25px;
    position: static;
    opacity: 1;
}

#list-view .single-makal-product .pro-actions .actions-primary,
#list-view .single-makal-product .pro-actions .actions-secondary {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

#list-view .single-makal-product .pro-title {
    margin-bottom: 0;
}

#list-view .single-makal-product .rating {
    margin: 9px 0 10px;
}

#list-view .single-makal-product .pro-content > p {
    line-height: 24px;
}

#list-view .single-makal-product .pro-content p + p {
    border-top: 1px solid #ebebeb;
    margin-top: 18px;
    padding-top: 15px;
}

#list-view .single-makal-product {
    margin-bottom: 30px;
}

.shop-breadcrumb-area.border-default {
    padding: 20px;
}

.pfolio-breadcrumb-list li {
    display: inline;
}

.pfolio-breadcrumb-list li a {
    font-size: 14px;
    font-weight: 400;
    padding: 0 5px;
}

.pfolio-breadcrumb-list li.active a {
    color: #7b7b7b;
}

.pfolio-breadcrumb-list li i {
    font-size: 16px;
}

.pfolio-breadcrumb-list li.prev a i {
    margin-right: 8px;
}

.pfolio-breadcrumb-list li.next a i {
    margin-left: 8px;
}

.pfolio-breadcrumb-list li:hover a {
    color: #2e8b57;
}

/*----------------------------------------*/
/* 16. Product Details CSS
----------------------------------------*/
.main-product-thumbnail .tab-content img,
.product-thumbnail .thumb-menu div img {
    width: 100%;
    max-width: 100%;
}

.thumb-menu.owl-carousel .owl-item a {
    border: 1px solid #ededed;
    display: block;
}

#product-window .close {
    position: relative;
    top: -10px;
    right: -5px;
}

.modal-content .modal-header {
    border-bottom: 0 none;
    padding-bottom: 0;
}

.modal-content .modal-body {
    /*padding: 0 40px 40px;*/
}

.modal-content .social-sharing ul li a {
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    width: 35px;
    color: #323232;
}

.quick-thumb-content .modal-lg {
    max-width: 970px;
    margin: 70px auto;
}

.product-thumbnail .thumb-menu .nav-link {
    padding: 0;
}

.main-product-thumbnail .tab-content {
    border: 1px solid #ededed;
    margin-bottom: 20px;
}

.thumb-bg .tabs-area {
    border-bottom: medium none;
}

.thumb-menu .owl-stage-outer {
    margin: 0 -1px;
}

.thumb-menu .owl-nav div {
    border-radius: 0;
    font-size: 15px;
    height: 35px;
    left: -10px;
    line-height: 36px;
    width: 35px;
}

.thumb-menu .owl-nav div.owl-next {
    right: -10px;
    left: auto;
}

.thumb-menu:hover .owl-nav div {
    opacity: 1;
}

.product-header {
    font-size: 22px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 10px;
    text-transform: capitalize;
}

.rating-pro i,
.review-list i {
    font-size: 12px;
}

.rating-summary li a {
    display: inline-block;
    font-size: 12px;
    line-height: 21px;
    text-transform: capitalize;
}

.rating-summary li {
    display: inline-block;
    margin-right: 8px;
}

.rating-summary li.read-review::before,
.rating-summary li.write-review::before {
    color: #555;
    content: "";
    font-family: FontAwesome;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    margin-right: 6px;
}

.rating-summary li.write-review:before {
    content: "\f040";
}

.pro-desc-details {
    font-size: 14px;
    line-height: 25px;
    border-top: 1px solid #dedede;
    padding: 25px 0;
    margin-top: 25px;
    border-bottom: 1px solid #dedede;
}

.pro-thumb-price span:not(:last-child) {
    margin-right: 15px;
}

.pro-thumb-price .price {
    font-size: 18px;
    font-weight: 500;
}

.pro-thumb-price .prev-price {
    color: #555;
    font-size: 18px;
    font-weight: 500;
}


.saving-price {
    background: #2e8b57 none repeat scroll 0 0;
    border-radius: 20px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    height: 30px;
    line-height: 31px;
    padding: 0 15px;
    text-align: center;
    text-transform: uppercase;
}

.product-size .nice-select {
    padding-right: 40px;
}

.product-size .nice-select .option {
    padding-right: 36px;
}

.thubnail-desc label,
.social-sharing ul li label {
    display: block;
    margin-bottom: 5px;
    text-transform: capitalize;
    font-size: 14px;
}

.product-size select,
.quantity {
    background-color: #ffffff;
    border: 1px solid #ebebeb;
    color: #7a7a7a;
    width: 70px;
}

.quantity {
    padding: 11px;
}

.color-list li {
    display: inline-block;
    margin-right: 7px;
    padding-left: 1px;
}

.color-list li a {
    border: 1px solid rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15);
    display: block;
    height: 22px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 22px;
}

.quatity-stock ul li:first-child {
    margin-bottom: 10px;
}

.quatity-stock ul li:not(:last-child) {
    margin-right: 25px;
}

.pro-cart {
    background: #2e8b57 none repeat scroll 0 0;
    border: none;
    border-radius: 30px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 12px;
    padding: 14px 17px;
    text-transform: uppercase;
}

.color-list li a.active,
.color-list li a:hover {
    border-color: #2e8b57333;
}

.color-list li a.white {
    background: #fff;
}

.color-list li a.orange {
    background: #f39c11 none repeat scroll 0 0;
}

.color-list li a.paste {
    background: #5d9cec none repeat scroll 0 0;
}

.in-stock {
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
}

.in-stock i {
    font-size: 16px;
    margin-right: 5px;
}

.social-sharing ul li a {
    background: white none repeat scroll 0 0;
    border: 1px solid #777;
    border-radius: 100%;
    color: #4b4b4b;
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
}

.social-sharing ul li {
    display: inline-block;
}

.social-sharing ul li:not(:last-child) {
    margin-right: 10px;
}

.product-policy p {
    color: #666;
    padding: 5px 0;
}

.product-policy p i {
    color: #2e8b57333;
    font-size: 20px;
    margin-right: 15px;
    vertical-align: middle;
}

.thumnail-desc .tabs-area {
    background: #f3f3f3 none repeat scroll 0 0;
    display: block;
    padding: 15px 0;
    text-align: center;
}

.thumb-desc-inner {
    border: 1px solid #ebebeb;
}

.tab-content.thumb-content {
    padding: 30px 15px;
}

.main-thumb-desc.tabs-area > li {
    display: inline-block;
    margin: 0 15px;
}

.main-thumb-desc.tabs-area > li > a {
    border-bottom: 2px solid transparent;
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
    padding: 0;
    text-transform: uppercase;
}

.main-thumb-desc li a.active {
    border-bottom: 2px solid #2e8b57;
    color: #2e8b57;
}

#dtail p {
    line-height: 25px;
}

.border-default {
    border: 1px solid #ededed;
    border-radius: 3px;
    padding-bottom: 30px;
}

.universal-padding {
    padding-left: 15px;
    padding-right: 15px;
}

.group-title {
    -moz-box-align: center;
    -moz-box-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #ebebeb;
    color: #363f4d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px;
    padding-bottom: 25px;
    position: relative;
}

.group-title h2 {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}

.review-mini-title {
    color: #292929;
    font-size: 18px;
    font-weight: 500;
    margin: 30px 0;
    text-transform: capitalize;
}

.review-list li {
    text-align: left;
}

.review-list li > span {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    width: 49px;
}

.review-list li label span {
    font-weight: 500;
}

.review-list li label {
    font-size: 13px;
    left: 120px;
    position: relative;
}

.review-list li label a {
    color: #2e8b57;
    font-weight: 500;
}

.review-list li label a:hover {
    color: #2e8b57;
}

.review-title {
    border-bottom: 1px solid #ebebeb;
    font-size: 18px;
    font-weight: 400;
    padding-bottom: 25px;
    padding-top: 15px;
    line-height: 25px;
}

.review-title span {
    font-weight: 500;
}

.riview-field input,
.riview-field textarea {
    border: 1px solid #ebebeb;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 60%;
}

.riview-field label {
    color: #2e8b57333;
    font-size: 13px;
    font-weight: 500;
}

.customer-btn,
.return-customer-btn {
    background: #2e8b57 none repeat scroll 0 0;
    border: none;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    margin-top: 20px;
    padding: 10px 30px 8px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
}

.customer-btn:hover {
    background: #2e8b57 none repeat scroll 0 0;
    color: #fff;
}

.return-customer-btn {
    background: #2e8b57;
}

.return-customer-btn:hover {
    background: #2e8b57;
}

/*----------------------------------------*/
/* 17. Compare Page CSS
/*----------------------------------------*/
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    border: 1px solid #ebebeb;
}

.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > td,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > thead > tr > th {
    white-space: normal;
}

.compare-content > tbody > tr > td {
    padding: 20px 15px;
    vertical-align: middle;
}

.product-title {
    font-size: 14px;
    font-weight: 600;
    width: 120px;
}

.product-description {
    font-weight: 500;
    width: 200px;
    font-size: 14px;
}

.product-description p {
    text-align: left;
}

.product-description i {
    color: #666;
    font-size: 18px;
}

.compare-detail-content {
    padding-top: 16px;
}

.product-description .compare-cart {
    background: #2e8b57 none repeat scroll 0 0;
    border-radius: 20px;
    color: #ffffff;
    display: inline-block;
    font-size: 10px;
    padding: 6px 0 6px 16px;
    position: relative;
    width: 120px;
}

.product-description .compare-cart:hover {
    background: #2e8b57 none repeat scroll 0 0;
    color: #ffffff;
}

.product-description .compare-cart:hover i {
    border-color: #2e8b57;
}

.product-description .compare-cart i {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 50%;
    -webkit-box-shadow: 0 1px 1px #efefef;
    box-shadow: 0 1px 1px #efefef;
    color: #777777;
    font-size: 12px;
    height: 32px;
    left: 0px;
    line-height: 31px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 31px;
    border: 1px solid #2e8b57;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.product-description img {
    width: 100%;
}

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

.product-description .product-rating i {
    font-size: 12px;
    color: #2e8b57;
}

.compare-details span {
    display: inline-block;
    font-size: 13px;
    text-transform: capitalize;
}

.compare-details h4 {
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
}

.compare-details h4 a {
    font-size: 14px;
    text-transform: capitalize;
}

.compare-details h4 a:hover,
.product-description .fa-trash-o:hover {
    color: #2e8b57;
    cursor: pointer;
}

/*----------------------------------------*/
/* 18. Checkout CSS
/*----------------------------------------*/
.coupon-area .coupon-info input {
    background: transparent;
    border: 1px solid #e5e5e5;
}

.coupon-area .coupon-info .checkout-coupon .code:focus {
    border: 1px solid #e5e5e5;
}

.checkbox-form input {
    color: #626262;
}

.coupon-accordion h3 {
    background-color: #f5f5f5;
    border-top: 3px solid #2e8b57;
    font-size: 14px;
    font-weight: 400;
    list-style: outside none none;
    margin-bottom: 30px;
    padding: 1em 2em 1em 3.5em;
    position: relative;
    text-transform: capitalize;
    width: auto;
}

.coupon-accordion h3::before {
    color: #777;
    content: "\f0f6";
    display: inline-block;
    font-family: 'FontAwesome';
    left: 16px;
    position: absolute;
    top: 14px;
}

.coupon-accordion span {
    color: #555;
    cursor: pointer;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.coupon-accordion span:hover,
p.lost-password a:hover {
    color: #2e8b57;
}

.coupon-content {
    border: 1px solid #e5e5e5;
    display: none;
    margin-bottom: 20px;
    padding: 20px;
}



.coupon-info p.coupon-text {
    margin-bottom: 15px
}

.form-row > label {
    margin: 0;
}

.coupon-info p {
    margin-bottom: 0
}



.coupon-info p.form-row-first label,
.coupon-info p.form-row-last label {
    color: inherit;
    display: block;
}

.coupon-info p.form-row-first label span.required,
.coupon-info p.form-row-last label span.required {
    color: red;
    font-weight: 700;
}

.coupon-info p.form-row-first input,
.coupon-info p.form-row-last input {
    border: 1px solid #ccc;
    height: 34px;
    margin: 0 0 14px;
    max-width: 100%;
    padding: 0 0 0 10px;
    width: 370px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.coupon-info p.form-row input[type="submit"]:hover,
p.checkout-coupon input[type="submit"]:hover {
    background: #2e8b57 none repeat scroll 0 0;
}

.coupon-info p.form-row input[type="checkbox"] {
    height: inherit;
    position: relative;
    top: 2px;
    width: inherit;
}

p.lost-password {
    margin-top: 15px;
}

p.lost-password a {
    color: #6f6f6f;
    font-size: 12px;
}

p.checkout-coupon input[type=text] {
    height: 36px;
    padding-left: 10px;
    width: 170px;
    font-size: 13px;
}

p.checkout-coupon input[type="submit"] {
    background: #2e8b57 none repeat scroll 0 0;
    border: none;
    border-radius: 0;
    color: #fff;
    height: 36px;
    margin-left: 6px;
    padding: 5px 10px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: inherit;
}

.coupon-checkout-content {
    margin-bottom: 30px;
    display: none;
}

.checkbox-form > h3 {
    border-bottom: 1px solid #ebebeb;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 30px;
    padding-bottom: 10px;
    text-transform: uppercase;
}

.ship-different-title h3 label {
    display: inline-block;
    margin-right: 20px;
    font-size: 24px;
    font-weight: 600;
}

.country-select label,
.country-select label,
.checkout-form-list label {
    margin: 0 0 5px;
    display: block;
    font-weight: 600;
    font-size: 14px;
}

.country-select label span.required,
.checkout-form-list label span.required {
    color: red;
}

.country-select select {
    border: 1px solid #ddd;
    height: 32px;
    padding-left: 10px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.075);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.075)
}

.checkout-form-list label {
    color: #2e8b57333;
    font-size: 14px;
}


.checkout-form-list input[type="text"],
.checkout-form-list input[type="password"],
.checkout-form-list input[type="email"] {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    border-radius: 0;
    -webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.075);
    box-shadow: 0 0px 2px rgba(0, 0, 0, 0.075);
    height: 35px;
    padding: 0 0 0 10px;
    width: 100%;
}

.country-select .nice-select {
    height: 37px;
    line-height: 35px;
}



.checkout-form-list input[type="checkbox"] {
    display: inline-block;
    height: inherit;
    margin-right: 10px;
    position: relative;
    top: 0;
    width: inherit;
}

.create-acc label {
    display: inline-block;
}


.create-accounts {
    display: none
}

.ship-different-title h3 label {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 0;
}

.order-notes textarea {
    background: #ffffff none repeat scroll 0 0;
    border: 2px solid #eceff8;
    font-size: 14px;
    height: 90px;
    padding: 15px;
    width: 100%;
}

#ship-box-info {
    display: none;
    padding-top: 30px;
}

.your-order {
    background: #f2f2f2 none repeat scroll 0 0;
    padding: 30px 40px 45px;
}

.your-order h3 {
    border-bottom: 1px solid #ebebeb;
    font-size: 24px;
    margin: 0 0 20px;
    padding-bottom: 10px;
    text-transform: uppercase;
    width: 100%;
    font-weight: 600;
}

.your-order-table table {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: none;
    width: 100%;
}

.your-order-table table th,
.your-order-table table td {
    border-bottom: 1px solid #d8d8d8;
    border-right: medium none;
    font-size: 14px;
    padding: 15px 0;
    text-align: center;
}

.amount {
    font-size: 14px;
    font-weight: 600;
}

.your-order-table table th {
    border-top: medium none;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
    width: 250px;
    font-weight: 600;
}

.your-order-table table .shipping ul li input {
    position: relative;
    top: 2px;
}

.your-order-table table .shipping th {
    vertical-align: top;
}

.your-order-table table .order-total th {
    border-bottom: medium none;
    font-size: 16px;
    font-weight: 600;
}

.your-order-table table .order-total td {
    border-bottom: medium none;
}

.your-order-table table tr.cart_item:hover {
    background: #F9F9F9
}

.your-order-table table tr.order-total td span {
    color: #2e8b57;
    font-size: 20px;
    font-weight: 600;
}

.cart-subtotal .amount {
    font-weight: 600;
}



.payment-method {
    margin-top: 40px;
}

.ship-different-title h3 {
    line-height: 1;
}

.payment-accordion h3 {
    border-bottom: 0 none;
    margin-bottom: 10px;
    padding-bottom: 0;
}

.payment-accordion h3 a {
    color: #6f6f6f;
    font-size: 14px;
    padding-left: 25px;
    position: relative;
    text-transform: capitalize;
    text-decoration: none
}

.payment-accordion h3 a:before,
.payment-accordion h3.open a:after {
    content: "";
    display: inline-block;
    font-family: fontawesome;
    font-size: 20px;
    left: 0;
    position: absolute;
    top: -2px;
}

.payment-accordion h3.open a:after {
    content: "\f056";
}


.payment-content p {
    font-size: 13px;
}

.payment-accordion img {
    height: 60px;
    margin-left: 15px;
}

.order-button-payment input {
    background: #2e8b57;
    border: none;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    height: 50px;
    margin: 20px 0 0;
    padding: 0;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.order-button-payment input:hover {
    background: #444
}

.card-header {
    background-color: #f5f5f5;
    padding: 0;
}

.card {
    margin-top: 5px;
}

.card .btn-link {
    color: #232323;
    font-weight: 600;
}

/*----------------------------------------*/
/* 19. Cart & Wish List CSS
/*----------------------------------------*/
.cart-main-area .section-title h2,
.coupon-area .section-title h2 {
    text-transform: capitalize;
    color: #555;
    font-weight: 500;
}

.shipping_method input {
    background: #eceff8 none repeat scroll 0 0;
    border: 2px solid #eceff8;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #626262;
    font-size: 14px;
    height: 45px;
    padding-left: 10px;
    width: inherit;
}

.cart-title-area {
    padding-top: 30px;
}


.car-header-title h2 {
    font-size: 20px;
    margin: 0;
    text-transform: uppercase;
}

.table-content table {
    background: #fff none repeat scroll 0 0;
    border-color: #e5e5e5;
    border-radius: 0;
    border-style: solid;
    border-width: 1px 0 0 1px;
    text-align: center;
    width: 100%;
}

.table-content table th {
    border-top: medium none;
    font-weight: 600;
    padding: 20px 10px;
    text-align: center;
    text-transform: capitalize;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 15px;
}

.table-content table th,
.table-content table td {
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}

.table-content table td {
    border-top: medium none;
    padding: 20px 10px;
    vertical-align: middle;
    font-size: 13px;
}

.table-content table td input {
    background: #e5e5e5 none repeat scroll 0 0;
    border: none;
    border-radius: 3px;
    color: #6f6f6f;
    font-size: 15px;
    font-weight: normal;
    height: 40px;
    padding: 0 5px 0 10px;
    width: 60px;
}

.table-content table td.product-subtotal {
    font-size: 14px;
    font-weight: 600;
    width: 120px;
}

.table-content table td.product-name a,
.product-stock-status span {
    font-size: 14px;
    font-weight: 500;
    margin-left: 10px;
    text-transform: capitalize;
}

.product-stock-status span {
    color: #2e8b57;
    font-weight: 500;
}

.table-content table td.product-name {
    width: 270px;
}

.table-content table td.product-thumbnail {
    width: 100px;
}

.table-content table td.product-remove a {
    display: inline-block;
    font-size: 18px;
    text-align: center;
    transition: all 0.3s ease-in;
}

.table-content table .product-price .amount {
    font-size: 14px;
    font-weight: 600;
}

.table-content table td.product-remove i:hover,
.table-content table td.product-remove a:hover i {
    color: #2e8b57;
}

.table-content table td.product-quantity {
    width: 180px;
}

.table-content table td.product-remove {
    width: 150px;
}

.table-content table td.product-price {
    width: 130px;
}

.table-content table td.product-name a:hover,
.buttons-cart a:hover {
    color: #2e8b57;
}

.product-thumbnail img {
    width: 100%;
}

.buttons-cart {
    margin-bottom: 30px;
    overflow: hidden;
}

.buttons-cart input,
.coupon input[type="submit"],
.buttons-cart a,
.coupon-info p.form-row input[type="submit"] {
    background: #2e8b57 none repeat scroll 0 0;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 12px;
    font-weight: 600;
    height: 40px;
    line-height: 41px;
    margin-right: 15px;
    padding: 0 20px;
    text-shadow: none;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    white-space: nowrap;
    width: inherit;
}

.wc-proceed-to-checkout {
    clear: both;
    display: block;
}

.buttons-cart input:hover,
.coupon input[type="submit"]:hover,
.buttons-cart a:hover {
    background: #2e8b57 none repeat scroll 0 0;
    color: #fff;
}

.buttons-cart a {
    color: #fff;
    float: left;
    height: 40px;
}

.cart_totals {
    width: 100%;
}

.cart_totals h2 {
    border-bottom: 2px solid #222;
    display: inline-block;
    font-size: 28px;
    margin: 0 0 35px;
    text-transform: uppercase;
    font-weight: 600;
}

.cart_totals table {
    border: none;
    margin: 0;
    text-align: right;
}

.cart_totals table th {
    border: none;
    font-size: 14px;
    font-weight: bold;
    padding: 0 20px 12px 0;
    text-align: right;
    text-transform: uppercase;
    vertical-align: top;
}

.cart_totals table td {
    border: none;
    padding: 0 0 12px;
    vertical-align: top;
}

.cart_totals table td .amount {
    color: #2e8b57;
    font-size: 13px;
    font-weight: bold;
    margin-left: 5px;
    text-align: right;
    text-transform: uppercase;
}

.cart_totals table td ul#shipping_method {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.cart_totals table td ul#shipping_method li {
    float: left;
    margin: 0 0 10px;
    padding: 0;
    text-indent: 0;
    width: 100%;
}

.cart_totals table td ul#shipping_method li input {
    margin: 0;
    position: relative;
    top: 2px;
}

a.shipping-calculator-button {
    font-weight: bold;
    color: #6f6f6f;
}

a.shipping-calculator-button:hover {
    color: #83CBDC
}

.cart_totals table tr.order-total th,
.cart_totals table tr.order-total .amount {
    font-size: 20px;
    text-transform: uppercase;
    white-space: nowrap;
    font-weight: 600;
}

.cart_totals table tr.order-total th {
    font-weight: 700;
}

.wc-proceed-to-checkout a {
    background: #2e8b57 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    height: 45px;
    line-height: 46px;
    margin-top: 20px;
    padding: 0 20px;
    text-transform: uppercase;
}

.wc-proceed-to-checkout a:hover {
    background: #2e8b57;
}

.amount del {
    font-size: 13px;
    margin-left: 5px;
    font-weight: 600;
}

.cart-main-area.wish-list .product-remove {
    width: 20px;
}

.cart-main-area.wish-list table td.product-thumbnail {
    width: 140px;
}

.cart-main-area.wish-list .product-add-to-cart a {
    background: #2e8b57 none repeat scroll 0 0;
    color: #ffffff;
    display: block;
    font-size: 14px;
    font-weight: 700;
    margin: 0 auto;
    padding: 10px 56px;
    text-transform: uppercase;
    width: 260px;
}

.cart-main-area.wish-list .product-add-to-cart a:hover {
    background: #1a1a1a;
}

.cart-main-area.wish-list td.product-add-to-cart {
    width: 240px;
}

/*----------------------------------------*/
/* 20. About us CSS
/*----------------------------------------*/
.about-content .section-title {
    margin-bottom: 5px;
}

.our-team .section-title {
    margin-bottom: 25px;
}

.skill-content {
    margin-left: 50px;
    overflow: hidden;
    padding-top: 40px;
}

.skill .progress-bar {
    background: #2e8b57 none repeat scroll 0 0;
    position: relative;
}

.skill .progress .lead {
    font-size: 14px;
    left: 0;
    position: absolute;
    text-transform: capitalize;
    top: -35px;
    width: 100%;
    z-index: 99;
    font-weight: 400;
}

.progress-bar > span {
    color: #2e8b57;
    font-size: 14px;
    height: 24px;
    line-height: 25px;
    position: absolute;
    right: -12px;
    top: -38px;
    width: auto;
}

.progress-bar > span::before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 10px solid #000;
    bottom: -8px;
    content: "";
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.skill .progress {
    background: #ebebeb none repeat scroll 0 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 13px;
    margin-bottom: 55px;
    overflow: visible;
    position: relative;
}

.skill .progress:last-child {
    margin-bottom: 0;
}

.all-skill {
    overflow: hidden;
}

.single-skill {
    background: #2e8b57 none repeat scroll 0 0;
    float: left;
    padding: 80px 0;
    text-align: center;
    width: 25%;
}

.skill-area .login-btn {
    margin-bottom: 0;
    margin-top: 32px;
}

.single-team {
    background: #fff none repeat scroll 0 0;
    padding: 10px 10px 0;
    position: relative;
}

.team-info {
    padding: 15px;
}

.team-info h4 {
    font-size: 18px;
    font-weight: 500;
    line-height: 18px;
    margin-bottom: 3px;
    text-transform: capitalize;
}

.team-info p {
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    text-transform: capitalize;
}

.team-link {
    background: #fff none repeat scroll 0 0;
    left: 0;
    opacity: 0;
    padding: 10px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 48%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
    width: 100%;
    z-index: 5;
}

.team-link ul li {
    display: inline-block;
    margin: 0 10px;
}

.team-link ul li a {
    color: #2e8b57;
    font-size: 20px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.team-link ul li a:hover {
    color: #323232;
}

.single-team:hover .team-link {
    opacity: 1;
    top: 50%;
}

.brand-area.brand-border{
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
}

.brand-logo-active.owl-carousel img {
    margin: auto;
    width: auto;
}

.logo-active {
    border-top: 1px solid #e5e5e5;
}

.about-title h3 {
    display: inline-block;
    font-size: 28px;
    padding-bottom: 15px;
    font-weight: 600;
}

.about-title.team-title h3 {
    margin-bottom: 15px;
}

/*----------------------------------------*/
/* 21. Your Account CSS
/*----------------------------------------*/
.dashboard-upper-info {
    border-bottom: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb;
    margin-bottom: 45px;
}

.dashboard-content .tab-pane:not(.active) {
    display: none;
}

.dashboard-upper-info .d-single-info {
    padding: 30px 20px;
}

.dashboard-upper-info [class*="col-"]:not(:last-child) .d-single-info {
    border-right: 1px solid #ebebeb;
}

.user-name {
    position: relative;
    padding-left: 25px;
}

.view,
.view-cart {
    background: #2e8b57 none repeat scroll 0 0;
    color: #fff;
    padding: 5px 12px;
    text-transform: capitalize;
}

.user-name::before {
    color: #555;
    content: "";
    font-family: FontAwesome;
    font-size: 18px;
    left: 0;
    position: absolute;
    top: 0;
}

.account-dashboard p {
    font-size: 13px;
}

.dashboard-upper-info a {
    font-size: 14px;
}

.view-cart {
    display: inline-block;
    text-transform: capitalize;
}

.user-name span {
    color: #2e8b57;
    font-size: 15px;
    font-weight: 500;
}

.dashboard-list li:not(:last-child) a {
    border-bottom: 1px solid #ebebeb;
}

.dashboard-list li a {
    color: #2e8b57;
    display: block;
    font-size: 14px;
    padding: 12px 0;
    text-transform: capitalize;
}

.dashboard-list li a.active,
.dashboard-list li a:hover {
    color: #b07e2b;
}

.view:hover,
.view:focus,
.show-btn:hover,
.view-cart:hover,
.view-cart:focus {
    background: #2e8b57 none repeat scroll 0 0;
    color: #fff;
}

.dashboard-list li a.active:after {
    content: "\f105";
    font-family: FontAwesome;
    margin-left: 5px;
    -webkit-transition: 0.10s;
    transition: 0.10s;
}

.dashboard-content {
    border: 1px solid #ebebeb;
    padding: 30px;
}

.dashboard-content h3 {
    text-transform: capitalize;
}

.dashboard-content h3 {
    border-bottom: 1px solid #ebebeb;
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    text-transform: capitalize;
}

.dashboard-content .table-responsive .table > tbody > tr > td,
.dashboard-content .table-responsive .table > tbody > tr > th,
.dashboard-content .table-responsive .table > tfoot > tr > td,
.dashboard-content .table-responsive .table > tfoot > tr > th,
.dashboard-content .table-responsive .table > thead > tr > td,
.dashboard-content .table-responsive .table > thead > tr > th {
    border: none;
}

.dashboard-content .table-responsive > .table > thead {
    border-bottom: 1px solid #ebebeb;
}

.dashboard-content .table-responsive .table > thead > tr > th {
    font-size: 14px;
    font-weight: 600;
}

.dashboard-content .table-responsive .table > tbody > tr > td {
    color: #7b7b7b;
    font-size: 13px;
}

.view-cart i {
    font-size: 15px;
    margin-right: 5px;
}

.log-out {
    color: #2e8b57;
}

.log-out:hover {
    color: #323232;
}

#dashboard a {
    color: #2e8b57;
    text-transform: capitalize;
}

#dashboard a:hover {
    color: #b07e2b;
}

.billing-address {
    font-size: 16px;
    font-weight: 700;
    margin-top: 25px;
    margin-bottom: 10px;
}

#address .view {
    display: inline-block;
    margin: 5px 0;
    font-size: 14px;
}

.show-btn {
    background: #878787 none repeat scroll 0 0;
    border-radius: 0;
    color: #fff;
    font-size: 12px;
    height: 35px;
    position: absolute;
    right: 15px;
    text-transform: uppercase;
    top: 0;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    line-height: 24px;
}

.show-btn:hover {
    background: #2e8b57;
}

.show-btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.login-form .form-group > .col-form-label {
    font-size: 14px;
}

.login-form .form-check label {
    font-size: 13px;
}

.login-form .form-control,
.login-form .custom-radio,
.login-form span {
    font-size: 14px;
    height: 35px;
    padding-top: 5px;
}

.login-form .form-control {
    font-size: 13px;
}

/*----------------------------------------*/
/* 22. Login CSS
/*----------------------------------------*/
.login-header {
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 40px;
    text-transform: inherit;
}

.login-form {
    background: white none repeat scroll 0 0;
    -webkit-box-shadow: 2px 2px 11px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 11px 0 rgba(0, 0, 0, 0.1);
    padding: 30px 30px 20px;
}

.login-form label {
    font-size: 14px;
}

.login-form input{
    background: #ebebeb none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    border-radius: 0;
    font-size: 14px;
}
.nice-select.bootstrap-select {
    background: #ebebeb none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    border-radius: 0;
    font-size: 14px;
    height: auto;
}

.nice-select.bootstrap-select {
    width: 100%;
}

.address-area .nice-select .list {
    height: 150px;
    overflow-y: auto;
}

.nice-select.bootstrap-select:active,
.nice-select.bootstrap-select.open,
.nice-select.bootstrap-select:focus {
    border-color: #ebebeb;
}

.nice-select.bootstrap-select .list {
    width: 100%;
}

.login-details a {
    color: #2e8b57;
    display: block;
    font-size: 14px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.login-btn {
    background: #2e8b57 none repeat scroll 0 0;
    border: none;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    padding: 10px 18px 8px;
    text-transform: uppercase;
}

.login-btn:hover {
    background: #2e8b57;
    color: #fff;
}

.login-footer p a {
    color: #2e8b57;
}

.login-footer p,
.login-footer a {
    color: #555;
    display: inline-block;
    font-size: 15px;
}

.login-details a:hover {
    color: #2e8b57;
}

.login-footer p a:hover {
    color: #2e8b57;
}

.login-footer.text-center {
    border-top: 1px solid #ebebeb;
    padding-top: 20px;
}

.show-btn {
    background: #555 none repeat scroll 0 0;
    border-radius: 0;
    color: #fff;
    font-size: 12px;
    height: 35px;
    position: absolute;
    right: 15px;
    top: 0;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.show-btn:hover {
    background: #2e8b57;
}

/*----------------------------------------*/
/* 23. Register Account & Contact Form CSS
/*----------------------------------------*/
.goole-map > div {
    min-height: 600px;
}

.register-form p {
    font-size: 16px;
    margin-bottom: 20px;
    font-size: 15px;
}

.register-form a {
    color: #2e8b57;
    font-size: 16px;
}

.register-form a:hover {
    color: #2e8b57;
}

.register-form {
    padding: 40px;
}

.contact-form input {
    font-size: 14px;
    height: 40px;
    margin-bottom: 20px;
    max-width: 100%;
    border: 1px solid #ebebeb;
    background: #ebebeb;
}

.send-email input {
    background: #2e8b57 none repeat scroll 0 0;
    margin-bottom: 0;
}

.contact-form textarea {
    height: 200px;
    font-size: 14px;
    border: 1px solid #ebebeb;
    background: #ebebeb;
}

.register-contact {
    background: #fff none repeat scroll 0 0;
    -webkit-box-shadow: 2px 2px 11px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 11px 0 rgba(0, 0, 0, 0.1);
    padding: 40px;
}

.form-message.error {
    color: red;
}

.form-message.success {
    color: green;
}

/*----------------------------------------*/
/* 24. Forgot Password CSS
/*----------------------------------------*/
.password-forgot legend {
    border-bottom: 1px solid #ededed;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 20px;
    padding: 7px 0;
}

.password-forgot label {
    font-size: 15px;
}

.password-forgot input {
    font-size: 13px;
}

.password-forgot .form-group input {
    background: #ebebeb none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    height: 42px;
}

.password-forgot .form-group input:focus {
    background: #fff;
}

.require {
    color: #cc0000;
    font-weight: 600;
    margin-right: 5px;
}

.password-forgot .form-group {
    margin-bottom: 0;
}

/*----------------------------------------*/
/* 25. 404 Page CSS
/*----------------------------------------*/
.error-text h1 {
    color: #2e8b57;
    font-size: 200px;
    font-weight: 700;
    letter-spacing: 10px;
    line-height: 150px;
    margin-bottom: 30px;
}

.error-text h2 {
    color: #4c4c4c;
    font-size: 32px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.error-text > p {
    color: #4c4c4c;
    font-size: 21px;
    font-weight: 300;
    line-height: 30px;
    margin-bottom: 25px;
    padding: 0px 130px;
}

#search-form {
    display: inline-block;
    position: relative;
    text-align: center;
    width: 450px;
}

#search-form input {
    background: #f8f8f8 none repeat scroll 0 0;
    border: 1px solid #e9e9e9;
    border-radius: 30px;
    color: #666666;
    float: left;
    font-size: 14px;
    height: 45px;
    padding: 0 50px 0 20px;
    width: 100%;
}

#search-form button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: none;
    color: #4f4f4f;
    font-size: 18px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 50px;
}

#search-form button:hover {
    color: #2e8b57;
}

.error-button a {
    background: #2e8b57 none repeat scroll 0 0;
    border-radius: 35px;
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 40px;
    margin-top: 40px;
    padding: 1px 30px 0;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.error-button a:hover {
    background: #2e8b57;
}

/*----------------------------------------*/
/* 26. Popular Categories Area
/*----------------------------------------*/

.popular-categories_area .popular-categories_item .content{
    padding-top: 20px;
    text-align: center;
}
.popular-categories_area .popular-categories_item .content h3{
    font-size: 14px;
    text-transform: capitalize;
    margin-bottom: 5px;
}
.popular-categories_area .popular-categories_item .content h3 a:hover,
.popular-categories_area .popular-categories_item .content ul.product-list li:hover a{
    color: #0583cc;
}
.popular-categories_area .popular-categories_item .content ul.product-list li a{
    font-size: 13px;
}
@media (max-width: 991px){
    .popular-categories_area [class*="col-"]:not(:nth-child(n+2)) .popular-categories_item{
        margin-bottom: 30px;
    }
}
@media (max-width: 575px){
    .popular-categories_area [class*="col-"]:not(:last-child) .popular-categories_item{
        margin-bottom: 30px;
    }
}

/*----------------------------------------*/
/* 26.01 Pet Categories Style
/*----------------------------------------*/
.pet-categories_style .popular-categories_item{
    display: flex;
}
.pet-categories_style .popular-categories_item .content{
    padding-top: 0;
    text-align: left;
    flex-basis: 50%;
    max-width:50%;
}
.pet-categories_style .popular-categories_item .img-area{
    flex-basis: 50%;
    max-width: 50%;
}
.pet-categories_style .popular-categories_item .content h3 > a{
    font-size: 16px;
    color: #000;
}

/* ---Pet Category Style Two--- */
.pet-categories_style-2 .popular-categories_item .img-area a img{
    border: 2px solid transparent;
    border-radius: 100%;
    transition: all 0.3s ease-in-out;
}
.pet-categories_style-2 .popular-categories_item:hover .img-area a img{
    border-color: #0583cc;
}
.pet-categories_style-2 .popular-categories_item:hover .content h3.title a{
    color: #0583cc;
}
/*----------------------------------------*/
/* 26.02 Kitchenware Category Style
/*----------------------------------------*/
.kitchenware-categories_style .popular-categories_item:hover .img-area a img{
    border-color: #ee8e12;
}
.kitchenware-categories_style .popular-categories_item:hover .content h3.title a{
    color: #ee8e12;
}

/*----------------------------------------*/
/* 27. Newsletter Area
/*----------------------------------------*/
.newsletter-area{
    background-image: url(img/newsletter/fashion/1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 640px;
}
@media (max-width: 767px){
    .newsletter-area{
        height: 350px;
        background-position: right;
    }
}
.newsletter-area .newsletter-info p.short-desc{
    max-width: 70%;
    margin: 0 auto;
}

/*----------------------------------------*/
/* 27.01 Toy Newsletter Area
/*----------------------------------------*/
.toy-newsletter_area h3.heading{
    text-transform: capitalize;
    font-size: 22px;
    color: #ffffff;
}
.toy-newsletter_area .social-icon{
    display: flex;
    justify-content: flex-end;
}
.toy-newsletter_area .social-icon li a{
    font-size: 18px;
    color: #ffffff;
    padding-right: 30px;
}
.toy-newsletter_area .social-icon li:hover a{
    color: inherit !important;
}
@media (max-width: 991px){
    .toy-newsletter_area h3.heading{
        text-align: center;
        padding-bottom: 10px;
    }
    .toy-newsletter_area ul.social-icon{
        justify-content: center;
        margin-top: 10px;
    }
}

/*----------------------------------------*/
/* 27.02 Flower Newsletter Area
/*----------------------------------------*/
.flower-newsletter_area .social-icon > li:hover > a{
    color: #db8678 !important;
}

/*----------------------------------------*/
/* 28. Popular Categories Slider Two
/*----------------------------------------*/
.popular-categories_slider-2 .single-makal-product{
    text-align: center;
}
.popular-categories_slider-2 .single-makal-product .pro-img img{
    transition: all 0.5s ease-in-out;
}
.popular-categories_slider-2 .single-makal-product:hover .pro-img img{
    transform: rotateY(180deg);
}
.popular-categories_slider-2 .single-makal-product:hover .pro-content h4 a{
    color: #0583cc;
}

/*----------------------------------------*/
/* 29. Product Progressbar
/*----------------------------------------*/
.product-progressbar,
.product-progressbar-2,
.product-progressbar-3,
.product-progressbar-4 {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-progressbar > span,
  .product-progressbar-2 > span,
  .product-progressbar-3 > span,
  .product-progressbar-4 > span {
    font-size: 13px;
    color: #999999;
  }
}

.product-progressbar > span > strong,
.product-progressbar-2 > span > strong,
.product-progressbar-3 > span > strong,
.product-progressbar-4 > span > strong {
  padding-left: 5px;
  font-weight: 600;
}

.product-progressbar:before,
.product-progressbar-2:before,
.product-progressbar-3:before,
.product-progressbar-4:before,
.product-progressbar-5:before {
  background-color: #ebebeb;
  border-radius: 7px;
  content: "";
  width: 100%;
  height: 5px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.product-progressbar:after,
.product-progressbar-2:after,
.product-progressbar-3:after,
.product-progressbar-4:after,
.product-progressbar-5:after {
  border-radius: 7px;
  content: "";
  width: 35%;
  height: 5px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.product-progressbar-4.product-progressbar-2:after {
  width: 85%;
}

.product-progressbar.product-progressbar-3:after {
  width: 75%;
}

.product-progressbar.product-progressbar-4:after {
  width: 50%;
}

.product-progressbar.product-progressbar-5:after {
  width: 90%;
}

/*----------------------------------------*/
/* 30. Instagram Area
/*----------------------------------------*/
.instagram-area .instagram-custom_col{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
@media (max-width: 767px){
    .instagram-area .instagram-custom_col{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}
.instagram-area .single-item{
    position: relative;
}
.instagram-area .single-item:before{
    content: "";
    background-color: #000;
    height: 100%;
    width: 100%;
    position: absolute;
    cursor: pointer;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}
.instagram-area .single-item:hover:before{
    opacity: 0.5;
    pointer-events: none;
}
.instagram-area .single-item a img{
    width: 100%;
}

/*----------------------------------------*/
/* 31. Supermarket Wrapper
/*----------------------------------------*/
.supermarket-wrapper .container{
    max-width: 1440px;
}

/*----------------------------------------*/
/* 32. Supermarket Custom Column
/*----------------------------------------*/
@media (min-width: 1200px){
    .supermarket-wrapper .custom-col-1{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .supermarket-wrapper .custom-col-2{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
    }
    .supermarket-wrapper .custom-col-3{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%;
    }
    .supermarket-wrapper .custom-offset{
        margin-left: 20%;
    }
}

/*----------------------------------------*/
/* 33. Six Slide Item Slider
/*----------------------------------------*/
.six-slide_item .product-progressbar, 
.six-slide_item .product-progressbar-2, 
.six-slide_item .product-progressbar-3, 
.six-slide_item .product-progressbar-4 {
    margin-top: 20px;
    padding: 20px 0 0;
}
.six-slide_item .product-progressbar:before, 
.six-slide_item .product-progressbar-2:before, 
.six-slide_item .product-progressbar-3:before, 
.six-slide_item .product-progressbar-4:before, 
.six-slide_item .product-progressbar-5:before {
    top: 0;
}
.six-slide_item .product-progressbar:after, 
.six-slide_item .product-progressbar-2:after, 
.six-slide_item .product-progressbar-3:after, 
.six-slide_item .product-progressbar-4:after, 
.six-slide_item .product-progressbar-5:after {
    top: 0;
}

/*----------------------------------------*/
/* 34. Featured Categories
/*----------------------------------------*/
.featured-categories_area .featured-categorie_nav{
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
}
@media (min-width: 992px){
    .featured-categories_area .custom-col{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
.featured-categories_area .featured-item{
    background-color: #ffffff;
    display: flex;
    padding: 30px 20px;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
.featured-categories_area .featured-item .featured-content{
    width: 65%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.featured-categories_area .featured-item .featured-content h3{
    font-size: 16px;
    text-transform: capitalize;
}
.featured-categories_area .featured-item .featured-content span{
    font-size: 11px;
}
.featured-categories_area .featured-item .featured-img{
    width: 35%;
}
.featured-categories_area .featured-item .featured-img img{
    max-width: 100%;
}

/*----------------------------------------*/
/* 35. Flower Single Product
/*----------------------------------------*/
.flower-single_product{
    text-align: center;
}
.flower-single_product .add-actions ul li{
    display: inline-block;
}
.flower-single_product .add-actions ul li:not(:last-child){
    margin-right: 15px;
}
.flower-single_product .add-actions ul li a{
    background-color: #f5f5f5;
    height: 44px;
    line-height: 48px;
    width: 44px;
    display: block;
    font-size: 20px;
    border-radius: 100%;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}
.flower-single_product .add-actions ul li:hover a{
    background-color: #db8678;
    color: #ffffff;
}
.flower-single_product:hover .add-actions ul li a{
    opacity: 1;
}
.flower-single_product p span.price{
    opacity: 1;
    transition: all 0.3s ease-in-out;
}
.flower-single_product:hover p span.price{
    opacity: 0;
}
.flower-single_product .product-actions-2 {
    position: absolute;
    bottom: -8px;
    left: 0;
    transition: all 0.3s ease-in-out;
    opacity: 0;
}
.flower-single_product:hover .product-actions-2 {
    left: 50px;
    opacity: 1;
}
.flower-single_product .product-actions-2 .actions-primary a {
    font-size: 25px;
}
.flower-single_product .product-actions-2 .actions-primary a:before {
    font-size: 20px;
}

/*----------------------------------------*/
/* 36. Our Services
/*----------------------------------------*/
.our-services_area .service-item{
    text-align: center;
}
.our-services_area .service-item .services-img:hover a img{
    transform: scale(1.03);
}
.our-services_area .service-item .services-content{
    padding-top: 20px;
}
.our-services_area .service-item .services-content h3.title{
    font-size: 17px;
    text-transform: capitalize;
    padding-bottom: 20px;
}
.our-services_area .service-item .services-content p.short-desc{
    max-width: 95%;
}

/*----------------------------------------*/
/* 37. Categoires Product
/*----------------------------------------*/
.categoires-product_item{
    position: relative;
}
.categoires-product_area .container-fluid{
    padding: 0 40px;
}
.categoires-product_area .custom-col{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
@media (max-width: 991px){
    .categoires-product_area .custom-col{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333%;
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }
}
@media (max-width: 767px){
    .categoires-product_area .custom-col{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media (max-width: 479px){
    .categoires-product_area .custom-col{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}
.categoires-inner_btn{
    position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.categoires-inner_btn a{
    background-color: #ffffff;
    text-transform: uppercase;
    /*width: auto;*/
    /*padding: 0 30px;*/
}