/* header css start */

.header{
   box-shadow: 0 0 9px -2px grey;
}


.header .navbar-brand .header-logo {
  height: 78px;
}

.header .navbar-nav .nav-item .nav-link {
  color: #000000;
  font-size: 16px;
  font-weight: 500;
}

.header .navbar-nav .nav-item {
  margin: 0px 29px;
}

/* header responsive start */
@media (min-width: 0px) and (max-width: 320px) {
  .header .navbar-nav .nav-item {
    margin: 0px 0px;
  }

  .header .navbar-brand .header-logo {
    height: 50px;
  }
}

@media (min-width: 321px) and (max-width: 485px) {
  .header .navbar-nav .nav-item {
    margin: 0px 0px;
  }
  .header .navbar-brand .header-logo {
    height: 60px;
  }
}

@media (min-width: 486px) and (max-width: 575px) {
  .header .navbar-nav .nav-item {
    margin: 0px 0px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .header .navbar-nav .nav-item {
    margin: 0px 0px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .header .navbar-nav .nav-item {
    margin: 0px 0px;
  }
}

@media (min-width: 992px) and (max-width: 1023px) {
  .header .navbar-nav .nav-item {
    margin: 0px 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1199px) {
  .header .navbar-nav .nav-item {
    margin: 0px 10px;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .header .navbar-nav .nav-item {
    margin: 0px 25px;
  }
}

/* header css end */