@media (max-width: 760px) { 
		
	
	.flags{
		width:1%;
		vertical-align:middle;
	}

	.top-header-text{
		text-decoration:none;
		color:white;
		font-size:1vw;
		font-family: "Open Sans", sans-serif;
		font-weight:650;  
	}

}


@media (max-width: 750px) { 


.all-flag{
	margin-left:10vw;

}

.top-flag{
	width:4%;
	float:left;
	margin-right:0.4vw;
	padding:0.1vw 0 0.4vw 0;
}
	
	.pengayoman{	
		display:none;		
	}	
	
	.flags{
		width:4%;
		vertical-align:middle;
	}

	.top-header-text{
		text-decoration:none;
		color:white;
		font-size:1.5vw;
		font-family: "Open Sans", sans-serif;
		font-weight:650;  
	}

}

@media (max-width: 461px) { 

	.pengayoman{
	
		display:none;
		
	}

	.flags{
		width:4%;
		vertical-align:middle;
	}

	.top-header-text{
		text-decoration:none;
		color:white;
		font-size:1.5vw;
		font-family: "Open Sans", sans-serif;
		font-weight:650;  
	}

}

@media (max-width: 429px) { 

	.pengayoman{
	
		display:none;
		
	}

	.flags{
		width:4%;
		vertical-align:middle;
	}

	.top-header-text{
		text-decoration:none;
		color:white;
		font-size:1.4vw;
		font-family: "Open Sans", sans-serif;
		font-weight:650;  
	}

}

@media (max-width: 380px) { 

	.pengayoman{
	
		display:none;
		
	}

	.flags{
		width:4%;
		vertical-align:middle;
	}

	.top-header-text{
		text-decoration:none;
		color:white;
		font-size:1.3vw;
		font-family: "Open Sans", sans-serif;
		font-weight:650;  
	}

}

@media (max-width: 378px) { 

	.pengayoman{
	
		display:none;
		
	}

	.flags{
		width:3.94%;
		vertical-align:middle;
	}

	.top-header-text{
		text-decoration:none;
		color:white;
		font-size:1.29vw;
		font-family: "Open Sans", sans-serif;
		font-weight:650;  
	}

}

@media (max-width: 333px) { 

	.pengayoman{
	
		display:none;
		
	}

	.flags{
		width:3.80%;
		vertical-align:middle;
	}

	.top-header-text{
		text-decoration:none;
		color:white;
		font-size:1.25vw;
		font-family: "Open Sans", sans-serif;
		font-weight:650;  
	}

}

/*-------nav--------*/

@media (min-width: 1499px) { 

	.menu{
		font-size:0.77vw;
	}

	.logo1{
		width:8.5%;
		float:left;
		padding:10px;
	}

	.logo2{
		width:70%;
		float:left;	
		
	}

}


@media (max-width: 1499px) { 

	.menu{
		font-size:0.77vw;
	}

	.logo1{
		width:8.5%;
		float:left;
		padding:10px;
	}

	.logo2{
		width:70%;
		float:left;	
		
	}
	
}

@media (max-width: 1366px) { 

.menu{
	font-size:0.76vw;
}

.logo1{
	width:8.3%;
	float:left;
	padding:10px;
}

.logo2{
	width:70%;
	float:left;	
	
}

}

@media (max-width: 1332px) { 

.menu{
	font-size:0.76vw;
}

.logo1{
	width:8.3%;
	float:left;
	padding:10px;
}

.logo2{
	width:70%;
	float:left;	
	
}

}

@media (max-width: 1299px) { 

.menu{
	font-size:0.82vw;
}

.logo1{
	padding:4px;
}

.logo2{
	width:74%;
}

.l1{
	width:95%;
}

}

@media (max-width: 1269px) { 

.menu{
	font-size:0.80vw;
}

.logo1{
	padding:4px;
}

.logo2{
	width:73%;
}

.l1{
	width:94%;
}

}

@media (max-width: 1210px) { 

.menu{
	font-size:0.79vw;
}

.logo1{
	padding:4px;
}

.logo2{
	width:73%;
}

.l1{
	width:94%;
}

}

@media (max-width: 1201px) { 

.menu{
	font-size:0.79vw;
}

.logo1{
	padding:4px;
}

.logo2{
	width:73%;
}

.l1{
	width:94%;
}

}

@media (max-width: 1136px) { 

.menu{
	font-size:0.78vw;
}


}

@media (max-width: 1072px) { 

.menu{
	font-size:0.77vw;
}


}

@media (max-width: 1017px) { 

.menu{
	font-size:0.73vw;
}


}



@media (max-width: 840px) { 

.menu{
	font-size:0.72vw;
}


}

@media (max-width: 803px) { 

.menu{
	font-size:0.71vw;
}


}

@media (max-width: 798px) { 

.menu{
	font-size:0.64vw;
}

.logo1{
	padding:4px;
}

.logo2{
	width:70%;
}

.l1{
	width:94%;
}

}

@media (max-width: 688px) { 

.menu{
	font-size:0.60vw;
}


}


/*------------------------------------------*/

@media (min-width: 603px) { 

	.topnav{
		display:none;
	}
	
	.menu{
		font-size:0.75vw;
	}

	.logo1{
		padding:4px;
	}

	.logo2{
		width:70%;
	}

	.l1{
		width:90%;
	}

}


@media (max-width: 602px) { 

.nav-lg{
	display:none;
}

}

.topnav {
  overflow: hidden;
  position: relative;
}

.topnav #myLinks {
  display: none;
}

.topnav a {
  color: black;
  padding: 10px 14px 0 14px;
  text-decoration: none;
  font-size: 13px;
  display: block;
  font-family: "Open Sans", sans-serif;
  font-weight:600; 
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
}

.topnav a.icon {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

.topnav a:hover {
  background-color: #fff;
  color: black;
}

.active {
  background-color: #fff;
  color: white;
}

.nav-logo{
	padding:5px 0 0 5px;
}