.car-carousel-wrap{
  position: relative;
}
.product-flags{
  top: 0;
  left: 0;
  z-index: 2;
  position: absolute;
}
.product-flags li{
  list-style-type: none;
  font-size: 0.9rem;
  padding: 0.25rem 0.75rem;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0 0 .5rem .5rem;
  background-color: var(--c-blue);
  color: var(--c-white);
}


.owl-carousel{
  display: block !important;
}

main{
  margin-top: 6.25rem;
  min-height: calc(100vh - 2.5rem);
}

body:not(.css-effects) * {
  transition: 0s !important;
}

#checkout main{
  margin-top: 2.5rem;
  background-color: #f4f4f4;
  min-height: calc(100vh - 6rem);
}
.ss-breadcrumbs{
  display: block !important;
}

.pos-screen_overflow {
  position: absolute;
  max-width: 100%;
  left: -100%;
  z-index: -999999;
}

.ajax-processing:before {
  content: '';
  top: 50%;
  left: 50%;
  z-index: 2;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  position: absolute;
  display: inline-block;
  border: .25rem solid #eee;
  border-bottom-color: var(--c-yellow);
  animation: loader_rotation 1s linear infinite;
} 

.ajax-processing{
  position: relative;
  pointer-events: none;
}

.ajax-processing > *{
  opacity: 0.5;
}

.vc_tooltip_content {
  position: fixed;
  min-width: 90px;
  max-width: 300px;
  transform: translate(-50%, 0);
  background-color: var(--color-grey);
  color: var(--color-white);
  font-size: 0.7rem;
  padding: .25rem .5rem;
  z-index: 11;
  border-radius: .25rem;
  text-align: center;
}
.vc_tooltip_content.style-white{
  background-color: var(--color-white);
  color: var(--color-black);
  box-shadow: 0 0 5px rgba(0,0,0,.25);
}
.vc_tooltip_content.center.right:after{
  top: 50%;
  left: -.25rem;
  border-top-color: transparent;
  border-right-color: var(--color-black);
}
.vc_tooltip_content.center.right.style-white:after{
  border-right-color: var(--color-white); 
}
.vc_tooltip_content.left:after {
  content: ' ';
  left: 10%;
}

.vc_tooltip_content.right {
  transform: translate(-100%, 0);
}

.vc_tooltip_content.right:after {
  left: 90%;
}

.vc_tooltip_content.bottom {
  text-align: left;
}

.vc_tooltip_content.bottom:after {
  border-top-color: transparent;
  border-bottom-color: var(--color-black);
  top: -0.5rem;
}

.vc_tooltip_content:after {
  content: '';
  position: absolute;
  border: .25rem solid transparent;
  border-top-color: var(--color-black);
  top: 100%;
  pointer-events: none;
  left: 50%;
  transform: translate(-50%, 0);
  transition: opacity .4s ease-out 0.2s;
}
.vc_tooltip_content.style-white:after{
  border-top-color: var(--color-white);
}

.vc_tooltip_content img{
  width: 140px;
  display: inline-block;
}

pre{
  background-color: #111;
  color: green;
  padding: 1rem;
}

.cur-p{
  cursor: pointer;
}

.product_details-line{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}
.product_details-line .item{
  margin: 0 15px 10px 0;
}
.product_details-line .item:last-child{
  margin-right: 0;
}
.product_details-line .item-flex{
  display: flex;
  align-items: center;
  margin: 0 15px 10px 0;
}
.product_details-line .item-flex img{
  min-width: 20px;
  min-height: 20px;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 5px;
}
.product_details-line img.hover-icon{
  width: 20px;
  height: 20px;
  display: inline-block;
  margin: 0 5px;
}
.product_details-line.atc-block{
  align-items: stretch;
  margin-bottom: 15px;
}
.product_details-line.atc-block input{
  font-size: 1rem;
  font-weight: bold;
  border: 1px solid #E0E0E0;
  border-radius: 5px;
  margin-right: 15px;
  text-align: center;
  display: flex;
  align-items: center;
  width: 60px;
}
.product_details-line.atc-block input::-webkit-inner-spin-button{
  opacity: 1;
}
.product_details-line.atc-block button{
  border: 0;
  font-weight: bold;
  margin-right: 10px;
  padding: 10px 0;
}
.product_details-line.atc-block button:last-child{
  margin-right: 0;
}
.tablet--show{
  display: none !important;
}




.car-information .car-price{
  margin: 5px 0 15px;
}

:root{
  --c-blue: #0072bb;
  --c-black: #222;
  --c-white: #fff;
  --c-light: #f4f4f4;
  --c-yellow: #f1d302;
  --c-lightyellow: #ffe740;
  --c-red: #fb3640;
}

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/themes/ss396/assets/miva/fonts/IBM_Plex/ibm-plex-sans-v14-latin-regular.eot');
  src: local(''),
    url('/themes/ss396/assets/miva/fonts/IBM_Plex/ibm-plex-sans-v14-latin-regular.eot?#iefix') format('embedded-opentype'),
    url('/themes/ss396/assets/miva/fonts/IBM_Plex/ibm-plex-sans-v14-latin-regular.woff2') format('woff2'),
    url('/themes/ss396/assets/miva/fonts/IBM_Plex/ibm-plex-sans-v14-latin-regular.woff') format('woff'),
    url('/themes/ss396/assets/miva/fonts/IBM_Plex/ibm-plex-sans-v14-latin-regular.ttf') format('truetype'),
    url('/themes/ss396/assets/miva/fonts/IBM_Plex/ibm-plex-sans-v14-latin-regular.svg#IBMPlexSans') format('svg');
}
@font-face {
  font-family: 'Helvetica Neue';
  font-style: normal;
  font-weight: 400;
  src: url('/themes/ss396/assets/miva/fonts/Helvetica_Neue/HelveticaNeue.eot');
  src: local(''),
    url('/themes/ss396/assets/miva/fonts/Helvetica_Neue/HelveticaNeue.eot?#iefix') format('embedded-opentype'),
    url('/themes/ss396/assets/miva/fonts/Helvetica_Neue/HelveticaNeue.woff2') format('woff2'),
    url('/themes/ss396/assets/miva/fonts/Helvetica_Neue/HelveticaNeue.woff') format('woff'),
    url('/themes/ss396/assets/miva/fonts/Helvetica_Neue/HelveticaNeue.ttf') format('truetype'),
    url('/themes/ss396/assets/miva/fonts/Helvetica_Neue/HelveticaNeue.svg#IBMPlexSans') format('svg');
}
/*Sender*/
  .sender-hidden-select{
    padding: 0 !important;
    border: 0 !important;
    min-height: 0px !important;
    max-height: 2px !important;
    height: 2px !important;
    width: 1px !important;
    position: absolute;
    z-index: -1;
    bottom: 0px !important;
    opacity: 0;
  }
  .sender-block{
    width: 100%;
    position: relative;
    font-size: 14px;
    color: #555;
  }
  .sender-block.disabled{
    cursor: no-drop !important;
  }
  .sender-block.disabled,
  .sender-block.disabled > *{
    pointer-events: none;
  }
  .sender-block.disabled .sender-block--title{
    opacity: 0.5;
  }
  .sender-block--title{
    display: flex !important;
    cursor: pointer;
    align-items: center;
    justify-content: space-between;
    text-transform: capitalize;
    border: 1px solid #ddd;
    padding: 12px 5px;
    border-radius: 2px;
    user-select: none;
    overflow: hidden;
  }
  .sender-block--title span{
    font-weight: bold;
    display: inline-block;
    white-space: nowrap;
  }
  .sender-block--title span i{
    color: var(--c-red);
    font-size: inherit;
    font-weight: inherit;
  }
  .sender-block--title svg{
    width: 14px;
    height: 14px;
    padding: 3px;
    border-radius: 7px;
    margin-left: 5px;
    fill: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--c-black);
  }
  .sender-block *::-webkit-scrollbar {
    width: 6px;
  }
  .sender-block *::-webkit-scrollbar-track {
    background: #eeeeee;
  }
  .sender-block *::-webkit-scrollbar-thumb {
    background: var(--c-yellow);
  }
  .sender-block *:hover::-webkit-scrollbar-thumb {
    background: var(--c-yellow);
  }
  .sender-block--list{
    display: none;
    position: absolute;
    z-index: 2;
    width: 100%;
    top: 100%;
    text-align: left;
    border-radius: 2px;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 300px;
    margin-top: 5px;
    left: 0;
    padding: 0;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,.15);
    outline: 1px solid #ddd;
    user-select: none;
  }
  .sender-block--list li:hover{
    background-color: var(--c-yellow);
  }
  .sender-block--list li.disabled{
    user-select: none;
    pointer-events: none;
    background-color: #f7f7f7;
    opacity: .7;
  }
  .sender-block--list li{
    text-transform: capitalize;
    font-size: 1rem;
    width: 100%;
    cursor: pointer;
    white-space: nowrap;
    list-style-type: none;
    padding: 5px;
    transition: .3s all;
    border-bottom: 1px solid #f9f9f9;
  }
  .sender-block li.sender-input{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 40px;
    background-color: #f4f4f4 !important;
  }
  .sender-block li.sender-input input{
    height: 100%;
    width: 100%;
    padding: 0 5px !important;
    left: 0;
    font-size: 0.9em;
    outline: none !important;
  }
/*End Sender*/

/*Global CSS*/
  html{
    opacity: 1;
    max-width: 100vw;
    position: relative;
    overflow-x: hidden;
    background-color: var(--c-white);
  }
  body::-webkit-scrollbar {width: 12px;}
  body::-webkit-scrollbar-track {background: #eeeeee;}
  body::-webkit-scrollbar-thumb {background: var(--c-black);}
  body:hover::-webkit-scrollbar-thumb {background: var(--c-black);}
  h1,h2,h3,h4,h5,h6{
    font-weight: bold;
  }
  a{
    color: inherit;
    transition: .4s all;
  }
  button{
    cursor: pointer;
    border: none;
    padding: 0;
    background: transparent;
  }
  /*Border Rad*/
  .bdr-5{
    border-radius: 5px;
  }
  /*Border Colors*/
  .bd-trnp{
    border-color: transparent !important;
  }
  .bd-red{
    border: 1px solid var(--c-red) !important;
  }
  /*End Border Colors*/
  .bg-red {
    background-color: var(--c-red);
  }
  .bg-white {
    background-color: #fff !important;
  }
  .bg-dwhite {
    background-color: #f4f4f4;
  }
  .bg-light{
    background-color: #f4f4f4 !important;
  }
  .bg-yellow{
    background-color: var(--c-yellow) !important;
  }
  .bg-yellow.processing{
    background-color: var(--c-lightyellow) !important;
    border: 2px solid var(--c-yellow) !important;
    cursor: wait !important;
    pointer-events: none !important;
  }
  .bg-blue{
    background-color: var(--c-blue) !important;
  }
  .bg-green {
    background-color: #28A745;
  }
  .bg-gray {
    background-color: var(--color-gray);
  }
  .bg-disabled {
    background-color: #B0B6BA;
  }
  .c-white,
  .c-white:hover{
    color: #fff !important;
  }
  .c-yellow,
  .c-yellow:hover{
    color: var(--c-yellow) !important;
  }
  .c-blue,
  .c-blue:hover{
    color: var(--c-blue) !important;
  }
  .c-black,
  .c-black:hover{
    color: var(--c-black) !important;
  }
  .c-green,
  .c-green:hover{
    color: #28A745 !important;
  }
  .c-red,
  .c-red:hover{
    color: var(--c-red) !important;
  }
  .c-white,
  .c-white:hover{
    color: #fff !important;
  }
  .ttc{
    text-transform: capitalize;
  }
  .ttu{
    text-transform: uppercase;
  }
  .tdu{
    text-decoration: underline !important;
  }
  .nowrap{
    white-space: nowrap;
  }
  .wrapper-fl{
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }

  /* a:hover{
    text-decoration: none !important;
    color: inherit !important;
  }*/
  .ss-default-btn{
    padding: 5px 30px;
    border-radius: 3px;
    font-weight: bold;
    border: 0;
  }
  .btn-white{
    background-color: #fff;
    color: var(--c-black);
  }
  ul{
    padding: 0;
    margin: 0;
  }
  input:focus, input:active,
  textarea:focus, textarea:active,
  select:focus, select:active{
    outline: none !important;
  }
  /*Position*/
    .pos-r{
      position: relative;
    }
  /*End position*/
  /*Height*/
    .h100{
      height: 100%;
    }
    .h-a{
      height: auto !important;
    }
    .mnh20{
      min-height: 20px;
    }
    .mnh150{
      min-height: 150px;
    }
    .mnh100{
      min-height: 100px;
    }
  /*width*/
    .w100-important{
      width: 100% !important;
    }
    .w100{
      width: 100%;
    }
    .w90{
      width: 90%;
    }
    .w80{
      width: 80%;
    }
    .w70{
      width: 70%;
    }
    .w65_i{
      width: 65% !important;
    }
    .w65{
      width: 65%;
    }
    .w60_i{
      width: 60% !important;
    }
    .w60{
      width: 60%;
    }
    .w50{
      width: 50%;
    }
    .w40{
      width: 40%;
    }
    .w30{
      width: 30%;
    }
    .w20{
      width: 20%;
    }
    .w15_i{
      width: 15% !important;
    }
    .w15{
      width: 15%;
    }
    .w10_i{
      width: 10% !important;
    }
    .w10{
      width: 10%;
    }

    .w15px{
      width: 15px;
    }
    .w-20{
      width: 20px;
    }
    .w-full{
      width: 100% !important;
    }
    .w_a_i{
      width: auto !important;
    }
  /*Top-Left-right-bottom*/
    .t-1{
      top: -1px;
    }
    .t-2{
      top: -2px;
    }
    .t2{
      top: 2px;
    }
    .l0{
      left: 0;
    }
    .r0{
      right: 0;
    }
  /*Displays*/
    .hidden,
    .hide,
    .dn_i{
      display: none !important;
    }
    .no-desctop{
      display: none !important;
    }
    .db{
      display: block;
    }
    .db_i{
      display: block !important;
    }
    .df{
      display: flex !important;
    }
    .di{
      display: inline !important;
    }
    .dib{
      display: inline-block !important;
    }
  /*Align*/
    .tal{
      text-align: left !important;
    }
    .tac{
      text-align: center !important;
    }
    .tar{
      text-align: right !important;
    }
    .aic{
      align-items: center;
    }
    .ais{
      align-items: start;
    }
    .jcc{
      justify-content: center !important;
    }
    .jc-fe {
      justify-content: flex-end !important;
    }
    .fxww{
      flex-wrap: wrap;
    }

  /*Padding*/
    .p15{
      padding: 15px !important;
    }
    .pb15{
      padding-bottom: 15px !important;
    }
    .pt5{
      padding-top: 5px !important;
    }
    .pt15{
      padding-top: 15px !important;
    }
    .pt20{
      padding-top: 20px !important;
    }
  /*Margin*/
    .m-a{
      margin: auto !important;
    }
    .m0{
      margin: 0 !important;
    }
    .m5{
      margin: 5px !important;
    }
    .mt0{
      margin-top: 0 !important;
    }
    .mt5{
      margin-top: 5px !important;
    }
    .mt10{
      margin-top: 10px !important;
    }
    .mt15{
      margin-top: 15px !important;
    }
    .mt20{
      margin-top: 20px !important;
    }
    .mt40{
      margin-top: 40px !important;
    }
    .mb0{
      margin-bottom: 0 !important;
    }
    .mb5{
      margin-bottom: 5px !important;
    }
    .mb10{
      margin-bottom: 10px !important;
    }
    .mb15{
      margin-bottom: 15px !important;
    }
    .mb20{
      margin-bottom: 20px !important;
    }
    .mb25{
      margin-bottom: 25px !important;
    }
    .mb30{
      margin-bottom: 30px !important;
    }
    .mb35{
      margin-bottom: 35px !important;
    }
    .mb40{
      margin-bottom: 40px !important;
    }
    .mb45{
      margin-bottom: 45px !important;
    }
    .mr0{
      margin-right: 0 !important;
    }
    .mr5{
      margin-right: 5px !important;
    }
    .mr10{
      margin-right: 10px !important;
    }
    .ml0{
      margin-left: 0 !important;
    }
    .ml5{
      margin-left: 5px !important;
    }
    .ml10{
      margin-left: 10px !important;
    }
  /*Text Decoration*/
    .td-lth{
      text-decoration: line-through;
    }
  /*Color*/
    .tt-c{
      text-transform: capitalize;
    }
    .fw-tin{
      font-weight: 100;
    }
    .fw-reg{
      font-weight: 400;
    }
    .fw-b{
      font-weight: bold;
    }
    .fz8{
      font-size: 8px;
    }
    .fz10{
      font-size: 10px;
    }
    .fz12{
      font-size: 12px;
    }
    .fz13{
      font-size: 13px;
    }
    .fz14{
      font-size: 14px;
    }
    .fz16{
      font-size: 16px;
    }
    .fz18{
      font-size: 18px;
    }
    .fz20{
      font-size: 20px;
    }
    .fz22{
      font-size: 22px;
    }
    .fz24{
      font-size: 24px;
    }

    .fz_small_i{
      font-size: .8rem !important;
    }
    .fz_regular_i{
      font-size: 1rem !important;
    }
    .fz_medium_i{
      font-size: 1.2rem !important;
    }
    .fz_big_i{
      font-size: 1.5rem !important;
    }

    .fz-s-s_em {
      font-size: 0.8em;
    }
    .fz-s-m {
      font-size: 0.9rem !important; 
    }

    
  .two-column-form{
      width: 40%;
   }
/*End Global CSS*/
/*404*/
  .notfound--block{
    width: 100%;
    height: 100vh;
    position: relative;
    overflow: hidden;
  }
  .notfound--block .bg_image{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 0;
  }
  .notfound--block:before{
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    position: absolute;
    background-color: rgba(0,0,0,.7);
  }
  .notfound--block .content{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
    color: #fff;
    text-align: center;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,.7);
  }
  .notfound--block .content h1{
    font-size: 260px;
    margin: 0;
    margin-bottom: 10px;
  }
  .notfound--block .content p{
    font-size: 1.2rem;
    display: block;
    width: 100%;
    margin: 0;
    letter-spacing: 1px;
  }
/*End 404*/
/*Other*/
.atc-processing{
  opacity: 0.75;
  cursor: wait;
}
.atc-processing img{
  display: inline-block;
  margin-right: 5px;
}
.ss-badge{
  font-size: 13px;
  padding: 2px 5px;
  color: #fff;
  background-color: var(--c-blue) ;
  border-radius: 10px;
}
#shipestimate_rates table{
  width: 100%;
  margin: 10px 0 15px 0;
}
#shipestimate_rates th{
  font-weight: bold;
}
#shipestimate_rates th,
#shipestimate_rates td{
  font-size: 0.9rem;
  padding: 5px 10px;
}
.combo-price{
  background-color: var(--c-blue) !important;
  padding: 2px 5px;
  color: #fff !important;
}
.old-price{
  opacity: 0.8;
  position: relative;
  font-size: 1em;
  overflow: hidden;
  width: fit-content !important;
  display: inline !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.old-price:after {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%) rotate(10deg);
  z-index: 1;
  width: 100%;
  height: 2px;
  background-color: #a2001c;
}
/*End Other*/
/*Icons*/
  i.ss-icon {
    background-size: 95%;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
  }
  i.ss-icon:before{
    display: none;
  }
  i.ss-icon_tiny{
    width: 10px !important;
    height: 10px !important;
  }
  i.ss-icon_small{
    width: 15px !important;
    height: 15px !important;
    position: relative;
    top: 2px;
  }
  i.ss-icon_medium{
    width: 20px !important;
    height: 20px !important;
  }
  i.ss-icon_question-circle--black{
    background-image: url('/img/miva/svg/question-circle.svg');
  }
  i.ss-icon_warning--black{
    background-image: url('/img/miva/svg/warning--black.svg');
  }
  i.ss-icon_chain--black{
    background-image: url('/img/miva/svg/chain--black.svg');
  }
  i.ss-icon_question--black{
    background-image: url('/img/miva/svg/question.svg');
  }
  i.ss-icon_card{
    background-image: url('/img/miva/svg/card.svg');
  }
  i.ss-icon_user{
    background-image: url('/img/miva/svg/user.svg');
  }
  i.ss-icon_truck{
    background-image: url('/img/miva/svg/truck.svg');
  }
  i.ss-icon_trash{
    background-image: url('/img/miva/svg/trash.svg');
  }
  i.ss-icon_user-lock{
    background-image: url('/img/miva/svg/user-lock.svg');
  }
  i.ss-icon_payment{
    background-image: url('/img/miva/svg/payment.svg');
  }
  i.ss-icon_worldlock{
    background-image: url('/img/miva/svg/world-lock.svg');
  }
  i.ss-icon_card--white{
    background-image: url('/img/miva/svg/card--white.svg');
  }
  i.ss-icon_user--white{
    background-image: url('/img/miva/svg/user--white.svg');
  }
  i.ss-icon_truck--white{
    background-image: url('/img/miva/svg/truck--white.svg');
  }
  i.ss-icon_lock--white{
    background-image: url('/img/miva/svg/lock--white.svg');
  }
  i.ss-icon_arrow--down{
    background-image: url('/img/miva/svg/arrow-down.svg');
  }
  i.ss-icon_arrow--left{
    background-image: url('/img/miva/svg/arrow-left.svg');
  }
  i.ss-icon_arrow--right{
    background-image: url('/img/miva/svg/arrow-right.svg');
  }
  i.ss-icon_arrow--right--white{
    background-image: url('/img/miva/svg/arrow-right--white.svg');
  }
  i.ss-icon_arrow--cross{
    background-image: url('/img/miva/svg/cross.svg');
  }
  i.ss-icon_car{
    background-image: url('/img/miva/svg/car.svg');
  }
  i.ss-icon_pen{
    background-image: url('/img/miva/svg/pen.svg');
  }
  i.ss-icon_pen--yellow{
    background-image: url('/img/miva/svg/pen--yellow.svg');
  }
  i.ss-icon_phone{
    background-image: url('/img/miva/svg/phone.svg');
  }
  i.ss-icon_phone--white{
    background-image: url('/img/miva/svg/phone--white.svg');
  }
  i.ss-icon_arrow_bold--right{
    background-image: url('/img/miva/svg/arrow-right-bold.svg');
  }
  i.ss-icon_check--black{
    background-image: url('/img/miva/svg/check--black.svg');
  }
  i.ss-icon_check--green{
    background-image: url('/img/miva/svg/check--green.svg');
  }
  i.ss-icon_cross--red{
    background-image: url('/img/miva/svg/cross--red.svg');
  }
  i.ss-icon_plus{
    background-image: url('/img/miva/svg/plus.svg');
  }
/*End Icons*/
/*Buttons*/
  .btn:hover{
    box-shadow: 0 0 5px rgba(0,0,0,.15);
  }
  .btn {
    cursor: pointer;
    padding: 10px;
    font-size: 1rem;
    font-weight: bold;
    border: 0;
    border-radius: 5px;
    display: inline-block;
    position: relative;
    transition: .3s all;
  }
  .btn-used{
    pointer-events: none !important;
  }
  .btn.disabled,
  button.disabled{
    opacity: 0.35 !important;
    cursor: no-drop !important;
  }
/*Hover List*/
  .openHoverList{
    cursor: pointer;
    position: relative;
  }
  .ss-hoverListOpen .ss-hoverList{
    display: block;
  }
  .ss-hoverList{
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 140px;
    z-index: 2;
    background-color: #fff;
    border-radius: 2px;
    border-top: 5px solid #f6f6f6;
    box-shadow: 0 2px 5px rgba(0,0,0,.1);
    display: none;
  }
  .ss-hoverList a:last-child{
    border-bottom: 0;
  }
  .ss-hoverList a:hover{
    opacity: 1;
  }
  .ss-hoverList a,
  .ss-hoverList p{
    font-weight: 400;
    color: var(--c-black);
    opacity: 0.7;
    font-size: .9rem;
    transition: .2s all;
    display: inline-block;
    width: 100%;
    padding: 2px 5px;
    margin: 0;
    border-bottom: 1px solid #f6f6f6;
  }
.ss-hoverList p img{
    width: 14px;
    height: 14px;
  }
/*Breadcrumbs*/
  .ss-breadcrumbs{
    width: 100%;
    display: none;
    padding-bottom: 20px;
  }
  .ss-breadcrumbs ol{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 0.9rem;
  }
  .ss-breadcrumbs li:after{
    content: ' / ';
    padding-left: 5px;
    font-size: 0.9rem;
    display: inline-block;
  }
  .ss-breadcrumbs li:last-child:after{
    display: none;
  }
  .ss-breadcrumbs li{
    list-style-type: none;
    display: flex;
    padding-right: 8px;
    position: relative;
  }
  .ss-breadcrumbs li a:hover{
    color: var(--c-yellow);
    transition: .3s all;
  }
  .ss-breadcrumbs a{
    display: flex;
    align-items: center;
    font-size: .9rem;
    color: var(--c-black);
  }
  .ss-breadcrumbs img{
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-right: 3px;
    position: relative;
    top: -1px;
  }
/*End Breadcrumbs*/
/*Loader*/
  /*
  .ajax-proccessing > *:not(.ajax-loader){
    opacity: .45;
  }
  */
  .ajax-loader{
    width: 100%;
    height: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;
    background-image: url('/img/miva/ajax-loader.gif');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20%;
    background-color: rgba(255,255,255,.2);
  }
/*End loader*/
/*Slide Popup*/
  .openBlock{
    transform: translate(0,0) !important;
    transition: .3s all;
  }
  .slide-nav.l0{
    transform: translate(-750px,0);
  }
  .slide-nav.r0{
    transform: translate(750px,0);
  }
  .slide-nav{
    width: 400px;
    position: fixed;
    z-index: 1032;
    top: 0;
    height: 100%;
    overflow: hidden;
    background-color: #fff;
    color: var(--c-black);
    transition: .3s all;
    font-size: 16px;
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    padding: 10px 0;
  }
  .slide-nav .close-btn{
    background: inherit;
    border: 0;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    padding: 0 25px;
    position: relative;
    z-index: 1;
  }
  .slide-nav .close-btn i{
    display: inline-block;
    position: relative;
    top: 1px;
    transition: .3s all;
  }
  .slide-nav .close-btn:hover i{
    transform: rotate(180deg);
  }
  .slide-nav--precontent{
    padding: 5px 25px 15px 25px;
    width: 100%;
    border-bottom: 1px solid #f7f7f7;
  }
  .slide-nav--content::-webkit-scrollbar {width: 6px;}
  .slide-nav--content{
    padding: 20px 25px;
    width: 100%;
    display: block;
    height: 100%;
  }
  .slide-nav--ttl-line svg,
  .slide-nav--ttl-line img{
    width: 25px;
    height: 25px;
    fill: var(--c-black);
    display: inline-block;
    margin-right: 5px;
  }

  .slide-nav p{
    margin-bottom: 0;
  }
  .slide-nav .slide-nav_cart{
    height: 100%;
    display: flex;
    flex-direction: column;
  }
/*End Slide Popup*/
/*Ajax Cart*/
  .ajax-cart{
    width: calc(100% + 10px);
    display: inline-block;
    margin-bottom: 20px;
    overflow: hidden;
  }
  .ajax-cart--product_list{
    max-height: 35vh;
    overflow: auto;
    height: 100%;
  }

  .ajax-cart--product_list::-webkit-scrollbar {width: 5px;border-radius: 5px;}
  .ajax-cart--product_list::-webkit-scrollbar-track {background: #f7f7f7;border-radius: 5px}
  .ajax-cart--product_list::-webkit-scrollbar-thumb {background: #191919;border-radius: 5px}
  .ajax-cart--product_list:hover::-webkit-scrollbar-thumb {background: var(--c-yellow);}
  .ajax-cart--product_list-product{
    width: calc(100% - 10px);
    display: flex;
    align-items: start;
    justify-content: space-between;
    margin-bottom: 15px;
    position: relative;
  }
  .list-product_image{
    width: 80px;
    height: 80px;
    position: relative;
    overflow: hidden;
    border: 1px solid #f7f7f7;
  }
  .list-product_image img{
    height: 100%;
    width: auto;
    left: 50%;
    top: 0;
    transform: translate(-50%,0);
    position: absolute;
    z-index: 1;
  }
  .ajax-cart .list-product_info{
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    width: calc(100% - 90px);
  }
  .list-product_info--name{
    font-size: .9rem;
    font-weight: bold;
    display: inline-block;
    width: 90%;
    color: var(--c-black);
    margin-bottom: 3px;
  }
  .list-product_info--more_info{
    color: var(--c-black);
    font-size: .8rem;
    display: flex;
    justify-content: space-between;
    width: 100%;
    line-height: 1.3;
  }
  .ajax-cart_remove{
    position: absolute;
    width: 18px;
    height: 18px;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--c-black);
    font-size: 13px;
    background-color: #f1d320;
    z-index: 1;
    cursor: pointer;
  }
/*End Ajax Cart*/
/*Coupone Form*/
  .add-coupone-form:before{
    content: '';
    background-color: #f7f7f7;
    width: 400px;
    height: 100%;
    top: 0px;
    left: -50px;
    z-index: -1;
    position: absolute;
  }
  .add-coupone-form{
    position: relative;
    padding: 20px 0;
    width: 85%;
    margin: 0 auto 20px auto;
    display: block;
  }
  .add-coupone-form form{
    display: flex;
    align-items: stretch;
    justify-content: space-between;
  }
  .add-coupone-form form input{
    border: 1px solid #dfdfdf;
    padding: 5px;
  }
  .add-coupone-form form .btn{
    padding: 5px 15px;
  }
/*End contact Form*/
/*Mobile Search*/
  .mobile-search-form{

  }
  .mobile-search-form--line{
    display: flex;
    align-items: stretch;
    justify-content: space-between;
  }
  .mobile-search-form--line .sender-block{
    width: calc(50% - 10px);
    border-radius: 3px;
  }
  .mobile-search-form--line .sender-block--title{
    padding: 8px 6px;
  }
  .mobile-search-preform{
    margin-top: 15px;
  }
  .mobile-search-form--line input{
    width: 75%;
    border: 0;
    padding: 10px 5px;
    font-size: 16px;
    background-color: #f4f4f4;
    border-radius: 3px 0 0 3px;
    border: 1px solid #ddd;
    color: var(--c-black);
  }
  .mobile-search-preform button{
    border-radius: 0 3px 3px 0 !important;
  }
  .mobile-search-form--line button{
    width: 25%;
    font-weight: bold;
    background-color: #ffd700;
    border: 0;
    font-size: 14px;
    text-align: center;
    border-radius: 3px;
  }
/*End Mobile*/
/*Virtual Garage*/
  .g-model-text,
  .g-year-text{
    text-transform: capitalize;
    display: inline-block;
  }
  .virtual-garage{
    position: relative;
  }
  .virtual-garage--add_form{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
    margin-bottom: 20px;
    font-size: 15px;
  }
  .virtual-garage--add_form .sender-block{
    width: 100%;
    margin-bottom: 10px;
  }
  .virtual-garage--add_form .sender-block--title{
    padding: 8px 10px;
    border-radius: 3px;
    color: var(--c-black);
    font-weight: bold;
  }
  .virtual-garage--add_form button{
    width: 100%;
    display: inline-block;
    text-align: center;
    border-radius: 3px;
    border: 0;
    font-weight: bold;
    color: #fff;
    padding: 10px 0;
    background-color: var(--c-blue);
  }
  .virtual-garage--user_list::-webkit-scrollbar {width: 7px;border-radius: 5px;}
  .virtual-garage--user_list::-webkit-scrollbar-track {background: #f7f7f7;border-radius: 5px}
  .virtual-garage--user_list::-webkit-scrollbar-thumb {background: #191919;border-radius: 5px}
  .virtual-garage--user_list:hover::-webkit-scrollbar-thumb {background: var(--c-yellow);}
  .virtual-garage--user_list{
    display: inline-block;
    width: 100%;
    height: calc(100vh - 320px);
    overflow: hidden;
    overflow-y: auto;
    padding-right: 5px;
  }
  .virtual-garage--user_list li:hover{
    box-shadow: 0 0 7px rgba(0,0,0,.1);
  }
  .virtual-garage--user_list li.ymm_main{
    background-color: var(--c-yellow);
  }
  .virtual-garage--user_list li:not(li.ymm_main):hover i{
    fill: var(--c-yellow);
  }
  .virtual-garage--user_list li{
    cursor: pointer;
    list-style-type: none;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
    text-transform: capitalize;
    transition: .3s all;
    box-shadow: 0 0 5px rgba(0,0,0,.05);
    margin-bottom: 10px;
    border-radius: 3px;
    position: relative;
    color: var(--c-black);
    overflow: hidden;
    border: 1px solid #ddd;
  }
  .virtual-garage--user_list i{
    height: 30px;
    width: auto;
    display: inline-block;
    margin-right: 10px;
    transition: .2s all;
  }
  .virtual-garage--user_list i svg,
  .virtual-garage--user_list i img{
    fill: var(--c-black);
    height: 100%;
  }
  .virtual-garage--user_list .remove-line:hover i{
    transform: rotate(90deg);
  }

  .virtual-garage--user_list .remove-line i img{
    position: relative;
    top: -1px;
    width: 20px;
    height: 20px;
  }
  .virtual-garage--user_list li.ymm_main .remove-line.active{
    transform: translate(0,0);
    box-shadow: -150px 0px 30px rgb(255, 223, 0);
  }
  .virtual-garage--user_list .remove-line.active{
    transform: translate(0,0);
    box-shadow: -150px 0px 30px rgb(251, 251, 251);
  }

  .virtual-garage--user_list .remove-line.active i{
    opacity: 0.7;
  }
  .virtual-garage--user_list li.ymm_main .remove-line{
    box-shadow: -30px 0px 30px rgb(255, 223, 0);
  }
  .virtual-garage--user_list .remove-line{
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    padding: 0 10px;
    height: 100%;
    z-index: 1;
    display: flex;
    align-items: center;
    background-color: #fff;
    font-size: 13px;
    color: #191919;
    font-weight: 100;
    transform: translate(130px,0);
    transition: .3s all;
    box-shadow: -30px 0px 30px rgb(251, 251, 251);
    border-radius: 2px 0 0 2px;
    border: 0;
  }
  .virtual-garage--user_list .remove-line i{
    transition: .3s all;
    height: auto;
    transform-origin: 50% 50%;
  }
  .virtual-garage--login_btn{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
    width: auto;
    height: auto;
    display: inline-block;
    padding: 10px 30px;
    text-align: center;
    border-radius: 3px;
    box-shadow: 0 0 5px rgba(0,0,0,.15);
    color: var(--c-black);
    cursor: pointer;
    background-color: var(--c-yellow);
    font-weight: bold;
  }
/*End Virtual Garage*/
/*Popup slide account*/
  .account-form-list{
    display: block;
    width: 100%;
  }
  .account-form-list_item:nth-child(odd):before{
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: -25px;
    width: calc(100% + 50px);
    height: 100%;
    background-color: var(--c-yellow);
  }
  .account-form-list_item{
    color: var(--c-black);
    font-size: 14px;
    padding: 15px 0;
    position: relative;
  }
  .account-form--nav_btn{
    position: relative;
    display: flex;
    z-index: 2;
  }
  .account-form--nav_btn a{
    width: 25px;
    display: inline-block;
    margin-right: 10px;
  }
  .account-form--nav_btn a svg
  .account-form--nav_btn a img{
    width: 100%;
  }
/*End Popup slide account*/
/*SSPopup*/
  .ssPopup.active{
    display: block;
  }
  .ssPopup *::-webkit-scrollbar {width: 5px;height: 5px;border-radius: 5px;}
  .ssPopup *::-webkit-scrollbar-track {background: #f7f7f7;border-radius: 5px}
  .ssPopup *::-webkit-scrollbar-thumb {background: #191919;border-radius: 5px}
  .ssPopup *:hover::-webkit-scrollbar-thumb {background: var(--c-blue);}
  .ssPopup{
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 13;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 0 10px rgba(0,0,0,.15);
    max-width: 100vw;
    height: auto;
    max-height: 100vh;
    padding: 15px;
    font-size: 15px;
  }
  .ssPopup.small-popupSize{
    width: 300px;
  }
  .ssPopup.medium-popupSize{
    width: 50%;
  }
  .ssPopup.large-popupSize{
    width: 95%;
  }
  .ssPopup-close:hover{
    transform: rotate(180deg);
  }
  .ssPopup-close{
    cursor: pointer;
    transition: .3s all;
    line-height: 1;
    transform-origin: center;
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 1;
  }
  .ssPopup--title{
    display: inline-block;
    text-align: center;
    width: 100%;
    margin-bottom: 15px;
  }
  .ssPopup--title h3{
    font-weight: bold;
    font-size: 1.3rem;
    color: var(--c-black);
    display: block;
    margin: 0;
    margin-bottom: 5px;
  }
  .ssPopup--title p{
    font-size: 0.9rem;
    display: block;
    margin: 0;
  }
  .ssPopup--content{
    display: inline-block;
    width: 100%;
    position: relative;
  }
  .ssPopup--content img{
    width: 100%;
  }

/*End SPopup*/
/*Page Style*/
  /*QV*/
    [page-style='qv'] .ss-page-content{
      margin-top: 0 !important;
    }
    [page-style='qv'] header,
    [page-style='qv'] .recomender-parts--carousel,
    [page-style='qv'] .calltoaction--block,
    [page-style='qv'] .ss-breadcrumbs,
    [page-style='qv'] footer,
    [page-style='qv'] #zonos,
    [page-style='qv'] #chat-widget-container,
    [page-style='qv'] .mobile-fixed-footer,
    [page-style='qv'] .car-information .estimate-shipping,
    [page-style='qv'] .car-information .checkout-now,
    [page-style='qv'] .car-information .add-to-build,
    [page-style='qv'] .car-information .car-fits-counter,
    [page-style='qv'] .product-additional-info{
      display: none !important;
    }
    [page-style='qv'] .car-information{
      padding-top: 30px !important;
    }
/*End Page Style*/
/*Category Tree*/
  .categories-tree{
    min-height: 300px;
  }
  .categories-tree,
  .categories-tree ul{
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
  }
  .categories-tree ul{
    height: calc(100vh - 320px);
    overflow: auto;
    font-size: 14px;
  }
  .categories-tree ul::-webkit-scrollbar {width: 7px;border-radius: 5px;}
  .categories-tree ul::-webkit-scrollbar-track {background: #f7f7f7;border-radius: 5px}
  .categories-tree ul::-webkit-scrollbar-thumb {background: #191919;border-radius: 5px}
  .categories-tree ul:hover::-webkit-scrollbar-thumb {background: var(--c-yellow);}

  .categories-tree ul li:last-child{
    margin-bottom: 0;
  }
  .categories-tree a{
    text-decoration: none !important;
    cursor: pointer;
  }
  .categories-tree ul li{
    user-select: none;
    width: 100%;
    list-style-type: none;
    margin-bottom: 7px;
  }
  .categories-tree ul li span{
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    width: 90%;
  }
  .categories-tree ul li a{
    display: flex;
    align-items: center;
    font-weight: bold;
    color: #191919;
    font-size: 1rem;
    width: 100%;
    text-transform: capitalize;
  }
  .categories-tree ul li .has-child{
    display: flex;
    align-items: center;
    width: auto;
    padding: 2px 5px;
    border-radius: 5px;
    color: #191919;
    font-size: 0.9rem;
    background-color: rgba(241, 211, 32, .6);
  }
  .categories-tree ul li .has-child:hover{
    background-color: #f1d320;
  }
  .categories-tree ul li .has-child img{
    width: 7px;
    height: auto;
    display: inline-block;
    margin: 0;
    margin-left: 5px;
    position: relative;
    top: -1px;
  }
  .categories-tree ul li a img{
    height: 60px;
    margin-right: 10px;
    display: inline-block;
  }
/*Header*/
  header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    box-shadow: 0px 3px 5px #cecece;
    background-color: #fff;
    z-index: 11;
    font-family: 'Helvetica Neue';
  }

  .preheader{
    background-color: #000;
    color: #fff;
    position: relative;
  }
  .preheader .global-banner{
    position: absolute;
    background-position: center;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    background-size: 100% auto;
    min-height: 35px;
  }
  .preheader .preheader-promo{
    width: 100%;
    display: inline-block;
  }
  .preheader .preheader-promo p{
    margin: 0;
    padding: 0;
    display: block;
    font-size: 14px;
  }
  .preheader .preheader-info{
    display: flex;
    align-items: center;
  }
  .preheader .preheader-info--mnu{
    width: auto;
    font-size: 13px;
    display: flex;
    margin-right: 20px;
  }
  .preheader .preheader-info--mnu li:last-child{
    margin-right: 0;
  }
  .preheader .preheader-info--mnu li{
    margin-right: 15px;
    position: relative;
    list-style-type: none;
    font-weight: 100;
    text-transform: capitalize;
    color: #fff;
    opacity: 0.7;
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
  }
  .preheader .preheader-info--mnu > li{
    padding: 12px 0px;
  }
  .preheader .preheader-info--mnu li a{
    color: #fff;
    text-decoration: none !important;
  }
  .preheader .preheader-info--mnu li:hover{
    opacity: 1;
  }
  .preheader .preheader-info--mnu a i{
    position: absolute;
    top: 14px;
    left: -20px;
  }
  .preheader .preheader-info--mnu li .submenu{
    position: absolute;
    top: 100%;
    right: 0;
    display: none;
    white-space: nowrap;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    border-top: 5px solid #f7f7f7;
    user-select: none;
    transition: .3s all;
    z-index: 9;
  }
  .preheader .preheader-info--mnu li:hover .submenu{
    display: block;
  }
  .preheader .preheader-info--mnu li .submenu li:last-child{
    border-bottom: 0;
  }
  .preheader .preheader-info--mnu li .submenu li{
    display: block;
    width: 100%;
    margin: 0;
    border-bottom: 1px solid #f9f9f9;
  }
  .preheader .preheader-info--mnu li .submenu li a{
    width: 100%;
    display: block;
    padding: 3px;
    color: var(--c-black);
    transition: .3s all;
    text-decoration: none !important;
  }
  .preheader .live_chat-block:before{
    content: '';
    position: absolute;
    background-color: var(--c-yellow);
    top: -5px;
    left: 0;
    z-index: 0;
    width: 50vw;
    height: calc(100% + 10px);
  }
  .preheader .live_chat-block{
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 10px;
  }
  .preheader .live_chat-block a:hover{
    color: var(--c-black);
  }
  .preheader .live_chat-block a{
    text-decoration: none !important;
    font-size: 11px;
    z-index: 1;
    text-align: right;
    color: var(--c-black);
    margin-right: 10px;
    line-height: 15px;
    font-weight: bold;
  }
  .preheader .live_chat-block a span{
    color: #4a84c1;
    display: block;
    width: 100%;
    font-style: italic;
    font-size: 13px;
    font-weight: 100;
  }
  .preheader .live_chat-block .live_chat-block--status{
    width: 13px;
    height: 13px;
    display: inline-block;
    border-radius: 7px;
    z-index: 1;
  }
  .main-header-left,
  .main-header-right{
    display: flex;
    align-items: center;
  }
  .main-header-right{
    width: calc(100% - 300px);
    justify-content: space-between;
  }
  header .header-search{
    padding-left: 15px;
  }
  header .main-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 10px;
    color: var(--c-black);
  }
  header .main-header--logo{
    margin-right: 20px;
    display: inline-block;
  }
  header .main-header--logo img{
    width: 260px;
  }
  header .main-header--menu-burger{
    display: flex;
    width: 30px;
    flex-wrap: wrap;
    align-items: center;
    cursor: pointer;
  }
  header .main-header--mobile_search{
    width: 30px;
    display: inline-block;
    cursor: pointer;
  }
  header .main-header--menu-burger span:last-child{
    margin-bottom: 0;
  }
  header .main-header--menu-burger.active span:nth-child(1) {
    margin-bottom: 0;
    transform: rotate(45deg);
    top: 2px;
  }
  header .main-header--menu-burger.active span:nth-child(2) {
    margin-bottom: 0;
    transform: rotate(-45deg);
  }
  header .main-header--menu-burger.active span:nth-child(3) {
    opacity: 0;
    top: -10px;
  }
  header .main-header--menu-burger span{
    transition: .3s all;
    position: relative;
    background-color: var(--c-black);
    margin-bottom: 5px;
    display: inline-block;
    width: 100%;
    height: 4px;
    transform-origin: 50% 50%;
    border-radius: 5px;
    top: auto;
  }
  header .header-search{
    width: auto;
    min-width: 590px;
  }
  header .main-header--info-btns{
    display: flex;
    align-items: center;
  }
  header .main-header--info-btns li:last-child{
    margin-right: 0;
  }
  header .main-header--info-btns li{
    display: inline-block;
    margin-right: 20px;
    transition: .3s all;
    height: 25px;
    width: 25px;
    position: relative;
    cursor: pointer;
  }
  header .main-header--info-btns li .main-header-count{
    position: absolute;
    top: -5px;
    right: -5px;
    width: 13px;
    height: 13px;
    border-radius: 7px;
    line-height: 14px;
    color: #fff;
    background-color: #fb3640;
    font-size: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 2px rgba(0,0,0,.1);
  }
  header .main-header--info-btns li svg,
  header .main-header--info-btns li img{
    transition: .3s all;
    width: 100%;
  }
  header .main-header--info-btns li:hover svg,
  header .main-header--info-btns li.active svg{
    fill: var(--c-yellow);
  }



/*End Header*/
/*Fixed Footer*/
  .mobile-fixed-footer{
    position: fixed;
    bottom: 0px;
    width: 100%;
    height: 50px;
    background: var(--c-yellow);
    box-sizing: border-box;
    padding-top: 14px;
    display: none;
    z-index: 10;
  }
  .mobile-fixed-footer .container .row .col-12{
    display: flex;
    justify-content: flex-end;
    /*justify-content: space-between;*/

  }
  .mobile-fixed-footer .contact-us{
    display: flex;
    align-items: center;
    position: relative;
  }
  .mobile-fixed-footer .contact-us span{
    margin-left: 5px;
    margin-right: 5px;
    font-weight: bold;
    font-size: 15px;
  }
  .mobile-fixed-footer .contact-us img:first-child{
    width: 17px;
    height: 17px;
    transform: rotate(90deg);
  }
  .mobile-fixed-footer .contact-us img:last-child{
    width: 7px;
    transform: rotate(90deg);
    transition: transform 0.2s;

  }
  .mobile-fixed-footer .mobile-footer-btns{
    display: flex;
    width: 100%;
    justify-content: center;
  }
  .mobile-footer-btns div{
    display: flex;
    width: max-content;
    position: relative;
  }
  .mobile-footer-btns img{
    width: 25px;
    height: 25px;
    margin: 0 15px;
  }
  .mobile-footer-btns .basket .basket-count{
    position: absolute;
    top: -4px;
    right: 10px;
    width: 13px;
    height: 13px;
    border-radius: 7px;
    line-height: 14px;
    color: #fff;
    background-color: #fb3640;
    font-size: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 2px rgb(0 0 0 / 10%);
  }
  .contact-us-div:before{
    content: '';
    display: inline-block;
    position: absolute;
    bottom: -30px;
    left: 10px;
    height: 1px;
    width: 1px;
    z-index: -1;
    transform-origin: center;
    border: 15px solid transparent;
    border-top-color: var(--c-white);
  }
  .contact-us-div{
    min-width: 100%;
    background-color: var(--c-white);
    position: absolute;
    display: none;
    flex-direction: column;
    bottom: 45px;
    left: 35px;
    padding: 5px 10px;
    border-radius: 5px;
    z-index: 4;
    box-shadow: 0 5px 10px rgb(0,0,0,.4);
    border: 2px solid var(--c-light);
  }
  .contact-us-div a{
    font-size: .8rem;
    padding: 5px;
    color: var(--c-black);
    white-space: nowrap;
    font-weight: bold;
    border-bottom: 1px solid var(--c-light);
  }
  .contact-us-div a:last-child{
    border-bottom: 0;
  }
  .contact-us-div a span{
    width: 10px;
    height: 10px;
    border-radius: 5px;
    display: inline-block;
    margin: 0;
  }
  .contact-us-div.active{
    display: flex;
  }
  .mobile-fixed-footer .contact-us-btn.arr.active{
    transform: rotate(270deg);
    transition: transform 0.2s;
  }
/*End Fixed Footer*/
/* Product Listing */
  .product-listing--block .line{
    width: calc(100% + 15px);
    display: flex;
    flex-wrap: wrap;
  }
  .product-listing--block .line.inline-2 .product{
    width: calc(50% - 15px);
  }
  .product-listing--block .line.inline-3 .product{
    width: calc(33.3334% - 15px);
  }
  .product-listing--block .line.inline-4 .product{
    width: calc(25% - 15px);
  }
  .product-listing--block .line.inline-5 .product{
    width: calc(20% - 15px);
  }
  .product-listing--block .line .product{
    margin: 0 15px 15px 0;
    width: calc(100% - 15px);
  }
  .product-listing--block.type-1 .product:hover{
    box-shadow: 0 0 5px rgba(0,0,0,.15);
  }
  .product-listing--block.type-1 .product:hover .info .atc{
    opacity: 1;
    pointer-events: all;
  }
  .product-listing--block.type-1 .product {
    position: relative;
    background-color: #fff;
    padding: 30px 15px 15px;
    transition: .3s all;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0 0 5px rgba(0,0,0,.05);
  }

  .product-listing--block.type-1 .product .top-line {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;
    font-size: 0.8rem;
    font-weight: bold;
    color: #fff;
    background-color: #ee353d;
    padding: 3px 15px;
  }

  .product-listing--block.type-1 .product .image {
    position: relative;
    width: 100%;
    display: inline-block;
    margin-bottom: 5px;
  }

  .product-listing--block.type-1 .product .image img {
    width: 80%;
    display: block;
    margin: auto;
  }

  .product-listing--block.type-1 .product .info {
    text-align: center;
  }

  .product-listing--block.type-1 .product .info h3 {
    font-size: .8rem;
    color: var(--c-blue);
    margin: 0;
    min-height: 45px;
    position: relative;
    overflow: hidden;
    margin-bottom: 5px;
  }

  .product-listing--block.type-1 .product .info .manufacture {
    text-transform: capitalize;
    font-weight: bold;
    color: var(--c-black);
    font-size: 0.7rem;
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
  }
  .product-listing--block.type-1 .product .info .numbers {
    color: #939393;
    font-size: 0.65rem;
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
  }
  .product-listing--block.type-1 .product .stock{
    display: flex;
    white-space: nowrap;
    align-items: center;
    justify-content: center;
    margin-bottom: 5px;
    font-size: 0.8rem;
  }
  .product-listing--block.type-1 .product .stock i{
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-right: 3px;
    background-size: contain;
  }
  .product-listing--block.type-1 .product .info .price-line {
    display: flex;
    justify-content: center;
    align-items: baseline;
    font-weight: bold;
    color: #6a6975;
  }

  .product-listing--block.type-1 .product .info .price-line .old {
    font-size: 0.8rem;
    text-decoration: line-through;
  }

  .product-listing--block.type-1 .product .info .price-line .current {
    font-size: 1.3rem;
    font-weight: bold;
    color: var(--c-black);
    margin: 0 5px;
  }

  .product-listing--block.type-1 .product .info .price-line .unit {
    font-size: 0.8rem;
  }

  .product-listing--block.type-1 .product .buttons-line a {
    transition: .3s all;
    border-radius: 2px;
    width: 48%;
    text-align: center;
    padding: 8px 0;
    font-size: .8rem;
    font-weight: bold;
    display: inline-block;
    color: #fff;
  }

  .product-listing--block.type-1 .product .buttons-line .view-details {
    background-color: #191919;
  }

  .product-listing--block.type-1 .product .info .atc {
    background-color: var(--c-blue);
  }

  .product-listing--block.type-1 .product .info .atc {
    display: inline-block;
    background-color: var(--c-blue);
    color: #fff;
    width: 100%;
    padding: 10px 0;
    font-size: .8rem;
    border-radius: 3px;
    font-weight: bold;
    pointer-events: none;
    opacity: 0;
  }

  .product-listing--block.type-1 .ss-default-btn {
    padding: 15px 30px;
    font-size: 1rem;
    font-weight: 400;
    border-radius: 5px;
  }
/* End Product Listing */
/*Storefront*/
  body {
    font-weight: 400;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    line-height: 1.25;
    font-family: 'IBM Plex Sans';
    color: var(--c-black);
  }

  a {
    cursor: pointer;
  }

  a:focus, a:hover, a:active, h4:focus, button:focus, input:focus, textarea:focus {
    outline: 0;
  }

  ol,
  ul {
    padding: 0;
    margin: 0;
  }

  p {
    line-height: 1.4;
    margin-bottom: 0;
  }

  .f-italic {
    font-family: 'BookmanJFPro', serif;
    font-style: italic;
  }

  .column-half {
    width: 50%;
  }

  .column-one-three {
    width: 33.33%;
  }

  .column-two-three {
    width: 66.66%;
  }

  section {
    padding: 45px 0;
  }

  .scrollbar-0 {
    overflow-x: auto;
  }

  .scrollbar-0::-webkit-scrollbar {
    height: 0px;
  }

  .scrollbar-1 {
    overflow-x: scroll;
  }

  .scrollbar-1::-webkit-scrollbar {
    height: 6px;
    border-radius: 3px;
  }

  .scrollbar-1::-webkit-scrollbar-track {
    background: #eeeeee;
    border-radius: 3px;
  }

  .scrollbar-1::-webkit-scrollbar-thumb, .scrollbar-1:hover::-webkit-scrollbar-thumb {
    background: var(--c-blue);
  }
  .no-carousel-navigation .owl-dots,
  .no-carousel-navigation .owl-nav{
    display: none !important;
  }
  .carousel-navigation-1 .owl-dots {
    position: absolute;
    bottom: -2px;
    left: 50%;
    transform: translate(-50%, 0);
    display: flex;
    justify-content: center;
  }

  .carousel-navigation-1 .owl-dots button span {
    height: 2px;
    background-color: #7a7a7a;
    width: 35px;
    display: inline-block;
    margin: 0 4px;
    transition: .2s all;
  }

  .carousel-navigation-1 .owl-dots button.active span {
    height: 3px;
    width: 50px;
    background-color: var(--c-black);
  }

  .carousel-navigation-1 .owl-nav button {
    background: 0 !important;
    width: auto;
    height: auto;
    color: var(--c-black) !important;
  }

  .carousel-navigation-1 .owl-nav {
    position: absolute;
    width: 140px;
    bottom: -2px;
    left: 50%;
    transform: translate(-48%, 0);
    z-index: 0;
  }

  .carousel-navigation-1 .owl-nav .owl-prev {
    float: left;
  }

  .carousel-navigation-1 .owl-nav .owl-next {
    float: right;
  }

  .carousel-navigation-1 .owl-nav button {
    display: inline-block;
    width: 15px;
    height: 15px;
  }

  .carousel-navigation-1 .owl-nav button svg {
    fill: var(--c-black);
    width: 100%;
  }

  .carousel-navigation-2 {
    width: calc(100% - 100px);
    margin-left: auto;
    margin-right: auto;
  }

  .carousel-navigation-2 .owl-dots {
    display: none !important;
  }

  .carousel-navigation-2 .owl-nav {
    position: absolute;
    width: calc(100% + 100px);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
    display: block !important;
  }

  .carousel-navigation-2 .owl-nav .owl-prev {
    float: left;
  }

  .carousel-navigation-2 .owl-nav .owl-next {
    float: right;
  }

  .carousel-navigation-2 .owl-nav button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    padding: 0;
    background-color: var(--c-black) !important;
    border-radius: 20px !important;
  }

  .carousel-navigation-2 .owl-nav button svg {
    background-color: transparent !important;
    fill: #fff !important;
    width: 17px;
    height: 17px;
  }

  .ss-page-content {
    font-size: 15px;
  }

  .ttl-line {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
    text-align: center;
  }

  .ttl-line h2 {
    margin: 0;
    font-weight: bold;
    font-size: 1.7rem;
  }

  .ttl-line p {
    font-weight: 100;
    font-size: .9rem;
    margin: 0;
  }

  .ttl-line.ttl-small {
    margin-bottom: 15px;
    text-align: left;
  }

  .ttl-line.ttl-small h2 {
    font-size: 1.2rem;
    margin-bottom: 0;
  }

  .ttl-type-2 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    text-align: left;
    width: 100%;
  }

  .ttl-type-2 .ss-default-btn {
    padding: 7px 20px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    white-space: nowrap;
  }

  .ttl-line .ttl-search input {
    border: 0;
    border-radius: 5px;
    padding: 0px 30px 0 15px;
    font-size: 16px;
    background: url(/img/miva/svg/search.svg) 0% 0% no-repeat;
    background-color: #f2f2f2;
    background-size: 15px 15px;
    background-position: 95% 50%;
    height: 35px;
    width: 250px;
  }
  .ttl-line .ttl-search.not-found input {
    border: 1px solid var(--c-red);
  }
  .ttl-line .ttl-search button{
    display: none;
  }


  .select-car--block {
    background-size: 100% 100%;
    background-size: cover;
    background-position: center;
    background-image: url(/img/miva/storefront/road.jpg);
    background-color: #ddd;
  }

  .select-car--block .car-line {
    display: flex;
    justify-content: space-between;
  }

  .select-car--block .car-line a:hover {
    color: #fff;
  }

  .select-car--block .car-line a:hover img {
    transform: scale(1.05);
  }

  .select-car--block .car-line a {
    display: inline-block;
    width: calc(11.1% - 5px);
    color: #fff;
  }

  .select-car--block .car-line a img {
    width: 100%;
    display: block;
    transition: .2s all;
  }

  .select-car--block .car-line a p {
    font-size: .7rem;
    text-align: center;
    white-space: nowrap;
  }

  .select-car--block .car-line a p span {
    font-weight: bold;
  }

  .atricles-slider--block {
    color: #fff;
  }

  .atricles-slider--block .owl-carousel {
    padding-bottom: 45px;
    margin-left: auto;
    margin-right: auto;
  }

  /*.atricles-slider--block .item:before {
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
  }*/

  .atricles-slider--block .item:hover img {
    filter: grayscale(0%);
  }

  .atricles-slider--block .item {
    width: 100%;
    text-align: center;
    padding: 50% 0;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .atricles-slider--block .item img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    /*filter: grayscale(80%);*/
    transition: .3s all;
  }

  .atricles-slider--block .item h3 {
    position: relative;
    z-index: 2;
    display: block;
    margin: 0;
    font-size: 1.1rem;
    text-shadow: 0 0 5px var(--c-black);
    padding-bottom: 25%;
  }

  .atricles-slider--block .item .content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
    display: block;
    margin: 0 auto;
    width: 85%;
  }

  .atricles-slider--block .item .content p {
    font-weight: 100;
    font-size: 0.9rem;
    margin-bottom: 10px;
    text-shadow: 0 0 5px var(--c-black);
  }


  .popularCategories {
    position: relative;
    z-index: 2;
  }

  .popularCategories .line {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .popularCategories .line .image, .popularCategories .line .info {
    width: 50%;
  }

  .popularCategories .line .image img {
    width: 85%;
    display: block;
    margin: 0;
    margin-left: auto;
    height: auto;
  }

  .popularCategories .line .info p {
    font-size: .8rem;
    margin-bottom: 5px;
  }

  .popularCategories .line .info p span {
    font-size: 0.9rem;
    opacity: 0.8;
  }

  .popularCategories .line .info .select-car {
    float: right;
    width: 170px;
  }

  .popularCategories .line .info .select-car span {
    opacity: 1;
    font-size: .9rem;
  }

  .popularCategories .line .info .select-car .sender-block--title {
    padding: 9px 15px;
    background-color: var(--c-blue);
    border: 0;
    color: #fff;
    border-radius: 5px;
    justify-content: center;
  }

  .popularCategories .line .info .select-car .sender-block--title svg {
    background-color: #fff;
    fill: var(--c-blue);
    width: 13px;
    height: 13px;
  }


  .popularCategories .line-categoryes {
    overflow-x: auto;
    padding: 5px 0;
    align-items: stretch;
    justify-content: start;
  }

  .popularCategories .line-categoryes::-webkit-scrollbar {
    height: 8px;
    border-radius: 3px;
  }

  .popularCategories .line-categoryes::-webkit-scrollbar-track {
    background: #eeeeee;
    border-radius: 3px;
  }

  .popularCategories .line-categoryes::-webkit-scrollbar-thumb, .popularCategories .line-categoryes:hover::-webkit-scrollbar-thumb {
    background: var(--c-blue);
  }
  .popularCategories .line-categoryes a:nth-child(6n + 6){
    margin-right: 0;
  }
  .popularCategories .line-categoryes a {
    background-color: var(--c-blue);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    color: #fff;
    width: 100%;
    flex-wrap: wrap;
    padding: 14px 7px;
    margin-right: 10px;
    align-items: center;
    position: relative;
    transition: .3s all;
    text-decoration: none !important;
    line-height: 1.2;
  }

  .popularCategories .line-categoryes a:last-child {
    margin-right: 0;
  }

  .popularCategories .line-categoryes a:hover {
    background-color: #0086dc;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    color: #fff !important;
    text-decoration: none !important;
  }

  .popularCategories .line-categoryes a .name {
    font-size: .9rem;
    display: block;
    overflow: hidden;
    min-height: 20px;
    font-weight: bold;
    width: 90%;
    margin-bottom: 2px;
  }

  .popularCategories .line-categoryes a .desc {
    font-size: .75rem;
    width: 85%;
    font-weight: 100;
    opacity: 0.9;
    display: block;
  }

  .popularCategories .line-categoryes a img {
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translate(0, -50%);
    width: 20px;
    height: auto;
  }
  .recomender-parts--carousel{
    position: relative;
  }
  .recomender-parts--carousel .owl-carousel {
    margin-bottom: 40px;
  }

  .recomender-parts--carousel .product {
    width: 100%;
    position: relative;
    background-color: #fff;
    padding: 30px 15px 15px;
    transition: .3s all;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
  }
  .recomender-parts--carousel .product .numbers{
    font-size: 0.8rem;
    margin: 0;
  }

  .recomender-parts--carousel .product .top-line {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;
    font-size: 0.8rem;
    font-weight: bold;
    color: #fff;
    background-color: #ee353d;
    padding: 3px 15px;
  }

  .recomender-parts--carousel .product .image {
    position: relative;
    width: 100%;
    padding: 45% 0;
    display: inline-block;
    margin-bottom: 5px;
    overflow: hidden;
  }

  .recomender-parts--carousel .product .image img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    object-fit: contain;
    width: 100%;
    height: 100%;
  }

  .recomender-parts--carousel .product .info {
    text-align: center;
  }

  .recomender-parts--carousel .product .info h3 {
    font-size: .8rem;
    color: var(--c-blue);
    margin: 0;
    height: 45px;
    position: relative;
    overflow: hidden;
    margin-bottom: 5px;
  }
  .recomender-parts--carousel .product .info h3 b{
    font-weight: inherit;
  }

  .recomender-parts--carousel .product .info .price-line {
    display: flex;
    justify-content: center;
    align-items: baseline;
    font-weight: bold;
    color: #6a6975;
  }
  .recomender-parts--carousel .product .stock{
    display: flex;
    white-space: nowrap;
    align-items: center;
    justify-content: center;
    margin-bottom: 5px;
    font-size: 0.8rem;
  }
  .recomender-parts--carousel .product .stock i{
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-right: 3px;
    background-size: contain;
  }

  .recomender-parts--carousel .product .info .price-line .old {
    font-size: 0.8rem;
    text-decoration: line-through;
  }

  .recomender-parts--carousel .product .info .price-line .current {
    font-size: 1.3rem;
    font-weight: bold;
    color: var(--c-black);
    margin: 0 5px;
  }

  .recomender-parts--carousel .product .info .price-line .unit {
    font-size: 0.8rem;
  }

  .recomender-parts--carousel .product .info .atc {
    display: inline-block;
    background-color: var(--c-blue);
    color: #fff;
    padding: 8px 30px;
    font-size: .8rem;
    border-radius: 3px;
    font-weight: bold;
    border: 0;
  }

  .recomender-parts--carousel .ss-default-btn {
    padding: 12px 25px;
    font-size: .9rem;
  }

  .calltoaction--block {
    padding: 55px 0;
    background-size: cover;
    background-image: url(/img/miva/storefront/cta-bg.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-color: #ddd;
  }

  .calltoaction--block .line {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
  }

  .calltoaction--block .line .half {
    width: 50%;
    color: #fff;
  }

  .calltoaction--block .line .half p {
    font-size: .8rem;
    opacity: 0.9;
    font-weight: 100;
  }

  .calltoaction--block .line .half .ss-btn-group {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 15px;
  }

  .calltoaction--block .line .half .ss-btn-group .ss-default-btn {
    min-width: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 5px;
    padding: 8px 30px;
    font-size: 0.9rem;
  }

  .calltoaction--block .line .half .ss-btn-group .ss-default-btn span {
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-left: 5px;
    border-radius: 10px;
  }

  .aboutstore--block {
    background-image: url(/img/miva/storefront/aboutstore.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100vw;
  }

  .aboutstore--block .ttl-line p {
    width: 75%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .aboutstore--block .item {
    background-color: #fff;

  }

  .aboutstore--block .item img {
    width: 100%;
    height: auto;
    cursor: pointer;
  }
  .aboutstore--block .icon-container{
    width: 110px;
    height: 110px;
    border-radius: 55px;
    background: #262322;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-top: 5px;
    margin-bottom: 5px;
    transition: all 0.3s;
  }
  .aboutstore--block .icon-container:hover{
    width: 120px;
    height: 120px;
    border-radius: 60px;
    margin-top: 0px;
    margin-bottom: 0px;
    transition: all 0.3s;
  }
  .aboutstore--block .icon-container svg{
    width: 60%;
  }
  .aboutstore--block .info {
    width: 100%;
    color: var(--c-black);
    text-align: center;
    padding: 15px 20px;
  }

  .aboutstore--block .info .ss-default-btn {
    margin-top: 5px;
    font-size: 0.7rem;
    padding: 5px 20px;
    background-color: var(--c-blue);
    color: var(--c-white);
    display: inline-block;
  }

  .atricles-grid--block {
    background-color: #ddd;
    background-image: url(/img/miva/storefront/atricles-grid.jpg);
    background-size: cover;
  }

  .atricles-grid--block .article-grid {
    display: flex;
    align-items: stretch;
  }

  .atricles-grid--block .article-grid .acticle {
    width: 100%;
    background-color: var(--c-black);
    background-size: cover;
    overflow: hidden;
    border-radius: 10px;
    margin: 0 5px 5px 0;
    color: #fff;
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
    align-items: baseline;
    min-height: 120px;
    position: relative;
  }
  .atricles-grid--block .article-grid .acticle:before{
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.6);
    position: absolute;
    top: 0;
    left: 0;
  }
  .atricles-grid--block .article-grid .acticle .tags {
    display: flex;
    align-items: flex-start;
    margin-bottom: 5px;
  }

  .atricles-grid--block .article-grid .acticle .tags img {
    width: 12px;
    display: inline-block;
    margin-right: 5px;
  }

  .atricles-grid--block .article-grid .acticle .tags p {
    margin: 0;
    padding: 0;
    font-size: .6rem;
    opacity: 0.8;
  }

  .atricles-grid--block .article-grid .acticle h3 {
    font-weight: bold;
    margin-bottom: 0;
    font-size: 1rem;
  }
.atricles-grid--block .article-grid .acticle .content{
  z-index: 1;
}
  .atricles-grid--block .article-grid .acticle .ss-default-btn {
    padding: 3px 15px;
    color: var(--c-black);
    background-color: var(--c-yellow);
    z-index: 1;
  }

  .atricles-grid--block .article-grid .small-atricle {
    margin-right: 0;
    padding: 5px;
  }

  .atricles-grid--block .article-grid .small-atricle .tags {
    margin-bottom: 2px;
  }

  .atricles-grid--block .article-grid .small-atricle h3 {
    font-size: .8rem;
    max-height: 2.2rem;
    overflow: hidden;
  }
 
  .atricles-grid--block .article-grid .column-half {
    display: flex;
  }

  .customers-story--block .line {
    width: 100%;
  }

  .customers-story--block .line .images {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
  }

  .customers-story--block .line .images a,
  .customers-story--block .line .images .image {
    width: calc(20% - 10px);
    position: relative;
    height: 220px;
    overflow: hidden;
  }

  .customers-story--block .line .images img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    height: 100%;
    width: 100%;
    object-fit: cover;
  }

  .subscribeform--block .line {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto 10px auto;
  }

  .subscribeform--block .line .image {
    width: 20%;
  }

  .subscribeform--block .line .image img {
    width: 100%;
  }

  .subscribeform--block .line .info {
    width: calc(80% - 10px);
  }

  .subscribeform--block .line form {
    width: calc(80% - 10px);
    margin-top: -15px;
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .subscribeform--block .line form .form-content {
    width: 85%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
  }

  .subscribeform--block .line form .form-content .sender-block {
    width: 20%;
  }

  .subscribeform--block .line form .form-content .sender-block .sender-block--title {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
    padding: 6px 0;
    border: 0;
    color: var(--c-black);
    border-radius: 3px;
    justify-content: center;
    margin-bottom: 0;
    background-color: #fff;
    font-size: .8rem;
  }

  .subscribeform--block .line form .form-content input {
    width: calc(60% - 10px);
    padding: 0 10px;
    background-color: #fff;
    border: 0;
    border-radius: 2px;
  }

  .subscribeform--block .line form .form-content button {
    cursor: pointer;
    width: 20%;
    display: flex;
    line-height: 1.5;
    font-size: 0.8rem;
    font-weight: bold;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    background-color: var(--c-yellow);
    border-radius: 3px;
    border: 0;
  }

  .subscribeform--block .line form .form-content button img {
    display: inline-block;
    margin-left: 3px;
    width: 13px;
    border: 0;
    font-weight: bold;
  }

  .subscribeform--block .line form .social-list {
    width: calc(15% - 15px);
    display: flex;
    align-items: center;
  }

  .subscribeform--block .line form .social-list a {
    display: inline-block;
    width: calc(33.334% - 0.5rem);
    margin-right: 0.5rem;
  }

  .subscribeform--block .line form .social-list a img {
    max-width: 25px;
    width: 100%;
    display: block;
    margin: auto;
  }

  footer .prefooter {
    padding: 25px 0;
    background-color: var(--c-black);
    background-image: url(/img/miva/prefooter-bg.png);
    background-size: cover;
    color: #fff;
    text-align: center;
  }

  footer .prefooter .logo-line {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
  }

  footer .prefooter .logo-line img {
    width: 150px;
    height: auto;
    display: inline-block;
  }

  footer .prefooter .logo-line p {
    text-align: left;
    padding: 5px 0 5px 15px;
    margin-left: 15px;
    border-left: 1px solid #ddd;
    font-size: 1rem;
  }

  footer .prefooter .phone-line {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
  }

  footer .prefooter .phone-line a {
    font-size: 0.9rem;
    line-height: 1;
    display: flex;
    align-items: center;
    color: #fff;
    margin: 0 5px;
  }

  footer .prefooter .phone-line a img {
    width: 13px;
    display: inline-block;
    margin-right: 3px;
  }

  footer .prefooter .ss-default-btn {
    background-color: var(--c-yellow);
    display: flex;
    width: 170px;
    margin: 0 auto 10px auto;
    align-items: center;
    justify-content: space-between;
    padding: 8px 30px;
    line-height: 1;
    border-radius: 20px;
    font-size: .9rem;
    line-height: 1.3;
    color: var(--c-black);
  }

  footer .prefooter .ss-default-btn span {
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 6px;
  }

  footer .main-footer {
    padding: 20px 0;
    background-color: #fff;
  }

  footer .main-footer .menu-lines {
    width: 80%;
    margin: auto;
    display: flex;
    align-items: flex-start;
  }

  footer .main-footer .menu-lines ul {
    margin: 0;
    padding: 0;
    width: 25%;
  }

  footer .main-footer .menu-lines ul li:first-child {
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 15px;
  }

  footer .main-footer .menu-lines ul li:last-child {
    margin-bottom: 0;
  }

  footer .main-footer .menu-lines ul li:hover a {
    color: var(--c-black);
  }

  footer .main-footer .menu-lines ul li {
    font-weight: 100;
    list-style-type: none;
    font-size: .9rem;
    margin: 0;
    margin-bottom: 5px;
    color: var(--c-black);
    width: 100%;
  }

  footer .main-footer .menu-lines ul li a {
    width: 100%;
    color: var(--c-black);
    transition: .3s all;
  }

  footer .after-footer {
    background-color: #0e0e0e;
    padding: 10px;
    font-size: 0.65rem;
  }

  footer .after-footer .line {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  footer .after-footer .line .payment-method {
    display: flex;
    align-items: center;
  }

  footer .after-footer .line .scrolltop {
    line-height: 1;
    border-left: 1px solid #f7f7f7;
    display: flex;
    align-items: center;
  }

  footer .after-footer .line img {
    height: 15px;
    margin-right: 4px;
  }

  footer .after-footer .line p {
    color: #fff;
    margin: 0;
  }

  footer .after-footer .line a {
    color: #fff;
  }

/*Other*/
  [data-info]{
    cursor: help;
  }
  [data-success],[data-error]{
    cursor: pointer;
  }
  .chat-status{
    border: 1px solid #fb3640;
    background-color: #fb3640;
  }
  .chat-online{
    border: 1px solid #82be82;
    background-color: #3c3;
  }
  .yellow-line{
    background-image: url(/img/miva/svg/line-yellow.svg);
      background-position: bottom left;
      background-repeat: no-repeat;
      background-size: 140px;
      padding-bottom: 10px;
  }
  .form-group{
    position: relative;
  }

  .nochange{
    cursor: no-drop !important;
  }
  .nochange *{
    user-select: none !important;
    pointer-events: none !important;
  }
  .pe-n{
    pointer-events: none;
  }
/*End Other*/
/*Common*/
  #js-garagelbl{
    text-transform: capitalize;
  }
  .iz3s [data-toggle]{
    cursor: pointer;
    padding: 70px 0;
  }
  .shopperapproved_widget{
    overflow: hidden !important;
  }
  .iz3s [data-toggle]:hover h3{
    color: #ff9000;
  }

  .mm-listview .has-child-menu ul{
    display: none;
  }
  .mm-listview .has-child-menu ul.active{
    display: block;
  }
  .grayscale{
    filter: grayscale(0.5);
    pointer-events: none;
    user-select: none;
  }
  .blur{
    filter: blur(2px);
    pointer-events: none;
    user-select: none;
  }
  .grayscale-blur{
    filter: blur(2px) grayscale(0.5);
    pointer-events: none;
    user-select: none;
  }
  .overlay{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    background-color: rgba(0,0,0,.3);
    z-index: 12;
    width: 100%;
    height: 100vh;
  }
  .overlay-section{
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.4);
    z-index: 3;
    width: 100%;
    height: 100%;
  }
  .btn-bluesel em{
    text-transform: capitalize;
  }
  #wgarage li{
    position: relative;
  }
  #wgarage li .garage-popup{
    top: calc(100% + 1px);
    position: absolute;
    text-align: center;
      width: 100%;
      z-index: 1;
      background-color: #fff;
      height: 100px;
      box-shadow: 0 0 5px rgb(0 0 0 / 10%);
      padding: 10px;
      border-radius: 5px;
  }
  #wgarage li .garage-popup h4{
    font-size: 13px;
    display: block;
  }
  #wgarage li .garage-popup .input-btn-group{
    display: flex;
    justify-content: center;
    width: 100%;
  }
  #wgarage li .garage-popup .input-btn-group button{
    font-size: 12px;
    margin: 0 3px;
    display: inline-block;
    text-align: center;
    padding: 3px 10px;
    color: #191919;
    font-weight: bold;
    border-radius: 3px;
    border: 1px solid #ddd;
    text-transform: capitalize;
  }
  .ss-listIcons {
    display: inline-block;
    width: 100%;
  }

  .ss-listIcons .item {
    display: flex;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 5px;
  }

  .ss-listIcons .item img {
    width: 25px;
    display: inline-block;
    margin-right: 5px;
  }

  .form.product-attributes--block{
    margin-bottom: 15px;
  }
  .product-attribute--line:last-child{
    margin-bottom: 0;
  }
  .product-attribute--line{
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    width: 100%;
    font-size: 1rem;
    padding: 10px 20px;
    background-color: var(--c-light);
  }
  .product-attribute--line label{
    font-weight: bold;
    max-width: 30%;
    padding-right: 5px;
  }
  .product-attribute--line select,
  .product-attribute--line input[type=text]{
    width: 100%;
    max-width: 70%;
    height: 40px;
    padding: 0 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
  }

  .product-attribute--line.radio-attribute{
    flex-wrap: wrap;
  }
  .attribute_title{
    width: 100%;
    margin-bottom: 10px;
    font-size: 1.1ren;
    padding: 0;
  }
  .product-attribute--line.radio-attribute label{
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: 5px;
  }
  .product-attribute--line.radio-attribute .radio_option{
    width: auto;
    min-width: calc(16.667% - .5rem);
    margin: 0;
    margin-right: 0.5rem;
    margin-top: 0.5rem;
    font-size: 0.8rem;
    font-weight: 400;
    text-align: center;
  }
  .product-attribute--line.radio-attribute .radio_option span{
    display: inline-block;
    width: 100%;
    padding: .25rem .75rem;
    border: 1px solid #444;
    border-radius: 5px;
  }
  .product-attribute--line.radio-attribute .radio_option input:checked + span{
    background-color: #f1d302;
    border-color: #f1d302;
    font-weight: bold;
  }
  .product-attribute--line.radio-attribute input{
    display: none;
  }

  .form {
    width: 100%;
    display: inline-block;
    margin: 0;
  }

  .form label{
    cursor: pointer;
    text-align: left;
    position: relative;
  }

  .form label.disabled{
    opacity: 0.6;
  }
  .form .invalid-field input,
  .form .invalid-field select,
  .form .invalid-field textarea,
  .form .invalid-field .toggle-btn{
    border-color: #FB3640 !important;
  }
  .form .form-status{
    font-size: 0.6rem;
    position: absolute;
    bottom: -13px;
    right: 5px;
  }

  .form.form_labled .form-label{
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translate(0,-50%);
    z-index: 1;
    font-size: 1rem;
    transition: .2s all;
  }

  .form.form_labled input{
    padding-top: 15px !important;
    height: 100%;
  }
  .form.form_labled select{
    padding-top: 18px !important;
  }
  .form.form_labled select + .form-label,
  .form.form_labled input:focus + .form-label,
  .form.form_labled .form-label--active .form-label{
    font-size: 0.7rem;
    opacity: 0.7;
    top: 5px;
    transform: translate(0);
  }

  .form .form-line:last-child {
    margin-bottom: 0;
  }

  .form .form-line {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 10px;
  }
  .form .form-line .item-full {
    width: 100%;
  }
  .form .form-line .item-0 {
    width: calc(75% - 5px);
  }
  .form .form-line .item-1 {
    width: calc(66.66% - 5px);
  }

  .form .form-line .item-2 {
    width: calc(50% - 5px);
  }

  .form .form-line .item-3 {
    width: calc(33.33% - 5px);
  }

  .form .form-line .item-4 {
    width: calc(25% - 5px);
  }

  .form .form-line .item-5 {
    width: calc(20% - 5px);
  }

  .form .form-line .item-6 {
    width: calc(40% - 5px);
  }
  .form .form-line #dm_subscribe{
    align-self: start;
    margin-top: -4px;
  }
  .form .form-line .toggle-btn.active {
    background-color: var(--c-yellow);
    border-color: var(--c-yellow);
    color: #fff;
    cursor: pointer;
  }

  .form .form-line .toggle-btn:hover {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  }

  .form .form-line .toggle-btn {
    transition: .3s all;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
  }
  .form .form-line.invalid label,
  .form label.invalid .form-label{
    color: #fb3640;
    font-weight: bold;
  }
  .form .form-line .toggle-btn input {
    display: none;
  }

  .form .form-line .image-drop.no-image {
    background-image: url(/img/miva/no-image--white.png);
    background-color: #777777;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
  }

  .form .form-line .image-drop {
    width: 100%;
    cursor: pointer;
    background-color: #dadada;
    display: flex;
    justify-content: center;
    min-height: 150px;
    background-size: cover;
    background-position: center;
    position: relative;
    margin-bottom: 10px;
  }

  .form .form-line .image-drop .max_size{
    font-size: 0.7rem;
    color: var(--c-black);
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1;
  }

  .form .form-line .image-drop span {
    font-size: 0.9rem;
    color: #fff;
    position: absolute;
    bottom: 10%;
    left: 50%;
    padding: 5px 10px;
    background-color: rgba(0,0,0,.15);
    border-radius: 3px;
    transform: translate(-50%, 0);
    z-index: 1;
  }

  .form .form-line .image-drop input {
    display: none;
  }
  .form .form-line .image-drop img{
    width: 100%;
  }

  .form .form-line label.checkbox{
    display: flex;
    align-items: center;
    margin-top: 0;
    padding-left: 0;
    font-size: 0.9rem;
  }

  .form .form-line label.checkbox em{
    display: inline-block;
    width: 100%;
    font-size: 0.8em;
  }

  .form .form-line label.checkbox input{
    width: 15px;
    margin-right: 5px;
    display: inline-block;
    opacity: 1;
    position: relative;
    top: -1px;
    height: auto;
    min-height: 25px;
  }

  .form .form-line label {
    font-size: 1rem;
    display: inline-block;
    width: 100%;
    margin-bottom: 2px;
  }

  .form .form-line label i {
    color: var(--c-red);
    font-style: normal;
  }

  .form .form-line textarea {
    min-height: 100px;
    resize: none;
  }

  .form .form-line input,
  .form .form-line select,
  .form .form-line textarea,
  .form .form-line .toggle-btn {
    width: 100%;
    padding: 5px 10px;
    border: 1px solid #ddd;
    background-color: #fff;
    border-radius: 3px;
    color: var(--c-black);
    font-size: 16px;
    height: 45px;
  }

  .form .form-line input[type=password] {
    padding-right: 25px;
  }

  .form .form-line .input-icon {
    z-index: 1;
    cursor: pointer;
    position: absolute;
    bottom: 10px;
    right: 10px;
    transition: .3s all;
    width: 25px;
    height: 25px;
    background-color: transparent;
  }

  .form .form-line .input-icon.active[data-icon="password"]:before {
    opacity: 1;
  }

  .form .form-line .input-icon[data-icon="password"]:before {
    content: '';
    background-image: url(/img/miva/svg/eye.svg);
    background-size: 15px;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.5;
  }

  .form .form-line .input-icon[data-icon="info"] {
    background-image: url(/img/miva/svg/question.svg);
    background-size: 15px;
    background-position: center;
    background-repeat: no-repeat;
  }

  .form .form-line .input-icon[data-icon="info"]:before,
  .form .form-line .input-icon[data-icon="info"]:after {
    z-index: 1;
    position: absolute;
    transition: .3s all;
    background-color: var(--c-yellow);
    top: 50%;
    color: var(--c-black);
    font-size: 0.7rem;
    display: none;
  }

  .form .form-line .input-icon[data-icon="info"]:hover:before,
  .form .form-line .input-icon[data-icon="info"]:hover:after {
    display: block !important;
  }

  .form .form-line .input-icon[data-icon="info"]:before {
    content: attr(data-hint);
    right: 101%;
    transform: translate(0, -50%);
    padding: 5px;
    border-radius: 2px;
    white-space: nowrap;
    box-shadow: 0 0 5px rgba(0,0,0,.15);
  }

  .form .form-line .input-icon[data-icon="info"]:after {
    content: '';
    width: 5px;
    height: 5px;
    right: 100%;
    transform: translate(0, -50%) rotate(45deg);
  }

  .form .form-line .sender-block {
    font-size: 1rem;
  }
  .form.form_labled .form-line .sender-block .sender-block--title{
    padding-top: 14px;
    margin-bottom: 0;
    height: 45px;
    overflow: hidden;
  }
  .form.form_labled .form-line .sender-block .sender-block--title span{
    font-size: 16px;
    color: var(--c-black);
  }
  .form .form-line .sender-block .sender-block--title {
    padding: 5px 10px;
    border: 1px solid #ddd;
    background-color: #fff;
    height: 45px;
  }

  .form .form-line .sender-block .sender-block--title span {
    font-size: 1rem;
    font-weight: 400;
  }
  .form .form-line .sender-block .sender-block--title svg {
    fill: var(--c-black);
    background-color: transparent;
  }

  .form button {
    width: 100%;
    cursor: pointer;
    font-size: 1rem;
    border: 0;
    font-weight: bold;
    padding: 12px 0;
  }

  .one-form {
    display: block;
    margin: auto;
    width: 30%;
    position: relative;
  }
  .one-form-40{
    width: 40%;
  }
  .padding-lines tbody td{
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .account-table {
    width: 100%;
    font-size: 1rem;
  }
  .account-table tbody tr{
    border-bottom: 5px solid var(--c-light);
  }
  .account-table th{
    font-size: 1.1rem;
    padding: 5px 15px;
    background-color: #fff;
    color: var(--c-black);
  }
  .account-table th,
  .account-table td {
    text-align: center;
  }
  .account-table td{
    padding: 0 10px;
  }

  .account-table th:nth-child(1),
  .account-table td:nth-child(1) {
    text-align: left;
  }

  .account-table p {
    font-weight: bold;
  }

  .account-table tbody {
    background-color: #fff;
    padding: 5px 0;
  }

  .account-table tbody .product-details a {
    color: var(--c-black);
    display: flex;
    align-items: center;
    line-height: 1.2;
  }

  .account-table tbody .product-details a img {
    max-height: 100px;
    max-width: 100px;
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    margin: 10px 0;
  }

  .account-table tbody .product-details a p {
    font-size: 1rem;
    padding-left: 5px;
    margin: 0;
  }

  .account-table tbody .product-details a p span {
    font-size: 0.8rem;
    display: block;
    margin: 0;
    margin-top: 5px;
    font-weight: 400;
  }
  .buildlist-popup--list{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    padding: 5px;
    max-height: 40vh;
    overflow: auto;
  }
  .buildlist-popup--list label{
    width: 100%;
    margin-bottom: 10px;
    cursor: pointer;
  }
  .buildlist-popup--list label.nochange span{
    background-color: var(--c-light);
  }
  .buildlist-popup--list label:hover .buildlist-popup--list_details{
    box-shadow: 0 0 5px rgba(0,0,0,.25);
  }
  .buildlist-popup--list label input{
    display: none !important;

  }
  .buildlist-popup--list label input:checked + .buildlist-popup--list_details{
    background-color: var(--c-yellow);
  }
  .buildlist-popup--list_details{
    padding: 5px 10px;
    transition: .3s all;
    box-shadow: 0 0 5px rgba(0,0,0,.1);
    display: block;
    border-radius: 10px;
    height: 100%;
  }
  .buildlist-popup--list_details .list_details-name{
    width: 100%;
    display: block;
    font-size: 1rem;
    font-weight: bold;
  }
  .buildlist-popup--list_details .list_details-type{
    width: 100%;
    font-size: 0.9rem;
    display: inline-block;
  }

  .buildlist-settings{
    width: 100%;
    display: flex;
    align-items: stretch;
    margin-bottom: 25px;
  }

  .buildlist-settings p:last-child{
    margin-right: 0;
  }
  .buildlist-settings p{
    width: 20%;
    margin-right: 15px;
    background-color: #fff;
    font-size: .9rem;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 5px;
    border-radius: 5px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.05);
  }
  .buildlist-settings p span{
    margin: 0 2px;
    text-transform: capitalize;
  }

  .buildlist-products {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: 10px;
  }

  .buildlist-products .item.nochange:before{
    content: '';
    position: absolute;
    background-color: #f4f4f4;
    opacity: 0.6;
    height: 100%;
    width: 100%;
    z-index: 1;
    top: 0;
    left: 0;
  }

  .buildlist-products .item .item-notification{
    width: 100%;
    position: absolute;
    background-color: #fb3640;
    color: #fff;
    z-index: 1;
    padding: 0;
    font-size: 0.7rem;
    top: 0;
    left: 0;
    padding-left: 20px;
  }

  .buildlist-products .item {
    width: 100%;
    position: relative;
    margin-bottom: 10px;
    padding: 10px 15px;
    background-color: #fff;
    border-radius: 3px;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    justify-content: space-between;
  }

  .buildlist-products .item p {
    margin: 0;
    color: var(--c-black);
    font-size: .9rem;
    font-weight: bold;
  }

  .buildlist-products .item p span {
    font-size: 0.9rem;
    display: block;
    font-weight: 400;
  }
  .buildlist-products .item p span span{
    display: inline-block;
    font-size: 1rem;
  }

  .buildlist-products .item .qty-cell{
    width: 6%;
    text-align: center;
  }

  .buildlist-products .item .qty-cell .qty-box {
    display: inline-block;
    width: 100%;
    margin-top: 5px;
    border: 1px solid #E0E0E0;
    padding: 10px 0;
    border-radius: 3px;
  }

  .buildlist-products .item .details-cell {
    width: 64%;
    padding-left: 10px;
  }

  .buildlist-products .item .details-cell a {
    display: flex;
    align-items: center;
  }

  .buildlist-products .item .details-cell a img {
    height: 90px;
    margin-right: 5px;
  }

  .buildlist-products .item .btns-cell {
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }

  .buildlist-products .item .btns-cell a,
  .buildlist-products .item .btns-cell button {
    padding: 7px 15px;
    font-weight: bold;
    font-size: 0.8rem;
    border-radius: 3px;
    margin-left: 5px;
  }

  .buildlist-totals {
    width: 100%;
    text-align: right;
    font-size: .9rem;
  }

  .buildlist-totals .btn {
    font-size: 0.9rem;
    width: 200px;
    border-radius: 2px;
    font-weight: bold;
    padding: 7px 0;
    text-align: center;
    display: inline-block;
    margin-bottom: 10px;
  }

  .buildlist-totals p {
    margin-bottom: 5px;
  }

  .account-grid {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 10px);
  }

  .account-grid .item.item-bd {
    border: 1px solid #E0E0E0;
  }

  .account-grid .item.item-btn:hover {
    background-color: #E0E0E0;
  }

  .account-grid .item.item-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-color: #fafafa;
    transition: .2s all;
  }

  .account-grid .item.item-large {
    padding: 0px;
    width: calc(50% - 15px);
    margin: 0 15px 15px 0;
  }

  .account-grid .item.item-big {
    padding: 15px;
    width: calc(33.33% - 10px);
    overflow: hidden;
    min-height: 150px;
  }

  .account-grid .item.item-big p {
    margin-bottom: 5px;
  }

  .account-grid .item.item-medium {
    padding: 10px;
    width: calc(16.66% - 10px);
  }

  .account-grid .item.item-small {
    padding: 7px;
    width: calc(8.36% - 10px);
  }

  .account-grid .item.item-small a {
    color: var(--c-black);
    width: 100%;
  }

  .account-grid .item {
    color: var(--c-black);
    background-color: #fff;
    margin: 0 10px 10px 0;
    border-radius: 3px;
    position: relative;
  }
  .account-grid .item .more-details-dots{
    position: absolute;
    z-index: 1;
    top: 15px;
    right: 15px;
    width: 20px;
    height: 20px;
    background-color: #fff;
    background-image: url(/img/miva/svg/more-details-dots--black.svg);
    cursor: pointer;
  }
  .account-grid .item .more-details-dots .more-details-dots--links{
    display: none;
  }
  .account-grid .item .more-details-dots.active .more-details-dots--links{
    position: absolute;
    text-align: left;
    top: calc(100% + 5px);
    right: 0;
    z-index: 2;
    background-color: #fff;
    min-width: 130px;
    display: block;
    padding: 2px;
    box-shadow: 0 2px 5px rgba(0,0,0,.15);
    border-radius: 5px;
    user-select: none;
    overflow: hidden;
  }
  .account-grid .item .more-details-dots.active .more-details-dots--links a:hover{
    opacity: 1;
  }
  .account-grid .item .more-details-dots.active .more-details-dots--links a:last-child{
    border-bottom: 0;
  }
  .account-grid .item .more-details-dots.active .more-details-dots--links a{
    font-size: 0.9rem;
    color: var(--c-black);
    display: block;
    white-space: nowrap;
    border-bottom: 1px solid var(--c-light);
    padding: 5px 10px;
    opacity: 0.7;
    transition: .4s all;
  }
  .customer-account-orders-block,
  .customer-account-orderDetails-block,
  .customer-account--block,
  .customer-account-update--block,
  .customer-account-virtualGarage-block,
  .customer-account-orders-block,
  .customer-account-address,
  .customer-account-buildlists-block{
    min-height: calc(100vh);
  }

  .account-grid .item .flag{
    padding: 0 5px;
    font-size: 0.7rem;
    display: inline-block;
    text-align: center;
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1;
    line-height: 2;
    opacity: 0.8;
    border-radius: 5px;
  }

  .account-grid .item .line {
    display: flex;
    width: 100%;
  }

  .account-grid .item .line .one-four {
    width: calc(33.3334% - 5px);
    margin-right: 5px;
    display: inline-block;
  }

  .account-grid .item .line .one-four p b {
    font-size: 1.5rem;
  }

  .account-grid .item h2 {
    font-size: 1.1rem;
    font-weight: bold;
    margin: 0;
    margin-bottom: 10px;
  }

  .account-grid .item h3 {
    display: flex;
    font-size: 1rem;
    font-weight: bold;
    margin: 0;
    margin-bottom: 5px;
    width: 100%;
    align-items: center;
    justify-content: space-between;
  }

  .account-grid .item h3 img {
    width: 15px;
    display: inline-block;
  }

  .account-grid .item p, .account-grid .item a {
    font-size: 0.8rem;
    margin: 0;
    min-height: 10px;
    display: block;
  }

  .account-grid .item a span {
    width: 100%;
    text-align: center;
    display: block;
    line-height: 1.1;
  }

  .account-grid .item a img {
    display: block;
    width: 30px;
    margin: 0 auto 5px auto;
  }

  .account-grid .item .item-button {
    display: block;
    font-weight: bold;
    font-size: 0.7rem;
    text-align: center;
  }

  .account-grid .item .item-button img {
    display: block;
    margin: 5px auto;
    width: 40px;
  }

  .account-grid .item .btns-line {
    display: flex;
    align-items: stretch;
    justify-content: flex-end;
    margin-top: 5px;
  }

  .account-grid .item .btns-line a {
    padding: 5px 10px;
    font-size: 0.8rem;
    margin-left: 5px;
    bottom: auto;
    right: auto;
    position: relative;
  }

  .account-grid .item .btn {
    position: absolute;
    z-index: 1;
    padding: 5px 15px;
    bottom: 15px;
    right: 15px;
    font-size: 0.9rem;
    border-radius: 2px;
    color: var(--c-black);
  }

  .account-login--block {
    padding: 0;
    min-height: calc(100vh - 100px);
    position: relative;
    background-color: #f4f4f4;
    overflow: hidden;
  }

  .account-login--block .btn {
    width: 100%;
    cursor: pointer;
    font-size: .9rem;
    border: 0;
    font-weight: bold;
    padding: 12px 0;
  }

  .account-login--block .bg {
    position: absolute;
    z-index: 0;
    width: 50%;
    height: 100%;
    background-image: url(/img/miva/account/bg.jpg);
    background-size: cover;
    background-position: center;
  }

  .account-login--block .content {
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 1140px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80%;
    height: 100%;
    margin: auto;
  }

  .account-login--block .content .half {
    width: 350px;
    margin: 0 auto;
  }

  .account-login--block .content .half h3 {
    font-size: 1.5rem;
    margin: 0;
    font-weight: bold;
    margin-bottom: 5px;
  }

  .account-login--block .content .half p {
    font-size: 0.9rem;
    margin: 0;
    margin-bottom: 10px;
  }

  .account-login--block .content .half .ss-listIcons {
    margin: 10px 0;
  }

  .account-login--block .content .half .ss-listIcons .item {
    font-size: 1.1rem;
    margin-bottom: 10px;
    font-weight: bold;
  }

  .account-login--block .content .half .ss-listIcons .item img {
    margin-right: 10px;
  }

  .account-login--block .content .half .ss-listIcons .item span {
    font-size: 0.8rem;
    display: block;
    font-weight: 400;
  }

  .account-signup--block {
    background-color: #f4f4f4;
  }

  .account-signup--block h3 {
    font-size: 1.4rem;
    margin: 0;
    margin-bottom: 5px;
  }

  .account-signup--block p {
    font-size: 1rem;
    margin: 0;
    margin-bottom: 10px;
  }
/*Emd common*/
/*Animation*/
  .shadow-animate--infinite{
    animation: shadow 1s infinite;
  }
  .shadow-animate--yellow{
    animation: shadow-bounce 2s linear;
  }
  @keyframes shadow {
    80% {
      box-shadow: 0 0 8px rgba(241,211,2,0);
    }
    60% {
      box-shadow: 0 0 8px rgba(241,211,2,1);
    }
    40% {
      box-shadow: 0 0 8px rgba(241,211,2,.0);
    }
    20% {
      box-shadow: 0 0 8px rgba(241,211,2,.1);
    }
    0% {
      box-shadow: 0 0 8px rgba(241,211,2,0);
    }
  }
  @keyframes shadow-bounce {
    80% {
      transform: translate(5px,0);
      box-shadow: 0 0 8px rgba(241,211,2,0);
    }
    60% {
      transform: translate(-5px,0);
      box-shadow: 0 0 8px rgba(241,211,2,1);
    }
    40% {
      transform: translate(5px,0);
      box-shadow: 0 0 8px rgba(241,211,2,.0);
    }
    20% {
      transform: translate(-5px,0);
      box-shadow: 0 0 8px rgba(241,211,2,.1);
    }
    0% {
      transform: translate(0,0);
      box-shadow: 0 0 8px rgba(241,211,2,0);
    }
  }
/*End Animation*/
/*Account*/

.customer-account--block {
  background-color: #f4f4f4;
}

.customer-account-update--block {
  background-color: #f4f4f4;
}

.customer-account-update--block .ttl-line {
  margin-bottom: 15px;
}

.customer-account-addEdit--block {
  background-color: #f4f4f4;
}

.customer-account-orders-block {
  background-color: #f4f4f4;
}

.customer-account-orderDetails-block {
  background-color: #f4f4f4;
}

.customer-account-virtualGarage-block {
  min-height: 100vh;
  background-color: #f4f4f4;
}

.customer-account-virtualGarage-block .account-grid .item {
  display: flex;
}

.customer-account-virtualGarage-block .account-grid .item.default{
  order: -1;
}
.customer-account-virtualGarage-block .account-grid .item.default .image:before {
  content: 'Default Vehicle';
  position: absolute;
  background-color: var(--c-yellow);
  color: var(--c-black);
  font-size: 0.7rem;
  font-weight: bold;
  padding: 2px 10px;
  top: 10px;
  left: 0;
}

.customer-account-virtualGarage-block .account-grid .item .image {
  background-color: #777777;
  background-size: auto 100%;
  background-position: center;
  background-repeat: no-repeat;
  width: 45%;
  position: relative;
}

.customer-account-virtualGarage-block .account-grid .item .info {
  width: 55%;
  padding: 10px 15px;
}

.customer-account-virtualGarage-block .account-grid .item .info .btns-line {
  margin-top: 10px;
}

.customer-account-virtualGarage-block .account-grid .item .info .btns-line a:first-child {
  margin-left: 0;
}

.customer-account-virtualGarage-block .account-grid .item .info .btns-line a {
  font-size: 0.7rem;
  font-weight: bold;
}

.customer-account-virtualGarage-block .account-grid .item .info .created-time {
  margin-top: 5px;
  font-size: 0.7rem;
  font-weight: bold;
  color: #6c757d;
}
/*End account*/

/*Product Page*/
  .car-information .photo-price{
    display: flex;
  }
  .car-information .car-carousel-wrap span{
    font-style: italic;
    font-size: .8rem;
    display: block;
    text-align: center;
  }
  .car-information .car-carousel{
    width: 539px;
    display: flex!important;
    flex-direction: column;
    justify-content: space-between;
  }
  .car-information .car-carousel .item{
    width: 100%;
    height: 100%;
    display: inline-block;
  }
  .car-information .car-carousel .item.video{
    width: 100%;
    height: 400px;
  }
  .car-information .car-carousel iframe{
    width: 100%;
    height: 100%;
  }
  .car-information .owl-stage-outer{
    height: 100%;
  }
  .car-information .car-item-wrap{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .car-information .car-item-wrap div img{
    width: 100%;
    height: auto;
    max-height: 100%;
    display: inline-block;
    object-fit: contain;
  }
  .car-information .car-owl-dot{
    float: left;
    margin: 10px 0px 10px 10px;
    height: 50px;
    width: 50px;
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    border: 1px solid #707070 !important;
  }
  .car-information .car-owl-dot.active{
    box-sizing: border-box;
    border: 1px solid var(--c-blue) !important;
  }

  .car-information .car-title{
    font-size: 1.8rem;
    margin: 0;
    margin-bottom: 15px;
  }
  .car-information .car-rating{
    width: 100%;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .car-information .car-fit-no{
    display: flex;
    margin-right: 20px;
    align-items: center;
    flex-wrap: wrap;
  }
  .car-information .car-fit-no .information-icon{
    width: 20px;
    height: 20px;
    cursor: pointer;
  }
  .car-information .car-fit-no span{
    font-size: 15px;
  }
  .car-information .g-prod-block{
    display: flex;
    align-items: center;
    margin-right: 5px;
    width: max-content;
    max-width: 90%;
  }
  .car-information .g-prod-block img{
    position: relative;
    margin-right: 5px;
    top: -1px;
    width: 15px;
    height: 15px;

  }

  .car-information .car-fits-counter{
    font-weight: bold;
    color: var(--c-blue);
    font-size: 1rem;
    margin-left: 15px;
  }

  .car-information .rating-scale{
    height: max-content;
    display: flex;
    align-items: center;
  }
  .car-information .rating-car-star{
    width: 15px;
    height: 15px;
    margin: 0px 1px 0px 1px;
  }
  .car-information .reviews-conter{
    margin-left: 5px;
    cursor: pointer;
  }
  .car-information .reviews-conter span{
    color: var(--c-blue);
    font-weight: bold;
    font-size: 0.8rem;
  }
  .car-information .promotional-code{
    margin-bottom: 15px;
    background: var(--c-light);
    border-radius: 5px;
    padding: 15px 20px;
    display: flex;
    flex-direction: column;
    border: 1px solid #eee;
  }
  .car-information .promotional-code-ttl{
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    margin-bottom: 5px;
    color: var(--c-black);
  }
  .car-information .promotional-code p{
    font-size: 13px;
  }
  .car-information .choose-style{
    font-size: 16px;
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
    width: 370px;

  }
  .car-information .choose-style select{
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    margin-top: 12px;
    height: 38px;
    padding-left: 14px;
    border: 1px solid #E0E0E0;
    border-radius: 5px;
    background: url('/img/miva/svg/down-arrow-light.svg') no-repeat;
    background-position-x: 95%;
    background-position-y: 50%;
    background-size: 8px;
    cursor: pointer;
  }
  .car-information .car-price{
    display: flex;
    align-items: baseline;
    /*margin-bottom: 10px;*/
  }
  .car-information .car-price span{
    /*align-self: flex-end;*/
    font-weight: bold;
    font-size: 0.8rem;
    padding-left: 5px;
    color: #3f3f3f;
    text-transform: uppercase;
  }
  .car-information .car-price span:first-child{
    /*font-size: 3rem;*/
    /*font-weight: bold;*/
    margin-top: -10px;
    font-size: 3.2rem;
    padding: 0;
    color: var(--c-black);
  }
  .car-information .car-dynamic-price{
    display: flex;
    font-size: 1.3rem;
    font-weight: bold;
    align-items: center;
  }
  .car-information .car-dynamic-price p:first-child{
    color: var(--c-red);
    margin-right: 10px;
    position: relative;
  }
  .car-information .car-dynamic-price p:first-child::before{
    content: "";
    border-bottom: 2px solid var(--c-red);
    position: absolute;
    width: 100%;
    height: 50%;
  }
  .car-dynamic-price p:last-child{
    font-size: 0.8rem;
  }
  .car-information .ready-shipping{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
  }
  .car-information .car-quantity{
    display: flex;
    flex-direction: column;
    font-size: 13px;
    margin-bottom: 5px;
    margin-right: 20px;
  }

  .car-information .car-quantity input{
    width: 60px;
    height: 38px;
    text-align: center;
    border: 1px solid #E0E0E0;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
  }
  .car-information .ready-to-ship{
    display: flex;
    align-items: center;
    margin-top: 10px;
    margin-right: 20px;
  }
  .car-information .ready-to-ship img{
    width: 15px;
    height: 15px;
    margin-right: 5px;
  }
  .car-information .ready-to-ship .hover-icon{
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-left: 5px;
  }
  .car-information .ready-to-ship p{
    font-weight: 600;
    font-size: 13px;
  }
  .car-information .ready-to-ship p span{
    font-size: .8em;
    display: block;
  }
  .car-information .estimate-shipping{
    margin-top: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
  }
  .car-information .estimate-shipping img{
    width: 19px;
    height: 21px;
    margin-right: 5px;
  }
  .car-information .estimate-shipping span{
    font-weight: bold;
    font-size: 13px;
    color: var(--c-blue);
  }
  .car-information .buy-buttons{
    display: flex;
    flex-wrap: wrap;
  }
  .car-information .buy-buttons button{
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin-right: 10px;
    margin-bottom: 10px;
    height: 40px;
    font-weight: bold;
    border: 0;
  }
  .car-information .checkout-now{
    font-size: 15px;
    background: var(--c-yellow);
    /*width: 205px;*/
    width: 180px;
  }
  .car-information .add-to-card{
    font-size: 15px;
    color: #FFFFFF;
    background: var(--c-blue);
    /*width: 155px;*/
    width: 130px;
  }
  .car-information .add-to-build{
    color: #FFFFFF;
    font-size: 13px;
    background: #1C1C1C;
    /*width: 144px;*/
    width: 120px;
  }

  .car-information .car-details-wrap{
    display: flex;
    flex-direction: column;
  }
  .car-information .car-details{
    font-size: 15px;
    color: #1C1C1C;
    font-weight: bold;
    margin-top: 55px;
    display: flex;
    margin-right: ;
  }
  .car-information .car-details span{
    white-space: nowrap;
    margin-right: 1rem;
    cursor: pointer;
  }
  .car-information .car-details .active{
    font-size: 18px;
    border-bottom: 4px solid var(--c-yellow);
  }
  .car-information .info-block{
    margin-top: 20px;
  }
  .car-information .info-block div{
    display: flex;
    flex-direction: column;
  }
  .car-information .info-block div.part-details-block{
    flex-direction: row;
  }
  .car-information .info-block .product_description h1,
  .car-information .info-block .product_description h2,
  .car-information .info-block .product_description h3,
  .car-information .info-block .product_description h4,
  .car-information .info-block .product_description h5,
  .car-information .info-block .product_description h6{
    font-size: 1.1em;
    margin: 0;
    margin-bottom: .25em;
  }
  .car-information .info-block .product_description ul{
    margin-left: 0;
    padding-left: 15px;
  }
  .car-information .info-block .product_description ul li{
    margin: 2px 0;
    list-style-type: circle;
  }
  .car-information .info-block{
    font-size: 13px;
  }
  .car-information .info-block ul{
    margin-left: 30px;
  }


  .car-information .info-block li{
    list-style-type: none;
    margin-top: 5px;
    margin-bottom: 20px;
    font-size: 13px;
  }
  .car-information .info-block ul.included li{
    margin-bottom: 0px;
    margin-top: 0px;
  }
  .car-information .info-block li span{
    font-weight: bold;
  }
  .car-information .info-block div.vehicle-fitment-block{
    display: none;
  }
  .car-information .info-block div.vehicle-fitment-block.active{
    display: flex;
  }
  .car-information .info-block div.car-reviews-block{
    display: none;
  }
  .car-information .info-block div.car-reviews-block.active{
    display: flex;
  }
  .car-information .info-block div.part-details-block{
    display: none;
  }
  .car-information .info-block div.part-details-block.active{
    display: flex;
    justify-content: space-between;
  }
  .car-information .info-block .title{
    font-size: 15px;
    font-weight: bold;
    color: #000000;
    margin-bottom: 5px;
  }
  .car-information .info-block-wrap{
    margin-bottom: 15px;
  }
  .car-information .info-block div.info-block-warning{
    flex-direction: row;
    align-items: center;
  }
  .car-information .info-block-warning img{
    width: 25px;
    height: 25px !important;
    margin-right: 5px;
  }
  .car-information .info-block-warning span{
    font-size: 12px;
  }
  .car-information .info-block-warning span a{
    color: #4582C7;
    font-size: 12px;
  }
  .car-information .part-details-block-wrap .brand{
    margin-bottom: 20px;
  }
  .car-information .brand-img-wrap{
    width: 300px;
    background: #F7F7F7;
    box-sizing: border-box;
    padding: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .car-information .brand-img-wrap img{
    width: auto;
    max-width: 100%;
    height: 95px;
    object-fit: contain;
  }
  
  .car-information .part-details-block-wrap .brand span{
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 5px;
  }
  .car-information .part-details-block-wrap .add-info span{
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 5px;
  }
  .car-information .add-info-wrap{
    width: 300px;
    padding: 10px 14px 10px 14px;
    box-sizing: border-box;
    background: #F7F7F7;
  }
  .car-information .add-info-wrap ul{
    margin: 0px;
  }
  .car-information .add-info-wrap ul li{
    margin-top: 10px;
    margin-bottom: 9px;
    list-style-type: none;
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 2px solid #c0c0c0;
  }
  .car-information .add-info-wrap ul li:last-child{
    border-bottom: none;
  }
  .car-information .add-info-wrap ul li a {
    color: var(--c-blue);
  }
  .car-information .brand, .add-info{
    margin-left: 30px;
  }
  .car-information .vehicle-fitment-div{
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-left: 15px;
  }
  .car-information .vehicle-fitment-div span{
    color: #1C1C1C;
    font-size: 18px;
    font-weight: bold;
  }
  .car-information .vehicle-fitment-table table{
    text-align: center;
    margin-top: 20px;
    margin-bottom: 30px;
    font-size: 15px;
    width: max-content;
  }
  .car-information .vehicle-fitment-table tr{
    height: 36px;
  }
  .car-information .vehicle-fitment-table th{
    background: #1C1C1C;
    color: #FFFFFF;
  }
  .car-information .vehicle-fitment-table td a{
    color: #4582C7 !important;
  }
  .car-information .vehicle-fitment-table th:nth-child(1){
    width: 100px;
  }
  .car-information .vehicle-fitment-table th:nth-child(2){
    width: 126px;
  }
  .car-information .vehicle-fitment-table th:nth-child(3){
    width: 126px;
  }
  .car-information .vehicle-fitment-table th:nth-child(4){
    width: 312px;
  }

  .car-information .vehicle-fitment-div .info div{
    display: flex;
    width: max-content;
  }
  .car-information .vehicle-fitment-div .info div div{
    width: 317px;
    height: 71px;
    margin-right: 16px;
    background: #F1F1F1;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .car-information .vehicle-fitment-div .info div div img{
    width: 50px;
    height: 50px;
    margin-right: 10px;
  }
  .car-information .vehicle-fitment-div .info div div .info-text{
    display: flex;
    flex-direction: column;
    width: max-content;
    height: max-content;
    align-items: flex-start;
  }
  .car-information .vehicle-fitment-div .info div div .info-text span{
    font-size: 15px;
    font-weight: normal;
  }
  .car-information .vehicle-fitment-div .info div div .info-text span.title{
    font-weight: bold;
  }
  .car-information .vehicle-fitment-div .info div div .info-text a{
    color: #4582C7;
  }
  .after-atc--block{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 5px;
  }
  .after-atc--block li{
    font-size: 14px;
    list-style-type: none;
    display: flex;
    align-items: center;
    margin-right: 15px;
  }
  .after-atc--block li img{
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: -1px;
  }
/*End Product Page*/
/*Category Page*/
  .car-information .photo-price .car-price-info{
    padding-left: 20px;
  }
  .categories-desription {
    padding: 0px;
    position: relative;
  }
  .categories-desription .bg{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    z-index: 0;
  }
  .categories-desription .bg:after,
  .categories-desription-image:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: rgba(0,0,0,.6);
  }
  .categories-desription-image{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 0;
    transform: translate(-50%, 0);
  }
  .categories-desription-image img{
    height: 100%;
  }
  .categories-desription .name-of-car {
    width: 100%;
    min-height: 170px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
  }

  .categories-desription .name-of-car h1 {
    font-size: 32px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
    text-shadow: 0 0 5px var(--c-black);
  }
  .menu-categories {
    background: #f4f4f4;
  }
  .menu-categories .search {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 14px;
    flex-wrap: wrap;
  }

  .menu-categories .search .search-input {
    width: 350px;
    height: 38px;
    border-radius: 3px;
    border: none;
    padding: 0px 15px 0px 15px;
    font-size: 16px;
    background: url("/img/miva/svg/search.svg") 0% 0% no-repeat;
    background-color: #e2e2e2;
    -moz-background-size: 20px 20px;
    -webkit-background-size: 20px 20px;
    -o-background-size: 20px 20px;
    background-size: 20px 20px;
    background-position: 95% 50%;
    padding-right: 30px;
  }
  .menu-categories .search .search-input.not-found {
    border: 1px solid var(--c-red);
  }
  .menu-categories .categories {
    width: calc(100% + 10px);
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 10px;
  }
   .product--combo_block{
        padding: 15px 25px;
        box-shadow: 0 0 5px rgba(0,0,0,.1);
    }
    .product--combo_block-header-info{
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
    }
    .product--combo_block-content.scroller{
        overflow: auto;
        padding-right: 10px;
    }
    .product--combo_block-content.scroller::-webkit-scrollbar {
        width: 8px;
    }
    .product--combo_block-content.scroller::-webkit-scrollbar-track {
        background: #eeeeee;
        border-radius: 5px;
    }
    .product--combo_block-content.scroller::-webkit-scrollbar-thumb {
        background: var(--c-blue);
        border-radius: 5px;
    }
    .product--combo_block-content.scroller:hover::-webkit-scrollbar-thumb {
        background: var(--c-blue);
    }
    .product--combo_block-item:hover{
        box-shadow: 0 0 5px rgba(0,0,0,.1);
    }
    .product--combo_block-item{
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 15px 20px;
        color: #191919;
        background-color: #fff;
        margin-bottom: 10px;
        border-radius: 5px;
        transition: .3s all;
    }
    .product--combo_block-item_image{
        width: 20%;
        position: relative;
        display: inline-block;
        padding: 10% 0;
    }
    .product--combo_block-item_image img{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 100%;
        height: 100%;
        z-index: 1;
        object-fit: contain;
    }
    .product--combo_block-item_info{
        padding-left: 15px;
        width: 55%;
    }
    .product--combo_block-item_info span{
        display: block;
    }
    .product--combo_block-item_price{
        width: 25%;
        display: inline-block;
        text-align: right;
    }
  .menu-categories .fake-category {
    width: 200px;
    height: 0px;
    margin: 10px 0px 10px 0px;
    overflow: hidden;
  }

  .menu-categories .categories .category {
    width: 210px;
    min-height: 200px;
    height: 100%;
    background: #ffffff;
    box-sizing: border-box;
    padding-bottom: 10px;
  }
  .img-container {
    width: 100%;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }
  .menu-categories .categories .img-container img {
    height: 100%;
  }
  .menu-categories .categories a {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 13px;
  }
  .menu-categories .categories a.hide {
    display:none;
  }
  .menu-categories .categories .category .title {
    margin: 15px 5px 0px 5px;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    color: #000000;
  }

  .questions-and-brands {
    padding: 0px 0px 20px 0px;
  }
  .questions-and-brands .brands-carousel {
    width: 100%;
  }
  .questions-and-brands .brands-carousel .item {
    height: 93px;
    max-width: 125px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .questions-and-brands .owl-stage-outer{
    padding-bottom: 10px;
  }
  .questions-and-brands .brands-carousel .item img {
    max-width: 100%;
  }
  .questions-and-brands .brands-corousel-title {
    margin-top: 30px;
    padding: 0 50px;
  }
  .information-resourses .resourses-title {
    margin-top: 30px;
    padding: 0 50px;
  }
  .information-resourses {
    padding-top: 0px;
  }
  .information-resourses .categories .category {
    width: 210px;
    height: 110px;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
  .information-resourses .categories a {
    margin-bottom: 13px;
    margin-right: 10px;
    display: inline-block;
    box-sizing: content-box;
  }
  .information-resourses .categories a:nth-child(5n) {
    margin-right: 0px;
  }

  .information-resourses .categories .category .img-container {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -5;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }
  .information-resourses .categories .category .img-container > img {
    width: 100%;
    min-height: 100%;
  }
  .information-resourses .categories .category .veil {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #000000;
    opacity: 0.4;
    z-index: -4;
  }
  .information-resourses .categories .category p {
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
  }
  .customer-account-orderDetails-block .account-grid .item h3{
    font-size: 1.2rem;
  }
  .customer-account-orderDetails-block .account-grid .item.item-big p{
    font-size: 0.9rem;
    margin: 0;
  }
/*End Category Page*/
/*Product & Category Media*/

  @media (max-width: 375px){
    .menu-categories .search form{
      width: 60%;
    }
    .menu-categories .search .search-input{
      width: 100%;
      -moz-background-size: 15px 15px;
      -webkit-background-size: 15px 15px;
      -o-background-size: 15px 15px;
      background-size: 15px 15px;
      background-position: 95% 50%;
      padding-left: 10px;
    }
    .menu-categories .categories .category .title{
      font-size: 12px;
      margin-top: 5px;
    }
    .information-resourses .categories .category p{
      font-size: 14px;
    }
    .categories-desription .name-of-car{
      font-size: 26px;
      background-size: auto 100%;
      background-position: 50% 50%;
    }
    .menu-categories .categories .category{
      width: 100%;
      min-height: 140px;
    }
    .menu-categories .categories .category .title{
      margin-top: 7px;
    }
  }
/*End Product & Category Media*/
/*Cart & Checkout*/
  .checkout-header {
    background-color: var(--c-black);
    padding: 5px 0;
  }

  .basket--totals {
    width: calc(30% - 15px);
    margin-left: 15px;
    background-color: #fff;
    padding: 20px 15px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
  }

  .basket--totals .basket--totals_header {
    width: 100%;
    display: inline-block;
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 10px;
  }

  .basket--totals .basket--totals_content .basket--totals_content-line.total-line p {
    color: var(--c-black);
    font-size: 1.1rem;
  }

  .basket--totals .basket--totals_content .basket--totals_content-line:last-child {
    border-bottom: 0;
  }

  .basket--totals .basket--totals_content .basket--totals_content-line {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #f4f4f4;
  }

  .basket--totals .basket--totals_content .basket--totals_content-line form {
    display: flex;
    align-items: stretch;
    width: 100%;
  }

  .basket--totals .basket--totals_content .basket--totals_content-line form input {
    padding: 5px 10px;
    width: 80%;
    font-size: 16px;
    display: inline-block;
    margin-right: 5px;
    border-radius: 5px;
    border: 1px solid #939393;
  }

  .basket--totals .basket--totals_content .basket--totals_content-line p {
    user-select: none;
    font-size: 1rem;
    font-weight: bold;
    display: inline-block;
    margin: 0;
    color: #939393;
    position: relative;
  }

  .basket--totals .basket--totals_content .basket--totals_content-line p em {
    font-size: 0.9rem;
    font-weight: 400;
    margin-right: 5px;
  }

  .basket--totals .basket--totals_content .basket--totals_content-line small {
    display: block;
    font-size: 0.9rem;
    color: #939393;
    width: 100%;
  }

  .basket--totals .basket--totals_content .basket--totals_content-line small a {
    color: var(--c-yellow);
  }
  .basket--totals_content-line .product-list_img{
    width: 20%;
  }
  .basket--totals_content-line .product-list_img img{
    width: 100%;
  }
  .basket--totals_content-line .product-list_info{
    width: 60%;
    font-size: 0.9rem;
  }
  .basket--totals_content-line .product-list_price{
    width: 20%;
    text-align: end;
    color: var(--c-black)!important;
  }
  .basket--totals_content-line .product-list_info--more_info{
    color: var(--c-black)!important;
    display: block!important;

  }

  .basket--totals .basket--totals_footer .btn {
    margin-top: 5px;
    width: 100%;
    display: inline-block;
    color: var(--c-black);
    padding: 10px 0;
    text-align: center;
  }

  .basket_checkout--block .wrapper-fl {
/*     width: 90%; */
    margin: auto;
  }

  .basket--block {
    width: 100%;
  }

  .basket--block .wrapper-fl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
  }

  .basket--content_paymentDetails{
    position: relative;
  }

  .basket--block .basket--content {
    width: 70%;
  }
  .basket--block .basket--content .form button {
    padding: 10px 0;
    margin: 20px 0 10px 0;
  }

  .basket--block .basket--content hr {
    margin: 20px 0 5px 0;
    width: 100%;
    display: inline-block;
    background-color: #939393;
  }

  .basket--block .basket--content h3 {
    font-size: 1rem;
    margin: 0;
    margin-bottom: 10px;
  }

  .basket--block .basket--content p {
    font-size: 0.9rem;
    margin: 0;
    margin-bottom: 15px;
  }

  .basket--block .basket--content p a {
    color: inherit;
  }

  .basket--block .basket--content .ttl-line h2 {
    font-size: 1.4rem;
  }

  .basket--block .basket--content .unavilable_product {
    background-color: #FFF8C3;
    border: 1px solid #FFE61D;
  }

  .basket--block .basket--content .manufacture-shipping_product {
    background-color: #C3DFFF;
    border: 1px solid #1D97FF;
  }
  .basket--block .basket--content .basket--content_list_product:last-child{
    margin-bottom: 0;
  }
  .basket--block .basket--content .basket--content_list_product {
    padding: 20px 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    font-size: 0.8rem;
    background-color: #fff;
    flex-wrap: wrap;
  }
  .basket--content_list_product-combo_block{
    width: 100%;
    display: inline-block;
  }
  .basket--content_list_product-combo_toggle{
    display: flex;
    justify-content: center;
    position: relative;
  }
  .basket--content_list_product-combo_toggle:before{
    content: '';
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #eee;
    top: 50%;
  }
  .basket--content_list_product-combo_toggle i:hover{
    box-shadow: 0 0 10px rgb(0,0,0,.15);
  }
  .basket--content_list_product-combo_toggle i{
    width: 25px;
    height: 25px;
    background-size: 15px;
    border-radius: 50%;
    box-shadow: 0 0 5px rgb(0,0,0,.15);
    background-position: center;
    background-repeat: no-repeat;
    transition: .3s all;
    cursor: pointer;
    background-color: #fff;
    position: relative;
    z-index: 1;
    transform: rotate(0deg);
  }
  .basket--content_list_product-combo_block small{
    display: block;
  }
  .basket--content_list_product-combo_block ul{
    display: inline-block;
    width: 100%;
    padding: 15px 15px 0 15px;
  }
  .basket--content_list_product-combo_block ul li:last-child{
    margin-bottom: 0;
    border-bottom: 0;
  }
  .basket--content_list_product-combo_block.active ul li{
    display: flex;
  }
  .basket--content_list_product-combo_block.active i{
    transform: rotate(180deg);
  }
  .basket--content_list_product-combo_block ul li{
    list-style-type: none;
    display: flex;
    font-weight: bold;
    padding: 5px 0;
    margin: 5px 0;
    border-bottom: 1px solid #eee;
    display: none;
  }
  .basket--content_list_product-combo_block ul li p{
    font-size: 1rem;
    margin: 0;
    font-weight: bold;
  }
  .basket--block .basket--content .basket--content_list_product p {
    display: inline-block;
    width: 100%;
    margin-bottom: 0;
  }

  .basket--block .basket--content .basket--content_list_product p i {
    margin-right: 3px;
  }

  .basket--block .basket--content .basket--content_list_product .product-info {
    display: flex;
    align-items: center;
  }

  .basket--block .basket--content .basket--content_list_product .product-info .product-info-image {
    width: 30%;
    padding: 15% 0;
    display: inline-block;
    position: relative;
  }

  .basket--block .basket--content .basket--content_list_product .product-info .product-info-image img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: contain;
  }

  .basket--block .basket--content .basket--content_list_product .product-info .product-info-text{
    width: 80%;
    padding-left: 5px;
  }
  .basket--block .basket--content .basket--content_list_product .product-info .product-info-text h3 {
    margin: 0;
    width: 100%;
    display: inline-block;
    margin-bottom: 5px;
  }

  .basket--block .basket--content .basket--content_list_product .product-info .product-info-actions a {
    font-size: 0.9rem;
    font-weight: bold;
    margin-right: 15px;
    color: var(--c-black);
  }

  .basket--block .basket--content .basket--content_list_product .product-qty {
    font-size: 1.1rem;
    margin: 0;
  }

  .basket--block .basket--content .basket--content_list_product .product-qty input {
    text-align: center;
    width: 40px;
    display: block;
    margin: auto;
    appearance: none;
    border: 1px solid #ddd;
    border-bottom: 3px solid var(--c-blue);
    padding: 7px 0 5px 0;
  }
  .basket--block .basket--content .basket--content_list_product .product-qty input::-webkit-outer-spin-button,
  .basket--block .basket--content .basket--content_list_product .product-qty input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  .basket--block .basket--content .basket--content_list_product .product-price p{
    font-size: 1.1rem;
    font-weight: bold;
  }

  .basket--block .basket--content .basket--content_list-actions {
    display: inline-block;
    width: 100%;
  }

  .basket--block .basket--content .basket--content_list-actions a:hover {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  }

  .basket--block .basket--content .basket--content_list-actions a {
    color: var(--c-black);
    background-color: #fff;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 7px;
    padding: 12px 10px;
    transition: .3s all;
    font-size: 0.8rem;
  }

  .basket--block .basket--content .basket--content_list-actions a .price {
    display: inline-block;
    width: 80px;
    text-align: right;
  }
  .osel_form .ss-table .ss-table-info_line{
    padding: 15px 10px 10px;
  }
  .basket--block .basket--content .osel--content_list_product{
    padding: 15px 10px;
  }
  .basket--block .basket--content .osel--content_list_product .product-info{
    align-items: flex-start;
  }
  .basket--block .basket--content .osel--content_list_product .product-info .product-info-text h3{
    font-size: 0.9rem;
  }
  .basket--block .basket--content .osel--content_list_product p{
    font-size: 0.8rem;
  }
  .basket--block .basket--content .osel--content_list_product .product-price p{
    font-size: 0.9rem;
  }
  .basket--block .basket--content .osel--content_list_product .product-qty input{
    width: 35px;
  }

  .basket--block .basket--content .basket--content_login {
    display: flex;
    width: 100%;
  }

  .basket--block .basket--content .basket--content_login .basket--content_login-item {
    width: calc(50% - 40px);
    display: inline-block;
    margin-right: 40px;
  }

  .basket--block .basket--content .basket--content_login .basket--content_login-item .btn {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 10px 0;
    text-align: center;
    color: var(--c-black);
    font-size: 1rem;
  }

  .basket--block .basket--content .basket--content_ocst .basket--content_ocst-ttl {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
  }

  .basket--block .basket--content .basket--content_ocst .basket--content_ocst-saved_addresses {
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
  }

  .basket--block .basket--content .basket--content_ocst .basket--content_ocst-saved_addresses p {
    font-weight: bold;
    font-size: 0.8rem;
    margin: 0;
    white-space: nowrap;
  }

  .basket--block .basket--content .basket--content_ocst .basket--content_ocst-saved_addresses select,
  .basket--block .basket--content .basket--content_ocst .basket--content_ocst-saved_addresses .sender-block--title {
    font-size: 0.8rem;
    border: 0;
    padding: 0 10px !important;
    margin: 0;
    display: inline-block;
    background: transparent;
    min-width: 90px;
  }
  .basket--block .basket--content .basket--content_ocst .basket--content_ocst-saved_addresses .sender-block--title svg{
    width: 12px;
    height: 12px;
  }

  .basket--block .basket--content .basket--content_ocst .basket--content_ocst-form {
    margin-bottom: 20px;
    padding-bottom: 25px;
    border-bottom: 1px solid #ccc;
  }

  .basket--block .basket--content .basket--content_addresses {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: baseline;
  }

  .basket--block .basket--content .basket--content_addresses address {
    width: 50%;
    margin-bottom: 20px;
    display: inline-block;
  }

  .basket--block .basket--content .basket--content_shippingList {
    display: inline-block;
    width: 100%;
  }

  .basket--block .basket--content .basket--content_shippingList label:hover{
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  }
  .basket--block .basket--content .basket--content_shippingList label.active {
    background-color: var(--c-blue);
    color: #fff;
  }

  .basket--block .basket--content .basket--content_shippingList label {
    background-color: #fff;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 15px 10px;
    transition: .3s all;
  }

  .basket--block .basket--content .basket--content_shippingList label img {
    width: 25px;
    display: inline-block;
    margin-right: 5px;
  }

  .basket--block .basket--content .basket--content_shippingList label .name {
    font-size: 0.9rem;
  }

  .basket--block .basket--content .basket--content_shippingList label .delay {
    font-size: 0.9rem;
    margin-right: 15px;
  }

  .basket--block .basket--content .paymentDetails-content {
    width: 80%;
  }

  .basket--block .basket--content .paymentDetails-content .cards-line {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 10px;
  }

  .basket--block .basket--content .paymentDetails-content .cards-line label {
    width: calc(10% - 5px);
    margin: 0 5px 0 0;
    pointer-events: none;
    user-select: none;
  }

  .basket--block .basket--content .paymentDetails-content .cards-line label input {
    display: none;
  }

  .basket--block .basket--content .paymentDetails-content .cards-line label input:checked + span {
    opacity: 1;
    border-color: #ddd;
  }

  .basket--block .basket--content .paymentDetails-content .cards-line label span {
    border: 1px solid transparent;
    display: inline-block;
    overflow: hidden;
    position: relative;
    border-radius: 5px;
    opacity: 0.3;
  }

  .basket--block .basket--content .paymentDetails-content .cards-line label span img {
    width: 100%;
  }

  .basket--block .basket--content .basket--content_additionals-line {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    align-items: baseline;
  }

  .basket--block .basket--content .basket--content_additionals-line .basket--content_additional.active h4 i {
    transform: rotate(0);
  }

  .basket--block .basket--content .basket--content_additionals-line .basket--content_additional.active .basket--content_additional-content {
    display: block;
  }

  .basket--block .basket--content .basket--content_additionals-line .basket--content_additional.notoggle h4 {
    pointer-events: none;
  }

  .basket--block .basket--content .basket--content_additionals-line .basket--content_additional.notoggle h4 i {
    display: none;
  }

  .basket--block .basket--content .basket--content_additionals-line .basket--content_additional {
    display: inline-block;
    width: 48%;
    margin: 15px 0;
    padding-top: 15px;
    border-top: 1px solid #ddd;
  }

  .basket--block .basket--content .basket--content_additionals-line .basket--content_additional .basket--content_additional-content {
    display: none;
  }

  .basket--block .basket--content .basket--content_additionals-line .basket--content_additional h4 {
    user-select: none;
    cursor: pointer;
    font-size: .9rem;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 15px;
    position: relative;
  }

  .basket--block .basket--content .basket--content_additionals-line .basket--content_additional h4 i {
    transform: rotate(45deg);
    transition: .3s all;
    opacity: 0.8;
    float: right;
  }

  .basket--block .basket--content .basket--content_additionals-line .basket--content_additional p {
    font-size: 0.8rem;
  }

  .basket--block .basket--content .basket--content_additionals-line .basket--content_additional form {
    font-size: 0.9rem;
    position: relative;
    min-height: 40px;
  }

  .basket--block .basket--content .basket--content_additionals-line .basket--content_additional form input, .basket--block .basket--content .basket--content_additionals-line .basket--content_additional form select {
    padding: 10px;
    background-color: #fff;
    border-radius: 5px;
    border: 0;
    width: 100%;
  }

  .basket--block .basket--content .basket--content_additionals-line .basket--content_additional form button {
    position: absolute;
    background-color: transparent;
    z-index: 1;
    border: 0;
    cursor: pointer;
    top: 45%;
    right: 10px;
    transform: translate(0, -50%);
  }

  .basket--block .estimate-shipping-line {
    width: 100%;
    display: inline-block;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #ddd;
  }

  .basket--block .estimate-shipping-line .estimate-shipping-line_content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }

  .basket--block .estimate-shipping-line .estimate-shipping-line_content h4 {
    font-size: 1rem;
    margin: 0;
    margin-bottom: 15px;
  }

  .basket--block .estimate-shipping-line .estimate-shipping-line_content form {
    max-width: 75%;
    display: flex;
    align-items: stretch;
  }

  .basket--block .estimate-shipping-line .estimate-shipping-line_content form input {
    padding: 5px 10px;
    margin-right: 15px;
  }

  .basket--block .estimate-shipping-line .estimate-shipping-line_content--total {
    text-align: right;
    min-width: 25%;
    display: inline-block;
    float: right;
    font-weight: bold;
  }

  .basket--block .checkout-content_header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 30px;
  }

  .basket--block .checkout-content_header .checkout-content_header-logo_proccess {
    display: flex;
    align-items: center;
    position: relative;
  }

  .basket--block .checkout-content_header .checkout-content_header-logo_proccess .checkout-content_logo {
    display: inline-block;
    padding-right: 30px;
    margin-right: 30px;
    border-right: 2px solid #939393;
  }

  .basket--block .checkout-content_header .checkout-content_header-logo_proccess .checkout-content_logo img {
    width: 100%;
    max-width: 220px;
  }

  .basket--block .checkout-content_header .checkout-content_header-logo_proccess .checkout-content_process:after {
    content: '';
    position: absolute;
    z-index: 0;
    background-color: var(--c-black);
    width: 100%;
    height: 2px;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
  }

  .basket--block .checkout-content_header .checkout-content_header-logo_proccess .checkout-content_process {
    display: inline-block;
    position: relative;
  }

  .basket--block .checkout-content_header .checkout-content_header-logo_proccess .checkout-content_process-items {
    display: flex;
    align-items: center;
  }

  .basket--block .checkout-content_header .checkout-content_header-logo_proccess .checkout-content_process-items a.completed,
  .basket--block .checkout-content_header .checkout-content_header-logo_proccess .checkout-content_process-items a:hover {
    background-color: var(--c-black);
  }

  .basket--block .checkout-content_header .checkout-content_header-logo_proccess .checkout-content_process-items a.completed svg,
  .basket--block .checkout-content_header .checkout-content_header-logo_proccess .checkout-content_process-items a:hover svg {
    fill: #fff;
  }

  .basket--block .checkout-content_header .checkout-content_header-logo_proccess .checkout-content_process-items a.active {
    background-color: var(--c-black);
  }

  .basket--block .checkout-content_header .checkout-content_header-logo_proccess .checkout-content_process-items a.active svg {
    fill: var(--c-yellow);
  }

  .basket--block .checkout-content_header .checkout-content_header-logo_proccess .checkout-content_process-items a:first-child {
    margin-left: 0;
  }

  .basket--block .checkout-content_header .checkout-content_header-logo_proccess .checkout-content_process-items a {
    position: relative;
    z-index: 1;
    width: 35px;
    height: 35px;
    margin-left: 35px;
    border-radius: 20px;
    display: inline-block;
    border: 2px solid var(--c-black);
    background-color: #f4f4f4;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .basket--block .checkout-content_header .checkout-content_header-logo_proccess .checkout-content_process-items a svg {
    width: 17px;
    height: 17px;
    fill: var(--c-black);
  }

  .basket--block .checkout-content_header .checkout-content_header-address {
    text-align: right;
  }

  .basket--block .checkout-content_header .checkout-content_header-address h3 {
    font-size: 1.4rem;
  }

  .basket--block .checkout-content_header .checkout-content_header-address p {
    font-size: 0.9rem;
    white-space: nowrap;
  }

  .basket--block .checkout-content_header .checkout-content_header-address p a {
    color: var(--c-blue);
  }
/*End Cart & Checkout*/
/*SS Table*/
  .ss-table.ss-table_w1_2_1 .ss-table-col:nth-child(1) {
    width: 60%;
  }

  .ss-table.ss-table_w1_2_1 .ss-table-col:nth-child(2) {
    width: 15%;
    text-align: center;
  }

  .ss-table.ss-table_w1_2_1 .ss-table-col:nth-child(3) {
    width: 10%;
    text-align: center;
  }

  .ss-table.ss-table_w1_2_1 .ss-table-col:nth-child(4) {
    width: 15%;
    text-align: center;
  }

  .ss-table.ss-table_w1_3 .ss-table-col:nth-child(1) {
    width: 55%;
  }

  .ss-table.ss-table_w1_3 .ss-table-col:nth-child(2) {
    width: 25%;
    text-align: center;
  }

  .ss-table.ss-table_w1_3 .ss-table-col:nth-child(3) {
    width: 8%;
    text-align: center;
  }

  .ss-table.ss-table_w1_3 .ss-table-col:nth-child(4) {
    width: 12%;
    text-align: center;
  }

  .ss-table {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }

  .ss-table .ss-table-info_line {
    width: 100%;
    padding: 20px 15px;
    border-radius: 5px;
    margin-bottom: 15px;
  }

  .ss-table .ss-table-info_line .ss-table-row .ss-table-col {
    font-size: 0.9rem;
  }

  .ss-table .ss-table-message {
    width: 100%;
    margin-bottom: 10px;
    font-weight: bold;
  }

  .ss-table .ss-table-message h4 {
    font-size: .9rem;
    margin: 0;
    margin-bottom: 5px;
  }

  .ss-table .ss-table-message p {
    font-size: .8rem;
    margin: 0;
  }

  .ss-table .ss-table-row:nth-child(1) {
    padding: 0 10px;
    margin-bottom: 10px;
  }

  .ss-table .ss-table-row:nth-child(1) .ss-table-col {
    font-size: 1.1rem;
    font-weight: bold;
  }

  .ss-table .ss-table-row {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }

  .ss-table .ss-table-row .ss-table-col {
    display: inline-flex;
    flex-direction: column;
    width: 100%;
  }
/*End SS Table*/
/*SS Switcher*/
  .ss-switcher.active label {
    background-color: #75C453;
  }

  .ss-switcher.active .ss-switcher_circle {
    left: auto;
    transition: 1s all;
    right: 0;
  }

  .ss-switcher.active .ss-switcher_status {
    color: #fff;
    left: 35%;
  }

  .ss-switcher label {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 20px;
    border-radius: 20px;
    border: 1px solid #f4f4f4;
    color: #939393;
    background-color: #FF9595;
    cursor: pointer;
  }

  .ss-switcher input {
    display: none;
  }

  .ss-switcher .ss-switcher_status {
    position: absolute;
    top: 55%;
    left: 65%;
    transform: translate(-50%, -50%);
    font-size: 0.6rem;
    font-weight: 400;
    color: #939393;
    text-transform: uppercase;
    z-index: 1;
  }

  .ss-switcher .ss-switcher_circle {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 18px;
    height: 18px;
    border-radius: 15px;
    border: 1px solid #f4f4f4;
    background-color: #f9f9f9;
    transition: 1s all;
  }

  .ss-switcher .ss-switcher_labelText {
    color: var();
    display: block;
  }
/*End SS Switcher*/
/*SS Alerts*/
  .ss-message{
    display: inline-block;
    width: 100%;
    padding: 10px 15px;
    border-radius: 3px;
    margin-bottom: 15px;
    border: 2px solid;
    background-color: #f9f9f9;
  }
  .ss-message *{
    text-align-last: left;
    margin: 0 !important;
    font-size: .85rem !important;
  }
  .ss-message.ss-message_success{
    border-color: #28A745 !important;
    color: #28a745 !important;
  }
  .ss-message.ss-message_warning{
    border-color: #FFBA00 !important;
    background-color: #FFDE71;
    color: var(--c-dark) !important;
  }
  .ss-message.ss-message_error{
    border-color: #FB3640 !important;
    color: #FB3640 !important;
  }
  .ss-message.ss-message_inform{
    border-color: var(--c-blue) !important;
    color: var(--c-blue) !important;
  }
  .ss-message a{
    text-decoration: underline;
  }
/*End SS Alerts*/

/* popup on sfnt */
  .helping-restore-block--form{
    width: 420px!important;
  }
  .helping-restore-block--form .ssPopup--content{
    margin-top: -30px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .helping-restore-block--form .ssPopup--content .icon-container{
    width: 110px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .helping-restore-block--form .ssPopup--content .icon-container svg{
    width: 60%;
  }
  .helping-restore-block--form .ssPopup--content a.btn{
    background: var(--c-yellow);
    font-size: .9rem;
    font-weight: bold;
    padding: 7px 20px;
    margin-top: 10px;
    margin-bottom: 5px;
    color: var(--c-black);
    border-radius: 5px;
  }
  .helping-restore-block--form .ssPopup-close:hover{
    transform: none;
  }
/* end popup on sfnt*/
/* CTGY pagination */
.ttl-pagination{
  display: flex;
  border: 1px solid #c7c7c7;
  width: max-content;
  border-radius: 5px;
  margin-bottom: 15px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
}
  .ttl-pagination .page-number{
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #c7c7c7;
    font-weight: 600;
    cursor: pointer;
  }
  .ttl-pagination .page-number:not(.active):hover{
    background: #f2f2f2;
  }
  .ttl-pagination .page-number.active{
    background: var(--c-yellow);
  }
  .ttl-pagination .page-number:last-child{
    border-right: none;
  }
  .ttl-pagination .page-number svg{
    width: 15px;
    height: 15px;

  }
  .start-data-products.ss-searchSource{
    display: none!important;
  }
  .start-data-products.ss-searchSource.active{
    display: flex!important;
  }
  .product-content-container .ss-searchSource.active{
    display: flex!important;
  }
  .product-content-container .ss-searchSource{
    display: none!important;
  }
  .start-data-products.ss-searchSource.not-found{
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 600;
  }
  .start-data-products.ss-searchSource.not-found p{
    margin: 30px 0px;
  }
  .product.hide{
    display: none!important;
  }
  .page-number.hide{
    display: none!important;
  }
  .page-number.disabled{
    display: none;
  }
/* end CTGY pagination */
/* hover icons */
.hover-icon{
  cursor: pointer;
}
.hover-icon-block{
  position: absolute;
  background: #fff;
  padding: 10px;
  z-index: 10;
  box-shadow: 2px 2px 10px rgb(0 0 0 / 30%);
  border-radius: 5px;
  width: 200px;
}
.prod-gar-info.hover-icon-block{
  width: 250px;
  font-size: 0.9rem;
}
/* end hover icons */
#chat-widget-minimized{
  display: none !important;
}
/*Media*/
  @media only screen and (min-width : 2650px) {

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

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

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

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

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

  }
  @media only screen and (max-width : 1200px) and (max-device-width: 1200px) {
    .customer-account-buildlists-block .account-grid .item .line .one-four p b{
      font-size: 1.1rem;
    }
    .account-grid .item p,
    .account-grid .item a{
      font-size: 0.7rem;
    }
    .product--combo_block-header-info{
      top: -10px;
      right: -20px;
    }
    .car-information .photo-price .car-price-info{
      padding-left: 10px;
    }
    .menu-categories .categories a {
      margin-bottom: 25px;
    }
    .information-resourses .categories a{
      margin-bottom: 40px;
    }
    .car-information .rating-scale{
      order: -1;
      margin-bottom: 5px
    }


    .basket--block .basket--content .ttl-line h2{
      font-size: 1.1rem;
    }
    .ss-table .ss-table-row:nth-child(1) .ss-table-col{
      font-size: 0.9rem;
    }
    .basket--block .basket--content .basket--content_list_product .product-info .product-info-image{
      width: 20%;
      padding: 10% 0;
    }
    .basket--block .basket--content .basket--content_list_product .product-info .product-info-text h3,
    .basket--block .basket--content .basket--content_list_product .product-info .product-info-actions a,
    .basket--block .basket--content .basket--content_list_product .product-price p{
      font-size: 0.8rem;
    }
    .basket--block .basket--content .basket--content_list_product p{
      font-size: 0.7rem;
    }
    .basket--totals .basket--totals_header{
      font-size: 1.1rem;
    }
    .basket--totals .basket--totals_content .basket--totals_content-line p{
      font-size: 0.9rem;
    }
    .select-car--block .car-line a p{
      white-space: normal;
    }
    header .main-header--logo img{
      width: 240px;
    }
    .main-header-right{
      width: calc(100% - 290px);
    }
    header .header-search{
      min-width: 480px;
    }
    .subscribeform--block .line form{
      margin-top: 0;
    }
    .product-listing--block.type-1 .product .info .price-line .old,
    .product-listing--block.type-1 .product .info .price-line .unit{
      font-size: 0.7rem
    }
    .product-listing--block.type-1 .product .info .price-line .current{
      font-size: 1.1rem
    }
    .product-listing--block.type-1 .product .info h3{
      height: 60px;
    }
    .recomender-parts--carousel .product .info .price-line .old,
    .recomender-parts--carousel .product .info .price-line .unit{
      font-size: 0.7rem
    }
    .recomender-parts--carousel .product .info .price-line .current{
      font-size: 1.1rem
    }
    .subscribeform--block .line form .social-list a img{
      width: 20px
    }
    .product-listing--block .line.inline-5 .product{
      width: calc(25% - 15px);
    }
    .product-listing--block.type-1 .product .info h3{
      height: 75px;
    }
  }
  @media only screen and (max-width : 1024px) and (max-device-width: 1024px) {

    .preheader{
      padding: 5px 0px;
    }
    .preheader .preheader-info--mnu{
      display: none
    }
    .select-car--block .car-line a{
      min-width: 145px;
    }
    .subscribeform--block .line form{
      margin-top: 0
    }
    .subscribeform--block .line form .social-list{
      width: calc(15% - 5px);
    }
    .subscribeform--block .line form .social-list a img{
      width: 20px
    }
    .customers-story--block .line .images a,
    .customers-story--block .line .images .image{
      height: 180px
    }
    .account-login--block .content{
      max-width: 100%;
      width: 100%
    }
    .account-login--block .content .half{
      width: 45%
    }
    .one-form{
      width: 40%
    }
  }
  @media screen and (min-width: 992px) {
    .mxh400-desktop-s{
      max-height: 400px;
    }
    .ov-h-desktop-s{
      overflow: hidden;
    }
  }
  @media only screen and (max-width : 992px) and (max-device-width: 992px) {

    .account-grid .item .btns-line a{
      padding: 5px;
    }
    .buildlist-products .item p span,
    .buildlist-products .item p span span{
      font-size: 0.7rem;
    }
    .buildlist-products .item .details-cell{
      width: 64%;
    }
    .buildlist-products .item .btns-cell{
      width: 30%
    }
    .buildlist-products .item p{
      font-size: 0.8rem;
    }
    .buildlist-settings{
      flex-wrap: wrap;
    }
    .buildlist-settings p{
      margin: 0 10px 10px 0;
      width: calc(25% - 10px);
    }
    .customer-account-buildlists-block .account-grid .item .line .one-four p b{
      font-size: 1rem;
    }
    .account-grid .item.item-small{
      width: calc(11.36% - 10px);
    }
    .account-grid .item.item-big p{
      white-space: normal;
    }
    .account-grid .item .line .one-four{
      width: calc(33.334% - 5px);
    }
    .account-grid .item.item-big{
      padding: 15px 15px 40px 15px;
    }
    .basket--block .basket--content .paymentDetails-content{
      width: 100%;
    }
    .basket--block .checkout-content_header .checkout-content_header-logo_proccess .checkout-content_logo{
      padding-right: 20px;
      margin-right: 20px;
    }
    .basket--block .checkout-content_header .checkout-content_header-logo_proccess .checkout-content_process-items a{
      margin-left: 20px;
      width: 32px;
      height: 32px;
    }
    .product--combo_block-header-info{
      top: 0;
      right: 0;
    }
    .car-information .photo-price{
      flex-direction: column;
      justify-content: center;
    }
    .car-information .promotional-code{
      width: max-content;
    }
    .car-information .photo-price .car-price-info{
      padding-left: 0;
    }

    .menu-categories .categories a {
      margin-bottom: 30px;
    }

    .basket--totals{
      padding: 15px 10px;
      font-size: 13px
    }
    .basket--block .wrapper-fl{
      width: 100%
    }
    .ss-table .ss-table-info_line{
      padding: 10px;
    }
    .basket--totals .basket--totals_header{
      font-size: 1rem;
    }
    .basket--block .basket--content .basket--content_list_product .product-qty input{
      width: 30px;
    }
    .basket--totals .basket--totals_content .basket--totals_content-line p{
      font-size: 0.8rem;
      max-width: 50%;
    }
    .basket--totals .basket--totals_content .basket--totals_content-line.total-line p{
      font-size: 0.9rem;
    }
    .basket--block .basket--content .basket--content_list_product{
      padding: 10px 5px;
    }
    .basket--block .basket--content .basket--content_list_product .product-info .product-info-text h3,
    .basket--block .basket--content .basket--content_list_product .product-info .product-info-actions a,
    .basket--block .basket--content .basket--content_list_product .product-price p{
      font-size: 0.7rem;
    }
    .basket--block .basket--content .basket--content_list_product .product-info .product-info-actions a{
      margin-right: 5px;
    }
    .basket--content_list_product-combo_block ul .old-price{
      font-size: 0.7rem;
    }
    .basket--block .basket--content .basket--content_list_product .product-qty input{
      font-size: 0.8rem
    }
    .ss-table .ss-table-row:nth-child(1) .ss-table-col{
      font-size: 0.8rem;
    }
    .ss-table.ss-table_w1_3 .ss-table-col:nth-child(1){
      width: 50%;
    }
    .ss-table.ss-table_w1_3 .ss-table-col:nth-child(2){
      width: 30%;
    }
    .basket--block .basket--content .ttl-line h2{
      font-size: 0.9rem
    }
    .basket--block .checkout-content_header .checkout-content_header-address{
      font-size: 12px
    }
    .basket--block .basket--content h3{
      font-size: 0.9rem
    }
    header .main-header{
      padding: 10px;
    }
    header .main-header--logo{
      margin-right: 15px;
    }
    header .main-header--logo img{
      width: 170px;
    }
    header .header-search{
      min-width: 260px;
      padding: 0 10px;
    }
    .main-header-right{
      width: calc(100% - 215px);
    }
    .search-form .button-part{
      width: 55% !important;
    }
    .search-form .input-part{
      width: 55% !important;
    }
    .select-car--block{
      background-size: cover;
    }
    .atricles-grid--block .article-grid .acticle .ss-default-btn{
      padding: 3px 5px;
    }
    .subscribeform--block .line form{
      margin-top: 10px;
      width: 100%;
    }
    footer .main-footer .menu-lines{
      width: 100%;
    }
    footer .after-footer .line .payment-method{
      flex-wrap: wrap;
      justify-content: space-between;
    }
    footer .after-footer .line .scrolltop{
      order: -1;
      width: 100%;
      border: 0;
      justify-content: flex-end;
    }
  }
  @media only screen and (max-width : 768px) and (max-device-width: 768px) {
    .buildlist-products .item .details-cell{
      width: 65%
    }
    .buildlist-products .item .qty-cell{
      width: 10%;
    }
    .buildlist-products .item .btns-cell{
      width: 25%;
      flex-wrap: wrap;
    }
    .buildlist-products .item{
      padding: 10px;
    }
    .buildlist-settings p{
      width: calc(33.3334% - 10px);
    }
    .customer-account-buildlists-block .account-grid .item .line .one-four p b{
      font-size: 0.7rem;
    }
    .account-grid .item .more-details-dots{
      top: 10px;
      right: 0;
    }
    .customer-account-buildlists-block  .account-grid .item h3{
      font-size: 0.9rem;
    }
    .customer-account-virtualGarage-block .account-grid .item .image{
      height: 100%;
    }
    .two-column-form{
         width: 100%;
      }
    .car-information .rating-car-star{
     /* width: 25px;
      height: 25px;*/
      width: 20px;
      height: 20px;
    }
    .car-information .info-block div.part-details-block{
      flex-direction: column;
    }
    .car-information .part-details-block-wrap:last-child{
      order: -1;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 20px;
    }
    .car-information .promotional-code{
      width: 100%;
    }
    .car-information .part-details-block-wrap .brand, .car-information .part-details-block-wrap .add-info{
      margin: 0px;
      width: 100%;
    }
    .car-information .brand-img-wrap, .car-information .add-info-wrap{
      width: calc(100% + 30px);
      margin-left: -15px;
      margin-right: -15px;
    }
    .car-information .brand .title, .car-information .add-info .title{
      display: none;
    }
    .car-information .part-details-block-wrap img{
      height: 60px;
    }
    .car-information .part-details-block-wrap .add-info ul li{
      font-size: 13px;
      text-align: center;
      margin-top: 0px;
    }
    .car-information .add-info-wrap ul li{
      border-bottom: none;
    }
    .car-information .car-carousel{
      width: 100%;
      height: auto;
      margin-bottom: 10px;
    }
    .car-information .buy-buttons div.car-quantity{
      height: auto;
    }
    .car-information .buy-buttons{
      align-items: flex-end;

    }

    .car-information .buy-buttons div.car-quantity input{
      height: 40px;
    }
    .car-information .buy-buttons div.checkout-now{
      width: calc(100% - 70px);
      margin-right: 0px;
    }
    .car-information .buy-buttons div.add-to-card{
      width: calc(50% - 5px);
    }
    .car-information .buy-buttons div.add-to-build{
      width: calc(50% - 5px);
      margin-right: 0px;
    }
    .car-information .car-carousel-wrap{
      margin-bottom: 20px;
    }
    .car-information .rating-scale{
      align-self: flex-end;
    }

    .car-information .choose-style{
      width: 100%;
    }
    .car-information .estimate-shipping{
      margin-bottom: 15px;
      margin-top: 0;
    }
    .car-information .ready-to-ship{
      margin-right: 15px;
      margin-bottom: 15px;
      margin-top: 0;
    }
    .car-information .ready-shipping{
      flex-wrap: wrap;
    }
    .menu-categories .categories .category{
      width: 150px;
      min-height: 150px;
    }
    .information-resourses .categories .category{
      width: 150px;
      min-height: 75px;
    }
    .questions-and-brands .brands-corousel-title, .information-resourses .resourses-title{
      margin-left: 0px;
    }
    .menu-categories .categories .category .title{
      margin-top: 10px;
    }
    .menu-categories .categories  .img-container{

      height: 90px;
    }
    .menu-categories .categories a {
      margin-bottom: 20px;
    }
    .information-resourses .categories a {
      margin-bottom: 30px;
    }
    .questions-and-brands .brands-corousel-title .carousel-navigation-1 .owl-nav{
      width: 100% !important;
      transform: translate(-50%, 0);
    }


    .basket--totals .basket--totals_header{
      font-size: 1.2rem;
    }
    .basket--totals .basket--totals_content .basket--totals_content-line p{
      font-size: 0.9rem;
    }
    .recomender-parts--carousel .product{
      padding: 15px 10px 10px
    }
    .recomender-parts--carousel .product .top-line{
      font-size: 0.6rem;
      padding: 2px 5px;
    }
    .recomender-parts--carousel .product .image{
      padding: 50% 0;
    }
    .recomender-parts--carousel .product .info h3{
      font-size: 0.7rem;
      height: 40px;
    }
    .recomender-parts--carousel .product .info .price-line .current{
      font-size: 1rem
    }
    .recomender-parts--carousel .product .info .atc{
      padding: 5px 25px;
    }
    .questions-and-brands .brands-corousel-title,
    .information-resourses .resourses-title{
      padding: 0px;
    }
    .checkout-header p{
      font-size: 0.8rem
    }
    .basket--block .basket--content{
      width: 100%;
      margin-bottom: 20px;
    }
    .basket--totals{
      width: 100%;
      font-size: 15px;
      margin-left: 0
    }
    .basket--block .basket--content h3{
      font-size: 1rem
    }
    .basket--totals .basket--totals_content .basket--totals_content-line form button{
      width: 18%
    }
    .basket--block .checkout-content_header{
      flex-wrap: wrap
    }
    .basket--block .checkout-content_header .checkout-content_header-address{
      padding-left: 0;
      margin-top: 10px;
      width: 100%
    }
    .basket--block .checkout-content_header .checkout-content_header-logo_proccess .checkout-content_logo img{
      max-width: 220px
    }
    .basket--block .basket--content .basket--content_login{
      justify-content: space-between
    }
    .basket--block .basket--content .basket--content_login .basket--content_login-item{
      width: calc(50% - 20px);
      margin-right: 0;
    }
    .basket--block .basket--content .ttl-line h2{
      font-size: 1.2rem
    }
    .basket--block .basket--content .paymentDetails-content{
      width: 100%
    }
      .categories-desription .name-of-car{
        min-height: 80px;
      }
      .categories-desription .name-of-car h1{
        font-size: 1.8rem
      }
      .carousel-navigation-1 .owl-nav{
        width: 280px;
        bottom: -3px;
      }
      .preheader .preheader-promo p{
        font-size: 12px
      }
      header .header-search{
        min-width: 100px;
        width: 100%;
      }
      header .main-header--logo{
        margin-right: 10px;
      }
      .search-form .button-part{
        width: 100% !important;
        padding-right: 0;
      }
      .search-form .input-part{
        display: none !important
      }
      .main-header-right{
        width: 100%
      }
      header .main-header--info-btns li{
        margin-right: 15px
      }
      .ttl-line{
        margin-bottom: 20px
      }
      .ttl-line h2{
        font-size: 1.4rem
      }
      .ttl-line p{
        font-size: 0.8rem
      }
      .ttl-type-2{
        flex-wrap: wrap;
      }
      .ttl-type-2 .headers{
        max-width: 60%;
      }
      .popularCategories .line{
        align-items: flex-start
      }
      .atricles-slider--block .item{
        height: 170px
      }
      .popularCategories .line .image{
        width: 35%
      }
      .popularCategories .line .image img{
        width: calc(100% + 100px)
      }
      .popularCategories .line .info{
        width: 65%
      }
      .popularCategories .line .info p{
        width: 75%;
        display: block;
        margin-left: auto;
      }
      .popularCategories .line .info .select-car .sender-block--title{
        width: 100%;
        padding: 7px 0
      }
      .popularCategories .line-categoryes{
        flex-wrap: wrap
      }
      .popularCategories .line-categoryes a:last-child{
        margin-bottom: 0
      }
      .popularCategories .line-categoryes a{
        margin-right: 0;
        padding: 10px 15px;
        margin-bottom: 5px;
      }
      .popularCategories .line-categoryes a .name{
        min-height: 1px;
        font-size: 0.9rem
      }
      .popularCategories .line-categoryes a .desc{
        font-size: 0.8rem
      }
      .recomender-parts--carousel .carousel-navigation-2{
        width: 100%
      }
      .carousel-navigation-2 .owl-nav{
        width: calc(100% + 50px);
      }

      .calltoaction--block .line{
        width: 80%;
        margin: auto;
        flex-wrap: wrap;
        text-align: center;
      }
      .calltoaction--block .line .half{
        width: 100%
      }
      .calltoaction--block .line .half .ss-btn-group{
        justify-content: center;
        margin: 20px auto 10px auto
      }
      .calltoaction--block .line .half p{
        text-align: center !important;
      }
      .aboutstore--block{
        background-size: auto;
      }
      .aboutstore--block .ttl-line p{
        width: 100%
      }
      .aboutstore--block .line{
        flex-wrap: wrap;
      }
      .aboutstore--block .line .item{
        width: calc(50% - 15px);
        margin-bottom: 20px
      }
      .ttl-type-2 .ss-default-btn{
        padding: 5px 15px;
      }
      .atricles-grid--block .article-grid .column-half{
        flex-wrap: wrap
      }
      .atricles-grid--block .article-grid  .column-one-three,
      .atricles-grid--block .article-grid  .column-two-three{
        width: 100%
      }
      .atricles-grid--block .article-grid .atricle,
      .atricles-grid--block .article-grid .small-atricle{
        width: 100%;
        padding: 10px
      }
      .atricles-grid--block .article-grid .atricle .tags,
      .atricles-grid--block .article-grid .small-atricle .tags{
        margin-bottom: 5px
      }
      .atricles-grid--block .article-grid .atricle h3,
      .atricles-grid--block .article-grid .small-atricle h3{
        font-size: 1rem
      }
      .customers-story--block .line,
      .select-car--block .car-line{
        left: -2.5%;
        width: 105%;
        position: relative;
      }
      .customers-story--block .line .images{
        width: 150%;
      }
      .customers-story--block .line .images .image{
        height: 200px;
        width: calc(25% - 10px);
      }
      .subscribeform--block .line .image{
        width: 40%
      }
      .subscribeform--block .line .info{
        width: calc(60% - 15px)
      }
      .subscribeform--block .line form{
        flex-wrap: wrap;
        margin-top: 10px;
        width: 100%;
      }
      .subscribeform--block .line form .form-content{
        width: 100%;
        margin-bottom: 15px;
      }
      .subscribeform--block .line form .social-list{
        width: 100%;
        justify-content: center;
      }
      .subscribeform--block .line form .social-list a{
        width: auto;
        margin: 0 5px
      }
      .subscribeform--block .line form .social-list a img{
        width: 25px
      }
      footer .main-footer .menu-lines{
        width: 100%;
        flex-wrap: wrap;
      }
      footer .main-footer .menu-lines ul{
        width: 33.3334%;
      }
      footer .main-footer .menu-lines ul li:first-child{
        margin: 10px 0;
      }
      footer .after-footer .line .payment-method{
        justify-content: flex-end;
      }
      footer .after-footer{
        font-size: .6rem
      }
      footer .after-footer .line img{
        height: 14px
      }
      .one-form{
        width: 60%
      }
      .account-grid .item .btn{
        font-size: 0.8rem;
        padding: 5px 10px;
        float: right;
        bottom: auto;
        right: auto;
        display: inline-block;
        width: 100%;
        text-align: center;
        position: relative
      }
      .account-grid{
        font-size: 14px
      }
      .account-grid .item{
        display: flex;
        flex-wrap: wrap;
        align-items: center
      }
      .account-grid .item .line .one-four{
        width: 30%
      }
      .account-grid .item.item-big{
        padding: 10px;
      }
      .customer-account-orderDetails-block .account-grid .item.item-big{
        width: calc(50% - 10px);
      }
      .customer-account-orderDetails-block .account-grid .item.item-big:last-child{
        width: 100%;
      }
      .customer-account-orderDetails-block .account-grid .item.item-big p{
        width: 100%;
      }
      .account-table p{
        font-size: 0.9rem
      }
      .account-table td{
        padding: 0 5px;
      }
      .account-table th{
        font-size: 1rem;
        padding: 5px;
      }
      .account-table tbody .product-details a p{
        font-size: 0.8rem;
      }
      .account-table tbody .product-details a p span{
        font-size: 0.7rem
      }
      .customer-account-orderDetails-block .account-grid .item h3{
        font-size: 1rem;
      }

      .account-grid .item.item-medium{
        width: calc(20% - 10px);
        padding: 7px;
      }
      .account-grid .item.item-small{
        width: calc(13.33% - 10px);
        padding: 5px
      }
      .account-grid .item .btns-line{
        width: 100%;
        align-items: center;
      }
      .account-grid .item .btns-line a:first-child{
        margin-left: 0;
      }
      .account-table tbody .product-details a p{
        max-width: 100%;
      }
      .account-table tbody .product-details a img,
      .buildlist-products .item .details-cell a img{
        max-height: 75px;
      }
      .buildlist-products{
        font-size: 13px
      }
      .customer-account-virtualGarage-block .account-grid .item .line{
        flex-wrap: wrap;
        justify-content: start
      }
      .customer-account-virtualGarage-block .account-grid .item .line a:first-child{
        width: 100%
      }
      .customer-account-virtualGarage-block .account-grid .item .line a{
        max-width: 100%;
        width: auto;
        margin-left: auto;
        margin: 0 5px 5px 0;
      }
      .product-listing--block .line.inline-5 .product{
        width: calc(33.3334% - 15px);
      }
      .product-listing--block.type-1 .product .info h3{
        height: 80px;
      }
      .recomender-parts--carousel .product .info .price-line{
        flex-wrap: wrap;
        justify-content: center;
      }
      .recomender-parts--carousel .product .info .price-line .old{
        width: 100%;
        min-height: 15px;
      }
      .menu-categories .search .title{
        width: 100%;
        text-align: left;
      }
  }
  @media only screen and (max-width : 575px) and (max-device-width: 575px) {
    .carousel-navigation-2 .owl-nav button{
      width: 25px;
      height: 25px;
    }
    .carousel-navigation-2 .owl-nav button svg{
      width: 14px;
      height: 14px;
    }
    .account-table td{
      padding: 5px;
    }
    .account-table tbody .product-details a p span{
      margin-top: 3px;
    }
    .buildlist-products .item .btns-cell{
      width: 20%;
    }
    .buildlist-settings p{
      width: calc(50% - 10px);
    }
    .customer-account-buildlists-block .account-grid .item .line .one-four p b{
      font-size: 1.4rem;
    }
    .virtual-garage--edit_form_post .form-line textarea{
      margin-top: 10px;
    }
    .virtual-garage--edit_form_post .form-line .image-drop{
      margin: 10px 0 !important;
    }
    .virtual-garage--edit_form_post [sender-for="virtual-garage-full--model"]{
      margin-bottom: 10px;
    }
    .virtual-garage--edit_form_post .form-line label{
      margin-top: 0 !important;
      margin-bottom: 0 !important;
    }
    .virtual-garage--edit_form_post .sender-block{
      margin-top: 10px;
    }
    .customer-account-virtualGarage-block .account-grid .item .line a{
      min-width: calc(50% - 5px);
    }
    .customer-account-virtualGarage-block .account-grid .item{
      flex-wrap: wrap;
    }
    .customer-account-virtualGarage-block .account-grid .item .image{
      width: 100%;
      height: 180px;
    }
    .customer-account-virtualGarage-block .account-grid .item .info{
      width: 100%;
    }
    .account-login--block .form-line label{
      margin-top: 5px
    }
    .form .form-line .input-icon[data-icon="info"]:after{
      width: 15px;
      height: 15px;
    }
    .form .form-line .input-icon[data-icon="info"]:before{
      white-space: normal;
      width: 100px;
    }
    .form .form-line .item-5{
      width: calc(40% - 5px);
    }
    .form .form-line .item-6{
      width: calc(50% - 5px);
    }
    .basket--block .basket--content .paymentDetails-content .cards-line label{
      width: calc(20% - 10px);
    }
    .basket--block .basket--content .basket--content_additionals-line .basket--content_additional{
      width: 100%;
    }
    .form .form-line{
      margin-bottom: 0;
    }
    .form .form-line label{
      margin-top: 5px;
      margin-bottom: 10px;
    }
    .form .form-line .item-3:last-child{
      width: 100%;
    }
    .form .form-line .item-1{
      width: 100%;
    }
    .form .form-line .item-3{
      width: calc(50% - 5px);
    }
    .information-resourses .categories{
      justify-content: space-evenly;
    }
    .menu-categories .categories{
      justify-content: space-evenly;
    }
    .menu-categories .categories a{
      margin-top: 0px;
      margin-bottom: 4vw;
    }
    .information-resourses .categories a{
      margin-bottom: 4vw;
    }
    .menu-categories .search form{
      width: 70%;
    }
    .menu-categories .search .search-input{
      width: 100%;
    }
    .categories-desription .name-of-car{
      font-size: 26px;
      background-size: 100% 100%;
    }
    .information-resourses .categories .category{
      width: 100%;
      height: 100px;
    }
    .menu-categories .categories a{
      margin-bottom: 2vw!important;
      margin-right: 1vw!important;
      width: 48%;
    }
    .menu-categories .categories .category{
      width: 100%!important;
      min-height: 150px;
    }

    .ss-table.ss-table_w1_3 .ss-table-col:nth-child(1){
      width: 25%;
    }
    .ss-table.ss-table_w1_3 .ss-table-col:nth-child(2){
      width: 40%;
    }
    .ss-table.ss-table_w1_3 .ss-table-col:nth-child(3){
      width: 15%;
    }
    .ss-table.ss-table_w1_3 .ss-table-col:nth-child(4){
      width: 20%
    }
    .categories-tree ul li .has-child img{
      top: 0;
    }
    .basket--block .basket--content .ttl-line h2{
      font-size: 1rem;
    }
    .ss-table .ss-table-row:nth-child(1) .ss-table-col{
      font-size: 0.7rem
    }
    .basket--block .basket--content .basket--content_list_product .product-info .product-info-text h3,
    .basket--block .basket--content .basket--content_list_product .product-info .product-info-actions a,
    .basket--block .basket--content .basket--content_list_product .product-price p{
      font-size: 0.8rem;
    }
    .ss-table .ss-table-message p{
      font-size: 0.7rem
    }
    .basket--content_list_product-combo_block ul{
      padding: 10px 5px 0 5px;
    }
    .basket--content_list_product-combo_block ul .old-price{
      font-size: 0.6rem;
    }
    .basket--content_list_product-combo_block ul li p{
      font-size: 0.5rem !important;
    }
    .basket--block .basket--content .basket--content_list_product .product-info .product-info-actions a{
      margin-right: 10px;
    }
    .basket--block .basket--content .basket--content_list_product .product-info{
      flex-wrap: wrap;
      padding: 0 5px;
    }
    .basket--block .basket--content .basket--content_list_product .product-info .product-info-image{
      width: 90%;
      padding: 45%;
    }
    .basket--block .basket--content .basket--content_list_product .product-info .product-info-text{
      padding-left: 0;
      width: 100%;
    }
    .basket--block .checkout-content_header .checkout-content_header-logo_proccess .checkout-content_logo{
      padding-right: 20px;
      margin-right: 20px
    }
    .basket--block .checkout-content_header .checkout-content_header-logo_proccess .checkout-content_process-items a{
      margin-left: 20px
    }
    .basket--block .basket--content .basket--content_login{
      flex-wrap: wrap;
    }
    .basket--block .basket--content .basket--content_login .basket--content_login-item{
      width: 100%;
      margin-bottom: 20px
    }
    .basket--block .basket--content .basket--content_login .basket--content_login-item form button{
      margin: 0;
      margin-top: 10px;
    }
    .basket--block .basket--content h3{
      font-size: 0.9rem
    }
    .basket--block .basket--content .basket--content_list_product .product-qty input{
      width: 30px
    }
    .basket--block .checkout-content_header .checkout-content_header-address{
      text-align: left
    }
    .categories-desription .name-of-car{
      min-height: 60px;
    }
    .categories-desription .name-of-car h1{
     font-size: 1.6rem
    }
    body #zonos{
      bottom: 0px !important;
      left: 5px !important;
      z-index: 1032 !important;
    }
    body #zonos .z-flag img{
      width: 40px;
      height: 40px;
    }
    .recomender-parts--carousel .product{
      padding: 15px 5px 10px;
    }
    .recomender-parts--carousel .product .top-line{
      font-size: 0.6rem;
      padding: 3px 5px;
    }
    .recomender-parts--carousel .product .info h3{
      height: 50px;
    }


    .customers-story--block .line .images .image{
      width: calc(20% - 10px);
    }
    .notfound--block{
      height: 500px;
    }
    .notfound--block .content h1{
      font-size: 100px
    }
    .notfound--block .content{
      width: 90%;
    }
    .virtual-garage--user_list .remove-line{
      transform: translate(140px,0);
    }
    .ssPopup--title h3{
      font-size: 1.1rem;
      width: 80%;
      margin: auto;
    }
    .no-mobile{
      display: none !important;
    }
    .no-desctop{
      display: block !important;
    }
    .preheader .preheader-promo{
      width: 100%;
      text-align: center;
    }
    header .main-header--logo{
      margin-right: 0px;
      order: 1;
    }
    header .main-header--mobile_search{
      order: 1;
      width: 25px;
    }
    header .main-header--menu-burger span{
      height: 3px;
    }
    .main-header-left{
      width: 100%;
      justify-content: space-between;
    }
    .slide-nav{
      width: 100%;
    }
    .add-coupone-form:before{
      width: 600px;
      left: -100px;
    }
    .ttl-type-2 .headers{
      max-width: 100%
    }
    .ttl-type-2 .ss-default-btn{
      display: none
    }
    section{
      padding: 30px 0
    }
    .carousel-navigation-1 .owl-nav{
      width: 80%
    }
    .atricles-slider--block .item{
      height: 190px
    }
    .popularCategories .line{
      width: calc(100% + 30px);
      margin-left: -15px;
      flex-wrap: wrap
    }
    .popularCategories .line .image{
      width: 100%
    }
    .popularCategories .line .image img{
      width: 100%
    }
    .popularCategories .line .info{
      width: 100%;
      order: -1;
      text-align: center !important;
    }
    .popularCategories .line .info p{
      width: 100%
    }
    .popularCategories .line .info .select-car{
      float: none;
      margin: auto;
      width: 160px;
    }
    .popularCategories .line-categoryes a{
      margin-bottom: 10px;
      box-shadow: 0 0 5px rgba(0,0,0,.1);
    }
    .product-listing--block.type-1 .product .info h3{
      font-size: 1rem;
      min-height: 1px;
    }
    .recomender-parts--carousel .carousel-navigation-2{
      width: 90%;
      margin-left: auto;
      margin-right: auto;
    }
    .calltoaction--block{
      padding: 40px 0;
    }
    .calltoaction--block .line{
      width: 100%
    }
    .calltoaction--block .line .half h2{
      font-size: 1.8rem
    }
    .calltoaction--block .line .half p{
      font-size: 0.9rem
    }
    .aboutstore--block .line .item{
      width: 85%;
      margin: 0 auto 20px auto;
    }
    .aboutstore--block .line .item .info h4{
      font-size: 1rem
    }
    .aboutstore--block .line .item .info p{
      font-size: 0.9rem
    }
    .aboutstore--block .line .item .info{
      padding: 15px 20px 30px 20px;
    }
    .aboutstore--block .line .item .info .ss-default-btn{
      font-size: 0.8rem
    }
    .atricles-grid--block .article-grid{
      flex-wrap: wrap
    }
    .atricles-grid--block .article-grid .column-half{
      width: 100%
    }
    .atricles-grid--block .article-grid .acticle{
      margin: 0 0 5px 0;
      min-height: 140px;
    }
    .atricles-grid--block .article-grid .column-two-three{
      display: none
    }
    .atricles-grid--block .article-grid .small-atricle{
      width: 48%;
      margin: 0 1%
    }
    .atricles-grid--block .article-grid .small-atricle h3{
      font-size: 0.9rem
    }
    .customers-story--block .line .images{
      width: 400%
    }
    .customers-story--block .line .images .image{
      height: 270px
    }
    .subscribeform--block .line .info{
      text-align: center;
      width: 100%
    }
    .subscribeform--block .line .info img{
      width: 70%;
      margin: 0 auto 10px auto;
      display: block
    }
    .subscribeform--block .line form .form-content{
      flex-wrap: wrap;
    }
    .subscribeform--block .line form .form-content .sender-block,
    .subscribeform--block .line form .form-content input,
    .subscribeform--block .line form .form-content button{
      width: 100%;
      margin-bottom: 10px;
    }
    .subscribeform--block .line form .form-content input{
      padding: 4px 10px
    }
    .subscribeform--block .line form .form-content button{
      padding: 10px 0
    }
    .subscribeform--block .line form .social-list a img{
      width: 30px;
    }
    .mobile-fixed-footer{
      display: block;
    }
    [data-page-code='ORDL'] footer,
    [data-page-code='OINF'] footer,
    [data-page-code='OCST'] footer,
    [data-page-code='OSEL'] footer,
    [data-page-code='OPAY'] footer{
      margin-bottom: 0;
    }
    footer{
      margin-bottom: 50px;
    }
    footer .prefooter .logo-line img{
      width: 120px
    }
    footer .prefooter .ss-default-btn{
      margin: auto
    }
    footer .main-footer .menu-lines ul{
      width: 50%;
    }
    footer .main-footer .menu-lines ul li:first-child{
      width: 90%;
      border-bottom: 1px solid var(--c-light);
      margin-bottom: 5px;
      padding-bottom: 5px;
    }
    footer .after-footer{
      font-size: 0.5rem
    }
    footer .after-footer .line{
      flex-wrap: wrap
    }
    footer .after-footer .line .scrolltop{
      margin-bottom: 5px;
      font-size: 0.7rem;
      justify-content: center
    }
    footer .after-footer .line .payment-method{
      margin-bottom: 10px;
      order: -1;
      width: 100%;
      justify-content: space-between;
    }
    .account-login--block .bg{
      width: 100%;
      height: 48%;
    }
    .account-login--block .content{
      position: relative;
      top: auto;
      left: auto;
      transform: none;
      flex-wrap: wrap;
    }
    .account-login--block .content .half{
      width: 100%;
      min-height: 50vh;
      padding: 40px 25px;
    }
    .one-form{
      width: 100%
    }
    .account-grid .item p{
      width: 100%;
    }
    .account-grid .item.item-large,
    .account-grid .item.item-big{
      width: calc(100% - 10px);
    }
    .account-grid .item.item-medium{
      width: calc(50% - 10px);
    }
    .account-grid .item.item-small{
      width: calc(16.667% - 10px);
    }
    .account-grid .item a img{
      width: 20px;
    }
    .account-grid .item a span{
      font-size: .8rem;
    }
    .account-table tbody .product-details a img{
      max-height: 50px;
    }
    .account-table p,
    .account-table th{
      font-size: 0.8rem
    }
    .buildlist-products .item{
      padding: 5px 10px;
      flex-wrap: wrap;
    }
    .buildlist-products .item .qty-cell{
      width: 15%;
    }
    .buildlist-products .item .btns-cell a{
      padding: 5px 10px
    }
    .product-listing--block .line.inline-5 .product{
      width: calc(50% - 15px);
    }
    .product-listing--block.type-1 .product .info h3{
      height: 95px;
    }
    .ttl-search,
    .ttl-search input{
      width: 100%
    }
    .subscribeform--block .line form .form-content .sender-block .sender-block--title{
      padding: 10px 0;
    }
    .subscribeform--block .line form .form-content input{
      padding: 10px;
    }
    .form.form-inline.ymm-main-form .form-line{
      width: 100%;
    }
    .form.form-inline.ymm-main-form .btn-group{
      margin-top: 5px;
      margin-left: 0;
      width: 100%;
    }
    .basket--block .basket--content .basket--content_shippingList label{
      flex-wrap: wrap;
    }
    #payment-option-2-container label img{
      display: none;
    }
  }
  @media only screen and (max-width : 460px) and (max-device-width: 460px) {
    .account-table--container{
      overflow-x: auto;
      padding-bottom: 10px;
    }
    .account-table tbody .product-details a{
      min-width: 350px;
    }
    .customer-account-orderDetails-block .account-grid .item.item-big{
      width: 100%;
    }
    .account-grid .item.item-small{
      width: calc(50% - 10px);
    }
    .buildlist-products .item .details-cell{
      width: 85%;
    }
    .buildlist-products .item .btns-cell{
      padding-top: 10px;
      width: 100%;
    }
    .buildlist-settings p{
      font-size: 0.8rem;
      padding: 10px 5px;
    }
    .recomender-parts--carousel .ss-default-btn{
      padding: 10px 20px;
      font-size: 0.8rem;
    }
    .buildlist-totals .btn{
      width: 100%;
    }
    #chat-widget-container{
      width: 1px !important;
      height: 1px !important;
    }
  }
  @media only screen and (max-width : 374px) and (max-device-width: 374px){
    .basket--block .checkout-content_header .checkout-content_header-logo_proccess .checkout-content_process-items a{
      width: 30px;
      height: 30px;
    }
    .form.product-attributes--block{
      padding: 10px;
    }
    .recomender-parts--carousel .product .top-line{
      padding: 5px 10px;
      font-size: 0.9rem;
    }
    .car-information .car-title{
      font-size: 2rem;
    }
    .product--combo_block-header h3{
      width: 90%;
    }
    .product--combo_block-item{
      padding: 10px;
      flex-wrap: wrap;
    }
    .product--combo_block{
      padding: 10px;
    }
    .product--combo_block-item_image{
      width: 100%;
      padding: 20% 0;
      margin-bottom: 5px
    }
    .car-information .promotional-code{
      padding: 10px;
    }
    .car-information .car-quantity{
      display: block;
      margin: 0;
      margin-bottom: 15px;
      font-size: 1rem;
    }
    .car-information .car-quantity input{
      width: 150px;
      margin-left: 5px;
    }
    .car-information .buy-buttons button{
      width: 100%;
      margin: 0;
      margin-bottom: 10px;
    }
    .product--combo_block-item_info,
    .product--combo_block-item_price{
      padding: 0;
      width: 100%;
      text-align: center
    }
    .basket--block .basket--content .basket--content_list_product .product-info .product-info-text h3,
    .basket--block .basket--content .basket--content_list_product .product-info .product-info-actions a,
    .basket--block .basket--content .basket--content_list_product .product-price p{
      font-size: 0.7rem
    }
    .ss-table .ss-table-message h4{
      font-size: 0.8rem;
    }
    .basket--totals .basket--totals_content .basket--totals_content-line form button{
      padding: 10px 5px;
    }
    .categories-desription .name-of-car h1{
      font-size: 1.4rem
    }
    .recomender-parts--carousel .product .info h3{
      height: auto;
      min-height: 45px;
      font-size: 0.9rem;
    }
    .recomender-parts--carousel .product .image img{
      width: auto;
      height: auto;
    }
    .recomender-parts--carousel .product .info .atc{
      font-size: 0.9rem;
    }
    .calltoaction--block .line .half .ss-btn-group .ss-default-btn{
      padding: 10px 0;
    }
    .product-listing--block .line.inline-5 .product{
      width: calc(100% - 15px);
    }
    .product-listing--block.type-1 .product .info h3{
      height: auto;
    }

  }
  @media only screen and (max-width : 360px) {
    .mobile-fixed-footer .mobile-footer-btns,
    .mobile-fixed-footer .contact-us{
      width: 40%;
    }
  }

  @media only screen and (max-height : 650px){
    .hideH650{
      display: none;
    }
  }
  @media only screen and (max-height : 550px){
    .hideH550{
      display: none;
    }
    .slide-nav--content{
      margin-top: -40px;
      height: calc(100% + 40px);

    }
    .slide-nav--ttl-line.yellow-line{
      margin-bottom: 10px!important;
    }
    .ajax-cart--product_list{
      max-height: 45vh;
    }
  }
  @media only screen and (max-height : 500px){
    .nmH500{
      margin: 0px!important;
    }
  }

/*End Media*/
@media only screen and (min-width : 992px) {
  .car-information .rating-scale{
    position: absolute;
    top: -25px;
    right: 25px;
  }
}

@media only screen and (max-width : 992px) and (min-width : 768px) {
  .car-information .checkout-now{
    width: 35%;
  }
  .car-information .add-to-card{
    width: 30%;
  }
  .car-information .add-to-build{
    width: 21%;
  }
}


@media only screen and (max-width : 768px) and (max-device-width: 768px) {
  .tablet--hide{
    display: none !important;
  }
  .tablet--show{
    display: block !important;
  }
  .car-information .car-price{
    margin: 0 0 10px 0;
  }
  .product_details-line.atc-block{
    margin: 10px 0 25px 0;
  }
  .after-atc--block{
    margin: 15px 0 25px 0;
  }
}
@media only screen and (max-width : 576px) and (max-device-width: 576px) {
  .car-information .car-title{
    font-size: 1.6rem;
  }
  .car-title + .product_details-line p.item{
    font-size: .75rem;
  }
  .car-information .rating-car-star{
    width: 17px;
    height: 17px;
  }
  .car-information .car-fit-no{
    width: 100%;
  }
  .car-information .car-fit-no span{
    font-size: 14px;
  }
  .car-information .car-price span:first-child{
    font-size: 2.4rem;
  }
  .car-information .checkout-now{
    margin-right: 0 !important;
    width: calc(100% - 75px);
  }
  .car-information .add-to-card{
    margin-top: 10px;
    width: calc(50% + 5px);
  }
  .car-information .add-to-build{
    margin-top: 10px;
    width: calc(50% - 15px);
  }
  .car-information .car-details{
   justify-content: space-between;
  }
  .ss-message{
    padding: 5px 10px;
  }
  .car-information .car-fits-counter{
    margin-left: 25px;
  }
  .after-atc--block{
    margin: 15px 0 10px 0;
  }

}

.checkout-step:not(.-current){
  display: none;
}

/* .checkout-step.-complete:not(.-current) .content{
  display: none;
} */

.payment-options{
  width: 100%;
}
.payment-options p{
  margin-bottom: 0 !important;
}
.payment-option{
  position: relative;
}
.payment-option [data-bt-paypal-info]{
  display: none;
}
.payment-option label{
  padding: 10px 20px;
  background-color: #fff;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 50px;
  margin-bottom: 10px;
  border: 1px solid #ddd;
}
.payment-option label img{
  width: auto !important;
}

.payment-options .additional-information:before{
  content: '';
  position: absolute;
  top: -18px;
  left: 25px;
  border: 10px solid transparent;
  border-bottom-color: #ffffff;
  z-index: 0;
}
.payment-options .additional-information{
  display: inline-block;
  position: relative;
  background-color: #ffffff;
  width: 100%;
  padding: 10px 20px;
  margin: 0 0 10px 0 !important;
  border: 1px solid #eee;
  border-radius: 5px;
  box-shadow: 0 5px 5px rgba(0, 0, 0, .05);
}
.payment-options .additional-information section{
  padding: 0;
}
html{
  opacity: 1 !important;
}