.nav-lang-icon{
	position:relative;
}
.nav-lang-icon .lang-link{
	width:30px !important;
	position: relative;
	top: 0;
	margin: 0 auto;
}
.nav-lang-icon .lang-panel {
	display:block;
	position:absolute;
	top:32px;
	right:-200px;
	width:auto;
	background: none;
	transition:right 0.5s ease;
}
.nav-lang-icon .lang-panel.active {
	right:0px
}

.nav-lang-icon ul.lang-flags{
	display: flex;
	flex-direction: row;
	margin:0 auto;
	background: #d3d2d2;
	padding: 0;
	padding-bottom:0px !important;
	border-radius: 0px;
	width:100%;
	height:100%;
}

.nav-lang-icon  ul.lang-flags li{ list-style: none;line-height:1em;}

div.lang-panel a {
    float: left;
	width:30px;
	padding:0 2px;
	margin: 3px 4px;
	opacity:1;
}
div.lang-panel a:hover {opacity:0.75;}
div.lang-panel a.ccm-block-switch-language-active-flag {
	opacity:0.4;
}

@media screen and (min-width:768px){
	.nav-lang-icon .lang-panel {
		width:auto;
		left:auto;
	}
	ul.lang-flags{
		border-radius: 3px;
	}
	ul.lang-flags li a {
		width:22px;
		margin:2px 3px 0px;
	}
}