:root{ scroll-behavior: smooth;}

body {

    -webkit-font-smoothing: antialiased!important;

    text-rendering: auto;

    font-family: 'Poppins', sans-serif;

color: #555;

font-size: 13px;

font-weight: 400;

line-height: 1.45;



}

h1,h2,h3,h4,h5,h6{color: #1f1f1f;}

a.view-btn {

    text-decoration: none;

    color: #c72127;

    font-weight: 700;

}

.spad{padding: 60px 0;}

.main-heading {

    font-size: 34px;  font-weight: 600;

    

}

.bg-gold{background-color:#c72127;}

.bg-goldblue{

    background-color: #eeeff1;

}

.main-subheading{

    color: #c72127;font-size: 18px;font-weight: 600;margin-bottom: 10px;

}

.btn-bl{

    font-size: 16px;

    padding: 10px 30px;

    font-weight: 500;

    border-radius: 5px;

}

.btn-blue {

    color: #fff;

    background: #c72127;

    transition: all .3s ease-in;

    position: relative;

}
.btn-blue:hover{ background: #d2363c; color: #fff;}



nav.navbar {
    padding-left: 60px;
    padding-right: 60px;
    background-color: #221e1f;

}

.navbar-nav li a {

    color: #fff;text-decoration: none;font-weight: 500;    padding: 0 12px;font-size: 14px;

}

.home .header-part nav.navbar{
    position: absolute;
    background-color: transparent;left: 0;
    top: 0;
    width: 100%;    z-index: 11111;
   
}

.navbar .btn-bl{ font-size: 14px;}

.footer-part {

    font-size: 14px;

    padding: 6px 10px;background-color:#221e1f; padding:60px 0 40px;   color: #fff;

}

.footer-part h5 {

    font-size: 18px;

    font-style: normal;

    font-weight: 700;

    margin-bottom: 18px;   color: #fff;

}

.footer-part p a {

    color: #fff;

    text-decoration: none;

}

.footer-part ul {

    padding: 0;

    margin: 0;

    list-style: none;

    font-weight: 300

}



.footer-part ul li {

    padding-bottom: 8px;

    font-size: 15px

}



.footer-part ul li a {

    font-weight: 300;

    color: #fff;

    text-decoration: none

}

ul.social-menu {

    margin: 0 0 10px;

    padding: 0

}



ul.social-menu li {

    display: inline-block;

    vertical-align: top;

    padding-right: 20px;

    position: relative

}



ul.social-menu li a {

    color: #fff;

    text-decoration: none;

    font-size: 22px

}

#rightsidebar{display: none;}



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

   

.toggle-cu-menu { cursor: pointer;}

.hamburger-box-close {

    position: relative;

    display: inline-block;

    width: 26px;

    height: 24px;

    cursor: pointer;

    top: 2px;

}

.hamburger-box-close{    top: 50%; transform: translate(0px, -50%);}

body.open-mm .mobile-menu .header-expandable-menu-top {

    position: absolute;

    right: 13px;

    top: 25px;

}

.hamburger-box-close .hamburger-inner, .hamburger-box-close .hamburger-inner:after,.hamburger-box-close .hamburger-inner:before{background-color: #000; width: 28px;}

.hamburger-box-close .hamburger-inner {

    transition-delay: .12s;

    transition-timing-function: cubic-bezier(.215,.61,.355,1);

    transform: rotate(45deg);

}

.hamburger-box-close .hamburger-inner:before {

    top: 0;

    transition: top 75ms ease,opacity 75ms ease .12s;

    opacity: 0;

}

.hamburger-box-close .hamburger-inner:after {

    bottom: 0;

    transition: bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;

    transform: rotate(-90deg);

}

.toggle-cu-menu.toggle-cu-menu-open {

    position: absolute;

    right: -10px;

    top: -10px;

    z-index: 20000000;

}

body.open-mm .mobile-base {

    position: fixed;

    left: 0;

    top: 0;

    width: 100vw;

    height: 100vh;

    background: rgba(0,0,0,.5);

    z-index: 10000;

}

.mobile-menu {

        text-align: left;

        display: block;

        position: fixed;

        right: 0;

        top: 0;

        width: 300px;

        max-width: 100%;

        height: 100vh;

        max-height: 400vh;

        -webkit-overflow-scrolling: touch;

        transition: transform .5s;

        -ms-transform: translateX(310px);

        transform: translateX(310px);

        z-index: 10000010;

        background-color:#fff

}

body.open-mm .mobile-menu {

    -ms-transform: translate(0,0);

    transform: translate(0,0);

}

.hamburger {

    font: inherit;

    display: inline-block;

    overflow: visible;

    margin: 0;

    padding: 0;

    cursor: pointer;

    transition-timing-function: linear;

    transition-duration: .15s;

    transition-property: opacity,filter;

    text-transform: none;

    color: inherit;

    border: 0;

    background-color: transparent;

    z-index: 100;

}

.hamburger-box {

    position: relative;

    display: inline-block;

    width: 40px;

    height: 24px;

    top: 3px;

}

.hamburger-inner {

    top: 50%;

    display: block;

    margin-top: -2px;

}

.hamburger-inner:after, .hamburger-inner:before {display: block; content: "";}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {

    position: absolute;

    width: 22px;

    height: 3px;

    transition-timing-function: ease;

    transition-duration: .15s;

    transition-property: transform;

    border-radius: 4px;

    background-color: #fff;

    right: 0;

}

.hamburger-inner:before {

    top: -8px;

    width: 25px;

}

.hamburger-inner:after {

    bottom: -8px;

    width: 25px;

}

.hamburger-inner {

    transition-timing-function: cubic-bezier(.55,.055,.675,.19);

    transition-duration: 75ms;

}

.hamburger-inner:before {  transition: top 75ms ease .12s,opacity 75ms ease; }

.hamburger-inner:after { transition: bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19); }

body.expand .hamburger{

    top: 15px;

    margin-top: 0px;

    position: absolute;

}

body.expand .hamburger-inner {

    transition-delay: .12s;

    transition-timing-function: cubic-bezier(.215,.61,.355,1);

    transform: rotate(45deg);

}

body.expand .hamburger-inner:before {

    top: 0;

    transition: top 75ms ease,opacity 75ms ease .12s;

    opacity: 0;

}

body.expand .hamburger-inner:after {

    bottom: 0;

    transition: bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;

    transform: rotate(-90deg);

}

.menu { margin-top: 50px;}

#rightsidebar {

    right: 0;

    top:0px;

    display: block!important;

}

#rightsidebar ul.dropdown-menu li {

    padding: 5px 0px 5px 10px;

    font-size: 15px;

}

ul.header-menu-mobile {

    padding: 0;

    margin: 0;

    list-style: none;

}

ul.header-menu-mobile >li {

    font-size: 18px;

    position: relative;

    padding: 10px 20px;

}

ul.header-menu-mobile li a {

    color: #000;

    padding: 0;

    font-weight: 500;

   text-decoration: none;

}

ul.header-menu-mobile >li ul{padding: 0;margin: 0;list-style: none;}

ul.header-menu-mobile >li ul li a{font-size:15px; color: #555;}

#rightsidebar ul.header-menu-mobile li a {

    position: relative;

    display: block; 

}

ul.dropdown-menu3 {

    position: relative;

    right: 0px;

    width: fit-content;

}

#rightsidebar .dropdown-toggle::after {

    content: '\f078';

    position: absolute;

    right: 0;

    top: 50%;

    font-family: "FontAwesome";

    font-weight: 400;

    transition: transform .5s;

    padding: 7px 0  7px 3px;

    border-width: 0px;

    font-size: 14px;

    transform: translate(0px, -50%);

}

.dropdown-menu{

    float: none;

    border-width: 0px;

    position: relative!important;

    min-width: auto!important;

    padding: 10px 10px 0px;

    transform: translate3d(0px, 0px, 0px)!important;

    border-top: 3px solid rgb(255 255 255)!important;

}

.header-part .social-menu {margin-right: 0px!important;}

.search-box-wrapper .search-box{display: none;}

#rightsidebar .search-box {

    display: block;

    padding: 20px;

    width: 100%;

}

#rightsidebar .search-box form{position: relative;}

ul.dropdown-menu2,ul.dropdown-menu3 {

    position: relative!important;

    right: auto!important;

    background-color: #fff!important;

}

}



.hm-banner h1 {

    font-size: 48px;

    font-weight: 600; color: #fff;

}

.hm-banner img{

    width: 100%;

    height: auto;

}

.carousel-caption {
    bottom: auto;
    text-align: left;
    left: 0;
    right: 0;
    color: #fff;
    top: 50%;
    transform: translate(0px, -50%);
    padding-top: 60px;
    z-index: 1;
}

.banner-box{width: 45%;}

.carousel-caption .btn-bl{

   justify-content: center;margin: 0 auto;

}

.carousel-indicators [data-bs-target] {

    border-radius: 50%;

    width: 13px;

    height: 13px;

}



.banner-form-box {

    position: absolute;

    bottom: 30px;

    border-radius: 20px;

    background-color: #ffffff;

    padding: 20px;

    border: 1px solid #f9e9d6;

}

.banner-form-box h2{

    font-size: 24px;

    font-weight: 600;

    margin-bottom: 5px;

}

.banner-form-box p{

    font-size: 14px;

}

.banner-form-box form{

    margin-left: auto;

}

.banner-form-box form input{

    width: 400px;

    border: 1px solid #ccc;

    height: 50px;

    border-radius: 5px;

    padding: 2px 20px 2px 10px;

    position: relative;



}

.banner-form-box form button{

    position: absolute;

    right: 20px;

    border-width: 0px;

    background-color: #c72127;

    color: #fff;

    padding: 6px;

    font-size: 23px;

    width: 45px;

    border-radius: 5px;

}

.hm-brand {padding: 30px 0;background-color: #eeeff1;}

.hm-brand .slick-slide {

    margin: 0 10px;

}
.hm-brand img{height: 90px;}
.hm-brand .hm-brand-wrap{padding:0; margin:0;}
.hm-brand .hm-brand-wrap li{display:inline-block;list-style:none;margin:0 15px;}
@media only screen and (max-width: 1399px) {

    .banner-box {

        width: 45%;

    }

    .hm-banner h1 {font-size: 46px;}

}

@media only screen and (max-width: 1199px) {
    .hm-banner h1 {font-size: 40px;}
    nav.navbar {
        padding-left: 30px;
        padding-right: 30px;
    }
    .navbar-brand img {
        width: 130px;
    }
}

@media only screen and (max-width: 1024px) {
    nav.navbar {
        padding-left: 0px;
        padding-right: 0px;
    }
    .hm-banner h1 {
        font-size: 36px;
    }
}

.multiple-items-7 .slick-track{margin-left: 0;}


.box-wrap h5 {

    font-size: 18px;

    font-weight: 600;

    margin-bottom: 15px;

}

.box-wrap1 .img-box {

    margin-bottom: 20px;
    width: fit-content;
    text-align: center;
    background-color: #c72127;

    padding: 7px;

    border-radius: 100px;

}
.box-wrap1 img ,.hm-testimonial img{filter:invert(1);
    padding: 3px;}

.hm-testimonial img{
    margin: 0 auto;
    padding: 2px;

}
.hm-testimonial .slick-slide{margin: 0 12px;}
.hm-about {

    background-image: url(../images/bg.jpg);

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    background-attachment: fixed;

}

.hm-about .bg-goldlight {

    border-radius: 40px;

    padding: 4rem 3rem !important;

}

.bg-overlary{background-color:#00000096;}

.box-wrap3 {

    border-radius: 10px;

    padding: 20px;

    background-color: #fff;

}

.box-wrap2 {

    border-radius: 10px;

    padding: 20px;

    background-color: #c72127;

    color: #fff;

    height: calc(100% - 1rem);

}

.box-wrap2 h5{    color: #fff;}





.woocommerce .woocommerce-breadcrumb ,.woocommerce-tabs.wc-tabs-wrapper{display: none;}
section.related.products{clear: both;padding-top: 30px}
.woo-page-wrapper{padding: 50px 0;}

.product-sb-w{padding-right: 30px;}

.product-sb h2.widget-title{

    font-weight: 600;

    font-size: 20px;

    line-height: 1.5;

}

.product-sb ul.product-categories {

    list-style: none;

    padding: 0;

    margin: 0;

    font-size: 12px;

}

.product-sb ul.product-categories .children{ list-style: none;padding-left: 14px;}

.product-sb ul.product-categories li {

    margin-top: 5px;

}

.product-sb ul.product-categories li a,.product-sb .woocommerce-widget-layered-nav-list li a{

    font-weight: 300;

    font-size: 15px;

    text-decoration: none;

    width: 100%;

    color:#141414

}

.product-sb ul.product-categories li .count,.product-sb .woocommerce-widget-layered-nav-list li .count{

    float: right; font-size: 12px;

    font-weight: 400;

}

.product-sb .widget{margin-bottom: 2rem;}



/*checkout page*/

.select2-container--default .select2-selection--single {

    border: 1px solid #ced4da;

    height: 38px;

    border-radius: 0;

}

.woocommerce form .form-row label {

    line-height: 2;



    font-size: 14px;

}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .input-text, .woocommerce .woocommerce-ordering select {

    display: block;

    width: 100%;

    padding: 0.375rem 0.75rem;

    font-size: 1rem;

    line-height: 1.5;

    color: #495057;

    background-color: #fff;

    background-clip: padding-box;

    border: 1px solid #ced4da;

    border-radius: 0;

    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .input-text, .woocommerce .woocommerce-ordering select, #pp--pay-form input, #pp--pay-form select {

    width: 100%;font-size: 14px;

}

span.woocommerce-input-wrapper ,.team-img img{

    width: 100%;height: auto;

}

form.checkout.woocommerce-checkout h3,.woocommerce-MyAccount-content header.woocommerce-Address-title.title h3,.woocommerce-MyAccount-content form h3,.woocommerce-MyAccount-content fieldset legend {



    font-size: 18px;

}

.woocommerce table.shop_table th{}

.woocommerce-privacy-policy-text{color: #000;}

.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 38px;    font-size: 16px;}

form.checkout.woocommerce-checkout .woocommerce-shipping-fields {  margin-top: 20px;}

form.checkout.woocommerce-checkout .woocommerce-shipping-fields h3{   font-size: 14px;}

div#order_review {

    font-size: 14px;



}

.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {

    font-weight: 700;

    border-top: 1px solid #ebe9eb;;

}

.product-info .woocommerce-loop-product__title {



    font-size: 1.1em;    


}

.woocommerce ul.products li.product .product-info .price {
    font-family: "Inter", sans-serif;
    font-weight: 600;

    font-size: 16px;    color: #000;

}

span.ptitle-sd {

    display: block;

    color: #888;

    font-size: 14px;

    line-height: 30px;

}

.woocommerce ul.products li.product .button.add_to_cart_button, .woocommerce ul.products li.product .button.product_type_simple , .woocommerce ul.products li.product  a.button.mb-4{

    display: none;

}

.woocommerce ul.products li.product .product-info p{

    font-size: 14px;    color: #888;

}





.product_meta span.posted_in a {

    text-decoration: none;

    color: #c72127;

}

.woocommerce div.product .product_title {

    font-weight: 700;

    font-size: 30px;

    line-height: 1.55;



    margin-top: 10px;

}

.woocommerce div.product .product_title span{

    font-size: 16px;

    font-weight: 200;

	 display: block;

}
/*
.product_cat-car .woocommerce-product-details__short-description {

    background-color: #eeeff1;

    border-radius: 10px;

    padding: 20px 15px;

}*/

.woocommerce-product-details__short-description h5 {

    margin: 20px 0 10px;



    color: #c72127;

    font-size: 20px;

    font-weight: 600;

}

.woocommerce-product-details__short-description .table {



    font-size: 14px;

}

.woocommerce-product-details__short-description .table>:not(caption)>*>*{border-width: 0px;font-size: 14px; padding: 0.2rem 0.5rem;    color: #555;}

.single-product.woocommerce div.product p.price{
    font-family: "Inter", sans-serif;
    color: #000;

    font-size: 1.65em;

}

.woocommerce-tabs.wc-tabs-wrapper{padding: 20px 0 50px;}

.woocommerce div.product .woocommerce-tabs ul.tabs {

    width: fit-content;

    margin: 0 auto;

}

.woocommerce div.product .woocommerce-tabs ul.tabs::before,.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before,.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after,

.woocommerce div.product .woocommerce-tabs ul.tabs li::before{display: none;}

.woocommerce div.product .woocommerce-tabs ul.tabs li {

    border: 0px solid #ffffff;

    background-color: transparent;

    font-size: 14px;

 

    margin: 0 6px;

}

.woocommerce div.product .woocommerce-tabs ul.tabs li a{}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {

    background: #c72127;

    z-index: 2;

    border-bottom-color: #fff;

    border-radius: 50px;

    border: 0px solid #0000;

    font-size: 14px;

color:#fff;

}

.woocommerce-Tabs-panel h2{display: none;}

.woocommerce div.product .woocommerce-tabs .panel { margin: 2em 0;}

.woocommerce div.product .woocommerce-tabs .panel ul li {

    list-style: none;

    padding: 2px 0px;

    font-size: 14px;

    font-weight: 300;

}

.woocommerce div.product .woocommerce-tabs .panel ul { padding-left: 0;}

.woocommerce div.product .woocommerce-tabs .panel h5 { margin: 20px 0 10px;}

.woocommerce div.product .woocommerce-tabs .panel th {



    border: 1px solid #6b6b6b;

    font-size: 14px;

}

.woocommerce div.product .woocommerce-tabs .panel td {



    border: 1px solid #6b6b6b;

    border: 1px solid #6b6b6b;

    font-size: 14px;

}

table.table {width: fit-content;}



.woocommerce table.shop_attributes td,.woocommerce table.shop_attributes th {

    border: 1px solid #ddd;font-size: 14px;  

    padding: 8px;

}

.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display: none;}

.single-product #reviews h2.woocommerce-Reviews-title {font-size: 1.6rem;}

.single-product .woocommerce-Reviews ol.commentlist {

    list-style: none;

    padding: 0;

}

.woocommerce .star-rating {

    float: none;

    margin-bottom: 7px;

    font-size: 12px;

    color: #F6BC3E;

}

.single-product #reviews #comments ol.commentlist li .comment-text p.meta {

    font-size: 15px;

    line-height: 1.7;

    margin-bottom: 5px;

}

.woocommerce #reviews #comments ol.commentlist li .comment-text {

    margin: 0 0 0 70px;

    border: 0px solid #e4e1e3;

    border-radius: 4px;

    padding: 0;

}

.woocommerce #reviews #comments ol.commentlist li{margin: 20px 0;}

.woocommerce #reviews #comments ol.commentlist li img.avatar {

    width: 55px;

    border-radius: 50%;

    border: 0px solid #e4e1e3;

    margin: 0;

    padding: 0;

}

.woocommerce div.product .woocommerce-product-rating { margin-bottom: 0.5rem;}

.woocommerce div.product .woocommerce-product-rating .star-rating {  font-size: 14px;margin: 0.7em 4px 0 0;}

.woocommerce-product-rating a.woocommerce-review-link {

    color: #a5a5a5;

    font-size: 12px;

}

#review_form_wrapper span#reply-title {border-width: 0;}

.comment-form label {text-transform: capitalize;}

.woocommerce p.stars a {color: #f6bc3e;}

.woocommerce #reviews #comment,.woocommerce #reviews input {

    border: 1px solid #ccc;

    border-radius: 3px;

}



.woocommerce-page div.product div.images {

    float: left;

    width: 60%;

}

.woocommerce-page div.product div.summary {

    float: right;

    width: 45%;

    clear: none;

}

.woocommerce .cart .button, .woocommerce .cart input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {

    color: #ffffff;

    background: #c72127;

    border: 1px solid #c72127;

    padding: 10px 30px;

    font-weight: 500;

    border-radius: 30px;

    line-height: 1.5;

    font-size: 14px;

}

.woocommerce .cart .button, .woocommerce .cart input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {

    color: #ffffff;

    background: #c72127;

    border: 1px solid #c72127;

    padding: 10px 30px;

    font-weight: 500;

    border-radius: 30px;

    line-height: 1.5;

    font-size: 14px;

}

section.related.products h2, .woocommerce-cart h1.entry-title, .woocommerce-checkout h1.entry-title, .woocommerce-account h1.entry-title {

    font-size: 34px;

    font-weight: 700;



    line-height: 38px;

    text-align: center;

    margin-bottom: 20px;

}

.contact-form {
    border-radius: 20px;
    background-color: #eeeff1;
    padding: 40px 50px;
}
ul.contact-menu {
    padding: 0;
    margin: 0;
    list-style: none
}
.contact-menu li {
    margin-bottom: 10px;
    display: flex;
    align-items: flex-start;
    padding-bottom: 10px;
    color: #333;
    font-size: 18px;
    font-weight: 600
}
.contact-menu li a {
    text-decoration: none;
    color: #333
}
.contact-menu li i {
    padding: 9px;
    background-color: #c72127;
    border:1px solid #c72127;
    height: 40px!important;
    width: 40px;
    margin-right: 15px;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    text-align: center;
    font-size: 18px
}
.form-control {
    height: 45px;
}
textarea.form-control{height: 150px;}

.hm-bike-img{
	    height: 100%;
    object-fit: cover;    border-radius: 10px;
}
	.woocommerce ul.products li.product a img{  border-radius: 10px;}
.woocommerce ul.products li.product .product-info span.ptitle-sd{display:none;}
@media only screen and (max-width: 1399px){
    .box-wrap.box-wrap2 h5 { font-size: 19px;}
    .box-wrap2 { padding: 20px 15px; }
    .box-wrap2 img.me-2 {
        margin-right: .3rem !important;
        width: 35px;
    }

}  
@media only screen and (max-width: 1199px){
    .product-info .woocommerce-loop-product__title {
        line-height: 1.2;
    }
    .box-wrap.box-wrap2 h5 { font-size: 22px;}
    .box-wrap2 img.me-2 {
        margin-right: .3rem !important;
        width: 40px;
    }
		.hm-bike-img{
	    height: 100%;
}
}
@media only screen and (max-width: 991px) {
	body{    font-size: 15px;}
    .spad {
        padding: 60px 0;
    }
    .footer-part h5 {
        margin-top: 25px;
    }
    .footer-part{padding: 30px 0 40px;}
    .h-100 {
        margin-top: 30px;
    }
    .header-part .btn-blue{margin-left: 10px;}
    .contact-form {
        padding: 30px 20px;
    }
    .banner-box {
        width: 80%;
    }
    .carousel-item:after {
        content: '';
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute;
        background: rgba(0,0,0,.5);
    }
}
@media only screen and (max-width: 767px) {
    .woocommerce-page div.product div.images, .woocommerce-page div.product div.summary {
        width: 100%;
    }
    .woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0;}
    .single-product.woocommerce div.product .product_title {
        line-height: 1.2;
    }
    .single-product.woocommerce div.product .product_title span{margin-top: 10px;}
    .hm-brand h5{text-align: center;}
    .banner-box {
        width: 100%;
    }
   
    .hm-banner img {
        width: 100%;
        height: 400px;
        object-fit: cover;
    }
    .post-type-archive-product .woo-page-wrapper {
        padding-bottom: 0px;
    }
}
@media only screen and (max-width: 575px) {
    .hm-banner h1 {
        font-size: 32px;
    }
    .carousel-item:after {
        background: rgba(0,0,0,.7);
    }
    .hm-banner img {
        width: 100%;
        height: 450px;
        object-fit: cover;
    }
    .main-heading {
        font-size: 30px;

    }
    .header-part .btn-blue{display: none;}
    .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
        float: none;
    }
}


@media only screen and (max-width: 450px){
    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
        width: 100% !important;
    }
}



.floting-button{
	position:fixed;
	right:15px;
	bottom:15px;
	width:50px;
	height:50px;
	border-radius:50%;
	border:none;
	background:#cf2e2e;
	color:#fff;
	z-index:99;
	display:none;
}
a.sb-close {
    background: #cf2e2e;
    color: #fff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: block;
    text-align: center;
    line-height: 50px;
    position: fixed;
    bottom: 15px;
    right: 15px;
	display:none;
}
.variations th.label, .variations td.value select, .reset_variations {
    display: none !important;
  }
  .woo-variation-product-gallery {
    max-width: 50% !important;
    width: 100%;
}
@media only screen and (max-width:767px){
    .product-sb{
        position: fixed;
        width: 100%;
        z-index: 100;
        height: 0;
        bottom: 0;
        left: 0;
        background: #fff;
        box-shadow: 0 -1px 8px 0px #000;
        transition: 0.5s all;
    }
    .product-sb-w{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        overflow-y: scroll;
        padding: 15px;
    }
    .product-sb.open-me{
        height: 80vh;
    }
    .floting-button{display:block;}
    .product-sb.open-me a.sb-close{	display:block;text-decoration: none;}
    .woo-variation-product-gallery {
        max-width: 100% !important;
        width: 100%;
    }
}



/****************************variation*******************************************/
.variations th.label, .variations td.value select, .reset_variations{
	display:none !important;
}
.variation-radios{
    position: relative;
    display: inline-flex;
    vertical-align: middle;
	margin-left: -7px;
    margin-right: -7px;
}
.variation-radios input[type=radio] {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;

}
.variation-radios label{
    position: relative;
    flex: 1 1 auto;
    box-shadow: inset 0 0 1px rgb(0 0 0 / 40%);
    margin-left: 7px;
    margin-right: 7px;
    padding: 12px 0 0;
    color: #262626;
    font-weight: 100!important;
    /* font-size: 0px; */
    text-align: center!important;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.variation-radios input[type=radio]:checked+label{
	color:#C48A5A;
	border-color:#000;
}

.ingredients ul {
    padding: 0;
    list-style: none;
}
.ingredients ul li {
    display: inline-block;
    text-align: center;
	margin-left:80px;
}
.ingredients ul li:first-child{
	margin-left:0;
}
.ingredients ul li a{
	text-decoration:none;
}
.ingredients ul li p{
    color: #262626;
    font-size: 20px;
    margin-bottom: 0;
    margin-top: 8px;
	
}
.ingredients ul li img{
	border-radius:50%;
	border:1px solid #ccc;
}
.wishlistadd a i.fa.fa-heart {
    color: #ff0000;
}


.attribute_pa_color-black:after,.attribute_pa_color-black-with-silver-lining:after,.attribute_pa_color-blue:after{
    content: 'Black';
    position: absolute;
    width: 90px;
    height: 35px;
    /* bottom: -40px; */
    font-size: 14px;
    color: #1f1f1f;
    left: 61px;
    text-align: center;
    line-height: 1.1;
}

.variation-radios input[type=radio]:checked+label:after {
    color: #555
}
.variations tr .variation-radios {
    margin-bottom: 40px;
}
.attribute_pa_color-white {
    background-color: #fff;
    font-size: 0px
}
.attribute_pa_color-blue:after{content: 'Blue'}
.attribute_pa_color-white:after {
    content: 'White'
}

.attribute_pa_color-black ,.attribute_pa_color-black-with-silver-lining{
    background-color: #000;
    font-size: 0px
}

.attribute_pa_color-black:after {
    content: 'Black'
}
.attribute_pa_color-black-with-silver-lining:after{ content: 'Black With Silver Lining'}
.attribute_pa_color-grey {
    background-color: #555;
    font-size: 0px
}

.attribute_pa_color-grey:after {
    content: 'Grey'
}

.attribute_pa_color-navy-blue {
    background-color: navy;
    font-size: 0px
}

.attribute_pa_color-navy-blue:after {
    content: 'Navy blue'
}

.attribute_pa_color-olive-green {
    background-color: #556b2f;
    font-size: 0px
}

.attribute_pa_color-olive-green:after {
    content: 'Dark Olive green'
}

.attribute_pa_color-light-pink {
    background-color: #ff95b9;
    font-size: 0px
}

.attribute_pa_color-light-pink:after {
    content: 'Light Pink'
}

.attribute_pa_color-lime-green {
    background-color: #8fc05a;
    font-size: 0px
}

.attribute_pa_color-lime-green:after {
    content: 'Lime Green'
}

.attribute_pa_color-red {
    background-color: red;
    font-size: 0px
}

.attribute_pa_color-red:after {
    content: 'Red'
}

.attribute_pa_color-rust {
    background-color: #c03300;
    font-size: 0px
}

.attribute_pa_color-rust:after {
    content: 'Rust'
}

.variation-radios input[type=radio]:disabled {
    border: 1px solid #000
}



.single-product table.variations td.label{display: none;}
p.nc_attr_name {
    text-transform: capitalize;
    font-weight: 700;
    margin: 0 0 4px;
}
ul.color-swatches {
    padding: 0;
    margin: 0!important;
    list-style: none;
}
ul.color-swatches li {
    display: inline-block;
    border-radius: 50%;
    font-size: 0;
    width: 20px;
    height: 20px;
    box-shadow: inset 0 0 1px rgb(0 0 0 / 40%);
    position: relative;
}
ul.color-swatches li a {
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
}
.color-var-archive .size-available {
    font-size: 0.8rem;text-transform: uppercase;
}
.product_meta>span {
    display: block;
    margin-bottom: 5px;
    font-size: 12px
}

.product_meta span a {
    font-weight: 700;
    color: #999;
    text-decoration: none
}
.size-chart-btn {
    background-color: #fff;
    color: red;
    font-weight: 500;
    margin-left: 20px;
}
.woocommerce div.product form.cart {
    margin-bottom: 0em!important;
}
.woocommerce.single-product div.product.product-type-simple form.cart {
    margin-bottom:0em!important;
    display: none!important;
}
.woocommerce.single-product div.product form.cart .single_variation_wrap{
    display: none!important;
}
.variation-radios input[type=radio]:checked+label {
    color: #c72127;
    border-color: #c72127;
    outline: 3px solid #c72127;
}
.img-box i.feather-check {
    font-size: 20px;
    color: #fff;
    background: #4CAF50;
    border-radius: 50%;
    padding: 5px;    line-height: 30px;
}
li.outofstock img {
    opacity: .5;
}
.soldout {
       padding: 3px 8px;
    text-align: center;
    background: #c72127;
    color: #fff;
    /* font-weight: 700; */
    position: absolute;
    top: 6px;
    right: 6px;
    font-size: 12px;
    border-radius: 7px;
}


.rtwpvg-thumbnail-image-video{
    position: relative;
}

.rtwpvg-thumbnail-image-video .play-icon{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:40px;
    height:40px;
    pointer-events:none; /* allows click through */
}

.rtwpvg-thumbnail-image-video svg{
    width:100%;
    height:100%;
}%;
}