@media screen and (min-width: 320px) {

}
@media screen and (max-width: 500px) {
	
	.dea-mobile-panel{
		padding: 2rem 10px 10px 10px;
		
		width: 100%;
		min-width: 100%;
		max-width: 100%;
	}
	.dea-header-title{
		font-size: 1rem;
		padding: 0 15px 0 15px;
	}
	.dea-header-logo-dea{
		width: 60px;
		height: 30px;
	}
	.dea-header-logo {
		padding: 5px 5px 5px 5px;
		width: auto;
	}
}

/*@media screen and (min-width: 640px) {*/
/*@media screen and (max-width: 799px) {*/
@media screen and (max-width: 800px) {
	.dea-mobile-panel{
		height: 100%;
	}
	.dea-container{
		width: 100%;
		margin: 0;
	}
	
	.dea-lista,
	.dea-lemma{
		float: none;
		position: absolute;
		top:0;
		left: 0;
		width: 100%;
		
	}
	.dea-lista{
		z-index: 20;
	}
	.dea-lemma{
		margin: 0;
		z-index: 10;
	}
	
	#dea-header2{
		display: none;
	}
	
	#dea-header-m{
		display: block;
	}
	
	#dea-header-d{
		display: none;
	}
	
	#dea-impostazioni{
		z-index: 50;
	}
	#show-mobile-list{
		display: inline-block;
	}
	
	#dea-mobile-options{
		display: block;
		z-index: 100;
	}
	.branch-row,
	.dea-lemma-list {
		font-size: 1.1em;
		line-height: 1.7;
		padding: 0 5px;
	}
	
	
	.branch-control {
		width: 40px;
	}
	.branch-content{
		margin-left: 40px;
	}
	.dea-lemma-list::before {
		width: 40px;
	}
	
	.dea-header-print, 
	.dea-header-settings {
		font-size: 20px;
	}
	.dea-header-settings {
		margin-left: 10px;
	}
}

@media screen and (min-width: 801px) {
	.dea-container{
		width: 770px;
	}
	.dea-banda-letter {
    	font-size: 1rem;
		min-width: 1.2rem;
	}
	
	#show-mobile-list{
		display: none;
	}
	
	
	#dea-header-m{
		display: none;
	}
	
	#dea-mobile-options{
		display: none;
	}
	
	#dea-header-d{
		display: block;
	}
}
@media screen and (min-width: 960px) {
	.dea-container{
		width: 930px;
	}
}

@media screen and (min-width: 1170px) {
	.dea-container{
		width: 1120px;
	}
	
}

@media screen and (min-width: 1280px) {
	.dea-container{
		width: 1250px;
	}
	
}

@media screen and (min-width: 1600px) {

	.dea-container{
		width: 1550px;
	}
}