/* menu Styles */
data-bs-toggle="collapse" data-bs-target="#top_nav"
data-bs-toggle="collapse" data-bs-target="#navbar2"
.megamenu-li {
	position: static;
}


/* 992px to 1400px + (large to xL) */
.megamenu {
position: absolute;
	background:#F3F3F3;
	width: 100%;
	left: 0;
	right: 0;
	padding: 10px;
}
/* customizations to make menu run for this site */

.megamenu-m {	
	background:#F3F3F3;
	width: 50%;
	margin-left:30%;
	padding: 10px;
}
.megamenu-m1 {	
	background:#F3F3F3;
	width:30%;
	margin-left:40%;
	padding: 10px;
}

.megamenu-m2 {
	background:#F3F3F3;
	width: 60%;	
	margin-left: 15%;	
	padding: 10px;
	
}
.megamenu-m3 {
	background: #F3F3F3;
	width: 75%;
	margin-left: 10%;
	padding: 10px;
	font-weight: bold;
	
}
.megamenu-m4 {
	background: #F3F3F3;
	width: 85%;
	margin-left: 6%;
	padding: 10px;
	
}

/* Tablet Layout: 577px to 767px. Inherits styles from: Mobile Layout. */
@media only screen and (max-width: 768px) {
.megamenu-m  {
  width: 100%;
 padding-right: 15px;
  padding-left: 15px;
	  margin-right: auto;
  margin-left: auto;

}
	.megamenu-m1  {
  width: 80%;
 padding-right: 15px;
  padding-left: 15px;
	  margin-right: auto;
  margin-left: auto;

}
.megamenu-m2  {
  width: 100%;
 padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.megamenu-m3  {
  width: 100%;
 padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
	.megamenu-m4  {
  width: 100%;
 padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
}
.container-megamenu {
  width: 100%;
 padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.navbar .megamenu{ padding: 1rem; }

/* Mobile Layout: 576px and below. */
@media only screen and (max-width: 576px) {
.megamenu-m  {
 width: 100%;
padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
	.megamenu-m1  {
 width: 100%;
padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.megamenu-m2  {
 width: 100%;
 padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;	
}
.megamenu-m3  {
 width: 100%;
 padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;	
}
	.megamenu-m4  {
 width: 100%;
 padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;	
}
}

/* ============ desktop view ============ */
@media all and (min-width: 992px) {

  .navbar .has-megamenu{position:static!important;}
  .navbar .megamenu{left:0; right:0; width:100%; margin-top:0;  }

}	
/* ============ desktop view .end// ============ */

/* ============ mobile view ============ */
@media(max-width: 991px){
  .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse{
    overflow-y: auto;
      max-height: 90vh;
      margin-top:10px;
  }
}
/* ============ mobile view .end// ============ */

.dropdown-item:hover, .dropdown-item:focus {
  /*color: #16181b !important;*/
  text-decoration: none;
  background-color:#FCEDDE; /*lt orange*/
	font-weight: normal;
	 
}

/* Mobile Layout: 360px and below. */
@media only screen and (max-width: 360px) {

#logo{
	clear: left;
	float: left;
	padding-right:10px;
	padding-left:5px;
	width: 100%;
	display: block;
	alignment-adjust:middle;
	}
	
#footer{
	font-size:10px !important;
	padding-left: 5%;
	padding-right: 5%;
	width: 100%;
	background-color: #F0F0F0;
/* CSS Document */


}
/* Tablet Layout: 768px to 1024px. Inherits styles from: Mobile Layout. */

#logo{
	clear: left;
	float: left;
	max-width:250px !important;
	padding-left: 20px;
	display: block;
	}

}
/* Desktop Layout: 1024px to a max of 1232px. */

@media only screen and (min-width: 1024px) {
#logo{
	clear: left;
	float: left;
	display: block;
	max-width:225px !important;
	width: 80% !important;
	padding-top:5px;

}}