@media screen and (max-width: 768px) {
   ::-webkit-scrollbar {
       display: none; 
      }

      .bluebox{
         display: none;
      }

      .bottom-bar{
         position: relative;
     }
     

   .bottom-bar .box1{
      display: flex;
      justify-content: center;
      align-items: center;
   }

   .bottom-bar .box1 img{
      width: 100%;
   }
   
  
  .bottom-bar .box2 nav ul{
      overflow: auto;
      white-space: nowrap;
  }
  
  .bottom-bar .box2 nav ul li{
      list-style-type: none;
      margin: 10px 13px;
  }
  
  .bottom-bar .box2 nav ul li a{
      text-decoration: none;
      color: #165fa0;
      font-size: 19px;
      position: relative;
  }
  
  .bottom-bar .box2 nav ul li a::after{
      content: "";
      position: absolute;
      height: 1px;
      width: 100%;
      left: 0;
      bottom: -10px;
      transform: scale(0);
      background-color: #165fa0;
      transition: 0.3s;
  }
  
  /* .bottom-bar .box3{
   display: flex;
   flex-direction: column;
   align-items: end;
   justify-content: end;
} */

.bottom-bar .box3 .req-btn{
   background-color: #165fa0;
    color: #fff;
}

.home-section .home-bg-1{
   min-height: 250px;
}

.home-section .home-bg-2{
   min-height: 250px; 
}

.home-section .home-bg-3{
   min-height: 250px;
}


.home-section .home-bg-1 .content{
   left: 6%;
   top: 25%;
   width: 90%;
}

.home-section .home-bg-2 .content{
   left: 6%;
   top: 25%;
   width: 90%;
 }

 .home-section .home-bg-3 .content{
   left: 6%;
   top: 25%;
   width: 90%;
 }

 .home-section .content h1{
   font-size: 35px;
 }
 
 .carousel .carousel-indicators button{
   background-color: #fff !important;
   margin: 0 3px;
   padding-inline: 5px !important;
}


.productcat .box .product .proinfo p{
  font-size: 20px;
}

   
   .footer .box2{
        align-items: center;
     }     
     .footer .box3{
        align-items: center;
     }    







     .about-home-section .about-home-bg-1{
      min-height: 250px;
  }
  
  .about-home-section .about-home-bg-2{
      min-height: 250px; 
  }
  
  .about-home-section .about-home-bg-3{
      min-height: 250px;
  }
  
  .about-home-section .about-home-bg-1 .content{
     left: 6%;
     top: 25%;
     width: 90%;
  }
  
  .about-home-section .about-home-bg-2 .content{
      left: 6%;
      top: 25%;
     width: 90%;
   }
  
   .about-home-section .about-home-bg-3 .content{
      left: 6%;
      top: 25%;
     width: 90%;
   }
  
   
   .about-home-section .content h1{
      font-size: 35px;
    }
  



    .ourproduct-home-section .ourproduct-home-bg-1{
      min-height: 250px;
  }
  
  .ourproduct-home-section .ourproduct-home-bg-2{
      min-height: 250px; 
  }
  
  .ourproduct-home-section .ourproduct-home-bg-3{
      min-height: 250px;
  }
  
  .ourproduct-home-section .ourproduct-home-bg-1 .content{
     left: 6%;
     top: 25%;
     width: 90%;
  }
  
  .ourproduct-home-section .ourproduct-home-bg-2 .content{
      left: 6%;
      top: 25%;
     width: 90%;
   }
  
   .ourproduct-home-section .ourproduct-home-bg-3 .content{
      left: 6%;
      top: 25%;
     width: 90%;
   }
  
   
   .ourproduct-home-section .content h1{
      font-size: 35px;
    }
  




    .brands-home-section .brands-home-bg-1{
      min-height: 250px;
  }
  
  .brands-home-section .brands-home-bg-2{
      min-height: 250px; 
  }
  
  .brands-home-section .brands-home-bg-3{
      min-height: 250px;
  }
  
  .brands-home-section .brands-home-bg-1 .content{
     left: 6%;
     top: 25%;
     width: 90%;
  }
  
  .brands-home-section .brands-home-bg-2 .content{
     left: 6%;
     top: 25%;
     width: 90%;
   }
  
   .brands-home-section .brands-home-bg-3 .content{
     left: 6%;
     top: 25%;
     width: 90%;
   }
  
   
   .brands-home-section .content h1{
      font-size: 35px;
    }
  




    .contactus-home-section .contactus-home-bg-1{
      min-height: 250px;
  }
  
  .contactus-home-section .contactus-home-bg-2{
      min-height: 250px; 
  }
  
  .contactus-home-section .contactus-home-bg-3{
      min-height: 250px;
  }
  
  .contactus-home-section .contactus-home-bg-1 .content{
     left: 6%;
     top: 25%;
     width: 90%;
  }
  
  .contactus-home-section .contactus-home-bg-2 .content{
     left: 6%;
     top: 25%;
     width: 90%;
   }
  
   .contactus-home-section .contactus-home-bg-3 .content{
     left: 6%;
     top: 25%;
     width: 90%;
   }
  
   
   .contactus-home-section .content h1{
      font-size: 35px;
    }
  
}