/* Media Query For 1280px */h5

@media (max-width: 1280px) { 

    /* Basic CSS */
.section-subtitle{
    max-width: 60%;
}


    /* Banner Section */
    .banner_section .carousel-item {
       
    height: 90vh;
    }

 }




/* Media Query For 1024px */
 @media (max-width: 1024px) {

    
    /* Basic CSS */
    .about .banner_section,
    .product .banner_section,
    .gallery .banner_section,
    .contact .banner_section{
       
        padding-top: 12.5rem;
        padding-bottom: 3rem;
    }

    /* NavBar CSS */
    .header .navbar{
        background-size: cover;
        padding: 2rem;
        border-radius: 1.5rem;
    }
    
    .header .navbar-nav{
        margin-top: 2rem;
    }
    
    .header .navbar-nav .nav-link{
        padding: 0.2rem  0.5rem;
        margin-bottom: 1rem;
    }
    
    .header .header_right span{
        padding: 0.2rem 0.5rem;
    }

  }



  /* Media Query For 768px */

  @media (max-width: 768px) {
/* Basic CSS */
    body,html{
        font-size: 8px;
    }

    .section-subtitle{
        max-width: 80%;
    }

    /* Banner Section */
    .banner_section{
    min-height: 70vh;
    }
    .banner_section .carousel-item {
       
        height: 70vh;
        }
    

  }

  /* Media Query For 640px */

  @media (max-width: 640px) { 

    /* Basic CSS */
    body,html{
        font-size: 8px;
    }


   }