@media(max-width:991px){
    .container{padding: 0 20px;}
    .product-view-wrap{
        flex-direction:column;
    }

    .product-img-section,
    .product-content{
        width:100%;
    }

    .main-image-wrapper{
        height:450px;
    }
    .contect-detail-wrap{flex-direction: column;}

}

@media (max-width: 786px) {
  html {
    font-size: 8px;
  }
  h3 { font-size: 2.8rem !important;}
  h4 { font-size: 2rem !important;}
  h2 { font-size: 4rem !important;}
  p{font-size: 2rem !important;}
  .card-wrap .box {
    flex-basis: calc(50% - 1rem) !important;
  }
  .home-hero .home-hero-wrap .home-hero-content {
    flex-direction: column;
  }
  .home-hero .home-hero-wrap .home-hero-content .hero-left {
    width: 100%;
  }
  .home-hero .home-hero-wrap .home-hero-content .hero-left p {
    width: 100%;
    margin: 2rem 0;
  }
  .home-hero .home-hero-wrap .home-hero-content .hero-left h1 {
    font-size: 5.2rem;
  }
  .home-hero .home-hero-wrap .home-hero-content .hero-right {
    width: 100%;
    top: 0;
  }
  .home-about .home-about-wrap .home-about-content {
    flex-direction: column;
  }
  .home-about .home-about-wrap .home-about-content .home-about-left {
    width: 100%;
  }
  .home-about .home-about-wrap .home-about-content .home-about-right {
    width: 100%;
  }
  .fleets .fleets-wrap .fleets-box {
    flex-basis: 100%;
  }
  .why-choose-card .why-choose-card-wrap .why-choose-card-box {
    flex-basis: 100%;
  }
  .service-detail-data {
    flex-direction: column;
  }
  .service-detail-data .data-left {
    width: 100%;
  }
  .service-detail-data .data-right {
    width: 100%;
  }
  .faq .faq-container .faq-box {
    flex-basis: 100%;
  }
  .blog .blog-card {
    flex-basis: 100%;
  }
  .contact-container {
    flex-direction: column;
  }
  .contact-container .contact-detail {
    width: 100%;
  }
  .contact-container .contact-form {
    width: 100%;
  }
  .popform {
    width: 90% !important;
  }
  .mobile-form-btn {
    display: flex;
  }
  .form-pop-btn, .whats-floting-btn {
    display: none;
  }
  .c-hero-sec{height: 300px;}
  .feature-wrap span{flex-basis: calc(52% - 2rem);}
  .fleet-price{flex-direction: column;}
   .product-img-section{
        flex-direction:column-reverse;
    }

    .thumbnail-list{
        flex-direction:row;
        overflow:auto;
    }

    .thumbnail-list img{
        min-width:80px;
    }

    .main-image-wrapper{
        height:350px;
    }

    .product-title{
        font-size:28px;
    }

    .current-price{
        font-size:28px;
    }
        .details-tabs{
        overflow:auto;
        flex-wrap:nowrap;
    }

    .tab-btn{
        white-space:nowrap;
    }

    .tab-content{
        padding:25px;
    }

    .tab-content h2{
        font-size:24px;
    }
     ul.editor-li-card li { flex-basis: 100%; }
     .footer-payment-service .footer-block-card{flex-basis: calc(52% - 2rem);}
     .service-card-container .card-box{flex-basis: 100%;}
     .star-block-left { width: 100%; }
     .star-block { flex-direction: column; }
     .star-block-right { width: 100%; margin-top: 2rem; }
     .we-do-content-block-left { max-width: 100%; }
     .we-do-content-block-right img { width: 100%; margin-bottom: 10px; }
     .product-btn{flex-direction: column; text-align: center;}
     .sub-cate-card .shop-page-top-cate{flex-basis: calc(50% - 1rem);}
     .block-services article { flex-basis: 90%; margin: 0rem; }
     .testimonila-wrap { flex-direction: column; text-align: center; padding: 0 2rem; }
     .footer .footer-wrap .footer-nav .block4 .address p{font-size: 1.6rem;}
     .footer .footer-wrap .footer-nav a{font-size: 1.7rem;}
      .footer .footer-wrap .footer-nav ul{ line-height: 24px; }
      .ck-editor .ck-list ul > li{font-size: 2rem;}
      .add-mobile p{font-size: 1.6rem !important;}
      .top-category-card-img{height: 20rem;}

}