data-bs-toggle="collapse" data-bs-target="#main_nav".megamenu-li {
	position: static;
}

.megamenu {
position: absolute;
	background: #cccccc;
	width: 100%;
	left: 0;
	right: 0;
	padding: 10px;
}
/* customizations to make menu run for this site */

.megamenu-m {
	position: absolute;
	width: 50%;
	left: 30%;
	right: 0;
	padding-bottom: 5px;
	font-family: 'Heebo', sans-serif;
}

.megamenu-m2 {
	margin-left: 15%;
	width: 70%;
	padding-bottom: 5px;
	font-family: 'Heebo', sans-serif;
}
.megamenu-m3 {
	position: absolute;
	left: 30%;
	right: 0;
	width: 70%;
	padding-bottom: 5px;
	font-family: 'Heebo', sans-serif;
}
/* Mobile Layout: 360px and below. */
@media only screen and (max-width: 360px) {
.megamenu-m  {
 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-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// ============ */
.btn-contact {    
	color: aliceblue !important;
    background-color: #615D5D !important;
	    border-color: teal !important;
}
.btn-contact:hover {
    color: #fff !important;
border-color: #12A7B0; /*inkwell teal*/
	background-color: #12A7B0 !important;/*inkwell teal*/
}
.menu-font{
	font-family: 'Noto Sans TC', sans-serif !important;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5;
	color: black;
	text-align: right;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: #16181b !important;
	font-weight: bold;
  text-decoration: none;
  background-color: #12A7B0; /*inkwell teal*/
}

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

#logo{
	clear: left;
	float: left;
	padding-right:10px;
	padding-left:5px;
	/*max-width:200px !important;*/
	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;

}}