/* Normal desktop :1200px. */
@media (min-width: 1201px) and (max-width: 3200px) {
  .mobile-nav {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1500px) {
  .mobile-nav {
    display: none;
  }
  .banner-title {
    font-size: 50px;
  }
}

/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1200px) {
  .mobile-nav {
    display: none;
  }
  .banner-title {
    font-size: 20px;
  }
}

/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
  .large-nav {
    display: none;
  }
  .carousel-headings {
    font-size: 36px;
  }
  .dropdown .dropdown-menu {
    top: 25px !important;
    left: -230px !important;
  }
  .btn-dropdown {
    /* color: red !important; */
  }
  .ban-img {
    height: 100px !important;
  }
  .dropdown-navbar {
    padding: 0px 0px 8px;
  }

  .banner-title {
    font-size: 30px;
  }
}

/* small mobile :320px. */
@media (max-width: 767px) {
  .large-nav {
    display: none;
  }
  .carousel-headings {
    font-size: 15px !important;
    background-color: black;
  }
  .footer {
    padding: 0;
  }
  /* .dropdown .dropdown-menu {
    width: px !important;
  } */
  .banner-title {
    font-size: 22px;
  }
  .card-img-overlay {
    top: 65%;
    bottom: 5px;
  }
  .dropdown .dropdown-menu {
    padding: 0;
    top: 38px !important;
    left: -240px !important;
  }
  #r {
    flex-direction: column-reverse;
  }
  .btn-dropdown {
    /* font-size: 10px; */
    /* padding: 4px; */
    /* color: yellow !important; */
  }

  #user-dropdown #user-dropdown-menu {
    width: 50px !important;
    right: -250px !important;
  }
  .ban-img {
    height: 100px !important;
  }
  .dropdown-navbar {
    padding: 0px 0px 8px;
  }
  #r {
    flex-direction: column-reverse;
  }
  .search {
    color: grey;
  }
  .carou-img {
    height: 200px;
  }
  /* 
  .logo-img {
    height: 60px;
    width: autoz;
  } */
}

/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .large-nav {
    display: none;
  }
  .carousel-headings {
    font-size: 10px !important;
  }
  /* .dropdown .dropdown-menu {
   
  } */
  .footer {
    padding: 0;
  }

  /* .dropdown {
    top: 20px !important;
    left: -210px !important;
  } */
  .btn-dropdown {
    /* color: blue; */
  }

  .ban-img {
    height: 100px !important;
  }

  .dropdown-navbar {
    padding: 0px 0px 8px;
  }
  #r {
    flex-direction: column-reverse;
  }
  .mobile-search {
    font-size: 10px;
  }
  .carou-img {
    height: 200px;
  }
}