/* ======================= Navbar start ======================= */
@font-face {
  font-family: "Montserrat";
  src: url('../fonts/Montserrat-Regular.ttf');
}

#header-desk{display: block;}
#header{display: none;}
.desk{display: block;}
.mobile{display: none;}
.navbar {
  background: #4850a5;
  z-index: 999;
  box-shadow: 2px 2px 5px rgba(112, 112, 112, 0.795);
  padding-top: unset;
}

.navbar-brand img {
 width: 72% !important;
}

.navbar-nav {
  align-items: center;
}

.navbar .navbar-nav .nav-link {
  color: #fff;
  padding: 1.5em 2em;
}

.navbar-expand-lg .navbar-nav .nav-link {
  padding: 20px 14px;
  font-size: 13.1px !important;
  font-family: 'Montserrat', sans-serif !important;
}

#enqirebutton1 {
  padding: 7px 25px;
  border-radius: 5px;
  background-color: #ffc90d;
  color: #fff;
  display: block;
  text-decoration: none;
}

/* header .nav-item{
  color: #000 !important;
  } */
  header .nav-item a {
    font-size: 17px;
    font-weight: 500;
    color: #dfb877 ;
    /* color: #000 !important; */
  }
  /* header section  */
  .header{position: fixed;top: 0;left: 0;right: 0;background-color: #4850a5;z-index: 99;}
  .header .main-navbar{display: grid;grid-template-columns: auto 1fr;justify-content: start;padding: 1rem 0;}
  .header .cus-navbar{display: flex;align-items: center;justify-content: center;}
  .header .navlist{padding-left: 0;margin-bottom: 0;}
  .header .navlist li{display: inline-block;margin-left: 2rem;font-weight: 600;color: #000;font-size: 1.4rem;cursor: pointer;}
  .header .navlist li:first-child{margin-left: 0;}
  .menu, .close{display: none;}
  /* ======================= Tablet Start ======================= */
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .navbar-brand {
      margin-right: 0;
      padding: 0 1em;
    }

    span.icon.dripicons-align-right {
      color: #dfb877;
      font-size: 31px;
    }

    .navbar-toggler:focus {
      text-decoration: none;
      outline: 0;
      box-shadow: unset;
    }

    .navbar .navbar-nav .nav-link {
      color: #7b7676;
      padding: 0.5em 2em;
    }

    .navbar-collapse {
      flex-basis: 84%;
      flex-grow: 1;
      align-items: center;
      position: absolute;
      text-align: left !important;
      position: absolute;
      width: 93%;
      top: 80px;
      background: #fff;
    }

    .navbar-nav li {
      text-align: center;
      border-bottom: 1px solid #7c1746;
      width: 100%;
    }
  }

  /* ======================= Tablet End ======================= */
  /* ======================= Large Mobile Start ======================= */
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .navbar-brand {
      margin-right: 0;
      padding: 0 1em;
    }

    span.icon.dripicons-align-right {
      color: #dfb877;
      font-size: 31px;
    }

    .navbar-toggler:focus {
      text-decoration: none;
      outline: 0;
      box-shadow: unset;
    }

    .navbar .navbar-nav .nav-link {
      color: #7b7676;
      padding: 0.5em 2em;
    }

    .navbar-collapse {
      flex-basis: 84%;
      flex-grow: 1;
      align-items: center;
      position: absolute;
      text-align: left !important;
      position: absolute;
      width: 93%;
      top: 80px;
      background: #fff;
    }

    .navbar-nav li {
      text-align: center;
      border-bottom: 1px solid #7c1746;
      width: 100%;
    }
  }

  /* ======================= Large Mobile End ======================= */
  /* ======================= Small Mobile Start ======================= */
  @media only screen and (min-width: 300px) and (max-width: 480px) {
    .navbar-brand {
      margin-right: 0;
      padding: 0 1em;
      width: 200px;
    }

    span.icon.dripicons-align-right {
      color: #dfb877;
      font-size: 31px;
    }

    .navbar-toggler:focus {
      text-decoration: none;
      outline: 0;
      box-shadow: unset;
    }

    .navbar .navbar-nav .nav-link {
      color: #7b7676;
      padding: 0.5em 2em;
    }

    .navbar-collapse {
      flex-basis: 84%;
      flex-grow: 1;
      align-items: center;
      position: absolute;
      text-align: left !important;
      position: absolute;
      width: 93%;
      top: 80px;
      background: #fff;
    }

    .navbar-nav li {
      text-align: center;
      border-bottom: 1px solid #7c1746;
      width: 100%;
    }
  }

  /* ======================= Small Mobile End ======================= */
  /* ======================= Navbar End ======================= */