/** Shopify CDN: Minification failed

Line 24:0 Unexpected "$"
Line 24:13 Unexpected "{"
Line 24:23 Expected ":"
Line 24:43 Unexpected ";"
Line 27:11 Unexpected "{"
Line 27:21 Expected ":"
Line 27:32 Unexpected ";"
Line 28:14 Unexpected "{"
Line 28:24 Expected ":"
Line 28:38 Unexpected ";"
... and 271 more hidden warnings

**/
@font-face {
    font-family: 'fontawesome';
    src: url('fontawesome-webfont.woff2') format('woff2'),
        url('fontawesome-webfont.woff') format('woff'),
        url('fontawesome-webfont.ttf') format('truetype');
}

/* Font size */
$font_size: {{ settings.body_font_size }}px;    
                            
/* Color */
$body_bg: {{ settings.body_bg }};
$body_color: {{ settings.body_color }};
$link_color: {{ settings.link_color }};
$link_color_hover: {{ settings.link_color_hover }};

/* Breadcrumb */
$breadcrumb_color : {{ settings.breadcrumb_color }};
$breadcrumb_text_transform : {{ settings.breadcrumb_text_transform }};

/* Header and Title */
$page_title_font_size: {{ settings.page_title_font_size }}px;
$page_title_color: {{ settings.page_title_color }};
$page_title_text_align : {{ settings.page_title_text_align }};  

/* Product  */
$product_text_transform : {{ settings.product_name_text_transform }};
$product_name_text_align : {{ settings.product_name_text_align }};  
$color_title_pr: {{settings.color_title_product}};
$color_title_pr_hover: {{settings.color_title_product_hover}};
$color_vendor : {{ settings.color_vendor }};
$new_text : {{ settings.new_text }};
$bg_new : {{ settings.bg_new }};
$sale_text : {{ settings.sale_text }};
$bg_sale : {{ settings.bg_sale }};
$custom_label_text : {{ settings.custom_label_text }};
$custom_label_bg : {{ settings.custom_label_bg }};
$sold_out_text : {{ settings.sold_out_text }};
$bg_sold_out : {{ settings.bg_sold_out }};
$color_price: {{ settings.color_price }};
$color_price_sale: {{ settings.color_price_sale }};
$color_compare_price: {{ settings.color_compare_price }};
$color_quick_view: {{ settings.color_quick_view }};
$color_wishlist: {{ settings.color_wishlist }};
$border_wishlist: {{ settings.border_wishlist }};
$color_compare: {{ settings.color_compare }};

/* Show Reviews  */
$no_reviews : {{ settings.color_no_reviews }};
$has_reviews : {{ settings.color_has_reviews }};

/* Button 1 */
$background_1: {{ settings.btn_1_bg_color }};
$color_1 : {{ settings.btn_1_text_color }};
$border_1 : {{ settings.btn_1_border_color }};

/* Button 1 Hover*/
$background_1_hover: {{ settings.btn_1_bg_color_hover }};
$color_1_hover : {{ settings.btn_1_text_color_hover }};
$border_1_hover : {{ settings.btn_1_border_color_hover }};
            
/* Button 2 */
$background_2: {{ settings.btn_2_bg_color }};
$color_2 : {{ settings.btn_2_text_color }};
$border_2 : {{ settings.btn_2_border_color }};

/* Button 2 Hover*/
$background_2_hover: {{ settings.btn_2_bg_color_hover }};
$color_2_hover : {{ settings.btn_2_text_color_hover }};
$border_2_hover : {{ settings.btn_2_border_color_hover }};

/* Button 3 */
$background_3: {{ settings.btn_3_bg_color }};
$color_3 : {{ settings.btn_3_text_color }};
$border_3 : {{ settings.btn_3_border_color }};

/* Button 3 Hover*/
$background_3_hover: {{ settings.btn_3_bg_color_hover }};
$color_3_hover : {{ settings.btn_3_text_color_hover }};
$border_3_hover : {{ settings.btn_3_border_color_hover }};


/* Border Color */
$border_widget_title : #e0e0e0;
$border_color_1 : #ebebeb;
$border_color_2: #e8e8e8;
$border_page_title: #eaeaea;
$border_input: #cbcbcb;
$border_checkbox: #d0d0d0;
$border_dropdown: #dadada;
$border_bt_sidebar: #e6e6e6;
$color_ipt: #3c3c3c;
$color_icon_drop: #3c3c3c;

/* Slick Color */
$color_slick_arrow: {{ settings.slick_arrow_color }};
$background_slick_arrow: {{ settings.slick_arrow_background }};
$border_slick_arrow: {{ settings.slick_arrow_border }};

$background_slick_dots: {{ settings.slick_dots_background }};
$border_slick_dots: {{ settings.slick_dots_border }};
$background_slick_dots_active: {{ settings.slick_dots_background_active }};
$border_slick_dots_active: {{ settings.slick_dots_border_active }};

/* Text Field */
$color_text_field_label: {{ settings.color_text_field_label }};
$color_text_field_text: {{ settings.color_text_field_text }};
$color_text_field_border: {{ settings.color_text_field_border }};
$color_text_field_placeholder: {{ settings.color_text_field_placeholder }};

/* Mixin ================= */

/* transform */
@mixin transform($transforms) {
    -moz-transform: $transforms;
    -o-transform: $transforms;
    -ms-transform: $transforms;
    -webkit-transform: $transforms;
    transform: $transforms;
}

@mixin rotate($deg) {
    @include transform(rotate(#{$deg}deg));
}

@mixin scale($scale) {
    @include transform(scale($scale));
}

@mixin scaleX($scale) {
    @include transform(scaleX($scale));
}

@mixin translate($x, $y) {
    @include transform(translate($x, $y));
}

@mixin translateX($x) {
    @include transform(translateX($x));
}

@mixin translateY($y) {
    @include transform(translateY($y));
}

@mixin skew($x, $y) {
    @include transform(skew(#{$x}deg, #{$y}deg));
}

@mixin transform-origin ($origin) {
    -moz-transform-origin: $origin;
    -o-transform-origin: $origin;
    -ms-transform-origin: $origin;
    -webkit-transform-origin: $origin;
    transform-origin: $origin;
}

/* transition */
@mixin transition($transition) {
    -webkit-transition: $transition;
    -moz-transition: $transition;
    -ms-transition: $transition;
    -o-transition: $transition;
    transition: $transition;
}

@mixin transition-delay($time) {
    transition-delay: $time;
    -moz-transition-delay: $time;
    -webkit-transition-delay: $time;
    -o-transition-delay: $time;
    -ms-transition-delay: $time;
}

/* box-shadow */
@mixin box-shadow($top, $left, $blur, $color, $inset: false) {
    @if $inset {
        -webkit-box-shadow:inset $top $left $blur $color;
        -moz-box-shadow:inset $top $left $blur $color;
        box-shadow:inset $top $left $blur $color;
    } @else {
        -webkit-box-shadow: $top $left $blur $color;
        -moz-box-shadow: $top $left $blur $color;
        box-shadow: $top $left $blur $color;
    }
}

/* border-radius */
@mixin border-radius($radius) {
    -moz-border-radius: $radius;
    -webkit-border-radius: $radius;
    -ms-border-radius: $radius;
    -o-border-radius: $radius;
    border-radius: $radius;
}

/* opacity */
@mixin opacity($value){
    $IEValue: $value*100;
    opacity: $value;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity="+$IEValue+")";
    filter: alpha(opacity=$IEValue);
}

/* Flex */
@mixin flex($align,$justify) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: $align;
    -moz-align-items: $align;
    -ms-align-items: $align;
    align-items: $align;
    -webkit-box-pack: $justify;
    -moz-box-pack: $justify;
    -ms-flex-pack: $justify;
    -webkit-justify-content: $justify;
    justify-content: $justify;
}

@mixin flexbox() {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
}

@mixin inline-flex {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

@mixin justify-content($justify) {
    -webkit-box-pack: $justify;
    -moz-box-pack: $justify;
    -ms-flex-pack: $justify;
    -webkit-justify-content: $justify;
    justify-content: $justify;
}

@mixin align-items($align) {
    -webkit-align-items: $align;
    -moz-align-items: $align;
    -ms-align-items: $align;
    align-items: $align;
}

@mixin flex-direction($direction) {
    -webkit-flex-direction: $direction;
    -moz-flex-direction: $direction;
    -ms-flex-direction: $direction;
    flex-direction: $direction;
}

@mixin flex-wrap($wrap) {
    -webkit-flex-wrap: $wrap;
    -moz-flex-wrap: $wrap;
    -ms-flex-wrap: $wrap;
    flex-wrap: $wrap;
}

/* calc */
@mixin calc($property, $expression) {
    #{$property}: -moz-calc(#{$expression});
    #{$property}: -webkit-calc(#{$expression});
    #{$property}: -ms-calc(#{$expression});
    #{$property}: calc(#{$expression});
}

@mixin animation-duration($duration) {
    animation-duration: $duration;
    -moz-animation-duration: $duration;
    -webkit-animation-duration: $duration;
    -o-animation-duration: $duration;
}

@mixin animation-name($name) {
    animation-name: $name;
    -moz-animation-name: $name;
    -webkit-animation-name: $name;
    -o-animation-name: $name;
}

@mixin animation-delay($delay) {     
    -moz-animation-delay: $delay;
    -webkit-animation-delay: $delay;
    -o-animation-delay: $delay;
    animation-delay: $delay;
}

@mixin animation-iteration-count($count) {
    animation-iteration-count: $count;
    -moz-animation-iteration-count: $count;
    -webkit-animation-iteration-count: $count;
    -o-animation-iteration-count: $count;
}

/* Color Button ============  */
@mixin button_1 {
    background: $background_1;
    color: $color_1;
    border-color: $border_1;
    &:hover {        
        background: $background_1_hover;
        color: $color_1_hover;
        border-color: $border_1_hover;
    }
}

@mixin button_2 {
    background: $background_2;
    color: $color_2;
    border-color: $border_2;
    &:hover {
        background: $background_2_hover;
        color: $color_2_hover;
        border-color: $border_2_hover;
    }
}

@mixin button_3 {
    background: $background_3;
    color: $color_3;
    border-color: $border_3;
    &:hover {
        background: $background_3_hover;
        color: $color_3_hover;
        border-color: $border_3_hover;
    }
}

@mixin filled_obj {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@mixin label {
    font-size: $font_size;
    font-weight: 600;
    line-height: $font_size + 8;
    color: $page_title_color;
}

@media (min-width: 1451px) {
  .homepage-collection-wrapper {
    .column-left {
      padding-right: 100px;
    }
  }

  .list-collection {
        .grid-item {
            .item {
                .collection-title-wrapper  {
                    left: 10%;
                    right: 10%;
                    bottom: 9%;
                }
            }
        }
    } 
}
@media (max-width: 767px) {
  h2{
    font-size:32px;
  }
  .product-journey{
    padding-top:0;
  }
  .expectation{
    padding:0;
  }
}
@media (min-width: 1281px) {
    .container {
/*       padding: 0 60px; */
    }
}

@media (min-width: 1801px){
    .halo-product-custom{
        .sidebar-label {
            display: none !important;
        }
    }
}

@media (max-width: 1800px){
    .template-product{
        .halo-product-custom{
            padding-top: 30px;
        }
    }
    .halo-product-custom{
        padding-top: 30px;
        .pro-page{
            .col-main{
                max-width: 100%;
                flex: 0 0 100%;
            }
        }
        .sidebar {
            position: fixed;
            left: -270px;
            top: 0;
            width: 100%;
            max-width: 270px;
            padding: 30px !important;
            background: #fff;
            padding-bottom: 450px;
            scroll-behavior: smooth;
            -ms-overflow-style: -ms-autohiding-scrollbar;
            overflow: scroll;
            -webkit-overflow-scrolling: touch;
            height: 100%;
            z-index: 9999;
            transition: all .3s ease;
            -webkit-transition: all .3s ease;
        }
        .halo-product-content{
            .sidebar-label{
                margin-top: 12px;
                margin-bottom: 33px;
            }
        }
    }
    .sidebar-open{
        .halo-product-custom{
            .sidebar {
                left: 0;
            }   
           .close-filter {
                display: block;
                left: 270px;
            }
            .wrap-overlay {
                position: fixed;
                height: 100%;
                width: 100%;
                background: #000;
                left: 0;
                top: 0;
                bottom: 0;
                right: 0;
                opacity: .2;
                transition: all .2s ease;
                -webkit-transition: all .2s ease;
                overflow: hidden;
                z-index: 999;
                top: 0 !important;
            }
        }
    }  
}

@media (min-width: 1281px) and (max-width: 1366px){
    .template-product{
        .halo-product-custom{
            .product-default{
                > .container{
                    padding: 0;
                }
            }
        }
    }
}

@media (max-width: 1880px){
    .home-spotlight-block{
        .slick-slider{
            .slick-slide{
                img{
                    padding-left: 10px;
                    padding-right: 10px;
                }
            }
        }
    }
}

@media (max-width: 1280px) {    
    .slick-arrow {
        &.slick-prev {
            left: 0;
        }
        &.slick-next{
            right: 0;
        }
    }
  .kero_row .col-sm-4 {
    width: 33%;
    float: left;
    display: inline-block !important;
  }

    .widget-product {
        .slick-arrow {
            &.slick-prev {
                left: 0;
            }
            &.slick-next{
                right: 0;
            }
        }
}
  .kero_row .col-sm-4 h3 {
    font-size: 23px;
  }

    .homepage-collection-wrapper {
        .slick-arrow {
            &.slick-prev {
                left: 0;
            }
            &.slick-next {
                right: 0;
            }
        }
}

.home-instagram {
    .slick-arrow {
        &.slick-prev {
            left: -10px;
           }
        &.slick-next{
            right: -10px;
            }
        }
    }

  .productView-thumbnail .productView-thumbnail-link img,
.productView-thumbnail-wrapper .slick-arrow{
      top: 34% !important;
}
  .productView-thumbnail-wrapper .productView-for{
    padding: 0 10px !important;
  }
  
}

@media (min-width: 1025px) and (max-width: 1280px) {
    .header-navigation .header-logo {
        max-width: 65px !important;
    }
      .header-nav-left-aligned .header-icons, .header-nav-left-aligned .main-menu {
        width: 100%;
        max-width: calc((100% - 167px) / 2) !important;
    }
}


@media (min-width: 1200px) and (max-width: 1570px){
    .wrapper_header_parallax{
        .is-sticky{
            .header-bottom{
                .header-pc{
                    .left-groups {
                        width: 200px !important;
                    }
                    .center-groups{
                        width: calc(100% - 540px) !important;
                    }
                    .right-groups{
                        width: 410px !important;
                    }
                }
            }
        }
    }
}
@media (min-width: 1200px) and (max-width: 1281px){
    .recently-viewed-products{
        .grid-item{
            &.col5{
                max-width: 25%;
            }
        }
    }
}

@media (min-width: 1200px) {
    .container {
/* max-width: 1890px; */
       /* max-width: 1500px; */
    }
  
    .col5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

.header-parallax{
    .sticky-wrapper{
        height: 70px !important;
    }
}
    
.home-instagram{
    .col-lg-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

.halo-blog-page{
    .sidebar-label {
        display: none !important;
    }
}

.themevale_popup{
    #accept-cookies,.product-notification{
        margin-bottom: 15px;
    }
}

.sticky_form {
    .container {
        max-width: 1200px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.halo-product-custom{
    .product-widget-tab{
       .container{
          max-width: 1890px;
          padding: 0;
        
         .recently-viewed-products{
            max-width: 1890px;
          }
      }
}

.product-banner-block{
      .full-banner{
          .banner-item{
              margin-bottom: 10px;
          }
       }
.small-banner{
        .row{
            margin-right: -5px;
            margin-left: -5px;
        }
        .banner-item{
            padding-left: 5px;
            padding-right: 5px;
        }
}
}
}
    
.collection-text-block{
      .container {
          max-width: 1170px;
          padding-left: 15px;
          padding-right: 15px;
      }
}

.search-page{
    .input-group-field {
        width: 770px;
    }
}
    
#shopify-section-cart-template,#shopify-section-cart-you-may-also-like-products,.custom-acc-page,.page-404,.search-page,.template-customers-order {
      .container {
          max-width: 1200px;
          padding-left: 15px;
          padding-right: 15px;
      }
}

.has_sticky{
      .wrapper_header_parallax{
          .dropdown-border{
              height: calc(100vh - 70px);
          }
      }
}

.home2-custom-block{
       .banner-large-img{
            position: relative;
       .inner{
            position: absolute;
            top: 50%;
            z-index: 2;
            text-align: center;
                &.abs_left {
                    @include transform(translateY(-47%));
                    @include calc(left, '(100% - 1200px)/2');
                }
                &.abs_right {
                    @include transform(translateY(-47%));
                    @include calc(right, '(100% - 1200px)/2');
                }
                &.abs_center {
                    left: 50%;
                    @include translate(-50%, -47%);
                }
            }
      }
}

body {
        > .translate-header {
            display: none;
        }
}

.slider-brand-wrapper {
    .container {
        max-width: 1200px;
        padding: 0 15px;
    }
}
.widget-categories{
      .widget-content{
          li{
              a{
                  position: relative;
                  -webkit-transition: padding-left 0.3s linear;
                  -moz-transition: padding-left 0.3s linear;
                  -ms-transition: padding-left 0.3s linear;
                  -o-transition: padding-left 0.3s linear;
                  transition: padding-left 0.3s linear;
                  line-height: 36px;
                  &:hover{
                      padding-left: 17px;
                      color: #3c3c3c;
                      &:before{
                          content: "\f105";
                          font: normal normal normal 14px/1 FontAwesome;
                          font-size: 15px;
                          text-rendering: auto;
                          -webkit-font-smoothing: antialiased;
                          -moz-osx-font-smoothing: grayscale;
                          display: inline-block;
                          position: absolute;
                          top: 1px;
                          left: 0px;
                          font-weight: 500;
                          color: rgba(50,50,50,0.4);
                        }
                        span{
                            background-image: linear-gradient(#fff 97%, #d1d1d1 3%);
                            background-repeat: repeat-x;
                            background-position-y: -1px;
                        }
                    }
                }
            }
        }
}

    {% if settings.enable_hover_image %}
    .animate-scale {
        position: relative;
        display: block;
        overflow: hidden;

        &:before {
            @include filled_obj();
            background-color: rgb(35, 35, 35);
            overflow: hidden;
            @include opacity(0);
            z-index: 2;
            @include transition(all .5s ease);
        }

        img {
            @include transition(all .7s ease);
        }

        &:hover {
            img {
                @include transform(scale3d(1.1,1.1,1));
            }

            &:before {
                overflow: visible;
                @include opacity(.3);
            }
        }
    }

    .animate-hvr {
        &:hover {
            &:before {
                @include opacity(1);    
            }
        }
    }
    {% endif %}

    /* ----- Header ------- */
    .header-bottom {
        
        .header-mb {
            display: none;
        }

        .header-pc {
          display: block;
          
            .header-panel {
                @include flex(center, space-between);
                .left-groups {
                    padding-left: 0;
                    padding-right: 20px;
                    width: 340px;
                }
                .center-groups {
                    width: calc(100% - 680px);
                }

                .right-groups {
                    @include flex(center, flex-end);
                    padding-left: 20px;
                    padding-right: 0;
                    width: 410px;
                    
                    .account-link, .wrapper-top-cart {
                        > a {
                            text-transform: uppercase;
                            @include flex(center, center);
                            font-weight: 500;
                            .text-right-hl{
                                position: relative;
                                top: 1px;
                            }
                            svg {
                                margin-left: 10px;
                            }
                        }
                    }
                    .account-link {
                        display: inline-block;
                        vertical-align: middle;
                        .acc-logout{
                            display: inline-block;
                        }
                        .acc-title{
                            display: inline-block;
                            svg{
                                position: relative;
                                top: 3px;
                            }
                        }
                        > a {
                            svg {
                                width: 17px;
                                height: 18px;
                                margin-top: -1px;
                            }
                        }
                    }
                    .wrapper-top-cart {
                        margin-left: 25px;
                        > a {
                            svg {
                              	width: 20px;
        						height: 19px;
                            }
                            .cart-text {
                                overflow: hidden;
                                text-overflow: ellipsis;
                                white-space: nowrap;
                            }
                            &.menu-open {
                                .cart-text {
                                    position: relative;
                                    &:before {
                                        content: "";
                                        width: 100%;
                                        height: 1px;
                                        position: absolute;
                                        bottom: 2px;
                                        left: 0;
                                    }
                                }
                            }
                        }
                    }
                    .nav-search {
                        @include flex(center, center);
                        padding-left: 25px;
                        margin-left: 12px;
                        .icon-search {
                            svg.icon-close {
                                display: none;
                                width: 21px;
                                height: 21px;
                                stroke: none;
                            }
                            &.menu-open {
                                svg.icon-close {
                                    display: block;
                                }
                                svg.search {
                                    display: none;
                                }
                            }
                        }
                        .header-search {
                            .header-search__form {
                                .close-search {
                                    display: none;
                                }
                            }
                        }
                    }
                    .right-nav {
                        margin-left: 25px;
                        .svg-mb {
                            width: 26px;
                        }
                        a {
                            color: #34313a;
                            &.wishlist {
                                i {
                                    display: none;
                                }
                            }
                        }
                        .right-nav-links {
                            border-bottom: 1px solid #eee;
                            padding-bottom: 18px;
                            margin-bottom: 25px;
                            li {
                                padding: 4px 0;
                            }
                        }
                       .lang-currency-groups, .currency-block {
                            .label-text {
                                display: none;
                            }
                            .img-icon {
                                width: 16px;
                                height: 16px;
                                display: inline-block;
                                @include border-radius(50%);
                                margin-right: 8px;
                                img {
                                    width: 16px;
                                    height: 16px;
                                    display: block;
                                    object-fit: cover;
                                    @include border-radius(50%);
                                }
                            }
                            .dropdown-label {
                                @include flex(center, flex-start);
                                .text {
                                    color: #34313a;
                                    font-weight: 500;
                                }
                            }
                            .dropdown-toggle {
                                cursor: pointer;
                                &:after {
                                    content: "\f107";
                                    font: normal normal normal 14px/1 FontAwesome;
                                    width: 20px;
                                    height: 20px;
                                    margin: 0 0 0 3px;
                                    vertical-align: middle;
                                    line-height: 18px;
                                    text-align: center;
                                    color: $color_icon_drop;
                                    position: relative;
                                    top: 1px;
                                    left: 0;
                                    display: block;
                                    cursor: pointer;
                                    padding: 0;
                                    background: none;
                                    border: none;
                                }
                            }
                            .dropdown-menu {
                                position: absolute;
                                left: 0;
                                top: 100%;
                                z-index: 3;
                                padding: 3px 10px 8px;
                                min-width: 100px;
                                width: auto;
                                border: 1px solid $border_bt_sidebar;
                                @include box-shadow(0, 1px, 6px, rgba(0,0,0,0.1));
                                outline: none;
                                @include border-radius(1px);
                                display: none;
                            }
                       }
                        .lang-currency-groups {
                            .lang-block {
                                margin-bottom: 12px;
                            }
                        }
                    }
                }
            }
        }
    }
    .wrapper_header_default{
         .is-sticky{
            .wrapper-navigation{
                .icon-label{
                    display: none;
                }
            }
        }
    }

    /* ----- Header Parallax------- */
    body {
        &:not(.template-index) {
            .wrapper_header_parallax {
                margin-bottom: 0;
            }
        }
    }
    .wrapper_header_parallax{
        .is-sticky{
            .wrapper-navigation{
                .icon-label{
                    display: none;
                }
            }
            .header-bottom{
                background: #000000;
                transition: all 1s ease;
                -webkit-animation-name: fadeInDown;
                animation-name: fadeInDown;
                -webkit-animation-duration: 0.5s;
                animation-duration: 0.5s;
                -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
                .header-pc{ 
                    .header-panel{
                        padding: 0;
                    }
                } 
                .left-groups {
                    width: 340px !important;
                    .header-logo-sticky{
                        display: block !important;
                    }
                    .header-items-content{
                        display: none;
                    }
                }
                .center-groups{
                    width: calc(100% - 680px) !important;
                    .header-logo{
                        display: none;
                    }
                    .menu-sticky{
                        display: block !important;
                    }
                }
                .right-groups{
                    width: 410px !important;
                }
            }
            +.header-nav{
                display: none;
            }
        }
        .header-bottom{
            .header-pc{ 
                .header-panel{ 
                    padding: 22px 0;
                    .left-groups {
                        width: 410px;
                        .header-logo-sticky{
                            display: none;
                        }
                        .header-items-content{
                            .item{
                                display: inline-block;
                                &.phone{
                                    margin-right: 20px;
                                }
                                .info-icon{
                                    margin-right: 5px;
                                }
                            }
                        }
                    }
                    .center-groups{
                        text-align: center;
                        width: calc(100% - 820px);
                        .menu-sticky{
                            display: none;
                        }
                    }
                }
            }
        }
        .header-nav{
            background: rgba(0, 0, 0, 0.5);
            .site-nav{
                padding-top: 17px;
                li{
                    &.menu-lv-1,&.item{
                        > a{
                            padding-bottom: 16px;
                        }
                    }
                    &.menu-lv-1,&.item{
                        &:hover{
                            > a{
                                &:before{
                                    bottom: 18px;
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    /* ----- Navigation ------- */
    .site-nav {
        margin: 0;
        padding-top: 24px;
        .icon-dropdown, .menu-mb-title {
            display: none;
        }
        .icon-label {
            position: absolute;
            right: -4px;
            top: -20px;
            
            &:before {
                left: 50%;
                bottom: -9px;
                @include translateX(-50%);
            }
        }
        .container {
            max-width: 1200px;
            padding-left: 15px;
            padding-right: 15px;
        }

        .menu-lv-1, >.item {
            display: inline-block;
            padding-left: 37px;
            padding-right: 18px;
            margin-bottom: 0;
            > a {
                padding: 0px 0px 9px 0px;
                &:before {
                  
                    height: 1px;
                    position: absolute;
                    bottom: 24px;
                    width: 0;
                    left: 0;
                    right: 0;
                    @include transition(width .3s ease);
                    visibility: hidden;
                    display: block;
                }
            }
            &:hover {
                > a {
                    &:before {
                        width: 100%;
                        visibility: visible;
                    }
                }
            }
            > .sub-menu-mobile {
                @include box-shadow(0, 1px, 4px, 0px rgba(0,0,0,0.1));
            }
        }
        
        .no-mega-menu {
            position: relative;
            .sub-menu-mobile {
                display: none;
                position: absolute;
                left: 0;
                z-index: 10;
                min-width: 210px;
                text-align: left;
                ul {
                    li {
                        padding: 9px 20px;
                        margin-bottom: 0;
                        
                        > a {
                            padding-right: 15px;
                            position: relative;
                        }
                        &.dropdown{
                            &:hover {
                                > a {
                                    &:before {
                                        content: "\f105";
                                        font-family: FontAwesome;
                                        position: absolute;
                                        left: -11px;
                                        top: -3px;
                                        font-size: 16px;
                                    }
                                }
                            }
                        }
                        &:last-child {
                            border-bottom: none;
                        }
                    }  
                }
                .menu-lv-2 {
                    padding: 9px 50px 9px 20px;
                    .sub-menu-mobile {
                        display: none;
                        position: absolute;
                        left: -84%;
                        top: -1px;
                        z-index: 10;
                        min-width: 210px;
                        margin-left: -35px;
                        @include box-shadow(0, 2px, 15px, 0px rgba(0,0,0,.1));
                        li {
                            &:last-child {
                                border-bottom: none;
                            }
                        }
                    }
                    &:hover {
                        .site-nav-dropdown {
                            display: block;
                        }
                    }
                }
            }
            &:hover {
                .sub-menu-mobile {
                    display: block;
                }
            }
        }

        .mega-menu {
            position: static;
            > .sub-menu-mobile {
                position: absolute;
                left: 0;
                right: 0;
                z-index: 10;
                padding: 28px 0 0px 0;
                max-height: 82vh;
                overflow-x: hidden;
                overflow-y: auto;
                @include opacity(0);
                visibility: hidden;
                pointer-events: none;
                @include translateY(30px);
                @include transition(transform .35s linear);
                @include box-shadow(0, 3px, 3px, -3px rgba(0,0,0,0.1));            

                &::-webkit-scrollbar {
                    width: 0;
                }
                > .site-nav-dropdown {
                    padding-bottom: 20px;
                }
            }
            &:hover {
                > .sub-menu-mobile {
                    display: block;
                    @include opacity(1);
                    visibility: visible;
                    @include translateY(0px);
                    pointer-events: auto;
                }
            }
            .site-nav-dropdown {
                .hl-shuffle-container {
                    display: block;
                    .inner {
                        break-inside: avoid-column;
                        page-break-inside: avoid;
                        -webkit-column-break-inside: avoid;
                        max-width: 100%;
                        padding-bottom: 22px;
                    }
                }

                .menu-lv-2 {
                    text-align: left;
                    > a {
                        padding-bottom: 10px;
                    }
                    .dropdow-lv2 {
                        li {
                            > a {
                                padding: 2px 0;
                                display: inline-block;
                            }
                        }
                    }
                }

                .hl-shuffle-container {
                    -webkit-column-count: 3;
                    column-count: 3;
                    margin-left: -10px;
                    margin-right: -10px;
                    .inner {
                        padding-left: 10px;
                        padding-right: 10px;
                    }
                }

                &.style_1 {
                    .column-right {
                        @include flex(flex-start, flex-end);
                        padding-top: 4px;
                        .banner {
                            margin-left: 20px;
                            padding-top: 2px;
                            a {
                                display: block;
                            }
                        }
                    }
                }
                &.style_2 {
                    &.site-nav-dropdown {
                        padding-bottom: 0px;
                    }
                    .column-left {
                        padding-top: 6px;
                        .banner {
                            a {
                                display: block;
                            }
                        }
                    }
                    .column-right {
                        &.has-banner {
                            padding-left: 95px;
                          
                        }
                    }
                }
                &.style_3 {
                    .hl-shuffle-container {
                        -webkit-column-count: 5;
                        column-count: 5;
                    }
                    .menu-lv-2 {
                        .dropdow-lv2 {
                            > a {
                                > img {
                                    margin-top: 5px;
                                    margin-bottom: 15px;
                                    display: block;
                                }
                            }
                        }
                    }
                }
                &.style_4 {
                    .column-right {
                        padding-top: 6px;
                    }
                    .banner {
                        .mega-banner {
                            text-align: right;
                            @include flex(flex-start, flex-end);
                            .img-second {
                                margin-left: 30px;
                            }
                        }
                    }
                }
            }
        }
    }

    /* Product Grid */
    .product-item {
        .product-grid-image {
            &:before {
                @include filled_obj();
            }
        }  
        .product-top {
            &:hover {
                .images-one,
                .images-two {
                    @include transition(all .5s ease);
                }
                .images-one {
                    @include opacity(0);
                }

                .images-two {
                    @include opacity(1);
                } 
                
                .product-des {
                    @include opacity(1);
                    visibility: hidden;
                }
                
                .product-grid-image {
                    &:before {
                        @include opacity(1);
                        visibility: visible;
                    }
                }
            }
        }
    }

    #back-top {
        a {
          &:hover,
          &:focus {
            background: {{settings.back_to_top_bg_hover}};
            color: {{settings.back_to_top_color_hover}};
            border: 1px solid {{settings.back_to_top_border_hover}};
          } 
        }
    }

    .product-notification, 
    #accept-cookies {
        position: absolute;
        bottom: 100%;
        margin-bottom: 15px;
    }

    #dropdown-cart {
        .cart-title {
            .close-cart {
                display: none;
            }
        }
    }

    .home-slideshow {
        .not_img {
            height: 720px;
            line-height: 720px;
        }

        .slide-content {
            &.abs_left {
                left: 9%;
              top:47%;
            }

            &.abs_right {
                right: 21%
            }
        }
    }

    .home-slideshow,
    .lookbook-slideshow {
        .slick-dots {
            bottom: 22px;
        }
    }

    .homepage-collection-wrapper {
         .column-left {
/*         padding-top: 62px; */
           padding-top:10px;
         }
         .column-right {
            .products-grid {
                .grid-item {
                    &:hover {
                        .product-top {
                            img {
                                @include opacity(0.5);
                            }
                        }
                        .collection-title {
                            h3 {
                                a {
                                    span {
                                        background-image: linear-gradient(#fff 97%, $page_title_color 3%);
                                        background-repeat: repeat-x;
                                        background-position-y: -3px;
                                    }
                                }
                            }
                            .btn-shadow {
                                .btn {
                                    background: $background_1_hover;
                                    border-color: $border_1_hover;
                                    color: $color_1_hover;
                                }
                            }
                        }
                    }
                }
            }
         }
    }

    .home-top-banner {
        .container {
            max-width: 1200px;
            padding-left: 15px;
            padding-right: 15px;
        }
        .slick-slide {
            > div {
                height: 448px;
            }
        }
        .banner-image {
            margin-bottom: 22px;
        }
    }

    .policys-block-home,.homepage-top-sellers-products,.home2-top-banner,.homepage2-featured-products,.home2-custom-block,.home2-instagram,.footer-2{
        .container {
            max-width: 1600px;
            padding-left: 15px;
            padding-right: 15px;
        }
    }



    .list-collection {
        .col-xl {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 20%;
            flex: 0 0 20%;
            max-width: 20%;
        }
    }

    .sidebar {
        &.hide-sidebar {
            position: fixed;
            top: 0;
            left: 0;
            width: 347px;
            max-width: 100%;
            background-color: $body_bg;
            z-index: 5;
            margin: 0;    
            overflow-y: auto;
            height: 100vh;
            @include translateX(-100%);
            @include transition(transform .4s ease);
        }
    }
    .col-sidebar {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 300px;
        flex: 0 0 300px;
        max-width: 300px;
    }

    .col-main {
/*         -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 300px);
        flex: 0 0 calc(100% - 300px);
        @include calc(max-width, '100% - 300px'); */
    }

    .products-list {
        .product-item {
            .product-top {
                width: 420px;
            }
            .product-details {
                @include calc(width, '100% - 450px');
            }
        }
    }

    .faqs-page {
        .page-header {
            h2 {
                &.has-image {
                    position: absolute;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    top: 0;
                    @include flex(center, center);
                    margin-bottom: 0;
                    padding: 15px;
                }
            }
        }
        .faqs_page-wrapper {
            .right-column {
                &.has-col-left {
                    padding-left: 45px;
                }
            }
        }
    }

    #accept-cookies {
        max-width: 398px;
        margin-bottom: 35px;
    }

    .product-notification {
        max-width: 350px;
        margin-bottom: 65px;
    }

 
    .template-product {
        .halo-product-default {
            .product-photos {
                &.vertical-moreview {
                    -webkit-box-flex: 0;
                    -ms-flex: 0 0 calc(100% - 600px);
                    flex: 0 0 calc(100% - 600px);
                    @include calc(max-width, '100% - 600px');
                    .product-img-box {
                        @include flexbox();
                        @include flex-direction(row);
                        .wrapper-images {
                            @include calc(width, '100% - 100px');
                        }
                        .slider-for {
                            margin-bottom: 0;
                        }
                        .slider-nav {
                            width: 100px;
                            padding: 28px 0;
                            margin-bottom: 0;
                            .item {
                                margin: 0;
                                padding: 0px;
                                max-height: 100%;
                                overflow: hidden;
                                > a {
                                    display: block;
                                    max-height: 100%;
                                    overflow: hidden;
                                    margin: 6.5px 0;
                                    padding-bottom: 0;
                                }
                            }

                            .slick-arrow {
                                left: 50%;
                                top: auto;
                                @include transform(translate(-50%, 0));
                                width: 21px;
                                height: 20px;
                                padding-top: 0;
                                svg {
                                    width: 21px;
                                    height: 20px;
                                }
                                &.slick-prev {
                                    top: 0;
                                    svg {
                                        @include transform(rotate(90deg));
                                    }
                                }
                                &.slick-next {
                                    bottom: 0;
                                    right: auto;
                                    svg {
                                        @include transform(rotate(90deg));
                                    }
                                }
                            }
                        }
                    }
                    .wrapper-nav {
                       
                    }
                    .bottom-group {
                        @include calc(width, '100% - 100px');
                    }
                }
                &.left-vertical-moreview {
                    .product-img-box {
                        @include flex-direction(row-reverse);
                        .wrapper-images  {
                            padding-left: 30px;
                        }
                    }
                    .bottom-group {
                        float: right;
                    }
                }
                &.right-vertical-moreview {
                    .product-img-box {
                        @include flex(flex-start, flex-end);
                        .wrapper-images  {
                            padding-right: 30px;
                        }
                    }
                    .bottom-group {
                        float: left;
                    }
                }

                &.horizontal-moreview {
                    -webkit-box-flex: 0;
                    -ms-flex: 0 0 56%;
                    flex: 0 0 56%;
                    max-width: 56%;
                }
            }
            .product-shop {
                margin-top: -6px;
                &.vertical-moreview {
                    -webkit-box-flex: 0;
                    -ms-flex: 0 0 600px;
                    flex: 0 0 600px;
                    max-width: 600px;
                }
                &.horizontal-moreview {
                    -webkit-box-flex: 0;
                    -ms-flex: 0 0 44%;
                    flex: 0 0 44%;
                    max-width: 44%;
                }
            }
        }
    }
    
    .custom-product-description {
        .product-description-content {
            .product-img {
                -webkit-box-flex: 0;
                -ms-flex: 0 0 calc(100% - 600px);
                flex: 0 0 calc(100% - 600px);
                @include calc(max-width, '100% - 600px');
            }
            .product-tab {
                -webkit-box-flex: 0;
                -ms-flex: 0 0 600px;
               flex: 100% !important;
    			max-width: 100% !important;
            }
        }
    }


    .halo_modal-custom {
        .modal-body {
            padding: 30px 100px 100px 100px;
        }
    }

    .product-instagram {
        #instafeed {
            padding-right: 5px;
        }
    }
    .product-banner-block {
        .full-banner {
            .product-banner-wrap {
                padding: 20px 14%;
            }
        }
        .small-banner {
            .container {
                max-width: 1690px;
            }
            .banner-item {
                margin-bottom: 30px;
            }
            .product-banner-wrap {
                padding: 20px 100px;
                bottom: 80px;
                left: 15px;
                right: 15px;
            }
        }
    }

    .product-widget-tab, .product-customer-review .customer-review-content {
        .container {
            max-width: 1200px;
            padding-left: 15px;
            padding-right: 15px;
        }
    }

}

@media (max-width: 1199px) {
    .container,
    .container-fluid,
    .container-padd60 {
      	max-width: 100%;
    }
  ul.site-nav li a span:hover {
    color: #b20000 !important;
}
  div#shopify-section-sidebar-filter {
    margin-top: 5px;
  }
  ul.list-blog li {
    width: 100%;
    float: left;
    margin-top: 20px;
  }
  .filter_sidebar_text h2 {
    display: none;
}
  .lang-block .label-text {
    display: none;
}

    .row {
        margin-left: -10px;
        margin-right: -10px;
    }
  .kero_row .col-sm-4 {
    width: 33%;
    float: left;
    display: inline-block !important;
  }
  img.divya_img {
    height: auto !important;
    max-height: 390px !important;
}
  .center-groups.wrapper-navigation {
    background: #ddd;
    display: none;
}
  .divii .col-sm-8 {
    
    WIDTH: 100%;
 	MAX-WIDTH: 100%;
}
  
  .hair_care .col-sm-4 {
  
    margin-left: 30px;
    width: 100%;
    max-width: 100%;
    text-align: center;
}
.divii .col-sm-4 {
  
    WIDTH: 100%;
    padding: 99px 37px;
    background: #eafff1;
    MAX-WIDTH: 100%;
}
  .kero_row img {
    max-width: 290px;
    max-height: 226px;
    min-height: 295px;
    margin: 0 auto;
}
  .instruction_row .col-sm-4 {
   
  
   margin-right: 0px; 
}

    .col,
    .col-6,
    .col-xs-1,
    .col-sm-1,
    .col-md-1,
    .col-lg-1,
    .col-xl-1,
    .col-xs-2,
    .col-sm-2,
    .col-md-2,
    .col-lg-2,
    .col-xl-2,
    .col-xs-3,
    .col-sm-3,
    .col-md-3,
    .col-lg-3,
    .col-xl-3,
    .col-xs-4,
    .col-sm-4,
    .col-md-4,
    .col-lg-4,
    .col-xl-4,
    .col-xs-5,
    .col-sm-5,
    .col-md-5,
    .col-lg-5,
    .col-xl-5,
    .col-xs-6,
    .col-sm-6,
    .col-md-6,
    .col-lg-6,
    .col-xl-6,
    .col-xs-7,
    .col-sm-7,
    .col-md-7, 
    .col-lg-7,
    .col-xl-7,
    .col-xs-8,
    .col-sm-8,
    .col-md-8,
    .col-lg-8,
    .col-xl-8,
    .col-xs-9,
    .col-sm-9,
    .col-md-9,
    .col-lg-9,
    .col-xl-9,
    .col-xs-10,
    .col-sm-10,
    .col-md-10,
    .col-lg-10,
    .col-xl-10,
    .col-xs-11,
    .col-sm-11, 
    .col-md-11, 
    .col-lg-11,
    .col-xl-11,
    .col-xs-12,
    .col-sm-12,
    .col-md-12,
    .col-lg-12,
    .col-xl-12,
    .col-12,
    .col-xl {
        padding-right: 10px;
        padding-left: 10px;
    }
    

    /* ----- Navigation ------- */

    .jas-mb-style {
        position: fixed;
        top: 0;
        bottom: 0;
        right: 100%;
        height: 100vh;
        z-index: 99999;
        overflow-y: scroll;
        @include transition(transform 0.5s ease);
        padding-bottom: 100px;
        background-color: {{ settings.bg_menu_mb }};
        .mb-area {
            margin-left: -10px;
            margin-right: -10px;
        }
        .nav-bar{
            .site-nav{
                &:nth-child(2){
                    display: none;
                }
            }
        }
        #right-nav-dropdown{
            display: block;
            .right-nav-links{
                    a{
                        padding: 7px 20px 6px;
                        display: block;
                        font-weight: normal;
                        &.wishlist{
                            i{
                                display: none;
                            }
                        }
                    }
            }
            .lang-currency-groups{
                .lang-block{
                    +.currency-block{
                        margin-top: 20px;
                    }
                }
                margin-top: 20px;
                padding-top: 20px;
                border-top: 1px solid #ebebeb;
                padding-left: 20px;
                padding-right: 20px;
                .btn-group{
                    .dropdown-label{
                        display: none;
                    }
                }
                .dropdown-menu{
                    display: flex !important;
                    overflow: visible !important;
                    height: auto !important;
                }
            }
        }
        .header-items-content{
            padding-left: 20px;
            padding-right: 20px;
            margin-top: 30px;
            .info-icon{
                margin-right: 5px;
            }
            .phone{
                margin-bottom: 5px;
            }
        }
    }

    .site-nav {
        .menu-mb-title {
            border-bottom: 1px solid {{ settings.border_color_menu_mb }};
            color: #000;
            background-color: {{ settings.bg_color_menu_mb_lv1_hover }};
        }

        li {
            a {         
                position: static;
            }
            
            &.dropdown {
                a {
                    display: inline-block;
                }
            }
        }

        .menu-lv-1,.item {
            border-bottom: 1px solid {{ settings.border_color_menu_mb }};

            > a {
                color: {{ settings.color_menu_mb_lv1 }};
                padding: 13px 20px 11px;
            }   
            
            &:hover {
                background-color: {{ settings.bg_color_menu_mb_lv1_hover }};
                
                > a {
                    color: {{ settings.color_menu_mb_lv1_hover }};
                }
            }
        }

        .menu-lv-2 {
            border-bottom: 1px solid {{ settings.border_color_menu_mb }};
            
            > a {        
                color: {{ settings.color_menu_mb_lv2 }};
                padding: 13px 20px 11px;
                text-transform: uppercase;
                font-weight: 500;
            }
            
            &:hover {
                > a {
                    color: {{ settings.color_menu_mb_lv2_hover }};
                }
            }

            ul.site-nav-dropdown {
                margin: 12px 0;
            }
        }

        .menu-lv-3 {
            > a {
                color: {{ settings.color_menu_mb_lv3 }};
                padding: 8px 20px 6px;
            }

            &:hover {
                > a {
                    color: {{ settings.color_menu_mb_lv3_hover }};
                }
            }
        }

        .sub-menu-mobile {      
            position: fixed;
            left: 0;
            top: 0;
            bottom: 0;
            padding-bottom: 100px;
            height: 100vh;
            overflow-y: scroll;
            background-color: {{ settings.bg_menu_mb }};
            z-index: 100;      
            @include transition(transform .4s ease);
            @include translateX(-100%);
            
            &.sub-menu-open {
                @include transform(none);
            }
        }

        .mega-menu {
            .menu-lv-2 {
                padding: 0;
            }
            
            > .sub-menu-mobile {
                .site-nav-dropdown {
                    margin-bottom: 10px;
                    .hl-shuffle-container {
                        > .inner {
                            padding-left: 0;
                            padding-right: 0;
                        }
                    }
                }
            }
            
            .site-nav-dropdown {
                &.style_1 {
                    .column-right {
                        text-align: center;
                        padding-top: 20px;
                        .featured-product {
                            margin: 0 auto 30px auto;
                            > h3 {
                                color: {{ settings.color_menu_mb_lv2 }};
                            }
                            .product-vendor {
                                a {
                                   color: {{ settings.color_menu_mb_lv2 }}; 
                                }
                            }
                            .product-title {
                                color: {{ settings.color_menu_mb_lv2 }};
                            }
                            .price-box {
                                .price-regular {
                                    color: {{ settings.color_menu_mb_lv2 }};
                                }
                            }
                             .slick-arrow {
                                svg {
                                    fill: {{ settings.color_menu_mb_lv2 }};
                                    stroke: {{ settings.color_menu_mb_lv2 }};
                                }
                             }
                        }
                    }
                }

                &.style_2 {
                    .banner-first {
                        padding: 20px;
                        border-bottom: 1px solid {{ settings.border_color_menu_mb }};
                    }
                    .banner-bottom {
                        margin-top: 0;
                    }
                }
                
                &.style_3 {

                    .menu-lv-2 {     
                        > .sub-menu-mobile {
                            > a {
                                padding: 20px 20px 0;
                            }
                        }
                    }
                }

                &.style_4 {
                    .mega-banner {
                        padding: 20px;
                        text-align: center;
                        
                        .img-first {
                            margin-bottom: 20px;
                        }
                    }
                }
            }
        }

        .icon-label {
            &:before {
                left: -9px;
                top: 50%;
                @include translateY(-50%);
            }
        }
    }


    .home-slideshow,
    .lookbook-slideshow {
        .slick-dots {
            bottom: 15px;
          display:none !important;
        }
    }

    .sidebar-open{
        .sidebar {
            left: 0 !important; 
        }   
       .close-filter {
            display: block;
            left: 270px;
        }
        .wrap-overlay {
            position: fixed;
            height: 100%;
            width: 100%;
            background: #000;
            left: 0;
            top: 0;
            bottom: 0;
            right: 0;
            opacity: .2;
            transition: all .2s ease;
            -webkit-transition: all .2s ease;
            overflow: hidden;
            z-index: 999;
            top: 0 !important;
        }
    }

    .halo-blog-page{
        .sidebar {
            position: fixed;
            left: -270px;
            top: 0;
            width: 100%;
            max-width: 270px;
            padding: 30px !important;
            background: #fff;
            padding-bottom: 450px;
            scroll-behavior: smooth;
            -ms-overflow-style: -ms-autohiding-scrollbar;
            overflow: scroll;
            -webkit-overflow-scrolling: touch;
            height: 100%;
            z-index: 9999;
            transition: all .3s ease;
            -webkit-transition: all .3s ease;
        }
    }
    
    .slide-content {
        padding: 15px;
        .slide-heading {
            font-size: 24px !important;
            line-height: 32px;
            margin-bottom: 10px;
        }

        .slide-text {
            font-size: 12px !important;
            line-height: 22px;
            margin-bottom: 18px;
        }

        .slide-button {
            min-width: 210px;
        }

        .slide-countdown {
            margin-bottom: 25px;
            .clock-item {
                min-width: 80px;
                padding: 8px 10px 5px 10px;
                .num {
                     font-size: 20px !important;
                     margin-bottom: 2px;
                }
                .text {
                    font-size: 12px !important;
                }
            }
        }
        .group-slide-button {
            .slide-button {
                padding: 10px 15px 8px;
            }
            &.has-one-button {
                .slide-button {
                    min-width: 240px;
                }
            }
            &.has-two-button {
                .slide-button {
                    min-width: 180px;
                }
            }
        }
    }

    .homepage-collection-wrapper {
        .products-grid {
          .grid-item {
          	margin-bottom: 25px;
          }
        }
    }

    .footer {
        .footer-top {
            .footer-social {
                .social-icons {
                    li {
                        margin: 0 8px;
                        &:first-child {
                            margin-left: 0;
                        }
                    }
                }
            }
        }
    }

    #dropdown-cart,
    #dropdown-customer,
    .search-form {
        display: block;
        position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        height: 100vh;
        z-index: 99;
        overflow-y: scroll;
        @include transition(transform 0.5s ease);
        padding-bottom: 100px;
        width: 430px;    
        @include calc(max-width, '100vw - 30px');
        @include translateX(100%);   
        background-color: #f6ffec;;
        padding: 15px 15px 25px;     
    }
    .search-form {
        right: 100%;
        @include transform(none);
    }

    .customer-title {
        margin-bottom: 22px;
        margin-top: 7px;
        h5 {
            color: $page_title_color;
            text-transform: uppercase;
            letter-spacing: .05em;
            font-size: 13px;
            font-weight: 600;
            border-bottom: 1px solid $border_color_1;
            padding-bottom: 17px;
            margin-bottom: 0;
        }

    }
    .cart-title,
    .customer-title,
    .search-title {
        > .close {
            font-size: $font_size;
            text-transform: uppercase;
            @include flexbox();
            @include justify-content(flex-end);
            @include align-items(center);
            font-weight: normal;
            color: $body_color;
            margin-bottom: 0px;

            span {
                margin-left: 5px;
                padding-top: 1px;
            }

            svg {
                color: #5a5a5a;
                width: 15px;
                height: 15px;
            }
        }
    }

    #dropdown-cart {
        
        .mini-products-list {
            @include calc(max-height, '100% - 270px');
        }
    }

    html {
        &.cart-show {
            #dropdown-cart {
                @include transform(none);
            }
        }

        &.customer-show {
            #dropdown-customer {
                @include transform(none);
            }
        }

        &.search-show {
            .search-form {
                @include translateX(100%); 
            }
        }

        &.translate-overlay {
            .jas-mb-style {
                @include translateX(100%);
            }
        }
    }

    .themevale_popup {
        position: fixed;
        z-index: 99;
        .sticky_form{
            .pr-img{
                .product-title{
                    font-size: 12px;
                }
            }
            .col-12{
                -webkit-box-flex: 0;
                -ms-flex: 0 0 100%;
                flex: 0 0 100%;
                max-width: 100%;
            }
            .sticky-countdown{
                text-align: center;
                margin-bottom: 10px;
            }
        }
    }

    .contact-us-page {
        .location {
            padding: 25px 20px;
        }
    }
    
    .product-item{
        .sizes-list {
            background-color: rgba(255,255,255,0.8);
            li{
                padding: 3px 5px 2px;
                margin-right: 2.5px;
            }
        }
    }

    .wishlist-header {
        .column {
            padding-left: 15px;
            padding-right: 15px;
        }
    }

    .wishlist-page {

        .col-price {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 200px;
            flex: 0 0 200px;
            max-width: 200px;
        }

        .col-prod {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 calc(100% - 700px);
            flex: 0 0 calc(100% - 700px);
            @include calc(max-width, '100% - 700px');    
        }
    }

    .template-collection {
        .padding {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
            .pagination-page {
                @include justify-content(flex-end);
            }
        }
    }

    .product-item{
        .product-des {
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
            filter: alpha(opacity=100);
            visibility: visible;
        }
    }

    .collection-header {
        .collection-image {
            margin-bottom: 13px;
        }
        .page-header {
            margin-top: 30px;
            padding: 0 10px;
        }
    }
    .template-collection{
        .compare-button{
            display: none;
        }
    }

    .product-pagination {
        .compare-link {
            display: none;
        }
    }

    

    .faqs-page {
        .page-header {
            h2 {
               color: $page_title_color !important; 
               margin-top: 30px;
            }
        }
        .des_faqs {
            margin-top: 30px;
        }
    }

    .template-product {
        .halo-product-default {
            .product-photos {
                .bottom-group {
                    .click-to-zoom {
                        display: none;
                    }
                    .theme-ask {
                        margin-top: 15px;
                    }
                }
                .product-custom-block {
                    margin-top: 35px;
                }
            }

            .product-shop {
                .groups-btn-2 {
                    overflow-x: auto;
                    -ms-flex-flow: row nowrap;
                    -webkit-flex-flow: row nowrap;
                    flex-flow: row nowrap;
                    -webkit-overflow-scrolling: touch;
                    padding-bottom: 10px;
                    position: relative;
                    > a {
                        white-space: nowrap;
                    }
                }
            }
        }
    }
    .next_prev-groups {
        .next-prev-product {
            right: 5px;
        }
        .next-prev-icons {
            .next-btn {
                margin-left: 10px;
            }
        }
    }
    /* Header Parallax */
    .wrapper_header_parallax{
        margin-bottom: 0;
        .icon-nav{
            .icon-line{
                background-color: #ffffff;
                &:before,&:after{
                    background-color: #ffffff;
                }
            }
        }
    } 
}

@media (min-width: 992px) {
    #product_custom_engraving {
        .col-row {
            .col-left {
                -webkit-box-flex: 0;
                -ms-flex: 0 0 calc(100% - 400px);
                flex: 0 0 calc(100% - 400px);
                @include calc(max-width, '100% - 400px');
                padding-right: 55px;
            }
            .col-right {
                -webkit-box-flex: 0;
                -ms-flex: 0 0 400px;
                flex: 0 0 400px;
                max-width: 400px;
            }
        }
    }

    .faqs-page {
        .faqs_page-wrapper {
            .right-column {
                .contact-link {
                    .btn {
                        min-width: 255px;
                    }
                }
            }
        }
    } 
}

@media (max-width: 1024px){
    .header-top{
        .top-message{
            &.parallax-message{
                padding: 15px 25px;
            }
        }
    }
    .abs-bottom-mb{
        .action{
            display: block;
            margin-top: 20px;
        }
    }
    .abs-bottom-dt{
        .action{
            display: none;
        }
    }
    .sidebar {
        position: fixed;
        top: 0;
        left: 0;
        width: 330px;
        max-width: 100%;
        background-color: $body_bg;
        z-index: 5;
        margin: 0;    
        overflow-y: auto;
        height: 100vh;
        @include translateX(-100%);
        @include transition(transform .4s ease);
    }
  .kero_row .col-sm-4 {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
}
    
    {% if settings.show_product_des_top_mb %}
    .product-item{
        .product-des.abs-top{
            display: block;
        }
    }
    {% else%}
     .product-item{
        .product-des.abs-top{
            display: none;
        }
    }
    {% endif %}
    .product-title{
        text-overflow: ellipsis;
        overflow: visible;
       
    }
    .products-list{
        .action{
            .btn{
                padding: 13px 15px 10px;
            }
            margin-top: -2px;
        }
        .product-item{
            .item-swatch{
                margin-bottom: 25px;
            }
        }
    }
    .btn{
        padding: 8px 15px 6px;
    }
    .product-item{
        .wishlist{
            margin-bottom: 0;
        }
    }
    .halo-product-custom{
        .product-banner-block{
            .full-banner{
                .banner-item{
                    margin-bottom: 20px;
                }
            }
        }
    }
    .wrapper-login-customer {
        .wrapper-content {
            .col-right {
                > * {
                    padding-left: 15px;
                }
            }
        }
    }
    .header-parallax{
        .header-nav{
            display: none;
        }
    }
    .footer-top-newsletter{
        .banner-large-img{
            .banner-content{
                .banner-title{
                    margin-bottom: 12px;
                }
                .banner-heading{
                    margin-bottom: 20px;
                }
                .block-content{
                    margin-bottom: 20px;
                   .input-group-field{
                        min-width: 310px;
                   }
                }
                .banner-des{
                    margin-bottom: 20px !important;
                }
            }
        }
    }
   .extra-options-cart{
        .extra-image{
            .grid-item {
                padding: 0 20px;
            }
            .inner-top{
                .content-center{
                    padding: 0 25px;
                }
                .content-right{
                    .content-variant-extra{
                        padding-left: 25px;
                    }
                }
            } 
        } 
   }
   .home2-top-banner {
        margin-top: 35px;
    }
    .homepage2-featured-products {
        .widget-title{
            padding-top: 40px;
        }
    }
    .home2-custom-block{
       .widget-title {
            padding-top: 40px;
            p{
                padding: 0px 200px;
            }
        } 
    } 
    
}

@media (max-width: 991px){
    
  .homepage-collection-wrapper {
    padding-top: 7em;
    .column-left {
      text-align: center;
      margin-bottom: 25px;
      .widget-title {
      	text-align: center;
      }
    }
  }
.instruction_row .col-sm-4 {
    
    margin-left: 19px;
}
  .products-grid .grid-item.col-lg-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25% !important;
    flex: 0 0 33% !important;
    padding-left: 5px;
    padding-right: 5px;
    max-width: 33% !important;
}
  .section8 .col-sm-4 {
    
    padding: 30px;
    width: 100%;
    max-width: 100%;
}
  .divii-copy1 .col-sm-6 {
    width: 100% !important;
    max-width: 100% !important;
}
  
  
  .home-top-banner {
    .banner-image {
        .custom-item {
            .caption {
                 h3.heading {
                    font-size: 25px !important;
                 }
            }
        }
    }
    .slick-dots {
        margin-top: 15px !important;
    }
  }

  .home-spotlight-block {
    .spotlight-item {
        .img-box {
            .video {
                svg {
                    width: 71px;
                    height: 50px;
                }
            }
        }
        .spotlight-wrap {
            .spotlight-inner {
                .title {
                    font-size: 25px !important;
                    line-height: 25px !important;
                    margin-bottom: 10px;
                }
                .des {
                    font-size: 12px !important;
                }
            }
        }
    }
  }

    .footer {
        .footer-top {
            .col-lg-3.col-left {
                -webkit-box-flex: 0;
                -ms-flex: 0 0 30%;
                flex: 0 0 25%;
                max-width: 30%;
            }
            .col-lg-3.col-right {
                -webkit-box-flex: 0;
                -ms-flex: 0 0 100%;
                flex: 1 0 28%;
                max-width: 100%;
            }
            .col-lg-6 {
                -webkit-box-flex: 0;
                -ms-flex: 0 0 70%;
                flex: 0 0 40%;
                max-width: 70%;
            }
            .footer-newsletter {
                margin-bottom: 5px;
                .des {
                    margin-bottom: 20px;
                }
                .input-group {
                    max-width: 400px;
                }
            }
        }
    }

  .payment-methods {
    text-align: center;
    margin-top: 20px;
  }

  .wrapper-newsletter {
        .halo-modal-body {
            padding: 20px;

        }
    }

    .wishlist-footer {
        margin-top: 15px;
    }

    .toolbar {
        .column-left {
            margin-bottom: 15px;
        }
        .column-right {
            @include justify-content(space-between);
           

            .filters-toolbar__limited-view {
                .limited-view {
                    min-width: 165px;
                }
            }

            .filters-toolbar__sortby {
                .filter-sortby {
                     min-width: 165px;
                }
            }
        }
    }

    .template-product {
        .halo-product-default {
            .product-photos {
                .product-custom-block {
                    @include flex-wrap(wrap);
                    .item {
                        width: 50%;
                        margin-bottom: 20px;
                    }
                }
            }
        }
    }

    .template-cart{
        .container{
            .cart-left{
                ul {
                    li{
                        .product-details{
                            .quantity{
                                -webkit-flex-direction: column;
                                -moz-flex-direction: column;
                                -ms-flex-direction: column;
                                flex-direction: column;
                                -webkit-align-items: flex-start;
                                -moz-align-items: flex-start;
                                -ms-align-items: flex-start;
                                align-items: flex-start;
                                .item,.extra{
                                    margin: 0 0 10px 0;
                                    max-width: 162px;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}
@media (max-width: 950px){


.accordiann_row {
   
    width: 100% !important;
    display: inline-block;
}
  .divii_copy .col-sm-5 {
    width: 100%;
    max-width: 100%;
    display: inline-block;
}
  .section8 {
    display: inline-block;
    padding-top: 23px;
  }
  .divii_copy .col-sm-7 {
    float: none;
    width: 100%;
    max-width: 100%;
    margin-top: 20px;
}
  .about_content {
    width: 100%;
  }
  .about_img {
    width: 100%;
    /* float: right; */
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
    display: block;
}
.accordiann_row2 {
    /* float: right; */
    width: 100% !important;
}
  .section10 .col-sm-4 {
    /* float: left; */
    padding-top: 20px;
    width: 100%;
    max-width: 100%;
}
  .custom_description p {
    font-size: 14px;
/*     text-align: justify; */
}
}
@media (max-width: 900px){

.custom_description {
    width: 100%;
    display: inline-block;
}
.kero_row img {
    max-width: 247px;
    max-height: 176px;
    min-height: AUTO;
    margin: 0 auto;
}
  .videooo21 {
    display: inline-block;
    float: right;
    width: 100%;
}
  .divii-copy1 .col-sm-6 h1 {
    font-size: 35px !important;
}
  .instruction_row .col-sm-4 {
    margin-left: 0px !IMPORTANT;
    WIDTH: 100%;
    margin-right: 0px;
    MARGIN-TOP: 15PX;
    MAX-WIDTH: 100%;
    FLOAT: NONE;
}
  .img-list h1 {    
    font-size: 41px;
    font-size: 41px;
    width: 100%;
    padding: 0;
    margin: 0;
    text-align:center;
  }
  .divii-copy1 .col-sm-6 h1 {
    font-size: 49px !important;
}
  
  .hair_care .col-sm-4 {
     float: NONE; 
     margin-left: 0px; 
    width: 100%;
    MAX-WIDTH: 100%;
    MARGIN-TOP: 20PX;
    text-align: center;
}
  .expectation .col-sm-6 {
   
    float: left;
    width: 100%;
    MAX-WIDTH: 100%;
    display: inline-block;
}
.dkkj {
    width: 100%;
    margin: 27px auto;
}
  .section6 .col-sm-6 {
    float: NONE;
    padding: 33px 70px;
    width: 100%;
    MAX-WIDTH: 100%;
}
  .section5 .col-sm-6 {
    padding: 100px 60px;
    WIDTH: 100%;
    MAX-WIDTH: 100%;
}
}
@media (min-width: 1025px) and (max-width: 1199px){
    .wrapper_header_parallax{
        .header-parallax{
            .header-nav{
                .site-nav{
                    display: none;
                }
            }
        }
    }
}
@media (min-width: 1025px){
    .abs-bottom-mb{
        .action{
            display: none;
        }
    }
    .abs-bottom-dt{
        .action{
            display: block;
        }
    }
}
@media (min-width: 1198px) and (max-width: 1201px){
    .wrapper_header_parallax{
        .is-sticky{
            .header-bottom{
                .left-groups{
                    width: 260px !important;
                }
                .center-groups {
                    width: calc(100% - 120px) !important;
                }
                .right-groups {
                    width: 300px !important;
                    .account-link{
                        display: none;
                    }
                }
            }
        }
    }
    
    .wrapper_header_default{   
        .header-bottom{
            .left-groups{
                width: 260px !important;
            }
            .center-groups {
                width: calc(100% - 60px) !important;
            }
            .right-groups {
                width: 470px !important;
            }
        }
    }

}
@media (min-width: 1025px) and (max-width: 1366px){
    .home2-custom-block{
        .widget-title{
            p {
                padding: 0px 160px;
            }
        }
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .home2-custom-block{
        .banner-large-img{
            position: relative;
            .inner{
                position: absolute;
                top: 50%;
                z-index: 2;
                text-align: center;
                &.abs_left {
                    @include transform(translateY(-47%));
                    @include calc(left, '(100% - 730px)/2');
                }
                &.abs_right {
                    @include transform(translateY(-47%));
                    @include calc(right, '(100% - 730px)/2');
                }
                &.abs_center {
                    left: 50%;
                    @include translate(-50%, -47%);
                }
            }
        }
    }
    .home-instagram{
        .col-lg-5{
            -webkit-box-flex: 0;
            -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
            max-width: 33.333333%;
        }
    }
}

@media (max-width: 991px) and (min-width: 768px){
    .home2-custom-block{
        .banner-large-img{
            position: relative;
            .inner{
                position: absolute;
                top: 50%;
                z-index: 2;
                text-align: center;
                &.abs_left {
                    @include transform(translateY(-47%));
                    @include calc(left, '(100% - 730px)/2');
                }
                &.abs_right {
                    @include transform(translateY(-47%));
                    @include calc(right, '(100% - 730px)/2');
                }
                &.abs_center {
                    left: 50%;
                    @include translate(-50%, -47%);
                }
            }
        }
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .sub-menu-mobile{
        .col-md-12{
            -webkit-box-flex: 0 !important;
            -ms-flex: 0 0 100% !important;
            flex: 0 0 100% !important;
            max-width: 100% !important;
        }
    }
    .collection-top-banner {
        .coll-banner-content {
            padding: 20px 40px;
        }
    }

    .policys-block-home{
        margin-top: -20px;
    }

    .product-banner-block {
        .full-banner {
            .product-banner-wrap {
                padding: 20px 10%;
            }
        }
        .small-banner {
            .product-banner-wrap {
                padding: 20px;
                bottom: 0px;
                left: 10px;
                right: 10px;
            }
        }
    }

    .themevale_popup {
        #accept-cookies{
            margin-bottom: 15px;
        }
        #accept-cookies,.product-notification{
            margin-left: 15px;
        }
    }
}

@media (min-width: 768px) {
    
    .horizontal-tabs {
        .wrapper-tab-content {
            .tab-title {
            display: none !important;
            }
        }

        .tab-content {
            &.active {
            display: block !important;
            }
        }

        &.horizontal-tabs-center {
            .list-tabs {
            @include justify-content(center);
            }

            .tab-title {
            margin: 0 30px 0 0;

            &:last-child {
                margin-right: 0;
            }
            }

            .tab-links {
            font-size: $font_size + 2;
            font-weight: 700;
            border: none;
            background-color: rgba(255, 255, 255, 0);
            margin-bottom: 0;
            padding: 16px 0 14px;

            &.active {
                font-size: $font_size + 2;
                padding-left: 0;
                padding-right: 0;
                margin-bottom: 0;
                background-color: rgba(255, 255, 255, 0);
            }

            &:before {
                top: initial;
                bottom: -1px;
                left: 0;
                width: 100%;
            }

            &:after {
                display: none;
            }
            }
        }
    }

    .home2-custom-block{
        .banner-large-img{
            .banner-content{
                .banner-des{
                    max-width: 425px;
                    margin-left: auto;
                    margin-right: auto;
                    margin-bottom: 35px;
                }
            }
        }
    }

    .slide-content {
        position: absolute;
        top: 50%;
        z-index: 2;

        &.abs_left {
            @include transform(translateY(-50%));
             left: 4%;
        }

        &.abs_right {
            @include transform(translateY(-50%));
            right: 4%;
        }

        &.abs_center {
            left: 50%;
            @include translate(-50%, -50%);
        }

        &.slide-content-mb {
            display: none !important;
        }
    }

    .home-slideshow,
    .lookbook-slideshow {
        .slick-dots {
            position: absolute;
            left: 50%;
            @include translateX(-50%);    
            min-width: 450px;
            margin: 0;
        }
    }

    .home-slideshow {
        .item {
            img {
                min-height: 280px;
                width: 100%;
                object-fit: cover;
            }
        }

        .slide-image {
            .slide-mobile {
                display: none;
            }
        } 
    }

    .wrapper-newsletter {
        .halo-modal-body {
            background-color: #fff;
            background-image: url({{ settings.newsletter_image | img_url: 'large'}});
            background-size: cover;
            background-position: center;
            background-size: no-repeat;
        }
    }

    .contact-us-page {
        .wrapper {
            .col-xl-7 {
                -webkit-box-flex: 0;
                -ms-flex: 0 0 57%;
                flex: 0 0 57%;
                max-width: 57%;
            }
            .col-xl-5 {
                -webkit-box-flex: 0;
                -ms-flex: 0 0 43%;
                flex: 0 0 43%;
                max-width: 43%;
            }
        }
    }

    .collection-top-banner {
        position: relative;

        .coll-banner-content {
            position: absolute;
            top: 0px;
            bottom: 0px;
            left: 0;
            right: 0;
            @include flexbox();
            @include align-items(center);
            @include justify-content(center);
            &.position-left {
                @include justify-content(flex-start);
                text-align: left;
            }
            &.position-center {
                @include justify-content(center);
                text-align: center;
            }
            &.position-right {
                @include justify-content(flex-end);
                text-align: right;
            }
        }
    }

    .faqs-page {
        .faqs_page-wrapper {
            .left-column {
                -webkit-box-flex: 0;
                -ms-flex: 0 0 300px;
                flex: 0 0 300px;
                max-width: 300px;
            }

            .right-column {
                &.has-col-left {
                    -webkit-box-flex: 0;
                    -ms-flex: 0 0 calc(100% - 300px);
                    flex: 0 0 calc(100% - 300px);
                    @include calc(max-width, '100% - 300px');
                }
                &.no-col-left {
                    -webkit-box-flex: 0;
                    -ms-flex: 0 0 100%;
                    flex: 0 0 100%;
                    max-width: 100%;
                }
            }
        }
    }

    #accept-cookies {
        max-width: 398px;
        padding: 18px 20px 20px 20px;
    }

    .product-notification {
        max-width: 398px;
        margin-bottom: 15px;

        .product-suggest {
          .product-image {
            width: 60px;
          }
          .column-right {
            width: calc(100% - 60px);
          }
        }
    }

    .product-banner-block {
        .full-banner {
            .product-banner-wrap {
                position: absolute;
                left: 0;
                right: 0;
                top: 50%;
                @include transform(translateY(-50%));
            }
        }
        .small-banner {
            .product-banner-wrap {
                position: absolute;
            }
        }
    }
}

@media (max-width: 768px){
    .sticky_form{
        .sticky_group{
            .pr-selectors{
                max-width: 122px !important;
            }
        }
        
    }
  
  .custom_tab1 {
    padding-left: 8px !important;
    padding-right: 8px !important;
}
  .section3 .col-sm-6 {
    margin-top: 40px;
}
  .login-page .col-left.returning-customer {
    
    max-width: 100% !important;
    flex: 0 0 100% !important;
}
  .create-an-account {
    width: 100%;
    margin: 0 auto;
}
  .new-customer .wrapper-title {
    padding-left: 0 !important;
    margin-left: 0 !important;
}
  .login-page .col-right.new-customer {
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin-top: 40px;
}
  .section3 .row1 {
    margin: 0 !important;
}


  ul.list_grp li {
   
    font-size: 15px !important;
}
  .product-item .inner-top .product-top {
    position: relative;
    text-align: center;
    display: inline-block;
    width: 100%;
    margin-bottom: 0px;
}
  .product-shop .short-description {
    margin-bottom: 0;
}
  ul.site-nav li a span:hover {
    color: #b20000 !important;
}
  .products-grid .grid-item.col-lg-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25% !important;
    flex: 0 0 50% !important;
    padding-left: 5px;
    padding-right: 5px;
    max-width: 50% !important;
}
  .kero_row .col-sm-4 {
    width: 100% !important;
    max-width:100% !important;
    float:none !important;
  }
  a.logo-img img {
    width: 100%;
    max-width: 55px;
   
/*     padding-bottom: 10px;
    padding-top: 10px; */
}
  .divii-copy1 .row1 {
    display: flex !important;
    flex-direction: column;
}
  .section8 img {
    width: 100%;
    max-width: 160px;
    margin: 0 AUTO;
    border-radius: 50%;
    DISPLAY: BLOCK;
    HEIGHT: 100%;
    MIN-HEIGHT: 160PX;
}
.divii-copy1 .row1 .col-sm-6:nth-child(2) {
    order: 1 !important;
}
.divii-copy1 .row1 .col-sm-6:nth-child(1) {
    order: 2 !important;
}
  .dp .row1 {
    display: flex !important;
    flex-direction: column;
}
.dp .row1 .col-sm-6:nth-child(2) {
    order: 2 !important;
}
.dp .row1 .col-sm-6:nth-child(1) {
    order: 1 !important;
}

  .short-description {
    padding: 20px;
}
  .custom_tab1 h1 {
    font-size: 26px;
}
  .custom_tab1 p {
    text-align: left;
    padding-top: 20px;
    font-size: 17px;
}
  .divii-copy1 .row1 {
    width: 100% !important;
    display: flex !important;
  }
  .divii-copy1 {
   
    width: 100% !important;
  }
  .divii-copy1 .col-sm-6 h1 {
    font-size: 40px !important;
}
  
  .custom_tab1 video {
    display: block;
    margin: 0 auto;
    width: 100%;
    padding-top: 30px;
}
  .img-list h1 {
    float: left;
    width: 100%;
  }
  .custom_tab1 {
    display: inline-block;
    width: 100% !important;
}
  .img-list video {
    float: none;
    width: 100% !important;
    margin-bottom: 50px;
}
  .row1 .col-sm-6 {
    float: none;
    width: 100% !important;
    max-width: 100% !important;
}
  .row2 .col-sm-6 {
    float: none;
    width: 100% !important;
    max-width: 100% !important;
}
  .divii_copy .col-sm-5 {
    width: 100% !important;
    max-width: 100% !important;
    display: inline-block !important;
}
  .divii_copy .col-sm-7 {
    float: none;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 30px;
}
 .divii-copy1 .col-sm-6 {
    width: 100% !important;
    max-width: 100% !important;
}
  .about_contentt .col-sm-6 {
    float: wid;
    width: 100% !important;
    float: none;
    max-width: 100% !important;
}
  .section8 .col-sm-4 {
    float: none;
    margin-top: 30px;
    padding: 8px;
    width: 100% !important;
    max-width: 100% !important;
}
  
    .wrapper-engraving{
        .alert_engraving{
            padding: 10px;
        }
    }
    .close-modal{
        right: 0;
    }
    .product-img-box{
        .countdown{
            width: 250px;
        }
    }
    .footer-2{
        .footer-bottom{
            .payment-methods{
                text-align: center;
                margin-bottom: 15px;
            }
            .footer_logo_bottom{
                text-align: center;
            }
            .footer_copyright{
                text-align: center;
            }
        }
    }
    .footer-top-newsletter{
        .banner-large-img{
            .banner-content{
                width: 510px;
                .banner-title{
                    font-size: 20px;
                    margin-bottom: 12px;
                }
                .banner-heading{
                    margin-bottom: 16px;
                    font-size: 12px !important;
                }
                .block-content{
                    margin-bottom: 12px;
                   .input-group-field{
                        min-width: 320px;
                   }
                }
                .banner-des{
                    margin-bottom: 12px !important;
                }
            }
        }
    }
    .extra-options{
        .extra-image{
            width: 30%;
            margin: 0 35px 0 30px;
        }
        .extra-button{
            width: 45%;
        }
    }
    #shopify-section-cart-template{
        .page-header{
            a{
                top: 3px;
            }
        }
    }
    .extra-options-cart{
        .extra-image{
            width: 100%;
            margin: 0;
            padding: 0 5px;
            .inner-top{ 
                .content-left{
                    width: 90px;
                }
                .content-center{
                    padding: 0 10px;
                }
                .content-right{
                    .extra-action{
                        .btn,.btn-bundle{
                            width: 160px;
                        }
                    }
                }
            }
        }
    } 
    .home2-top-banner{
       .banner-item{
            .content-box {
                top: 50%;
                left: 0 !important;
                text-align: center !important;
                right: 0 !important;
                transform: translateY(-50%);
            }   
       } 
    }
    .home2-custom-block{
        .widget-title{
            margin-bottom: 40px;
            h3{
                margin-bottom: 20px;
            }
            p{
                padding: 0 90px;
            }
        }
        .banner-content{
            .banner-title{
                margin-bottom: 10px;
            }
            .banner-heading{
                margin-bottom: 10px;
                font-size: 30px !important;
            }
            .banner-des{
                margin-bottom: 20px !important;
            }
        }
    }  
}

@media (max-width: 767px) {
    container,
    .container-fluid,
    .container-padd60 {
        padding-right: 10px;
        padding-left: 10px;
    }

    .sticky_form{
        .col-img-title {
            display: none !important;
        }
    }
    .home-slideshow{
        .slide-image{
            .slide-pc{
                display: none;
            }
        }
    }
    .header-top{
        .top-message{
            &.parallax-message{
                padding: 8px 25px;
            }
        }
    }
    {% if settings.show_product_countdown %}
    .countdown{
        display: none;
    }
    {% endif %}

    {% unless settings.display_sticky_mb %}
    .sticky_form {
        display: none !important;
    }
    {% endunless %}

    .horizontal-tabs{
        .list-tabs {
            display: none !important;
        }
        .wrapper-tab-content {
            .tab-title {
                &:first-child {
                    &+.tab-content {
                         // display: block;
                    }
                }
            }
            .tab-content{
                &.active{
                    display: block;
                }
            }
        }
    }

    .page-header h2, .page-header h1 {
        font-size: 20px;
    }

    .faqs-page .page-header h2 {
        font-size: 20px !important;
    }

    .policys-block-home {
        margin-top: 0px;
    }

    .footer-top-newsletter{
        .banner-large-img{
            position: relative;
            .banner-content{
                position: absolute;
                top: 50%;
                z-index: 2;
                text-align: center;
                left: 50%;
                -moz-transform: translate(-50%, -50%);
                -o-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                width: 100%;
                .banner-title{
                    font-size: 20px !important;
                    margin-bottom: 12px;
                    margin-top: 0;
                }
                .banner-heading{
                    margin-bottom: 16px;
                    font-size: 12px !important;
                }
                .block-content{
                    margin-bottom: 12px;
                   .input-group-field{
                        min-width: auto;
                   }
                }
                .banner-des{
                    margin-bottom: 18px !important;
                }
            }
            .img-box{
                img{
                    min-height: 290px;
                }
            }
        }
    }
    
    .footer{
        .footer-top{
            .col-footer{
                .no-mb{
                    border-bottom: none !important;
                    margin-bottom: 0 !important;
                    &:after{
                        content: none !important;
                    }
                }
            }
        }
    }

    .home2-custom-block{
        .widget-title{
            margin-bottom: 25px;
            h3{
                margin-bottom: 20px;
            }
            p{
                padding: 0 0;
            }
        }
        .banner-content{
            text-align: center;
            .banner-title{
                color: #0f0f0f !important;
                margin-bottom: 10px;
                margin-top: 15px;
            }
            .banner-heading{
                color: #0f0f0f !important;
                margin-bottom: 10px;
                font-size: 24px !important;
            }
            .banner-des{
                color: #0f0f0f !important;
                font-size: 12px !important;
            }
            .banner-button{
                border-color: #0f0f0f !important;
                color: #0f0f0f !important;
                min-width: 190px !important;
            }
        }
    } 

    .slide-content {
        padding: 20px 10px 0 10px;
      position:absolute;
      top:50%;
      left:50%;
      transform: translate(-50%, 50%);
        .slide-button {
            background: $background_1 !important;
            color: $color_1 !important;
            border-color: $border_1 !important;
        }

        .slide-heading,
        .slide-text {
            color: $page_title_color !important;
        }

        .slide-heading {
            .line {
                background-color: $page_title_color !important;
            }
        }

        .slide-countdown {
            .clock-item {
                border: 1px solid $page_title_color !important;
                 .num, .text {
                    color: $page_title_color !important;
                 }
            }
        }

        .group-slide-button {

            &.has-two-button {
                .slide-button {
                    + .slide-button {
                        margin-left: 15px;
                    }
                }
            }
        }

        &:not(.slide-content-mb) {
            .slide-heading {
                display: none;
            }
        }

        &.slide-content-mb {
            position: absolute;
            top: 50%;
            left: 50%;
            @include translate(-50%, -50%);
            padding: 0;
            min-width: 80%;

            .slide-heading {
                font-size: 20px !important;
                margin: 0;                
                padding: 6px 25px 4px;
                display: inline-block;
                color: #ffffff !important;
            }
        }
    }

    .home-new-product-tab, .home-product-tab, .product-widget-tab {
        .list-product-tabs {
            -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
            overflow-x: auto;
          justify-content:center;
/*             @include justify-content(flex-start); */
            padding-bottom: 15px;
/*             margin-bottom: 18px; */
            -webkit-overflow-scrolling: touch;
            position: relative;
            z-index: 1;
            li {
                a {
                    white-space: nowrap;
                    line-height: 20px;
                }
            }
        }
    }

    .home-product-tab, .product-widget-tab {
        .list-product-tabs {
            li {
                margin-bottom: 0;
                &:first-child {
                    a {
                        padding-left: 0;
                    }
                }
                &:last-child {
                    a {
                        padding-right: 0;
                    }
                }
            }
        }
    }

    .footer {
        .footer-top {
            .col-lg-3.col-left, .col-lg-3.col-right, .col-lg-6 {
                -webkit-box-flex: 0;
                -ms-flex: 0 0 100%;
                flex: 0 0 100%;
                max-width: 100%;
            }

            .col-left {
                margin-bottom: 35px;
            }

            .col-footer {
                .foot-title {
                  padding-bottom: 15px;
                  cursor: pointer;
                  position: relative;
                  padding-right: 15px;
                  margin-bottom: 15px;
                  &.dropdow-mb.open{
                    &:after{
                        -moz-transform: rotate(180deg);
                        -o-transform: rotate(180deg);
                        -ms-transform: rotate(180deg);
                        -webkit-transform: rotate(180deg);
                        transform: rotate(180deg);
                    }
                  }

                  &:after {
                    content: "\f107";
                    font-family: FontAwesome;
                    font-weight: 500;
                    font-size: $font_size + 5;
                    text-rendering: auto;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    display: block;
                    cursor: pointer;
                    margin: 0;
                    padding: 0;
                    background: none;
                    @include transition(transform .3s linear);
                    position: absolute;
                    right: 0;
                    top: 1px;
                  }
                }

                ul {
                    display: none;
                }
            }
        }
    }

    .ajax-lookbook-modal {
        left: 0;
        right: 0px;
        margin: 30px auto;
        width: 275px;
        @include calc(max-width, '100vw - 30px');

        .ajax-modal-content {
            padding: 10px 12px;

            .lookbook-content {
                .product-item {
                    .inner-top {
                        @include flexbox();
                    }

                    .product-top {
                        -webkit-box-flex: 0;
                        -ms-flex: 0 0 30%;
                        flex: 0 0 30%;
                        max-width: 30%;
                        margin-right: 15px;
                        margin-bottom: 0;
                        .product-image img {
                            max-width: 100%;
                        }
                        .product-label {
                            top: 0;
                            right: 0;
                        }
                    }

                    .product-bottom {
                        -webkit-box-flex: 0;
                        -ms-flex: 0 0 calc(70% - 15px);
                        flex: 0 0 calc(70% - 15px);
                        @include calc(max-width, '70% - 15px');
                        text-align: left;
                    }

                    .product-image {
                        margin-bottom: 0;
                    }

                    .product-title {
                        overflow: hidden;
                        text-overflow: ellipsis;
                        display: -webkit-box;
                        -webkit-line-clamp: 2;
                        -webkit-box-orient: vertical;
                        max-height: none;
                        white-space: normal;
                        font-size: 12px;
                        line-height: 20px;
                    }

                    .price-box {
                        margin-bottom: 0;
                    }

                    .action,
                    .pr-details {
                        display: none;
                    }
                }
            }
        }
    }

    .wrapper-newsletter {
        .halo-modal-body {
            .column-left {
                padding: 0;
            }
            .title {
                margin-top: 20px;
            }
        }
    }

    .padding {
        .pagination-page {
            li {
                margin: 0 10px;
            }
        }
    }

    .template-collection {
        .product-pagination {
            .padding {
                .toolbar-bottom {
                    @include flex-direction(column);
                    .page-total {
                        -webkit-box-flex: 0;
                        -ms-flex: 0 0 100%;
                        flex: 0 0 100%;
                        max-width: 100%;
                    }
                }
                .pagination-page {
                    -webkit-box-flex: 0;
                    -ms-flex: 0 0 100%;
                    flex: 0 0 100%;
                    max-width: 100%;
                    margin-top: 20px;
                }
            }
        }
    }

    .products-list {
        .product-item {
            .inner-top {
                @include flex-direction(column);
            }
            .product-top {
                width: 100%;
                max-width: 300px;
                margin: 0 auto 12px auto;
            }
            .product-details {
                width: 100%;
            }
        }
    }

    .template-product {
        .product_top {
            margin-bottom: 30px;
        }
        .halo-product-default {
            padding-top: 15px;
            .product-photos {
                margin-bottom: 20px;
            }
        }
    }

    .product-shop {
        .product-title {
            font-size: 17px;
          padding:0 !important;
        }
    }

    .product-banner-block {
        .product-banner {
            .banner-item {
                text-align: center !important;
                margin-bottom: 10px;
                .product-banner-wrap {
                    .title {
                        color: $page_title_color !important;
                        font-size: 24px !important;
                    }
                    .des {
                        color: $body_color !important;
                        font-size: 12px !important;
                    }
                }
            }
        }

        .full-banner {
            .product-banner-wrap {
                padding: 20px 15px;
            }
        }
         .small-banner {
            .banner-item {
                margin-bottom: 15px;
            }
            .product-banner-wrap {
                padding: 20px 0;
            }
         }
    }

    .product-customer-review {
        margin-bottom: 40px;
        .customer-review-content {
            .spr-summary {
                @include flex-wrap(wrap);
            }
            .spr-summary-actions {
                margin-left: 0;
                margin-top: 20px;
            }
        }
    }

    #product_custom_engraving {
        .col-row {
            .title {
                text-align: center;
            }
            .col-right {
                margin-top: 30px;
            }
        }
    }
    .wishlist-footer {
        @include flex-direction(column);
        .padding {
            margin-top: 20px;
        }
    }

    .template-page {
        .breadcrumb {
            margin-top: 50px;
        }
    }

    .contact-us-page {
        .location {
            margin-top: 20px;
        }
    }

    .toolbar {
        position: relative;
        .sidebar-label {
            position: absolute;
            top: 0;
            left: 0;
        }
        .column-right {
            @include flex-direction(column);
            .toolbar-col:not(.filters-toolbar__view-as) {
                margin-left: 0;
                margin-top: 15px;
                label {
                  
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    + div {
                        @include calc(width, '100% - 120px');
                    }
                }

            }
            .filters-toolbar__view-as {
                @include justify-content(flex-end);
            }
        }
    }

    .faqs-page {
        .faqs_page-wrapper {
            .left-column {
                .need-help {
                    margin-bottom: 45px;
                    border-bottom: 1px solid #0f0f0f;
                    padding-bottom: 20px;
                }
            }
            .right-column {
                .contact-link {
                    @include justify-content(center);
                    @include flex-wrap(wrap);
                    .text {
                        text-align: center;
                    }
                    .btn {
                        margin-left: 0;
                        margin-top: 15px;
                    }
                }
            }
        }
    }

    .halo_modal-custom {
        .modal-body {
            .custom-radio {
                label {
                    &:first-child {
                        display: block;
                    }
                }
            }
            .form-group {
                input[type="radio"] {
                    + label {
                        &:last-child {
                            margin-right: 0;
                        }
                    }
                }
            }
        }
    }
    .template-cart{
        .container {
            .cart-right{
                textarea{
                    max-width: 100%;
                }
            }
            #shipping-calculator{
                .form-group input[type="text"]{
                    max-width: 100%;
                }
            } 
        }
    } 
}

@media (min-width: 767px) and (max-width: 769px){
    .footer-2{
        .lang-currency-groups{
            max-width: 50%;
        }
    }
    .extra-options-cart{
        .extra-image{
            .inner-top{
                .content-center{
                    display: block;
                    text-align: center;
                    margin: 0;
                    padding: 0;
                }
                .content-left{
                    width: 130px;
                    display: block;
                }
            }
        }
    }
}

@media (min-width: 480px) and (max-width: 1199px){
    .jas-mb-style,
    .site-nav .sub-menu-mobile {
        width: 337px;
    }

    .icon-nav {
        &.menu-open {
            right: inherit;
            left: 337px;
        }
    } 
}
@media (max-width: 575px){

.divii_copy h4 {
    margin-bottom: 0;
}
.divii_copy .col-sm-6 {
    margin-top: 40px;
}
.divii_copy h3 {
    margin: 0;
}
  .section10 h4 {
    font-size: 24px;
    color: #0e4884;
    font-weight: 600;
    margin-bottom: 10px;
}


}
@media (max-width: 550px){
    .slick-dots{
        li{
            button{
                width: 8px;
                height: 8px;
            }
        }
    }
    .home2-top-banner{
        .item{
            &:first-child{
                .banner-item{
                    margin-bottom: 15px;
                }
            }
        }
        .banner-item{
            .content-box{
                .banner-title{
                    font-size: 24px !important;
                }
            }
        }
    }
    .slide-content{
        .slide-countdown{
            .clock-item{
                padding-left: 25px;
                padding-right: 26px;
            }
        }
    }
    .extra-options-cart{
        padding-bottom: 20px;
        margin-bottom: 20px;
        .grid-item{
            padding: 0 50px !important;
        }
        .box-title{
            padding: 15px !important;
        }
        .extra-image{
            padding: 0 15px;
            .inner-top{
                display: block;
                .content-left{
                    display: block;
                    width: 210px;
                }
                .content-center{
                    display: block;
                    text-align: center;
                    max-width: 100%;
                    margin-top: 8px;
                }
                .content-right{
                    display: block;
                    text-align: center;
                    .content-variant-extra{
                        padding-left: 0;
                        &:before{
                            content: none;
                        }
                        .extra-action{
                            .btn{
                                width: 213px;
                            }
                        }
                    }
                }
            }
        }
    }
  .divii-copy1 .col-sm-6 h1 {
    font-size: 29px !important;
}
 
  .filters-toolbar__sortby.toolbar-col {
    display: initial;
}
  .section11 h3 {
    font-size: 30px;
  }
  .blog-item h3.article-title span {
    font-size: 21px;
}
  .section8 h3 {
    padding-top: 0;
    margin-bottom: 0;
}
  .block-row.col-main.blog-detail.col-12.col-md-12.col-lg-9 {
    flex: 0 0 100%;
    max-width: 100%;
    margin: 0 auto;
}
  .instruct {
   
    padding: 20px 21px;
}
  .section11 {
    text-align: center;
    flex: 0 0 750px !important;
    background: #f3f3f3;
    padding: 21px;
  }
  .swatch .swatch-element.color label, .swatch .swatch-element.size label {
    /* border-radius: 10px !important; */
    padding: 6px;
    line-height: 19px;
    font-size: 12px;
}
  .custom_tab1 {
    margin: 0 auto;
    padding: 23px;
  }
  .section4 {
    padding: 10px;
  }
  .img-list h1 {
    font-size: 33px;
}
.my-dummy .section4 td{
        font-size: 14px !important;
  }
  .section3 { 
    padding: 0px;
}
  .divii .col-sm-4 {
    WIDTH: 100%;
    padding: 64px 12px;
  }
  .divii_copy {
    display: inline-block;
    background: #eafff1;
    padding: 33px 8px;
}
  .divii-copy1 {
   
    padding: 8px !important;
}
  .hair_care {
    width: 100%;
    display: inline-block;
    padding: 0px;
    margin-top: 40px;
}
  .hair_care h1 {
    font-size: 28px;
  }
  .expectation {
       padding-left: 24px;
    padding-right: 10px;
  }
  .section5 .col-sm-6 {
    padding: 28px 20px;
  }
  .section6 .col-sm-6 {
    float: NONE;
    padding: 31px 13px;
  }
}

@media (max-width: 479px) {
    .sticky_form{
        .sticky-add-to-cart {
/*             height: 20px; */
            margin-top: 0;
        }
        .sticky_group{
            .quantity {
                display: none !important;
            }
            .pr-selectors{
                -webkit-box-flex: 0;
                -ms-flex: 0 0 100%;
                flex: 0 0 100%;
                max-width: 100%;
            }
        }
    }
  .custom_tab1 h1 {
    font-size: 33px;
}
  .products-grid .grid-item.col-6.col-md-4.col-lg-3 {
   
    flex: none;
    max-width: 100%;
   
}
  .my_customm_sec span {
    color: #3d3d3d;
    padding-right: 0px;
}
  .my_customm_sec p {
    margin-bottom: 8px;
    color: #000;
    font-size: 13px;
}
  
  .section11 .accordion {    
    padding: 13px;
    font-size: 14px;
    transition: 0.4s;
}
    .footer-top-newsletter{
        .banner-large-img{
            .block-content{
                .input-group-field{
                    margin-right: 0;
                }
            }
        }
    }
    .footer-top-newsletter{
        .banner-large-img{
            .banner-content{
                .block-content{
                   .input-group-field{
                        min-width: 100%;
                   }
                   .banner-des {
                        margin-bottom: 10px !important;
                    }
                }
                .btn{
                    min-width: 100%;
                    margin-top: 5px;
                    padding: 10px 15px;
                }
            }
            
        }
    }
    .jas-mb-style,
    .site-nav .sub-menu-mobile {
        @include calc(width, '100vw - 40px');
    }
    
    .countdown {
        .clock-item {
            min-width: 46px;
            padding: 6px 5px 5px 6px;
            &:last-child {
                margin-left: 5px;
            }
        }
    }

    

    .home-top-banner .banner-image {
        padding-left: 22px;
        padding-right: 22px;
    }

    .homepage-reviews {
        .item {
            padding: 20px;
        }
    }
    
   #accept-cookies,
   .product-notification {
        max-width: 100%;
    }

  #accept-cookies{
    text-align: center;
    margin-top: 0px;
    .block-cookies {
      .btn-bottom {
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
      }
    }
  }

  .product-notification {
     .product-suggest {
      .column-right {
        padding-right: 25px;
      }
     }
  }
  .wrapper-newsletter {
    .halo-modal-body {
        .des {
            br {
                display: none;
            }
        }
        #email-subscibe {
            .btn {
                min-width: 90px;
            }
        }
    }
  }
  #custom-block-blog-post-custom{
    .blog-custom-content{
        .blog-item{
            -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
            .banner-content h2{
                margin-top: 25px;
            }
            &:last-child{
                .content-image{
                    margin-top: 30px;
                    display: block;
                    .banner-content{
                        .banner-des{
                            margin-bottom: 10px;
                        }
                        h2{
                            margin-top: 30px;
                        }
                    } 
                }
            }
        }
    }
  }
  .halo-article-page{
    .content-tags-share{
        display: block;
    }
    .action-btn a{
        min-width: 130px;
    }
  }
  .wrapper-login-customer{
    .wrapper-content{
        .col-left,.col-right{
            max-width: 100%;
            flex: 100%;
        }
        .col-left{
            >*{
                padding: 0;
            }
        }
        .col-right{
            margin-top: 25px;
            >*{
                padding: 0;
                margin: 0;
            }
            .wrapper-title ~ *{
                margin-left: 0;
            }

        }
    }
  }
}
@media (max-width: 380px){
    .widget-title {
        .box-title {
            font-size: 22px;
        }
    }
    
    #dropdown-cart {
        .cart-collateral {
            @include flex-wrap(wrap);
            .price {
                margin-top: 10px;
                margin-left: 5px;
            }
        }
    }

    .svg-mb {
        width: 50px;
        &.cart-icon {
            width: 55px;
        }
    }
    .header-mb {
        .header-mb-middle {
            @include calc(width, '100% - (100px + 105px)');
            .logo-img {
                @include flexbox();
            }
        }
    }

    .slide-content {
        .group-slide-button {
            &.has-two-button {
                .slide-button {
                    min-width: 170px;
                }
            }
        }
    }

    .homepage-collection-wrapper {
        .column-right {
            .products-grid {
                .grid-item {
                    .collection-title-wrapper {
                        .collection-title {
                            .btn-shadow {
                                 .btn {
                                    padding: 13px 15px 10px;
                                 }
                            }
                        }
                    }
                }
            }
        }
    }

    .home-top-banner {
        .banner-image {
            padding-left: 10px;
            padding-right: 10px;
        }
    }
    .payment-methods {
        li {
            margin-right: 10px;
            margin-bottom: 10px;
        }
    }

    .products-list {
        .product-item {
            .action {
                .btn {
                    min-width: 235px;
                    max-width: 235px;
                }
            }
        }
    }
}
@media (min-width: 800px) and (max-width: 820px) {
    .footer-top-newsletter{
        .banner-large-img{
            .banner-content{
                .block-content{
                    .input-group-field{
                        min-width: 210px;
                    }
                }
            }
            .img-box{
                img{
                    height: 310px;
                }
            }
        }
    }
}
@media (min-width: 360px) and (max-width: 767px) {
    .product-item {
        .product-des {
            &.abs-center {
                top: auto;
                bottom: 15px;
                @include transform(none);
            }
        }
    }
}
@media (min-width: 551px) and (max-width: 767px) {
    .footer-top-newsletter{
        .banner-large-img{
            .banner-content{
                .block-content{
                    .input-group-field{
                        min-width: 320px;
                    }
                }
            }
        }
    }
}
@media (max-width: 359px) {
    .page-header h2, .page-header h1 {
        font-size: 18px;
    }
    .faqs-page .page-header h2 {
        font-size: 18px !important;
    }

    .header-mb {
        .header-mb-middle {
            @include calc(width, '100% - (100px + 105px)');
            .header-logo {
                padding: 0;
            }
        }
    }

    .countdown {
        .clock-item {
            &:last-child {
                margin-left: 5px;
            }
        }
    }

    #dropdown-cart {
        .extra-options {
            .products-grid {
                .slick-arrow {
                    &.slick-prev {
                        left: -35px;
                    }
                    &.slick-next {
                        right: -35px;
                    }
                }
            }
        }
    }

    .quickSearchResultsWrap {
        .products-grid {
            .grid-item {
                -webkit-box-flex: 0;
                -ms-flex: 0 0 100%;
                flex: 0 0 100%;
                max-width: 100%;
            }
        }
    }

    .slide-content {
        .slide-countdown {
            .clock-item {
                min-width: 65px;
            }
        }
        .group-slide-button {
            display: inline-block;
            width: 100%;
            .slide-button {
                min-width: auto;
                width: 100%;
            }
            &.has-two-button {
                .slide-button {
                    + .slide-button {
                        margin-left: 0px;
                        margin-top: 15px;
                    }
                }
            }
        }
    }

    .home-top-banner {
        .banner-image {
            max-height: 340px;
            img {
                max-height: 340px;
            }
            .custom-item {
                .caption {
                    padding: 20px;
                }
            }
        }
    }

    .home-spotlight-block {
        .spotlight-item {
            .spotlight-wrap {
                padding: 10px 15px;
            }
        }
    }

    #accept-cookies .block-cookies .btn {
        max-width: 135px;
        padding-left: 18px;
        padding-right: 18px;
      }

      #accept-cookies .block-cookies .btn-bottom a {
        margin-left: 15px;
      }

    .wrapper-newsletter {
        .halo-modal-body {
            .title {
                font-size: 20px;
            }
            .social-icons {
                margin-bottom: 35px;
            }
        }
    }

    .products-grid {
        .grid-item {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }
    }

}
@media (max-width: 320px){
    .sticky_form{
        .sticky_group{
            .pr-selectors{
                padding: 0; 
            }
        }
    }
    .slide-content{
        .slide-countdown{
            .clock-item{
                padding: 19px;
            }
        }
    }
    .extra-options{
        .extra-image{
            width: 37%;
            margin: 0 20px 0 20px;
        }
        .extra-button{
            width: 47%;
        }
    }
    #shopify-section-cart-template{
        .page-header{
            a{
                top: 0;
            }
        }
    }
    .extra-options-cart{
        .grid-item{
            padding:0 20px !important;
        }
        .extra-image{
            width: 100%;
            margin: 0;
        }
    }   
}
@media (max-width: 550px){


.product-shop .prices .on-sale {
    /* color: #b12704; */
    font-size: 24px;
  padding-left: 20px !important;
}
  .divii-copy1 h3 {
    margin: 0;
}
  
  .divii_copy .col-sm-5 h4 {
    font-size: 26px !important;
}
  .divii-copy1 .col-sm-6{
 margin-top: 41px; 
  
  }
  #your-shopping-cart a.remove.btn.item {
    height: 31 !important;
    height: 31px !important;
    line-height: 30px !important;
}

}


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

    .halo-product-content h4.foo{
      font-size:23px !important;
      font-weight:800;
    }
  .about-card{
    margin:0 !important;
  }
  .it-work h1{
    font-size: 28px;
}
  .cirti h1{
    font-size:28px;
  }
  .cirti p{
    font-size:16px;
  }
  #wrap .slider-nav button.slick-arrow.slick-prev{
    left: -3px!important;
    top: 25%;
    transform: translate(-50%,-50%);
}
#wrap .slider-nav button.slick-arrow.slick-next {
    right: -25px!important;
    top: 25%;
    transform: translate(-50%,-50%);
}
  }

  @media (min-width: 580px) and (max-width: 767px){
    .halo-product-content h4.foo{
      font-size:22px !important;
      font-weight:800;
    }
  }

    @media (min-width: 480px) and (max-width: 580px){

    .halo-product-content h4.foo{
      font-size:30px !important;
      font-weight:800;
    }
  }

@media (min-width: 320px) and (max-width: 480px){

    .halo-product-content h4.foo{
      font-size:30px !important;
      font-weight:800;
    }

/* top bar */
   
.header-top .top-message{
font-size:9px;
  padding-left:0;
  padding-right:0;
}
/*   .header-top .call_now{
    font-size:8px;
  } */
.halo-product-content h4.foo{
      margin-bottom: 5px;
}
   .it-work h1{
    font-size: 22px;
}
 .order-form .container{
      padding:0 7px !important;
 }
}


@media screen and (min-width: 900px){
  .product.product-default .product_top .slick-track .item,
  .product.product-default .product_top .slick-track .product-image{
      width: calc(20% - 0.8rem);
}
  .surgeries-prevanted{
    border-radius:15px;
  }
}


@media (min-width: 750px){
  .desctiption_slider .journey-txt {
    font-size: 16px;
    padding-top: 10px;
        padding-bottom: 15px;
    text-align: center;
}

}
 
@media (min-width: 1200px){
  .desctiption_slider .slick-track{
      position:relative;  
}

.product-shop {
        .product-title {
            font-size: 17px;
          padding:0 !important;
        }
}
.product-shop .product-shop-inner{
    padding: 12px 17px !important;
}
  
.sidebar.blog-sidebar{
    position: sticky;
    top: 54px;
    background: #f2f2f2;
    border-bottom: 3px solid #061487;
    padding: 15px;
    height: fit-content;
}

.cirti .slick-arrow.slick-prev{
    color: #000639;
    bottom: 13%;
    right: 5%;
    top: unset;
    left: unset;
    box-shadow: 0 2px 4px 0 rgba(0,102,255,.2), 0 1px 10px 0 rgba(0,102,255,.12), 0 4px 5px 0 rgba(0,102,255,.14);
}

.cirti .slick-arrow.slick-next {
    color: #000639;
    right: -18px;
    bottom: 13%;
    top: unset;
    border-radius: 50%;
    box-shadow: 0 2px 4px 0 rgba(0,102,255,.2), 0 1px 10px 0 rgba(0,102,255,.12), 0 4px 5px 0 rgba(0,102,255,.14);
}

}


@media (min-width: 1024px) and (max-width: 1200px){
  .desctiption_slider .slick-track{
      position:relative;
      left: -16%;   
}   
 .product-shop {
        .product-title {
            font-size: 17px;
          padding:0 !important;
        }
    }
  .product-shop .product-shop-inner{
    padding: 12px 17px !important;
  }
   .custom-block-product .icon {
    flex: inherit !important;
}
.cirti .slick-arrow.slick-prev{
    bottom: 13%;
    right: 5%;
    top: unset;
    left: unset;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.cirti .slick-arrow.slick-next {
    right: -18px;
    bottom: 13%;
    top: unset;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
  
}

@media (min-width: 767px) and (max-width: 1024px){
  .desctiption_slider .slick-track{
      position:relative;
      left: -24%;     
}    
 .product-shop {
        .product-title {
            font-size: 17px;
          padding:0 !important;
        }
    }
  .product-shop .product-shop-inner{
    padding: 12px 17px !important;
  }
  .custom-block-product .icon {
    flex: inherit !important;
}
   .product-journey .owl-carousel .card{
  min-height:340px;
  }
.cirti .slick-arrow.slick-prev{
    bottom: 13%;
    right: 5%;
    top: unset;
    left: unset;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.cirti .slick-arrow.slick-next {
    right: -18px;
    bottom: 13%;
    top: unset;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
}



@media (min-width: 580px) and (max-width: 767px){
  .desctiption_slider .slick-track{
      position:relative;
      left: -36%;     
}    
  .home_section_3 .inner_section .card a img{
    height:180px;
  }
  .product-shop .product-shop-inner{
    padding: 10px !important;
  }

  .newslatter h2 {
    font-size: 52px;
}
  .newslatter p {
    font-size: 26px;
  }
  .newslatter a.btn{
    font-size:16px;
    font-weight:500;  
  }
  .blog-product .left-side h4{
    font-size: 28px;
    line-height: 32px;
    padding-bottom:16px;
  }
  .blog-product .left-side p{
    margin:0;
    font-size: 13px;
    line-height: 20px;
     padding-bottom:16px;
  }
}

@media (min-width: 320px) and (max-width: 580px){    
     .blog-product .right-side{
          width:100%;
    }
   .blog-product .right-side img{
        border-radius:inherit;
    }
  .blog-product .left-side{
       width:100%;
       border:0 !important;
       border-radius:0;
    }
  .blog-product .resp{
    background: #fafafa;
    border-radius: 15px;
    border:1px solid;
    padding:10px;
  }
  .blog-product .resp .inner-resp{
    flex-direction:column;
  }
  .blog-product .left-side p{
    margin:0 !important;
  }
  .at-home h2{
    font-size: 22px !important;
  }
  
}

@media (min-width: 320px) and (max-width: 767px){    
 
  .home_section_3 .inner_section .card a img{
    height:180px;
  }
    .textStripSection{
    padding: 3px 0px;
  }
  .textStripSection .textItem span {
    font-size: 12px;
  }
  
  .section_6 .twae-timeline-centered .twae-timeline-entry{
    width:100% !important;
  }
  .section_6 .twae-timeline-centered .twae-timeline-entry.twae-left-aligned .twae-timeline-entry-inner .twae-data-container{
    margin-right:0;
  }
  .section_6 .twae-timeline-centered .twae-timeline-entry .twae-timeline-entry-inner .twae-data-container{
    margin-left:62px;
  }
  .section_6 .twae-timeline-centered .twae-timeline-entry .twae-timeline-entry-inner .twae-label-extra-label{
    position: relative;
    left: 0;
    text-align: left;
    display: inline-block;
    width: 100%;
    padding-left: 54px;
}
  .section_6 .twae-vertical.twae-wrapper.twae-centered{
    padding-left: 32px !important;
}
  .section_6 .twae-label-extra-label .shad{
    left: 0px !important;
    right:unset !important;
  }
  
  .section_6 .twae-label-extra-label .inner_shad{
    position: absolute !important;
    left: 50px !important;
    top: 8px !important;
  }
  
  .section_6 .twae-wrapper span.twae-label{
        right:unset;
    left:61px !important;
    top:15.58px;
  }
  .home_section_5 .wrapper{
    width:100%;
    padding: 20px 0px!important;
  }
  #slideshow-1556181829880{
    display:none;
  }
  #shopify-section-31888dea-72cb-43a6-bb8c-750c965f46d5{
  display:block;
}
  #slideshow-31888dea-72cb-43a6-bb8c-750c965f46d5{
    margin-bottom:0 !important;
  }
  #shopify-section-1556181829880{
    display:none;
  }
   .product-shop {
        padding-right: 3px !important;
        padding-left: 3px !important;
  }
   .product-shop .product-shop-inner{
    padding: 10px !important;
  }

    .multiImgBlock {
        display: flex;
        column-gap: 30px;
        overflow-x: scroll;
        align-items: flex-start;
        flex-wrap: nowrap;
    }
.probiotics img{
  height: 240px;
}
   .custom-block-product .icon {
    flex: inherit !important;
}


/* ceritificate */

   .cirti{
    padding: 3em 0 0 0;
  }
  .cirti h1{
    font-size:32px;
  }
  .cirti p{
    font-size: 15px;
    line-height: 26px;
  }
  

   .cirti .content{
    padding-bottom:7em !important;
  }

  .cirti .content h1{
    font-size:22px;
  }
 .cirti .cirti-image{
    position:relative;
    top: -101px;
    z-index: 999;
  }
  .howit-works .left-tab{
    padding:26px 0;
  }
  .howit-works .tablinks.in-view{
        margin-right: 0px !important;
  }

{% comment %} blog {% endcomment %}

  .halo-article-page .page-title h1{
    font-weight: 900;
    font-size: 40px;
    line-height: 44px;
  }
  .block-row.col-main.blog-detail.col-12.col-md-12.col-lg-9 h2{
    font-size: 24px;
    line-height: 30px;
  }
  .block-row.col-main.blog-detail.col-12.col-md-12.col-lg-9 h3{
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 15px;
  }
.block-row.col-main.blog-detail.col-12.col-md-12.col-lg-9 p{
    font-size: 17px;
    line-height: 26px;
  }
.article-callout-textblock p{
    font-size: 26px!important;
    line-height: 1.4em!important;
    width: 95%;
  }
  .banner .girl h2.heading{
    line-height: 36px!important;
    font-size: 32px!important;
    font-weight: 900;
  }
  .banner .sub-heading{
    font-size: 27px !important;
    font-weight: 700;
   }
  .banner .at-home h2 {
    font-size: 20px!important;
}
  .our-diagnosis .root_cause_main .root-causes p:after{
        width: 32px !important;
  }
  .our-diagnosis .root_cause_main .root-causes p:before {
   width: 32px !important;
}
.chakra-product .cart.btn{
  width:75%;
    margin: auto;
}
.landing-banner.banner .point p{
    font-size: 14px;
}
.product-block-has__banner .product-block__banner .product-block__cap.align--left .product-block__cap--button{
      margin-left: auto !important;
}
}

@media (min-width: 320px) and (max-width: 580px){

a.sticky-btn{
    /* display:block !important; */
}
  
.desctiption_slider .slick-track{
      position:relative;
      left: -42%;     
} 

  .product-single__video.slick-slide .vp-center{
    display:block !important;
  }
  .postcard{
      min-height: 259px;
  }
  .postcard__title {
    font-size: 1.3rem;
}
.postcard__text{
  padding:0.5em;
}
.consult-now .big-title{
  display:none;
}
  .consult-now .title{
    font-size: 22px;
    color: #453e79;
    text-transform: uppercase;
    letter-spacing: 7px;
    padding: 5px 15px;
    display: inline-block;
    border: 1px solid #dad8e4;
    margin: 0;
  }
  .medicine-banner img{
    height:55vh !important;
  }
    .surgeries-prevanted h4{
    font-size: 13px;
}
  .chakra-product .card-body p.card-text.price{
    font-size:22px !important;
  }
  .chakra-product .card-body p.card-text.price del{
    font-size:16px !important;                       
  }

  .header-top .call_now{
    display:none;
  }
}


@media (min-width: 320px) and (max-width: 400px){
  .product-custom-block {
            overflow-x: scroll;
}
  .section_6 .twae-wrapper .twae-data-container span.twae-title{
    font-size:12px;
  }
  .section_6 .twae-wrapper .twae-description{
    font-size:12px;
  }
/*   html .hxoSelectTheme.mobile_bottom_left{
    left:70% !important;
  } */
.section-specialists .card{
      min-height: 232px;
}
  .face-symptoms #pageHeaderTitle{
    font-size: 32px;
  }
  .globo-form-publish-modal .globo-form-modal-content{
    width:100% !important;
  }
}

@media (min-width: 320px) and (max-width: 480px){

  .money-back span{
    font-weight: 500;
    letter-spacing: 0px;
  }
  .section-specialists{
    padding:5em 0;
  }
   .home_section_3{
    padding:5em 0;                                                                                       
  }
  .home_section_4{
    padding:5em 0;
  }
  .section_6{
    padding:3em 0;
  }
  .homepage-collection-wrapper{
     padding:5em 0;
  }
  
  .section-specialists h1,
  .section_6 .heading{
    font-size:32px;
  }
  .home_section_3 .home-two-up-image-callout-title span{
    font-size:28px;
  }

.col-variant{
  width:50%;
}
  .sticky_form .sticky_group .pr-selectors{
    max-width:100% !important;
  }
  .col-actions{
    width:50%;
  }
  .sticky_form .sticky-item{
    margin:0;
  }
  .sticky_form .sticky-add-to-cart{
    max-width:100%;
  }
  .col-actions.single-col-action{
    width:100% !important;
  }
  .col-actions.single-col-action .action.sticky-item{
    width:50%;
    margin:auto !important;
  }
  .sticky_form .sticky_group .pr-selectors{
    padding-left:0 !important;
  }
  .my-icons{
    font-size:15px;
  }
.template-product .halo-product-default .product-photos{
  padding:0;
}
.newslatter h2 {
    font-size: 44px;
      text-align:center;
}
  .newslatter p {
    font-size: 24px;
        text-align:center;
  }
  .newslatter a.btn{
  font-size:16px;
  font-weight:500;
  }
  .why-customer-say .heading{
      padding: 4px 10px;
  }
  .why-customer-say h2 {
    /* font-weight: 600;
    font-size: 32px; */
}

.howit-works h2{ 
  font-size:36px;
}
  
.it-work h2 {
    color: #0c2648;
    font-size: 27px;
}
/*  customer review slider */
  .customer-review-slider h2{
    font-size: 32px;
  }
  .customer-review-slider .owl-carousel .card{
    padding: 0.5rem !important;
  }
  /* end customer review slider */
  .product-journey .heading{
    font-size:32px;
  }
  .cirti .heading{
  font-size:32px;
  line-height: 36px;
}
  .probiotics h2{
  font-size:32px;
}

.medicine-banner img{
    height:50vh !important;
}
  .gradient-cards{
    padding:0;
  }
        
}

@media (min-width: 1200px) and (max-width: 1451px){
  .site-nav > .item{
    padding-left:4px !important;
  }
  .product-journey .owl-carousel .card{
  min-height:430px;
  }
}

@media screen and (min-width: 769px) {
  .postcard {
    flex-wrap: inherit;
  }
  .postcard .postcard__title {
      font-size: 2rem;
    }

    .postcard__tagbox {
      justify-content: start;
    }

    .postcard__img {
      max-width: 300px;
      max-height: 100%;
      transition: transform 0.3s ease;
    }

    .postcard__text {
      padding: 2rem;
      width: 100%;
    }

    .media.postcard__text:before {
      content: "";
      position: absolute;
      display: block;
      background: #18151f;
      top: -20%;
      height: 130%;
      width: 55px;
      display:none;
    }

    .postcard:hover .postcard__img {
      transform: scale(1.1);
    }

    .postcard:nth-child(2n+1) {
      flex-direction: row;
    }

    .postcard:nth-child(2n+0) {
      flex-direction: row-reverse;
    }

    .postcard:nth-child(2n+1) .postcard__text::before {
      left: -20px !important;
      transform: rotate(4deg);
  }

    .postcar.postcard:nth-child(2n+0) .postcard__text::before {
      right: -12px !important;
      transform: rotate(-4deg);
    }
  }
  
@media screen and (min-width: 1024px){
	.postcard__text {
      padding: 2rem 2.5rem;
    }
		
.postcard__text:before {
      content: "";
      position: absolute;
      display: block;
      top: -20%;
      height: 130%;
      width: 43px;
  }
	
  .postcard.dark 
		.postcard__text:before {
			background: #18151f;
          display:none; 
		}
  
	.postcard.light 
		.postcard__text:before {
			background: #e1e5ea;
		}
}


@media (min-width: 320px) and (max-width: 992px){
  .calculator-page .right-col-content {
    display: flex; 
    justify-content: space-between;
    align-items: center;
    padding: 15px 25px;
}
  .calculator-page .cal-logo img{
  width:59px;
  }
  .calculator-page .cal-logo{
    margin:0;
  }
  .calculator-page .calulator-info span {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 2px;
    text-align: right;
}
  .calculator-page .calulator-info strong {
    margin-bottom: 0px;
    display: block;
    font-size: 16px;
    line-height: 18px;
    text-align: right;
}
  .calculator-page .calulator-info span {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 2px;
    text-align: right;
}

}

/* for landing pages */
@media screen and (min-width: 992px){
  #wrap .slider-nav button.slick-arrow.slick-next{
    bottom: 0px !important;
    top: unset;
    left: 35% !important;
    transform: rotate(90deg);
  }
 #wrap .slider-nav button.slick-arrow.slick-prev{
    bottom: unset;
    top: 0;
    left: 35% !important;
    transform: rotate(90deg);
 }
}

/* @media (min-width: 992px) and (max-width: 1024px){
        background-size: 319px!important;
} */



@media (max-width: 550px) {
  /* footer */
    .btn_1_br_outside .footer-block__list-payment ul li {
        margin-right: 4px !important;
    }

  /* product */
  .template-product .productView-top .price-item.price-item--sale .money{
        padding-left: 5px;
  }
  .template-product .productView-top .price-item.price-item--regular span.money{
        padding-left: 1px;
  }

  .price dd{
        margin: 0 5px 0 0 !important;
  }
  .template-product .productView-top .price-item.price-item--sale .money{
    /* font-size:25px !important; */
  }
  .productView-price .price__saved{
    padding: 4px 4px !important;
  }
  .productView-price .price.price--medium .price-item--saved{
    font-size: 11px !important;
  }
  .productView-stickyCart.style-1 .sticky-right .sticky-options{
        width: 100% !important;
        margin: 0 !important;
  }
  .new-subscriber__countdown .item .num{
      font-size: 2.5rem !important;
  }
      .new-subscriber .new-subscriber__countdown {
        gap: 10px 66px !important;
    }
  .new-subscriber .new-subscriber__summary{
        gap: 4px 42px !important;
  }
.fluid-width-video-wrapper video, .fluid-width-video-wrapper iframe{
    /* object-fit: fill !important; */
}
  .productView-container.container h4.foo{
    font-size: 28px !important;
    margin: 10px 0 !important;
  }
  .productView-stickyCart.show-sticky{
        padding: 4px 0 !important;
  }
  span.heading_top{
    font-size: 10.5px !important;
  }
}
          
@media (max-width: 1280px) {
.company-based-icon-pc{
  display:none;
}
  #ProductSection-template--16248785436807__main .productView-thumbnail .productView-thumbnail-link:after {
    padding-bottom: 97% !important;
}
}

/* landing page */
@media (max-width: 1200px) {
.traditional-ghee h2.section-title {
        font-size: 42px;
        line-height: 50px;
    }
}

@media (max-width: 991px) {
.traditional-ghee h2.section-title {
        font-size: 38px !important;
        line-height: 48px !important;
    }
  .traditional-ghee ul li.prt-list-li-content{
        padding: 11px 0 9px 50px;
        font-size: 14px;
  }
.working-process .accordion-item .accordion-button{
  font-size:22px;
}
  .working-process .accordion-item .accordian-numbers{
    font-size:24px;
  }
  .working-process .accordion-item .accordian-numbers {
    padding-right: 10px !important;
}
}
    

@media (max-width: 575px) {
.traditional-ghee h2.section-title {
        font-size: 30px !important;
        line-height: 40px !important;
    }
  .working-process .accordion-item .accordion-button{
      padding: 0px 0px;
      padding-left: 9px;
      line-height: 20px;
    }
    .working-process .accordion-item .accordion-button{
        font-size: 16px;
    }
  .working-process .accordion-item .accordion-collapse .accordion-body{
     padding: 18px 8px;
  }
  .working-process .accordion-item .accordion-collapse .accordion-body header h2{
    /* font-size: 22px; */
  }
  .accordion-button::before{
      height: 28px;     
      width: 28px;
      font-size: 15px;
  }
}