.flags{
	width: 80px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

@media (max-width: 1400px) and (max-height: 1200px){
    .flags{
      width: 60px;
   }    
}

@media (max-width: 1250px){
	.flags{
		width: 50px;
	}	
}

@media (max-width: 900px){
	.flags{
		width: 38px;
	}	
}

@media (max-width: 600px){
	.flags{
		width: 50px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}	
}

.flags-item{
	/*width: 30px;	*/
}

.flags-img{
	display: block;
	cursor: pointer;	
}

.lang-selected:hover{
	box-shadow: none;	
}

.leng-selected {
	filter: drop-shadow(0 0 5px azure);
	scale: 1.1;
	box-shadow: none;	
}