
@import url('https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400..900&display=swap');
:root {
    /* --primary: #85b839 ; */
    --primary: #063f25;
    --secondary: #247f2d;
       /* backgroundlightgreen */
    --itemlightbackgorund:#ebfff6;
    --incrementbtnbackground:#b4d87e4f;

    --productspecificationcolor:#ea540b;
    --popularsectioncolor:#47826a;
    /* --bodybackgroundcolor:#eff7fa; */
    --bodybackgroundcolor:#FFF;
    --policybackgroundcolor:#fff;
     --policytextcolor:#85b839;

    --bg-mobile-footer: var(--primary);
    --bg-mobile-sidebar:var(--primary);
    --bordercolor: var(--primary);
    --cardbordercolor:#337ab75c;

    --text-color: #252525;
    --text-white: #fff;
    --footer-text:var(--text-white);
    --price:#28a745;
     --barcolor: var(--primary);
    --bartextcolor: var(--text-white);
    --bardetailtextcolor: var(--text-color);
    --bardetailtexthovercolor: var(--text-white);


 
    --color: #00376f;
    
    --anchorcolor:#337ab7;

   
    --orangecolor:#fb641b;
      

    /* hovercolors */
    --btnhovercolor:#006d79;
    --submitbtnhover:#d94e3f;
    --buynowbtnhover:#eb4d00;

     /* color assign */
    --bg-header: var(--primary);


    /* footer */
    --bg-footer: var(--primary);
    --bg-newsletter: #fff;
    --footerformplaceholdercolor: #000000;
    --footerformtext: #000000;

    /* footer end */

    --bg-button:var(--primary);
  
    --bg-auth:#000;
    --bg-searchandprofile:var(--secondary);
    --texthover:var(--primary);
    --border:var(--bordercolor);
    --card-border:var(--cardbordercolor);
    --dropdownhovercolor:var(--thirdcolor);
    --addtocartbtn:var(--primary);
    --buynowbtn:var(--orangecolor);   
    --submitbtn:#f05d4d; 

} 


body{
    font-size: 13px;
    font-family: 'Maven Pro', sans-serif !important;
    line-height: 25px;
    color: #888;
    border-right: 1px solid #dad2d2;
    border-left: 1px solid #dad2d2;
}
header{
    box-shadow: none !important;
    background-color: #fff !important;
    padding: 25px 0;
}
.search-container,.dark-nav .container-fluid{
    max-width: 1170px !important;
    padding-left: 0px !important;
}
.custom-container{
    max-width: 1170px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.tb_right li .tbr-info span {
    padding: 0px 0px;
    display: inline-flex;
    font-size: 13px;
    color:var(--text-white) !important;
    line-height:24px;
}
.tb_right li a, .tb_right li i, .tbr-info span b{
    color:var(--text-white) !important;
}
.tb_right li{
    color: var(--text-white);
    float: left;
    position: relative;
    padding: 9px 0;
    cursor: pointer;
    padding: 10px 15px;
    cursor: pointer;
    display: inline-flex;
}
.r1 a {
    color: var(--text-white);
    margin: 0px 15px;
}
.top_bar {
    height: 44px;
    position: relative;
    z-index: 9999999 !important;
    background: var(--primary) !important;
}
a.mb-0.text-white,.product-overlay .addtobag{
    color: var(--text-white) !important;
}

.top-search3 input{
    border-radius:25px 0px 0px 25px !important;
    width:60%;
    border-left:0px !important;
}

.top-search3 button{
    border-radius: 0px 25px 25px 0px !important;
    background-color: var(--primary) !important;
    border-right: 1px solid #e2e2e2 !important;
    border-top: 1px solid #e2e2e2 !important;
    border-bottom: 1px solid #e2e2e2 !important;
      line-height:30px !important;
    top:1px;
}
.dark-nav{
   background-color: var(--itemlightbackgorund) !important;
   margin-top:1rem !important;
}

.banner-box{
    max-width:1170px;
    margin:auto !important;
}
.banner-box .col-sm-8{
    padding-left:0px !important;
}

.navbar-default .navbar-collapse{
    background-color: transparent !important;
}
.body,.section-product,.popular-section.section-product {
    background-color: var(--bodybackgroundcolor) !important;
}

.blog-content{
    background-color: #fff !important;
}


.mechanic-to-bar{
    display: block !important;
}
.mechanic-to-bar .hideondesktop{
    display:block !important;
}
.top-bar__new-icon{
    background-color: #f89f36;
    color: #fff !important;
    font-weight: 700;
    padding: 5px 10px !important;
}
.top-bar__new-icon-2{
    background-color: #00ad5a;
    color: #fff !important;
    font-weight: 700;
    padding: 4px 10px !important;
    margin: 5px;
}
.top-bar__new-icon-3 {
    background-color: #333;
    color: #fff !important;
    font-weight: 700;
    padding: 4px 10px !important;
    margin: 5px;
}
.tb_right li:not(:last-child)::after{
   display: none !important;
}
.cashback-text{
    color:#000 !important;
    font-weight:400 !important;
}
.cashbackcode{
    font-weight:600 !important;
}
.cd-dropdown-trigger{
    padding: 0px 58px 0 0px !important;
    margin-left: 0.8em !important;
}
.top-search3{
    text-align: end !important;
}
.top-search3 input{
    border:1px solid #e2e2e2 !important;
}


#searchbycat{
    margin-right: -7px;
    width: 14%;
    padding-left: 10px;
    border-radius:25px 0px 0px 25px !important;
    border: 1px solid #e2e2e2;
}

.searchbutton .fa.fa-search{
    color:#f89f36 !important;
}

.fa.fa-shopping-cart.cart-icon{
    color:#f89f36 !important;
}
.login-header-item{
        padding: 6px 12px !important;
        background-color:#f89f36 !important;
    }
.tb_right li a, .tb_right li i, .tbr-info span b{
    font-size:14px !important;
}
.tbr-info{
  display:flex;
  gap:5px;
}
.whish_lish {
    display:none !important;
}
.cd-dropdown-trigger{
    background:var(--primary)!important;
    padding: 0px 60px 5px 15px !important;
    color:#fff !important;
}
.cd-dropdown-trigger .fa.fa-bars{
    display:none !important;
}
.menu-inner-header .cd-dropdown-trigger:hover, .menu-inner-header .cd-dropdown-trigger.dropdown-is-active,.menu-inner-header .topcart:hover, .no-touch .menu-inner-header .cd-dropdown-trigger:hover{
    background-color:#f89f36 !important;
}
.cd-dropdown-trigger::before, .cd-dropdown-trigger::after{
    background-color: #fff !important;
}
.trigd{
    color:#fff !important;
}
.cd-dropdown-content a, .cd-dropdown-content ul a{
    color: #333 !important;
    height: 40px !important;
    line-height: 40px !important;
    text-transform: none;
    font-weight: 400;
    font-size: 14px !important;
    border-color: #ebebeb !important;
    font-weight: 500;
    text-transform: uppercase;
}
.cd-dropdown-content>.has-children>a.is-active{
    color:var(--primary)!important;
    background-color: #fff !important;
}
.cd-dropdown-content>.has-children>a.is-active::after,.cd-dropdown-content>.has-children>a.is-active::before{
    background-color: #00ad5a !important;
}
.menu-inner-header .cd-dropdown-trigger.dropdown-is-active{
  background-color: var(--secondary) !important;
}
.header-xtra span, .navbar-default .navbar-toggle, .navbar-default .navbar-nav>li>a:hover{
    background: var(--primary) !important;
    color: var(--text-white) !important;
}
.menu-inner-header{
    border-top: 1px solid var(--itemlightbackgorund) !important;
}
.custom-select>select{
    background-color: #fff;
    border: none;
    padding: 10px 20px;
    margin: 10px auto;
    width: 100%;
    font-family: inherit;
    font-size: 16px;
    cursor: inherit;
    border: 1px solid #ccc;
    line-height: inherit;
    height: 50px;
    color: #888;
}
.header-submit-btn{
    background-color: #f89f36;
    color: #fff;
    width: 100%;
    border: none;
    font-weight: 700;
    padding: 10px;
}
.slider-row img{
    height:100% !important;
}
.slid-images{
    height:426px !important;
}
.display-grid {
    margin-top: 1.5rem;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(139px, 1fr));
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    margin-bottom: 1.5625rem;
    list-style: none;
    padding: 0;
}
.category-wise{
    display: flex;
    flex-direction: column;
    width:100%;
}

.cat-img img{
    width:100px !important;
    mix-blend-mode: multiply;
}
.cat-img{
    margin-bottom:10px;
}
.cat-text{
    text-align:center;
}
.menu-item-cat a{
    text-decoration: none;
    color: #888;
}
.text-center.firstheading{
    text-align: left;
}
.menu-item-cat{
    background-color: var(--itemlightbackgorund);
    padding: 20px 10px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    display: flex;
    justify-content: center;
    transition: all .5s;
    height:180px;
}
.menu-item-cat:hover{
  transform: scale(1.1);
  transition: all .5s;
  cursor: pointer;
}


#policy2{
    background-color: var(--policybackgroundcolor) !important;
}
 .flex-col{
    flex-basis: 50%;
 }
.flex-row{
    display:flex;
    flex-direction: row;
    align-items:center;
}  
button.accordion{
        width: 100%;
    background-color: whitesmoke;
    border: none;
    outline: none;
    text-align: left;
    padding: 10px 20px;
    font-size: 16px;
    color: #333;
    cursor: pointer;
    transition: background-color 0.2s 
linear;
    line-height: 26px;
}
.accordion-content {
    background-color: white;
    border-left: 1px solid whitesmoke;
    border-right: 1px solid whitesmoke;
    padding: 0 20px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s 
ease-in-out;
    display: block;
        margin-bottom: 15px;
    border: 1px solid #d2d2d2;
}
.accordion-content p{
    padding: 1em 0.5em;
}
.accordion.accordion1 i {
    float: right;
}
.heading-title,.heading-sub h5{
font-size: 23px;
    font-weight: bold;
    text-transform: uppercase;
    color: #333;
}
.heading-title,.heading-title2{
    height:50px;
}
.heading-title:before {
    content: "\f097";
    font-family: "FontAwesome";
    width: 40px;
    height: 30px;
    background: #FFF none repeat scroll 0% 0%;
    position: absolute;
    top: 30px;
    color: #333;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    font-weight: 400;
    z-index: 9;
}
.heading-title2:before {
    content: "\f097";
    font-family: "FontAwesome";
    width: 40px;
    height: 30px;
    background: #FFF none repeat scroll 0% 0%;
    position: absolute;
    top: 30px;
    color: #333;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    font-weight: 400;
    z-index: 9;
}
.heading-title:after {
    content: "";
    width: 170px;
    bottom: -18px;
    height: 1px;
    background: #CCC;
    position: absolute;
    top: 42px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display:block;
}
.heading-title2:after {
    content: "";
    width: 170px;
    bottom: -18px;
    height: 1px;
    background: #CCC;
    position: absolute;
    top: 42px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display:block;
}
.heading-sub2 h5:after{
     bottom: 120px;
     bottom:60px;
}
#myModalLabel{
    color:#000 !important;
    font-weight:700 !important;
}
#myModalLabel strong{
    font-weight:700 !important;
}
.isselected{
    background-color: #fff !important;
    border-radius:0px !important;
}
.notselected {
    background-color: #d2d8d8;
    padding: 10px;
    border-radius:0px !important;
    margin-top:0px !important;
}
.form-list li:nth-child(4){
    height:55px;
}
.form-control{
    border-radius:4px !important;
}
.product-overlay .Q_view_btn{
    display: none;
}
.product-overlay.top1 form{
    display: flex;
    align-items: end;
    width: 100%;
    margin: auto;
}
.product-overlay.top1{
    padding-bottom:20px !important;
}
.product-overlay .add1{
        width: 25%;
}

.item_display_body .item{
   border: none;
}
.product-overlay .add1 input[type="number"]{
    width: 80%;
    background-color: #efefefee;
    border: none;
    border-radius: 5px;
    padding: 5px;
    height: 30px;
}
.product-overlay .addtobag{
        width: 100% !important;
        flex-basis: 100% !important;
        border-radius:30px !important;
        background: var(--bg-button) !important;
}

button#load_more{
    background-color: var(--bg-button) !important;
    color:#ffffff !important;
}
button#load_more:hover { 
    background-color: #fff !important;
    color: #111 !important;
}
.item-thumb img.img-responsive{
    object-fit:contain !important;
    border-radius: 5px !important;
}
.tpc-content{
  border-radius: 5px !important;
}
.item-thumb{
 background-color: #fff;
 border-bottom:0px !important;
 border-radius:5px !important;
 height:260px;
}

.tpc-content:hover{
    box-shadow: none !important;
    border-radius: 5px !important;
}

.item_display_body .item{
    border-radius: 5px !important;
}
.tpc-info h6 a{
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    color: var(--policytextcolor) !important;
}
.colorsize {
    min-height:10px !important;
}
.product-price,.product-single{
    border:none !important;
}
.body-space-inner .shop-single{
       margin-top: 14.5em !important;
}
.width95{
    background-color: #fff;
    border: 1px solid #eee;
    padding: 10px;
    border-radius: 12px;
}
.sep {
    height: 1px;
    background: #cccccc;
    width: 100%;
    margin: 15px 0 12px;
}
.body-space-inner h2{
    max-width: 90%;
    font-size: 24px !important;
    font-weight: 100;
    color: #333;
}
.wish_btn.wish_list_btn{
    border:none !important;
}
.ps-price {
    color: var(--price);
    text-decoration: none;
    font-size: 30px !important;
    font-weight: 500;
}
.indservice h4 {
    font-size: 12px;
    line-height: 12px;
}
.indservice {
    text-align: center !important;
}
.indservice img {
    width: 33px;
}
.indservice p {
    font-size: 9px !important;
    line-height: 12px;
}
.action_for_chde.maddtocart .add_to_cart_btn{
    background-color: #28a745 !important;
}
.sdescription h3{
    color: #888 !important;
    font-size: 14px !important;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
    background-color: var(--primary)  !important;
}
.tab-content{
    background-color: #fff !important;
        border: solid 1px #eee;
}
.similar-products .product-overlay{
    display: none !important;
}
.similar-products .MultiCarousel .MultiCarousel-inner .item>div{
    height:auto !important;
    border: 1px solid #eee !important;
}

.similar-products .item-thumb{
  background-color: #fff !important;
  border:none;
}
.shop-content{
    margin-top: 7em !important;
}
.ui-state-default, .ui-widget-content .ui-state-default,button#min_max_btn{
    background: var(--primary)  !important;
}
input, select, textarea{
    color:#000000 ;
}
.panel-default>.panel-heading{
        background: transparent !important;
        border-bottom:1px solid #eee !important;
}
.filter-wrap select{
    border:1px solid black !important;
}
span.sort-fillter-text{
    color:#000 !important;
}
hr.heading-underline {
    border: 2px solid #f89f36;
    width: 75px;
    margin-bottom: 10px;
    background-color: #f89f36;
    margin-top: 20px;
}

.container-fluid.add_service{
    margin-left:0px !important;
    max-width:1170px;
    margin: auto !important;
}

.header-form select{
   color:#888 !important;
}
#top-brands__container {
    margin-top: 1.5rem;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(139px, 1fr));
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    margin-bottom: 1.5625rem;
    list-style: none;
    padding: 0;
}
.top-brands__container-box {
    background-color: #f3f3f3;
    padding: 20px 10px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
}
.top-brands__container-box>a {
    text-decoration: none;
    color: #888;
}
.shop-content.mt_10{
  margin-top:14em !important;
}
.dark-nav{
    margin-top:0rem !important;
}
.blog-content{
    margin-top:17rem !important;
}

.contact-info .media i{
    background-color: #ededed !important;
    border: none !important;
    color:#333 !important;
}
#contact-btn{
    background-color: #333 !important;
}
#contact-btn:active{
   color: #fff;
}
#contact-btn:hover{
   color: #fff;
   background-color: #D6644A !important;
}
.form-control{
    color:#000;
    border: 1px solid #ccc !important;
}
.form-control:focus{
border-color:#66aef9 !important;
}
.tb_right.pull-right{
    height:15px !important;
}
#elegantModalForm{
    z-index:999999999 !important;
}
.modal-header .close{
    left:95% !important;
}

span#searchbycatSelectBoxIt{
    display: block !important;
    background-color: #fff !important;
    border: 1px solid #e2e2e2 !important;
    border-radius: 25px 0px 0px 25px !important;
    border-right:0px !important;
}
.topcart.pull-right .cart-info{
    border-top:1px solid black!important;
    box-shadow: 0px 0px 4px 1px #247f2d;
}
.slider-row img{
    object-fit: fill !important;
}

.section-product{
    max-width: 1170px;
    margin:auto !important;
}
.MultiCarousel .item.e_pct_ftr_bx {
    /* width: 275px !important;
    margin: 0 10px !important; */
    box-sizing: border-box;
}
.MultiCarousel .MultiCarousel-inner{
    width: max-content !important;
}
.category-wise .display-grid{
   margin-top: 0rem !important;
}
.menu-item-cat{
    position: relative !important;
    border-radius:10px !important;
}
.menu-item-cat a{
    margin-top:25px !important;
}
.cat-text span{
    padding: 20px 15px;
    color: #333;
    font-size: 19px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 24px;
    position: absolute;
    top: 0;
    bottom: unset;
    margin: 0;
    height: 80px;
    text-align: left !important;
    width: 100%;
    left: 0px;
    font-family: 'Maven Pro', sans-serif !important;
}
#popular-collections-section{
    width: 1170px;
    margin: auto;
    background-color: transparent !important;
}
.block-main{
    padding: 0 20px 20px 0px !important;
}
.our-product-area{
    width: 1170px !important;
    margin: auto !important;
}
.recent-listing .container-fluid{
    display: inline-block !important;
    max-width: 1170px !important;
    padding-left: 0px !important;
    margin-top:50px !important;
    width:100%;
}
.recent-listing{
    padding-left: 0px !important;
    padding-right:0px !important;
}
.item_display_body{
    padding:2rem 1rem !important;
}
.tophead::before{
    position: absolute;
    content: '';
    width: 40px;
    border-bottom: 2px solid var(--primary);
    top: 50%;
    right: calc(100% + 10px);
}
.tophead::after{
    position: absolute;
    content: '';
    width: 40px;
    border-bottom: 2px solid var(--primary);
    top: 50%;
    left: calc(100% + 10px);
}
.heading-div{
   text-align: center;
}
.recent-listing .tophead,#title-span{
    font-size: 32px;
    margin-top: 20px !important;
    color: #222222;
    text-align: center;
    font-style: normal;
    margin-bottom: 0px;
    position: relative;
    font-family: inherit;
    font-weight: 500;
    letter-spacing: 0;
    display: table;
    margin-left: auto;
    margin-right: auto;
}
.recent-listing .item_display_body{
    margin-top:40px !important;
}
.item_display_body{
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(auto-fit, minmax(260px, max-content)) !important;
        justify-content: center;

}

.product-overlay .addtobag:hover{
    transform: scaleX(1);
    background: var(--primary) !important;
    color:var(--text-white);
}
.item_display_body .item:hover{
    box-shadow:none !important;
}
.vc_single_image-wrapper.vc_box_border_grey {
    padding: 30px 0px 0px 0px;
}

footer .container-fluid{
    width:100% !important;
}
.pi-wrap img{
    width: 68px;
    margin: 0px 0px 0px 0px;
    border-radius: 15px;
    box-shadow: 0px 4px 7px #e8e8e8;
    padding:10px;
}
#policy2{
    border-top-width: 1px !important;
    padding-top: 30px !important;
    padding-bottom: 15px !important;
    background-color: var(--policybackgroundcolor) !important;
    border-top-color: #eeeeee !important;
    border-top-style: solid !important;
}
.service-img-box{
    padding: 0px;
    border: 0px solid #055c65;
    border-radius: 0px;
    background-color: #fff !important;
}
.service-contant{
    position: relative;
    top: 0px;
}
#policy2 .pi-wrap h4{
    padding: 0px;
    color: var(--policytextcolor) !important;
    font-size: 15px;
    text-transform: none;
    font-weight: 500;
    margin: 24px 0 0 0px;
    text-align: left!important
}
#policy2 .pi-wrap p{
    /* margin: 10px 0 0 20px; */
    font-size: 13px;
    line-height: 22px;
    color: #888 !important; 
}
footer{
    background-color: var(--bg-footer) !important;
}
 .widget-footer p,.widget-footer h5,.widget-tags li a, .newsletter input,input::placeholder{
    color:var(--footer-text) !important;
 }
 .widget-tags li a{
        border: 1px solid var(--footer-text) !important;
 }
 .newsletter input {
    background-color: var(--bg-newsletter) !important;
    color: var(--footerformtext) !important;
    width: 100%!important;
}
.newsletter input::placeholder {
    color: var(--footerformplaceholdercolor) !important;
}

 .item_display_body .item{
    border:none !important;
    max-height: 355px !important;
    background-color: #fff;
    margin: 30px 3px;
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 2px 8px 0 rgb(0 0 0 / 6%);
    border-radius: 2px;
 }
 .MultiCarousel .MultiCarousel-inner .item>div{
        border: none !important;
 }

header{
    position: relative;
    top:0px;
    height: 120px !important;
}
.search-container{
    margin-bottom: 20px;
}

.f-social .fa{
  color:var(--text-white) !important;
}
.f-social{
    border-top:1px solid var(--text-white) !important;
}
.no-touch .menu-inner-header .cd-dropdown-trigger:hover {
    background-color: #247f2d !important;
}
.tpc-info{
    text-align: center;
    margin: 0px 0px 0 0px;
    min-height: 125px;
    background-color: #fff;
    width: 100%;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.searchcat.select1{
    display: none;
}
.selectboxit-container{
    display:none !important;
}
.banner-box{
    margin-top:40px !important;
}


.modal-content.form-elegant{
    border-radius: 0px !important;
}
.modal-header .close span{
    position: relative;
    bottom:3px;
}
.navbar-brand{
    height: 67px;
    margin-top: 0.4em;
    width: 240px;

}
span#total-cart-items{
    background-color: var(--primary) !important;
}
.MultiCarousel .MultiCarousel-inner .item>div{
    height:auto !important;
}
.product-overlay.top1{
    margin-bottom:-5px !important;;
}
button.btn-primary.view2, button.btn-primary.view, button.btn-primary.view3{
    background: var(--bg-button) !important;
    margin-top:10px !important;
}
 .find-vehicle-form{
        margin-top:150px !important;
    }

.MultiCarousel .MultiCarousel-inner .item{
    width:275px !important;
}  
.body>.container-fluid{
    background-color: #fff !important;
}

.nav>li>a{
    padding: 16px 0.7vw !important;
}
.navbar{
    min-height:36px;
}
#shareBtn{
    top:5rem !important;
    padding:0px 8px !important;
}

.clt_area{
    background-color: var(--itemlightbackgorund);
}
.tbr-inner a:hover{
    color:var(--primary) !important;
}

b.discountp{
    background-color: var(--primary) !important;
    padding: 0.1rem 1rem !important;
}

.account-list li a:hover, .account-list li a:focus, .account-list li.active a, .details-box ul li a:hover, .details-box ul li a:focus, .pay-pal a:hover, .pay-pal a:focus, .form-login label a:hover, .form-login label a:focus, #home5 .topcart:hover span, #home5 .topcart span:hover, .promo-panel-text, .cart-table tr td h4 a:hover, .cart-table tr td h4 a:focus, .side-widget .cart-table td a:hover, .side-widget .cart-table td a:focus, .side-widget .cart-table td a:hover, .side-widget .cart-table td a:focus, #home2 .topcart:hover span, #home2 .topcart span:hover, .filter-wrap .col-md-3 a.active, #policy3 .pi-wrap i, .tpc-info h4 a:hover, .ci-item-info h5 a:hover, .cart-info small em, .quote-info cite, .post-excerpt h4 a:hover, .nav li a:hover, .product-title a:hover 
{
    color:var(--primary) !important;
}

.navbar-default .navbar-nav>li>a,.checkout-page label.control-label{
    color:var(--text-color) !important;
}
.addnew{
    background-color: var(--primary);
}

.addtowishicon{
    color:var(--primary) !important;
    border:1px solid var(--primary) !important;
}
.addtowishicon:hover{
    background-color: var(--primary) !important;
    color:#fff !important;
}
.dropdown-toggle.active {
    background-color: transparent !important;
}


.myaccountpage h1,
.sidemenu .accountno {
    background: var(--barcolor) !important;
    color: var(--bartextcolor) !important;
}
.sidemenu ul li {
    background-color: #fff !important;
}

.sidemenu ul li a {
    border-bottom: 1px solid var(--barcolor) !important;
    color: var(--bardetailtextcolor) !important;
}

.sidemenu ul li a:hover {
    background: var(--barcolor) !important;
    color: var(--bardetailtexthovercolor) !important;
}
.addressrowlist,
.sidemenu ul {
    border: 1px solid var(--barcolor) !important;
}

.sidemenu .accountno .fa.fa-mobile {
    color: var(--text-white);
}

.accountno {
    border-bottom: 1px solid var(--primary) !important;
}

.cart-header strong {
    color: var(--text-color) !important
}
.cartrow>h4>span.checked{
     background-color: var(--barcolor) !important;
    border:1px solid var(--barcolor) !important;
}
.cartrow>h4 {
    color: var(--barcolor);
}

.addnew{
    background-color: var(--bg-button) !important;
}
.storerow {
    background-color: var(--barcolor) !important;
    color: var(--bartextcolor) !important;
}
.checkoutitemrow .checkcount_img {
    border: 1px solid var(--barcolor) !important;
}

#shippingMethods {
    border-top: 1px solid var(--barcolor) !important;
}
.checkoutitemrow .checkout_price{
    padding-top:8px !important;
}
.paymentrow.pr_0, .paymentrow.paytotal{
    background-color: var(--barcolor);
    color:var(--bartextcolor);
}
.Q_view_btn{
    color:var(--primary);
}
.checkout_price.checkout-date {
    background-color: var(--itemlightbackgorund);
    border: 1px solid var(--incrementbtnbackground);
    color: var(--bartextcolor);
}

.support-col-bdr{
    background-color: #fff ;
}
.support-col-bdr h5.heading>span{
    color:var(--text-color) !important;
}
.support-col-bdr {
    border: 1px solid var(--primary) !important;
    border-radius: 4px;
    padding: 15px 15px 30px 15px;
    box-shadow: 0px 0px 4px 0px var(--incrementbtnbackground) !important;
}

@media only screen and (max-width:768px){
    .pi-wrap img{
        width:65px !important;
    }
    .body-space-inner .shop-single{
        margin-top:10rem !important;
    }
    body #shareBtn.share-trigger{
        top:10rem !important;
        padding:0px 8px !important;
    }
    .navbar-brand{
        position: relative;
        left:22vw !important;
    }
    .search-container,.dark-nav .container-fluid{
    width: 100% !important;
    padding-left: 0px !important;
     }
    .flex-row{
        flex-direction: column !important;
    }
    header{
        width:100% !important;
    }
    .mechanic-to-bar{
        display: none !important;
    }
    #nav-trigger .line{
        background-color: #000 !important;
    }
    body .navbar-brand{
        top:10px !important;
    }
    #nav-trigger{
        top:0px !important;
    }
    .top-search3.pull-right{
    width: 100%;
    position: absolute;
    right: 0.7em;
    top: 4.8em;
    }
    .search_btn span i{
        color:#000 !important;
    }
    #search_form{
        display:flex !important;
    }
    body .topcart.pull-right{
          margin-right: 0px;
        margin-top: 0;
        position: relative;
        right: 20px;
        bottom:10px;
    }
    #undefined-sticky-wrapper{
        height:75px !important;
    }
    .top-search3{
        display: block !important;
    }
    .top-search3 button{
     left:0px !important;
     height: 42px !important;
     top: -1px;
    }
   body .navbar-brand>img{
        width:120px !important;
    }
    .col-md-6.col-sm-6.search_box,.search{
        width: 100% !important;
    }
    body .header-right.col-md-3.col-sm-3{
        width:auto !important;
    }
    #nav-trigger{
        margin-right:0px !important;
    }
    .is-sticky header{
        /* height:145px !important; */
        height:74px !important;
    }
    .is-sticky header,header{
        padding:15px 0px !important;
    }
      .oldhamberger-menu.is-clicked{
        left: 19.6em !important;
    }
    .navigation.single-item-wrapper{
        background-color: transparent !important;
    }
    .navigation.single-item-wrapper.mb_menu li:last-child{
        background-color: transparent !important;
    }
   .login_signup[data-target="#elegantModalForm"],
    body #side-nav a{
     color:#585858 !important;
    }
    

    .search_box{
        width: 100%;
        position: absolute;
        bottom: 75px;
        top: 43px!important;
        display: none!important;
    }
    .header-inner.row{
        position: relative;
    }
    body .navbar-brand{
        top:-6px !important;
    }
    body .search_btn.pull-right{
        /* display: none !important; */
    }
    .header-right{
        position: absolute;
        right:0px !important;
    }
    #side-nav .nav-login-left a{
        color:#000 !important;
    }
    .btn.btn-success.navbar-toggler-icon{
        width:50%;
    }
    .as-toggler{
        background-color: transparent !important;
    }
    .product-overlay.top1{
        margin-bottom:0px !important;
    }
    .our-product-area,.section-product.recent-listing,.recent-listing .container-fluid{
        width:100% !important;
    }
    .section-product{
        padding: 20px 15px 0 15px !important;
        width:100% !important;
    }
    .item_display_body{
        row-gap: 2em !important;
    }
    .item_display_body .item{
        width:100% !important;
        margin:0px !important;
    }
    .selectorleft.mob .selectorsD a[data-zoom-id]{
        background-color: #fff !important;
    }
    .product-image{
        background: #fff !important;
        border-radius: 12px;
    }
    
    .banner-box{
        width:100%;
    }
   
    .add_service{
        width:100% !important;
    }
    #policy2 .row{
        row-gap:30px;
    }
    body .service-col-section .service-box.col-sm-3{
        width:50% !important;
    }
    body .slid-images{
        height:160px !important;
    }
    .banner-box .col-sm-8{
        width:100%;
        padding-left: 15px !important;
    }
    .find-vehicle-form{
        margin-top:100px !important;
    }
    .category-wise .display-grid{
        grid-template-columns: 1fr !important;
    }
    .item-thumb{
        padding-top: 0px !important;
        height:300px !important;
    }

}


.owl-carousel .owl-item .item{
    width:auto !important;
}
.similar-products .item-thumb img {
    min-height: 210px !important;
    min-width: 100% !important;
    max-height: 330px !important;
}
.similar-products .item-thumb {
    /* background-color: #fff !important; */
    /* border: none; */
    min-height: 210px !important;
    min-width: 100% !important;
    max-height: 300px !important;
    height: 210px !important;
}
.item-thumb a {
    min-height: 250px !important;
    min-width: 100% !important;
    max-height: 344px !important;
}
.item-thumb{
    padding-top:0px;
    height:202px !important;
}
.category-slider .owl-stage-outer .owl-item .item{
    box-shadow:none !important;
}
.outof-stock{
    border-radius: 15px !important;
}
button.btn-primary.view2, button.btn-primary.view, button.btn-primary.view3,.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next{
    background-color: var(--primary) !important;
}
.popular-section.section-product,.section-product.recent-listing{
    background-color: var(--secondary);
    width:100%;
}
.item_display_body .item .product-overlay.top1{
    height:45px;
}
.top-product-image,.MagicZoom{
  border-radius: 12px;
}
.selectorsD{
    background-color: transparent !important;
}

.dark-nav>.container-fluid{
    border: 0px solid white!important;
}

.product-overlay.top1{
    transform: translateX(-59%)!important;
}

#policy2 .pi-wrap {
    display: block!important;
}

.service-contant{
    padding: 0px!important;
}