/**
 * grade-B.css
 *
 * This file styles to mobile portrait pages
 *
 * @author    Mark de Mol
 * @version   1.0
 */
 
@media (max-width: 991px) {


/*==== toegevoegd door kosmas ====*/
.row:not(.nth-child-2) > div {
	padding: 0px 10px !important;
}
/*==== Menu top ====*/
.language_dropdown ul {
	width: 100%;
	margin-top: -5px;
	margin-left: 0% !important;
	float:right;
}
.row > div > div.group.top_menu > .margin > .padding > .article.widget-menu-list.width-100 > .margin > .padding ul.menu li {
    margin-right: 0px;
}
	.row > div > div.group.top_menu > .margin > .padding > .article.widget-menu-list.width-100 > .margin > .padding ul.menu li a {
		padding: 10px 10px;
		font-size:14px !important;
	}
.row > div > div.group.top_menu > .margin > .padding > .article.widget-menu-list:nth-child(1) {
	width:50% !important;
}
.row > div > div.group.top_menu > .margin > .padding > .article:nth-child(2) {
	width:25% !important;
	min-width: 25%; 
}
.row > div > div.group.top_menu > .margin > .padding > .article:nth-child(3) {
	width:25% !important;
	min-width: 25%; 
}

.row > div > div.group > .margin > .padding > .article > .margin > .padding ul.menu li a {
    font-size: 12px !important;
}
/*==== einde menu top ====*/
/*==== logo ====*/
/*==== einde logo ====*/
/*==== banner ====*/
.nth-child-2 > div > .group > .margin > .padding > .article.item-image > .margin > .padding > .item-image-wrapper.text-location-0 > .item-image-text {
    margin-left: 61% !important;
}
.home .nth-child-2 > div > .group > .margin > .padding > .article.item-image > .margin > .padding > .item-image-wrapper.text-location-0 > .item-image-text {
    width: 60% !important;
	max-width: 60% !important;
	left: 34px !important;
	margin-left: -3% !important;
}
.home .nth-child-2 > div > .group > .margin > .padding > .article.item-image > .margin > .padding > .item-image-wrapper.text-location-0 > .item-image-text h1 {
    font-size: 22px !important;
	padding-top:4% !important;
	margin-bottom:4px;
}
.home .nth-child-2 > div > .group > .margin > .padding > .article.item-image > .margin > .padding > .item-image-wrapper.text-location-0 > .item-image-text p {
    display: table !important;
    margin: 0px auto !important;
    padding: 0px 14px !important;
    line-height: 20px !important;
	font-size:13px !important;
}
/*==== einde banner ====*/
/*==== content ====*/
.home .row.content:not(.nth-child-0):not(.nth-child-2) > div > .group:nth-child(1) > .margin > .padding > .article.item-image:hover .image .image_overlay {
    width: 100%;
    height: 96%;
    margin: 0px;
}
.row.content > div > .group > .margin > .padding > .article.item-image > .margin > .padding h2 {
	font-size:16px;
}
/*==== einde content ====*/
/*==== footer ====*/

/*==== einde footer ====*/
.row.footer {
	padding-left:0px;
	padding-right:0px;
}

.row.footer > div > .group > .margin > .padding {
    padding-left: 0px;
    padding-right: 0px;
}
.row.footer > div > .group > .margin > .padding > .article:nth-child(1) {
	width:35%;
	min-width:35%;
}

.row.footer > div > .group > .margin > .padding > .article:nth-child(3) {
	width:15%;
	min-width:15%;
}

.row.webdesign ul {
    text-align: left;
}
/*==== einde toegevoegd door kosmas ====*/
	
	#devicegrade { 
		z-index:20;
	}
	
	#devicegrade > div:after { 
		content: "B";
		width:100%;
		height:100px;
	} 
	
	/*
	* width of all the groups
	*/
	.group.width-100{
		width:100%;
	}
	
	.group.width-95{
		width:100%;
	}
	
	.group.width-90{
		width:100%;
	}
	
	.group.width-85{
		width:100%;
	}
	
	.group.width-80{
		width:100%;
	}
	
	.group.width-75{
		width:75%;
	}
	
	.group.width-70{
		width:70%;
	}
	
	.group.width-66{
		width:66.6%;
	}
	
	.group.width-65{
		width:65%;
	}
	
	.group.width-60{
		width:60%;
	}
	
	.group.width-55{
		width:55%;
	}
	
	.group.width-50{
		width:50%;
	}
	
	.group.width-45{
		width:45%;
	}
	
	.group.width-40{
		width:40%;
	}
	
	.group.width-35{
		width:35%;
	}
	
	.group.width-33{
		width:33.3%;
	}
	
	.group.width-30{
		width:30%;
	}
	
	.group.width-25{
		width:25%;
	}
	
	.group.width-20{
		width:25%;
	}
	
	.group.width-15{
		width:25%;
	}
	
	.group.width-10{
		width:25%;
	}
	
	
	/*
	* custom
	*/
	
	body {
	}
	
	h1 {
		margin-top:0;	
	}
	
	.row.header > div,
	.row.menu > div {
		padding: 0 20px;	
	}

	
	.row.header > div > .logo {
		width:72%;
		padding-top:25px;	
		padding-bottom:0;
		
	}	
	
	.row.header > div > .information {
		width:28%;
	}

	.row.header > div > .information .phone-numbers {
		background:none;
		border-radius:0;	
		color:#8b4c6b;
		height:auto;
		padding-bottom:0;
	}
	
	.row.header > div > .information .phone-numbers p {
		text-align:center;	
	}
	
	.row.full-site-width .master-slider .ms-slide .ms-layer.ms-caption {
		top:21% !important;	
		right:10% !important;
	}
	
	.row.webdesign > div > .group > .margin > .padding {
		padding-right:50px;	
	}
			
	.circle-purple {
		height:170px;	
	}
	
	.circle-purple > .circle {
		height:160px;
	}
	
	blockquote {
		padding:25px 20px;	
	}
	
	.row.middelpaars .circle-purple {
		padding-left:0;
		padding-right:0;	
	}
	
	.row.middelpaars .circle-purple > .circle {
		height:165px;
		width:180px;
	}
	.row.middelpaars .article > .margin > .padding >p {
		margin:0;	
	}
	
	.row.purple-lines > div > .group .article > .margin {
		padding-right:15px;
	}
	
	.row.purple-lines > div > .group .article > .margin > .padding {
		padding-right:15px;
	}
	
	.circle-purple {
		padding-left:7%;
		padding-right:7%;
		margin-bottom:0;
	}
	
	.row.socialmedia .group .article.width-5,
	.row.socialmedia .group .article.width-10,
	.row.socialmedia .group .article.width-15 {
		width:20%;
	}
	
	.row.socialmedia .group .article.width-20,
	.row.socialmedia .group .article.width-25,
	.row.socialmedia .group .article.width-30,
	.row.socialmedia .group .article.width-33,
	.row.socialmedia .group .article.width-40,
	.row.socialmedia .group .article.width-45,
	.row.socialmedia .group .article.width-50,
	.row.socialmedia .group .article.width-55,
	.row.socialmedia .group .article.width-60,
	.row.socialmedia .group .article.width-65,
	.row.socialmedia .group .article.width-66,
	.row.socialmedia .group .article.width-70,
	.row.socialmedia .group .article.width-75,
	.row.socialmedia .group .article.width-80,
	.row.socialmedia .group .article.width-85,
	.row.socialmedia .group .article.width-90,
	.row.socialmedia .group .article.width-95,
	.row.socialmedia .group .article.width-100 {
		width:80%;
	}
	
	.row.paars.menu.fixed {
		top: 109px;
	}
	
	
	
	
	.row.nth-child-2 .article.news-recent-list {
		display: none;
	}
	
	
	
	
	
	
	
}