/* navbar media queries */




/* slider media queries */
@media only screen and (max-width: 390px) {
    .banner-img {
      width: 50%;
      
    }
  }
@media only screen and (max-width: 768px) {
    .banner-img {
      width: 100%;
    }
  }

  @media only screen and (min-width: 769px) and (max-width: 1200px) {
    .banner-img {
      width: 100%;
    }
  }

  @media only screen and (min-width: 1201px) {
    .banner-img {
      width: 100%;
    } 
  }