﻿	@media (max-width: 880px) {
		.accountBlokWrapper{
			width: 33.3%;	
		}	
	}



/* TABLET */
@media (min-width: 768px) and (max-width: 1080px) {
	.accountBlok {
		margin: 15px 5%;
		width: 180px;
	}
	
	.accountBlok a {
           width: 180px; 
           height: 198px;
           display: block; 
        }
		
	 .accountBlok .accountBlok_plaat,
        .accountBlok .accountBlok_plaat img {
            width: 180px;
            height: 118px;
        }

        
		.accountBlok  .accountBlok_label{
			overflow: hidden;
			font-size: 14px;
			padding: 20px 0 20px 20px;
			width: 160px;	
		}
	
}


@media (min-width: 768px) and (max-width: 979px) {
		
	.tabs-middle{
		/*width: 605px;	
		margin-left: 200px;*/
	}
	
	a.button{
		float: left;
	}
	
	h1{
		font-size: 16px;	
	}

	
	.accountBlok{
		width: 180px;
		margin: 15px 5%;
	}
	

	.content.graph{
		padding: 0 0 0 0;
		width: 70%;	
	}
	

	
	.chart{
		width: 100%;
		height: 300px;	
	}
	
		.chart.donut{
			width: 50%;
		}
		
	.accountBlokkenWrapper{
		width: 100%;	
	}
	
		
	.content_inner{
		width: 100%;	
	}

	.content_barometer.centered{
		margin-right: 20%;	
	}
	
	.topmenu_wrapper.home img{
		margin-top: 39px;	
	}
	
	.tabs-middle{
		width: 75%;	
	}
	
		.tabs-middle.vergelijkingen{
			width: 100%;	
		}
	
	.tabs-middle ul.nav li{
		width: 25%;
	}
	
	.tabs-middle ul.nav li a span.d-none d-sm-block{
		display: none;
	}
	
	.nav-tabs > li > a{
		margin: 0 2%;
		font-size: 10px;
		text-align: center;
	}
	
	.tab.jaar{
		font-size: 16px;
	}
	
	.fixed-fixed{
		margin: 0 0 0 190px;	
	}	
}

