ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

li {
  float: left;
}

li a, .dropbtn, .dropbtn_second  {
  display: inline-block;
  color: #000000;
  font-weight: bolder;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn , .dropdown-second:hover .dropbtn_second {
  color: #ffffff;
  font-weight:bold;
  background-color: #6764f5;
}

li a:active {
  background-color: blue;
  color: #ffffff;
  font-weight:bold;
}

li.dropdown, li.dropdown-second {
  display: inline-block;
}

.dropdown-content, .dropdown-content-second {
  display: none;
  position: absolute;
  background-color: #6764f5;
  color: #0007f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 5;
}

.dropdown-content a, .dropdown-content-second a {
  color: #ffffff;
  opacity: 0.7;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
  border-top: 1px solid #ffffff;
}

.dropdown-content a:hover, .dropdown-content-second a:hover {opacity:1.0; font-weight:bold;}

.dropdown:hover .dropdown-content, .dropdown-second:hover .dropdown-content-second {
  display: block;
}

#menu_bar{
	width: 100%;
	height: 100px;
	color: #ffffff;
	background-color: #ffffff; 
	padding-top:22px;
	padding-bottom:22px;
}

#menu_bar ul{
	width: 100%;
}

#menu_bar ul li a{
	text-transform: uppercase;
}
#menu_bar ul li .active{
	background-color: blue;
	color: #ffffff;
}
.dropdown-content-background{
	background-color: #6764f5;
	color: #ffffff;
}
.dropdown-content-color{
	color: #ffffff;
}

#contact_us{
	color: #ffffff;
}

#whats_app_number{
	float:left;
	margin-right:15px;
	justify-content: center;
	display : flex;
	align-items : center;
}
#whats_app_number img{
	float:left;
	margin-right:8px;
}
#email_address{
	float:right;
	justify-content: center;
	display : flex;
	align-items : center;
}
#email_address img{
	float:left;
	margin-right:8px;
}

@media screen and (max-width: 5120px) { 
	#contact_menu{
		padding:0px 0px;
	}
	#social_icons{
		padding:0px 5%;
	}
	#contact_us{
		padding:5px 5% 5px 5%;
	}
	.main_padding {
		padding: 0px 2%;
	}
	.dropdown .dropbtn, .dropdown-second .dropbtn_second {
		padding: 7px 0px 7px 10px;
	}
	.fa-caret-down{
		width:22px;
	}
	.dropdown-content, .dropdown-content-second{
		top: 50px;
	}
	#myTopnav{
		padding-left:5%;
	}
	.topnav {
	  background-color: #333;
	  overflow: hidden;
	}

}
@media screen and (max-width: 5120px) {
	.topnav{
		display:block;
	}
}
.topnav {
  width: 100%;
}
.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  margin-right:7px;
}
.active, .dropdown .active, .dropdown-second .active {
  background-color: blue !important;
}
.dropdown, .dropdown-second {
  float: left;
  overflow: hidden;
}
.topnav .icon {
  display: none;
}
