/*--------------------------
Overall
--------------------------*/

@media (max-width: 576px) {
    .sppb-row-container, .sp-slider-outer-stage .sppb-container {
        max-width:560px!important;
    }
}


@media (max-width: 991px) {
  #sp-logo {
    max-width: 50%!important;
  }

  #sp-menu {
    max-width: 50%!important; 
  } 

  .logo-image-phone {
    height: 55px!important;
  }
  
  .sppb-carousel-extended-nav-control {
    display: none!important;
  }
  
  .fab-wrapper {
    bottom: 70px!important;
  }
  
  a.sp-scroll-up {
    bottom: 80px!important;
  }
}

@media (max-width: 767px) {

  .sp-page-title {
    padding: 50px!important;
  }

  .sp-page-title .sp-page-title-heading {
    font-size: 30px!important;
  }
}


@media(max-width:991px){
  .blog-list-wrapper {
    margin-top: 20px;
  }
}

@media(max-width:767px){
  .blog-list-wrapper {
    margin-top: 0px;
  }
}
/*--------------------------
Homepage
--------------------------*/

@media (max-width: 991px) and (min-width:768px)  {
  
  /*----------------Category Home--------------*/
  
  .category03-home .sppb-addon-image-content .sppb-image-holder {
    width: 70%!important;
    transform: scale(1)!important;
  }

  .category01-home .sppb-addon-image-content .sppb-image-holder {
    width: 70%!important;
    right: -10%!important;
    top: 0!important;
  }

  .category03-home .sppb-container .sppb-col-sm-6 {
    flex: 0 0 100%!important;
    max-width: 75%!important;
  }

  .category04-home .sppb-container .sppb-col-sm-6 {
    flex: 0 0 100%!important;
    max-width: 70%!important;
  }

  .category02-home .sppb-col-sm-6 {
    max-width: 80%!important;
    flex: 0 0 101%!important;
    padding-bottom: 120px!important;
  }

  .category02-home .sppb-addon-image-content .sppb-image-holder {
    width: 100%!important;
    top: 10%!important;
  }

  .category03-home .sppb-addon-image-content.aligment-right .sppb-content-holder, .category04-home .sppb-addon-image-content.aligment-right .sppb-content-holder {
    padding: 20% 0 15% 0% !important;
  }

  .category04-home .sppb-addon-image-content .sppb-image-holder {
    right: -160px!important;
  }
  
  .category02-home .sppb-addon-image-content.aligment-right .sppb-content-holder {
    padding-top: 85%!important;
  }
  
  /*----------------Banner Home--------------*/

  .usp-box-home img {
    transform: scale(0.5)!important;
    margin-bottom: -60px!important;
    margin-left: -15px!important;
  }

  .usp-box-home .sppb-media-content {
    padding-top: 22%!important;
  }

  .banner-content-home .sppb-img-container {
    width: 70px!important;
  }

  .banner-content-home img {
    padding: 12px!important;
  }

  .banner-home {
    padding: 30px 0px!important;
  }

  .banner-home .sppb-row-column {
    padding: 5px!important;
  }
  
}


@media (max-width: 1200px) and (min-width:992px)  {
  .category01-home .sppb-addon-image-content.aligment-right .sppb-content-holder {
    padding-top: 25%!important;
  }

  .category03-home, .category04-home {
    min-height: 300px!important;
  }

  .category03-home .sppb-addon-image-content .sppb-image-holder {
    width: 80%!important;
    transform: scale(0.9)!important;
  }

  .category03-home .sppb-container .sppb-col-sm-6 {
    flex: 0 0 59%!important;
    max-width: 100%!important;
  }
}


@media (max-width: 991px) {
  
  /*----------------Font Title--------------*/

  h1.sppb-sp-slider-title {
    font-size: 28px!important;
  }

  h6.sppb-sp-slider-title {
    font-size: 16px!important;
  }
  
  .title-left {
    max-width: 100%!important;
  }
  
  .title-center {
    max-width: 100%!important;
  }
  
  /*----------------Slider Homepage--------------*/
  
  .home-default-slider .default-slider-text {
    max-width: 100%!important;
  }

  .sppb-sp-slider-text {
    max-width: 90%!important;
  }

  .sppb-sp-slider-text p{
    margin-bottom: 0px!important;
    font-size: 16px!important;
  }

  .sp-slider-btn-text {
    font-size: 13px!important;
  }
  
  .sp-dots {
    display: none!important;
  } 
  
  .home-default-slider {
    margin-top: -60px!important;
  }
}

@media (max-width: 767px) {

  /*----------------Category Homepage--------------*/

  .category01-home .sppb-addon-image-content.aligment-right .sppb-content-holder, .category02-home .sppb-addon-image-content.aligment-right .sppb-content-holder, .category03-home .sppb-addon-image-content.aligment-right .sppb-content-holder, .category04-home .sppb-addon-image-content.aligment-right .sppb-content-holder {
    padding: 5% !important;
  }

  .category01-home, .category02-home, .category03-home, .category04-home {
    text-align: center!important;
  }

  .category01-home .sppb-addon-image-content .sppb-image-holder, .category02-home .sppb-addon-image-content .sppb-image-holder, .category03-home .sppb-addon-image-content .sppb-image-holder, .category04-home .sppb-addon-image-content .sppb-image-holder {
    width: 100%!important;
    background-position: center!important;
    right: 0!important;
    top: 20px!important;
    transform: scale(1)!important;
  }

  .category02-home .sppb-col-sm-6 {
    max-width: 100%!important;
    flex: 0 0 100%!important;
  }

  .category04-home .sppb-addon-image-content .sppb-image-holder {
    transform: scale(0.95)!important;
  }
  
  .category-desc .sppb-column-addons {
    max-width: 75%!important;
  }
  
  .banner-home {
    margin-bottom: 0px!important;
  }


  /*----------------Banner Homepage--------------*/
  .banner-home {
    margin-top: 0px!important;
    padding: 10% 15%!important ;
  }

  .banner-content-home p {
    max-width: 80%!important;
    margin: auto!important;
  }
  
  .banner-home .sppb-column {
    padding-right: 0px!important;
  }

  .banner-home .sppb-btn-primary {
    margin-top: 15px!important;
  }
}

@media (max-width: 575px) {

  .sp-slider-content-align-left {
    padding-top: 30px!important;
  }

  .home-default-slider {
    margin-top: 0!important;
  }

  h6.sppb-sp-slider-title {
    font-size: 12px!important;
  }

  h1.sppb-sp-slider-title {
    font-size: 24px!important;
  }

  .sppb-sp-slider-text p {
    padding-top: 10px;
    font-size: 14px!important;
  }

  .sppb-sp-slider-button .sp-slider-btn-text {
    font-size: 12px!important;
    padding: 10px 25px!important;
  }
}

/*--------------------------
Contact Page
--------------------------*/

@media (max-width: 991px) {

  .bfQuickMode .bfElemWrap .form-inline input[type="text"], .bfQuickMode .bfElemWrap .form-inline input[type="number"], .bfQuickMode .bfElemWrap .form-inline textarea, .bfQuickMode .bfElemWrap .form-inline select {
    max-width: 100%!important;
  }

  label, .form-label {
    margin-bottom: 10px!important;
  }
}

/*--------------------------
About Page
--------------------------*/

@media (max-width: 991px) {
  
  .about-heading-box .sppb-addon-title {
    display: inline-grid!important;
    line-height: 2!important;
  }

  .about-heading-box span.sppb-addon-title {
    justify-items: center!important;
  }

  .about-heading-box span {
    padding-top: 10px!important;
    padding-left: 0px!important;
    text-align: center!important;
    line-height: 1.8!important;
  }

  .car-brand-home {
    margin-right: 0px!important;
    position: relative!important;
    padding-top: 20px!important;
  }

  .car-brand-home:before {
    display: none!important;
  }

}

/*--------------------------
Product Page
--------------------------*/

@media (max-width: 991px) {

  #sp-left {
    width: 100%!important;
    padding-bottom: 20px!important;
  }

  .product-page #sp-component {
    width: 100%!important;
  }

}

@media (max-width: 767px) {

  .hikashop_filter_module {
    /* min-height: 70px!important; */
  }

  section#sp-filter {
    padding-top: 20px!important;
  }

  .hikashop_filter_main {
    min-height: 70px!important;
  }
}