/* Header and Navigation Styles */
  #header{transition:all .5s;z-index:997;transition:all .5s;padding:0;min-height:unset;background:#333435 !important;box-shadow:none}
  header#headerfixed-top.header-scrolled{background:#333435 !important;z-index:999;box-shadow:0 0 8px #00000073}
  #header.header-pages,#header.header-scrolled{padding:0}
  #header .logo h1{font-size:36px;margin:0;padding:0;line-height:1;font-weight:400;letter-spacing:3px;text-transform:uppercase}
  #header .logo h1 a,#header .logo h1 a:hover{color:#00366f;text-decoration:none}
  #header .logo img{padding:0;margin:0 0;width:62%}
  #header .logo-2.logo-right img{margin-bottom:0;margin-top:15px}
  #header .logo img.logo-2{max-width:180px}
  .main-nav ul li {
    float: left;
  }
  .main-nav ul li a {
    color: #000;
    font-size: 15px;
    font-family: Poppins,sans-serif;
    font-weight: 400;
    padding: .65rem 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    text-transform: capitalize;
  }
  
  .main-nav, .main-nav * {
    margin: 0;
    padding: 0;
    list-style: none;
    float: right;
  }
  .nav-link {
    display: block;
    padding: .5rem 1rem;
  }
  .dropdown-toggle {
    white-space: nowrap;
  }
  [role="button"] {
    cursor: pointer;
  }
  .fa-solid.fa-angle-down {
    margin:0px 0px 0 2px;
  }
  /* .menus-row a{text-decoration:none;color:#fff;padding:0 20px} */
.main-nav ul li.active a, .main-nav ul li:hover a {
  color: #eacb8a;
}
  .main-nav ul li.active a,header#header.fixed-top.header-scrolled .main-nav ul li.active a{color:#a67d30}
  .btn-main-bx{width:100%;float:left;padding:0 0}
  li.enquire-btn.active a{color:#fff!important}
  .faqs a{text-transform: initial !important;}
  .main-nav,.main-nav *{margin:0;padding:0;list-style:none;float:right}
  .main-nav>ul>li{position:relative;white-space:nowrap;float:left}
  .main-nav ul li a{color:#fff;font-size:16px;font-family:Poppins,sans-serif;font-weight:400;padding:.65rem 0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;text-transform:capitalize}
  .main-nav ul li.active a,.main-nav ul li :hover  a ,.dropdown:hover  button{color:#c6c19e}
  .main-nav ul li{margin:0 7px;padding:20px 0}
  .main-nav ul li:last-child{margin-right:0}
  .main-nav ul li.enquire-btn a{background:#12191c;color:#fff;padding:13px 30px;border-radius:25px}
  .right-header li{display:inline-block;vertical-align:inherit}
  .right-header{margin-left:15px}
  header#header.fixed-top ul li.btn a{padding:8px 10px 8px 36px;background:#4b1865;color:#fff!important;text-transform:uppercase;border-radius:0;font-size:16px;font-weight:400;border:1px solid #95793d;color:#fff;transition:all .2s ease-in-out;position:relative;padding-left:auto;background:#95793d;margin:0}
  li.contact a{padding:8px 10px!important;background:#12191c;color:#fff!important;text-transform:uppercase;border-radius:0;font-size:16px;font-weight:400;border:1px solid #12191c;color:#fff;transition:all .2s ease-in-out;position:relative;-moz-animation:blink normal 1.5s infinite ease-in-out;-webkit-animation:blink normal 1.5s infinite ease-in-out;-ms-animation:blink normal 1.5s infinite ease-in-out;animation:blink normal 1.5s infinite ease-in-out}
  .fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030 !important}
  .float-left{float:right!important;width:100%}
  .float-right{float:right!important}
  .margin-02{margin-bottom:18px}
  .mr-auto,.mx-auto{width:215px;position:absolute;margin:0}
  #header{height:85px}
  .mobile-nav-toggle{top:16px}
  .mobile-nav-toggle{position:fixed;right:0;top:13px;z-index:9999;border:0;background:0;font-size:24px;transition:all .4s;outline:0!important;line-height:1;cursor:pointer;text-align:right}
  .mobile-nav-toggle i{margin:5px 10px 0 0;width:42px}
  i.fa.fa-bars{color:#ffffff;padding:10px;border:1px solid #ffffff}
  button.mobile-nav-toggle i.fa.fa-times{margin:5px 10px 0 0;padding:5px 10px;top:20px;color:#ffffff;padding:10px;border:1px solid #ffffff}
  .mobile-nav{position:fixed;top:0;bottom:0;z-index:999999999;overflow-y:auto;left:-350px;width:350px;padding-top:18px;background:#f6f6ff;transition:.4s}
  .mobile-nav-active .mobile-nav{left:0;box-shadow:0 0 30px rgb(127 137 161 / 30%)}
  .mobile-nav ul li a{color:#000;font-size:1rem;padding:0 20px;margin:5px 0;width:100%;float:left;text-transform:capitalize}
  .mobile-nav ul li:last-child a{border-bottom:0}
  header#header.fixed-top ul li.contact a{background-image:url(images/house-of-abhinandan-lodha-form.svg);background-repeat:no-repeat;background-position:14px center;padding:9px 13px 9px 40px !important;border:0;}
  header#header.fixed-top ul li.btn a {
  background: #95793d url(images/house-of-abhinandan-lodha-call.svg) no-repeat 10px center !important;
  padding-left: 36px;
}
  
  /* Navbar dropdown menu */
  .dropdown-menu {
    position: absolute;
    top: 97%;
    left: 0;
    z-index: 1000;
    display: none;
    min-width: 14rem;
    padding:0;
    margin: .125rem 0 0;
    font-size: 1rem;
    text-align: left !important;
    color: #000 !important;
    text-align: left;
    list-style: none;
    background-color: #fbfbfb;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0;
  }
  
  .dropdown-menu.show {
    padding: 0px;
    transform: translate(0px, 0px) !important;
    border-radius: 1px;
    height: auto;
    border: none;
    background: #363636;
  }
  
  .dropdown:hover .dropdown-menu {
    display: block;
    background: #12191c;
    border-radius: 1px;
    border: none;
    font-size: 14px;
    padding: 0px;
  }

.nd-leveldropd {
  background: #606060 !important;
}
  
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0;
  display: none
  }
  .down-angle {
    padding:4px !important;
    width: 10%;
  }
  
  .dropdown-menu.show li {
    padding: 0;
    margin: auto;
    width: 100%;
    height: 35px;
  }
  .dropdown-menu.show li a {
    color: #fff !important;
    padding: 10px 10px;
    margin: 0;
    line-height: 14px;
    font-size: 14px;
  }
  .dropdown-item.f1 {
    border-bottom: 1px solid #fff780;
  }
  
  .dropdown-menu.show li a:hover {
    color: #ffd375 !important;
    width: 100%;
  }
 

  .dropdown:hover .dropdown-menu li a{
    font-size: 14px;
  }
  
  .dropdown ul li {
    padding: 0 0;
    margin: 0px;
    text-align: left !important;
    width: 100%;
  }
  /* .dropdown ul li:hover{
    background-color: #c6a770 !important;
  
  } */
  .dropdown ul li a {
    color: rgb(255, 255, 255) !important;
    padding: 5px 10px 5px 10px;
    margin: 0px;
    border-bottom: 1px solid #dbdbdb;
  }
  .dropdown ul li a:hover{
    color: #fff !important;
  }
  .dropdown ul{
    text-align: left !important;
    width: 100%;
  }
  
  .btn-secondary {
    color: #fff;
    background-color: #333435;
    border-color: #333435;
    font-size: 16px;
    margin: 0px 0 0 0;
  }
  .btn-secondary:hover {
    color: #fff;
    background-color: #333435;
    border-color: #333435;
  }
  .btn-secondary.focus, .btn-secondary:focus {
    color:#a67d30;
    background-color: #333435;
    border-color: #333435;
    box-shadow: none !important;
  }
  
  .dropdown-item:focus, .dropdown-item:hover {
    color: #fff !important;
    text-decoration: none;
    background-color: #12191c;
    width: 100%;
  }
  
  .dropdown{
    display: flex;
  }
  .mr-auto, .mx-auto {
    width: 215px;
    position: absolute;
    margin: 0px 0 0 0;
  }

.dropdown-submenu:hover > .dropdown-menu {
  display: block !important;
}
.dropdown-menu.show.bg-ul-black:hover {
  background: #12191c;
}
  
  
  
  
/* Media Query: min-width:768px and max-width:1024px - Header Related */
@media (min-width:768px) and (max-width:1024px){
#header{height:85px}
.mobile-nav-toggle{top:16px}
.mobile-nav{width:250px;top:-12px}
li.contact a{padding:8px 0 8px 36px!important}
 li.contact a {
    background-image: url(../images/house-of-abhinandan-lodha-form.svg);
    background-repeat: no-repeat;
    background-position: 10px center;
  }
    li.btn a {
    background: #95793d url(../images/house-of-abhinandan-lodha-call.svg) no-repeat 10px center;
    color: #fff !important;
  }
.mobile-nav ul li a {
    width: 92%;
    margin: 4px 10px;
    padding: 2px 20px 2px 0;
    border-bottom: none;
    color: #040404;
  }
  #header2{
    height:40px
  }
  .mr-auto, .mx-auto {
    width: 215px !important;
    position: absolute;
    margin: 0 0 0 0 !important;
    top:10px;
    left:7px;
  }
  .dropdown {
  display: block;
  width: 100%;
  }
  .project-text {
  width: 25%;
}
  #dropdownMenuButton1 {
  width: 65%;
  background: none;
}
.mobile-nav ul li:last-child a{
 padding: 8px 0px 8px 36px;
}

}

/* Media Query: max-width:767px - Header Related */
@media only screen and (max-width:767px){
#header{height:75px}
header#header.fixed-top .right-header ul li.btn a,li.contact a{padding-top:4px;padding-bottom:0px;width:120px;display:inline-block}
li.btn{padding:0;margin-top:5px}
li.btn,li.contact{text-align:center;width:100%}
li.btn a,li.contact a{width:calc(100% - 40px)!important;float:none!important;display:inline-block}
li.btn a{background:#95793d ;padding:8px 10px!important}
li.contact a{border:0!important}
li.no-border a{border-bottom:0!important}
li.contact a{border:0!important}
li.contact a{padding:8px 10px!important;color:#fff!important;text-transform:uppercase;border-radius:0;font-size:16px;font-weight:400;border:1px solid #082552;color:#fff;transition:all .2s ease-in-out;position:relative;-moz-animation:blink normal 1.5s infinite ease-in-out;-webkit-animation:blink normal 1.5s infinite ease-in-out;-ms-animation:blink normal 1.5s infinite ease-in-out;animation:blink normal 1.5s infinite ease-in-out}
.for-desktop{display:none}
.for-mobile{display:block}
.for-desktops{display:block}
.for-mobiles{display:block}
.mobile-nav{width:260px}
.mobile-nav-toggle i,button.mobile-nav-toggle i.fa.fa-times{margin-top:0}
.dropdown{
  display: block;
}
.mr-auto, .mx-auto {
  width: 215px !important;
  position: absolute;
  margin: 0px 0 0 0 !important;
}
#header .logo img{
  padding: 0;
  margin: 0 0;
  width: 57% !important;
}
#dropdownMenuButton1 {
  display: flex;
  width: 56%;
  justify-content:end;
}
.project-text {
  width: 36%;
  text-align: left;
}
.down-angle {
  padding:2px 4px !important;
  width: 10%;
}
li.contact a{background-image:url(../images/house-of-abhinandan-lodha-form.svg);background-repeat:no-repeat;background-position:10px center}
li.btn a {
  background: #95793d url(../images/house-of-abhinandan-lodha-call.svg) no-repeat 10px center;
  color: #fff !important;
}

.btn-secondary {
  color: #000;
  background-color: #f6f6ff;
  border-color: #f6f6ff;
  font-size: 16px;
  margin: 0px 0 0px 19px;
  padding: 0 0 0 0;
}
.btn-secondary:hover {
  color: #000;
  background-color: #f6f6ff;
  border-color: #f6f6ff;
}
.btn-secondary.focus, .btn-secondary:focus {
  color: #000;
  background-color: #f6f6ff !important;
  border-color: #f6f6ff !important;
  box-shadow: none !important;
}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {
  color: #f6f6ff;
  background-color: #545b62;
  border-color: #4e555b;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0;
 
}
.dropdown ul {
  text-align: left !important;
  display: none;
  top: 70px;
  width: 100%;
}
.dropdown ul:hover{
  display: block;
  top: 76px;
  width: 100%;
  z-index: 1000;
  }
.dropdown ul li{
  width: 100%;
}
.dropdown ul li a {
  color: #000000ff !important;
  padding: 5px 0 5px 20px;
  margin: 0px;
  text-align: left !important;
  font-size: 14px;
}
i.fa.fa-bars {
  color: #ffffff;
  padding: 10px;
  border: 1px solid #ffffff;
}
.dropdown-menu.show li a {
  padding: 10px 20px;
  margin: 0;
  line-height: 14px;
  font-size: 14px;
}
.dropdown-menu.show {
  padding: 0px;
  transform: translate(0px, -10px) !important;
  font-size: 12px;
  border-top: 1px solid #bdbdbd !important;
  border-bottom: 1px solid #bdbdbd !important;
}
.mobile-nav-toggle {
  position: fixed;
  right: 0;
  top: 13px;
  z-index: 9999;
  border: 0;
  background: 0;
  font-size: 24px;
  transition: all .4s;
  outline: 0 !important;
  line-height: 1;
  cursor: pointer;
  text-align: right;
}
.dropdown-submenu:hover > .dropdown-menu {
  display: block !important;
  left: 0;
  top: 71px;
}
#dropdownMenuButton1 {
  display: flex;
  width: 56%;
  justify-content: end;
}
.dropdownMenuButton1:hover .dropdown-menu .show{
  display: block;
}
.fa-solid.fa-angle-down {
  margin: 10px 0px 0 0px;
}
  .dropdown-submenu:hover > .drop-mobile {
    display: block !important;
    left: 0;
    top: 36px;
  }
  .drop-mobile li {
  border-bottom: 1px solid #c8c8c8;
}
.nd-leveldropd li a {
  font-size: 13px
}
.drop-gapp {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

}