.megamenu-li {
	position: static;
}

.megamenu {
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	padding: 10px;
}

/* customizations to menu widths*/

.megamenu-m {
	position: absolute;
	width: 50%;
	left: 30%;
	right: 0;
	padding: 10px;
}

.megamenu-m2 {
	margin-left: 15%;
	width: 70%;
	padding: 10px;
}
.megamenu-m3 {
	position: absolute;
	left: 30%;
	right: 0;
	width: 75%;
	padding: 10px;
}
/* Mobile Layout: 360px and below. */
@media only screen and (max-width: 360px) {
.megamenu-m  {
 width: 100%;
}
.megamenu-m2  {
 width: 100%;
}
.megamenu-m3  {
 width: 100%;
}
}
/* Tablet Layout: 768px to 1024px. Inherits styles from: Mobile Layout. */
@media only screen and (max-width: 768px) {
.megamenu-m  {
 width: 100%;
}
.megamenu-m2  {
 width: 100%;
}
.megamenu-m3  {
 width: 100%;
}
}
.container-megamenu {
  width: 100%;
 padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.navbar .megamenu{ padding: 1rem; }

/* ============ 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  ============ */


/* Mobile Layout: 360px and below for logo and footer. */
@media only screen and (max-width: 360px) {
#logo{
	clear: left;
	float: left;
	padding-right:10px;
	padding-left:20px;
	max-width:200px !important;;
	width: 60%;
	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. */

@media only screen and (min-width: 768px) {
#logo{
	clear: left;
	float: left;
	max-width:200px !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;

}}


}