body {
    font-family: PT Sans, sans-serif;
    font-size: 14px;
    background-color: #fff;
    color: #777;
    overflow-x: hidden;
    line-height: 1.5;
}

.bg-light {background-color: #f9f9f9 !important;}
.bg-light_01{background-color: #f2f2f2 !important;}

h5,h4,h1 { font-weight: 700;}
h5 { font-size: 16px;}
h6 {font-size: 14px;margin-bottom: 0; font-weight: 400;}

ul,li {margin: 0;padding: 0; list-style: none;}
li {display: inline-block;}
textarea,input {letter-spacing: 0.05em;}

a:hover{text-decoration: none;}
a, a:visited, a:active, a:link, a:focus {
    cursor: pointer;
    text-decoration: none;
    outline: none;
}

img{ max-width: 100%; }

.p_0{ padding: 0 !important; }
.pb_0{ padding-bottom: 0 !important; }
.section-pt-space { padding-top: 15px;}
.bg-silver {background-color: #f2f2f2 !important;}
.section-big-mb-space {margin-bottom: 50px;}

/* Header Section Start */

.top-header {
    background-color: var(--main_color);
    padding: 10px 0;
    z-index: 99;
}

.top-header .top-header-left,
.top-header .top-header-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.top-header .top-header-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 100%;
}

.top-header .top-header-right .top-menu-block {
    text-align: right;
}

.top-header .top-header-right .language-block {
    margin-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.layout-header1 {
    background-color: #fff;
}

.layout-header1 .main-menu-block {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 10;
}

.layout-header1 .main-menu-block .menu-left,
.layout-header1 .main-menu-block .menu-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.layout-header1 .main-menu-block .menu-right {
    float: right;
}

.layout-header1 .main-menu-block .menu-right .icon-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin-left: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.layout-header1 .main-menu-block .menu-right .icon-nav .cart-block {
    background-color: var(--main_color);
    padding: 15px 20px;
    margin-left: 20px;
    position: relative;
}

.layout-header1 .main-menu-block .menu-right .icon-nav .cart-block .cart-product {
    background-color: #fff;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 11px;
    position: absolute;
    top: 3px;
    right: 15px;
    line-height: 0;
    color: var(--main_color);
}

.layout-header1 .main-menu-block .menu-right .icon-nav .cart-block i {
    font-size: 29px;
    color: #fff;
}

.category-header-2 {
    background-color: var(--sub_color);
}

.category-header-2 .navbar-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    z-index: 9;
}

.category-header-2 .navbar-menu .category-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.category-header-2 .navbar-menu .category-left .nav-block {
    min-width: 255px;
}

.category-header-2 .navbar-menu .category-left .nav-block .nav-left {
    position: absolute;
    width: 255px;
    z-index: 1;
    overflow: hidden;
}

.category-header-2 .navbar-menu .category-left .nav-block .nav-left .navbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--main_color);
    padding: 28px 0;
}

.category-header-2 .navbar-menu .category-left .nav-block .nav-left .navbar-toggler {
    width: 17px;
    height: 17px;
    padding: 0;
    background-color: #fff;
    color: var(--main_color);
    border-radius: 50%;
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.category-header-2 .navbar-menu .category-left .nav-block .nav-left .navbar h5 {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    margin-left: 16px;
}

.onhover-dropdown {
    position: relative;
    z-index: 9;
}

.layout-header1 .main-menu-block .menu-right .icon-nav ul .mobile-user a i {
    padding-right: 25px;
}

.layout-header1 .main-menu-block .menu-right .icon-nav ul li i {
    color: #999;
    font-size: 28px;
}

.layout-header1 .main-menu-block .menu-right .icon-nav ul li .cart-item {
    display: inline-block;
    color: var(--main_color);
    font-weight: 700;
    text-transform: uppercase;
    font-family: PT Sans, sans-serif;
}

.layout-header1 .main-menu-block .menu-right .icon-nav ul li .cart-item span {
    display: block;
    color: #000;
    margin-top: 3px;
}

.layout-header1 .main-menu-block .menu-right .icon-nav ul .mobile-wishlist a i {
    padding-right: 8px;
}

.layout-header1 .main-menu-block .menu-right .icon-nav ul li i {
    color: #999;
    font-size: 28px;
}

.layout-header1 .main-menu-block .menu-right .icon-nav ul .mobile-search,
.layout-header1 .main-menu-block .menu-right .icon-nav ul .mobile-setting {
    display: none;
}


/* Header Section End */


/* brand-panel Section Start */

.brand-panel .brand-panel-box { background-color: #fff;}
.brand-panel .brand-panel-contain {
    padding: 30px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.brand-panel .brand-panel-contain ul li {padding: 0 10px;text-transform: uppercase;}
.brand-panel .brand-panel-contain ul li a {color: #777;letter-spacing: 0.05em;}

.brand-panel .brand-panel-contain ul li:first-child a {
    color: var(--main_color);
    font-weight: 700;
}


/* brand-panel Section End */


/* Theme Slider Section Start */

.theme-slider {
    line-height: 0;
}

.b-g-white {
    background-color: #fff !important;
}

.no-arrow .slick-next,
.no-arrow .slick-prev {
    display: none !important;
}

.theme-slider .slider-banner {
    position: relative;
    overflow: hidden;
}

.theme-slider .slider-banner .slide-center {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    height: 100% !important;
}

.theme-slider .slider-banner.slide-banner-1 .slider-img {
    /*height: 495px;*/
    background-color: #d3ecf3;
    overflow: hidden;
}

.theme-slider .slider-banner.slide-banner-1 .layout1-slide-1 li {
    position: absolute;
    bottom: -30px;
    left: -50px;
}

.theme-slider .slider-banner.slide-banner-1 .layout1-slide-1 li:nth-child(2) {
    right: 60px;
    position: absolute;
    left: unset;
}

.theme-slider .slider-banner .slider-banner-contain {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 100px;
}

.theme-slider .slider-banner.slide-banner-1 .slider-banner-contain h1 {
    color: var(--main_color);
    font-weight: 400;
    font-size: 72px;
    line-height: 1;
    text-transform: uppercase;
    padding-bottom: 2px;
}

.theme-slider .slider-banner.slide-banner-1 .slider-banner-contain h1 span {
    color: var(--sub_color);
    text-transform: capitalize;
    margin-left: 17px;
}

.theme-slider .slider-banner.slide-banner-1 .slider-banner-contain h4 {
    font-size: 30px;
    color: #939b9e;
    font-weight: 400;
    padding-bottom: 20px;
    text-transform: capitalize;
    line-height: 1;
}

.theme-slider .slider-banner.slide-banner-1 .slider-banner-contain h2 {
    font-size: 36px;
    color: #000;
    padding-bottom: 15px;
}

.theme-slider + section .title_line{ margin-top: -30px; }

.btn-normal {
    font-size: 14px;
    padding: 18px 40px;
    font-weight: 700;
    color: #fff !important;
    background-color: var(--main_color);
    position: relative;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    display: inline-block;
    line-height: 1;
    border-radius: 0;
    letter-spacing: 0.05em;
}

.theme-slider .slider-banner.slide-banner-1 .btn-normal {
    padding: 17px 35px;
    font-size: 18px;
}

.theme-slider .slider-banner .slider-img {
    height: 455px;
    background-color: #eddbd1;
}
.theme-slider .slider-banner .layout2-slide-1 li {
    position: absolute;
    bottom: -8px;
    right: 0;
}
.theme-slider .slider-banner .slider-banner-contain {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 100px;
}

.theme-slider .slider-banner .slider-banner-contain h4 {
    font-size: 24px;
    color: #000;
    text-transform: capitalize;
    line-height: 1;
    padding-bottom: 8px;
}
.theme-slider .slider-banner .slider-banner-contain h1 {
    font-size: 72px;
    color: var(--sub_color);
    text-transform: capitalize;
    line-height: 1;
    padding-bottom: 12px;
}
.theme-slider .slider-banner .slider-banner-contain h2 {
    font-size: 36px;
    color: #777;
    text-transform: capitalize;
    line-height: 1;
    padding-bottom: 16px;
}
.theme-slider .slider-banner .slider-banner-contain .btn-rounded {
    display: inline-block;
    letter-spacing: 1px;
    padding: 15px 35px;
    font-size: 18px;
}

/* Slider 02 */


.my_add_box{ position: absolute; }

.offer-banner .banner-contain {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.offer-banner .banner-contain h5 {
    font-size: 18px;
    color: #fff;
    font-family: Raleway,sans-serif;
    letter-spacing: 0.05em;
    font-weight: 400;
    margin-top: 25px;
}
.offer-banner .banner-contain .discount-offer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.offer-banner .banner-contain .discount-offer h1 {
    color: #fff;
    line-height: 1;
    font-style: italic;
}
.offer-banner .banner-contain .discount-offer sup {
    font-size: 25px;
    color: #fff;
    line-height: 1;
    font-style: italic;
    font-weight: 700;
}
  
  /* Slider option - 3 */
  .slider_03 .layout3-slide-1 li {
        position: absolute;width: 350px;
        top: 0;
        left: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%;
    }
   .slider_03 .layout3-slide-1 li:last-child {right: 20px;left: unset;}
   .slider_03 .slider-banner .slider-img {height: 455px;background-color: #eee;}

    .theme-slider .slider-banner.slide-banner-2 .slider-banner-contain .sub-contain {
        background-color: #fff;
        padding: 40px;
        text-align: center;
        min-width: 320px;
    }
    .theme-slider .slider-banner.slide-banner-2 .slider-banner-contain .sub-contain h4 {
        font-size: 18px;
        color: #444;
        padding-bottom: 5px;
    }
    .theme-slider .slider-banner.slide-banner-2 .slider-banner-contain .sub-contain span {
        display: block;
        background-color: var(--main_color);
        font-weight: 700;
        color: #fff;
        font-size: 22px;
        text-transform: capitalize;
        letter-spacing: 1px;
        line-height: 1.2;
        padding-top: 8px;
        padding-bottom: 10px;
        margin-bottom: 22px;
    }

  /* Slider option - 4 */
  .slider_04 .slider-slide {max-width: calc(100% - 160px);margin-right: 160px; margin-left: 0;}
  .slider_04 .slider-banner .slider-img{ background-color: #fff; height: 350px; }
  .slider_04 .layout4-slide-1 li{width: 415px; right: 20px;position: absolute;top: 0; }
  .slider_04 .slider-banner .slider-banner-contain { justify-content: flex-start; }

  .slider_04 .my_add_box{ position: absolute; right: 15px; width: 160px; }
  .slider_02 .my_add_box{  width: 160px; }

  .option_04 .layout-4-collection>div:first-child { margin-left: 0; padding-left: 0;}
  .option_04 .layout-4-collection>div:nth-child(2){ padding-right: 15px; }

  .slider_04 h5,.slider_04 h3 {
    font-size: 18px;
    color: #777;
    font-weight: 400;
    text-transform: capitalize;
    padding-bottom: 6px;
    margin: 0;
  }
  .slider_04 h3 {font-size: 42px;padding-bottom: 10px; color: var(--main_color);}
  .slider_04 .slider-banner .slider-banner-contain h1 {
    font-size: 52px;
    padding-bottom: 27px; margin: 0;
    text-transform: uppercase;
  }
  .slider_04 .slider-banner.slide-banner-3 .slider-banner-contain h2 {
        font-size: 24px;
        color: #444;
        padding-bottom: 25px; margin: 0;
  }
  .slider_04 .slider-banner.slide-banner-3 .slider-banner-contain .btn-normal {
    text-transform: capitalize;
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
    padding: 18px 45px;
  }

  /* Slider Option - 5 */

  .theme-slider .slider-banner.slide-banner-4 .slider-img{
    background: linear-gradient(#dfe9f3, #e7e7e7);
    height: 500px;
  }
  .theme-slider .slider-banner.slide-banner-4 .layout5-slide-1 li{
    position: absolute;
    right: 100px; width: 50%;
    bottom: 0;
  }
  .theme-slider .slider-banner.slide-banner-4 .slider-banner-contain{ 
    justify-content: flex-start;
    text-align: center;
  }
  .theme-slider .slider-banner.slide-banner-4 .slider-banner-contain h3 {
    color: #252525;
    font-size: calc(18px + (36 - 18) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 400;
    text-transform: capitalize;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
  }
  .theme-slider .slider-banner.slide-banner-4 .slider-banner-contain h3:before,
  .theme-slider .slider-banner.slide-banner-4 .slider-banner-contain h3:after {
    position: absolute;
    top: 50%;
    right: 120%;
    height: 5px;
    width: 100px;
    content: '';
    background-color:  var(--sub_color);
  }
  .theme-slider .slider-banner.slide-banner-4 .slider-banner-contain h3:after {right: auto;left: 120%;}
  .theme-slider .slider-banner.slide-banner-4 .slider-banner-contain h1 {
    color:  var(--sub_color);
    text-transform: capitalize;
    margin-top: 10px;
    font-size: calc(24px + (72 - 24) * ((100vw - 320px) / (1920 - 320)));
   }
  .theme-slider .slider-banner.slide-banner-4 .slider-banner-contain h2 {
    color: #252525;
    margin-top: 11px;
    font-size: calc(18px + (36 - 18) * ((100vw - 320px) / (1920 - 320)));
  }
  .theme-slider .slider-banner.slide-banner-4 .slider-banner-contain .btn-normal {
    text-transform: capitalize;
    font-weight: 700;
    margin-top: 15px;
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
  }


  /* Slider option - 6 */

    .slider_06 .slider-banner .slider-banner-contain {justify-content: flex-start;}


/* Theme Slider Section End */


/* Collection Banner Section Start */

.custom-container {max-width: 1650px; padding: 0 15px; margin: 0 auto;}

.collection2>div:nth-child(2) {padding-right: 0; padding-left: 0;}

.collection_thum{ padding: 15px 0; }
.collection-banner-main { position: relative; overflow: hidden;}
.collection_thum .collection-img {width: 100%; height: 235px;transition: all 0.5s ease;}
.collection-banner-main:hover .collection-img {transform: scale(1.1);}
.collection_thum .collection-img img { width: 100%; height: auto;}

.collection_thum .collection-banner-contain {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    display: flex;
    padding: 50px;
}
.collection-banner-main.p-right .collection-banner-contain {justify-content: flex-end;}
.collection_thum .collection-banner-main:after {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 100%;
    transform: translate(-50%, -50%);
    opacity: 0;
}

.collection_thum .collection-banner-main:hover:after {
    -webkit-animation: collection 1s;
    animation: collection 1s;
}

.collection-banner .collection-banner-main.banner-5 .collection-banner-contain h3 {
    text-transform: capitalize;
    font-weight: 400;
}

.collection_thum h3 { color: var(--main_color);text-transform: capitalize;
    font-size: 22px;line-height: 1;margin-bottom: 5px;font-weight: 500;
}
.collection_thum h4 {color: var(--sub_color);font-size: 32px; font-weight: 600; text-transform: capitalize;line-height: 1;}
.collection_thum .shop {margin-top: 13px;}
.collection_thum .shop a {text-transform: capitalize;color: #000;font-weight: 700;}
.collection_thum .shop a i { margin-left: 8px;}

.collection_thum.add_banner .collection-banner-contain { justify-content: center; text-align: center; }
.collection_thum.add_banner .collection-img{height: 240px;}
.collection_thum.add_banner h3{color: #777;font-size: 30px;margin-bottom: 0;}
.collection_thum.add_banner h4{font-size: 60px; color:var(--main_color);  }
.collection_thum.add_banner h4 span{color:var(--sub_color); font-weight: 500;  }

/* Collection Thum Option 02 */
.collection_thum.option_02 .collection-banner-contain{ padding: 30px; }
.collection_thum.option_02 h3,
.collection_thum.option_02 h4{ 
    font-size: 25px;margin-bottom: 8px; font-weight: 700; text-transform: uppercase;
}
.collection_thum.option_02 h4{ color: #444; margin: 0; }
.collection_thum.option_02 .shop a{color: var(--sub_color);}

.collection_thum.option_02 .banner-6 .collection-banner-contain{ padding: 25px;align-items: flex-start; }
.collection_thum.option_02 .banner-6 h6{color: var(--main_color);}
.collection_thum.option_02 .banner-6 h4{color: var(--sub_color);
    margin-bottom: 0;
    font-weight: 600;
    font-size: 24px;
    text-transform: capitalize;
    margin-top: 5px;
}

/* Collection Thum Option 03 */
.layout-3-collection>div:first-child { padding-right: 0;}

.collection-banner .banner-2-padding {margin-bottom: 15px;}
.collection4>div:first-child {padding-right: 0;}
.collection5>div:first-child {margin-bottom: 15px;}

.collection_thum.option_03 .collection-banner-main.banner-2 .collection-banner-contain {
    padding: 15px;
}
.collection_thum.option_03 .collection-banner-contain {padding: 30px;}


.collection_thum.option_03 .collection-banner-main.banner-3 .collection-img {height: 365px;}
.collection_thum.option_03 .collection-banner-main.banner-2 .collection-img {height: 175px;}
.collection_thum.option_03 .collection-banner-main.banner-4 .collection-img {height: 175px;}

.collection_thum.option_03 .collection-banner-main.banner-3 .collection-banner-contain{ 
    justify-content: center; 
}
.collection_thum.option_03 .collection-banner-main.banner-3 h3 {
    color: var(--sub_color);
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 0;
}
.collection_thum.option_03 .collection-banner-main.banner-3 h4{
    color: var(--main_color);
    margin-top: 10px;
    margin-bottom: 50px;
    font-size: 16px;
}


.collection_thum.option_03 .collection-banner-main.banner-2 .collection-banner-contain h3,
.collection_thum.option_03 .collection-banner-main.banner-2 .collection-banner-contain h4 {
    font-size: 16px;
    margin-bottom: 10px;
    color: #444;
    text-transform: capitalize; font-weight: 700;
}
.collection_thum.option_03 .shop a{ 
    color: var(--sub_color);
    font-size: 12px;
}

.collection_thum.option_03 .collection-banner-main.banner-4 .collection-banner-contain h3 {
    color: var(--main_color);
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 400;
}
.collection_thum.option_03 .collection-banner-main.banner-4 .collection-banner-contain h4 {
    color: #444;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 22px;
    text-transform: capitalize;
}
.collection_thum.option_03 .collection-banner-main.banner-4 .shop a {
    color: var(--sub_color);
    font-size: 14px;
}

/* Collection Thum Option 04 */
.layout-4-collection>div:first-child { margin-left: 160px;}
.layout-4-collection>div:nth-child(2) {padding-left: 0;padding-right: 0;}

.collection_thum.option_04 .collection-banner-contain{ padding: 30px; }
.collection_thum.option_04 h3,
.collection_thum.option_04 h4{ 
    font-size: 32px;margin-bottom: 8px; font-weight: 600; text-transform: capitalize;
}
.collection_thum.option_04 h3{ font-weight: 500; font-size: 22px; }
.collection_thum.option_04 h4{ color: var(--sub_color); margin: 0; }
.collection_thum.option_04 .shop a{color: #000;}

.collection_thum.collection-banner .layout-4-collection .collection-banner-main.p-left .collection-banner-contain{ justify-content: flex-end; }

/* Collection Thum Option 06 */
.collection_thum.option_06 .collection-banner-contain {padding: 30px;}

.collection_thum.option_06 h3, .collection_thum.option_06 h4 {
    font-size: 25px;
    margin-bottom: 8px;
    font-weight: 700;
    text-transform: uppercase;
}

.collection_thum.option_06 h4 {color: #444;margin: 0;}
.collection_thum.option_06 .shop a {color: var(--sub_color);}
.collection_thum.option_06 .banner-6 .collection-banner-contain { padding: 25px;align-items: flex-start;}
.collection_thum.option_06 .banner-6 h6 {color: var(--main_color);}
.collection_thum.option_06 .banner-6 h4 {
    color: var(--sub_color);
    margin-bottom: 0;
    font-weight: 600;
    font-size: 24px;
    text-transform: capitalize;
    margin-top: 5px;
}



@-webkit-keyframes collection {
    0% {
        opacity: 1
    }
    40% {
        opacity: 1
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0
    }
}

@keyframes collection {
    0% {
        opacity: 1
    }
    40% {
        opacity: 1
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0
    }
}


/* Collection Banner Section End */


/* Discount Banner Section Start */

.discount-banner {background-color: #fff;}
.discount-banner .discount-banner-contain {padding: 47px 0;text-align: center;}
.discount-banner .discount-banner-contain h2 {
    font-size: calc(14px + (24 - 14) * ((100vw - 320px) / (1920 - 320)));
    text-transform: capitalize;
    margin-bottom: 3px;
    margin-top: -5px;
}

.discount-banner .discount-banner-contain h1 {
    font-size: calc(18px + (42 - 18) * ((100vw - 320px) / (1920 - 320)));
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #444;
}

.discount-banner .discount-banner-contain h1 span {color: var(--main_color);}
.discount-banner .discount-banner-contain h1 span+span {color: var(--sub_color);font-weight: 700;}

.discount-banner .discount-banner-contain .rounded-contain {
    border: 2px dashed var(--main_color);
    border-radius: 50px;
    padding: 5px;
}

.discount-banner .discount-banner-contain .rounded-contain .rounded-subcontain {
    background-color: var(--sub_color);
    color: #fff;
    text-transform: uppercase;
    padding: 18px 0;
    font-weight: 600;
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
    letter-spacing: .08em;
    line-height: 1;
    border-radius: 50px;
}


/* Discount Banner Section End */


/* Tab Product Section Start */

.tab-product-main {background-color: #fff;}
.theme-tab .tab-content {display: none;}

ul.tabs.tab-title {text-align: center; margin-top: 0;}
ul.tabs.tab-title li {margin: 0 20px;padding: 40px 0 30px; position: relative;}
ul.tabs.tab-title li.current:before {
    content: '';
    position: absolute;top: 0 !important;left: 0;height: 5px;width: 100%;
    background-color: var(--main_color);
}

ul.tabs.tab-title li a {
    color: #444;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 700;
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
}

ul.tabs.tab-title li.current a {color: var(--main_color);}
.section-py-space {padding: 15px 0;}
.section-pb-space {padding-bottom: 15px;}

/* Tab Product Section End */


/* Thumbnail Design Section Start */

.theme-tab .tab-content[style="display: block;"] .product-box,
.theme-tab .tab-content[style="display: block;"] .tab-box,
.theme-tab .tab-content[style="display: block;"] .media-banner {
    -webkit-animation: zoomIn 300ms ease-in-out;
    animation: zoomIn 300ms ease-in-out;
}

.product .product-box {padding-right: 15px;}
.product .product-box .product-imgbox {position: relative;overflow: hidden;background-color: #fff;}

.product .slick-slide .product-box{
    box-shadow: 0 0 10px 0 #ddd; margin: 0 7.5px 15px 7.5px; padding: 10px; background-color: #fff;
    height: calc(100% - 15px);
}

.product .product-box .product-front {
    left: 0;
    top: 0;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.product .product-box .product-imgbox img {margin: 0 auto;}

.product .product-box .product-back {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.product .product-box .product-imgbox .product-front{ 
    background-color: white;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product .product-box .product-imgbox .product-back{ 
    top: 0; left: 0;transform: translateX(-100%);
    background-color: white;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product .product-box .product-icon {
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.product .product-box .product-icon button {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 15px;
    color: #777;
}

.product .product-box .product-icon a i {
    display: block;
    /*padding: 15px;
    border: 1px solid #ddd;
    background-color: #fff;
    color: #777;*/
    background-color: transparent !important;
    border: none !important;
    color: #333 !important;
    font-weight: bold; font-size: 22px !important;
    padding: 8px !important;

}


.product .product-box .product-icon a i.ti-plus {
    /*background-color: var(--sub_color) !important;
    color: #fff;
    border: 1px solid var(--sub_color) !important;*/

    background-color: transparent !important;
    border: none !important;
    color: var(--sub_color) !important;
    font-weight: bold; font-size: 22px;
}

.product .product-box .product-detail.detail-inline {
    background-color: #fff;
    padding: calc(10px + (15 - 10) * ((100vw - 320px) / (1920 - 320)));
    overflow: auto;
}

.product .product-box .detail-left {float: left; width: 100%;}
.product .product-box .detail-title {padding: 10px;border-top: 1px solid #f0f2f5;height: 90px;}
.product .product-box .price-title {
    text-transform: capitalize;
    color: rgb(0 25 104);
    font-weight: 500;
    font-size: calc(15px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
    margin: 6px 0;
    font-family: 'Roboto', sans-serif;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    line-height: 1.2;
    min-height: 30px;
    height: 40px;
    padding-bottom: 1px;
    word-break: break-word;
    letter-spacing: 0.5px;
}
.product .product-box .detail-left .price {
    color: var(--main_color);
    font-size: calc(18px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}

.product .product-box .detail-right .price {
    color: var(--sub_color);
    font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 700;
}

.product .product-box .product-imgbox .new-label1 {
    position: absolute;top: 15px;left: 15px;width: 50px;height: 50px; border-radius: 50%;
    background-color: var(--main_color);
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    text-transform: uppercase;
    font-weight: 700;
    font-size: calc(10px + (14 - 10) * ((100vw - 320px) / (1920 - 320)));
}

.product .product-box .product-imgbox .new-label2 {
    position: absolute;top: 40px;right: -35px;color: #333;padding: 0px 10px;
    border-radius: 3px;letter-spacing: 1px;background-color: #fed430;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    text-transform: uppercase;
    font-weight: 700;
    font-size: calc(10px + (14 - 10) * ((100vw - 320px) / (1920 - 320)));
    transform: rotate(-90deg);
}

.product .product-box .product-imgbox .new-label3{
    background-color: var(--sub_color) !important;
    padding: 12px 0px;
}

.product-right .border-product{ padding-top: 10px; padding-bottom: 10px; }
.product-right .product-buttons{ margin-bottom: 0; }
.product-right .product-icon .product-social li{ padding-right: 5px; }
.product-right .product-icon .product-social li a{
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
}
.product-right .product-icon .product-social li a i {
    font-size: 18px !important;
    color: #fff;
}

.product-right .product-icon{ display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; }
.product-right .product-icon h5{ margin-right: 10px; font-weight: normal;}
.product-right label,
.product-right .product-title,
.product-right .product-icon h5{ font-size: 15px;color: #505050 !important; }


.whish_icon_list{ display: flex; }
.whish_icon_list ul{display: flex;flex-wrap: wrap;align-items: center;height: 40px;}
.whish_icon_list ul li{ margin-left: 10px; }
.whish_icon_list li a{
    width: 40px;
    height: 40px; padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: inset -2px -2px 7px #ccc;
    border:1px solid #ccc;
}

.whish_icon_list li a i{ font-size: 18px; color: #777; }

.whish_icon_list li a.active i.fa-heart{ color: #cb2027; }
.whish_icon_list li a.active i.fa-question-circle{ color: #3b5998; }


.product .product-box .product-icon a i.ti-heart{font: normal normal normal 14px/1 FontAwesome;}
.product .product-box .product-icon a i.ti-heart:before {content: "\f08a";}
.product .product-box .product-icon a.active i.ti-heart:before{ color: #cb2027; content: "\f004"; }
.product .product-box .product-icon a.active i.ti-heart{ color: #cb2027; }

.product .product-box .product-icon a i.fa-heart:before {content: "\f08a"; font-weight: normal;}
.product .product-box .product-icon a.active i.fa-heart:before{ color: #cb2027; content: "\f004"; }




.collection-collapse-block .collapse-block-title:after{
    color: var(--sub_color);
}

.category-side .collection-collapse-block>p{ background-color: var(--main_color); }

.collection-product-wrapper .product-wrapper-grid .product-box{ margin:0 0 20px; }

.section-my-space.title6{ padding-top: 0; }

.pagination .active a{background-color: var(--main_color);}
.pagination li a:hover, .pagination li a:focus, .pagination li a:active{background-color: var(--sub_color);}

.collection-grid-view ul.bar_icon li{ line-height: 10px; }
.collection-grid-view ul.bar_icon li a{ display: inline-block; height: 18px; }
.collection-grid-view ul.bar_icon li span{ 
    width: 4px; height: 20px; margin: 0; background-color: var(--sub_color);
    display: inline-block;
 }

/* Hover Effect */

.product .product-box:hover .product-back {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
        transform: translateX(0)
}

.product .product-box:hover .product-icon {opacity: 1}

.product .product-box:hover .product-icon button {
    -webkit-animation: fadeInRight 300ms ease-in-out;
    animation: fadeInRight 300ms ease-in-out
}

.product .product-box:hover .product-icon a:nth-child(2) i {
    -webkit-animation: fadeInRight 500ms ease-in-out;
    animation: fadeInRight 500ms ease-in-out
}


/* Thumbnail Design Section End */

/* Six Thumbnail Category Section Start */
.category-6 .col-xl-2{ padding: 0 10px; }
.product .category-6 .product-box{ padding-right: 0; margin-bottom: 15px; }
.view_more_btn{
    padding: 5px 10px;font-size: 12px;border: 1px solid #00aa02; color: #000;
    border-radius: 25px; cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.view_more_btn:hover{ background-color: #00aa02; color: #fff; }

.category-4 .col-lg-3{ padding: 0 10px; }
.product .category-4 .product-box{ padding-right: 0; margin-bottom: 15px; }


/* About Section Start */

.about_top{ 
    text-align: center; display: flex; justify-content: space-between; align-items: center; width: 100%;
    /*border-bottom: 1px solid var(--sub_color);*/
    min-height: 60px;
}

.about_top .logo { margin: 10px; }

.about_top .logo img{ max-height: 50px; }
.about_top .close{ margin: 0; align-self: flex-start; }
.about_top h3{ margin: 5px 0 0; font-size: 22px; color: #fff; font-weight: 500;}
.about_top > ul li{ display: inline; }
.detail_txt{ flex: 1; color: #ddd; }

.about_tab > ul{ background-color: #e3e3e8;margin: -17px -16px 0; }
.about_tab > ul li {border-right: 1px solid #ccc;}
.about_tab .nav-tabs .nav-link{ border: none; color: #222; border-radius: 0; font-weight: bold; letter-spacing: 1px; font-size: 14px; }
.about_tab .nav-tabs .nav-link.active{ background-color: #000 !important; color: #fff; }

.about_tab .tab-pane{ padding: 20px 0; }

.about_tab h3{ color:#000; font-size: 25px; font-weight: 500; margin-bottom: 5px;}
.about_tab h3 span{ color: var(--sub_color); }

.about_tab p{ font-size: 14px; text-align: justify; }


.about_img{ text-align: center; margin-bottom: 20px; }
.about_icon{
    position: absolute; left: 5px; top: 5px; 
    width: 40px; height: 40px; border-radius: 50%; 
    display: flex; justify-content: center; align-items: center;
    background-color: var(--sub_color); color: #fff;
}
.about_icon i{ font-size: 20px; }
.about_list ul{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.about_list li{ 
    position: relative;
    width: 48.5%; border-radius: 10px; background-color: #fff; 
    padding: 5px 10px 8px 55px;
    box-shadow: 0 3px 12px #bbc5e4;
}
.about_list h5{
    font-size: 16px;font-weight: bold;margin-bottom: 3px; margin: 0;
    color: var(--sub_color);
}

.about_list p{ margin-bottom: 0; line-height: 18px; }
.about_list li p{ display: flex; justify-content: space-between; margin: 5px 0; text-align: left; }
.about_list li p span{ font-size: 12px; font-weight: bold; color: #666; }

/* Deal Section Start */

.deal-banner {
    background-color: var(--main_color);
    padding: 40px 0;
}


.deal-banner .deal-banner-containe h1 {
    font-size: calc(16px + (40 - 16) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    line-height: 20px;
    letter-spacing: 0.5px;
    margin:0;
    padding: 0; border: 0;
}

.deal-banner .deal-banner-containe h2 {
    font-size: calc(14px + (24 - 14) * ((100vw - 320px) / (1920 - 320)));
    text-transform: uppercase;
    color: #fff;
    font-weight: 400;
    line-height: 1;
    margin:0 0 5px 0;
}

.deal-banner .deal-banner-containe .deal-btn {
    width: 100%;
    height: 100%; margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.btn-white {
    font-size: 14px;
    padding: 16px 45px;
    font-weight: 700;
    color: #444 !important;
    background-color: #fff;
    border-radius: 25px;
    position: relative;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    display: inline-block;
    line-height: 1;
    letter-spacing: 0.05em;
}

.btn-white:hover {
    background-color: #000;
    color: #fff !important;
}


/* Deal Section End */


/* Rounded Category Section Start */

.rounded-category {background-color: var(--sub_color); padding: 50px 0 40px;}
.rounded-category .category-contain {text-align: center;}
.rounded-category .category-contain .img-wrapper {
    border: 1px solid #fff;
    padding: 5px;
    width: 125px;
    height: 125px;
    border-radius: 50%;
    margin: 0 auto;
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}

.rounded-category .category-contain:hover .img-wrapper {
    border: 1px solid var(--main_color);
}

.rounded-category .category-contain .img-wrapper img { border-radius: 100%; height: 115px;}

.rounded-category .category-contain .btn-rounded {
    padding: 10px 25px;
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    display: inline-block;
    margin-top: 15px;
    background-color: transparent;
    text-transform: uppercase;
}

.btn-rounded {
    font-size: 14px;
    padding: 18px 50px;
    font-weight: 700;
    color: #fff !important;
    background-color: var(--main_color);
    border-radius: 25px;
    position: relative;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    line-height: 1;
    display: inline-block;
    letter-spacing: 0.05em;
}

.rounded-category .category-contain:hover .btn-rounded {
    background-color: var(--main_color);
}

.rounded-category.vagitable-category .category-contain .img-wrapper {
    background-color: #e7e7e9;
    padding: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320)));
}

/* Rounded Category Section End */


/* Media List Section Start */

.section-big-py-space {
    padding: 50px 0;
}

.media-banner {
    padding: 30px;
    background-color: #f2f2f2;
    border-right: 1px solid #ddd;
}


.slick-track{ display: flex !important; }
.slick-slide{ height: inherit !important;}
.slick-slide > div,.slick-slide > div > div{ height: 100%; }
.slick-slide .media-banner.media-banner-1{ height: 100%; }

.slick-vertical .slick-track{ display: block !important; }
.slick-vertical .slick-slide{ height: auto !important; width: 100% !important;}

.slick-vertical .slick-slide img{ max-height: 50px; }

.slide-1-section .media-banner{ background-color: #f2f8f9; height: 100%; }

.media-banner.media-banner-1 {
    margin: 0 8px;
    background-color: #eef3f4;
    border: none;
}

.media-banner .media-banner-box {
    margin-bottom: 20px;
}

.media-banner .media-banner-box .media{ align-items: center; }
.media-banner .media-banner-box:last-child {
    margin-bottom: 0;
}

.media-banner .media-banner-box .media img {
    border: 1px solid #ddd;
}

.media-banner .media-banner-box .media .media-body .media-contant {
    margin-left: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: auto; min-height: 70px;
}

.media-banner .media-banner-box .media .media-body .media-contant .rating i {
    color: #ffa800;
}

.media-banner .media-banner-box .media .media-body .media-contant h6 {
    color: var(--main_color);
    font-weight: 700;
    margin-top: 3px;
}

.media-banner .media-banner-box .media .media-body .media-contant p {
    font-family: Raleway, sans-serif;
    font-size: 14px;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.media-banner .media-banner-box .media-heading h5 {
    font-size: 18px;
    color: #444;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 0.5px;
}

.media-banner .media-banner-box .media-view h5 {
    text-transform: capitalize;
    color: var(--main_color);
    line-height: 18px;
    font-size: 16px;
    margin-bottom: 0;
}

.b-g-white1 {background-color: #fff !important;}

.layout-5 .media-banner.media-banner-1 { background-color: #f2f2f2;}


/* Media List Section End */


/* Hot Deal Section Start */

.section-big-pb-space {
    padding-bottom: 50px;
}

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

.section-my-space {
    margin: 15px 0;
}

.hot-deal .hot-deal-contain {
    background-color: #f2f8f9;
    padding: 50px; height: 100%;
}

.hot-deal.space-abjust .hot-deal-contain {
    padding: 15px 20px;
}

.hot-deal .slick-slider,.hot-deal .slick-list,.hot-deal .slick-track{ height: 100%;}
.hot-deal.space-abjust .hot-deal-contain .slick-list{ /*height: auto !important; */}

.hot-deal-contain .description{ max-height: 255px; overflow: hidden; }


.hot-deal .hot-deal-contain .hotdeal-right-nav img {
    height: 130px;
    width: auto;
    margin: 0 auto;
    border: 1px solid #ddd;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.hot-deal .hot-deal-contain .hotdeal-right-nav img:hover {
    border: 1px solid var(--main_color);
}

.hot-deal .hot-deal-contain .hotdeal-right-slick img {
    width: 100%; max-height: 400px;
}

.title1 {
    text-align: center;
    background-color: #fff;
    padding: 42px 0;
}

.title1 h4 {
    font-size: 18px;
    color: #444;
    text-transform: uppercase;
    letter-spacing: 0.05em; margin: 0;
}

.hot-deal .hot-deal-contain .hot-deal-center .rating i { color: #ffa800;}
.hot-deal .hot-deal-contain .hot-deal-center .rating i:last-child { color: #e8ebf2;}
    
    /* Option - 4 */

.hot-deal .hot-deal-contain .hotdeal-right-slick{
    border: 1px solid #ddd;
    transition: all 0.3s ease;
}
.hot-deal .hot-deal-contain .hotdeal-right-slick:hover { border: 1px solid #f15838;}
.hot-deal .hot-deal-contain .hot-deal-center .price span {
    color: #f15838;
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
}
.hot-deal .hot-deal-contain .hot-deal-center .price span+span {
    color: #e8ebf2;
    margin: 0 0 0 10px;
    text-decoration: line-through;
}
.hot-deal .hot-deal-contain .hot-deal-center .timer { margin-top: 30px;}

p#demo1{ display: flex; }

.hot-deal .hot-deal-contain.hot-deal-contain2 .hot-deal-center .timer span {
    background-color: #fff;
    font-size: 22px;
    min-width: 55px;
    margin: 0 8px; color: #000; font-weight: 700;
    padding: 12px 0 18px;
    text-align: center;
    
}

.hot-deal .hot-deal-contain .hot-deal-center .timer span span{ color: #777; }

.hot-deal .hot-deal-contain.hot-deal-contain2.b-g-white1 .hot-deal-center .timer span{ background-color: #eee; }

.hot-deal .hot-deal-contain .hot-deal-center .timer span .padding-l { display: none;}
.hot-deal .hot-deal-contain .hot-deal-center .timer span .timer-cal {
    font-size: 12px;
    color: #777; padding: 0; font-weight: 400;
    width: 100%; float: left; margin: 0;
}

/* Option - 3 */
.layout-3-hotdeal>div:first-child,.layout-3-hotdeal>div:nth-child(2) {padding-right: 0;}
.layout-3-hotdeal>div:nth-child(4) {padding-left: 0;}

.layout-3-hotdeal .media-banner {padding: 25px; height: 100%;}
.layout-3-hotdeal .media-banner .media-banner-box .media img {width: 52px;}
.media-banner.banner-inverse .media-banner-box .media .media-body .media-contant h6 {
    color: var(--sub_color);
}

    /* Option - 5 */
.hot-deal.light_bg .hot-deal-contain,.hot-deal.light_bg .media-banner {background-color: #f2f2f2;}
.hot-deal .hot-deal-contain .hot-deal-center h5 a{ color: #777; font-weight: 700; }


/* Hot Deal Section End */

/* Payment Card Section Start */
.paymant-offer-mian {background-color: #fff;padding: 30px;margin-right: 15px;text-align: center;}
.paymant-offer-mian img { margin: 0 auto;}
.paymant-offer-mian h2 {
    color: var(--sub_color);
    font-weight: 600;
    line-height: 1;
    margin-top: 25px;
    font-family: monospace;
}
.paymant-offer-mian h3 {
    text-transform: capitalize;
    line-height: 1;
    margin-top: 10px;
    color: #333;
    font-size: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 500;
    margin-bottom: 10px;
}
.paymant-offer-mian h4 {
    text-transform: capitalize;
    line-height: 1;
    margin-top: 10px;
    margin-bottom: 15px;
    font-weight: 500;
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
}
.paymant-offer-mian .payment-cod {
    padding: 8px 20px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    text-transform: capitalize;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    line-height: 1;
    color: var(--sub_color);
    background-color: rgba(132,178,19,0.1);
    font-weight: 700;
    border: 1px dashed;
    border-radius: 5px;
}

/* Payment Card Section End */

/* Masonory Banner Start */
.gutter-15 .col-sm-12, 
.gutter-15 .col-sm-6, 
.gutter-15 .col-md-12{padding-right: 7.5px;padding-left: 7.5px;}

.gutter-15 .masonary-banner-block2 .col-sm-6 {
    padding-left: 15px;
}

.masonory-banner .masonary-banner-main {position: relative;}
.masonory-banner .masonary-banner-main .masonory-banner-img {
    height: 450px;
}

.masonory-banner .masonary-banner-main .masonory-banner-img.masonory-img1 {
    height: 915px;
}
.masonary-banner-block>div:first-child {
    margin-bottom: 15px;
}

.masonory-banner .masonary-banner-main .masonary-banner-contant.p-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.masonory-banner .masonary-banner-main .masonary-banner-contant.p-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.masonory-banner .masonary-banner-main .masonary-banner-contant {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    text-align: center;
    padding: 60px 20px;
}

.masonory-banner .masonary-banner-main .masonary-banner-contant .masonary-banner-subcontant {
    margin-right: 70px;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.masonory-banner .masonary-banner-main .masonary-banner-contant h5 {
    color: var(--sub_color);
    text-transform: uppercase;
    letter-spacing: 7px;
    background-color: #fff;
    padding: 10px 20px;
    font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
}

.masonory-banner .masonary-banner-main .masonary-banner-contant h2 {
    color: var(--sub_color);
    text-transform: uppercase;
    margin-bottom: 15px;
}

.masonory-banner .masonary-banner-main .masonary-banner-contant .btn-rounded {
    text-transform: uppercase;
    margin-top: 25px;
}
.masonory-banner .masonary-banner-main .masonary-banner-contant .btn-rounded:hover {
    background-color: var(--sub_color);
}

/* Masonory Banner End */


/* Contact Banner Section Start */

.contact-banner {background-color: var(--sub_color); padding: 20px 0;}

.contact-banner .contact-banner-contain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
}

.contact-banner .contact-banner-contain .contact-banner-img img { margin-right: 25px;}

.contact-banner .contact-banner-contain h3 {
    font-size: 18px;
    font-weight: bold;
    margin-right: 25px;
    line-height: 1;
}

.contact-banner .contact-banner-contain h2 {
    font-size: calc(20px + (36 - 20) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 700;
}


/* Contact Banner Section End */


/* inverse color option */
.deal-banner-inverse{background-color: var(--sub_color);}
.services.services-inverse,.rounded-category.rounded-category-inverse{
    background-color: var(--main_color);
}
.rounded-category.rounded-category-inverse .category-contain:hover .img-wrapper {
    border: 1px solid var(--sub_color);
}

.rounded-category.rounded-category-inverse .category-contain:hover .btn-rounded{
    background-color: var(--sub_color);
}

.newsletter.newsletter-inverse .subscribe-block .btn-normal{
    background-color: var(--sub_color);
}

.newsletter.newsletter-inverse .news-leble svg{ fill: var(--sub_color); }
.contact-banner.contact-inverse{background-color: var(--main_color);}


/* Footer Section Start */

footer {padding: 50px 0 0 0;}

.footer-box .footer-title {padding-bottom: 15px;position: relative;}
.footer-box .footer-title:before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 50px;
    height: 2px;
    background-color: var(--main_color) !important;
}

.footer-title h5 {
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
    text-transform: uppercase;
    color: #000;
    font-family: Raleway;
}

.footer-contant ul li {
    position: relative;
    line-height: 1.2;
    display: block;
    padding-bottom: 15px;
    font-size: 14px;
    text-transform: capitalize;
    font-family: Raleway;
    letter-spacing: 0.03em;
}

.footer-contant ul li a {color: #8d8d8d;}
.footer-contant .contact-list li {padding-left: 25px; color: #8d8d8d;}
.footer-contant .contact-list li span {font-family: sans-serif;}
.footer-contant .contact-list li i {position: absolute;top: 0;left: 0;}

.footer-contant { margin-top: 30px;}

footer .subscribe-block .input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}

footer .subscribe-block .input-group input {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: none;
    border-right: none;
    border-radius: inherit;
}

footer .subscribe-block .input-group span {
    background-color: #fff;
    border-radius: inherit;
    border-right: none;
}

footer .subscribe-block .input-group .telly {
    border-left: none;
    border-right: 1px solid #ddd;
}
footer .subscribe-block .input-group .telly i { color: var(--main_color);}
footer .subscribe-block .input-group span i {color: #acacac;}
.account-right {padding: 50px 0 30px 15px;}

.app-link-block .app-link-bloc-contain {
    display: flex;
    justify-content: center;
    padding: 30px 0;
    width: 100%;
}
.app-link-block .app-link-bloc-contain .app-item-group {
    display: flex;
    align-items: center;
    height: 100%;
}

.app-link-block .app-item-group .app-item:first-child { margin-right: 15px;}
.app-link-block .app-item-group .sosiyal-block { display: flex;align-items: center;}
.app-link-block .app-item-group .sosiyal-block h6 {
    color: #777;
    text-transform: uppercase;
    margin-left: 35px;
    margin-right: 35px;
    font-family: Raleway, PT Sans;
}

.sosiyal {display: flex;}
.sosiyal li {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    background-color: #f7f7f7;
    transition: all 0.3s ease;
}

.sosiyal li:hover {background-color: var(--sub_color);transition: all 0.3s ease;}
.sosiyal li a i {color: #444;}
.sosiyal li:hover i {color: #fff;}

.section-mb-space {margin-bottom: 15px;}
.sub-footer .footer-end p {
    padding: 20px 0;
    color: #8d8d8d;
    margin-bottom: 0;
    text-transform: uppercase;
    font-family: Raleway;
    letter-spacing: 0.05em;
}
.sub-footer .payment-card-bottom {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.footer-2 {background-color: #fff;}
.footer-2 .footer-main-contian {border-bottom: 1px solid #ddd;padding-bottom: 30px;}
.footer-2 .footer-right {padding-top: 25px;padding-left: 50px;border-left: 1px solid #ddd;}
.footer-2 .subscribe-section { padding-bottom: 45px;border-bottom: 1px solid #ddd;}
.footer-2 .subscribe-block {height: 100%;}
.footer-2 .subscrib-contant {display: flex;align-items: center;height: 100%;}
.footer-2 .subscrib-contant h4 {color: #000;font-size: 18px;text-transform: uppercase;}
.footer-2 .sub-footer {background-color: #f2f8f9;}
.footer-2 .sub-footer .sub-footer-contain { padding: 20px 0;}
.footer-2 .sub-footer .sub-footer-contain p {
    color: #777;
    margin-bottom: 0;
    font-family: Raleway;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    text-align: center;
    font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320)));
}

/* Footer Option - 2 Start */

.footer-1 {background-color: #fff;}
.footer-1 .footer-link { border-right: 1px solid #ddd;padding: 45px 0;}
.footer-1 .footer-box {padding-bottom: 30px;padding-top: 30px;}
.footer-1 .footer-box .footer-sub-box.account { margin-bottom: 40px;}
.footer-1 .footer-box .footer-sub-box .footer-title {margin-bottom: 15px;}
.footer-1 .footer-box .footer-sub-box .footer-contant ul li {
    font-family: Raleway;
    display: inline;
    line-height: 1.8;
    margin-right: 15px;
}
.footer-1 .footer-box .footer-sub-box .footer-contant .contact-list li {
    color: #8d8d8d;
    display: block;
    margin-right: 0;
}
.footer-1 .footer-box .footer-sub-box.footer-contant-box {margin-left: 80px; padding: 20px 0;}
.footer-1 .logo-contain { padding: 35px 0;}
.footer-1 .logo-contain .logo-detail {position: relative;padding: 30px 0;}
.footer-1 .logo-contain .logo-detail:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    content: "";
    background: #ddd;
    margin: 0 auto;
}
.footer-1 .logo-contain .logo-detail p {
    color: #777;
    text-transform: capitalize;
    margin-bottom: 0;
    margin-left: 45px;
    letter-spacing: 0.5px;
    line-height: 1.8;
}

/* Footer Option - 3 Start */

.footer-3 {background-color: #fff;padding: 40px 0 0 0;}
.footer-3 .sosiyal-footer { padding-bottom: 45px;border-bottom: 1px solid #ddd;}
.footer-3 .sosiyal-footer .app-link-group {display: flex;align-items: flex-end;height: 100%;}
.footer-3 .sosiyal-footer .app-link-group .app-item:first-child {margin-right: 15px;}
.footer-3 .sosiyal-footer .sosiyal-block {display: flex;align-items: flex-end;height: 100%;margin-left: 35px;}
.footer-3 .sosiyal-footer .subscribe-section .subscribe-block {text-align: center;}
.footer-3 .sosiyal-footer .subscribe-section .subscribe-block h4 {
    color: #000;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 1;
}
    
.footer-3 .footer-logo {padding: 40px 0;}
.footer-3 .footer-box .footer-title:before{ background-color: var(--sub_color); }
.footer-3 .paymant-bottom li { margin-right: 15px;padding-bottom: 0; display: inline-block;}

.footer-3 .sub-footer {background-color: #444;padding: 20px 0;text-align: center;}
.footer-3 .sub-footer h6 {font-size: 14px;color: #999;font-family: Raleway;}


  /* Footer Option - 4 Start */
.footer-4 {background-color: #eee;padding-top: 40px;}
.footer-4 .footer-logo {text-align: center;}
.footer-4 .logo-detail {text-align: center;padding-top: 30px;padding-bottom: 50px;}
.footer-4 .follow {background-color: #fff;padding: 30px 0;}

.footer-4 .top-category {padding: 50px 0;}
.footer-title h5 {
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
    text-transform: uppercase;
    color: #000;
    font-family: Raleway;
}
.footer-title .line {width: 50px;height: 2px;background-color: #f15838;margin-top: 10px;}
.sub-footer {background-color: #fff;}
.sub-footer .footer-end p span {font-family: sans-serif;}
.sub-footer .payment-card-bottom ul li {margin-left: 15px;}
.sub-footer .payment-card-bottom ul li:first-child {margin-left: 0;}

  /* Footer Option - 4 Start */

/* Scroll to top */
.tap-top {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    position: fixed;
    bottom: 100px;
    right: 30px;
    z-index: 8;
    display: none;
    color: #fff;
    text-align: center;
    background: var(--main_color);
    border: none;
    font-size: 22px;
    padding: 7px;
    cursor: pointer;
}



/* Footer Section End */


/* Add to Cart Section Start */

.add_to_cart {
    position: fixed;
    background-color: #fff;
    z-index: 9999;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.add_to_cart.top,
.add_to_cart.bottom {
    height: 218px;
    width: 100%;
}

.add_to_cart.top {
    top: -300px;
}

.add_to_cart.top.open-side {
    top: 0;
}

.add_to_cart .cart-inner {
    background-color: #fff;
    z-index: 9;
    position: relative;
    top: 0;
}

.add_to_cart.top .cart-inner,
.add_to_cart.bottom .cart-inner {
    height: 218px;
}

.add_to_cart .cart-inner .cart_top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
    background-color: var(--main_color);
    padding: 15px 44px;
    border-bottom: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.add_to_cart .cart-inner .cart_top h3 {
    font-size: 18px;
    color: #333;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0;
}

.add_to_cart .cart-inner .cart_top .close-cart {
    margin-left: auto;
}

.add_to_cart .cart-inner .cart_top .close-cart i {
    color: #fff;
    font-size: 18px;
}

.add_to_cart.top .cart_media,
.add_to_cart.bottom .cart_media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.add_to_cart.top .cart_media .cart_product,
.add_to_cart.bottom .cart_media .cart_product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 75%;
    overflow-y: auto;
}

.add_to_cart.top .cart_media .cart_total,
.add_to_cart.bottom .cart_media .cart_total {
    width: 25%;
}

.add_to_cart.top .cart-inner .cart_media .cart_product,
.add_to_cart.top .cart-inner .cart_media .cart_total,
.add_to_cart.bottom .cart-inner .cart_media .cart_product,
.add_to_cart.bottom .cart-inner .cart_media .cart_total {
    padding: 30px 44px;
}

.add_to_cart .cart-inner .cart_media li {
    position: relative;
    padding-bottom: 10px;
    width: 100%;
}

.add_to_cart .cart-inner .cart_media li:first-child{ padding-top: 0; margin-top: 0; }

.add_to_cart .cart-inner .cart_media li .total {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding-top: 10px;
    padding-bottom: 10px;
}

.add_to_cart .cart-inner .cart_media li .total h5 {
    text-transform: capitalize;
    margin-bottom: 0;
    color: #999999;
}

.add_to_cart .cart-inner .cart_media li .total h5 span {
    float: right;
}

.add_to_cart .cart-inner .cart_media li .buttons a {
    font-size: 16px;
    color: #fff;
    text-transform: capitalize;
    font-weight: 700;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    padding: 10px 12px;
}

.add_to_cart .cart-inner .cart_media li .buttons .checkout {
    float: right;
}

.add_to_cart.top .cart_media .cart_product li,
.add_to_cart.bottom .cart_media .cart_product li {
    min-width: 245px;
    max-width: 225px;
    width: 100%;
    margin-right: -1px;
    padding-bottom: 0;
    border: 1px solid #ddd;
    position: relative;
}

.add_to_cart .cart-inner .cart_media li .media {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}

.add_to_cart .cart-inner .cart_media .close-circle {
    position: absolute;
    top: 40px;
    right: 10px;
}

.add_to_cart .cart-inner .cart_media .close-circle i {
    color: #444;
    font-size: 16px;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.add_to_cart .cart-inner .cart_media li .media img {
    height: 90px;
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important;
}

.add_to_cart .cart-inner .cart_media li .media .media-body {
    
        align-self: flex-start;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.add_to_cart .cart-inner .cart_media li .media .media-body h4 {
    color: #333;
    margin: 0;
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.add_to_cart .overlay {
    visibility: hidden;
    opacity: 0;
    background-color: #000;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.add_to_cart.open-side .overlay {
    opacity: 0.8;
    visibility: visible;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.cart_product .media a.center-image{width: 80px;}


.add_to_cart .cart-inner#wishlist_right .cart_media li .media .media-body{ align-self: center; }
.add_to_cart .cart-inner#wishlist_right .cart_media .close-circle{top: 50%; transform: translateY(-50%);}
.add_to_cart .cart-inner#wishlist_right .cart_product .media .media-body a{ width: auto; display: block; }

.add_to_cart .cart-inner ul.cart_product {
    max-height: calc(100vh - 180px);
    padding-top: 0;
}

.add_cart_box{ display: flex; flex-wrap: wrap; align-items: flex-end; margin-bottom: 10px; }
.add_cart_box .product-buttons{ margin-bottom: 0; }
.add_cart_box .space_prod{ flex:1; margin-left: 10px; padding-bottom: 0; }
.add_cart_box .space_prod .product-buttons button.btn.btn-normal{ height: 40px; width: 100%; }
.tag_list {margin: -10px 0 10px;}
.tag_list .btn{ 
    background-color: #edf0f2; color: #212529; border: 1px solid #d8e3ea; cursor: pointer;
    padding: 5px 12px; font-size: 11px; border-radius: 10px; margin: 5px 5px 5px 0;
}

.tag_list .btn input[type="checkbox"]{ opacity: 0; position: absolute; }
.tag_list .btn input[type="radio"]{ opacity: 0; position: absolute; }
.tag_list .btn.active{ background-color: var(--main_color); color: #fff !important; border-color: var(--main_color);  }




/* Add to Cart Section End */


/* Product Notification Section Start */

.product-notification {
   /* width: 300px;
    padding: 20px;
    background-color: white;
    -webkit-box-shadow: 0px 0 7px 2px rgba(158, 158, 158, 0.2);
    box-shadow: 0px 0 7px 2px rgba(158, 158, 158, 0.2);
    margin: 10px;
    position: fixed;
    bottom: 0;
    -webkit-animation: movebottom 10s infinite;
    animation: movebottom 10s infinite;
    z-index: 99;*/
}

.product-notification .close {
    position: absolute;
    right: -5px;
    top: -9px;
    font-size: 24px;
    z-index: 99;
}

.close:not(:disabled):not(.disabled) {
    cursor: pointer;font-size: 25px;padding: 10px 12px;
}

.product-notification img {
    height: 70px;
}

.theme-pannel-main {
    background-color: #fff;
    position: fixed;
    top: 30%;
    right: 0;
    z-index: 9;
    padding: 0 5px;
    -webkit-box-shadow: 0 0 7px 1px rgba(158, 158, 158, 0.2);
    box-shadow: 0 0 7px 1px rgba(158, 158, 158, 0.2);
}

.theme-pannel-main ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 12px;
    border-bottom: 1px solid #dadada;
}

.color-picker {
    position: fixed;
    top: calc(30% + 110px);
    z-index: 9;
    padding: 0 5px;
    right: 0;
    -webkit-box-shadow: 0 0 7px 1px rgba(158, 158, 158, 0.2);
    box-shadow: 0 0 7px 1px rgba(158, 158, 158, 0.2);
    background-color: #fff;
    max-width: 150px;
}

@-webkit-keyframes movebottom {
    0% {
        display: block;
        bottom: -200px
    }
    25% {
        bottom: 0px
    }
    75% {
        bottom: 0px
    }
    100% {
        display: none;
        bottom: -200px
    }
}

@keyframes movebottom {
    0% {
        display: block;
        bottom: -200px
    }
    25% {
        bottom: 0px
    }
    75% {
        bottom: 0px
    }
    100% {
        display: none;
        bottom: -200px
    }
}



/* Product Notification Section End */


/* Popup Modal Design Start */

.theme-modal {
    padding-right: 0 !important;
}

.theme-modal .modal-dialog .modal-content .modal-body {
    background-color: white;
    border-radius: 5px;
}

.theme-modal#exampleModal .modal-body {
    padding: 0;
}

.theme-modal .modal-dialog .modal-content .modal-body .modal-bg {
    background-color: #fff;
    padding: 25px;
}

.theme-modal#exampleModal .modal-bg {
    padding: 0;
}

.theme-modal#exampleModal .offer-content {
    background-image: url(../images/bg-newslatter.jpg);
    background-repeat: no-repeat;
    background-position: right center;
    background-color: rgba(255, 255, 255, 0.4);
    min-height: 460px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 50%;
}

.theme-modal#exampleModal .offer-content>div {
    width: 100%;
    padding: 50px;
}

.theme-modal .modal-dialog .modal-content .modal-body .modal-bg .close {
    padding-right: 10px;
    padding-top: 5px;
    position: absolute;
    right: 17px;
    top: 0;
}

.theme-modal#exampleModal .close {
    position: absolute;
    right: 10px;
}

.theme-modal#exampleModal .close span {
    color: var(--main_color);
    font-size: 35px;
    text-shadow: none;
}

.theme-modal .modal-dialog .modal-content .modal-body .modal-bg .offer-content h2 {
    margin-bottom: 15px;
    text-align: center;
    color: #333;
    text-transform: uppercase;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.05em;
}

.theme-modal#exampleModal .offer-content p {
    text-align: center;
    color: #777;
    line-height: 1.6;
    margin-bottom: 20px;
}

.theme-modal .modal-dialog .modal-content .modal-body .modal-bg .offer-content form .form-group {
    margin: 0 auto;
    text-align: center;
}

.theme-modal .modal-dialog .modal-content .modal-body .modal-bg .offer-content form .form-group .form-control {
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    font-size: 14px;
    max-width: 640px;
    left: 0;
    right: 0;
    margin: 0 auto;
    letter-spacing: 0.05em;
    margin-bottom: 15px;
    border-radius: 0 !important;
}


/* Popup Modal Design End */


/* News Letter Section Start */

.newsletter {background-color: #fff;display: flex;justify-content: center;padding: 50px 0;}
.newsletter .news-leble {display: flex;align-items: center;border-right: 1px solid #ddd; padding-right: 35px;}
.newsletter .news-leble svg {fill: var(--main_color);width: 50px;height: 50px;}

.newsletter .news-leble .news-text {
    font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
    text-transform: uppercase;
    color: #444;
    line-height: 1;
    font-weight: 700;
    margin-left: 25px;
}
.newsletter .news-leble .news-text span {
    display: block;
    margin-top: 6px;
}
.newsletter .subscribe-block {display: flex;align-items: center;}

.newsletter .subscribe-block .input-group span {
    background-color: transparent;
    border: none;
    padding: 0 45px;
}

.newsletter .subscribe-block .input-group span i {font-size: 20px;color: var(--sub_color);}

.newsletter .subscribe-block .input-group input {
    border: none;
    width: 320px;
    background-color: transparent;
}


/* News Letter Section End */


/* Services Section Start */

.services {background-color: var(--sub_color);}
.services .service-block>div {display: flex;justify-content: center;align-items: center;padding: 23px 0;}
.services .service-block .media {align-items: center;}
.services .service-block .media svg {
    width: 30px;
    height: 30px;
    fill: #fff;
    margin-right: 12px;
    transition: 0.5s linear;
}

.services .service-block .media:hover svg {transform: scale(1.2);}
.services .service-block .media h5 {color: #fff;text-transform: uppercase;line-height: 1;letter-spacing: 0.05em;}


/* Services Section End */

/* Hot Deal Section Start */
.section-big-pt-space {padding-top: 50px;}
.Jewellery-banner {
    background-image: url(../images/layout-1/collection-banner/6.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 35px;
    height: 100%;
}
.Jewellery-banner a {
    color: #444;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 14px;
}
.Jewellery-banner h6 {
    color: var(--main_color);
    font-size: 31px;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 1;
}
.hot-1>div:first-child {padding-right: 0;}
.hot-1>div:nth-child(2) {padding-left: 0;padding-right: 0;}
.hot-1>div:last-child {padding-left: 0;}

.hot-deal .hot-deal-contain1 {background-color: #fff;padding: 30px;}
.hot-deal .hot-deal-contain1.hot-deal-banner-1 { background-color: #f2f2f2;}
.hot-deal .hot-deal-heading { margin-bottom: 25px;}
.hot-deal .hot-deal-heading h5 { font-size: 18px; text-transform: uppercase; color: #444;}
.hot-deal .hot-deal-contain1 .hot-deal-subcontain .hot-deal-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}
.hot-deal .hot-deal-contain1 .hot-deal-subcontain .hot-deal-center .timer p {
    margin: 0;letter-spacing: 0.05em;line-height: 1.6;
}
.hot-deal .hot-deal-contain1 .hot-deal-subcontain .hot-deal-center .timer span {
    display: inline-grid;
    background-color: transparent;
    text-align: center;
    font-weight: 700;
    color: #000;
    margin: 0 4px;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1920 - 320)));
    padding: 0;
}
.hot-deal .hot-deal-contain1 .hot-deal-subcontain .hot-deal-center .timer span>span {
    color: #e8ebf2;
    font-weight: 400;
    font-size: 12px;
    padding: 0;
    margin-left: 0;
    text-transform: capitalize;
}
.hot-deal .hot-deal-contain1 .hot-deal-subcontain .hot-deal-center .rating i {
    color: #ffa800;
}
.hot-deal .hot-deal-contain1 .hot-deal-subcontain .hot-deal-center h5 {
    color: #444;
    text-transform: capitalize;
    letter-spacing: 0.05em;
}
.hot-deal .hot-deal-contain1 .hot-deal-subcontain .hot-deal-center p {
    line-height: 1.6;
    margin: 20px 0;
    letter-spacing: 0.05em;
}
.hot-deal .hot-deal-contain1 .hot-deal-subcontain .hot-deal-center .price span {
    font-size: 16px;
    color: var(--main_color);
    font-weight: 700;
    margin-right: 10px;
    line-height: 1;
}
.hot-deal .hot-deal-contain1 .hot-deal-subcontain .hot-deal-center .price span:last-child {
    color: #e8ebf2;
    text-decoration: line-through;
}

.hot-deal .hot-deal-contain1 .hot-deal-subcontain .hotdeal-right-nav-1 img {
    width: 65px;
    border: 1px solid #ddd;
    margin: 0 0 10px auto;
}
.hot-deal .hot-deal-contain1 .hot-deal-subcontain .hotdeal-right-nav-1 img:last-child {
    margin-bottom: 0;
}

.hot-deal .slick-prev,.hot-deal .slick-next {top: 35px;right: 50px;left: unset;z-index: 9;}
.hot-deal .slick-next {right: 25px;}
.hot-deal .slick-prev:before,.hot-deal .slick-next:before {
    color: #999;
    opacity: 1;
    font: normal normal normal 30px/1 FontAwesome;
    content: '\f104';
}
.hot-deal .slick-next:before {content: '\f105';}

/* Hot Deal Section End */

/* Blog Section Start */

.title3 {text-align: center;padding-top: 50px;padding-bottom: 30px;}
.title3 h4 {
    text-transform: uppercase;
    color: #000;
    letter-spacing: 0.05em;
    margin-top: -4px;
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.blog .blog-contain {margin-right: 15px;position: relative;}
.blog .blog-contain .blog-img {overflow: hidden;border: 1px solid #fff;}
.blog .blog-contain .blog-img img {transition: all 0.5s ease;}
.blog .blog-contain:hover img {transform: scale(1.2);}
.blog .blog-contain .blog-details { background-color: #fff;padding: 20px;}

.blog .blog-contain .blog-details h4 {
    color: #444;
    margin-bottom: 13px;
    font-size: calc(17px + (18 - 17) * ((100vw - 320px) / (1920 - 320)));
    letter-spacing: 1px;
    font-weight: 600;
}

.blog .blog-contain .blog-details p {
    color: #939b9e;
    text-transform: capitalize;
    margin-bottom: 5px;
    letter-spacing: 0.5px;
}

.blog .blog-contain .blog-details span a {
    color: var(--main_color);
    text-transform: capitalize;
    font-weight: 700;
    letter-spacing: 0.03em;
    line-height: 1;
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.blog .blog-contain .blog-label {
    position: absolute;
    top: 5%;
    left: 0;
    background-color: var(--main_color);
    padding: 2px 10px;
    color: #fff;
}

.blog .blog-contain .blog-label p {margin: 0;}

/* Option - 6 */

.title4 {
    text-align: center;
    padding-top: calc(20px + (42 - 20) * ((100vw - 320px) / (1920 - 320)));
    padding-bottom: calc(20px + (42 - 20) * ((100vw - 320px) / (1920 - 320)));
    background-color: #fff;
}
.title4 h4 {
    font-size: calc(18px + (36 - 18) * ((100vw - 320px) / (1920 - 320)));
    color: #444;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    line-height: 1;
}
.title4 h4 span {color: var(--main_color);}

.blog .blog-contain .blog-details-2 {background-color: #fff; padding: 20px;}
.blog .blog-contain .blog-details-2 h4 {
    text-transform: capitalize;color: var(--main_color);
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
    margin: 0;
}
.blog .blog-contain .blog-details-2 p {
    color: #939b9e;
    line-height: 1.8;
    margin-top: 10px;
    text-transform: capitalize;
}
.blog .blog-contain .blog-details-2 ul {margin-top: 10px;line-height: 1;}
.blog .blog-contain .blog-details-2 ul li:first-child {margin-right: 30px;}
.blog .blog-contain .blog-details-2 ul li a {
    color: var(--sub_color);
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 700;
}
.blog .blog-contain .blog-details-2 ul li a i {margin-right: 10px;}
.blog .blog-contain .blog-label1 {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    background: var(--main_color);
    line-height: 1.2;
}

.product .product-slide-6 .product-box .product-detail.detail-inline{ min-height: 172px; }


/* Blog Section End */

/* Parallax Section Start */

.full-banner {padding: 150px 0;}
.full-banner.parallax {background-attachment: fixed;}
.full-banner.p-left .banner-contain {float: left;}
.full-banner .banner-contain h2 {
    font-size: calc(55px + (100 - 55) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 700;
    color: var(--main_color);
    text-transform: uppercase;
    margin-top: -15px;
}
.full-banner .banner-contain h3 {
    font-size: calc(36px + (60 - 36) * ((100vw - 320px) / (1920 - 320)));
    color: #333;
    text-transform: uppercase;
    font-weight: 700;
}
.full-banner .banner-contain h4 {
    font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1920 - 320)));
    color: #333;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5em;
    padding-top: 10px;
    margin-bottom: -5px;
    line-height: 1.3;
}



/* Loader Design Start */

.loader-wrapper {
    background-color: #fff;
    margin: 0;
    height: 100vh;
    width: 100vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0
}

.loader-wrapper img {
    height: 130px
}


/* Loader Design End */


/* New Header Design Start */

.has-search .form-control {/*padding-left: 2.375rem;*/}

    .has-search .form-control-feedback {
        position: absolute;
        z-index: 2;
        display: block;
        width: 2.375rem;
        height: 2.375rem;
        line-height: 2.375rem;
        text-align: center;
        pointer-events: none;
        color: #aaa;
    }

    .nice_header >.navbar{ 
        background-color: var(--sub_color); color: #fff;
        justify-content: space-between; align-items: center;
        position: static;
    }
    .nice_header .search_box{ margin-bottom: 0;width: 100%;max-width: 500px; position: relative; }

    .nice_header .search_box .product-search-results-ajax{ width: 100%; margin: 0; margin-top: 38px; }

    .nice_header .search_box .btn{ background-color: #ddd; color: #000; border: 0;border-radius: 0 4px 4px 0; }
    .nice_header .search_box input{ border-radius: 4px 0 0 4px; }

    .nice_header a.nav-link{ color: #fff; }
    .nice_header a.nav-link i:hover { color: #fff; }
    .nice_header li.nav-item{ position: relative; }
    .nice_header .navbar-nav i{ font-size: 22px; }
    .nice_header .toggle_btn a{ 
        color: #fff; min-width: 130px; display: inline-block;
        display: flex; align-items: center;
    }
    .nice_header .toggle_btn a i{ margin-right: 10px; font-size: 25px; }


    .nice_header .navbar-collapse{ flex-grow: unset; min-width: 160px; }
    .nice_header .navbar-collapse li.nav-item{ margin-left: 10px; }

    .nice_header .navbar-collapse li.nav-item .dropdown-menu { 
        border-radius: 5px; box-shadow: 0 5px 8px #999; min-width: 150px; overflow: hidden; margin-top: 0;
    }
    .nice_header .navbar-collapse li.nav-item .dropdown-menu a{ 
        font-size: 14px;/*border-bottom: 1px solid #ddd;*/ padding: 5px 15px; width: 100%; display: block;
        color: #212529;
    }

    .nice_header .navbar-collapse li.nav-item .dropdown-menu a:hover{ background-color: #efefef; }


    header.nice_header .dropdown-menu { display: none; }
    header.nice_header .dropdown:hover .dropdown-menu{ display: block; visibility: visible; opacity: 1; }

    .back_btn{ display: none; }

    .count_icon{
        background-color: var(--main_color);
        color: #fff; font-size: 11px;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        position: absolute;
        top: 0;
        left: 22px;
        display: flex;
        justify-content: center;
        align-items: center;
        box-shadow: 0 3px 5px #071442;
    }

    .header_top{
        display: flex; justify-content: space-between; align-items: center;
        min-height: 70px; background-color: var(--main_color);
        padding: .5rem 1rem;
    }

    .header_top .dropdown{ align-self: flex-end; display: flex; align-items: flex-end; }

    .header_top .dropdown span{ color: #fff; margin-right: 5px;font-weight: bold;letter-spacing: 1px;margin-bottom: 1px; }
    .logo_main .btn-link{ font-size: 13px; margin-bottom: -8px; }
    .header_top .btn-link{ 
        color: #fff;background-color: rgba(255,255,255,0.2); padding: 0 10px; 
        text-decoration: none;font-weight: bold;letter-spacing: 1px;
        font-size: 13px;
    }
    .header_top .dropdown .btn-link{ border-radius: 0; color: #fff;background-color: #137750; }
    .header_top .dropdown .btn-link:last-child{  background-color: #ddd; color: #333; cursor: not-allowed; }

    .header_top .btn-link:focus{ box-shadow: none; }
    .header_top .btn-link i{ font-size: 16px; }
    .logo_main .logo{ max-height: 30px; display: block; margin: -5px auto 5px; }

    .brand_title{ 
        display: flex;
        position: absolute;
        top: 10px;
        left: 50%;
        transform: translateX(-50%);
     }
    .brand_title .brand_logo img{ width: 50px; height: 50px; border-radius: 50%; overflow: hidden; }
    .brand_txt{ color: #fff; margin-left: 10px; }
    .brand_txt h3{ 
        margin: 0;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 430px;
    }

    .brand_txt h3 a{ color: #fff; }

    .brand_txt span{ 
        cursor: pointer; color: #fff; float: right; font-size: 10px;font-weight: bold;letter-spacing: 1.5px;
        padding: 0 10px;
        border-radius: 10px;
        background-color: rgba(255,255,255,0.2);
    }

    .start_order_btn{ position: absolute; right: 10px; top: 3px; color: #fff; }
    .start_order_btn a{ color: #fff; font-size: 14px; }

    .start_order_btn .cart_text{ font-size: 12px; font-weight: 600; color: #fff !important; }
    .start_order_btn i{ color: #fff !important; }

    .start_order_btn .nav>li>a{ padding: 0 10px; }

    header.sticky_nav {position: fixed;width: 100%;z-index: 9;}
    header.sticky_nav .header_top { display: none;}
    header.sticky_nav .brand_title{ position: relative; left: auto; transform: none; top: 0; }
    header.sticky_nav .brand_txt span{ color: #fff; float: left; white-space: nowrap; }
    header.sticky_nav .brand_txt h3{ font-size: 22px; max-width: 200px;}

    @media screen and (max-width: 991px) {
        .brand_txt h3{ font-size: 22px; max-width: 200px;}
        header.sticky_nav .brand_txt h3{ max-width: 107px;}
        header.sticky_nav .brand_txt{ margin-right: 10px; }
        .nice_header .search_box{ max-width: 420px; }

        .product .product-box .product-detail .detail-title .detail-left .price-title{ 
            max-width: unset; font-size: 16px !important;
            height: 40px; text-align: center;
             display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            /*display: flex;*/
            align-items: center;
            justify-content: center;
        }

        .product .product-box .product-detail .detail-title{height: auto; min-height: 90px; }
        .product .product-box .product-detail .detail-title .detail-left .price{ justify-content: center; }
        
    }

    @media screen and (min-width: 768px) and (max-width: 991px) {
        header.nice_header{ padding-top: 30px; }
        header.sticky_nav{ padding: 0; }

        .start_order_btn{ margin-right: 240px; }
        .start_order_btn a{ color: #666; }
        .start_order_btn .cart_text,.start_order_btn i{ color: #666 !important; }

        .header_top .dropdown{ position: absolute; top: 4px; right: 5px; }
        .header_top .dropdown span{ color: #666;font-size: 12px; }
        .header_top .btn-link{ color: #666; font-size: 12px; }
        .header_top .logo_main .btn-link{ color: #fff; }

        .brand_title{ transform: none; left: auto; right: 5px; top: 40px; min-width: 180px; flex-wrap: wrap; }
    }

    @media screen and (max-width: 767px) {
        .header_top .dropdown,.start_order_btn,.nice_header .search_box{ display: none; }
        .nice_header .navbar-collapse{ display: none !important; }
        .nice_header{ position: fixed; width: 100%; z-index: 99; top: 0; }
        .nice_header >.navbar{ min-height: 55px; }

        .brand_title{ transform: none; left: auto; right: 40px; }
        .brand_txt h3{max-width: 300px;}
        .nice_header .toggle_btn a{ font-size: 0; min-width: unset; }
        .logo_main .logo{ display: none; }
        .logo_main .btn-link{ margin: 0; }
        .header_top{ display: none; }
        header.sticky_nav .brand_title,.brand_title{ 
            position: absolute; top: 5px;
            left: 50%;
            right: auto;
            transform: translateX(-50%);
        }
        .brand_txt h3,header.sticky_nav .brand_txt h3 {max-width: 200px; font-size: 20px;}
        .brand_txt span {color: #ddd;float: left; margin-top: 5px; }
        .brand_title .brand_logo img{ width: 45px; height: 45px; }
        header.sticky_nav .brand_txt{ margin-right: 0; }

        .add_to_cart .cart-inner .cart_top{padding: 10px 20px;}
        .add_to_cart .cart-inner .cart_top h3{ font-size: 20px; font-weight: 400;}
        .add_to_cart .setting-block ul li{ width: 100% !important; }
        .add_to_cart .setting-block ul li a{ padding: 5px 0; }

        

        .nice_header .toggle_btn{ margin-left: 0; }

        .back_btn{ 
            position: absolute; right: 15px;
            display: block; font-size: 25px; 
            animation: moveInleft 2s ease-in-out infinite alternate;
           
        }
        .back_btn a{ color: #fff; }

        @keyframes moveInleft {
            0% {
                
                transform: translateX(0);
            }

            100% {
               
                transform: translate(-15px);
            }
        }

        

    }


/* New Header Design End */


/* Product Detail Page Design Start */

    .pro_box{ border:1px solid #ddd; border-radius: 10px; overflow: hidden; 
        display: flex; flex-wrap: wrap; justify-content: space-between;
        margin-bottom: 30px;
    }
    .pro_img_slider{ width: calc(100% - 400px); padding:10px; }
    .pro_img_slider img{ max-height: 400px; width: auto; margin: 0 auto; display: block; }
    .pro_detail_box{ padding: 20px; width: 400px; }
    .pro_title{ margin-bottom: 10px; border-bottom: 1px solid #ddd; padding-bottom: 10px; }
    .pro_title span{ font-size: 14px; color: #999; display: block; margin-top: 10px; }
    .price_box{color: #00aa02; font-weight: 500; font-size: 22px; margin: 10px 0;}
    .rating_box{ display: flex; justify-content: space-between; align-items: center; }
    .rating_box span{ font-size: 14px; color: #999; }
    .rating_box .star{ font-size: 14px; color: #f7980b; }

    .pro_img_slider .slider-right-nav{ margin: 30px 0; }
    .pro_img_slider .slick-prev::before, .pro_img_slider .slick-next::before{ color: #000; }
    .pro_img_slider .slick-prev,.pro_img_slider .slick-next{ left: 50%; transform: translateX(-50%); top: -25px; }
    .pro_img_slider .slick-next{ top: auto; right: auto; bottom: -25px; }

    .pro_img_slider .slick-prev::before,.pro_img_slider .slick-next::before {
        content: "\f077";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
    /*--adjust as necessary--*/
        color: #000;
        font-size: 18px;
        padding-right: 0.5em;
        position: absolute;
        top: 0;
        left: 0;
    }

    .pro_img_slider .slick-next::before { content: "\f078";}


    .add_cart_box{ display: flex; }
    .add_cart_box .row-custom{ display: flex; }
    .cart_btn{ flex:1; }
    .cart_btn .btn-normal{
        padding: 7px 12px;
        display: block; width: 100%; margin-left: 10px;
        background-color: #2b4290; color: #fff;
    }

    .input-number-decrement {border-right: none; border-radius: 4px 0 0 4px;}
    .input-number-increment {border-left: none;border-radius: 0 4px 4px 0;}
    .input-number {
        width: 50px;
        padding: 0 12px;
        vertical-align: top;
        text-align: center;
        outline: none;
    }
    .input-number, .input-number-decrement, .input-number-increment {
        border: 1px solid #ccc;
        height: 40px;
        user-select: none;
    }
    .input-number-decrement, .input-number-increment {
        display: inline-block;
        width: 30px;
        line-height: 38px;
        background: #00baf2;
        color: #fff;
        text-align: center;
        font-weight: bold;
        cursor: pointer;
    }

.tab-product .nav-material.nav-tabs .nav-link.active, 
.product-full-tab .nav-material.nav-tabs .nav-link.active
{
    color: #fff !important;
    background-color: var(--main_color) !important;
}

.tab-product .nav-material.nav-tabs .nav-link.active~.material-border, 
.product-full-tab .nav-material.nav-tabs .nav-link.active~.material-border{

    border-color:  var(--sub_color);
}

.space_prod .product-buttons button.btn.btn-normal{ background-color: var(--sub_color) !important; }
.input-number-decrement, .input-number-increment{background-color: var(--main_color) !important;}
.product-right h2.text-dark{color: var(--sub_color) !important;}
.product-right .product-title{ margin-bottom: 10px !important; margin-left: 0 !important; }

/* Store Locator Page Start */

.tab-design .wallet-wrapper {padding: 0px 10px 5px; box-shadow: 0 0 10px 0 #dddddd00;margin: 15px 0;}

.store_locator_header .layout-header2{ background-color: #1c3481; padding: 5px 0px; }
.store_locator_header .layout-header2 .main-menu-block .cart-block .cart i,
.store_locator_header .layout-header2 .main-menu-block .cart-block .cart-item h5{ color: #fff; }
.store_locator_header .top-header{ background-color: #00baf2; }

.store_locator_header .layout-header2 .logo-block img.img-fluid{ max-height: 58px; }

.store_locator_header span.cart_icon i,.store_locator_header span.cart_icon .cart_text{ color: #fff !important; }

.store_locator_header .layout-header2 .containerhead{ padding-right: 0; }
.store_locator_header .layout-header2 .main-menu-block{ padding: 0; }
.store_locator_header .layout-header2 .cart_wish_block{ margin: 0; flex: 1; }
.store_locator_header .layout-header2 .main-menu-block .cart-block{ margin-right: 15px; margin-left: 15px; }
.store_locator_header .layout-header2 .main-menu-block .cart-block .cart-item{ margin-left: 5px; }
.store_locator_header .layout-header2 .main-menu-block .cart-block .cart .cart-product{ top: -8px; right: -8px; }

.store_locator_header .layout-header2 .main-menu-block .input-block .input-box {display: none;}
.store_locator_header .layout-header2 .main-menu-block .logo-block { margin-right: 0px;width: 15%; }

.store_locator_header .wrapper_cart_wish{ text-align: right;min-height: 58px;align-items: center; display: flex; }

.store_locator_header .mobile-user i{ font-size: 25px; color: #fff !important; }
.store_locator_header div#userprofile{ background:none; padding: 0; margin-left: 0; }
.store_locator_header .btn-group{ vertical-align: top;margin-right: 15px;margin-left: 15px; }

.store_locator_header .profile-dropdown a{ display: flex; align-items: center; padding: 0; }
.store_locator_header .profile-dropdown i{ font-size: 25px; margin-right: 10px;color: #fff !important; }
.store_locator_header .profile-dropdown .username{ top: 0;margin-right: 5px; }

.store_locator_header .profile-dropdown > a{ min-height: 50px; display: flex !important; }
header.store_locator_header .dropdown-menu { display: none;left: auto !important; }
header.store_locator_header .dropdown:hover .dropdown-menu{ display: block; visibility: visible; opacity: 1;  }
header.store_locator_header li#profileone{ display: none; }
header.store_locator_header li#dropdownprofiile{ display: block; }




.store_locator_section .tab-pane{ padding: 0; }

.my_tabs .serchbox {display: flex;position: relative;margin-top: 0px;}
.my_tabs .searchin {
    border: 1px solid #d4d5d9;
    padding: 0;display: block;position: relative;transform: translateZ(0);
}
.my_tabs .searchinp {
    padding: 0 5px;
    border: 1px solid #bebfc5;box-shadow: none;border-radius: .25rem .25rem;
}
.my_tabs .searchinb {
    height: 40px !important;
    line-height: 28px !important;
    padding-top: 0 !important;
    padding-left: 15px !important;
    padding-right: 160px !important;
    caret-color: #fc8019;
    font-size: 14px !important;
    font-weight: 500;
}
.my_tabs ._1oTLG {height: 50px;padding-top: 0;font-size: 1.15rem;}
.my_tabs ._381fS {
    background-color: transparent;
    line-height: normal;
    border: none;
    outline: none;
    height: 70px;
    width: 100%;
    font-size: 17px;
    margin: 0;
    padding: 0 20px;
    padding-top: 22px;
    box-shadow: none;
    box-sizing: border-box;
    border-radius: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
}
.my_tabs .loc_icon {
    position: absolute;
    right: 0px;
    top: 0.5px;
    padding: 7px 10px;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    letter-spacing: -.35px;
}

.my_tabs .loc_icon {/*color: #ffffff;background: #0a89b0;*/top: 0; padding: 10px;}
.my_tabs .loc-i {margin-right: 6px;top: -1px;position: relative;}
.my_tabs .loc-text {padding-top: 0;}
.my_tabs .search {
    width: 100%;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    border: none;
    line-height: 50px;
    font-size: 14px;
    font-weight: 600;   
    padding: 0 2rem;    
    letter-spacing: 0;   
    color: #0a89b0;
    background-color: #fff;
    box-shadow: 0 0px 3px 0 rgb(10 137 176 / 52%);
    right: -7px;
    height: 42px;
    line-height: 42px;
    width: 100px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .53px;
    padding: 0;
    border-radius: .25rem .25rem;
    position: relative; z-index: 1;
}


    /*Tab Structure Design */
  .my_tabs{ 
    background-color: #fff; margin: 0 -15px; padding:0 15px;
    display: flex; flex-wrap: wrap;
    align-items: center;
  }
  .my_tabs h5{ margin: 10px 10px 10px 0; color: #222; }
  .my_tabs .nav-pills .nav-item{ margin: 10px 0 10px 0; }
  .my_tabs .nav-pills .nav-link{ 
    padding: 5px 25px; 
    background-color: #fff; color: #666; font-size: 14px; font-weight: bold;border-radius: 10px;
    /*box-shadow:0px 5px 5px #c3ccd2;*/
    border: 1px solid #cbd8e0;
  }

  .my_tabs .nav-pills li:nth-child(1) .nav-link{ border-radius: 10px 0 0 10px; }
  .my_tabs .nav-pills li:nth-child(2) .nav-link{ border-radius: 0 10px 10px 0; }


  .my_tabs .nav-pills .nav-link.active, 
  .my_tabs .nav-pills .nav-link:hover,
  .my_tabs .nav-pills .show>.nav-link{ background-color: #137750; color: #fff;border-color: #137750; box-shadow: none;  }

  .my_tabs h4{ width: 100%; color: #1c3481; margin: -10px 0 5px; }

  .wallet-wrapper.bg-white .store_locator_section{ background-color: #fff; margin-bottom: -5px; }
  .store_locator_section {background-color: #e9e9ed;}
  .store_locator_section > .tab-content { max-width: calc(100% - 165px); margin-right: 15px; flex: 1; }
  .store_locator_section .my_tabs{ margin: 0; margin-bottom: 15px; padding: 12px 15px; justify-content: space-between; align-items: flex-start; }
  .store_locator_section .my_tabs h4{ margin: 0 0 5px; text-align: center; font-size: 22px; }
  .store_locator_section .tab-content .tab-content{ max-width: unset; padding: 15px; background-color: #fff;margin-bottom: 15px; }
  .store_locator_section .add_box{ padding: 0; }

  .wallet-wrapper .store_locator_section .btn-normal {padding: 5px 5px; border-radius: 3px;margin-left: 5px;    }
  .wallet-wrapper .store_locator_section .btn-green,
  .wallet-wrapper .store_locator_section .btn-green:hover {
    background-color: #fff;box-shadow: 0 0px 3px 0 #00aa0273;
    color: #00aa02 !important;
    border:   0px solid #fff0 !important;
  }
  
  .wallet-wrapper .store_locator_section .btn-yellow,
  .wallet-wrapper .store_locator_section .btn-yellow:hover {
    background-color: #fff;         
    box-shadow: 0 0px 3px 0 #dc3545 !important;
    color: #dc3545 !important;
    border:   0px solid #fff0 !important;
  }
  
  .store_locator_section .description {margin-bottom: 20px;}
  .store_locator_section .description-sec{align-items: center;display: flex;/*margin-top: 2px;*/}
  .store_locator_section .description-sec:before{height: 200px; display: none; }
  
  .store_thum_img{ 
    position: relative; width: 100%; height: 200px; overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .store_locator_section .description-img{
    margin: 50px auto 8px; background-color: #fff; width: 90px; height: 90px;  text-align: center;
    border-radius: 45px !important;
  }
  .store_locator_section .description-img img{ border-radius: 5px;height: 100%;}

  .store_locator_section .description-con p{
    white-space: nowrap; text-overflow: ellipsis;overflow: hidden;padding: 0 10px;
    font-size: 15px;
  }

  .store_locator_section .disc_btn{ display: flex; justify-content: center; }
  .store_locator_section .disc_btn .btn{ margin-bottom: 0; }

  .store_locator_section .description-data{
        display: block;
        margin: 0;
        box-shadow: 0 5px 15px #b1baca;
        align-items: center;
        transition: 0.5s;    
        background-color: #fff;
        border-radius: 0.5rem 0.5rem;
        position: relative;
        height: 100%;
   }

   .store_locator_section .description-data:hover{box-shadow: 0 5px 15px #b1baca;transition: 0.5s;}
   
   

  .cate_list_box { 
    border-top: 1px solid #e9e9eb;
    padding: 8px 10px;
    font-size: 13px; text-align: center;
    display: flex; justify-content: space-between;
  }
  .cate_list_box .more_btn{ 
    position: relative; 
    margin-left: 10px; padding-left: 15px;
    font-weight: bold; min-width: 50px; color: #1c3481 !important;
  }
  .cate_list_box .more_btn:before{
    content: "\f100";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #1c3481;
    font-size: 15px; font-weight: bold;
    padding-right: 0.5em;
    position: absolute;
    top: -2px;
    left: 0;
  }
  .cate_list_box .more_btn:after{ display: none; }
 
 .cate_list_box .dropdown-menu{box-shadow: -2px 5px 15px #848a9e;border-radius: 5px; position: relative; top: -5px !important;}
 .cate_list_box .dropdown-menu:after {
      content: ""; display: table;
      width: 0;
      height: 0;
      position: absolute; bottom: -10px; right: 10px;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-top: 10px solid #fff;
    }
 .dropdown-menu .cate_list{ padding:5px 10px; }
 .dropdown-menu .cate_list span{ display: block; text-align: left; }
 .dropdown-menu .cate_list span:before{ top: 4px; }



  .cate_list { flex: 1; text-align: center; white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
  .cate_list span{ position: relative; padding-left: 12px; margin-right: 10px; }
  .cate_list span:before{
    content: "\f111";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #1c3481;
    font-size: 7px;
    padding-right: 0.5em;
    position: absolute;
    top: 2px;
    left: 0;
  }

  .store_locator_section .my_tabs .nav-pills{ flex: 1; }

  .tab-content .my_tabs .nav-pills .nav-item{ margin: 10px 0 0 5px; }
  .tab-content .my_tabs .nav-pills .nav-link{
    border-radius: 15px !important; padding: 2px 15px; 
    background-color: #edf0f2; color: #666; font-size: 9px;line-height: 22px; font-weight: bold; box-shadow: none; border:1px solid #d8e3ea;
  }
  .tab-content .my_tabs .nav-pills .nav-link.active, 
  .tab-content .my_tabs .nav-pills .nav-link:hover, 
  .tab-content .my_tabs .nav-pills .show>.nav-link{ background-color: #00baf2; color: #fff;  }

  .tab-content .my_tabs .dropdown .btn{border-radius: 15px;
    padding: 5px 15px;
    background-color: #1c3481;border: 1px solid #1c3481;/*box-shadow: 0px 5px 5px #c3ccd2;*/
    color: #fff;
    font-size: 12px; text-transform: uppercase;
    line-height: 18px;
    font-weight: bold;
    margin: 5px 0 0;
}

  .wallet-wrapper .collection_thum{/*background-color: #1c3481;*/margin: 10px -10px;padding: 20px 0;}
  .wallet-wrapper .collection_thum .collection-banner-main{border: 3px solid #ccc;}

  .serchbox .search { background-color: #00baf2; color: #fff;}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .my_tabs .nav-pills .nav-link{ padding: 5px 20px; }

}
 @media screen and (max-width: 767px) {
    .my_tabs .nav-pills{ margin: 0 auto; }
    .my_tabs .nav-pills .nav-item{ margin: 10px 0 0; }
    .my_tabs > div{ margin: 0 !important;width: 100%; }
    .my_tabs .serchbox{ flex-wrap: wrap; }
    .my_tabs .serchbox > div{ width: 100%; }
    .my_tabs .serchbox .search{ width: 80%; max-width: 226px; right: 0; margin: 10px auto 0; }
    .search_box .tab_m .col-md-12{ padding: 0; }

    .store_locator_section .my_tabs .dropdown{ width: auto; }

    .store_locator_header .top-header .top-header-right .language-block{ margin-left: 0; width: 100%; }
    .store_locator_header .top-header .top-header-right .language-block ul{ width: 100%; display: flex; justify-content: flex-end;}
    .store_locator_header .top-header .top-header-right .language-block li a{ padding: 0 5px; padding-left: 0; }
    .store_locator_header .top-header .top-header-right .language-block li:last-child a{ padding-right: 0; }

    .layout-header2 .main-menu-block .logo-block{ min-width: unset; }

    .magnifier,.cursorshade,.statusdiv,.tracker{ display: none !important; }


  }





/* Popup Design Start */

.modal-content .modal-header {
    padding: 15px 15px;
    text-align: center;
    background-color: var(--main_color);
}
.modal-header .close{ color: #fff; opacity: 1; text-shadow: none; }
.modal-body{background-color: #f5f5f5; }
.modal-footer{ padding: 15px; background-color: #f5f5f5; }
.modal-footer .btn{ padding: 5px 30px; border-radius: 15px; font-size: 14px; }

.modal-content .modal-header h3.heading{ color: #fff; }
.modal-body span.date{ color: var(--main_color); }
.modal-footer .enabled{background-color: var(--main_color);}

.modal-footer .enabled.btn-danger{background-color: #dc3545;}
.modal-footer .enabled.btn-success{background-color: #1e7e34;}



/* New Design Timeslot 31/12/2020 */

.my_timeslot .owl-carousel{ padding: 0 35px; margin-top: -15px;border-bottom: 1px solid #cccc; }

.my_timeslot .owl-carousel.owl-theme .owl-nav button{
    background: #1c3481; width: 30px; height: 30px;
    display: flex; justify-content: center; align-items: center;
}

.my_timeslot .owl-carousel.owl-theme .owl-nav button i{ padding: 0; margin: 0; }

.my_timeslot .owl-carousel.owl-theme .owl-nav button.owl-prev{ left: 0; }

.my_timeslot .owl-carousel.owl-theme .owl-nav button.owl-next{ right: 0; }



.my_timeslot .card-view-wrap{padding: 15px 5px;}
.my_timeslot .card-view{ background-color: #edf0f2; padding: 5px; border-radius: 10px;box-shadow: 0 5px 10px #ccc; }
.my_timeslot .card-view .day{  font-size: 18px; line-height: 22px; }
.my_timeslot .card-view .date{  font-size: 14px; line-height: 14px; }
.my_timeslot .card-view:hover, .my_timeslot .card-view.active{background-color: #1c3481; outline: none; color: #ddd !important;}
.my_timeslot .card-view:hover .day, .my_timeslot .card-view.active .day{ color: #fff !important;}

.my_timeslot .description-data{
    width: 31.3%; min-height: 62px;
    background-color: #edf0f2; border:1px solid #ccc; box-shadow: none;
    display: inline-block; position: relative; padding: 10px; padding-right: 84px;
    margin: 10px 1%;
}

.my_timeslot .description-data .ml-auto{ position: absolute; right: 10px;top: 50%;transform: translateY(-50%); }
.my_timeslot .description-data .ml-auto .btn-normal {padding: 8px 12px;border-radius: 8px;}
.my_timeslot .description-data .ml-auto .btn-danger,
.my_timeslot .description-data .ml-auto .btn-success{padding: 8px 12px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
}

.my_timeslot .description-data label{ margin-bottom: 0; margin-top: 5px;padding: 0 !important; }
.my_timeslot .description-data .picup_title{ font-size: 18px; margin: 8px 0 !important; }

.delivery_txt{ display: flex; justify-content: space-between; align-items: center;padding: 10px 15px 5px; }
.delivery_txt .picup_title,.delivery_txt .btn-customs{ margin: 0; }

.tab-design.tab-back{ margin-bottom: 20px; }

.reserve_slot{border-color: #5abf98 !important;background-color: #edfbf5 !important;}
.close_slot{border-color: #ff9ca6 !important; background-color: #fff1f2 !important;}

.my_timeslot  #slots_details{ display: flex; flex-wrap: wrap; }
.my_timeslot .picup_title, .my_timeslot .row.display_content{ flex-basis: 100%; margin: 0; }

@media only screen and (max-width: 1024px) {

  .my_timeslot .description-data{padding-right: 80px;}
  .my_timeslot .description-data .ml-auto .btn-normal{padding: 8px;}
  .description-data h5.time{ font-size: 15px; }

}

@media only screen and (max-width: 991px) {

  .my_timeslot .description-data{width: 48%;}

}


@media only screen and (max-width: 575px) {

  .my_timeslot .description-data{width: 100%;padding-right: 94px; margin: 10px 0;display: block;}

}


/* Add Section Start */
.bn-lg-sidebar {
    width: 100%;
    min-width: unset; width: 100%;
    min-height: 250px;
    position: relative;
    float: left;
    text-align: center;
    display: block;
}
.bn-lg-sidebar img{ width: 100%; }
.bn-sm-sidebar {
    display: none;
    width: 100%;
    min-width: 250px;
    min-height: 250px;
    position: relative;
    float: left;
    text-align: center;
}

@media only screen and (max-width:767px) {
    .bn-sidebar-160 {display: none;}
    .bn-sm-sidebar { display: block;}
    .bn-lg-sidebar {display: none;}
}


/* Thumbnail Slider with Arrow */

.add_arrow .slick-prev,.add_arrow .slick-next {
    height: 30px;width: 30px; top: 45%;
    background: var(--main_color);color: #fff;border-radius: 50%;
    z-index: 9; opacity: 0; transition: all 0.3s ease-in-out;
}
.add_arrow:hover .slick-prev,.add_arrow:hover .slick-next { opacity: 1; top: 38%; }

.add_arrow .slick-prev {left: 10px;}
.add_arrow .slick-next {right: 10px;}
.add_arrow .slick-prev:before, .add_arrow .slick-next:before {
    content: "\f053";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    opacity: 1;
/*--adjust as necessary--*/
    color: #FFF;
    font-size: 18px;
    position: absolute;
    top: 7px; left: 6px;
}

.add_arrow .slick-next:before{content: "\f054"; left: 9px;}

.add_arrow .slick-prev:hover, .add_arrow .slick-prev:focus, .add_arrow .slick-next:hover, .add_arrow .slick-next:focus {
    outline: none;
    background: var(--main_color);
    color: #fff;
}

/* Category Page Start */

.creative-card.creative-inner{ padding: 12px; }
.price-filter-inputs .row-price-inputs{ display: flex; justify-content: space-between; align-items: flex-end !important; margin: 0; }
.price-filter-inputs .col-price-inputs{  margin: 0; padding: 0; padding-right: 5px;}
.price-filter-inputs .col-price-inputs.text-left{ padding: 0; max-width: 38px; }

.price-filter-inputs button.btn.btn-normal.btn-filter-price.float-left{ margin: 0; }


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

    .price-filter-inputs .col-price-inputs.text-left{ max-width: 30px; }
    .price-filter-inputs button.btn.btn-normal.btn-filter-price.float-left{ padding: 10px 5px !important; min-width: 30px; }

    .collection-brand-filter{ margin-bottom: 15px; }

}

/* All Media Query */


@media (min-width: 1680px) {
    .custom-container {
        max-width: 1650px;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto
    }
    .container {max-width: 1110px}

}

@media (max-width: 1679px) {
    .top-header .top-header-right .top-menu-block {
        display: none;
    }
    .theme-slider .slider-banner .layout2-slide-1 li {width: 600px;}
    .theme-slider .offset-xl-2 {/*margin-left: 270px;*/ margin-left: 160px;}
    .collection-banner .offset-xl-2 {margin-left: 270px;}

    /* Option - 4 */
    .layout-4-collection>div:last-child {display: none;}
    .hot-4>div:first-child {flex: 0 0 19%;max-width: 19%;}
    .hot-4>div:nth-child(2) {flex: 0 0 62%; max-width: 62%;}
    .hot-4>div:last-child {flex: 0 0 19%;max-width: 19%;}
    .hot-4 .media-banner { padding: 20px;}
    .hot-4 .hot-deal .hot-deal-contain {padding: 30px;}

}

@media (max-width: 1470px) {
    .custom-container {
        max-width: 1440px;
        padding-right: 30px;
        padding-left: 30px;
        
    }
    
    .theme-slider .offset-xl-2 { max-width: calc(100% - 160px);}
    .theme-slider .offset-xl-2 .slider-img img{ min-height: 370px; }

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

    .collection_thum .collection-img{ height: 200px; }

    .hot-deal.space-abjust .hot-deal-contain {padding: 45px 20px;}

    .Jewellery-banner {padding: 30px;}
    .offer-banner {display: none;}
    .collection-layout1>div:first-child { max-width: 29.5%;}
    .collection-layout1>div:nth-child(2) {max-width: 29.5%;}
    .theme-slider .slider-banner.slide-banner-1 div li img { width: 60%;}
    .theme-slider .slider-banner.slide-banner-1 .layout1-slide-1 li:nth-child(2) img,
    .theme-slider .slider-banner.slide-banner-1 .layout1-slide-2 li:nth-child(2) img,
    .theme-slider .slider-banner.slide-banner-1 .layout1-slide-3 li:nth-child(2) img {
        margin: 0 0 0 auto;
    }

    /* Option - 4 */
    .layout-4-collection>div {flex: 0 0 43.9%; max-width: 43.9%;}
    .hot-4 .media-banner .media-banner-box .media img {border: 1px solid #ddd; width: 60px;}
    .hot-4 .media-banner.media-banner-2 .media-banner-box {margin-bottom: 10px;}
    .hot-4 .media-banner .media-banner-box .media .media-body .media-contant{ height: 87px; }
    .layout-4.hot-deal .hot-deal-contain .hotdeal-right-nav img {height: 100px;}




}



@media (max-width: 1199px){
    /* Popup Design */
    .theme-modal#exampleModal .offer-content{
        background-color: #fff;
        background-image: url(../images/modal-popup/Genaral.png);
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-left: 0;
        min-height: 400px;
        padding-right: 0;
        background-size: cover;
    }

    /* Brand Section */
    .brand-panel .brand-panel-contain ul li:first-child {
        display: block;
        text-align: center;
        border: 0;
        border-bottom: 2px solid var(--main_color);
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin: 0 auto;
        margin-bottom: 10px;
        font-size: 16px;
    }
    .brand-panel .brand-panel-contain ul li:nth-child(2) {display: none;}

    /* Banner Slider */
    .theme-slider .slider-banner.slide-banner-1 .slider-img {/*height: 250px;*/}
    .theme-slider .slider-banner.slide-banner-1 div li img {width: 50%;}
    .theme-slider .slider-banner.slide-banner-1 .layout1-slide-1 li:nth-child(2) {
        right: 20px;
        left: unset;
        top: 0;
    }

    .theme-slider .slider-banner.slide-banner-1 .slider-banner-contain .btn-normal {
        padding: 10px 20px;
    }

    .theme-slider .slider-banner.slide-banner-1 .slider-banner-contain h1{ font-size: 30px; }
    .theme-slider .slider-banner.slide-banner-1 .slider-banner-contain h4{font-size: 16px;padding-bottom: 15px;}
    .theme-slider .slider-banner.slide-banner-1 .slider-banner-contain h2{font-size: 20px;}

    /* Collection Banner Thum */
    .collection_thum .collection-img{ height: 140px; }
    .collection_thum h3{font-size: 18px !important;}
    .collection_thum h4{font-size: 22px !important;}
    .collection_thum.add_banner .collection-img{ height: 150px; }
    .collection_thum.add_banner h3{ font-size: 18px; margin-bottom: 10px; }
    .collection_thum.add_banner h4{ font-size: 32px; }
    .collection_thum .shop a.btn-normal{padding: 8px 25px;}

    .collection_thum .collection-banner-contain{ padding: 0 20px !important; }

    /* Deal Banner */
    .deal-banner{ text-align: center; padding: 30px 0; }
    .deal-banner .deal-banner-containe h2{ margin-bottom: 10px; }
    .deal-banner .deal-banner-containe h1{ margin-bottom: 15px; }
    .deal-banner .deal-banner-containe .deal-btn{ justify-content: center; }
    .btn-white{ padding: 12px 40px; }

    /* Rounded Category */
    .rounded-category {padding: 30px 0 15px;}

    /* Hot Deal Section */
    .hot-deal .hot-deal-contain .hotdeal-right-nav img{ width: 65px; height: auto; }
    .hot-2>div:nth-child(2) {margin-bottom: 15px;}

    .hot-deal.space-abjust .hot-deal-contain {padding: 83px 20px; min-height: 506px;}
    
    /* Footer Section */
    .footer-2 .footer-main-contian .footer-left {
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 30px;
        border-bottom: 1px solid #ddd;
        text-align: center;
    }
    .footer-2 .footer-right {padding-top: 0;padding-left: 0;border-left: none;}
    .footer-2 .subscribe-section{ padding: 30px 0; }
    .account-right{ padding: 30px 0 30px 0; }
    .app-link-block .app-link-bloc-contain{flex-direction: column; align-items: center;}
    .app-link-block .app-item-group .sosiyal-block{margin-top: 20px;}

    /* Layout Option 02 */
    .collection-layout1>div {max-width: 33.333% !important;}
    .collection-banner .offset-xl-2{ margin-left: 0; }
    .collection-banner .pl-md-0 {flex: 0 0 33.33333%;max-width: 33.33333%;}
    .theme-slider .offset-xl-2 {max-width: 75%;margin: 0; margin-left: 160px;}
    .offer-banner {display: inline-block;}
    .theme-slider .offset-xl-2 .slider-banner .slider-banner-contain{ padding: 0 70px; justify-content: flex-start; }

    .theme-slider .slider-banner .slider-img{ height: 350px; }

    .offer-banner-img img{ height: auto; }

    .theme-slider .slider-banner .layout2-slide-1 li {width: 450px;}
    .theme-slider .slider-banner .slider-banner-contain h4{ font-size: 18px; }
    .theme-slider .slider-banner .slider-banner-contain h1{ font-size: 45px; }
    .theme-slider .slider-banner .slider-banner-contain h2{ font-size: 24px; }

    .offer-banner .banner-contain h5{font-size: 13px;margin-bottom: 10px;}

    .collection_thum.option_02 .collection-banner-contain{ padding: 0 20px; }
    .collection_thum.option_02 h3, .collection_thum.option_02 h4{ font-size: 16px; }
    .collection-banner-main.p-top.banner-6 .collection-img {
        background-size: contain !important;
        background-position: right top !important;
        background-repeat: no-repeat !important;
        background-color: #fff !important;
    }

    .hot-1>div:first-child { padding-left: 0;}
    .hot-1>div:last-child {padding-left: 0;padding-right: 0;}
    

    .title1{ padding: 30px 0; }
    .newsletter .subscribe-block .input-group input{ width: 220px; }
    .newsletter .subscribe-block .btn-normal {text-transform: uppercase;padding: 18px 30px;}
    .newsletter .subscribe-block .input-group span{ padding: 0 25px; }

    .footer-1 .logo-contain {text-align: center;}
    .footer-1 .logo-contain .logo-detail:before {background-color: transparent;}
    .footer-1 .logo-contain .logo-detail{ padding: 0; margin-top: 20px; }
    .footer-1 .logo-contain .logo-block{ padding: 0; }
    .footer-1 .logo-contain .logo-detail p{ margin-left: 0; }

    .footer-1 .footer-box .footer-sub-box.footer-contant-box {margin-left: 25px;}
    .footer-1 .footer-box .footer-sub-box .footer-contant ul li {margin-right: 12px;}

    /* Layout Option 03 */
    .layout-3-hotdeal>div{ padding-left: 15px !important; padding-right: 0;  }
    .layout-3-hotdeal>div:nth-child(2),.layout-3-hotdeal>div:nth-child(3){ padding-right: 15px;}
    .layout-3-hotdeal>div:nth-child(4){order: -1;}

    .layout-3-hotdeal .hot-deal .hot-deal-contain1{ margin-top: 15px; }

    .theme-slider .slider-banner.slide-banner-2 .slider-banner-contain .sub-contain{
        min-width: 250px;
        padding: 30px;
    }
    .theme-slider .slider-banner.slide-banner-2 .slider-banner-contain .sub-contain h4{font-size: 14px;}
    .theme-slider .slider-banner .slider-banner-contain h1 {font-size: 32px;padding-bottom: 14px;}
    .theme-slider .slider-banner.slide-banner-2 .slider-banner-contain .sub-contain span{
        font-size: 16px;
        margin-bottom: 10px;
    }

    .theme-slider .slider-banner.slide-banner-2 .layout3-slide-1 li {width: 220px;}
    .collection_thum.option_03 .collection-banner-main.banner-2 .collection-img{ height: 130px; }
    .collection_thum.option_03 .collection-banner-main.banner-3 .collection-img{ height: 275px; }
    .collection_thum.option_03 .collection-banner-main.banner-4 .collection-img{ height: 130px; }
    .collection_thum.option_03 .collection-banner-contain{ padding: 0 20px; }
    
    .collection5>div{ margin-top: 15px; }

    .collection-layout3 .collection5>div {margin-top: 0;}

    .footer-3 .sosiyal-footer .sosiyal-contain>div:nth-child(2){ order: 3; }
    .footer-3 .sosiyal-footer .subscribe-section { padding-top: 40px;}
    .footer-3 .sosiyal-footer .subscribe-section .subscribe-block .input-group {margin-top: 20px;}

    /* Layout Option 04 */

    .slider-layout-4 .slider-slide {max-width: 100%;margin-left: 0;}
    .theme-slider .slider-banner .slider-banner-contain{padding: 40px;}
    .theme-slider .slider-banner.slide-banner-3 .layout4-slide-1 li {width: 380px;}

    .slider_04 h5{font-size: 16px;padding-bottom: 0;}
    .slider_04 h3{font-size: 25px;padding-bottom: 5px;}
    .slider_04 h1{font-size: 35px;padding-bottom: 10;}
    .slider_04 .slider-banner.slide-banner-3 .slider-banner-contain h2{font-size: 16px;}

    .collection_thum.option_04 .collection-banner-contain{ padding: 0 20px; }
    .collection_thum.option_04 h3, .collection_thum.option_04 h4{ font-size: 16px; }

    .layout-4-collection>div{flex: 0 0 50%;max-width: 50%;}
    .layout-4-collection>div:first-child {padding-right: 0;margin-left: 0;}
    .layout-4-collection>div:nth-child(2) {padding-right: 15px;padding-left: 15px;}

    .pr-lg-0, .px-lg-0 {padding-right: 15px !important;}

    .hot-4>div:last-child, .hot-4>div:first-child{
        flex: 0 0 50%;margin-bottom: 15px;order: -1;
        max-width: calc(50%);
        margin-left: 0;
    }
    
    .hot-4>div:nth-child(2) {flex: 0 0 100%;max-width: 100%;}
    .layout-4-collection>div {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .collection_thum .collection-img { height: 170px;}

    /* Layout Option - 5 */

    .theme-slider .slider-banner.slide-banner-4 .layout5-slide-1 li {
        width: 55%;
        right: 50px;
    }

    .hot-deal .hot-deal-contain .hot-deal-center .timer p {margin-bottom: 0;}

    /* About Popup Design */

    #about_us .modal-lg{ max-width: 90%;margin: .5rem auto; }
    

}

@media (max-width: 1024px){
    .store_locator_header #content-mobile {display: none !important;}
}


@media (max-width: 991px){

    /* Layout Option - 2*/
    
    .hot-deal .hot-deal-contain1 { margin-top: 15px; }
    .collection-layout3>div:nth-child(2) {padding-right: 15px;}
    .collection5>div {margin-top: 15px;}

    .hot-deal.space-abjust .hot-deal-contain {padding: 20px; min-height: unset;}
    .theme-slider .slider-banner.slide-banner-4 .slider-img {height: 400px;}

    .media-banner{ padding: 25px; }


    .store_locator_section .col-lg-4.description{ width: 50%; }
    .store_locator_section .disc_btn .btn{ margin: 5px 2px 0; }

    .store_locator_header .wrapper_cart_wish{ margin-right: 0; }
    .store_locator_header .wrapper_cart_wish #rightbutton{ left: 0; }
    .store_locator_header .layout-header2 .main-menu-block .cart-block{ margin: 0; margin-left: 15px; }
    .store_locator_header .btn-group{margin: 0; margin-left: 15px;}

    /* Product Detail Page */
    .pro_detail_box{ width: 330px; padding: 20px 10px; }
    .pro_img_slider{width: calc(100% - 330px);}
    .product-right .product-buttons a{padding: 13px 10px;}
    .product-right .product-buttons a:last-child {margin-left: 5px;}

    .add_cart_box .space_prod,.whish_icon_list ul li{ margin-left: 5px; }

}

@media (min-width: 768px){
   .pl-md-0, .px-md-0,.p-l-md-0 {padding-left: 0 !important;}
   .p-r-md-0{ padding-right: 0; }

}


@media (max-width: 767px){

    body{ padding-top: 57px; }

    .hot-deal .hot-deal-contain .hotdeal-right-slick img{ max-width: 100%; width: auto; }

    /* Store Locator Section */
    .store_locator_header{ position: fixed; top: 0; width: 100%; z-index: 9; }
    .store_locator_header .layout-header2 .cart_wish_block{ display: none; }
    .store_locator_section .tab-content{ max-width: 100%; margin: 0; }

    .store_locator_header + section{ margin-top: 17px; }


    /* Footer Menu For Mobile Start */

    .mobile-fix-optiont {
        overflow: hidden !important;
        position: fixed;
        bottom: 0;
        left: 0;
        height: 45px;
        min-width: 100%;
        z-index: 9;
        background-color: var(--sub_color);
    }

/*    div#content-mobilet {display: none !important;}*/
    .layout-header2 .main-menu-block .cart-block .mobile-cart {
        position: fixed;
        bottom: 14px;
        right: 80%;
        color: #fff !important;
        z-index: 9;
        font-size: 18px !important;
        line-height: 0.8;
    }
    .layout-header2 .main-menu-block .cart-block .mobile-cart {left: 16%;}
    .layout-header2 .main-menu-block .cart-block .mobile-cart i {color: #fff; font-size: 20px !important;}
    .cart ul li small {
        font-size: 10px;
        font-weight: 400;
        display: flex;
        margin-bottom: -9px;
        padding-top: 5px;
        text-align: center;
        margin-left: -5px;
        color: #fff;
    }
    .category-header-2 .navbar-menu .category-left .icon-block ul li i {
        font-size: 18px !important;
    }

    .setting-block li{ text-align: left !important; }

    .cart ul li span{
        background-color: var(--main_color);
        left: 50%;
        right: auto;
        transform: translateX(-50%);
        margin-left: 12px;
        top: 2px;
    }
    li.mobile-cart span{ box-shadow: 0 3px 5px #071442;}
    li.mobile-wishlist span {
        background-color: var(--main_color);
        box-shadow: 0 3px 5px #071442;
        color: #fff;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 auto;
        font-size: 11px;
        position: absolute;
        top: 2px;
        right: -10px;
    }

     /* Footer Menu For Mobile End */

     .custom-container { padding-right: 15px; padding-left: 15px;}

     /* Collection Banner Start */
     .collection2>div:first-child, .collection2>div:nth-child(2){margin-bottom: 15px;}
     .collection2>div:first-child, .collection2>div:nth-child(2) {
        padding-right: 15px;
        padding-left: 15px;
     }

     .collection_thum h4{ font-size: 20px !important; }


     /* Collection Banner End */

     /* Product Detail Page */
     .pro_img_slider{width: 100% !important;}
     .pro_detail_box{ margin: 0 auto; width: 100%; }
     .add_cart_box{ max-width: 400px;margin: 0 auto 10px;}

     .pro_detail_box .product-right h3{ font-size: 30px; }


     .creative-card.creative-inner{ padding: 10px; }
     .tab-product .nav-material.nav-tabs .nav-item .nav-link, 
     .product-full-tab .nav-material.nav-tabs .nav-item .nav-link{
        padding: 10px 7px 10px 7px;
        font-size: 12px;
     }


     .contact-banner .contact-banner-contain{
        display: unset;
        text-align: center;
     }



}

@media (min-width: 576px){
  .store_locator_header .top-header{padding: 0px 0 !important;}

  .deal-banner .container {max-width: 1140px;}
}


@media (max-width: 767px){
     .store_locator_header .top-header{padding: 0 0 0 !important;}
     .footer-2 .footer-main-contian .footer-right .account-right .footer-box .footer-title:before{ display: none; }

     ol.breadcrumb{ margin-bottom: 0; }
     .breadcrumb-main +.rounded-category { padding-top: 5px; }

     .my_timeslot .card-view-wrap {padding: 0 5px 15px;}
     .category-header-2#content-mobilet .navbar-menu{ z-index: 99; }
     .deal-banner .deal-banner-containe .deal-btn{ margin-top: 0; }

     .product-wrapper-grid .col-sm-6{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-right: 15px;
      }

      .product-wrapper-grid .col-sm-6:nth-child(2n){ padding-right: 15px; padding-left: 0; }

}

@media (max-width: 600px){
    .about_list li{ width: 100%; margin-bottom: 10px; }

}

@media (max-width: 575px){
  /* Product Tab Structure Start */
    .tab-product-main .tab-prodcut-contain ul li {
        margin: 3px 1px;
        border: 1px solid;
        padding: 2px 12px;
    }
    .tab-product-main .tab-prodcut-contain ul li.current {border-color: #00baf2;}

  /* Product Tab Structure End */

  .store_locator_header .top-header {/*padding: 0px 0 !important;*/}

  .store_locator_section .col-lg-4.description{ width: 100%; }
  .store_locator_section .description-data{ max-width: 350px; margin: 0 auto; }
  .store_locator_section .my_tabs{ margin-bottom: 0; padding: 10px; }
  .store_locator_section .my_tabs .nav-pills{ flex-basis: 100%; justify-content: center; }
  .store_locator_section .my_tabs .nav-pills .nav-link{ padding: 2px 10px; }
  .store_locator_section .my_tabs .dropdown{ width: 100%; text-align: center; }

   /* Product Detail Page */
     .pro_img_slider .slider-right-nav.slick-slider {width: 100% !important; padding: 0 30px;}
     .pro_img_slider .slider-right-nav.slick-slider .slick-track { justify-content: center; }
     .pro_img_slider .slider-right-nav.slick-slider .slick-slide{ width: auto !important; }
     .pro_img_slider .slider-right-nav.slick-slider .slick-slide > div, 
     .pro_img_slider .slider-right-nav.slick-slider .slick-slide > div > div{ height: auto; }

     .pro_img_slider .slider-right-nav.slick-slider img { max-width: 70px; }

    .pro_img_slider .slick-prev, .pro_img_slider .slick-next{
        top: 50%; left: 10px;
        transform: translate(0,-50%);
    }
    .pro_img_slider .slick-next{ left: auto; right: 0; }
    .pro_img_slider .slick-prev::before{content: "\f053";}
    .pro_img_slider .slick-next::before { content: "\f054";}


    .footer-2 .footer-main-contian .footer-right{ padding: 30px 0; }
    
    div#content-mobilet{ /*margin-top: -30px;*/ }

    .pro_img_slider .slider-right-nav{ margin: 0; }

}

@media (max-width: 500px){
    .delivery_txt{ flex-direction: column; align-items: center; }
    .delivery_txt .picup_title{ margin-bottom: 10px; }
    .delivery_txt .ml-auto{ margin: 0 !important; }
}

@media (max-width: 400px){
    .whish_icon_list {width: 100%;margin-top: 10px;}
    .whish_icon_list ul{width: 100%;justify-content: space-between;}
    .whish_icon_list ul li{margin-left: 0;flex-basis: 49%;}
    .whish_icon_list li a{ width: 100%; }
    .whish_icon_list li a.btn.btn-normal{padding: 10px 5px !important;}
    .whish_icon_list li a:after{ content: "Whishlist";color: #666; margin-left: 5px; font-size: 12px; }
    .whish_icon_list li:last-child a:after{ content: "Ask a Question"; }

    .about_tab .nav-tabs .nav-link{font-size: 12px;padding: 5px;}
    .brand_txt span{ margin-top: 4px; }

    
}

@media (max-width: 350px){

    .product-wrapper-grid .col-sm-6{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        
      }

    

}