@media only screen and (min-width: 300px) and (max-width: 767px) {
    .navitem{
        background-color: rgb(0, 157, 255);
        padding: 10px;
    
    }
    
     .navitem .nav-link{
        color: white;
        font-size: 10px;
        font-weight: bold;
    }

    /* slider design */

.mySwiper .swiper-slide .img-fluid{
    width: 100%;
height: 300px;
}
    


    .ct1 {
        padding:1rem;
        flex-direction: column;
        width: 100%;
      }
      
      
      .ct1 .form h2 {
        font-size: 1.5rem;
        padding-bottom: 8px;
      }
      
      .ct1 .form form {
         width: 100%;
      }
      
      .ct1 .form form input
       {
        width: 95%;
        padding: 13px;
      }
      
    
      .ct1 .form form textarea {
        width: 95%;
        padding: 22px;
      }
    
      .ct1 .form form button {
        width: 95%;
        padding: 10px;
      }

      .headline{
        padding-top: 1rem;
        padding: 7rem;
    }

    .tender{
      padding: 8.5rem;
      background-color: rgb(140, 138, 138);
    text-align: center;
  }

  .gallerysection{
    padding: 4rem;
    padding-bottom: 3rem;
}

.header1{
  padding-top: 7rem;
  padding-bottom: 1rem;
}
    

}