/*========== All color variables here ========*/
html{
    scroll-behavior: smooth !important;
}
:root{

    /* global color variables */
    --brand-color: #373f50;
    --body-color: #222222;
    --primary-font-family: "Poppins",sans-serif;
    --secondary-font-family:'Lato', sans-serif;

    /* btn variables */
    --btn-primary-bg-color:#222222;
    --btn-primary-text-color:#ffffff;
    --btn-primary-bg-hover:#000000;
    --btn-primary-hover-text:#ffffff;

    --btn-secondary-border-color:#222222;
    --btn-secondary-bg-color:#ffffff;
    --btn-secondary-text-color:#222222;
    --btn-secondary-bg-hover:#222222;
    --btn-secondary-hover-text:#ffffff;

    /* anchor/link color */
    --anchor-link-color:#0000FF;
    --anchor-link-hover-color:#1010b5;

    /* header-link color */
    --header-link-color:#222222;
    --header-link-hover-color:#000000;

    /* footer-link color */
    --footer-link-color:#222222;
    --footer-link-hover-color:#000000;

    /* footer newsletter btn color */
    --newsletter-btn-bg:#373f50;
    --newsletter-btn-hover-bg:#293142;

    /* heading color */
    --heading-color:#222222;
    --product-title-color:#222222;
    --table-product-title:#000000;

    /* chat box variable */
    --chat-you-message-bg:#e1e9fb;
    --chat-me-message-bg:#f7f7f7;

    /* form control variable */
    --inputs-border-color:#a5a5a5;
    --placeholder-color:#4c4c4c;

    --grey-color:#787578;
    --dark-grey:#7a7a7a;    
    --border-light:#f1f1f1;
    --grey-lighter-color: #f5f5f5;
    --active-color: #f77575;
    --red-orange:#f44336;
    --black-color:#000000;
    --white-color: #ffffff;
    --green-darker:#21ad8f;
    --input-border-color:#dddddd;
    --primary-color:#222222; 
}
.font-12{font-size: 12px;}
.font-13{font-size: 0.813rem;}
.font-14{font-size: 0.875rem;}
.font-15{font-size: 1rem;}

body{color: var(--body-color);font-family: var(--primary-font-family);font-size: 100%;}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{
    color:var(--heading-color);
    font-family: var(--secondary-font-family);
    line-height: 1.5;
    text-transform: initial;
}
p{
    color: var(--body-color);
}
.myedit{
    cursor: pointer;
}
/*=============== This is used for Global Custom Styling ===================*/
#base_announcebar .top-header{
    background-color: var(--brand-color);
}
.notification-bar{
    background-color: var(--brand-color);
}
.announcebar_text_up{
    font-size: 0.875rem;
    line-height: 20px;
    letter-spacing: 0.5px;
    font-family: var(--primary-font-family);
}
.base_header .logo a{
    position: relative;
    z-index: 10;
}
.login-bg-image{
    height: 100vh;
    overflow: hidden;
}
.user-info-login-right .register_base_box form input[type="submit"]{
    border: 0;
}
.user-info-login-right form.register-form{
    margin-left: auto;
    margin-right: 100px;
}
.login-first-layout .response-msg{
    width: 100%;
    padding: 25px 15px;
    background: var(--green-darker);
    font-size: 0.813rem;
    line-height: 18px;
    letter-spacing: 0.6px;
    margin: 83px auto 0;
    border-radius: 4px;
    transition: 0.6s;
    position: absolute;
    margin-top: -98px;
    left: 0;
    transition: 0.6s;
}
.login-first-layout .response-msg:empty,
.login_base_box .text-success:empty,
.login_base_box .text-danger:empty,
.login-first-layout .response-msg:empty,
.tooltip-label:empty{
    display: none;
}
.login-first-container .forgot_base_box .login-block{
    background: transparent;
    padding: 0;
    border-radius: 0;
    border: 0;
    box-shadow: none;
}
.user-info-login-right .register-box br{
    display: none;
}
.login-first-layout .response-msg{
    width: 100%;
    padding: 25px 15px;
    background: var(--green-darker);
    font-size: 0.813rem;
    line-height: 18px;
    letter-spacing: 0.6px;
    margin: 83px auto 0;
    border-radius: 4px;
    transition: 0.6s;
    position: absolute;
    margin-top: -98px;
    left: 0;
    transition: 0.6s;
}
.login-first-container .forgot_base_box .contact-form{
    z-index: 10;
    padding: 15px;
    border: 1px solid var(--border-light);
}
.login-first-container .register-content{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.login-first-container #registerModal{
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    height: 100%;
    max-width: 500px;
    margin: auto;
}
.kit-label{
    position: absolute;
    top: 4px;
    right: 4px;
    background: var(--red-orange);
    color: var(--white-color);
    width: 42px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    line-height: 22px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    padding: 8px;
    z-index: 10;
    box-shadow: 1px 7px 8px 4px #0000001c;
}
.login_base_box .text-success{
    padding: 8px;
    margin-bottom: 16px;
    background: var(--green-darker);
    border-radius: 3px;
    color: var(--white-color) !important;
}
.login_base_box .text-danger{
    padding: 8px;
    margin-bottom: 16px;
    background: var(--red-orange);
    border-radius: 3px;
    color: var(--white-color) !important;
}
.login-first-layout #registerModal .contact-form{
    box-shadow: 0px 3px 8px 1px rgb(0 0 0 / 17%);
    padding: 20px;
    border-radius: 4px;
}
/*====================================================*/
.login-third-container{
    background-color: var(--grey-lighter-color);
    overflow: auto;
    position: relative;
    min-height: 54vh;
}
.login-third-block .login_base_box,
.login-third-block .register_base_box,
.login-third-block .forgot_base_box,
.login-third-block .reset_pass_base_box{
    max-width: 530px;
    width: 100%;
    margin: auto;
}
.login-third-block .forgot_base_box,
.login-third-block .reset_pass_base_box{
    min-width: 470px;
}
.login-third-block form{
    background: var(--white-color);
    padding: 40px;
    border-radius: 6px;
    box-shadow: 1px -1px 6px 7px var(--grey-lighter-color);
}
.login-third-block input[type="text"],
.login-third-block input[type="email"],
.login-third-block input[type="password"],
.login-third-block select{
    border: 1px solid var(--grey-lighter-color);
    border-radius: 4px;
}
.login-third-block h1,.login-third-block h2{
    font-size: 24px;
    letter-spacing: 0.6px;
    font-weight: 600;
}
.login-third-block p{
    font-size: 0.813rem;
    letter-spacing: 0.5px;
}
.login-third-block a{
    color: var(--anchor-link-color);
    font-weight: 500;
}
.login-third-block a:hover{
    color: var(--anchor-link-hover-color);
}
.login-third-block input::-webkit-input-placeholder,
.login-third-block input::-moz-input-placeholder,
.login-third-block input:-moz-input-placeholder,
.login-third-block select{ /* Edge */
    font-size: 0.813rem;
    color: var(--placeholder-color);
    letter-spacing: 0.5px;
}

.login-third-block input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-size: 0.813rem;
    color: var(--placeholder-color);
    letter-spacing: 0.5px;
}

.login-third-block input::placeholder {
    font-size: 0.813rem;
    color: var(--placeholder-color);
    letter-spacing: 0.5px;
}
.login-third-block .login_base_box .text-danger{
    padding: 25px 18px;
    margin-bottom: 16px;
    background: var(--red-orange);
    border-radius: 3px;
    color: var(--white-color) !important;
    font-size: 1rem;
    letter-spacing: 0.5px;
}
/*===============================================================*/
.login-second-container{
    background: var(--grey-lighter-color);
    overflow: auto;
    max-width: 100% !important;
    position: relative;
    padding: 50px 15px;
  }
  div#loadsectionhere .container.login-second-container:first-child,
  div#loadsectionhere .login-fourth-container:first-child,
  div#loadsectionhere .login-first-container:first-child,
  div#loadsectionhere .login-third-container:first-child,
  
  div#loadsectionhere .alert + .container.login-second-container,
  div#loadsectionhere .alert + .login-fourth-container,
  div#loadsectionhere .alert + .login-first-container,
  div#loadsectionhere .alert + .login-third-container{
    height: 100vh;
  }
  
  .login-first-container .login-first-layout{
    height: 100%;
  }
  div#loadsectionhere .login-fourth-container:first-child{
      position: static;
  }
  .login-second-container .login-inner-block{
    max-width: 1000px;
    margin: auto;
    width: 100%;
    filter: drop-shadow(7.778px 7.778px 20px rgba(0,0,0,0.08));
    display: flex;
  }
  .login-second-container .login-inner-block .login-left,
  .login-second-container .login-inner-block .login-right{
    width: 50%;
    min-height: 658px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
  }
  .login-second-container .login-inner-block .login-left::before,
  .login-second-container .login-inner-block .login-right::before{
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: .4;
    background: #20002c;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #cbb4d4, #20002c);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #cbb4d4, #20002c); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  }
  .login-second-container .login-second-block,
  .login-second-container .create-account{
    position: relative;
    z-index: 10;
  }
  .login-second-container .create-account{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
  }
  .login-second-container .create-account h1, .login-second-container .create-account h2{
    color: var(--white-color);
    letter-spacing: 0.6px;
    font-weight: 600;
    font-size: 1.5rem;
  }
  .login-second-container .create-account .btn:hover{
    color: var(--black-color);
    background: var(--white-color);
  }
  .login-second-container form{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--white-color);
    padding: 40px;
    z-index: 11;
    transition: 0.6s;
  }
  .login-second-container form input[type="text"],
  .login-second-container form input[type="email"],
  .login-second-container form input[type="password"],
  .login-second-container form .select-block select,
  .login-second-container .forgot_base_box .form-group .form-control{
    border: 0;
    font-size: 0.813rem;
    border-bottom: 1px solid var(--grey-lighter-color);
    padding: 0 10px;
    color: var(--grey-color);
  }
  .login-second-container form .select-block select{
    color: var(--grey-color);
    letter-spacing: 0.6px;
  }
  .login-second-container form input[type="text"]:focus,
  .login-second-container form input[type="email"]:focus,
  .login-second-container form input[type="password"]:focus,
  .login-second-container .form-group .form-control:focus,
  .login-second-container .forgot_base_box .form-group .form-control:focus{
    border-bottom-color: var(--brand-color);
    outline: none;
    box-shadow: none;
  }
  .login-second-container form h1, .login-second-container form h2{
    letter-spacing: 0.6px;
    font-weight: 500;
    font-size: 1.5rem;
  }
  .login-second-container form label{
    font-size: 0.813rem;
    letter-spacing: 0.5px;
  }
  .login-second-container input::-webkit-input-placeholder,
  .login-second-container input::-moz-input-placeholder,
  .login-second-container input:-moz-input-placeholder { /* Edge */
    font-size: 0.813rem;
    color: var(--placeholder-color);
    letter-spacing: 0.5px;
}

.login-second-container input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-size: 0.813rem;
    color: var(--placeholder-color);
    letter-spacing: 0.5px;
}

.login-second-container input::placeholder {
    font-size: 0.813rem;
    color: var(--placeholder-color);
    letter-spacing: 0.5px;
}
.login-second-container .forgot-text a,
.login-second-container .forgot-text p{
    font-size: 0.813rem;
    font-weight: 400;
    letter-spacing: 0.5px;
}
.login-second-container .forgot-text a:focus{
  outline: none;
}
.login-second-container .register-form{
  transform: translateX(100%);
  z-index: 12;
}
.login-second-container .register-form.left-slide-show{
  transform: translateX(0);
}
.login-second-container .login-form.left-slide-hide{
  transform: translateX(-100%);
  visibility: hidden;
  opacity: 0;
}
.login-second-container .form-check-input,
.login-fourth-container .form-check-input{
  margin-top: .2rem;
}
.login-first-layout .select2-container,
.login-third-container .select2-container,
.login-fourth-container .select2-container{
    width: 100% !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    top: 6px;
}
.select2-dropdown{
    border: 1px solid var(--grey-lighter-color) !important;
    border-radius: 0;
    box-shadow: -1px 3px 8px 3px rgb(0 0 0 / 7%);
}
.select2-container--default .select2-search--dropdown .select2-search__field{
    border: 1px solid var(--grey-lighter-color);
}
/*======================================================*/
.login-fourth-container{
    overflow: auto;
    position: relative;
}
.login-fourth-container::before,
.login-fourth-container::after{
    content: "";
    position: absolute;
    height: 100%;
    width: 50%;
    top: 0;
}
.login-fourth-container::before{
    left: 0;
    background: #CBE4FE;
}
.login-fourth-container::after{
    right: 0;
    background: #1F206F;
}
.login-fourth-container .login-four-block{
    max-width: 1000px;
    margin: auto;
    z-index: 10;
    background: var(--white-color);
    width: 100%;
    border-radius: 20px;
    display: flex;
    box-shadow: 1px 4px 15px 7px rgb(0 0 0 / 9%);
}
.login-fourth-container .left-block-login,
.login-fourth-container .login-bg-img{
    width: 50%;
}
.login-fourth-container .login-bg-img{
    display: flex;
    background: #E6F2FF;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 534px;
}
.login-fourth-container .left-block-login{
    padding: 45px;
}
.login-fourth-container form input[type="text"],
.login-fourth-container form input[type="email"],
.login-fourth-container form input[type="password"],
.login-first-container form input[type="text"],
.login-first-container form input[type="email"],
.login-first-container form input[type="password"],
.login-first-container form select,
.login-fourth-container form select{
    border: 1px solid var(--border-light);
    border-radius: 4px;
}
.login-fourth-container input::-webkit-input-placeholder,
.login-first-container input::-webkit-input-placeholder,
.login-fourth-container input:-ms-input-placeholder,
.login-first-container input:-ms-input-placeholder,
.login-fourth-container input:-moz-input-placeholder,
.login-first-container input:-moz-input-placeholder,
.login-fourth-container input::-moz-input-placeholder,
.login-first-container input::-moz-input-placeholder,
.login-fourth-container input::placeholder,
.login-first-container input::placeholder{
    color: var(--placeholder-color);
}
.login-fourth-container input::-webkit-input-placeholder,
.login-first-container input::-webkit-input-placeholder,
.login-first-container form select,
.login-fourth-container form select{
    font-size: 0.813rem;
    letter-spacing: 0.5px;
}
.login-fourth-container input:-ms-input-placeholder,
.login-first-container input:-ms-input-placeholder,
.login-first-container form select,
.login-fourth-container form select{
    font-size: 0.813rem;
    letter-spacing: 0.5px;
}
.login-fourth-container input:-moz-input-placeholder,
.login-first-container input:-moz-input-placeholder,
.login-fourth-container input::-moz-input-placeholder,
.login-first-container input::-moz-input-placeholder,
.login-first-container form select,
.login-fourth-container form select{
    font-size: 0.813rem;
    letter-spacing: 0.5px;
}
.login-fourth-container input::placeholder,
.login-first-container input::placeholder,
.login-first-container form select,
.login-fourth-container form select{
    font-size: 0.813rem;
    letter-spacing: 0.5px;
}
.login-fourth-container form label,
.login-first-container form label{
    font-size: 0.813rem;
    letter-spacing: 0.5px;
}
.login-fourth-container a,
.login-first-layout a{
    font-size: 0.813rem;
    font-weight: 400;
    letter-spacing: 0.5px;
}
.login-fourth-container .forgot-text a:hover{
  color: #0A0964;
  opacity: 1;
}
.login-fourth-container .forgot-text a:focus{
  outline: none;
}
/*============================================*/
.login-first-layout .login-block .contact-form,
.login-first-layout #registerModal .contact-form{
    border-radius: 20px;
    box-shadow: 0px 17px 10px -10px rgb(0 0 0 / 40%);
    padding: 40px !important;
}
.login-first-layout #registerModal .contact-form{
    max-width: 520px;
    width: 100%;
}
.login_base_box .login-logo,
.register_base_box .login-logo,
.forgot_base_box .login-logo,
.reset_pass_base_box .login-logo{
    max-width: 200px;
    height: auto;
    margin: 0 auto 20px;
    display: block;
}
.login-first-container #registerModal input[type="submit"]{
    max-width: 100%;
}

.sidebar.filterbar .sidebar_tags,
.sidebar.filterbar_right .sidebar_tags{
    box-shadow: 0 0.3rem 1.525rem -0.375rem rgb(0 0 0 / 2%);
    padding: 17px;
    border-radius: 0;
    border: 1px solid var(--grey-lighter-color);
    
} 
.sidebar_widget.filter-widget .filter-color.filter-color1 ul{
    display: flex;
    flex-wrap: wrap
}
.sidebar_widget.filter-widget .filter-color.filter-color1 ul li{
    width: 28px;
    margin-bottom: 7px;
}
.sidebar_widget.filter-widget .filter-color.filter-color1 .swacth-btn{
    border-radius: 100% !important;
    background-size: contain;
    height: 22px;
    width: 22px;
    border-radius: 0.25rem!important;
}
.sidebar_widget.filter-widget .filter-color.filter-color1 .swacth-btn::before,
.product_colors .swatch-element.color .swatchLbl.rounded::after{
    content: "";
    position: absolute;
    border: 1px solid #ddd;
    width: 26px;
    height: 26px;
    border-radius: 100%;
    left: -3px;
    top: -3px;
    border-radius: 0.25rem;
}
.product_colors .swatch-element.color .swatchLbl.rounded::after{
    width: 30px;
    height: 30px;
    left: -3px;
    top: -3px;
}
.product_colors .swatch-element.color .swatchLbl.rounded{
    overflow: visible;
    border-radius: 0.25rem !important;
    width: 28px;
    height: 28px;
    min-width: unset;
    background-position: center center !important; 
    background-size: contain !important;
}
.sidebar .sidebar_widget{margin-bottom: 30px;}
.sidebar .sidebar_widget + .sidebar_widget{
    margin-top: 0px;    
    padding-top: 0px;
    margin-bottom: 30px;
}
.filter-widget .widget-title{
    color: var(--brand-color);
}
.sidebar_widget.filter-widget .filter-color.filter-color1 ul li .tooltip-label{
    left: 14px;
    transform: 0;
}
.sidebar_widget.filter-widget .filter-color.filter-color1 ul li .swacth-btn:hover + .tooltip-label{
    display: block;
    opacity: 1;
    visibility: visible;
}
.sidebar h2{
    margin: 0;
}
.sidebar_tags .widget-title button {
    border: 0;
    padding: 0;
    font-size: 1.2rem;
    letter-spacing: 0.7px;
    font-family: var(--secondary-font-family);
    color: var(--heading-color);
    width: 100%;
    text-align: left;
}
.sidebar h2:hover button, 
.sidebar .h2:hover,
.sidebar .sidebar_widget.categories li a:hover,
.list-view-items .grid-view-item__title:hover,
.sidebar .sidebar_widget.categories li a.active-page{
    color: var(--primary-color);
}
.filter-widget .widget-title:after{
    font-size: 1rem;
    line-height: 19px;
    background: var(--border-light);
    height: 22px;
    width: 22px;
    border-radius: 50%;
    display: flex !important;
    justify-content: center;
    align-items: center;
    color: #838383;
    margin-right: -2px;
    top: 1px;
}
.filter-widget .widget-title:hover:after,
.sidebar_widget.filter-widget #slider-range .ui-slider-handle:hover{
    background: var(--primary-color);
    color: var(--white-color);
}
.sidebar_widget.filter-widget #slider-range .ui-slider-handle{
    background: var(--white-color);
    border: 2px solid var(--white-color);
    height: 20px;
    top: -10px;
    width: 20px;
    box-shadow: 0 0.125rem 0.5625rem -0.125rem rgb(0 0 0 / 25%);
}
.sidebar_widget.filter-widget #slider-range.ui-slider-horizontal .ui-slider-range{
    background: #f5f5f5;
}
.sidebar_widget.filter-widget #slider-range.ui-slider-horizontal{
    background: var(--border-light);
    margin-bottom: 34px;
    margin-top: 37px;
    max-width: 100%;
    width: calc(100% - 15px);
}
.sidebar .sidebar_widget.categories li a{
    color: #222;
    font-size: 0.875rem;
    letter-spacing: 0.5px;
    margin-bottom: 2px;
    display: flex;
    border-bottom: solid 1px rgb(238 238 238 / 52%);
    padding: 5px 0;
    justify-content: space-between;
}
.sidebar .sidebar_widget.categories li.sub-level a {
    border-bottom: 0;
    margin: 0;
}
.sidebar .sidebar_widget.categories li a span.badge {
    background: var(--border-light);
    color: #3c3c3c;
    padding: 0 3px;
    line-height: 21px;font-weight: 100;
}
.sidebar_widget.filter-widget .product_price_range{
    height: 35px;
    border: 1px solid var(--border-light);
    border-radius: 4px;
    color: var(--brand-color);
    font-size: 0.875rem;
    letter-spacing: 0.5px;
    font-weight: 400;
    cursor: auto;
}
header .logo img{
    max-width: 100%;
    height: auto;
    max-height: inherit;
}
.bottomleft, .bottomright, .topleft, .topright{z-index: 999;}
.filters-toolbar__product-count{
    font-size: 0.875rem;
    letter-spacing: 0.5px;
    color: var(--body-color);
}
.filters-toolbar__product-count #totproductinlist{
    color: var(--red-orange);
    font-weight: 600;
}
.category-description p{
      font-size: 0.813rem;
    line-height: 21px;
    letter-spacing: 0.5px;
}
.breadcrumbs a, .breadcrumbs span{
    font-size: 0.813rem;
    letter-spacing: 0.5px;
    color: #222;
}
.container{
    max-width: 1500px;
}
.base_footer .footer-top .footer_social_media h3{
    margin-bottom: 6px;
}
/*==================================*/

.grid-products .item .product-name .product-link-list{
    color: var(--product-title-color);
    letter-spacing: 0.5px;
    font-size: 1rem;
    line-height: normal;
    font-weight: 500;
}
.product-price .price{
    color: #222;
    font-weight: 400;
}
.product-price .old-price {
    color: #222;
    opacity: 0.5;
    font-weight: normal;
    display: inline-block;
}
body:not(.page_class_) .breadcrumbs-wrapper + .container{
    padding-bottom: 40px;
}
 
h1.product-single__title, .product-single__title.h1{
    letter-spacing: 0.5px;
    color: var(--heading-color);
    font-size: 1.5rem;
}
.product-detail-container .prInfoRow > div.product-stock .instock{
    padding: 3px 12px;
    border-radius: 3px;
    letter-spacing: 0.5px;
    color: var(--white-color);
    background: #8bc34a;
}
.product-detail-container .prInfoRow > div.product-stock .outstock{
    padding: 3px 12px;
    border-radius: 3px;
    letter-spacing: 0.5px;
    color: var(--white-color);
    background: var(--red-orange);
}
.product-detail-container .prInfoRow .instock{
    color: var(--white-color);
}
.index-demo7 .imgBanners .row .img-banner-item{
    padding-left: 10px;
    padding-right: 10px;
}
.product-action .qtyField{
    border-radius: 4px;
    min-width: 120px;
    width: 140px;
    height: 43px;
    border: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.pd-customize-page .product-action .add-to-cart .button-cart {
    min-height: 38px;
}
.account_right_box .btn.load-more-btn{
    padding: 8px 20px;
}
.account_right_box .btn:hover{
    background-color: #1a1a1a;
}
.product-single .infolinks {
    display: inline-flex;
    align-items: center;
    margin: 0;
}
.product-single .kit-product-wrapper {
    margin-bottom: 30px;
}
.product-single .infolinks a i{
    color: var(--primary-color);
    margin: 0 4px 0 0;
    font-size: 1.125rem;
}
.breadcrumbs-wrapper {
    background: #F0F0F0;
}
.product-single .infolinks a {
    color: #222 !important;
    font-weight: normal;
    height: auto;
    margin-right: 15px;
    display: inline-flex;
    align-items: center;
}
body:not(.page_class_) .grid-products .product-inner-class-addon .product-details{
    background-color: #fdfdfd;
}
.grid-products .product-inner-class-addon .product-name {
     margin-top: 10px;
     overflow: visible;
}
#siteNav.medium > li a {
    color: var(--header-link-color);
    letter-spacing: 0.5px;
    font-family: var(--primary-font-family);
}
#siteNav > li:hover > a, #siteNav > li > a:hover:hover, #siteNav > li > a:hover{
    color:var(--header-link-hover-color);
}

.no-item-found{
    width: 100%;
}
.no-item-found > div{
    width: 50%;
    padding: 0 15px;
}
.no-item-found img{
    max-width: 70%;
    margin: 0 auto;
}
.no-item-found h2{
    font-size: 45px;
    text-align: center;
    font-weight: 300;
    color: var(--brand-color);
    letter-spacing: 0.5px;
}
.no-item-found h2 strong{
    font-weight: 600;
    color: var(--red-orange);
}
.product-form .swatch .swatch-element.size .swatchInput:checked + .swatchLbl,
.grid-products.expand-view-product .product-form .swatch.option2 .swatchInput:checked + .swatchLbl{
    border: 1px solid #737373;
}
/*========== Footer1 CSS =========*/
.base_footer .footer.footer-1 .footer-top{
    padding-top: 55px;
    padding-bottom: 50px;
}
.base_footer .footer-top h3, 
.base_footer .footer-top h4, 
.base_footer .footer-top .h4{
    font-weight: 600 !important;
    font-size: 1.125rem  !important;
    text-transform: capitalize;
}
.footer-links a{
    font-size: 0.875rem;
    letter-spacing: 0.5px;
    margin-bottom: 7px;
    display: inline-block;
    color: var(--footer-link-color);
}
.footer_store_email a {
    color: var(--footer-link-color);
}
.footer-links a:hover,
.footer-links a:focus,
.footer_store_email a:hover,
.footer_store_email a:focus{
    color: var(--footer-link-hover-color);
}
.base_footer p{
    font-size: 0.875rem;
    line-height: 17px;
    font-weight: 400;
    margin-bottom: 6px;
}
.footer.footer-1 .footer_social_media {
    font-size: 1.125rem;
    line-height: 20px;
    font-weight: 500;
    letter-spacing: 0.5px;
}
.footer.footer-1 .social-icons a,
.footer.footer-7 .social-icons a{
    color: var(--black-color);
    font-size: 0.875rem;
    background: transparent;
    border: 1px solid var(--brand-color);
    height: 30px;
    width: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer.footer-17 .social-icons a{
    color: var(--brand-color);
    font-size: 0.875rem;
    background: var(--white-color);
    border: 1px solid var(--white-color);
    height: 30px;
    width: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer.footer-1 .social-icons a:hover,
.footer.footer-7 .social-icons a:hover{
    background-color: transparent;
    opacity: 1;
}
.footer.footer-17 .social-icons a:hover{
    background-color: var(--brand-color);
    opacity: 1;
}
.footer-17.footer .footer-top, 
.footer-17.footer .footer-bottom{
    background-color: var(--brand-color);
}
.footer .footer-top{
    background-color: var(--grey-lighter-color);
}
.footer-17.footer .footer-bottom{
    border-top: 1px dotted var(--white-color);
}
.footer.footer-17 .social-icons a:hover i{
    color: var(--white-color);
}
.footer-17 .footer-newsletter .btn{
    padding: 8px 18px;
}
.footer.footer-1 .social-icons i,
.footer.footer-7 .social-icons i{ 
    color: #222;
    font-size: 0.813rem;
}
.footer.footer-17 .social-icons i{
    color: var(--brand-color);
    font-size: 0.813rem;
}
.footer.footer-1 .social-icons a:hover i,
.footer.footer-7 .social-icons a:hover i,
.footer.footer-10 .payment-icons i,
.footer.footer-1 .payment-icons i{
    color: var(--brand-color);
}
.footer.footer-1 .footer-newsletter{
    flex-wrap: nowrap;
}
.footer.footer-7 .form-group,
.footer.footer-17 .form-group{
    max-width: 350px
}
.footer.footer-1 .input-group__btn,
.footer.footer-7 .input-group__btn,
.footer.footer-17 .input-group__btn{
    position: absolute;
    right: 3px;
    top: 2px;
}
.footer.footer-1 .footer-newsletter .btn,
.footer.footer-7 .footer-newsletter .btn,
.footer.footer-17 .footer-newsletter .btn{
    background:  var(--newsletter-btn-bg);
    color: var(--white-color);
    font-size: 12px;
    font-weight: 500;
    border-radius: 50px;
}
.footer.footer-1 .footer-newsletter .btn:hover,
.footer.footer-7 .footer-newsletter .btn:hover{
    opacity: 0.9;
    background: var(--newsletter-btn-hover-bg);
}
.footer.footer-17 .footer-newsletter .btn:hover{
    opacity: 0.9;
    background: var(--newsletter-btn-hover-bg);
}
.footer.footer-1 .footer-newsletter .newsletter-input,
.footer.footer-7 .footer-newsletter .newsletter-input{
    border: 1px solid var(--brand-color);
    border-radius: 34px;
}
.footer.footer-17 .footer-newsletter .newsletter-input{
    border: 1px solid var(--white-color);
    border-radius: 34px;
}
.footer-newsletter .newsletter-input{
    font-size: 12px;
}
.footer.footer-1 .footer-bottom .copytext{
    font-size: 0.875rem;
    letter-spacing: 0.5px;
    color: #4e4e4e;
}
.footer-bottom .copytext{
    font-size: 0.875rem;
    letter-spacing: 0.5px;
}
.footer.footer-10 .footer-bottom .copytext,
.footer.footer-12 .footer-bottom .copytext{
    color: var(--brand-color);
}
.footer-7.footer .footer-bottom{
    background: var(--brand-color);
}
.product-single .product-details-img .social-sharing{
    display: flex;
    justify-content: center;
    align-items: center;
    order: 3;
}
.product-details-img .product-thumb.pull-right{
    order: 2;
    padding-right: 0;
    padding-left: 10px;
}
.product-details-img .product-thumb.pull-right ~ .zoompro-wrap.product-zoom-right{
    order: 1;
}
.product-single .product-details-img .social-sharing .label{
    font-size: 1rem;
    letter-spacing: 0.5px;
}
.product-single .product-details-img .social-sharing a.btn{
    background: #fff !important;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 5px;
    border-radius: 50%;
    border: 1px solid var(--primary-color);
    min-width: unset;
}
.product-single .product-details-img .social-sharing a.btn i{margin: 0;}
.product-single .product-details-img .social-sharing a.btn i{
    color: var(--primary-color);
    font-size: 0.813rem;
}
.product-single .product-details-img .social-sharing a.btn:hover{
    background-color: var(--primary-color) !important;
    opacity: 1;
}
.product-single .product-details-img .social-sharing a.btn:hover i{
    color: #fff !important;
}
.product-single .product-form__item--quantity + .add-to-cart{
    margin-left: 12px;
}
.footer-10 .social-icons li a,
.footer-12.footer .social-icons li a{
    font-weight: 400;
    font-size: 0.875rem;
    letter-spacing: 0.5px;
    color: var(--brand-color);
}
.base_footer .footer-17.footer p{
    color: var(--white-color);
}
.slideshow .slick-prev, .slideshow .slick-next,
.slick-prev, .slick-next{
    border-radius: 50%;
}
/*========= Error Message Styling ============*/

#loginResponseMsg{
    position: fixed;
    left: -1000px;
    bottom: 7px;
    z-index: 10;
    background: var(--white-color);
    padding: 20px;
    border-right: 5px solid;
    border-radius: 0 4px 4px 0;
    border-top: 1px solid var(--grey-lighter-color);
    border-bottom: 1px solid var(--grey-lighter-color);
    box-shadow: 1px 4px 5px 2px rgb(0 0 0 / 5%);
    font-size: 0.813rem;
    line-height: 19px;
    letter-spacing: 0.5px;
    transition: 0.3s;
    max-width: 284px;
}
#loginResponseMsg.login-message{
    left: 0;
    display: block !important;
}
.alert{
    z-index: 10;
    width: 100%;
    text-align: center;
    font-size: 1rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.alert.notify-alert{
    left: auto;
    transform: inherit;
}
p:empty,
h1:empty,
h2:empty,h3:empty,h4:empty,h5:empty,h6:empty,
.sidebar_widget.filter-widget .filter-color.filter-size .swacth-btn:empty{
    display: none !important;
}
.pswp--zoom-allowed .pswp__img{
    height: auto !important;
    padding: 40.5px;
}
/* .cat-banner-image img{
    object-fit: cover;
    max-height: 300px;
} */
.zoomArea {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.zoomArea > image {
    width: 100%;
    height: 100%;
}
.zoomContainer{
    display:none;
}
.base_category.category_addon_1 {
    padding-top: 35px;
    padding-bottom: 35px;
}
.header { min-height: 72px;border: 0;}
.category-banner .page-title {    position: absolute;    top: 50%;    left: 70px;    min-width: 439px; text-align:left}
.category-banner .page-title h1 { font-size: 30px;    color: var(--white-color);    text-align: left;    margin: 0 0 8px;}
.category-banner .page-title p { font-size: 20px; color: var(--white-color);}
.header.header-2 .logo img {    max-width: 150px;    max-height: inherit;}
/*======================================*/
.select-hidden {
    display: none;
    visibility: hidden;
    padding-right: 10px;
  }
  .rev-select {
    cursor: pointer;
    display: inline-block;
    position: relative;
    font-size: 1rem;
    color: var(--white-color);
    width: 220px;
    height: 40px;
  }
  .select-styled {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--grey-lighter-color);
    padding: 9px 15px;
    text-align: left;
    font-size: 0.875rem;
    letter-spacing: 0.5px;
    border-radius: 4px;
    border: 1px solid var(--grey-lighter-color);
    color: var(--heading-color);
    width: 100%;
  }
  
  .select-styled::after {
    content: "";
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-color: #424242 transparent transparent transparent;
    position: absolute;
    top: 16px;
    right: 10px;
  }
   
  .select-styled.active::after {
    top: 9px;
    border-color: transparent transparent #424242 transparent;
  }
  
  .select-options {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #efefed;
    text-align: left;
    border-radius: 4px;
    box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 10%);
  }
  
  .select-options li a{
    margin: 0;
    padding: 4px 0;
    display: block;
    border-top: 1px solid var(--white-color);
    font-size: 0.813rem;
    letter-spacing: 0.5px;
    color: #545454;
    font-weight: 400;
    text-align: center;
  }
  .filters-toolbar__item .select-options li a {
    text-align: left;
    padding: 10px 15px;
}
  .select-options li:hover {
    color: var(--white-color);
    background: #c7c7c7;
  }
  
  .select-options li[rel="hide"] {
    display: none;
  }
  .product-action .qtyField .qtyBtn, .product-action .qtyField .qty{
    border: 0;
    display: block;
    font-weight: 600;
    font-size: 0.875rem;
    width: 56px;
  }
  .model-thumbnail-img .carousel-control{
     color: var(--brand-color);
     background: var(--border-light);
     height: 28px;
     width: 28px;
     border-radius: 50%;
     font-weight: 600;
     display: flex;
     align-items: center;
     justify-content: center;
     top: 27px;
     border: 1px solid #e3e3e3;
  }
/*============= kit page css ============*/
.kit-inner-wrapper{
    border: 1px solid #ededed;
}
.cart-table .popover-wrapper .popover-modal,
.order-customiz-btn .popover-modal{
    max-width: 400px;
    width: max-content;
}
.popover-modal.popover-target220_cf table.table {
    width: 320px;
}
.kit-product-wrapper h2{
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 10px;
    line-height: 1.2;
}
.page_class_kit .product-form .left-block .sku-product {
    margin: 0 0 10px;
    line-height: 1;
    font-size: 14px;
}
.kit-product-block{
    padding: 15px;
    border-bottom: 2px solid var(--grey-lighter-color);
}
.kit-product-block:last-child{
    border-bottom: 0;
} 
.kit-product-block img{
    height: 70px;
    width: 70px;
    object-fit: cover;
    margin-right: 20px;
    border: 1px solid var(--grey-lighter-color);
    padding: 2px;
    background: var(--grey-lighter-color);
    border-radius: 4px;
}
.product-det{
    width: 100%;
}
.product-det h2{
    font-size:0.938rem;
    margin-bottom: 6px;
}
.product-det p{
    margin-bottom: 4px;
    font-size: 0.875rem;
}
.kit-product-block span{
    color: var(--active-color);
}
.kit-product-block .select-styled{
    padding: 4px 15px;
    font-size: 12px;
    font-weight: 400;
    border-radius: 50px;
}
.kit-product-block .color-select-block .select-styled{
    background-color: var(--white-color);
    border: 1px solid var(--brand-color);
    color: var(--brand-color);
}
.kit-product-block .select-options{
    border-radius: 0;
    top: 106%;
}
.kit-product-block .color-select-block .select-options li{ 
    background-color: var(--white-color);
    text-indent: inherit;
    padding: 6px;
}
.kit-product-block .color-select-block .select-options li,
.kit-product-block .select-size-block .select-options li{
    color: var(--brand-color);
    border-top: 1px solid var(--grey-lighter-color);
}
.kit-product-block .color-select-block .select-options li:nth-child(2),
.kit-product-block .select-size-block .select-options li:nth-child(2){
    border-top: 0;
}
.kit-product-block .color-select-block .select-options li:nth-child(1),
.kit-product-block .select-size-block .select-options li:nth-child(1){
    display: none;
}
.kit-product-block .color-select-block .select-options li:hover{
    background: #3c4964;
    color: var(--white-color);
}
.kit-product-block .select-size-block .select-options li:hover{
    background: var(--active-color);
    color: var(--white-color);
}
.kit-product-block .select-size-block .select-options li{
    background-color: var(--white-color);
}
.kit-product-block .select-size-block .select-styled{
    background-color: var(--white-color);
    border: 1px solid var(--active-color);
    color: var(--active-color);
}
.kit-product-block .rev-select{
    width: 140px;
    height: 28px;
}
.kit-product-block .select-styled::after{
    border-width: 5px;
    top: 11px;
    border-color: #ffffff transparent transparent transparent;
}
.kit-product-block .color-select-block .select-styled::after{
    border-color: #3c4964 transparent transparent transparent;
}
.kit-product-block .select-size-block .select-styled::after{
    border-color: var(--active-color) transparent transparent transparent;
}
.product-form .swatch .swatchInput + .swatchLbl.rounded{
    background-size: cover;
}
.product-single .product-form .swatch .swatch-element{
    margin-right: 5px;
    margin-bottom: 5px;
}
.product-single .product-form .swatch .swatch-element.color{
    margin-right: 8px;
}
.product-labels .lbl{
    padding: 0px 11px;
    font-size: 0.813rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.size-chart a{
    font-size: 1rem;
}
.size-chart{
    margin-top: 17px;
}
.size-chart a:hover{
    color: var(--active-color);
    text-decoration: none;
}
.product-buttons .btn{
    background: var(--primary-color);
    min-width: unset;
}
#quickView-modal .product-options .swatch{
    width: 100%;
}
.kit-action-block{
    position: fixed;
    bottom: 0;
    left: 0;
    text-align: center;
    display: flex;
    justify-content: center;
    background: var(--white-color);
    z-index: 9;
    padding: 15px 10px;
    margin: 0;
    box-shadow: 0px 1px 7px 3px rgb(0 0 0 / 10%);
}
.infolinks.pd-infolinks{
    position: relative;
    left: auto;
    top: auto;
    transform: none;
    display: flex;
    flex-direction: row;
    margin: 0;
    flex-wrap: wrap;
}
.product-single .infolinks.pd-infolinks a:hover span{
    top: auto;
    left: 50%;
    bottom: -41px;
}
.pswp--zoom-allowed .pswp__img{
    top: 50%;
    transform: translateY(-50%);
}
.pswp__item{
    background: #3c3c3c;
}
.filters-toolbar__item .select-options li:nth-child(1){
    display: none;
}
.compare-btn,
.list-view-items .button-box > div.compare-btn{
    display: none;
}
.grid-products .item .swatches{
    position: relative;
    z-index: 10;
}
.tooltip-label,
.site-cart-count,
.button-set .tooltip-label,
.wishlist-count{
    font-size: 11px;
}
.zoompro-wrap .zoompro-span div{
    width: 100% !important;
    height: inherit !important;
    background: #fff;
    padding-top: 100%;
    position: relative;
}
.zoompro-wrap .zoompro-span div img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
}
.zoompro-wrap .zoompro-span img.zoompro{
    object-fit: cover;
    width: 100% !important;
    height: 100% !important;
}
.footer-7.footer .contact-info .contactDetail span{
    margin: 0 5px;
    display: flex;
    align-items: center;
}
.footer-7.footer .contact-info .contactDetail span > span{
    font-size: 0.875rem;
    line-height: 19px;
}
.footer-7.footer .contact-info .contactDetail{
    display: flex;
    justify-content: center;
    align-items: center;
}
#base_banner .slideshow .slick-dots{
    display: flex;
    align-items: center;
}
#base_banner .slideshow .slick-dots li{
    width: 40px;
    height: 6px;
}
#base_banner .slideshow .slick-dots li button{
    border-radius: 0;
    background-color: var(--black-color);
    width: 40px;
    height: 6px;
}
.register-form .select2-container{
    width: 100% !important;
}
.filterBox .filter-color{
    margin-top: 18px;
    display: block;
}
.search-drawer {
    position: fixed;
    right: 0;
    height: auto;
    max-width: 550px;
    width: 100%;
    left: 0;
    padding: 40px 10px !important;
    opacity: 1;
    visibility: hidden;
    transform: unset;
    top: -100%;
    transition: all ease-out 0.8s;
    margin: auto;
}
.search-drawer.search-drawer-open{
    visibility: visible;
    top: 50px;
    transform: unset;
    transition: all ease-in 0.3s;
}
.search-drawer .title{
    font-size: 19px;
    color: var(--brand-color);
    letter-spacing: 0.7px;
    font-weight: 600;
}
.search-drawer .searchField{
    display: flex;
    flex-direction: column;
    margin-top: 16px;
}
.search-drawer .searchField .rev-select{
    width: 100%;
}
.search-drawer .closeSearch {
    top: -30px;
    right: 0px;
    left: auto;
    background: transparent;
    padding: 8px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    border-radius: 4px;
    color: #222;
    border: 0;
}
.search-drawer .select-styled,
.filters-toolbar__input{
    border: 1px solid var(--inputs-border-color);
    color: #222;
    background-color: var(--white-color);
}
.filters-toolbar-wrapper .filters-toolbar__input{
    padding: 4px 8px;
    height: 40px;
    border-radius: 4px;
    font-size: 14px;
}
.search-drawer .select-styled::after,
.filters-toolbar__item .select-styled::after{
    border-color: var(--input-border-color) transparent transparent transparent;
}
.search-drawer .select-styled.active::after
{
    border-color: transparent transparent var(--white-color) transparent;
}
.lang-settings .select-styled.active::after{
    border-color: transparent transparent var(--body-color) transparent;
}
.lang-settings .cnrLangList{
    height: 27px;
    border-radius: 4px;
    padding: 0 22px 0 5px;
    width: auto;
    display: block;
    text-transform: uppercase;
    min-width: 50px;
}
.filters-toolbar__item .select-styled.active::after{
    border-color: transparent transparent var(--input-border-color) transparent;
}

.kit-product-block .color-select-block .select-styled.active::after{
    border-color: transparent transparent #3c4964 transparent;
}
.kit-product-block .select-size-block .select-styled.active::after{
    border-color: transparent transparent var(--active-color) transparent;
}
.lang-settings .select-styled.active::after,
.kit-product-block .color-select-block .select-styled.active::after,
.kit-product-block .select-size-block .select-styled.active::after{
    top: 5px;
}
.search-drawer .search-category{
    margin-bottom: 12px;
}
.search-drawer .select-options,
.filters-toolbar__item .select-options{
    background-color: var(--white-color);
}
.search-drawer .select-options li,
.filters-toolbar__item .select-options li{
    border-top: 1px solid var(--grey-lighter-color);
}
.search-drawer .select-options li:hover,
.filters-toolbar__item .select-options li:hover{
    background: var(--border-light);
    color: var(--body-color);
}
.search-drawer .block{
    background-color: transparent;
    padding: 1px 0;
}
.mask-overlay{
    z-index: 11;
}
.single-login.page_class_login .login-first-layout{
    position: relative;
}
.single-login.page_class_login .login-first-layout .login-block.login-bg-color{
    position: static;
}
.section-header h2,
.page-title h1{
    letter-spacing: 0.7px;
    font-size: 1.5rem;
    text-transform: capitalize;
}
.base_category .section-header p,.product-slider .section-header p {
    max-width: 657px;
    margin: 10px auto 0;
    letter-spacing: 0.5px;
    line-height: 23px;
}
.sidebar_widget.filter-widget .filter-color.filter-color1 .swacth-btn.checked::before,
.product_colors .swatch-element.color .swatchInput:checked + .swatchLbl.rounded::after,
.sidebar_widget.filter-widget .filter-size .swacth-btn.checked{
    border-color: #737373;
}
header .icons-col{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.lang-settings{
    padding: 0 0px 0 9px;
}
.cnrLangList li a.active {
    color: var(--red-orange);
    border: 1px solid var(--red-orange);
    opacity: 1;
    text-decoration: none;
}
.lang-settings .rev-select{
    width: 40px;
    height: 24px;
    font-size: 11px;
    margin-top: 5px;
}
.grid-products .item .swatches li{
    background-size: contain;
    border: 1px solid var(--border-light);
}
.lang-settings .select-styled{
    padding: 3px 7px;
    border: 1px solid var(--body-color);
    color: var(--body-color);
    background-color: transparent;
    text-transform: uppercase;
    font-size: 12px;
    border-radius: 3px;
}
.lang-settings .select-styled::after{
    border-color: var(--body-color) transparent transparent transparent;
    top: 10px;
    right: 3px;
    border-width: 4px;
}
.lang-settings .select-options{
    background-color: var(--white-color);
    border-radius: 3px;
}
.lang-settings .select-options li{
    border-top: 1px solid var(--grey-lighter-color);
    font-size: 12px;
    text-transform: uppercase;
}
.lang-settings .select-options li:hover{
    background: var( --border-light);
    color: var(--heading-color);
}
body.page_class_login .breadcrumbs-wrapper{
    margin-bottom: 0;
}
small.offer{
    color: var(--primary-color);
    font-size: 0.875rem;
}
.item div.product-price span.price{
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 0.938rem;
}
.pswp__button--arrow--left:before, .pswp__button--arrow--right:before{
    background: none !important;
    font-family:"FontAwesome";
    color: var(--white-color);
    font-size: 37px;
    transform: rotate(-90deg);
}
.pswp__button--arrow--left:before{
    content: "\f106" !important;
    left: 11px !important;
}
.pswp__button--arrow--right:before{
    content: "\f107" !important;
    right: 35px !important;
}
/*========== Cart Slide Popup Styling =============*/
.minicart-right-drawer #cart-drawer{
    padding: 0;
}
.block-cart .minicart-inner h4, .block-cart .minicustomize-inner>h4{
    background: var(--primary-color);
    padding: 13px;
    color: var(--white-color);
    font-weight: 500;
    font-size: 1rem;
    letter-spacing: 0.5px;
}
#cart-drawer .close-cart{
    font-size: 1.125rem;
    margin: 12px 11px 0;
    color: var(--white-color);
    opacity: 1;
}
.minicart-content{
    width: 100%;
}
.minicart-content .item{
    padding: 10px;
    border-bottom: solid 1px #f4f4f4;
}
.minicart-content .item img,
.cart-table .cart__image{
    border: 1px solid #f9f3f3;
    padding: 5px;
    background: var(--grey-lighter-color);
    border-radius: 4px;
    box-shadow: 0px 4px 7px 2px rgb(204 204 204 / 18%);
}

.minicart-content .item .variant-cart p,
.cart-table .cart__meta-text p{
    margin-bottom: 4px;
    font-weight: 500;
    font-size: 0.875rem;
    color: var(--body-color);
}
.minicart-content .item .variant-cart p span,
.cart-table .cart__meta-text p span,
.minicart-content .money p span{
    font-weight: 400;
}
.minicart-bottom{
    width: 100%;
    padding: 10px;
    border-top: 0;
    background: #f8f8f8;
    box-shadow: 0px -1px 9px 3px rgb(0 0 0 / 7%);
}
.minicart-content .item .product-title { 
    font-size: 1rem;
    white-space: normal;
    text-decoration: none;
    display: block;
    line-height: 1.4;
    margin-right: 45px;
    margin-bottom: 5px;
    color: var(--body-color);
    font-weight: 600;
    font-family: var(--primary-font-family);
}
.minicart-content .item .product-title:hover{
    color: #f06543;
}
.minicart-bottom .subtotal > span{
    font-weight: 500;
    float: none;
    color: var(--brand-color);
}
.minicart-bottom .subtotal .product-price{
    float: none;
    margin-left: 8px;
}
.minicart-bottom .subtotal{
    text-align: right;
    border-bottom: 0;
}
.minicart-content .item .product-price{
    font-weight: 500;
    color: var(--brand-color);
}
.swal-title{
    font-size: 1.125rem;
    letter-spacing: 0.5px;
    font-weight: 500;
}
.swal-button-container .btn,
.swal-button-container button{
    border-radius: 50px;
    min-width: 85px;
    border: 1px solid var(--primary-color);
    background-color: var(--primary-color);
    color: var(--white-color);
}
.swal-button-container .btn.swal-button--cancel {
    background-color: #fff;
    color: var(--primary-color);
}
.swal-button-container .btn.swal-button--cancel:hover,
.swal-button-container .btn.swal-button--cancel:focus,
.swal-button-container .btn.swal-button--cancel:active,
.swal-button-container .btn-danger:not(:disabled):not(.disabled):active,
.swal-button-container .btn-primary:not(:disabled):not(.disabled):active:focus {
    color: #fff !important;
    background-color: var(--primary-color) !important;
    box-shadow: none;
    border-color: var(--primary-color);
}
.swal-button-container .swal-button--cancel:focus,
.swal-button-container .swal-button--danger:focus{box-shadow: none;}
.swal-button-container .btn.swal-button--cancel:focus{
    color: var(--primary-color) !important;
    background-color:#fff !important;
    box-shadow: none;
}
.swal-button-container .btn:hover,
.swal-button-container button:hover,
.swal-button-container button:active{
    background-color: var(--white-color) !important;
    color: #222 !important;
}
.btn:hover{
    opacity: 1;
}
.swal-icon.swal-icon--warning{
    width: 65px;
    height: 65px;
}
.swal-icon--warning__body{
    height: 33px;
}
.minicart-content .not-found-text{
    padding: 10px;
    font-size: 1rem;
    line-height: 20px;
    letter-spacing: 0.5px;
    color: #222;
}
.cart .list-view-item__title{
    margin-bottom: 3px;
    font-size: 0.813rem;
    letter-spacing: 0.5px;
    color: #222;
    font-weight: 500;
}
.cart__price-wrapper span.money,
.cart-price span.money{
    font-size: 0.813rem;
    font-weight: 500;
}
.cart th{
    font-size: 0.875rem;
    letter-spacing: 0.5px;
    text-transform: capitalize;
    font-weight: 500;
    padding: 15px;
    background: var(--grey-lighter-color);
    border: 0;
    border-bottom: 0px !important;
}
.cart-table tfoot{
    background: var(--grey-lighter-color);
}
.cart-table tfoot td{
    padding: 15px;
}
.cart-table tfoot .cart-continue,
.cart-table tfoot .cart-update{
    font-size: 0.875rem;
    line-height: 18px;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: var(--brand-color);
    font-family: var(--secondary-font-family);
}
.cart-table tfoot .cart-continue:hover,
.cart-table tfoot .cart-update:hover,
.minicart-content .item .remove:hover{
    color: #f06543;
}
.cart-table .border-bottom,
.cart-table .border-top{
    border-color: var(--grey-lighter-color) !important;
}
.cart-table .table td,
.cart-table .table th{
    border-top: 0;
}
.cart-table .table td{
    vertical-align: middle;
}
.cart-table .table tbody td,
.cart-table .table thead th{
    border-right: 1px solid #f0f0f0;
}
.cart-table .table tbody td:first-child{
    border-left: 1px solid #f0f0f0;
}
.cart-table table tbody tr:hover td{
    background: #f9f9f9;
}

.cart__qty .qtyBtn.minus{
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.cart__qty .qtyBtn.plus{
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4x;
}
.cart .qtyField .cart__qty-input{
    width: 60px;
}
.cart-page .cart__footer .cart-heading h2{
    font-size: 1.125rem;
    text-transform: initial;
}
.cart-page .cart__footer .cart-heading h2 i{
    font-size: 1.125rem;
    margin-right: 3px;
}
.cart-page .cart__footer span strong,
.cart-page .cart__footer span > span,
.cart-page .cart__footer span{
    font-weight: 500;
    color: var(--brand-color);
}
.cart-page .cart__footer span{
    font-size: 0.875rem;
    letter-spacing: 0.7px;
}
.cart-page .cart__footer .cart__shipping{
    letter-spacing: 0.5px;
    color: #fb7474;
    font-weight: 500;
    padding: 8px 0;
    font-style: normal;
    margin: 16px 0;
}
.cart_tearm label{
    font-size: 0.875rem;
    letter-spacing: 0.5px;
    color: var(--brand-color);
    font-weight: 400;
}
/* ================Customization Popup================== */

.minicustomize-right-drawer.right.fade.show .modal-dialog {
    right: 0;
}
.minicustomize-right-drawer.right.fade .modal-dialog {
    right: -350px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}
.minicustomize-right-drawer.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 650px;
    max-width: 100%;
    height: 100%;
    z-index: 1024;
    -webkit-transform: translate3d(0%,0,0);
    -ms-transform: translate3d(0%,0,0);
    -o-transform: translate3d(0%,0,0);
    transform: translate3d(0%,0,0);
}
.minicustomize-right-drawer .modal-content{border-radius: 0;}
.minicustomize-content .img-wrap .img-wrap-inner {
    border: 1px solid #efefef;
    border-radius: 4px;
    padding: 10px;
    position: relative;
}
.minicustomize-content .image-content {
    flex: 1;
    padding: 15px;
}
.img-wrap-inner .file-download {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 25px;
    min-width: 25px;
    border-radius: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 !important;
    height: 25px;
}
.minicustomize-content{
    padding: 15px;
    max-height: calc(100vh - 50px);
    overflow-y: auto;
}
/*============= Custom checkbox ========*/
.custom-checkbox{
  display: block;
  position: relative;
  padding-left: 28px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.custom-checkbox input{
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 19px;
    width: 19px;
    background-color: var(--white-color);
    border: 1px solid var(--brand-color);
}
.custom-checkbox input:checked ~ .checkmark {
    background-color: var(--brand-color);
}
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.custom-checkbox input:checked ~ .checkmark:after {
    display: block;
}
.custom-checkbox .checkmark:after {
    left: 6px;
    top: 1px;
    width: 5px;
    height: 12px;
    border: solid var(--white-color);
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/*========= Product Labels styling =========*/
.product_type,
.product_newitem,
.product_comingsoon,
.product_onsale,
.pd-customize,
.product_soldout{
    color: var(--white-color);
    padding: 5px 10px;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 500;
    margin: 0 0 8px;
    text-align: center;
}
#quickView-modal .product_type,
#quickView-modal .product_newitem,
#quickView-modal .product_comingsoon,
#quickView-modal .product_onsale,
#quickView-modal .pd-customize,
#quickView-modal .product_soldout,
.product-details-img .zoompro-wrap .product_type,
.product-details-img .zoompro-wrap .product_newitem,
.product-details-img .zoompro-wrap .product_comingsoon,
.product-details-img .zoompro-wrap .product_onsale,
.product-details-img .zoompro-wrap .pd-customize,
.product-details-img .zoompro-wrap .product_soldout{
    position: absolute;
    top: auto;
    bottom: 10px;
    left: 10px;
    padding: 3px 10px;
    z-index: 3;
    margin: 0;
}
.product_type{
    background: #01bad4;
}

.cart-table .product_type,
.minicart-content .product-image .product_type{
    padding: 0px 4px;
    font-size: 10px;
}
.product_newitem,
.product_comingsoon,
.product_onsale,
.pd-customize{
    background: #ff8191;
}
.product_soldout{
    background: rgba(242 35 58 / 66%);
}
input[disabled].swatchInput + .swatchLbl,
input[readonly].swatchInput + .swatchLbl {
    background-color: #efefef !important;
    opacity: 0.8;
    cursor: not-allowed !important;
    color: #919191 !important;
    pointer-events: none !important; 
}
.short-description{
    margin-bottom: 10px;
    width: 100%;
    color: #222;
    font-size: 0.938rem;
    line-height: 18px;
    letter-spacing: 0.5px;
}  
#quickView-modal .short-description {
    margin: 15px 0 10px;
}
#quickView-modal .short-description ul, #quickView-modal .short-description ol {
    padding-left: 10px !important;
}
#quickView-modal .product-info .product-sku{
    margin-top: 4px;
    font-size: 0.938rem;
    line-height: 17px;
    letter-spacing: 0.5px;
    font-weight: 500;
    color: #222;
} 
.product-form .swatch label,.product-form .swatch .label{
    font-weight: 500;
    color: var(--brand-color);
    letter-spacing: 0.5px;
    text-transform: initial;
    margin-bottom: 5px;
} 
#quickView-modal .product-form .swatch .swatch-element{
    margin-right: 8px;
    margin-bottom: 8px;
}
#quickView-modal .product-form .quantity {
    margin-top: 10px;
}
#quickView-modal .product-form .swatch .swatch-element.color{
    margin-right: 8px;
}
#quickView-modal .share-icon a{
    background: var(--brand-color);
    height: 25px;
    width: 25px;
    display: flex;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
}
#quickView-modal .social-icons .icon{
    color: var(--white-color);
    font-size: 12px;
}
#quickView-modal .social-icons li{
    margin-right: 6px;
}
#quickView-modal #slVariantColor,
#quickView-modal #slVariantSize{
    font-weight: 600;
}
#quickView-modal .product-action{
    margin: 16px 0 10px;
}
#quickView-modal .share-icon{
    margin-top: 15px;
}
.notify-alert{
    max-width: 280px;
    text-align: left;
    border: 0;
    padding: 9px 18px 9px 47px;
    border-radius: 2px;
}
.notify-alert span[data-notify="title"]{
    display: block;
    font-size: 0.813rem;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: var(--white-color);
}
.notify-alert span[data-notify="message"]{
    font-size: 12px;
    letter-spacing: 0.5px;
    color: var(--white-color);
    width: 100%;
    word-break: break-word;
}
.alert-success.notify-alert{
    background: #8bc34a;
}
.alert-danger.notify-alert{
    background: #ff845d;
}
.alert-info.notify-alert{
    background: #00bcd4;
}
.alert-warning.notify-alert{
    background: #e90338;
}
.notify-alert span[data-notify="icon"]{
    position: relative;
}
.notify-alert span[data-notify="icon"]::before{
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 24px;
    position: absolute;
    left: -36px;
    top: 9px;
    color: var(--white-color);
}
.notify-alert button.close{
    font-weight: 100;
    color: var(--white-color);
    opacity: 1;
}
.notify-alert button.close:hover{
    color: var(--white-color);
    opacity: 1;
}
.alert-success.notify-alert span[data-notify="icon"]::before{
    content: "\f058";
}
.alert-danger.notify-alert span[data-notify="icon"]::before{
    content: "\f071";
}
.alert-info.notify-alert span[data-notify="icon"]::before{
    content: "\f05a";
}
.alert-warning.notify-alert span[data-notify="icon"]::before{
    content: "\f071";
}
.cart__qty .qtyField{
    display: flex;
    justify-content: center;
}
.cart-table .table tbody td, .cart-table .table thead th{
    display: table-cell;
}
.cart-table .table tbody td.cart__price-wrapper span.money{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.cart-table .table tbody td.cart__price-wrapper span.money .price{
    font-size: 0.813rem;
    font-weight: 500;
}
.cart-table .table tbody td.cart__price-wrapper span.money .old-price{
    font-size: 12px;
    font-weight: 500;
    color: #7c7c7c;
    margin-left: 4px;
}
.cart-table .table tbody td.cart__price-wrapper small.offer{
    width: 100%;
    font-size: 12px;
}
.product-action .add-to-cart .button-cart.outofstock{
    opacity: .3;
    cursor: not-allowed;
}
.product-form .swatch{
    width: 100%;
}
.product-single__meta .qv_pricebox .price{
    font-weight: 500;
}
.model-thumbnail-img .carousel-indicators > li img{
    height: auto;
    width: auto;
    border: 0;
}
/*=========== Shopper Reward Section Css Here ===========*/
.shopper-reward-block .row{
    max-width: 100%;
    margin: auto;
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    top: 50%;
    z-index: 2;
    background-color: var(--white-color);
    border-radius: 10px;
    box-shadow: 1px 2px 9px 2px rgb(0 0 0 / 18%);
    overflow: hidden;
}
.shopper-form{
    padding: 40px 20px;
}
.shopper-reward-block form img{
    max-width: 250px;
    height: auto;
    margin: 0 auto 40px;
}
.shopper-reward-block p{
    font-size: 1rem;
    line-height: 20px;
    letter-spacing: 0.6px;
    color: var(--brand-color);
    margin-bottom: 35px;
}
.shopper-reward-block p.small-text{
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 0;
}
.shopper-reward-block button.btn{
    height: 50px;
    font-size: 1.125rem;
    letter-spacing: 0.8px;
    border-radius: 50px;
}
.shopper-reward-block input[type="text"],
.shopper-reward-block input[type="email"]{
    height: 50px;
    border-radius: 50px;
    border: 1px solid #e2e2e2;
    padding: 0 18px;
}
.shopper-reward-block{
    position: relative;
    min-height: 100vh;
}
.shopper-reward-block::before,
.shopper-reward-block::after{
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 50%;
}
.shopper-reward-block::before{
    left: 0;
    background: #ffb8ae;
}
.shopper-reward-block::after{
    right: 0;
    background: #ff725e;
}
.giftcard-img{
    background: #ffbab0;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    position: static;
}
.order-track a{
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    padding: 0 10px;
}
.order-track a:first-child{
    border-right: 1px solid #ff725e;
}
.track-order-block,
.forgot-order-form{
    position: absolute;
    background: var(--white-color);
    height: 100%;
    width: 50%;
    padding: 40px 20px;
    transition: 0.4s ease-in-out;
    left: 1000px;
}
.track-order-block.animate-left,
.forgot-order-form.animate-left{
    left: 0;
}
.track-order-block h2,
.forgot-order-form h2{
    color: var(--brand-color);
    font-size: 20px;
}
.backbtn{
    font-size: 1rem;
    font-weight: 600;
}
.product-single .product-thumb.product-horizontal-thumb .slick-slide img{
    height: 100px;
    width: 100%;
    object-fit: contain;
    object-position: top;
}
.product-thumb.product-thumb-sidebar .slick-slide.thumbimg img{
    object-fit: contain;
}
.header-5 .menu-outer #siteNav.medium > li a:hover,
#siteNav.medium > li.active-page a,
#siteNav > li ul.dropdown li.active-page a{
    color: var(--active-color);
}
#siteNav.medium > li.active-page ul.dropdown li a{
    color: var(--brand-color);
} 
#siteNav.medium > li a {
    font-size: 0.875rem;
    text-transform: initial;
}
#siteNav > li ul.dropdown li a { 
    color: var(--brand-color);
    letter-spacing: 0.5px;
    padding: 8px 12px; 
    background-color: var(--white-color); 
}
#siteNav > li ul.dropdown li:hover > a, 
#siteNav > li ul.dropdown li a:hover { 
    color: var(--active-color); 
    background-color: var(--grey-lighter-color);
    padding-left: 17px; 
}
.select2-dropdown{
    z-index: 999;
}
.grid-products .slick-slider .item, .grid-products.slick-slider .item{
    position: relative;
}
body:not(.page_class_) .header-2{
    z-index: inherit;
}
.pswp__button, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before{
    background: url('../images/default-skin.png') 0 0 no-repeat !important;
    background-size: 264px 88px !important;
    width: 44px !important;
    height: 44px !important;
}
.pswp__top-bar .pswp__button--close {
    background-position: 0 -44px !important;
}
.pswp__button--share {
    background-position: -44px -44px !important;
}
.pswp__button--zoom {
    background-position: -88px 0 !important;
}
.pswp__button--arrow--left,
.pswp__button--arrow--right{
    background-image: none !important;
}
.pswp__button--arrow--left:before, 
.pswp__button--arrow--right:before{
    content: '' !important;
    top: 35px;
    height: 30px !important;
    width: 32px !important;
    position: absolute;
}
.pswp__button--arrow--right:before{
    right: 6px !important;
    background-position: -94px -44px !important;
    transform: rotate(0) !important;
}
.pswp__button--arrow--left:before {
    left: 6px !important;
    background-position: -138px -44px !important;
    transform: rotate(0) !important;
}
.rewards-map-wrapper .row{
    box-shadow: 1px 1px 12px 0px rgb(0 0 0 / 8%);
    background: var(--grey-lighter-color);
}
.map-block{
    border: 1px solid var(--border-light);
    border-radius: 4px;
    transition: 0.6s ease-in-out;
    cursor: pointer;
    background: var(--white-color);
}
.map-block img{
    transition: 0.6s ease-in-out;
}
.map-block .hover-img{
    top: 0;
    left: 0;
    opacity: 0;
}
.map-block:hover .hover-img{
    opacity: 1;
}
.map-block:hover .main-img {
    opacity: 0;
}
.container.rewards-map-wrapper{
    max-width: 700px;
}
.rewards-map-wrapper .store-logo,
.rewards-second-block .store-logo{
    max-width: 35%;
    height: auto;
}
.rewards-map-wrapper h4,
.rewards-second-layout h6{
    color: var(--brand-color);
    font-weight: 400;
    letter-spacing: 0.5px;
}
.rewards-map-wrapper .country-name{
    color: var(--brand-color);
    font-weight: 400;
    letter-spacing: 0.5px;
}
.rewards-modal .modal-header,
.rewards-modal-second .modal-header{
    border: 0;
    padding: 0;
}
.rewards-modal .store-logo,
.rewards-modal-second .store-logo{
    max-width: 40%;
    height: auto;
    margin: 0 auto;
    text-align: center;
    display: block;
}
.rewards-modal h2,
.rewards-modal-second h6,.rewards-modal-second h2{
    font-size: 1rem;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0.5px;
    text-align: center;
    margin-bottom: 19px;
    color: var(--brand-color);
}
.rewards-modal .modal-content{
    min-height: 435px;
}
.rewards-modal p,
.rewards-modal-second p{
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.5px;
    color: var(--brand-color);
}
.rewards-modal .modal-content,
.rewards-modal-second .modal-content{
    border: 0;
    border-radius: 0;
}
.rewards-modal .rewards-btn,
.track-order-btn,
.resend-order-btn,
.rewards-second-layout .rewards-btn,
.rewards-modal-second .rewards-btn{
    width: 100%;
    padding: 12px 8px;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    background-color: var(--brand-color);
    color: var(--white-color);
    transition: 0.6s ease-in-out;
}
.rewards-modal .rewards-btn{
    padding: 0 8px;
}
.rewards-modal .rewards-btn:hover,
.track-order-btn:hover,
.resend-order-btn:hover,
.rewards-second-layout .rewards-btn:hover,
.rewards-modal-second .rewards-btn:hover{
    background-color: #54607a;
}
.rewards-modal input[type="text"],
.rewards-second-layout input[type="text"],
.rewards-modal-second input[type="text"]{
    height: 56px;
    border-radius: 0;
}
.rewards-modal .close,
.rewards-modal-second .close{
    font-weight: 100;
    font-size: 40px !important;
    position: absolute;
    right: 0;
    z-index: 10;
    margin: 0;
    top: -8px;
    padding: 10px;
}
.rewards-links a{
    font-weight: 500;
    letter-spacing: 0.5px;
}
.rewards-links a::before{
    content: "";
    border-bottom: 2px solid #f06543;
    width: 0;
    position: absolute;
    bottom: -6px;
}
.rewards-links a:hover::before{
    width: 100%;
}
.page_class_rewards_login.modal-open .modal-backdrop.show{
    opacity: .9;
}
.track-orders-block h2,
.resend-order-block h2,
.track-orders-block-second h2,
.resend-order-block-second h2{
    font-size: 21px;
    line-height: 26px;
    letter-spacing: 0.5px;
    color: var(--brand-color);
}
.rewards-modal .track-orders-block p,
.rewards-modal .resend-order-block p,
.rewards-modal-second .track-orders-block-second p,
.rewards-modal-second .resend-order-block-second p{
    font-size: 0.875rem;
    line-height: 18px;
}
.rewards-modal .modal-body{
    overflow: hidden;
}
.track-orders-block,
.resend-order-block{
    position: absolute;
    transform: translateY(1000px);
    top: 42px;
    width: calc(100% - 96px);
    transition: 0.3s ease-in-out;
    background-color: var(--white-color);
    visibility: hidden;
}
.rewards-form-block{
    transition: 0.3s ease-in-out;
}
.track-orders-block.show-block,
.resend-order-block.show-block{
    transform: translateY(0);
    visibility: visible;
}
.rewards-form-block.hide-block{
    transform: translateY(-1000px);
    visibility: hidden;
}
.back-link{
    width: 35px;
    height: 35px;
    border-radius: 50%;
    margin: 0 auto;
    font-weight: 600;
    background: var(--brand-color);
    align-items: center;
    justify-content: center;
    color: var(--white-color);
}
.back-link:hover{
    background: #f06543;
    color: var(--white-color);
}
.rewards-second-layout .rewards-second-block{
    background: var(--white-color);
    padding: 40px 30px;
    box-shadow: 0px 1px 8px 6px rgb(0 0 0 / 4%);
}
.page-wrapper .base_header ~ .rewards-second-layout{
    height: 100%;
    min-height: 70vh;
    margin: 30px auto 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-wrapper .base_header ~ .rewards-second-layout > .row {
    width: 100%;
}
.rewards-second-layout{
    height: 100vh;
}
.rewards-second-layout .row{
    height: 100%;
}
.product_colors .swatch-element.color .swatchLbl.rounded,
.sidebar_widget .filter-color.swacth-list .swacth-btn.rounded{
    position: relative;
}
.product_colors .swatch-element.color .swatchLbl.rounded::before,
.sidebar_widget .filter-color.swacth-list .swacth-btn.rounded::after{
    content: '\e954';
    font-family:annimex-icons!important;
    position: absolute;
    color: var(--white-color);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 12px;
    opacity: 0;
    font-weight: lighter;
}
.swacth-btn.rounded[data-value="WHT"]::after,
.swacth-btn.rounded[data-value="NCC"]::after,
.swacth-btn.rounded[data-value="CLE"]::after,
.swatchLbl.rounded[title="no color"]::before,
.swatchLbl.rounded[title="NO COLOR"]::before,
.product_colors .swatch-element.color .swatchLbl.rounded[title="Clear"]::before{
    color: #222 !important;
}
.product_colors .swatch-element.color .swatchLbl.rounded[title="No Color"]::before,
.sidebar_widget .filter-color.swacth-list .swacth-btn.rounded[title="No Color"]::after,
.product_colors .swatch-element.color .swatchLbl.rounded[title="White"]::before,
.sidebar_widget .filter-color.swacth-list .swacth-btn.rounded[title="White"]::after,
.sidebar_widget.filter-widget .filter-color.filter-color1 .swacth-btn[data-value="NCR"]::before,
.sidebar_widget.filter-widget .filter-color.filter-color1 .swacth-btn[data-value="NCR"]::after{
    color: var(--brand-color);
}
.product_colors .swatch-element.color .swatchInput:checked + .swatchLbl.rounded::before,
.sidebar_widget .filter-color.swacth-list .swacth-btn.rounded.checked::after{
    opacity: 1;
}
.product_newitem + .product_onsale{
    top: 33px;
}
#quickView-modal .carousel.slide .carousel-item img{
    height: 400px;
    width: 100%;
    object-fit: contain;
    border: 0;
}
#quickView-modal .carousel-indicators > li{
    margin-right: 1px;
    border: solid 1px var(--grey-lighter-color);
}
.list-product.list-view-item .swatches{
    list-style-type: none;
    display: flex;
    margin-bottom: 8px;
}
.list-product.list-view-item .swatches li.swatch{
    height: 22px;
    width: 22px;
    margin-right: 6px;
    position: relative;
    box-shadow: 0 0 1px 1px #ddd;
    border: 2px solid var(--white-color);
}
.list-product.list-view-item .swatches li.swatch span.tooltip-label{
    top: -25px;
}
.list-product.list-view-item .swatches li.swatch:hover span.tooltip-label{
    opacity: 1;
    visibility: visible;
}
.page_class_kit .product-form{
    display: block;
    width: 100%;
}
.page_class_kit .product-det{
    display: flex;
    align-items: flex-start;
    width: calc(100% - (35% + 90px));
}
.page_class_kit .product-form .right-block{
    width: 100%;
    display: flex;
    align-items: flex-start;
}
.page_class_kit .product-form .left-block{
    width: 35%;
    padding-right: 15px;
}
.page_class_kit .product_colors .swatch-element.color .swatchLbl.rounded::before{
    font-size: 12px;
}
.kit_colors_block .swatch-element.color .swatchLbl{
    min-width: 24px;
    height: 24px;
}
.page_class_kit .kit_colors_block .swatch-element.color{
    margin-right: 1px !important;
    position: relative;
}
.page_class_kit .kit_colors_block .swatch-element.color .tooltip-label{
    top: -24px;
    color: var(--white-color);
}
.page_class_kit .kit_colors_block .swatch-element.color:hover .tooltip-label{
    opacity: 1;
    visibility: visible;
}
.kit_sizes_block .swatch-element.size .swatchLbl{
    padding: 1px 5px;
    height: 23px;
    line-height: 19px;
    font-size: 11px;
    border: 1px solid var(--white-color);
}
.kit_sizes_block .swatch-element.size  .swatchInput:checked + .swatchLbl{
    border: 1px solid var(--brand-color);
}
.page_class_kit .product-det .swatch{
    margin-bottom: 5px;
}
.product-single .product-single__meta .offer,
.product-single .product-single__meta .old-price{
    margin-left: 5px;
}
.product-single__description b,
.product-description b{
    font-weight: 500;
}
.product-single__description b {
    font-weight: bolder;
}
.base_category.category_addon_8 .imgBanners .details p{
    margin-bottom: 0;
}
.product-detail-container .prInfoRow > div{
    margin-right: 3%;
}
.product-detail-container .prInfoRow  .product-review.page_review_rating {
    margin-bottom: 0;
}
.product-detail-container .product-single__description.rte.page-short-description {
    margin-bottom: 15px;
}
.product-detail-container .swatch {
    margin-bottom: 0;
}
.template-product .tabs-listing {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px dashed #d1d1d1;
}
.common-prod-cover.product-form.product-detail-page {
    margin-bottom: 20px;
}
.template-product .tabs-listing .product-tabs {
    border-bottom: 1px solid #e7e7e7;
}
.template-product .tabs-listing .product-tabs li {
    position: relative;
    padding: 10px 15px 10px;
    transition: all 250ms ease;
}
.template-product .tabs-listing .product-tabs li:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    background: var(--primary-color);
    top: 100%;
    opacity: 0;
}
.template-product .tabs-listing .product-tabs li.active:after{
    opacity: 1;
}
.template-product .tabs-listing .tab-container {
    padding: 15px 0px;
}
.template-product .tabs-listing .product-tabs button{
    background-color: transparent;
    border: 0;
    letter-spacing: 0.8px;
    color: #222;
    font-weight: 500;
    position: relative;
    padding: 0;
    font-size: 16px;
}
.template-product .tabs-listing .product-tabs li.active button{
    border: 0px;
    color: var(--primary-color);
}
.template-product .product-tabs li.active button:before, .template-product .product-tabs li.active button:before{
    display: none;
}
.template-product .tabs-listing .product-description span,
.product-single .product-single__description span{
    font-size: 0.813rem;
    line-height: 20px;
    letter-spacing: 0.5px;
}
.template-product .tabs-listing .spr-form-title{
    font-size: 1rem;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
}
.template-product .tabs-listing .new-review-form .spr-form-label{
    letter-spacing: 0.5px;
}
.template-product .tabs-listing input[type="text"],
.template-product .tabs-listing input[type="email"],
.template-product .tabs-listing textarea{
    border: 1px solid var(--inputs-border-color);
    border-radius: 4px;
}
/*=========== Account Layout Style Here ===============*/
.page_class_my-account .page-wrapper{
    background-color: var(--grey-lighter-color);
    margin-bottom: 0 !important;
    min-height: 700px;
}
.page_class_my-account .title-block{
	font-weight: 600;
    font-size: 1.125rem;
}
.mywishlisttitle .wishlist-count {
    position: static;
    vertical-align: middle;
    background: transparent;
    color: var(--heading-color);
    font-size: inherit;
    height: auto;
    width: auto;
    line-height: 1;
    font-family: var(--secondary-font-family);
}
.account_right_box .no-item-found{
    background: var(--grey-lighter-color);
}
.account_right_box{
    background-color: #fefeff;
    padding: 20px; 
    border-radius: 6px;
}

.address-wrapper .add-block.bill-block .card-footer {
    background-color: rgb(255 255 255);
    border-top: solid 1px #eef3fa;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.account_right_box .form-group{
    width: 100%;
}
.page_class_my-account label{
    font-size: 0.813rem;
    line-height: 18px;
    letter-spacing: 0.5px;
    color: #222;
    margin-bottom: 5px;
    font-weight: 500;
}
.account_left_bar .account-left-menu ul li a{
    padding: 10px 15px;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0.5px;
    opacity: 1;
    border: 1px solid #eef3fa;
    max-width: 200px;
    border-radius: 20px;
    margin: 10px auto;
}
.account_left_bar .account-left-menu ul li a:focus{
    outline: none;
}
.account_left_bar .account-left-menu ul li.active a,
.account_left_bar .account-left-menu ul li:hover a{
    color: #222;
    border-right-color: var(--white-color);
    background: #eef3fa;
}
.account_left_bar .account-left-menu ul li a i{
    color: var(--brand-color);
    font-size: 1rem;
    margin-right: 10px;
}
.account_left_bar .account-left-menu ul li.active a i,
.account_left_bar .account-left-menu ul li:hover a i{
    color: #222;
    
}
.welcome-user p {
    text-align: left;
    margin: 0;
    font-size: 0.813rem;
    margin-bottom: 1px;
    color: var(--heading-color);
}
.account_left_bar .profile_block .user_img img{
    height: 100%;
    border-radius: 100%;
    width: 100%;
    object-fit: cover;
}
.account_left_bar .profile_block .uphone,
.account_left_bar .profile_block .uemail{
    font-weight: 400;
    letter-spacing: 0.5px;
    font-size: 0.875rem;
    color: var(--brand-color);
}
.account_left_bar .uedit .btn{
    padding: 5px 10px;
    background-color: transparent;
    color: var(--brand-color);
    border: 1px solid var(--brand-color);
    font-weight: 500;
}
.account_left_bar .uedit .btn:hover,
.order-table .btn:hover{
    background-color: var(--brand-color);
    color: var(--white-color);
}
.extra-cost{
    font-weight: 500;
    letter-spacing: 0.5px;
}
.kit-product-block .product_colors .swatch-element.color .swatchLbl.rounded::after{
    width: 26px;
    height: 26px;
    left: -3px;
    top: -3px;
}
.btn[disabled]{
    background-color: #656565;
    cursor: not-allowed;
}
.address-wrapper .add-block{
    padding: 0px;
    display: flex;
    border-radius: 3px;
    box-shadow: 0px 0px 8px 2px rgb(0 0 0 / 5%);
    position: relative;
    transition: 0.3s ease-in-out;
}

.address-wrapper .add-block:hover{
    transform: translateY(-5px);
}

.addnew-add{
    min-height: 200px;
    position: relative;
    background-color: #dba3751a;
    height: 100%; 
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
}
.address-wrapper .add-block .icon-block{
    margin-right: 8px;
    width: 30px;
}
.address-wrapper .add-block .add-info{
    width:100%;
    z-index: 10;
    position: relative;
}
.address-wrapper .add-block .icon-block i{
    font-size: 24px;
    color: var(--brand-color);
}
.address-wrapper .add-block .icon-block i.fa-building,
.address-wrapper .add-block .icon-block i.fa-briefcase{
    font-size: 19px;
}
.address-wrapper .add-block .add-label{
    border: 1px solid var(--primary-color);
    padding: 2px 9px;
    font-size: 0.813rem;
    letter-spacing: 0.5px;
    border-radius: 2px;
    color: var(--primary-color);
    display: inline-block;
    
    line-height: 15px;
}
.address-wrapper .add-block h4{
    letter-spacing: 0.5px;
    color: var(--brand-color);
    font-size: 0.875rem;
    margin: 0;
    font-weight: 400;
    font-family: var(--primary-font-family);
}
.address-wrapper .add-block p{
    margin-bottom: 9px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.5px;
}
.address-wrapper .add-block .btn-block{
    border-top: 1px solid #eef1f4;
    padding: 18px 0 0;
}
.address-wrapper .add-block .btn-block a{
    margin-right: 20px;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.5px;
}
.address-wrapper .add-block .btn-block a.del-btn{
    color: #f98181;
}
.address-wrapper .add-block .btn-block a.edit-btn{
    color: #28a745;
}
.address-wrapper .add-block .btn-block a i{
    margin-right: 3px;
}
.title-block{
    margin-bottom: 25px;
    text-transform: capitalize;
    letter-spacing: 0.5px;
    font-weight: 500;
    font-size: 20px;
}
.wishlist-count2{
    font-size: 1rem;
    margin-left: 3px;
    color: #ff8191;
}
.addnew-add a{
    font-size: 1.125rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    width: 100%;
    font-weight: 400;
    letter-spacing: 0.5px;
    opacity: 0.6;
    z-index: 1;
}

.addnew-add a:hover{ opacity: 1.6;     color: #555;}
.addnew-add a i{
    background: var(--primary-color);
    color: var(--white-color);
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    margin-bottom: 6px;
}
.order-table thead th,
.enquiry-table thead th{
    background: #fefefe;
    border-bottom: 0;
    color: var(--brand-color);
    letter-spacing: 0.5px;
    font-size: 0.813rem;
}
.order-table td,
.enquiry-table td{
    font-size: 12px;
    letter-spacing: 0.5px;
    color: var(--brand-color);
}
.order-table th,
.order-table td,
.enquiry-table th,
.enquiry-table td{
    border-top: 1px solid #eef1f4;
}
.order-table tr:nth-child(even) td,
.order-table tr:hover td,
.enquiry-table tr:nth-child(even) td,
.enquiry-table tr:hover td{
    background: #fefeff;
}
.enquiry-table a.ticket-id{
    color: var(--red-orange);
    font-weight: 500;
}
.order-table .badge,
.enquiry-table .badge{
    display: none;
}
.cart-table .cart__image-wrapper thead tr:first-child th{
    background-color: var(--white-color);
    font-size: 1rem;
    border-right: 0;
}
.cart-table .cart__image-wrapper thead tr th{
    padding: 10px 15px;
    font-size: 0.813rem;
}
.cart-table .cart__image-wrapper tbody tr td img{
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background: transparent;
    box-shadow: 0px 3px 2px 1px rgb(0 0 0 / 8%);
    padding: 1px;
    border: 1px solid var(--grey-lighter-color);
}
.cart-table .cart__image-wrapper tbody tr td{
    border-bottom: 1px solid #f0f0f0;
    padding: 10px 15px;
}
.cart-table .cart__image-wrapper tbody tr td:first-child{
    width: 120px;
}
.cart-table .cart__image-wrapper tbody tr td .list-view-item__title{
    font-size: 12px;
}
.cart-table .cart__image-wrapper tbody tr td p.color-code{
    height: 20px;
    width: 20px;
    display: block;
    border-radius: 50%;
    border: 1px solid var(--brand-color);
}
.cart-table .cart__meta-text p{
    line-height: 19px;
}
.cart__meta-text a.popupReturn{
    font-size: 12px;
    line-height: 16px;
    color: var(--red-orange);
    letter-spacing: 0.5px;
    font-weight: 500;
}
.cart__meta-text a.popupReturn.clicked{
    border: none;
}
.footer.footer-1 .newsletter-col{
    margin-left: auto;
}
#quickView-modal .carousel-indicators{
    overflow-x: auto;
    display: block;
    white-space: nowrap;
    text-align: center;
}
#quickView-modal .carousel-indicators::-webkit-scrollbar {
    display: none;
}
#quickView-modal .product-buttons{
    bottom: 100px;
    z-index: 8;
}
#quickView-modal .video-player-popup{
    position: absolute;
    top: 0;
    left: 0;
    height: calc(100% - 82px);
    width: 100%;
}
#quickView-modal .video-player-popup .video-player-inner{
    height: 100%;
    width: 100%;
    background-color: var(--white-color);
}
#quickView-modal .video-player-popup .video-player-inner iframe{
    position: absolute;
    top: 0;
    left: 0;
    background: var(--white-color);
    height: 100%;
    width: 100%;
    z-index: 9;
}
#quickView-modal .video-player-popup .close-video-player{
    position: absolute;
    z-index: 10;
    background: var(--brand-color);
    opacity: 1;
    color: var(--white-color);
    font-weight: 100;
    width: 22px;
    height: 22px;
    font-size: 1.125rem;
    top: 5px;
    right: 13px;
}
.close-video-player{
    opacity: 1;
}
.close-video-player i{
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--brand-color);
}
#quickView-modal .close-video-player i{
    color: var(--white-color);
}
#quickView-modal .carousel-indicators .list-inline-item a{
    display: block;
}
.cart__footer .cart__subtotal-title{
    text-transform: capitalize;
}
.page_class_product .mfp-iframe-scaler iframe{
    box-shadow: none;
    background: transparent;
}
.table-responsive.product-detail-table{
    overflow-x: visible;
}
.table-responsive.product-detail-table tr td span.pd-type{
    display: block;
    color: var(--red-orange);
    font-size: 11px;
}
.table-responsive.product-detail-table table tbody tr td:nth-child(even){
    background-color: var(--grey-lighter-color);
}
.product-detail-table tr th{
    font-size: 0.875rem;
    line-height: 18px;
    letter-spacing: 0.5px;
    font-weight: 400;
    color: var(--brand-color);
    font-family: 'Poppins', sans-serif;
    vertical-align: middle;
    width: 15%;
    border: 0;
    padding: 0;
}
.product-detail-table tr th span{
    color: #333;
    background: #e4eaec;
    display: block;
    padding: 8px 15px;
    text-align: center;
    font-weight: 500;
}
.product-detail-table tr td{
    font-size: 0.813rem;
    line-height: 17px;
    letter-spacing: 0.5px;
    font-weight: 400;
    color: var(--brand-color);
    font-family: 'Poppins', sans-serif;
    vertical-align: middle;
    text-align: center;
    border: 1px solid var(--border-light);
}
.product-detail-table tr td{
    padding: 0.75rem 0.7rem;
}
.product-detail-table tr td.color-text a,
.grid-products.expand-view-product .right-column tr td.color-text a{
    display: block;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    margin: auto;
    position: relative;
}
.product-detail-table tr td.color-text a::after,
.grid-products.expand-view-product .right-column tr td.color-text a::after{
    content: "";
    position: absolute;
    border: 1px solid #d3d3d3;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    left: -2px;
    top: -2px;
}
.grid-products.expand-view-product .right-column tr td.color-text a .tooltip-label{
    top: -25px;
}
.grid-products.expand-view-product .right-column tr td.color-text a:hover .tooltip-label{
    visibility: visible;
    opacity: 1;
}
.product-detail-table tr td.color-text a .tooltip-label{
    top: -28px;
}
.product-detail-table tr td.color-text a:hover .tooltip-label{
    opacity: 1;
    visibility: visible;
}
.product-detail-table tr td input[type="text"],
.grid-products.expand-view-product .right-column tr td input[type="text"]{
    border: 1px solid #e0e0e0;
    font-size: 0.813rem;
    color: var(--brand-color);
}
.product-detail-table tr td input[type="text"]{
    border: 1px solid #e0e0e0;
    background: #fdfdfd;
}
.product-detail-table tr td input[type="text"]:disabled{
    background: #ededed;
    border: 1px solid #ededed;
    cursor: not-allowed;
}
.product-detail-table tr th:first-child{
    width: 20%;
}
.product-type-qty{
    text-align: right;
    padding: 10px 15px;
    border-radius: 4px;
    width: 100%;
    border: 1px dashed #efefef;
}
.product-type-qty h4{ 
    font-size: 0.875rem;
    line-height: 18px;
    margin: 0;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: var(--brand-color);
}
.price-breakdown-table tr td,
.price-breakdown-table tr th{
    font-size: 0.813rem;
    line-height: 17px;
    letter-spacing: 0.5px;
    font-weight: 400;
    color: var(--brand-color);
    font-family: 'Poppins', sans-serif;
    vertical-align: middle;
    border: 1px solid #efefef;
    text-transform: capitalize;
    text-align: center;
}
.price-breakdown-table tbody tr:nth-child(even) td{
    background: var(--grey-lighter-color);
}
.price-breakdown-table thead tr th,
.price-breakdown-table tbody tr th{
    font-size: 0.875rem;
    font-weight: 500;
}
.carousel-item-next, .carousel-item-prev, .carousel-item.active{
    display: block;
}
.filters-toolbar-wrapper .change-view {
    background-color: #fff;
    margin: 0 5px 0 0;
    width: 35px;
    height: 35px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d3d3d3;
    color: #d3d3d3;
    position: relative;
}
.filters-toolbar-wrapper .change-view--active {
    color: var(--primary-color);
    border-color: var(--primary-color);
}
.filters-toolbar-wrapper .change-view .tooltip-label{
    top: -25px;
}
.filters-toolbar-wrapper .change-view:hover .tooltip-label{
    opacity: 1;
    visibility: visible;
}
.grid-products.expand-view-product .item .left-column{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
}
.grid-products.expand-view-product .left-column .product-image .carousel-inner .item:not(.active){
    display: none !important;
}
.grid-products.expand-view-product .left-column{
    width: 100%;
    border: 1px solid var(--grey-lighter-color);
    padding: 0;
    clear: both;
    margin-bottom: 19px;
    box-shadow: 1px 1px 12px 0px rgb(0 0 0 / 8%);
    display: flex;
    flex-wrap: wrap;
    border-radius: 5px;
    position: relative;
}
.grid-products.expand-view-product .availibity-text span{
    letter-spacing: 0.5px;
    font-weight: 200;
}
.grid-products.expand-view-product .left-column .product-image{
    width: 100%;
    margin: 0;
    overflow: visible;
}
.grid-products.expand-view-product .right-column{
    width: 100%;
    margin-top: 12px;
}
.grid-products.expand-view-product .left-column .prod-detail{
    width: 100%;
    padding: 20px;
    position: static;
    border-top: 1px solid var(--grey-lighter-color);
}
.grid-products.expand-view-product .right-column table tr td{
    border: 0;
    vertical-align: middle;
    letter-spacing: 0.5px;
    padding: 6px 15px;
}
.grid-products.expand-view-product .right-column .content-block table{
    border-collapse: separate;
    border-spacing: 2px;
}
.grid-products.expand-view-product .right-column table tr th{
    border: 0;
    border-top: 0;
    color: var(--brand-color);
    font-size: 0.875rem;
    line-height: 18px;
    vertical-align: middle;
    font-weight: 400;
    letter-spacing: 0.5px;
    width: 15%;
    padding: 11px 15px;
}
.minicart-content .product-image .product_type{
    font-size: 9px;
    line-height: 20px;
}
.grid-products.expand-view-product .right-column table tr th:last-child{
    width: 20%;
}
.grid-products.expand-view-product .right-column .table-responsive{
    overflow-x: visible;
}
.grid-products.expand-view-product .right-column tr th.collapse-th{
    padding: 0;
    width: 100%;
    border: 0;
}
.grid-products.expand-view-product .right-column tr th.collapse-th a{
    display: flex;
    justify-content: space-between;
    padding: 10px 15px;
    background: #6a6a6a;
    color: var(--white-color);
    text-transform: capitalize;
    letter-spacing: 0.5px;
}
.grid-products.expand-view-product .right-column tr th.collapse-th a:focus{
    outline: none;
}
.grid-products.expand-view-product .right-column tr td.content-block{
    border: 0;
    padding: 0;
}
.grid-products.expand-view-product .right-column td.content-block tr th{
    font-size: 0.813rem;
    font-weight: 500;
}
.grid-products.expand-view-product .right-column td.content-block tr td{
    font-size: 12px;
}
.grid-products.expand-view-product .right-column td.content-block tr th:nth-child(even),
.grid-products.expand-view-product .right-column td.content-block tr td:nth-child(even){
    background-color: #EFF0F2;
}
.grid-products.expand-view-product .right-column td.content-block tr th:nth-child(odd),
.grid-products.expand-view-product .right-column td.content-block tr td:nth-child(odd){
    background-color: #f6f6f6;
}
.prod-overview{
    margin-top: 16px;
    border-radius: 4px;
}
.prod-overview h4{
    color: var(--red-orange);
    font-size: 1rem;
    line-height: 19px;
    letter-spacing: 0.5px;
    font-weight: 600;
}
.prod-overview{
    font-size: 0.813rem;
    line-height: 20px;
    letter-spacing: 0.5px;
    color: #343a40;
}
.grid-products.expand-view-product  .product-image > a{
    border: 1px solid #f0f0f0;
    height: 100%;
}
.grid-products.expand-view-product  .product-image > a img{
    height: 100%;
    object-fit: cover;
}
.grid-products.expand-view-product  .prod-detail h3.product-link-list{
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 6px;
    display: block;
    text-transform: capitalize;
    letter-spacing: 0.5px;
}
.grid-products.expand-view-product  .prod-detail .product-price span.price{
    flex-direction: row;
    justify-content: start;
    align-items: center;
    display: flex;
}
.grid-products.expand-view-product .prod-overview{
    margin-top: 10px;
}
.grid-products.expand-view-product .product-form .swatch{
    margin-bottom: 0;
}
.grid-products.expand-view-product .product-form label{
    margin-bottom: 6px;
    font-size: 12px;
    text-transform: capitalize;
}
.grid-products.expand-view-product  .item .prod-detail .product-price .product__price--sale{
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--brand-color) !important;
}
.grid-products.expand-view-product  .item .prod-detail .product-price .old-price,
.grid-products.expand-view-product  .item .prod-detail .product-price .offer{
    margin-left: 7px;
}
.filters-toolbar-wrapper .change-view svg{
    height: 16px;
    width: 17px;
    margin-top: -5px;
}
.prod-overview .product-single__description{
    font-size: 0.813rem;
    line-height: 21px;
    font-weight: 400;
    letter-spacing: 0.5px;
}
.contact-us-page{
    background-color: #f5f5f5;
}
.contact-us-wrapper{
    background-color: var(--white-color);
    max-width: 900px;
    margin: auto;
    box-shadow: 3px 3px 6px 0px rgb(0 0 0 / 7%);
}
.contact-us-wrapper .contact-info-block{
    /* background: linear-gradient(#e66465, #9198e5); */
    background: #383c44;
    padding: 40px;
    align-self: center;
    position: relative;
    min-height: 400px;
    width: 400px;
    margin-left: -100px;
}
.contact-us-wrapper .contact-form-block{
    padding: 55px 50px;
    width: 100%;
}
.contact-info-block h2,
.contact-us-wrapper .contact-form-block h2{
    letter-spacing: 0.9px;
    text-transform: inherit;
    font-size: 19px;
    line-height: 22px;
}
.contact-info-block h1{
    color: var(--white-color);
    margin-bottom: 25px;
    font-size: 1.125rem;
}
.contact-us-wrapper .contact-form-block h2{
    margin-bottom: 30px;
}
.contact-info-block .addressFooter li{
    font-size: 0.875rem;
    line-height: 20px;
    letter-spacing: 0.5px;
    color: var(--white-color);
    margin-bottom: 10px;
    font-weight: 300;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.contact-info-block .addressFooter li p {
    padding-left: 10px;
}
.contact-info-block .addressFooter li.phone i{
    transform: rotate(86deg);
}
.contact-info-block .addressFooter .icon{
    color: var(--white-color) !important;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #5b5f68;
    font-size: 1rem;
}
.contact-info-block .social-icons{
    position: absolute;
    bottom: 24px;
}
.contact-info-block .social-icons i{
    font-size: 1.125rem;
    color: var(--white-color);
    transition: 0.6s ease-in-out;
    display: block;
}
.contact-info-block .social-icons a:hover i{
    transform: translateY(-6px);
}
.contact-us-wrapper .contact-form-block .form-group input[type="text"],
.contact-us-wrapper .contact-form-block .form-group input[type="tel"],
.contact-us-wrapper .contact-form-block .form-group textarea,
.contact-us-wrapper .contact-form-block .form-group select{
    border: 1px solid var(--inputs-border-color);
    font-size: 0.813rem;
    letter-spacing: 0.5px;
    color: #222;
    border-radius: 4px;
    padding: 10px 15px;
}
.contact-us-wrapper .contact-form-block .form-group.has-danger input[type="text"],
.contact-us-wrapper .contact-form-block .form-group.has-danger input[type="tel"],
.contact-us-wrapper .contact-form-block .form-group.has-danger textarea,
.account_right_box .form-group.has-danger input[type="text"],
.contact-us-wrapper .contact-form-block .form-group.has-danger select,
.form-group.has-danger input,
.form-group.has-danger select,
.form-group.has-danger textarea{
    border-color: #d10 !important;
}
.form-group label.required::after{
    content: "*";
    color: #d10;
}
.contact-us-wrapper .contact-form-block .form-group{
    margin-bottom: 25px;
}
.addressFooter li p{
    color: var(--white-color);
}
.contact-us-wrapper .contact-form-block .form-group label{
    position: absolute;
    top: 2px;
    left: 10px;
    margin: 8px 0px;
    padding: 0 10px 0 5px;
    white-space: nowrap;
    overflow: hidden;
    background: var(--white-color);
    font-size: 0.813rem;
    line-height: 17px;
    letter-spacing: 0.5px;
    color: #222;
    font-weight: 500;
    transition: all .2s linear;
    pointer-events: none;
}
.contact-us-wrapper .contact-form-block .form-group.focused label{
    transition: all .2s linear;
    top: -8px;
    margin: 0;
}
.contact-us-wrapper .form-group .form-control:focus {
    box-shadow: none;
    outline: none;
}
.contact-us-wrapper .contact-form-block .submit-btn{
    position: relative;
}
.contact-us-wrapper .contact-form-block .submit-btn .btn {
    padding-right: 40px;
}
.contact-us-page .submit-btn .site-btn-main {
    padding-right: 40px;
}
.contact-us-wrapper .contact-form-block .submit-btn::after{
    content: "\f1d8";
    font-family: "FontAwesome";
    position: absolute;
    right: 18px;
    top: 15px;
    font-size: 12px;
    color: #fff;
    pointer-events: none;
    cursor: pointer;
}
.contact-us-wrapper .contact-form-block .submit-btn:hover::after{
    color: var(--white-color);
}
.contact-info-block .social-icons li{
    padding: 0;
    margin-right: 23px;
}
.btn-group-vertical.btn-group-two{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    top: auto;
    z-index: 100;
}
.btn-group-vertical.btn-group-two .icon-vertical{
    display: block;
    width: 100%;
}
.btn-group-vertical.btn-group-two ul{
    margin: 0;
    display: flex;
    justify-content: center;
    width: 100%;
    background-color: var(--brand-color);
    padding: 10px 0;
}
.btn-group-vertical.btn-group-two ul li{
    border-bottom: 0;
    margin: 0 5px;
    border-radius: 3px;
    position: relative;
}
.btn-group-vertical.btn-group-two ul li span.tooltip-label{
    border: 0;
    background: var(--brand-color);
    height: auto;
    font-family: 'Poppins', sans-serif;
    top: -45px;
    letter-spacing: 0.5px;
}
.btn-group-vertical.btn-group-two ul li:hover span.tooltip-label{
    visibility: visible;
    opacity: 1;
}
.btn-group-vertical.btn-group-two ul li span.tooltip-label:before{
    border-top: 5px solid var(--brand-color);
}
.btn-group-vertical.btn-group-two ul li a,
.btn-group-vertical.btn-group-two ul li > span{
    padding: 9px 10px;
    border: 1px solid var(--dark-grey);
    min-width: 40px;
    border-radius: 3px;
    height: 37px;
    color: var(--white-color);
    opacity: 1 !important;
}
.btn-group-vertical.btn-group-two ul li a:hover,
.btn-group-vertical.btn-group-two ul li > span:hover,
.btn-group-vertical.btn-group-two ul li:hover{
    opacity: 1;
    background: var(--white-color) !important;
}
.btn-group-vertical.btn-group-two ul li.saveObject .ulChildMenu{
    padding: 0 !important;
    min-width: 131px;
    border: 0;
    right: 0;
    top: -63px;
}
.btn-group-vertical.btn-group-two ul li.saveObject .ulChildMenu li{
    margin: 0;
    border: 0;
    border-radius: 4px;
    padding: 0;
}
.btn-group-vertical.btn-group-two ul li.saveObject .ulChildMenu li a{
    border: 0;
    padding: 8px 3px;
    height: auto;
    border-radius: 3px;
}
.canvas_section .fa.fa-trash, .canvas_section .icon-vertical .fa.fa-trash{
    color: var(--white-color);
}
.canvas_section .icon-vertical ul li a:hover::before, .canvas_section .icon-vertical ul li:hover a{
    color: var(--brand-color) !important;
}
.reviews-card .reviews-content{
    display: flex;
}
.reviews-card .reviews-content img{
    width: 70px;
    margin-right: 20px;
    border-radius: 50%;
    height: 70px;
    object-fit: cover;
    object-position: top;
}
.reviews-card .reviews-content .review-content{
    width: calc(100% - 100px);
}
.reviews-card .reviews-content .review-content h3{
    font-size: 0.875rem;
    line-height: 20px;
    margin-bottom: 9px;
    text-transform: capitalize;
    letter-spacing: 0.5px;
    font-family: var(--primary-font-family);
    font-weight: 500;
}
.reviews-card .reviews-content .review-content p{
    margin-top: 10px;
    font-size: 0.813rem;
    line-height: 22px;
    letter-spacing: 0.5px;
    color: #484848;
}
.reviews-card .reviews-content .review-content .reviewLink{
    pointer-events: none;
}
.reviews-card .reviews-content .review-content .product-review .fa{
    font-size: 1rem;
    margin-right: 3px;
}
.reviews-card .reviews-content .review-content .reviewLink .left-text {
    margin-right: 5px;
}
.reviews-card .reviews-content .review-content .spr-badge-caption{
    font-size: 0.813rem;
    line-height: 17px;
    letter-spacing: .5px;
    font-weight: 500;
}
.reviews-card .reviews-content .review-content  .right-text {
    font-size: 0.813rem;
}
.spr-reviews .reviews-card{
    margin-bottom: 15px;
    padding: 15px;
    border-radius: 0;
    border-bottom: 1px solid #dfdfdf;
}
.spr-reviews .reviews-card:last-child {
    border-bottom: 0;
}
.tab-content.page_review_rating #collapseReviewForm p{
    font-size: 0.875rem;
    line-height: 18px;
    letter-spacing: 0.5px;
    color: var(--brand-color);
}
.address-info-modal.modal .modal-dialog{
    max-width: 600px;
}
.account_right_box .address-info-modal.modal .form-group{ 
    width: 100%;
}
.modal .modal-title{
    color: var(--brand-color);
    letter-spacing: 0.7px;
    font-size: 1.125rem;
    text-transform: capitalize;
}
.page_class_my-account .address-info-modal.modal label{
    font-size: 0.813rem;
    line-height: 17px;
}
.account_right_box .address-info-modal.modal .form-group input[type="text"],
.account_right_box .address-info-modal.modal .form-group select{
    height: 40px;
    font-size: 12px;
    letter-spacing: 0.5px;
    border-radius: 3px;
    border: 1px solid #495c6a;
}
.address-info-modal.modal .modal-content{
    border: 0;
    border-radius: 4px;
}
.address-info-modal.modal .form-control{
    font-size: 12px;
    line-height: 15px;
    height: 37px;
}
.form-check-label.custom-radio{
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 25px;
    font-size: 0.875rem;
}
.form-group label {
    font-size: 0.875rem;
}
.form-check-label.custom-radio input{
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.form-check-label.custom-radio .checkmark-radio{
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: 2px solid #222;
    border-radius: 50%;
}
.form-check-label.custom-radio input:checked ~ .checkmark-radio{
    background-color: #222;
}
.checkmark-radio::after{
    content: "";
    position: absolute;
    display: none;
}
.form-check-label.custom-radio input:checked ~ .checkmark-radio::after{
    display: block;
}
.form-check-label.custom-radio .checkmark-radio::after{
    top: 4px;
    left: 4px;
    width: 8px;
    height: 8px;
	border-radius: 50%;
	background: var(--white-color);
}
.clear-cart{
    position: absolute;
    right: 34px;
}
.clear-cart::before{
    content: "-";
    position: absolute;
    top: -7px;
    right: -5px;
    background: var(--red-orange);
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 19px;
}
.clear-cart .tooltiptext{
    visibility: hidden;
    width: 86px;
    background-color: #545557;
    color: var(--white-color);
    text-align: center;
    border-radius: 3px;
    padding: 4px 0;
    position: absolute;
    z-index: 1;
    top: -5px;
    right: 110%;
    font-size: 12px;
    letter-spacing: 0.5px;
}
.clear-cart .tooltiptext::after{
    content: " ";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #545557;
}
.clear-cart:hover .tooltiptext{
    visibility: visible;
}
.clear-cart:hover,
.clear-cart:focus{
    opacity: 1;
    color: inherit;
}
.account_right_box .list-view-items{
    position: relative;
}
.removewishlistdata{
    position: absolute;
    right: 0px;
    top: -6px;
    z-index: 10;
}
.remove-from-list .tooltiptext{
    visibility: hidden;
    width: 160px;
    background-color: var(--primary-color);
    color: var(--white-color);
    text-align: center;
    border-radius: 3px;
    padding: 5px 0;
    position: absolute;
    z-index: 11;
    bottom: 141%;
    left: 0;
    margin-left: -60px;
    font-size: 11px;
    text-transform: capitalize;
    font-weight: 300;
}
.remove-from-list i{
    font-size: 1rem;
}
.remove-from-list .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: var(--primary-color) transparent transparent transparent;
} 
.remove-from-list:hover .tooltiptext {
    visibility: visible;
}
li.active_child{
    border: 1px dashed #f91 !important;
}
.uploaded_images_list .logo-img{
    border: 1px solid #c5c5c5;
    opacity: 0.4;
    position: relative;
}
.uploaded_images_list .logo-img a{
    padding: 0;
}
.uploaded_images_list .pre-title{
    font-size: 1rem;
    letter-spacing: 0.5px;
    color: #3e4954;
    font-weight: 500;
    line-height: 19px;
}
.uploaded_images_list .logo-img.cur-selected{
    border: 1px solid #f91 !important;
    opacity: 1;
}
.layer_list_item{
    padding: 18px 15px;
    margin-bottom: 17px;
    transition: 0.3s ease-in-out;
}
.list_active,
.options-block .tab-pane .layer_list_item:hover{
    border-left: 3px solid #f91 !important;
}
.pd-color a{
    position: relative;
}
span.product_cat::before{
    content: "";
    position: relative;
    border: 1px solid #d5d5d5;
    height: 31px;
    width: 31px;
    left: -3px;
    display: block;
    border-radius: 50%;
    top: -3px;
}
span.product_cat::after{
    content: "\f00c";
    font-family: "FontAwesome";
    position: absolute;
    color: var(--white-color);
    font-size: 0.875rem;
    font-weight: lighter;
    top: 3px;
    left: 5px;
    opacity: 0;
}
.thumb_listing .pd-color li a.active span.product_cat::after{
    opacity: 1;
}
.pd-customize-page{
    padding: 40px 0;
}
.container.pd-customize-page .outer-row{
    box-shadow: 2px 2px 14px 2px #00000014;
    margin: 0;
    padding: 15px 0;
    background-color: var(--white-color);
    max-width: 95%;
    margin-left: auto;
    border-radius: 6px;
}
.container.pd-customize-page{
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #F6F6F6;
}
.container.tab-pane{
    padding-left: 0;
    padding-right: 0;
}
.options-block .tab-content .form-group textarea{
    background: #efefef;
}
.options-block .tab-content .inner-wrapper{
    padding: 0;
}
.heading-label{
    padding: 15px;
    text-align: center;
    background: #3e4954;
    font-weight: 400;
    color: var(--white-color);
}
.options-block .tab-content .form-group label{
    font-size: 0.813rem;
    line-height: 17px;
    font-weight: 400;
    letter-spacing: 0.5px;
    color: #333;
    margin-bottom: 5px;
}
.options-block .tab-content .form-group.radio-group{
    flex-wrap: wrap;
}
.options-block .tab-content .form-group label.first-label{
    font-size: 0.875rem;
    font-weight: 400;
}
.options-block .tab-content .form-group .form-control,
.options-block .tab-content .form-group textarea{
    border: 1px solid var(--grey-lighter-color);
    border-radius: 3px;
    font-size: 12px;
    letter-spacing: 0.5px;
    font-weight: 400;
    color: #333;
}
.options-block .tab-content .form-group .form-control#textarea-text{
    height: 40px; 
    background-color: #f8f8f8;
}
.options-block .tab-content .form-group input[type="text"],
.options-block .tab-content .form-group input[type="number"]{
    height: 36px;
}
.options-block .tab-content .form-group input[type="range"]{
    border: 0;
    padding: 0;
}
.options-block .tab-content .form-group input[type="range"]:focus{
    box-shadow: none;
}
.options-block .tab-pane .well{
    padding: 15px;
}
.options-block .tab-pane .layer_list_item{
    border: 1px solid var(--grey-lighter-color);
    border-radius: 5px;
    box-shadow: 0px 2px 5px 1px rgb(10 10 10 / 8%);
    cursor: pointer;
}
.options-block .tab-pane .layer_list_item h5{
    margin-bottom: 0;
    color: #333;
    letter-spacing: 0.5px;
    font-size: 1rem;
}
.options-block .tab-pane .layer_list_item .button-group a{
    font-size: 0.813rem;
    line-height: 1;
    margin: 0 1px;
}
.options-block .tab-pane .layer_list_item .button-group a:nth-child(2),
.options-block .tab-pane .layer_list_item .button-group a:last-child{
    display: none;
}
.options-block .tab-pane .layer_list_item a .fa.fa-trash{
    color: #fd6977;
}
.options-block .tab-pane .layer_list_item a i{
    color: #3e4954;
}
.editor_section {
    position: relative; 
    z-index: 9;
}
.options-block .icon-block a.active::after{
    content: "";
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-right: 11px solid var(--white-color);
    border-bottom: 20px solid transparent;
    position: absolute;
    left: 117%;
    top: 20px;
}
.editor_section_inner{
    background-color: var(--white-color);
    border-radius: 5px;
}
.canvas-container-outer {
    display: block;
    float: none;
    margin: auto;
    max-width: 550px;
    border: 1px dashed rgb(141 141 141);
    overflow: hidden;
}
.radio-custom{
    display: block;
    position: relative;
    padding-left: 30px;
    line-height: 22px;
    margin-bottom: 0 !important;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: 14px;

}
.radio-custom input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.checkmark-custom{
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: var(--white-color);
    border-radius: 50%;
    border: 1px solid #222;
}
.radio-custom input:checked ~ .checkmark-custom{
    background-color: #222;
}
.checkmark-custom:after {
    content: "";
    position: absolute;
    display: none;
}
.radio-custom input:checked ~ .checkmark-custom:after {
    display: block;
}
.radio-custom .checkmark-custom:after {
    top: 5px;
    left: 5px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--white-color);
}
input[type="color"]{
    cursor: pointer;
}
.logo-inner{
    padding: 15px 0;
}
.uploaded_images_list .col-sm-4{
    margin-bottom: 8px;
    padding: 0 5px;
    min-width: 90px;
}
.uploaded_images_list .col-sm-4{
    margin-bottom: 12px;
}
.uploaded_images_list .upload-dl-btn{
    position: absolute;
    right: 0;
    top: -6px;
    background-color: var(--red-orange);
    width: 18px;
    height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: var(--white-color);
    font-size: 10px;
    cursor: pointer;
    z-index: 10;
}
.swal-text{
    text-align: center;
}
.cart-table .table-responsive{
    overflow-x: visible;
}
.cart-table .popover-body .list-unstyled .img_box,
.order-customiz-btn .popover-body .list-unstyled .img_box{
    text-align: center;
    border: 1px solid #e9e9e9;
    padding: 5px;
    border-radius: 0;
}
.cart-table .popover-body .list-unstyled li,
.order-customiz-btn .popover-body .list-unstyled li{
    margin: 0 5px;
    width: calc(430px/4 - 40px);
    display: inline-block;
}
.cart-table .popover-body .list-unstyled .img_description h2,
.order-customiz-btn .popover-body .list-unstyled .img_description h5{
    margin-bottom: 0;
    margin-top: 3px;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: #333;
    font-size: 0.813rem;
}
.cart-table .popover-body .list-unstyled,
.order-customiz-btn .popover-body .list-unstyled{
    display: block;
    margin-bottom: 0;
}
.cart-table .cart__meta-text a[data-role="popover"]{
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: #fc1f1f;
}
.option-group .rev-select{
    width: 100%;
    height: 36px;
}
.tab-content>.active_new {
    display: block;
}
.popupReturn.clicked{
    border : 1px dashed #f91;
}
.option-group .rev-select .select-styled{
    background-color: var(--white-color);
    color: #333;
    font-size: 12px;
    padding: 7px 15px;
}
.option-group .rev-select .select-styled::after{
    border: 4px solid transparent;
    border-color: #333 transparent transparent transparent;
}
.option-group .rev-select .select-options{
    background-color: var(--white-color);
    box-shadow: 0px 0px 4px 2px rgb(0 0 0 / 10%);
}
.option-group .rev-select .select-options li + li{
    border-top: 1px solid var(--grey-lighter-color);
}
.option-group .rev-select .select-options li:hover{
    background: var(--active-color);;
}
.logo-img{
    border: 1px dashed #c5c5c5;
    height: 100%;
    width: 100%;
    transition: 0.6s ease-in-out;
    background-image: url('../images/png-formet.png');
    background-size: 13%;
    background-position: center;
    background-repeat: repeat;
}
.logo-img .popimgCover{
    display: block;
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.pd-customize-page .upload-logo-wrapper {
    width: 100%;
    padding: 0 10px;
}
.pd-customize-page .upload-logo-wrapper [class*="col-"]{
    padding-left: 5px;
    padding-right:5px;
    margin: 0 0 8px;
}
.pd-customize-page .upload-logo-wrapper .logo-img .popover-wrapper {
    padding: 3px;
    display: block;
}
.pd-customize-page .upload-logo-wrapper .logo-img .popover-wrapper .popimgCover {
    padding-top: 100%;
    display: block;
    cursor: pointer;
}
.pd-customize-page .upload-logo-wrapper .logo-img .popover-wrapper .child-logo-close{
    padding: 0;
}
.logo-img .popimgCover span{
    position: absolute;
    left: 0;
    bottom: -100px;
    width: 100%;
    color: var(--white-color);
    letter-spacing: 0.5px;
    padding: 4px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.6s ease-in-out;
    text-align: center;
    font-size: 12px;
    line-height: 15px;
}
.logo-img:hover span{
    bottom: 0;
}
.container.pd-customize-page a:hover,
.container.pd-customize-page a:focus{
    outline: none;
    opacity: 1;
}
.logo-img .popimgCover img{
    height: 100%;
    width: 100%;
    object-fit: contain;
}
.pd-customize-page .upload-logo-wrapper .logo-img .popover-wrapper .popimgCover img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.option-group{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    background-color: var(--white-color);
}
.back-btn{
    display: block;
    text-align: center;
    color: #fd8181;
    font-weight: 500;
    font-size: 0.875rem;
    color: var(--active-color);;
}
.back-btn i{
    transition: 0.6s ease-in-out;
}
.back-btn:hover i{
    transform: translateX(-3px);
}
.heading-block-group .block-group-heading{
    font-size: 1rem;
    letter-spacing: 0.5px;
    color: #3e4954;
    font-weight: 500;
    line-height: 19px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    margin-left: -10px;
    font-family: var(--secondary-font-family);
}
#layer_main_box .heading-block-group .block-group-heading{
    margin-left: 0
}
#layer_main_box .heading-block-group .block-group-heading svg{
    height: 35px;
    width: 35px;
    margin-right: 9px;
}
.heading-block-group .block-group-heading svg,
.uploaded_images_list .block-group-heading svg{
    height: 40px;
    width: 40px;
}
.heading-block-group .block-group-heading svg path,
.heading-block-group .block-group-heading svg circle,
.uploaded_images_list .block-group-heading svg path{
    fill: var(--brand-color);
}
.uploaded_images_list h3 i{
    position: absolute;
    left: 13px;
    bottom: 5px;
    background-color: var(--white-color);
    border-radius: 50%;
}
.option-group input[type="color"]{
    padding: 0;
    width: 40px;
}
.option-group input[type="color"]::-webkit-color-swatch-wrapper {
    padding: 0;
}
.option-group input[type="color"]::-webkit-color-swatch{
    border: 0;
    border-radius: 0;
}
.option-group input[type="color"]::-moz-color-swatch,
.option-group input[type="color"]::-moz-focus-inner{
    border: 0;
}
.option-group input[type="color"]::-moz-focus-inner{
    padding: 0;
}
.options-block .icon-block{
    position: absolute;
    left: -83px;
    display: flex;
    flex-direction: column;
    top: 20px;
    border: 0;
}
.options-block .icon-block a{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 11px;
    background-color: var(--white-color);
    border-radius: 50%;
    width: 63px;
    height: 63px; 
    justify-content: center;
    box-shadow: 0px 4px 5px 0px rgb(0 0 0 / 6%);
    transition: 0.6s ease-in-out;
    opacity: 1;
    border: 0;
    position: relative;
}
.options-block .icon-block a:hover,
.options-block .icon-block a:focus,
.options-block .icon-block a.active{
    outline: none;
    opacity: 1;
    border: 0;
}
.options-block{
    display: flex;
    justify-content: center;
}
.maintabcontent{
    width: 100%;
}
.options-block .icon-block a svg{
    height: 35px;
    width: 45px;
}
.options-block .icon-block a svg path{
    fill: #333;
}
.options-block .icon-block a span{
    color: #333;
    font-size: 12px;
    letter-spacing: 0.5px;
}
.options-block .icon-block a:hover span,
.options-block .icon-block a.active span{
    color: var(--active-color);;
}
.options-block .icon-block a:hover svg path,
.options-block .icon-block a:hover svg circle,
.options-block .icon-block a.active svg path,
.options-block .icon-block a.active svg circle{
    fill: var(--active-color);;
}
.options-block .fileUpload{
    border-radius: 50px;
}
.options-block .fileUpload,
.options-block .fileUpload:hover{
    border-color: var(--brand-color);
}
.options-block .fileUpload span{
    display: flex;
    align-items: center;
}
.options-block .fileUpload span i{
    font-size: 1rem;
}
.editor_section .product-single__description,
.editor_section .product-single__description p,
.editor_section .product-single__description .meta-info,
.editor_section .product-single__description .meta-desc{
    font-size: 0.813rem;
    line-height: 21px;
    letter-spacing: 0.5px;
    color: #3e4954;
}
.editor_section .product-single__description{
    border-bottom: 1px solid #efefef;
    padding-bottom: 30px;
    margin-bottom: 5px;
}
.canvas_sub_image{
    padding: 0 15px;
    border-radius: 5px;
    margin-top: 22px;
}
.canvas_sub_image ul .side_layer_name{
    margin-bottom: 0;
    margin-top: 3px;
    font-weight: 500;
    font-size: 0.813rem;
    letter-spacing: 0.5px;
    font-family: var(--secondary-font-family);
    color: var(--heading-color);
}
.options-block .tab-content .form-group.copy_parent_box{
    margin-bottom: 0 !important;
}
.canvas_sub_image ul{
    margin-bottom: 0;
}
.canvas_details{
    align-items: center;
    background: var(--white-color);
}
.canvas_details .price_title{
    font-size: 1rem;
    line-height: 20px;
    letter-spacing: 0.5px;
}
.canvas_details .qv_go-order{
    display: flex;
    flex-wrap: wrap;
}
.canvas_section .canvas_details a.cart_icon{
    background: var(--brand-color);
    color: var(--white-color) !important;
    position: static;
    font-size: 0.875rem;
    border-radius: 50px;
    padding: 5px 14px;
    letter-spacing: 0.5px;
}
.canvas_section .canvas_details a.cart_icon:hover{
    background: var(--brand-color) !important;
    color: var(--white-color) !important;
}
.canvas_details .cart_icon{
    border-radius: 50px;
}
.container.pd-customize-page .product-detail-block div{
    font-size: 0.875rem;
    font-weight: 500;
}
span.price_amnt{
    font-size: 1rem;
    color: #333;
}
.contact-form-block .rev-select{
    width: 100%;
}
.contact-form-block .rev-select .select-styled{
    background-color: var(--white-color);
    border: 1px solid #495c6a;
    border-radius: 0;
    font-size: 12px;
    letter-spacing: 0.5px;
    color: #495c6a;
}
.contact-form-block .select-options li:first-child{
    display: none;
}
.contact-form-block .rev-select .select-styled::after{
    border: 5px solid transparent;
    border-color: #495c6a transparent transparent transparent;
}
.contact-form-block .rev-select .select-options{
    box-shadow: 0px 0px 7px 1px rgb(0 0 0 / 10%);
}
.canvas-inner-row {
    padding: 25px 0;
    background-color: transparent;
    background-image: linear-gradient(0deg, transparent 24%, rgba(0, 0, 0, .05) 25%, rgba(0, 0, 0, .05) 26%, transparent 27%, transparent 74%, rgba(0, 0, 0, .05) 75%, rgba(0, 0, 0, .05) 76%, transparent 77%, transparent), linear-gradient(90deg, transparent 24%, rgba(0, 0, 0, .05) 25%, rgba(0, 0, 0, .05) 26%, transparent 27%, transparent 74%, rgba(0, 0, 0, .05) 75%, rgba(0, 0, 0, .05) 76%, transparent 77%, transparent);
    background-size: 50px 50px;
    background-position: 12px 12px;
}
.canvas_image > img {
    display: block;
    margin: auto;
}
.options-block .tab-content .form-group label.radio-custom{
    margin-bottom: 19px !important;
}
.rating-stars ul {
    list-style-type:none;
    padding:0;  
    -moz-user-select:none;
    -webkit-user-select:none;
}
.rating-stars ul > li.star { display:inline-block; }
.rating-stars ul > li.star.hover > i.fa, .rating-stars ul > li.star.selected > i.fa  { color:#ffb503; }
.rating-stars ul > li.star.hover > i.fa-star-o:before, .rating-stars ul > li.star.selected > i.fa-star-o:before { content: "\f005" !important; }
.chat-block{
    list-style-type: none;
    overflow-y: auto;
    max-height: 535px;
    margin-bottom: 0;
}
.enquiry-inner{
    background-position: center;
    background-repeat: repeat;
    background-size: inherit;
    position: relative;
}
.enquiry-inner::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgb(255 255 255 / 90%);
}
.chatfoot-block{
    max-width: 100%;
	display: flex;
    flex-wrap: wrap;
    margin: auto;
    justify-content: space-between;
    padding: 10px;
    z-index: 10;
    position: relative;
}

  /* Track */
  .chat-block::-webkit-scrollbar-track {
    background: #f1f1f1; 
  }
   
  /* Handle */
  .chat-block::-webkit-scrollbar-thumb {
    background: #888; 
  }
  
  /* Handle on hover */
  .chat-block::-webkit-scrollbar-thumb:hover {
    background: #555; 
  }
.chatfoot-block .btn{
    padding: 4px 10px;
    order: 2;
    background-color: var(--primary-color);
    color: #fff;
    font-size: 1.125rem;
    width: 45px;
    height: 45px;
    min-width: unset;
    margin-left: 20px;
}
.chatfoot-block .btn:hover{
    background-color: var(--primary-color);
}
.chatfoot-block .error{
    order: 3;
    margin-top: 5px;
    width: 100%;
    text-align: left;
    margin-left: 15px;
    font-size: 12px;
    letter-spacing: 0.5px;
    color: #ff1818;
}
.chat-block li{
	padding:10px 30px;
}
.chat-block h2,.chat-block h3{
	display:inline-block;
	font-size:12px;
    font-weight: 500;
    color: #333;
}
.chat-block h3{
    font-weight:normal;
    color:#222;
    opacity: 0.8;
}
.chat-block h3 small{
    font-size: 12px;
    font-weight: 500;
}
.chat-block .entete{
	margin-bottom:5px;
}
.chat-block .entete h3 span{
    font-weight: 500;
}
.chat-block .message{
    padding: 10px 15px;
    line-height: 19px;
    max-width: 90%;
    display: inline-block;
    text-align: left;
    border-radius: 5px;
    font-size: 0.875rem;
    letter-spacing: 0.5px;
    min-width: 300px;
}
.time-info h3{
    margin-bottom: 0;
    margin-top: 8px;
    font-size: 11px;
}
.time-info{
    text-align: right;
}
.chat-block .me{
	text-align:right;
	position: relative;
}
.chat-block .you .message{
	background-color: var(--chat-you-message-bg);
}
.chat-block .me .message{
	background-color:var(--chat-me-message-bg);
}
.chat-block .me .message h3{
    color: #222;
    opacity: 0.8;
}
.error {
    color: red;
    margin-bottom: 5px;
    font-size: 13px;
}
.address-wrapper .titile-medium i{
    margin-right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    color: var(--white-color);
    font-size: 20px;
}
.address-wrapper .titile-medium{
    font-size: 0.875rem;
    line-height: 20px;
    font-weight: 500;
    display: flex;
    align-items: center;
    margin-bottom: 18px;
}
.address-wrapper .add-block.bill-block p{
    font-size: 0.875rem;
    line-height: 20px;
    margin-bottom: 0;
    font-weight: 300;
}
.address-wrapper .add-block.bill-block{
    min-height: 200px;
    background: var(--white-color);
    border-radius: 10px;
    height: 100%;
    box-shadow: none;
    border: 1px solid #ddd;
}
.address-wrapper  .bill-block.active-deliver {
    border-color: #ffad00;
}
.address-wrapper .ship-block.active .set-default,
.set-default:hover{
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}
.address-wrapper .ship-block .card-footer .set-default.active{
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}
.address-wrapper .ship-block.active .home-Other ~ .home-Other .set-default {
    background: transparent;
    border: 1px solid #ddd;    
}
.address-wrapper .ship-block.active .home-Other ~ .home-Other .set-default label{
    color: #222;
}
.address-wrapper .ship-block.active .home-Other ~ .home-Other .set-default:hover,
.address-wrapper .ship-block.active .home-Other ~ .home-Other .set-default.active{
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}
.address-wrapper .ship-block.active .home-Other ~ .home-Other .set-default:hover label,
.address-wrapper .ship-block.active .home-Other ~ .home-Other .set-default.active label{
    color: #fff;
}
.address-wrapper .ship-block .card-footer .set-default.active label{
    color: #fff;
}
.address-wrapper .ship-block.active .set-default label{
    color: var(--white-color);
}
.sidebar .sidebar_widget li.level2 ul{
    display: block !important;
}
.mfp-iframe-holder .mfp-close{
    position: fixed;
    right: 4px;
    top: 4px;
}
.canvas_details .product-action .quantity{
    background: transparent;
}
.child_logo_list.row .logo-img{
    min-height: 35px;
}
body.page_class_cart .Hunter-wrap{
    height: auto !important;
    width: auto !important;
}
body.page_class_cart .Hunter-wrap .img_description h5{
    font-size: 0.813rem;
    color: #333;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-bottom: 0;
    margin-top: 5px;
}
body.page_class_cart .Hunter-wrap img.img-fluid{
    width: 165px !important;
}
body.page_class_cart .Hunter-wrap .img_box{
    text-align: center;
    border: 1px solid #e9e9e9;
    padding: 10px;
    border-radius: 5px;
}
body.page_class_cart .Hunter-wrap .hover-large-image{
    display: none;
}
body.page_class_cart .Hunter-wrap ul.list-unstyled{
    margin-bottom: 0;
    display: flex;
    justify-content: center;
}
body.page_class_cart .Hunter-wrap ul.list-unstyled li{
    margin: 4px 7px;
    cursor: auto;
}
.site-btn-main.btn-filter{
    margin: 0 15px 9px;
    border-radius: 5px;
}
.login-second-container .form-group{
    position: relative;
    margin-bottom: 10px;
}
.toggle_password,
.toggle_conpassword{
    position: absolute;
    right: 10px;
    bottom: auto;
    cursor: pointer;
    top: 12px;
    font-size: 14px;
}
#checkout-page-modal .form-group #registerConfirmPassword,
#checkout-page-modal .form-group #registerPassword {
    padding-right: 30px;
}
.account_right_box .toggle_password,
.account_right_box .toggle_conpassword{
    top: 37px;
}
.text-accordion-block .card,
.text-accordion-block .card-header{
    background-color: transparent;
}
.text-accordion-block .card{
    border: 0;
}
.text-accordion-block .card-header{
    border: 1px solid #ededed;
    border-radius: 0 !important;
    padding: 0;
}
.text-accordion-block .card-header:before{
    cursor: pointer;
    pointer-events: none;
    color: #a7a7a7;
    content: none;
}
.text-accordion-block .card-header .accordion-link[aria-expanded="true"]::before,
.text-accordion-block .card-header .accordion-link[aria-expanded="false"]::before{
    font-family: 'FontAwesome';
    font-size: 12px;
    position: absolute;
    right: 10px;
    color: #898989cc;
    top: 12px;
}
.text-accordion-block .card-header .accordion-link[aria-expanded="true"]::before{
    content: "\f077"; 
}
.text-accordion-block .card-header .accordion-link[aria-expanded="false"]::before{
    content: "\f078"; 
}
.text-accordion-block .card-header .accordianHeading{
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0.5px;
    font-family: var(--secondary-font-family);
}
.text-accordion-block .card-header .accordianHeading button{
    padding: 10px 15px;
    display: block;
    cursor: pointer;
    width:100%;
    text-align: left;
    border: 0;
}
.text-accordion-block .accordion-body{
    border: 1px solid rgb(241, 241, 241);
    border-top: 0;
}
.read-more-link,
.size-chart-link{
    color: #222222;
    font-weight: 500;
    text-decoration: underline;
    font-size: 0.813rem;
    text-transform: capitalize;
}
.product-single__description.rte .read-more-link, .product-single__description.rte .size-chart-link {
    margin-top: 5px !important;
}
.zoom-block{
    position: absolute;
    width: 250px;
    height: 250px;
    box-shadow: 0px 2px 6px 2px rgb(0 0 0 / 9%);
    border-radius: 5px;
    display: none;
    z-index: 10;
    top: 0;
    transition: 0.6s ease-in-out;
    right: 0;
    left: 100%;
    padding: 5px;
    background-color: var(--grey-lighter-color);
    transition: 0.3s ease-in-out;
    margin-left: 10px;
    border: 1px solid #d1d1d1;
}
.zoom-block::before{
    content: "";
    position: absolute;
    top: 25px;
    left: -16px;
    border: 8px solid transparent;
    border-bottom-color: #b9b9b9;
    transform: rotate(270deg);
}
.cart-table .popover-body .list-unstyled .img_box:hover .zoom-block,
.order-customiz-btn .popover-body .list-unstyled .img_box:hover .zoom-block{
    display: block;
}
.cart-table .popover-modal .popover-header,
.order-customiz-btn .popover-modal .popover-header{
    font-size: 0.813rem;
    font-weight: 400;
}
.sidebar .sidebar_widget.categories .sub-level > a:after{
    content: none;
}
.sidebar .sidebar_widget.categories .sub-level .anm-plus-l.up::before{
    content: "\ebd1";
}
.sidebar .sidebar_widget.categories .sub-level button{
    position: absolute;
    right: -4px;
    top: 5px;
    color: var(--dark-grey);
    padding: 8px 8px;
    cursor: pointer;
    border: 0;
}
.sidebar .sidebar_widget.categories .sub-level{
    display: flex;
    flex-wrap: wrap;
}
.sidebar .sidebar_widget.categories .sub-level ul{
    width: 100%;
}
.sidebar .sidebar_widget.categories .sub-level > a.active:after{
    content: none;
}
.infolinks.kit-infolinks:not(.pd-infolinks) .btn{
    border-radius: 0;
    border-top: 1px solid var(--white-color);
}
.list-view-items.grid--view-items .button-box .btn-icon{
    background-color: #111111;
    position: relative;
}
.list-view-items.grid--view-items .button-box .btn-icon .tooltip-label{
    padding: 1px 7px;
    line-height: 20px;
    top: -30px;
}
.list-view-items.grid--view-items .button-box .btn-icon:hover .tooltip-label{
    opacity: 1;
    visibility: visible;
}
.product-single .infolinks.kit-infolinks .wishlist.d-none,
.product-single .infolinks.kit-infolinks .btn.d-none{
    display:none !important;
}
.login-first-layout a,
.login-second-container .forgot-text a,
.login-second-container a,
.login-fourth-container a{
    color: var(--anchor-link-color);
}
/*========= customization loader =======*/
.customize_loader{
    background:rgba(0,0,0,0.6);
    position: fixed;
    top:0;
    left:0;
    width: 100vw;
    height: 100vh;
    z-index: 10000;
    display: flex;
    justify-content: center;
    align-items: center;
}
.lds-ring {
    left: auto;
    top:auto;
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}
.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    margin: 8px;
    border: 8px solid var(--white-color);
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #fff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}
@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.prod-detail { position:relative }
.input-sku-line-items { display:block; width: 22px; height: 22px; margin:0px auto;}
.expand-view-product .product-action{ display: flex; align-items: center; flex-wrap: wrap;}
.expand-view-product .product-form__item--submit { margin-right: 12px; }
.expand-view-product .buy-it-btn button { margin-bottom: 0;}
.expand-view-product .disabled { pointer-events: none; opacity: 0.4;}

.page_class_rewards-category .page-title{
    text-align: center;
}
.page_class_rewards-category .page-title h2.reward-heading{
    background-color: var(--red-orange);
    color: var(--white-color);
    padding: 0 20px;
    height: 45px;
    display: inline-block;
    position: relative;
    line-height: 44px;
    font-size: 21px;
    font-weight: 500;
    letter-spacing: 0.7px;
    margin: 0 56px 30px 56px;
    text-align: center;
}
.page_class_rewards-category .page-title h2.reward-heading::before,
.page_class_rewards-category .page-title h2.reward-heading::after{
    content: '.';
    text-indent: -9999em;
    height: 0;
    width: 0;
    border-style: solid;
    border-width: 20px;
    position: absolute;
    left: -38px;
    top: 10px;
    display: block;
    z-index: -1;
}
.page_class_rewards-category .page-title h2.reward-heading::before{
    border-color: #f44336 #f44336 #f44336 transparent;
}
.page_class_rewards-category .page-title h2.reward-heading::after{
    border-color: #f44336 transparent #f44336 var(--red-orange);
    right: -38px;
    left: auto;
}
.page_class_rewards-category .filters-toolbar__item{
    display: none;
}
.page_class_rewards-category .container.pagemainlayout{
    max-width: 1200px;
}
.additem-btn{
    border-radius: 50px;
    background-color: transparent;
    color: var(--brand-color);
    font-weight: 600;
    text-transform: capitalize;
    border: 1px solid var(--brand-color);
    padding: 6px 6px;
    width: 107px;
    position: relative;
}
.additem-btn input{
    position: absolute;
    width: 100%;
    left: 0;
    height: 100%;
    top: 0;
    opacity: 0;
    cursor: pointer;
}
.expand-view-product{
    margin-top: 35px;
}
.added-ribben{
    width: 110px;
    height: 110px;
    overflow: hidden;
    position: absolute;
    top: -11px;
    right: -11px;
    opacity: 0;
    z-index: 10;
}
.added-ribben::before,
.added-ribben::after{
    position: absolute;
    z-index: -1;
    content: '';
    display: block;
    border: 5px solid #319b29;
    border-top-color: transparent;
    border-right-color: transparent;
}
.expand-view-product .row-items.selected .added-ribben{
    opacity: 1;
}
.added-ribben::before{
    top: 0;
    left: 35px;
}
.added-ribben::after{
    bottom: 35px;
    right: 0px;
}
.added-ribben span{
    position: absolute;
    display: block;
    width: 190px;
    padding: 3px 0;
    background-color: #4BB543;
    box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
    color: var(--white-color);
    font-size: 0.813rem;
    letter-spacing: 0.5px;
    font-weight: 500;
    text-shadow: 0 1px 1px rgb(0 0 0 / 20%);
    text-transform: uppercase;
    text-align: center;
    left: -13px;
    top: 16px;
    transform: rotate(45deg);
}
.load-more-btn{
    border-radius: 50px;
    padding: 8px 20px;
}
.reward-badge{
    font-weight: 500;
    letter-spacing: 0.5px;
    border: 1px solid #ff8080;
    background-color: #ff8080;
    color: var(--white-color);
    border-radius: 3px;
}
.reward-slick-slider .slick-slide img,
.reward-pd-image,
.grid-products.expand-view-product .left-column .product-image{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.reward-slick-slider .slick-arrow{
    opacity: 0;
    background-color: #dee2e6;
}
.grid-products.expand-view-product .left-column:hover .slick-arrow{
    opacity: 1;
}
.reward-slick-slider .slick-arrow::before{
    font-size: 1.125rem;
    color: var(--brand-color);
}
.reward-slick-slider .slick-arrow:hover{
    background-color: #ff6464;
}
.reward-slick-slider .slick-arrow:hover::before{
    color: var(--white-color);
}
.grid-products.expand-view-product .product-form .swatch.option1 .swatchInput + .swatchLbl{
    min-width: 25px;
    height: 25px;
}
.grid-products.expand-view-product .product_colors .swatch-element.color .swatchLbl.rounded::after{
    width: 27px;
    height: 27px;
    left: -3px;
    top: -3px;
}
.grid-products.expand-view-product .rewardAddToCartBtn{
    min-height: auto;
}
.grid-products.expand-view-product .slick-slider-container {
    position:relative;
    height:auto;
    width:100%;        
}
.grid-products.expand-view-product .product-form{
    width: 100%;
    margin: 0;
    align-items: flex-start;
}
.items-action label{
    cursor: pointer;
    font-weight: 500;
    position: relative;
    overflow: hidden;
}
.items-action label span{
    display: flex;
    align-items: center;
    padding: 0.375em 0.75em 0.375em 0.375em;
    border-radius: 99em;
    transition: 0.25s ease;
    color: var(--body-color);
    font-size: 0.813rem;
    line-height: 18px;
}
.items-action label span::before{
    display: flex;
    flex-shrink: 0;
    content: "";
    background-color: var(--white-color);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-right: 0.375em;
    transition: 0.25s ease;
    box-shadow: inset 0 0 0 0.125em var(--brand-color);
}
.items-action label input[type="checkbox"] + span::before{
    border-radius: 3px;
    width: 18px;
    height: 18px;
}
.items-action label input[type="checkbox"] + span{
    padding: 8px 13px;
}
.items-action label input[type="radio"]:checked + span::before{
    box-shadow: inset 0 0 0 0.4375em var(--brand-color);
}
.items-action label input[type="checkbox"] + span::after{
    content: "\f00c";
    font-family: "FontAwesome";
    position: absolute;
    color: var(--brand-color);    
    margin-left: 3px;
    font-size: 12px;
    opacity: 0;
}
.items-action label input[type="checkbox"]:checked + span::after{
    opacity: 1;    
}
.items-action label input{
    position: absolute;
    opacity: 0;
    margin: 0;
    z-index:-1;
}
.items-action label input[type="radio"]:checked + span,
.items-action label:hover span,
.items-action label input[type="checkbox"]:checked + span{
    background-color: #d6d6e5;
}
.message-row p{
    padding: 9px 20px;
    background-color: #edf9ff;
    font-size: 1rem;
    border-radius: 3px;
    letter-spacing: 0.5px;
}
.message-row p strong{
    color: #ff7373;
}
.reward-slick-slider .slick-track,
.reward-slick-slider .slick-track .reward-pd-image,
.reward-slick-slider .slick-track .slick-slide div,
.reward-slick-slider .slick-track .slick-slide img{
    height: 100%;
}
a.txt-read-more{
    color: #ff7070;
    text-transform: capitalize;
    font-size: 12px;
    font-weight: 400;
    text-decoration: underline !important;
}
a.txt-read-less{
    position: absolute;
    top: 11px;
    right: 11px;
    text-decoration: none !important;
}
a.txt-read-less i{
    font-size: 23px;
    color: #ffffff;
}
.grid-products.expand-view-product .read-less{
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    left: 0;
    z-index: 100;
    background: #212529;
    display: flex !important; 
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    color: var(--white-color);
    padding: 20px;
    transform: inherit;
    transition: 0.5s ease-in-out;
    font-size: 1rem;
    font-weight: 300;
    line-height: 26px;
    transform-origin: 50% 50%;
    border-radius: 5px;
    visibility: visible;
    opacity: 1;
}
.grid-products.expand-view-product .read-less,
.grid-products.expand-view-product .read-less *{
    color: #ffffff !important;
}
.grid-products.expand-view-product .read-less.d-none{
    transform: scale(0);
    visibility: hidden;
    opacity: 0;
}
.read-more.d-none {
    display: block !important;
}
.buy-it-btn .btn[disabled]{
    cursor: not-allowed;
}
.expand-view-product .reward-pd-image {
    position: relative;
    padding-top: 100%;
}
.expand-view-product .reward-pd-image img {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    right: 0;
    bottom: 0;
    margin: auto;
    height: auto !important;
}
.expand-view-product .video-player-popup {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background-color: #efefef;
}
.expand-view-product .video-player-popup .close-video-player {
    z-index: 10;
    position: relative;
    margin-right: 5px;
}
.expand-view-product .video-player-popup .video-player-inner {
    position: relative;
    padding-top: 100%;
}
.expand-view-product .video-player-popup .video-player-inner iframe {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
/* FEATURED product slider image style start [is] 19-05-22*/
.productSlider .product-inner-class-addon{
    -webkit-transition: 100ms ease-out;
    -moz-transition: 100ms ease-out;
    -o-transition: 100ms ease-out;
    transition: 100ms ease-out;
}
.productSlider .product-inner-class-addon:hover {
    box-shadow: 0px 8px 21px -11px rgb(0 0 0 / 30%);
}
.productSlider .product-inner-class-addon .product-image {
    padding-top: 100%;
}
.productSlider .product-inner-class-addon .product-image .product-link-list {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.productSlider .product-inner-class-addon .product-image .product-link-list img {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.productSlider .product-inner-class-addon .product-image .product-link-list .hover {
    transform: unset;
}
/* FEATURED product slider image style [is] end */

/* product listing image style start [is] 19-05-22*/
.grid--view-items .product-inner-class-addon .product-image {
    padding-top: 101%;
}
.grid--view-items .product-inner-class-addon .product-image > a {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;
}
body .grid--view-items .product-inner-class-addon .product-image > a img,
body .grid--view-items .product-inner-class-addon .product-image > .product-link-list img{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: auto !important;
    max-width: 100%;
    max-height: 100%;
    height: auto !important;
    object-fit: inherit !important;
    transform: unset;
}
body .grid--view-items .product-inner-class-addon .product-image > a .hover {
    transform: unset;
    left: 0;
    top: 0;
}
/* list view */
.list-view-items .list-view-item__image-wrapper {
    padding-top: 100%;
}
.list-view-items .list-view-item__image-wrapper > a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.list-view-items .list-view-item__image-wrapper > a img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: auto !important;
    max-width: 100%;
    max-height: 100%;
    object-fit: inherit !important;
    height: auto !important;
}
/* product listing image style [is] end */

/* featured images style start  [is] 19-05-22*/
.addon_products_2 .grid-products [class*="col-"]:first-child .item .product-image,.addon_products_2 .grid-products [class*="col-"]:last-child .item .product-image{
    height: auto;
    padding-top: 100%;
}
.featured-grid .grid-products [class*="col-"] .item .product-image > a,
.featured-grid .grid-products [class*="col-"] .item .product-image > .product-link-list {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.featured-grid.addon_products_2 .grid-products [class*="col-"] .item .product-image img,.category_addon_4 .img-banner-item .inner .img  img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: absolute;
    top: 0;
    left: 0;
}
.addon_products_2 .grid-products [class*="col-"]:nth-child(2) .item .product-image{
    height: auto;
    padding-top: 100%;
}
/* featured image style [is] end */

/* category_addon_4 style start [is] 19-05-22  */
.category_addon_4 .img-banner-item .inner .img {
    position: relative;
    padding-top: 55.77%;
    display: block;
}
.category_addon_4 .img-banner-item .inner .img  img{
    object-fit: cover;
}
.base_category.category_addon_4 .index-demo7 {
    max-width: 1500px;
    margin: 0 auto;
}
/* category_addon_4 style end [is] 19-05-22  */

/* category_addon_1 style start [is] 19-05-22 */
.base_category.category_addon_1 .banner-grid .banner-item:first-child .collection-grid-item .img,
.base_category.category_addon_1 .banner-grid .banner-item:nth-child(3) .collection-grid-item .img{
    padding-top: 79%;
    position: relative;
}
.base_category.category_addon_1 .banner-grid .banner-item:nth-child(4) .collection-grid-item .img,
.base_category.category_addon_1 .banner-grid .banner-item:nth-child(2) .collection-grid-item .img{
    padding-top: 52.5%;
    position: relative;
}

/* category_addon_1 style end [is] 19-05-22 */

/* category_addon_2 style start [is] 19-05-22 */
.base_category.category_addon_2 .collection-banners .row .img-banner-item .imgBanner-grid-item .img {
    position: relative;
    display: block;
    padding-top: 59.8%;
}
.base_category.category_addon_2 .collection-banners .row .img-banner-item:nth-child(2) .img-banner-item:first-child .imgBanner-grid-item .img {
     padding-top: 125.65%;
}

/* category_addon_2 style end [is] 19-05-22 */

/* category_addon_6 style start [is] 19-05-22 */
.base_category.category_addon_6 .section.imgBanners {
    padding-left: 20px;
    padding-right: 20px;
}
.base_category.category_addon_6 .img-banner-item .imgBanner-grid-item .img{
    position: relative;
    display: block;
    padding-top: 69.1%;
}
/* category_addon_6 style end [is] 19-05-22 */

/* category_addon_8 style start [is] 19-05-22 */
.base_category.category_addon_8 .img-banner-item .imgBanner-grid-item .img{
    position: relative;
    display: block;
    padding-top: 70%;
}
/* category_addon_8 style end [is] 19-05-22 */

/* category_addon_15 style start [is] 19-05-22 */
.base_category.category_addon_15 .collection-banners .row .img-banner-item .imgBanner-grid-item .img {
    display: block;
    position: relative;
    padding-top: 54%;
}
.base_category.category_addon_15 .collection-banners .row .img-banner-item:nth-child(2) .img-banner-item.last .img {
    padding-top: 25%;
}
/* category_addon_15 style end [is] 19-05-22 */

/* category_addon_16 style start [is] 19-05-22 */
.base_category.category_addon_16 .collection-banners .banner-grid:last-child .collection-grid-item .img {
    padding-top: 102.5%;
}
.base_category.category_addon_16 .collection-banners .banner-grid .collection-grid-item .img {
    position: relative;
    display: block;
    padding-top: 100%;
}
/* category_addon_16 style end [is] 19-05-22 */

/* category_addon_7 style start [is] 23-05-22 */
.base_category.category_addon_7 .collection-slider-full .collection-slider-4items .collection-item .img {
    position: relative;
    display: block;
    padding-top: 96.5%;
}
/* category_addon_7 style end [is] 23-05-22 */

/* category_addon_12 style start [is] 23-05-22 */
.base_category.category_addon_12 .collection-banners .row .imgBanner-grid-item .img {
    position: relative;
    display: block;
    padding-top: 84.15%;
}
/* category_addon_12 style end [is] 23-05-22 */

/* category_addon_14 style start [is] 23-05-22 */
.base_category.category_addon_14 .img-banner-item .imgBanner-grid-item .img{
    position: relative;
    display: block;
    padding-top: 83.3%;
} 
/* category_addon_14 style end [is] 23-05-22 */

/******common style for category images start [is] 19-05-22*****/
.base_category.category_addon_2 .collection-banners .row .img-banner-item .imgBanner-grid-item .img img,
.base_category.category_addon_1 .banner-grid .banner-item .collection-grid-item .img img,
.base_category.category_addon_6 .img-banner-item .imgBanner-grid-item .img img,
.base_category.category_addon_8 .img-banner-item .imgBanner-grid-item .img img,
.base_category.category_addon_15 .collection-banners .row .img-banner-item .imgBanner-grid-item .img img,
.base_category.category_addon_16 .collection-banners .banner-grid .collection-grid-item .img img,
.base_category.category_addon_7 .collection-slider-full .collection-slider-4items .collection-item .img img,
.base_category.category_addon_12 .collection-banners .row .imgBanner-grid-item .img img,
.base_category.category_addon_14 .img-banner-item .imgBanner-grid-item .img img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    top: 0;
}
/* common style for category images end [is] 19-05-22*/
/*=============== My Account Start g1 ===================*/
.border-right-1 {
    border-right: solid 1px #eef3fa;
}
.account_info {
   
    padding-bottom: 15px;
}

.container-white-bg  .col-sm-3.pl-0.pr-0.border-right-1 {
    max-width: 300px;
    flex: 0 0 300px;
}

.container-white-bg  .col-sm-9 {
    flex: 0 0 calc(100% - 300px);
    max-width: calc(100% - 300px);
    
}
.user_detail {
    position: relative;
}
.user_detail button.btn.leftmenu-item {
    position: absolute;
    top: 0;
    right: 10px;
    padding: 0px 2px;
    border-radius: 4px;
    text-transform: none;
    font-size: 12px;
}
.row-name {
    border-bottom: 1px solid var(--border-light);
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.row-name i.mr-icon {
    font-size: 1rem;
    vertical-align: middle;
    margin-right: 7px;
}
.add-info .add-label:before{font: normal normal normal 14px/1 FontAwesome;}
span.add-label.other::before {    content: "\f1ad"; }
span.add-label.home:before{    content: "\f015";}
span.add-label.office:before{content: "\f0b1";}
.home-Other i {
    display: none;
}
.row.my-account-wrapper {
    margin-left: -7px;
    margin-right: -7px;
}
.row.my-account-wrapper [class*="col-"]{
    padding-left: 7px;
    padding-right: 7px;
}
.bg-white-color {
    background: var(--white-color);
    height: 100%; min-height:550px;
    box-shadow: rgb(0 0 0 / 10%) 0px 10px 15px -3px, rgb(0 0 0 / 5%) 0px 4px 6px -2px;
}

.weclome-page h2 {
    font-size: 27px;
}

.account_right_box .order-wrapper{
    position: relative;
}
.page_class_my-account .account_right_box .table-responsive .table {
    min-width: 840px;
}
.account_right_box form#formchangepassword > div {
    width: 100%;
}
.account_right_box form#formchangepassword .form-group{
    position: relative;
}
.left-nav-profile {
    display: flex;
    flex-direction: column;
}
.left-nav-profile p {
    margin: 0;
}
.left-nav-profile i {
    float: left;
    margin-right: 9px;
    border-radius: 7px;
    color: #686868;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 26px;
    font-size: 0.875rem;
    height: 26px;
}
.left-nav-profile button {
    padding: 0;
    margin: 0;
    border: 0;
    text-align: left;
}
.left-nav-profile p, .left-nav-profile button {
    margin-bottom: 10px;
    display: flex;
    align-items: center;   
    border-radius: 10px;
    padding: 5px;
    margin-right: 16px;
}
.left-nav-profile a:hover,
.left-nav-profile a.active{
    color: #f06543;
    opacity: 1;
}
.box-mid-600 > div {
    max-width: 100%;
    width: 100%;
}
span.info-address {
    width: 35px;
    min-width: 35px;
    height: 35px;
    background-color: #F6F8FC;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    text-align: center;
    padding: 0 !important;
    margin-right: 15px;
    color: #93a7bd;
    box-shadow: inset 0px -2px 5px rgb(237 237 237);
}
.flex-address.phone span.info-address{
    background-color: #ff980026;
    color: #ff9800;
}
.flex-address {
    display: flex;     
    align-items: center;
    margin-bottom: 15px;
}
.cust-table-row.cust-table-add-row .cust-table-cell-right .flex-address p {
    text-align: left;
}
.flex-address p{
    margin-bottom: 0;
}

span.pending {
    /* color: #dc3545; */
    color: #ff712d;
}
.cancel-lbl{
    color: #9b2c2c;
}
.mywishlist.mywishlist-my-profile p {
    margin-bottom: 10px;
    font-size: 0.938rem;
}
.mywishlist.mywishlist-my-profile .wishlist-btn {
    position: absolute;
    right: -11px;
    top: -8px;
}
.mywishlist.mywishlist-my-profile .list-view-item  .wishlist-btn .btn {
    height: 26px;
    background: var(--primary-color);
    padding: 5px 5px;
    float: left;
    border-radius: 100%;
    color: var(--white-color);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 26px;
    min-width: unset;
    position: relative;
}
.mywishlist.mywishlist-my-profile .list-view-item  .wishlist-btn .btn i{margin: 0;}
.mywishlist.mywishlist-my-profile .list-view-item  .wishlist-btn .btn:hover{background: var(--active-color); color: var(--white-color);}
.bottom-icon-wrapper{
    position: fixed;
    border: 0;
    z-index: 10;
    bottom: -100px;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    background: #fff;
    padding: 8px 15px;
    transition: 0.3s ease-in-out;
    border-top: 1px solid #c7c7c7;
}
.bottom-icon-wrapper.up{
    bottom: 0px;
}
.bottom-icon-wrapper .iconset{
    padding: 0;
    margin: 0 20px;
}
.bottom-icon-wrapper .iconset i{
    font-size: 18px;
    color: #000;
}
.bottom-icon-wrapper .wishlist-count,
.bottom-icon-wrapper .site-cart-count{
    color: #ffffff;
    background-color: #000;
    right: 1px;
    top: 5px;
    width: 18px;
    height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.form-group{
    position: relative;
}
input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
    display: none;
}
.static.stickyNav{
    position: static;
}
ul.chat-block li.you pre, li.me pre {
    padding: 0;
    margin: 0;     
    font-family: 'Poppins', sans-serif;
    background: none;
}
ul.chat-block li.you pre, li.me pre {
    padding: 0;
    margin: 0;
    color: #222;
}
.order-wrapper.enquiry-wrapper .chat-block .round-img {
    margin-right: 15px;
    top: 0;
}
.order-wrapper.enquiry-wrapper .chat-block .me .round-img {
    margin-right: 0;
    margin-left: 15px;
}
.chat-block .you .message {
    background-color: #e1e9fb;
}
.chat-block li {
     position: relative;
}
.chatfoot-block textarea {
    max-width: calc(100% - 65px);
    flex: 0 0 calc(100% - 65px);
    background-color: #f9f9f9;
    order: 1;
    height: 55px;
    border-radius: 4px;
    border: 0;
}
.chatfoot-block input#replyadmin {
    height: 70px;
    margin-left: -3px;
    background: #ec012f;
    color: var(--white-color);
    font-size: 19px;
}
.in-process-lbl{
    color: #222;
    background-color: #d9e7f5;
}
.on-hold, .pending-lbl{
    color: #cf5d26;
    background: #ffe3d1;
}
.shipped-lbl {
    color: #222;
    background: #d0ffd8;
}
.completed {
    color: #376640;
    background: #b8e5d0;
}
.delivered-lbl {
    color: #376640;
    background: #b8e5d0;
}
.cancel-lbl{
    color: #9b2c2c;
    background: #ffe2e2;
}
.in-process {
    color: #222;
    background: #d9e7f5;
}
.complete-st{
    color: #0e9f2f;
    background-color: #d4edda;
}
.new-enq{
    color: #007bff;
    background: #c2dffd;
}
span.in-process-lbl, .pending-lbl, .on-hold, .pending-lbl,
.cancel-lbl, .complete-st, .shipped-lbl,
.delivered-lbl,.in-process,.complete-st,.new-enq,.completed {
    padding: 4px 10px;
    font-size: 11px;
    border-radius: 45px;
    text-transform: uppercase;
}
.in-process .in-process-lbl {
    padding: 0;
    background: transparent;
}
li.me .message pre {
    color: #222;
}
li .message pre{
    font-size: 0.813rem;
    letter-spacing: 0.5px;
}
textarea {
    resize: none;
}
.chat-block .me .entete  h3{
    margin-right: 59px;
}
.round-img{
    height: 50px;
    width: 50px;
    display: block;
    position: relative;
    top: -9px;
}
.round-img img{
    height: 100%;
    width: 100%;
    border-radius: 50%;
    box-shadow: 0px 5px 7px 2px rgb(0 0 0 / 7%);
    border: 1px solid #efefef;
}
.chat-block .you .entete h3{
    margin-left: 59px;
}
.enquiry-wrapper .chat-block .message {
    position: relative;
}
.enquiry-wrapper .chat-block .message:before {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: var(--chat-you-message-bg);
    left: -6px;
    transform: rotate(45deg);
    top: 12px;
}
.enquiry-wrapper .chat-block .me .message:before {
    left: auto;
    right: -7px;
    background: var(--chat-me-message-bg);
}
.set-default{
    position: relative;
    border: 1px solid #a5a5a5;
    padding: 2px 9px;
    font-size: 11px;
    letter-spacing: 0.5px;
    border-radius: 50px;
}
.set-default:hover label{
    color: var(--white-color);
}
.set-default label{
    font-size: 0.813rem;
    margin-bottom: 0 !important;
    line-height: 14px;
    width: 100%;
}
.set-default label input{
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.address-wrapper .add-block.bill-block .card-footer .home-Other{
    display: flex;
}
.info-row{
    padding: 15px 15px 0;
}
.medium-cart-heading{
    padding: 0 15px;
}
.medium-cart-heading p{
    font-weight: 400;
    letter-spacing: 0.5px;
}
.gift-text{
    color: #ff7267;
    letter-spacing: 0.5px;
}
.minicart-content .item .product-image { 
    width:25%; 
    float:left; 
    padding-top: 25%;
}
.minicart-content .item img{
    position: absolute;
    left: 0;
    top: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.iconset .dropdown-toggle{
    padding: 0;
    background-color: transparent !important;
    border: 0;
    outline: none;
}
.iconset .dropdown:hover .dropdown-menu{
    display: block;
}
.iconset .dropdown-menu{
    border: 0;
    border-radius: 5px;
    padding: 5px 0;
    box-shadow: -1px 2px 5px 2px rgb(0 0 0 / 8%);
}
.iconset .dropdown-menu .dropdown-item{
    font-size: 0.813rem;
    line-height: 16px;
    letter-spacing: 0.5px;
    color: var(--body-color);
    padding: 10px 15px;
    font-weight: 400;
    display: flex;
    align-items: center;
}
.iconset .dropdown-toggle::after{
    content: none;
}
.iconset .dropdown-menu .dropdown-item i{
    margin-right: 7px;
}
.iconset .dropdown-menu .dropdown-item:hover{
    background-color: var(--grey-lighter-color);
}
.iconset .dropdown-menu .dropdown-item + .dropdown-item{
    border-top: 1px solid var(--grey-lighter-color);
}
.theme-ntfound{
    padding: 115px 15px 0;
}
.theme-ntfound h1{
    font-size: 40px;
    font-weight: 900;
    color: #2f5eaf;
    text-shadow: 2px 2px #0006;
}
.page_class_login .spinner-border{
    position: absolute;
    width: 23px;
    height: 23px;
    left: 0;
    right: 0;
    margin: auto;
}
.custom-form-wrapper{
    background-color: var(--grey-lighter-color);
}
.custom-form-wrapper .address-wrapper .add-block .card-footer {
    padding: 10px;
}
.custom-form-wrapper .address-wrapper .add-block .card-footer .chckbox-text {
    font-size: 12px;
}
.custom-form-block{
    max-width: 900px;
    margin: auto;
    box-shadow: rgb(0 0 0 / 10%) 0px 10px 50px;
    padding: 30px;
    border-radius: 10px;
    background-color: var(--white-color);
}
.custom-form-block .form-group label{
    font-size: 0.813rem;
    line-height: 18px;
    letter-spacing: 0.5px;
    font-weight: 400;
    color: #222;
    position: relative;
}
.custom-form-block .submit-btn{
    border-radius: 50px;
}
.form-group .form-control,.custom-form-block input[type="text"],.custom-form-block input[type="email"],.custom-form-block input[type="password"] {
    border: 1px solid var(--inputs-border-color);
    font-size: 0.813rem;
    letter-spacing: 0.52px;
    color: #222 ;
    min-height: 40px;
    border-radius: 4px;
}
.custom-form-block .form-group input[type="file"]{
    padding-left: 15px;
    padding-top: 5px;
    border-color: var(--inputs-border-color);
}
.checkbox-block input[type="checkbox"],
.radio-block input[type="radio"]{
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.checkbox-block label,
.radio-block label{
    padding-left: 29px;
    margin-bottom: 0;
    cursor: pointer;
}
.checkbox-block .checkmark{
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: 1px solid var(--inputs-border-color);
}
.radio-block .checkmark{
    background-color: var(--inputs-border-color);
    border-radius: 50%;
    border: 0;
    height: 20px;
    width: 20px;
}
.checkbox-block .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.checkbox-block .checkmark:after {
    left: 6px;
    top: 3px;
    width: 6px;
    height: 10px;
    border: solid #222;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.radio-block .checkmark:after {
    top: 6px;
    left: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--white-color);
}
.checkbox-block input:checked ~ .checkmark:after,
.radio-block input:checked ~ .checkmark:after{
    display: block;
}
.checkbox-block .checkbox,
.radio-block .radio{
    margin-bottom: 11px;
}
.custom-form-wrapper h2{
    font-size: 35px;
    text-transform: capitalize;
    letter-spacing: .6px;
}
.upload-btn{
    position: absolute;
    bottom: 3px;
    height: 34px;
    background-color: #a5a5a5;
    width: 109px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white-color);
    font-weight: 400;
    letter-spacing: 0.5px;
    left: 4px;
    cursor: pointer;
    pointer-events: none;
}
#custom_order_form .upload-btn {
    bottom: auto;
    top: 26px;
    left: 1px;
    height: 38px;
    width: 112px;
    font-size: 0.813rem;
}
.upload-btn i{
    margin-right: 4px;
}
.product-load-more .list-product, .product-load-more .item{
    display:block
}
.product-review .fa {
    color: #ff9529;
}
.product-detail-container .prInfoRow .spr-badge-caption {
    color: var(--body-color);
}
.rewards-modal.modal-header .close{
    top: 0;
    font-size: 40px;
}
.filters-toolbar-wrapper {
    margin: 0px 0 20px 0;
}
.list-view-items .product-price__sale {
    padding-left: 0;
}
.list-view-item__title-column p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    letter-spacing: 0.5px;
}
#quickView-modal .pricebox .old-price {
    padding-right: 5px;
}
#quickView-modal .pricebox .price {
    font-size: 0.875rem;
    font-weight: normal;
}
.list_view-btn {
    text-align: right;
    padding: 10px 15px;
    border-top: 1px solid #f3f3f3;
}
.list_view-btn.btn_add_cart .btn {
    padding: 5px 10px;
    text-transform: capitalize;
    font-size: 12px;
    font-weight: 600;
}
.list-product.list-view-item .added_list_item tr td input {
    background: #ededed;
    border: 0;
    text-align: center;
}
.list-product.list-view-item .added_list_item tr td {
    vertical-align: middle;
    border-color: #f5f5f5;
    font-size: 0.813rem;
    letter-spacing: 0.5px;
    color: #222;
    padding: 6px 10px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
    -moz-appearance: textfield;
}
.site-btn-main.btn-secondary {
    background-color: #fff !important;
    border: 1px solid #dba375 ;
    color: #222;
}
.site-btn-main.btn-secondary:hover{
    color: var(--primary-color) !important;
}
.grid-products .item .swatches li.rounded {
    border-radius: 0.25rem !important;
    background-size: contain !important;
}
/*=============== My Account Start g1 END ===================*/
/* new list view start */
.product-load-more .list-view-items .product-size select {
    height: 35px;
    border-radius: 4px;
    font-size: 0.813rem;
    letter-spacing: 0.5px;
}
.product-load-more .list-view-items .product-size .product-size-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 15px;
}
.product-load-more .list-view-items .product-size .product-size-list .form-group {
    margin-right: 4px;
    margin-bottom: 8px;
}
.product-load-more .list-view-items .product-size .product-size-list .qtyField .qtyBtn {
    width: 32px;
    height: 35px;
    padding: 8px 5px;
}
.product-load-more .list-view-items .product-size .product-size-list .qtyField {
    width: auto;
    height: 35px;
    border: 1px solid #d7d7d7;
    min-width: 109px;
    margin: 0;
}
.product-load-more .list-view-items .product-size .product-size-list .product-action {
    padding: 0;
}
.product-load-more .list-view-items .product-size .product-size-list .qtyField  .qty {
    font-weight: normal;
    width: 41px;
    font-size: 0.813rem;
}
.btn.btn-primary i,.btn.btn-secondary i{
    margin-right: 5px;
}
.slideshow .btn{
    background-color: var(--btn-primary-bg-color);
}
.btn{
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 15px;
    border-radius: 4px;
    min-width: 80px;
    transition: all ease 0.5s;    
    text-align: center;
    cursor: pointer;
    font-weight: 500;
    color: #fff;
    background-color: var(--btn-primary-bg-color); 
    font-size: 0.875rem;
}
.btn.btn-primary{ 
    color: var(--btn-primary-text-color);
    background-color: var(--btn-primary-bg-color);    
    border: 1px solid var(--btn-primary-bg-color);    
}
.btn.btn-primary:hover,
.btn.btn-primary:active,
.btn.btn-primary:focus{
    background-color: var(--btn-primary-bg-hover);
    border-color: var(--btn-primary-bg-hover);
    color: var(--btn-primary-hover-text);
    outline: none;
    box-shadow: none;
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle{
    background-color: var(--btn-primary-bg-hover);
    border-color: var(--btn-primary-bg-hover);
    outline: none;
    box-shadow: none;
}
.btn.btn-primary:disabled,
.btn.btn-secondary:disabled,
.btn.btn-primary:disabled:hover,
.btn.btn-secondary:disabled:hover {
    cursor: not-allowed;
    background: #a5a5a5;
    opacity: 0.3;
    border-color: #a5a5a5;
    color: #222;
}

.btn.btn-secondary {
    color: var(--btn-secondary-text-color);
    background-color: var(--btn-secondary-bg-color);
    border: 1px solid var(--btn-secondary-border-color);    
}
a.btn.btn-secondary:not([href]):not([tabindex]) {
    color: var(--btn-secondary-bg-hover);
}
a.btn.btn-secondary:not([href]):not([tabindex]):hover {
    color: var(--btn-secondary-hover-text);
}
a.btn.btn-primary:not([href]):not([tabindex]) {
    color: var(--btn-secondary-hover-text);
}
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle{
    background-color: var(--btn-secondary-bg-hover);
    border-color: var(--btn-secondary-bg-hover);
}
.btn.btn-secondary:hover,
.btn.btn-secondary:active,
.btn.btn-secondary:focus{
    background-color: var(--btn-secondary-bg-hover);
    border-color:var(--btn-secondary-bg-hover);
    color: var(--btn-secondary-hover-text);
    outline: none;
    box-shadow: none;
}
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus{
    outline: none;
    box-shadow: none;
}
.site-btn-main i {
    margin-right: 3px;
}
.product-load-more .list-view-items .product-size .product-size-list .btn {
    text-transform: capitalize;
    height: 35px;
    padding: 3px 15px;
}
.btn.btn-sm {
    width: auto;
    height: auto;
    padding: 3px 15px;
    min-width: unset;
}
.btn.btn-lg{
    height: auto;
    padding: 15px 20px;
}
/* standard view new design start */
.stnd-row-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-bottom: 1px solid #efefef;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.stnd-row-inner:last-child{
    border-bottom: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.stnd-row-inner .stnd-cell {
    flex: 0 0 12.5%;
    max-width: 12.5%;
}
.stnd-row-inner .stnd-prdct-detail-cell {
    flex: 0 0 50%;
    max-width: 50%;
}
.stnd-row-inner .stnd-cell {
    padding: 8px 10px;
    position: relative;
}
.stnd-prdct-detail-cell figure {
    position: relative;
    width: 140px;
    margin: 0;
    overflow: hidden;
}
.animImg > a {
    position: relative;
    display: block;
    padding-top: 100%;
    transition: all ease 0.5s;
    width: 100%;
}
.animImg > a img {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transition: all ease 0.5s;
}
.animImg > a .hoveImg {
    z-index: 1;
    opacity: 0;
    transform: scale(0.8);
}
.animImg > a .frntImg {
    z-index: 2;
    transform: scale(1);
}
.animImg:hover .frntImg{
    opacity: 0;
    z-index: 1;
    transform: scale(0.8);
}
.animImg:hover .hoveImg{
    opacity: 1;
    z-index: 2;
    transform: scale(1);
}
.stnd-row-main {
    background-color: #fff;
    margin: 0  0 15px;
    padding: 10px 15px;
    box-shadow: 1px 1px 5px 5px rgb(23 23 23 / 2%);
    transition: all ease 0.5s;
}
.standard-product-main .stnd-row-main:last-child {
    margin-bottom: 0;
}
.stnd-row-main:hover{
    box-shadow: 0 5px 10px rgb(0 0 0 / 5%), 0 5px 10px rgb(0 0 0 / 5%);
}
.stnd-qty-cell input {
    text-align: center;
}
.stnd-row-main.stnd-row-head {
    border-bottom: 1px solid #efefef;
    padding: 0;
    margin: 0;
}
.stnd-row-main.stnd-row-head .stnd-row-inner {
    background: #f3f3f3;
}
.stnd-row-main.stnd-row-head .stnd-row-inner .stnd-cell p {
    font-weight: 600;
    font-size: 0.875rem;
    padding: 5px 0;
}
.detail-cell-flx {
    display: flex;
}
.stnd-product-details {
    padding: 0 15px;
    width: calc(100% - 170px);
}
.stnd-product-details h2 {
    font-size: 1rem;
}
.stnd-kit-row-main .stnd-row-main.stnd-row-head .stnd-row-inner {
    background: #efefef;
}
.stnd-kit-row-main {
    padding: 20px;
    background: #fbfbfb;
    margin: 0 0 15px;
}
.stnd-kit-row-main .stnd-row-main {
    margin: 0;
    padding: 0;
}
.stnd-kit-row-main .stnd-row-main.stnd-row-head .stnd-row-inner .stnd-cell p {
    color: #222 !important;
}
.stnd-kit-heading {
    margin: 0 0 15px;
    font-size: 1rem;
    color: #d36e1b !important;
    font-weight: 600;
}
.prdct-labels-custom {
    position: relative;
    margin: 10px 0 0;
}
.prdct-labels-custom * {
    position: static;
    display: inline-block;
}
.stnd-kit-row-main .stnd-prdct-detail-cell figure {
    width: 80px;
}
.stnd-kit-row-main .stnd-prdct-detail-cell .stnd-product-details {
    width: calc(100% - 80px);
}
.stnd-kit-row-main .stnd-product-details h2, .stnd-kit-row-main .stnd-cell p {
    font-size: 0.813rem;
}
.stnd-kit-row-main .stnd-row-main.stnd-row-head .stnd-row-inner .stnd-cell p {
    font-size: 0.875rem;
}
.stnd-row-main .button-set.style1 {
    right: 0;
    width: 90px;
    bottom: -50px;
    top: auto;
    z-index: 5;
    left: 0;
    margin: auto;
    transition: all ease 0.5s;
    height: 37px;
}
.stnd-row-main .button-set .tooltip-label{
    background-color: var(--primary-color);
}
.stnd-row-main .button-set .tooltip-label:before{
    border-top: 6px solid var(--primary-color);
}
.stnd-cell .offer i {
    display: none;
}
.stnd-cell .offer {
    margin-left: 10px;
}
.stnd-cell .stnd-product-details p {
    font-size: 0.938rem;
    margin: 0 0 10px;
}
.stnd-kit-row-main .stnd-row-main {
    border-bottom: 0;
    box-shadow: none;
}
.stnd-row-inner .stnd-cell .grid-products .item, .stnd-row-inner .stnd-cell .grid-products .item ul {
    margin: 0;
    text-align: left;
}
.stnd-kit-row-main .stnd-row-inner .stnd-color-cell {
    flex: 0 0 20%;
    max-width: 20%;
}
.stnd-kit-row-main .stnd-row-inner 
 .stnd-size-cell {
    flex: 0 0 15%;
    max-width: 15%;
}
.stnd-cell p, .stnd-Stock-cell {
    font-size: 0.875rem;
}
.stnd-product-details .product-price {
    font-size: 0.938rem;
}
/* standard view new design end */

/* expand view new design start*/
.prd-extend-view-row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: row;
    margin: 0 0 20px;
    box-shadow: 1px 1px 5px 5px rgb(23 23 23 / 2%);
}
.product-expanded-view .prd-extend-view-row {
    margin: 0;
}
.prd-extend-view-row:hover{
    box-shadow: 0 5px 10px rgb(0 0 0 / 5%), 0 5px 10px rgb(0 0 0 / 5%);
}
.prd-extend-img-cover {
    margin: 0;
    width: 300px;
    position: relative;
}
.product-expanded-view .thumbnail-img .flipper {
    position: relative;
    overflow: hidden;
}
.prd-extend-view-row .stnd-product-details {
    width: calc(100% - 300px);
    padding: 0 0 0 20px;
}
.prd-extend-img-cover > a{
    position: relative;
    padding-top: 100%;
}
.prd-extend-view-row .product-price .offer {
    margin-left: 8px;
}
.prd-extend-view-row .product-price .offer i {
    display: none;
}
.prd-extend-view-row .product-price {
    margin: 0 0 15px;
}
.prd-extend-view-row .button-set.style1 {
    z-index: 3;
    width: 90px;
    height: 38px;
    bottom: 0px;
    top: 0;
    margin: auto;
    visibility: hidden;
    left: 0;
    right: 0;
    margin: auto;
    transition: all esae 0.5s;
    opacity: 0;
}
.prd-extend-img-cover:hover .button-set.style1{
   visibility: visible;
    opacity: 1;
}
.prd-extend-view-row .button-set .tooltip-label{
    background-color: var(--primary-color);
}
.prd-extend-view-row .button-set .tooltip-label:before{
    border-top: 6px solid var(--primary-color);
}
.ext-view-kit .stnd-kit-row-main {
    padding: 10px;
    margin: 0;
}
.ext-view-kit {
    margin: 20px 0 0;
}
.sku-prdct-avail {
    display: flex;
    align-items: center;
}
.sku-prdct-avail .product-availability .stock-detail {
    list-style: none;
    margin: 0 0 0 20px;
    display: flex;
    align-items: center;
}
.sku-prdct-avail .product-availability .stock-detail li + li {
    margin-left: 15px;
    padding-left: 15px;
    position: relative;
}
.sku-prdct-avail .product-availability .stock-detail li + li:before{
    content: '|';
    position: absolute;
    left: 0;
    color: #bfbfbf;
}
.stnd-product-details .sku-prdct-avail p {
    margin: 0;
}
.stnd-product-details .sku-prdct-avail {
    margin: 0 0 15px;
}
.green-color {
    color: #28a745;
}
.sku-prdct-avail .product-availability .stock-detail li span {
    font-weight: 500;
}
.ext-view-kit .stnd-kit-row-main .stnd-prdct-detail-cell figure{
    width: 50px;
}
.expnted-prd-tble .table-responsive {
    background-color: #fff;
    margin: 0;
}
.expnted-prd-tble .table-responsive .table th,.expnted-prd-tble .table-responsive .table td{
    border: 0;
    vertical-align: middle;
}
.expnted-prd-tble .table-responsive .table thead{
    background: #f3f3f3;
}
.expnted-prd-tble .table-responsive .table th {
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 0.875rem;
}
.expnted-prd-tble .table-responsive .table tbody tr {
    border-bottom: 1px solid #efefef;
}
.expnted-prd-tble .table-responsive .table tbody tr:last-child {
    border-bottom: 0;
}
.expnted-prd-tble .table-responsive .table input {
    text-align: center;
}
.expnted-prd-tble .grid-products .item {
    margin: 0;
    text-align: left;
    padding-left: 10px;
}
/* expand view new design end*/

/* css will be removed in future */
.added_list_item {
    display: none;
}
.list-product.list-view-item .button-box {
    width: 100%;
    text-align: center;
}
/* css will be removed in future */
.mywishlist-my-profile .product-size-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.mywishlist-my-profile .product-size-list .form-group {
    width: 49.5%;
}
.mywishlist-my-profile .product-size-list .form-group:last-child {
    width: 100%;
    margin: 0;
}
.mywishlist-my-profile .product-size-list .form-group:last-child .site-btn-main {
    width: 100%;
}
.mywishlist-my-profile .product-size-list .form-group select {
    border-radius: 4px;
    border-color: var(--border-light);
}
.mywishlist-my-profile .product-size-list .form-group .product-action .qtyField{
    height: 40px;
}
.custom-form-wrapper .set-default:hover .chckbox-text {
    color: #fff;
}
.product-slider .productSlider .slick-arrow {
    opacity: 1;
    border: 1px solid var(--primary-color);
    padding: 0;
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}
.product-slider .productSlider .slick-arrow::before {
    font-size: 1rem;
    color: var(--primary-color);
}
.collection-banners .details .title {
    font-size: 1.3rem;
}
.sidebar_tags .range-box {margin-left: -3px;margin-right: -3px;}
.sidebar_tags .range-box [class*='col-']{
    padding-left: 3px;
    padding-right: 3px;
}
#site-scroll {
    background: var(--primary-color);
}
.rewards-map-wrapper .map-block-inner .position-relative {
    padding-top: 70%;
}
.rewards-map-wrapper .map-block-inner .position-relative img {
    width: auto !important;
    max-width: 100%;
    top: 0;
    bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    max-height: 100%;
}
.row.login-first-layout {
    margin: 0;
}
.page_class_product #videoModal2 .modal-body {
    padding: 10px;
}
iframe.google-map{height:280px;}
.custom-form-wrapper .form-group span {
    font-size: 0.875rem;
}
.shipping_error_message{
    background: #fff3cd;
    color: #856404;
    line-height: 19px;
    letter-spacing: 0.5px;
    border-radius: 3px;
    padding: 15px;
    width: 100%;
    max-width: 453px;
    margin: 0 15px 15px;
    font-size: 0.875rem;
}
#shipping_service_list .shipping_error_message {
    margin-bottom: 15px;
}
.login-first-container, .login-first-layout{
    overflow: auto;
}
.login-first-layout .login_base_box,
.login-first-layout .forgot_base_box{
    height: 100%;
    display: flex;
    align-items: center
}
.grid-products .slick-slider .item:hover .product-image img.hover, 
.grid-products.slick-slider .item:hover .product-image img.hover{
    visibility: visible;
    opacity: 1;
}
.age-grpblock{
    height: 100vh;
    background-color: #222222;
    overflow: hidden;
}
.legal-content{
    background-color: #fff;
    padding: 30px 20px;
    border-radius: 12px;
    width: 100%;
    min-height: 400px;
    max-width: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 20px;
    margin: auto;
}
.legal-content h2{
    font-size: 25px;
    font-weight: 700;
    margin: 0;
}
.legal-content p{
    padding: 0 40px;
}
.age-grpblock .col-md-5{
    flex: 0 0 650px;
    max-width: 100%;
}
.user-check-optn-cell .policy-note a{
    display: inline-block;
    border-bottom: 0;
}
.policy-linkblock{
    text-align: center;
}
.policy-linkblock a{
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.5px;
    position: relative;
    line-height: 17px;
    padding-right: 4px;
    margin-right: 5px;
    color: var(--anchor-link-color);
    display: inline-block;
}
.policy-linkblock a::after {
    content: "";
    position: absolute;
    border-right: 1px solid var(--body-color);
    height: 13px;
    width: 2px;
    top: 4px;
    right: -4px;
}
.policy-linkblock a:last-child::after{
    content: none;
}
@media screen and (min-width: 1600px){
    .kit-infolinks.pdinfo-links{
        right: 0;
        left: auto;
        z-index: 99;
        top: 30%;
        transform: translateY(-30%);
    }
    .product-single .infolinks.pdinfo-links a span{
        right: 60px;
        left: auto;
    }
    .product-single .infolinks.pdinfo-links a:hover span{
        right: 49px;
        left: auto;
    }
    
}
@media screen and (max-width: 1600px){
    .pd-customize-page{
        padding: 18px 0 40px;
    }
    .remove-from-list .tooltiptext{
        left: auto;
        right: 100%;
        margin-left: 0;
        margin-right: 12px;
        bottom: 0;
    }
    .remove-from-list .tooltiptext::after{
        top: 37%;
        left: auto;
        margin-left: 11px;
        transform: rotate(-90deg);
    }
}
@media screen and (min-width: 1200px) and (max-width: 1550px){
    .container{
        max-width: 1380px;
    }
}
@media screen and (min-width: 576px){
    .rewards-modal .modal-dialog{
        max-width: 600px;
    }
}
@media screen and (min-width: 768px){
    .single-login.page_class_login .login-first-layout .login-block .contact-form, 
    .single-login.page_class_login .login-first-layout #registerModal .contact-form{
        border: 1px solid var(--grey-lighter-color);
        z-index: 10;
    }
    .iconset .dropdown-toggle:focus{
        outline: none;
        border: 0 !important;
        box-shadow: none !important;
    }
}

/*============= kit page css ============*/
@media screen and (min-width: 1200px){
   .sidebar.filterbar,
   .sidebar.filterbar_right{
       max-width: 20%;
       flex: 0 0 20%;
   }
   .sidebar.filterbar + .main-col,
   .sidebar.filterbar_right ~ .main-col{
        max-width: 80%;
        flex: 0 0 80%;
   }
}
@media screen and (min-width: 992px){
    
    .header-5 #siteNav.medium > li > a{
        color: var(--white-color);
    }
    .header-5 #siteNav.medium > li > a .anm{
        margin-left: 4px;
    }
    #siteNav > li > a{
        padding: 0 12px;
    }
    .footer-newsletter .newsletter-input{
        padding-right: 108px;
    }
    .login-first-container .login-block.center-box .login_base_box,
    .login-first-container .login-block.center-box .forgot_base_box{
        position: relative;
        left: 50%;
    }
}

/*======================================*/
@media screen and (min-width: 992px) and (max-width: 1380px){
    #base_header ~ #page-content .login-first-layout{
        min-height: 874px;
    }
    #base_header ~ #page-content .login-first-container, #base_header ~ #page-content .login-first-layout{
        height: 100%;
    }
    #base_header ~ #page-content .login-third-container{
        overflow: hidden;
        height: 850px;
    }
    #base_header ~ #page-content .login-third-container .row{
        height: 100%;
    }
    #base_header ~ #page-content .login-third-block{
        height: 100%;
        position: relative;
        width: 100%;
    }
    #base_header ~ #page-content .login-fourth-container{
        height: 100%;
        min-height: 850px;
    }
    .sidebar_widget.filter-widget #slider-range.ui-slider-horizontal{
        margin-bottom: 28px;
        margin-top: 29px;
    }
}
@media screen and (min-width: 992px) and (max-width: 1530px){
    .login-first-layout h1.login-heading-title{
        margin-bottom: 20px !important;
    }
    .login-third-block .login_base_box, .login-third-block .register_base_box, .login-third-block .forgot_base_box{
        margin: 3em auto;
    }
    .productSlider .slick-prev, .productPageSlider .slick-prev, .productSlider-style1 .slick-prev, .productSlider-style2 .slick-prev, .productSlider-fullwidth .slick-prev{
        left: -10px;
    }
    .productSlider .slick-next, .productPageSlider .slick-next, .productSlider-style1 .slick-next, .productSlider-style2 .slick-next, .productSlider-fullwidth .slick-next{
        right: -10px;
    }
}
@media screen and (max-width: 1500px){
    .options-block .icon-block a.active::after{
        top: 0;
    }
    .canvas_details .product-action .add-to-cart .button-cart{
        margin: 8px 0;
    }
    .login-block.login-block-second{
        padding: 37px 40px;
    }
    .footer-links a{
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 0;
    }
    .base_footer .footer-top h3, .base_footer .footer-top h4, .base_footer .footer-top .h4{
        font-size: 14px !important;
        line-height: 20px;
    }
    .editor_section h1{
        font-size: 20px;
    }
    .options-block .icon-block a{
        padding: 0;
        width: 45px;
        height: 45px;
    }
    .options-block .icon-block a span{
        display: none;
    }
    .options-block .icon-block a svg{
        height: 38px;
        width: 38px;
    }
    .options-block .icon-block{
        left: -60px;
        top: 29px;
    }
    .iconset .dropdown-menu .dropdown-item{
        font-size: 12px;
    }
    .iconset .dropdown .dropdown-menu {
        margin-left: -50px;
        right: 0;
    }
}
@media screen and (max-width: 1200px){
    .shopper-reward-block .row{
        max-width: 800px;
        width: 100%;
    }
    .template-product .tabs-listing .product-tabs li {
        margin-right: 30px;
    }
    .template-product .tabs-listing .product-tabs a {
        font-size: 12px;
    }
    .template-product .tabs-listing .product-tabs li:before {
        transform: skew(13deg, 0deg);
    }
    .template-product .tabs-listing .product-tabs li:after {
        transform: skew(-13deg, 0deg);
    }
    .template-product .tabs-listing .product-tabs li {
        padding: 10px 13px 10px;
    }
    .template-product .tabs-listing .product-tabs {
        padding-left: 29px;
    }
}
@media screen and (max-width: 1160px){
    .user-register-box:before{
        right: -28%;
    }
    .container.container-login:after{
        right: -32%;
    }
    .user-info-login-right form.register-form {
        margin-right: 72px;
    }
    .login-logo-left img {
        max-width: 174px;
    }
}
@media screen and (max-width: 1023px){
    .user-info-login-right form.register-form {
        margin-right: 21px;
    }
    .user-register-box:before{
        right: -32%;
    }
    .options-block .tab-content.maintabcontent .tab-pane.active::before{
        content: none;
    }
    .options-block .icon-block{
        position: relative;
        flex-direction: inherit;
        left: auto;
        top: auto;
        width: 100%;
        justify-content: space-evenly;
        margin-bottom: 14px;
        flex-direction: row;
    }
    .options-block .icon-block.nav-tabs .nav-item{
        margin-bottom: 0;
        width: 33.33%;
    }
    .options-block .icon-block a{
        padding: 0;
        width: 100%;
        height: auto;
        margin-bottom: 0;
        box-shadow: none;
        border-radius: 0;
        padding: 3px 0 9px;
        position: relative;
    }
    .options-block .icon-block a span{
        display: block;
    }
    .options-block{
        flex-wrap: wrap;
    }
    .options-block .icon-block a:hover{
        transform: none;
    }
    .options-block .icon-block a.active{
        background-color: var(--border-light);
    }
    .option-group .col-12,
    .option-group .col-sm-12{
        padding: 0 5px;
    }
    .canvas_sub_image{
        margin-top: 16px;
    }
    .canvas-container-outer canvas,
    .canvas-container-outer .canvas-container{
        width: 100% !important;
    }
    .canvas-container-outer{
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain !important;
    }
    .canvas-inner-row{
        padding: 25px 15px;
    }
    .container.pd-customize-page .outer-row{
        max-width: 100%;
    }
    .options-block .icon-block a::before{
        content: "";
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-right: 11px solid transparent;
        border-bottom: 20px solid transparent;
        position: absolute;
        left: 43%;;
        bottom: -25px;
        transform: rotate(-90deg);
    }
    .options-block .icon-block a.active::before{
        border-right-color: var(--border-light);
    }
    .iconset .dropdown-menu{
        margin-left: -20px;
    }
    .iconset .dropdown-menu .dropdown-item{
        padding: 10px;
        font-size: 12px;
        line-height: 16px;
    }
    .pd-customize-page .options-block {
        flex-direction: column;
    }
}
@media screen and (max-width: 991px){
    .options-block .icon-block a::before {
        left: 47%;
    }
    .login-first-container .login-block.center-box ~ .right-rgt-block{
        display: none;
    }
    #MobileNav li.dropdown{
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }
    #MobileNav li.dropdown .anm.up::before{
        content: "\e905";
    }
    #MobileNav li.dropdown ul.dropdown{
        width: 100%;
    }
    #MobileNav li.dropdown .anm{
        padding: 15px;
        position: absolute;
        right: 0;
        top: 0px;
        cursor: pointer;
    }
    #MobileNav li a .anm{
        display: none;
    }
    .filters-toolbar__item .select-styled{
        padding: 9px 15px 9px 6px;
        font-size: 0.813rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .filters-toolbar__item .select-options li{
        text-indent: 0;
        font-size: 12px;
        padding: 6px 4px;
    }
    #MobileNav li a .anm{
        font-size: 1rem;
    }
    .login-first-layout .login-block .contact-form{
        max-width: 450px;
    }
    .user-info-login-right form.register-form{
        margin-left: auto;
        margin-right: auto;
    }
    .login-fourth-container .left-block-login .login-logo{
        max-width: 158px;
        margin: 0 auto 22px;
    }
    .login-fourth-container h1{
        font-size: 20px;
    }
    .login-fourth-container .left-block-login{
        padding: 40px 15px;
    }
    .login-fourth-container .login-four-block{
        max-width: 96%;
    }
    #cartCheckout{
        max-width: 270px;
    }
    .rev-select {
        width: 152px;
    }
    .filters-toolbar-wrapper .change-view {
        margin: 0 3px 0 0;
        width: 32px;
        height: 32px;
    }
    .template-product .tabs-listing .product-tabs li:before, .template-product .tabs-listing .product-tabs li:after{
        display: none;
    }
    .template-product .tabs-listing .product-tabs li {
        margin-right: 2px;
    }
    .template-product .tabs-listing .product-tabs {
        padding-left: 0;
    }
    .prd-detail-car-btn .infolinks {
        margin: 5px 0 0;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px){
    .address-wrapper .col-md-4{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .weclome-page h2{
        font-size: 23px;
    }
    .bg-white-color{
        min-height: auto;
    }
    .weclome-page{
        top: auto;
        position: static;
        transform: none;
     }
     .mywishlist.mywishlist-my-profile .list-view-item{
        display: block;
        table-layout: inherit;
     }
     .mywishlist.mywishlist-my-profile .list-view-item .list-view-item__image-column{
        display: block;
        margin-bottom: 15px;
     }
     .mywishlist.mywishlist-my-profile .list-view-item .list-view-items .button-box{
        display: none;
     }
     .iconset .icon{
         font-size: 1rem;
     }
     .mywishlist.mywishlist-my-profile p{
        font-size: 12px;
        line-height: 18px;
     }
     .profile_block .file-upload-default{
        width: 50px;
     }
     .profile_block .file-upload-browse{
         opacity: 1;
         visibility: visible;
     }
     .order-table thead th, .enquiry-table thead th,
     .order-table thead td, .enquiry-table thead td{
        white-space: nowrap;
     }
     .removewishlistdata{
         right: 0;
     }
     .footer.footer-1 div[class*="col-"] {
        margin-bottom: 15px;
    }
    .base_footer .footer.footer-1 .footer-top{
        padding-top: 35px;
        padding-bottom: 6px;
    }
    .table-responsive.product-detail-table{
        overflow-x: auto;
    }
}
@media screen and (max-width:1024px){
    .contact-us-wrapper .contact-info-block{
        margin-left: -28px;
    }
}
@media screen and (max-width: 991px){
    .contact-us-wrapper .contact-form-block{
        padding: 50px 21px;
    }
    .contact-us-wrapper .contact-info-block{
        padding: 40px 30px;    
        margin-left: -4px;
    }
    .account-left-menu ul.list-unstyled.account_menu{
        display: flex;
        flex-wrap: wrap;
    }
    ul.list-unstyled.account_menu.mb-0 li{
        margin-bottom: 9px;
        margin-left: 0;
        width: 50%;
    }
}
@media screen and (max-width: 768px){
    .product-single .product-form__item--submit, .product-single .product-form__item--quantity{
        margin-bottom: 0;
    }
}
@media screen and (max-width: 767px){
    .age-grpblock .col-md-5 {
        flex: 0 0 420px;
        max-width: 100%;
    }
    .legal-content{
        padding: 30px 34px;
    }
    .legal-content h2 {
        font-size: 22px;
    }
    .legal-content p {
        padding: 0;
    }
    .page_class_.menuOn {
        overflow-x: hidden;
    }
    #base_banner .slideshow .slick-dots{
        display: none;
    }
    .iconset .dropdown-menu {
        margin-left: -90px;
    }
    .login-block.login-block-second{
        position: static;
    }
    .login-bg-image{
        height: auto;
        overflow: hidden;
    }
    .login-block.login-block-second form{
        padding: 32px 15px;
    }
    .login-first-container .forgot_base_box .contact-form{
        position: static;
        margin: 0 auto;
        box-shadow: 1px 2px 7px 2px rgb(0 0 0 / 13%);
    }
    .login-first-container .forgot_base_box .contact-form p{
        color: var(--black-color);
    }
    .login-fourth-container .left-block-login, 
    .login-fourth-container .login-bg-img{
        width: 100%;
    }
    .login-fourth-container .login-four-block{
        border-radius: 0;
        padding: 10px;
        flex-direction: column;
        position: static;
        left: auto;
        top: auto;
        transform: none;
    }
    .login-fourth-container .login-bg-img{
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .login-fourth-container::before,
    .login-fourth-container::after{
        content: none;
    }
    .login-fourth-container{
        overflow: auto;
        height: auto;
        padding: 20px;
    }
    .login-second-container .login-inner-block{
        flex-direction: column;
        padding: 0 15px;
    }
    .login-second-container{
        overflow: auto;
        padding: 50px 0;
    }
    .login-second-container .login-inner-block .login-left, 
    .login-second-container .login-inner-block .login-right{
        width: 100%;
        background: none;
        background-image: none !important;
        min-height: auto;
    }
    .login-second-container form,
    .login-second-container .login-inner-block{
        transform: none;
        position: static;
        top: auto;
        left: auto;
    }
    .login-second-container .register-form{
        transform: none;
    }
    .login-second-container .create-account{
        display: none;
    }
    .login-second-container .login-inner-block .login-left::before, 
    .login-second-container .login-inner-block .login-right::before{
        content: none;
    }
    .login-first-layout .login-block .contact-form, 
    .login-first-layout #registerModal .contact-form{
        padding: 15px !important;
        border-radius: 0;
        box-shadow: none;
    }
    .login-first-layout .login-block .login-logo {
        max-width: 158px;
        margin: 0 auto 25px;
    }
    .login-first-layout .register-content p{
        color: var(--white-color);
    }
    .login-fourth-container h1, 
    .login-first-layout h1{
        font-size: 20px;
    }
    .login-third-container{
        overflow: auto;
    }
    .login-third-container .row,
    .login-third-container .login-third-block{
        height: 100%;
    }
    .login-third-block .login_base_box, 
    .login-third-block .register_base_box, 
    .login-third-block .forgot_base_box{
        padding: 0 15px;
    }
    .login-third-block form,
    .login-second-container form{
        padding: 15px;
    }
    .login-second-container .login-inner-block .login-left{
        order: 2;
        margin-top: 15px;
    }
    .login-second-container .login-inner-block .login-right{
        order: 1;
    }
    .login-second-container .login-logo{
        position: static;
        max-width: 200px;
        margin: auto;
    }
    body:not(.page_class_) .breadcrumbs-wrapper + .container{
        padding-top: 11px;
    }
    .category-banner{
        display: flex;
        flex-direction: column;
    }
    .category-banner .page-title{
        order: 2;
        margin-top: 11px;
        position: static;
        top: auto;
        left: auto;
    }
    .category-banner .cat-banner-image{
        order: 1;
    }
    .category-banner .page-title h1{
        font-size: 22px;
        color: var(--black-color);
        margin: 0 0 5px;
    }
    .category-banner .page-title p {
        font-size: 10px;
        color: var(--black-color);
    }
    .kit-action-block .product-form__item--submit .btn,
    .product-single .kit-action-block .buy-it-btn button{
        padding: 4px 15px;
    }
    .kit-product-block{
        flex-wrap: wrap;
        padding: 10px;
    }
    .product-det{
        width: 66%;
    }
    .kit-product-block .rev-select{
        width: 130px;
    }
    .kit-selection{
        width: 100%;
        justify-content: space-between;
    }
    .product-detail-container .prInfoRow .product-stock{
        margin-top: 12px;
    }
    .list-view-item .list-view-item__image-column{
        margin-bottom: 15px;
    }
    .list-view-item .list-view-item__image-column, 
    .list-view-item .list-view-item__title-column{
        width: 100%;
        display: block;
    }
    .footer-7.footer .contact-info .contactDetail{
        flex-direction: column;
    }
    .footer-7.footer .contact-info .contactDetail span{
        margin-bottom: 10px;
    }
    .footer-7.footer .contact-info .contactDetail span > span{
        margin-bottom: 0;
    }
    body.page_class_login .breadcrumbs-wrapper{
        margin-bottom: 0;
    }
    .single-login.page_class_login .login-first-container .login-first-layout .forgot_base_box .contact-form{
        border: 0;
    }
    .single-login.page_class_login .login-second-container,
    .single-login.page_class_login .login-third-container,
    .single-login.page_class_login .login-fourth-container{
        height: 100%;
    }
    .single-login.page_class_login .login-third-container{
        padding: 55px 15px;
        overflow: hidden;
        display: flex;
        justify-content: center;
    }
    .single-login.page_class_login .login-third-container .login_base_box,
    .single-login.page_class_login .login-third-container .forgot_base_box{
        padding: 0;
        width: 100%;
    }
    .single-login.page_class_login .login-third-container > div,
    .single-login.page_class_login .login-third-container .row, 
    .single-login.page_class_login .login-third-container .login-third-block{
        width: 100%;
    }
    .single-login.page_class_login .login-third-block .login_base_box, 
    .single-login.page_class_login .login-third-block .register_base_box, 
    .single-login.page_class_login .login-third-block .forgot_base_box{
        position: static;
        left: auto;
        top: auto;
        transform: none;
    }
    .search-drawer{
        max-width: 96%;
        width: 100%;
    }
    #cartCheckout{
        max-width: 100%;
        font-size: 0.875rem;
        padding: 9px 7px;
    }
    .mask-overlay{
        z-index: 5;
    }
    .shopper-reward-block::before,
    .shopper-reward-block::after{
        content: none;
    }
    .shopper-reward-block{
        min-height: auto;
        margin: 30px 0;
    }
    .shopper-reward-block .row{
        position: static;
        left: auto;
        top: auto;
        transform: none;
    }
    .shopper-form{
        order: 2;
        padding: 14px 20px;
    }
    .giftcard-img{
        border-bottom-right-radius: 0;
        border-top-left-radius: 10px;
    }
    .shopper-reward-block p{
        margin-bottom: 18px;
    }
    .shopper-reward-block form img{
        margin: 0 auto 24px
    }
    .no-banner .page-title h1{
        font-size: 24px;
    }
    .no-item-found h2{
        font-size: 20px;
    }
    .contact-us-wrapper{
        flex-wrap: wrap;
    }
    .contact-us-wrapper .contact-info-block{
        width: 100%;
        margin-left: 0;
        min-height: auto;
        order: 2;
        padding: 25px 20px;
    }
    .contact-us-wrapper .contact-form-block{
        padding: 30px 20px;
    }
    .contact-info-block .social-icons{
        position: relative;
        margin-top: 22px;
    }
    .grid-products.expand-view-product .left-column .product-image{
        width: 100%;
        margin-bottom: 20px;
    }
    .grid-products.expand-view-product .left-column .prod-detail{
        width: 100%;
        padding: 15px;
    }
    .expand-view-product .slick-slider-container{
        width: 100%;
    }
    .account_right_box .order-wrapper .go-contact{
        position: static;
        margin-bottom: 0;
    }
    .order-wrapper.enquiry-wrapper .title-block{
        display: flex;
        flex-wrap: wrap;
    }
    .order-wrapper.enquiry-wrapper .title-block span.float-right{
        padding: 0 !important;
        margin-top: 7px;
        width: 100%;
        font-size: 0.813rem;
        font-weight: 500;
    }
    .chat-block .message{
        min-width: 200px;
    }
    .chat-block{
        width: 100%;
    }
    .chat-block .me .entete h3{
        margin-right: 9px;
        margin-bottom: 7px !important;
    }
    .chat-block .you .entete h3 {
        margin-left: 9px;
        margin-bottom: 7px !important;
    }
    .round-img{
        top: 0;
        min-width: 50px;
    }
    .chat-block li{
        padding: 10px;
    }
    .page_class_my-account .order-wrapper .title-block{
        margin-bottom: 0;
    }
    .table-responsive.product-detail-table{
        overflow-x: auto;
    }
    .mywishlist.mywishlist-my-profile .list-view-item .list-view-items .button-box{
        display: none;
     }
    .wishlist-link{
        display: block;
    }
    .container-white-bg .col-sm-3.pl-0.pr-0.border-right-1{
        max-width: 100%;
         flex: 0 0 100%;
         border-right: 0;
         padding: 0 15px !important;
         margin-bottom: 20px;
     }
     .container-white-bg .col-sm-9{
         flex: 0 0 100%;
         max-width: 100%;
         padding-right: 15px !important;
     }
     .account-left-menu{
        position: static;
        top: auto;
     }
     .weclome-page{
        top: auto;
        position: static;
        transform: none;
     }
     .weclome-page h2{
        font-size: 19px;
     }
     .page_class_my-account p{
        font-size: 12px;
        line-height: 17px;
        margin-bottom: 28px;
     }
     .account_left_bar .profile_block .user_img{
         padding-bottom: 0;
     }
     .page_class_my-account p{
        margin-bottom: 12px;
     }
     .profile_block .file-upload-browse{
         opacity: 1;
         visibility: visible;
     }
     .profile_block .file-upload-default{
        width: 50px;
     }
     .account_left_bar .profile_block .uphone, .account_left_bar .profile_block .uemail{
        margin-bottom: 4px;
     }
     .title-block{
        font-size: 1rem;
        margin-bottom: 24px;
     }
     .address-wrapper .titile-medium i{
        font-size: 12px;
        height: 30px;
        width: 30px;
     }
     .address-wrapper .titile-medium{
        font-size: 1rem;
        line-height: 20px;
     }
     .order-table thead th, .enquiry-table thead th,
     .order-table thead td, .enquiry-table thead td{
        white-space: nowrap;
     }
     .mywishlist.mywishlist-my-profile .list-view-item{
        display: block;
        table-layout: inherit;
     }
     .bg-white-color{
        min-height: auto;
     }
     .filterbar .sidebar_widget:not(.filterBox), .filterbar .static-banner-block{
         display: block;
     }
     .filterbar{
         width: 290px;
     }
     .filterbar.active .closeFilter{
        margin: -16px -19px 0 0;
        font-size: 19px;
     }
     .sidebar.filterbar .sidebar_tags, .sidebar.filterbar_right .sidebar_tags{
        margin-top: 20px;
        padding: 10px;
     }
     .product_type, .product_newitem, .product_comingsoon, .product_onsale, .pd-customize, .product_soldout{
        padding: 3px 10px;
        font-size: 12px;
     }
     .cart-table .popover-wrapper .popover-modal,
     .order-customiz-btn .popover-modal,
     .my-account-wrapper .view_mockup_section .popover-wrapper .popover-modal{
        max-width: 400px;
        width: 100%;
    }
    .cart-table .popover-body .list-unstyled li,
    .order-customiz-btn .popover-body .list-unstyled li {
        margin: 2px 5px 3px 5px;
        max-width: calc(100%/3 - 10px);
        flex: 0 0 45%;
    }
    .cart-table .popover-body .list-unstyled,
    .order-customiz-btn .popover-body .list-unstyled {
        flex-wrap: wrap;
        display: flex;
        overflow: hidden;
        background-color: #fff;
    }
    .options-block .icon-block a::before{
        left: 48%;
    }
    .popover-modal.popover-target220_cf table.table {
        width: 100%;
    }
    span.popover-wrapper.open {
        display: block;
    }
    .my-account-wrapper .view_mockup_section .popover-wrapper .popover-modal,
    .cart-table .view_mockup_section .popover-wrapper .popover-modal {
        width: 100% !important;
        max-width: max-content !important;
    }
 }
 @media screen and (max-width: 576px){
    header .icons-col .iconset.myaccount-icon,header .mobile-icons .iconset.site-search,header .icons-col .iconset.header-cart,header .icons-col .iconset.wishlist-link{
        display: none;
    }
    .order-customiz-btn .popover-body .list-unstyled .img_description h5{
        font-size: 12px;
    }
    .cart-table .view_mockup_section .popover-wrapper .popover-modal, .my-account-wrapper .view_mockup_section .popover-wrapper .popover-modal {
        max-width: 400px;
    }
    .mockup-block{
        width: 100%;
        max-width: 100%;
    }
    .mockup_detail .inner-info{
        margin-bottom: 0 !important;
    }
    .canvas-inner-row {
        padding: 0px;
    }
    .pd-customize-page .canvas_section {
        padding: 0 40px;
        margin: 0 0 20px;
    }
    .search-drawer{
        max-width: 96%;
        width: 100%;
    }   
    .minicart-right-drawer.right .modal-dialog{
        width: 360px;
    }
    #site-scroll{
        bottom: 71px;
        right: 5px;
    }
    .welcome-user p{
        font-size: 0.875rem;
        color: var(--dark-grey);
    }
    .product-detail-table tr td{
        min-width: 150px;
    }
    .template-product .tabs-listing{
        margin-top: 38px;
    }
    #quickView-modal .video-player-popup .close-video-player{
        display: none;
    }   
    .template-product .tabs-listing .spr-form-title, .template-product .tabs-listing h3{
        font-size: 0.813rem;
    }
    .template-product .tabs-listing .product-tabs li{
        text-align: center;
        margin: 0 15px;
    }
    .template-product .tabs-listing .product-tabs a{
        font-size: 12px;
    }
    .cart__qty .qtyField{
        justify-content: flex-start;
    }
    .tabs-listing .tab-container .tab-content {
        padding: 5px 0 15px;
    }
    .base_header .container-fluid,
    .base_header .container{
        padding: 0 15px;
    }
    .mobile-icons{
        text-align: center;
    }
    .mobile-icons .btn--link{
        width: 48px;
        height: 48px;
        text-align: left;
        padding: 10px;
        padding-left: 0;
    }
    .mobile-icons .btn--link i{
        font-size: 22px;
    }
    .bottom-icon-wrapper .site-search.iconset,.bottom-icon-wrapper .iconset a,.bottom-icon-wrapper .iconset button{
        width: 48px;
        height: 48px;
        min-width: 48px;
        padding: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        top: 0;
        border-radius: 100%;
        background: #f9f7f7;
        border: 3px solid #f3f2f2 !important;
    }
    .cart-page .prd-description-right .popover-wrapper a{
        font-size: 13px;
    }
    .lang-settings{
        padding: 0;
        width: 100%;
    }
    .lang-settings .cnrLangList{
        font-size: 15px;
        min-width: 40px;
        height: 40px;
        padding: 0 16px 0 8px;
        width: 100%;
    }
    .button-set.style1 li .btn-icon{
        width: 33px;
        height: 33px;
    }
    .button-set.style1 li .btn-icon{
        font-size: 14px;
    }
    .primary-heading{
        font-size: 30px;
    }
    
 }
 @media (max-width:575px){    
    .base_footer{
        padding-bottom: 60px;
    }
    .base_category.category_addon_4 .index-demo7 .img-banner-item {
        margin-bottom: 10px !important;
    }
    .filters-toolbar-wrapper .filters-toolbar__item .rev-select,.filters-toolbar-wrapper .filters-toolbar__item,.filters-toolbar-wrapper .filters-toolbar__input {
        width: 100%;
    }
    .filters-toolbar-wrapper .sorting-filter{
        flex-wrap: wrap;
    }
    .base_header.stickyHead {
        animation: unset !important;
    }
 }
 @media screen and (max-width: 420px){
    .chatfoot-block textarea {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .chatfoot-block .btn {
        margin-left: 0;
        margin-top: 10px;
    }
    .cart-table .popover-body .list-unstyled li, .order-customiz-btn .popover-body .list-unstyled li {
        max-width: calc(100%/2 - 2px);
        margin: 2px;
    }
 }