/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
	  	body {
			overflow-x:hidden;
		}
		
	h1#logo a img.logo-1 {
		margin-top:-35px;
	}
	
	.mobilenav {
		position:absolute;
		top:20px;
		right:-10px;
		display:block;
	}
	
	.mobilenav button {
		border-radius:0px;
		border:none;
		color:#fff;
		font-size:14px;
	}
	
	#mainmenu li {
		padding:0px;
		margin:0px;
		width:auto;
	}
	
	#mainmenu li a {
		padding-left:55px;
	}
		
	.header-bg.clone, .header-bg {
    margin-bottom: -150px;
	background-color:transparent !important;
	}
	
	#mainmenu li ul {
		width:auto;
	}
	
	#mainmenu li li {
		min-width:280px;
		font-family: "roboto",sans-serif;
	}
	
	#yoo-zoo h3.auteur {
		margin:20px 0 0 0;
	}
	
	#yoo-zoo .item h1.pos-title {
		margin:0 0 0 0;
		padding:15px 0 0 0;
	}
	
	.yoo-zoo p {
		margin:0px;
	}
	
	.pullquote_left {
		margin:10px 10px 5px 0 !important;
	}
	
	.header-bg.clone.smaller.logo-smaller {
		display:none;
	}
	
	
	#mainmenu li {
		background-color:#d4b079;
		 font-family: "amaranthregular";
	}
	
	a.main {
		font-size:24px !important;
	}
	
	#mainmenu li a,
	#mainmenu li ul li a {
    color: #AD100C;
	font-size:17px;
}

section#section-welcome.full-height.dark {
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover !important;
}


#sidebar {
	padding-left:15px;
}

#mainmenu li {
	padding:0px;
	width:100%;
}

.avatar {
	margin:10px 0 0 0 !important;
}

.avatar img {
	max-width:100px;
	max-height:100px;
}

a.main {
	font-size:13px;
}

#mainmenu li.current a {
	color:#AD100C !important;
}
	
	.tp-caption.large_text {
		padding:300px 0 0 100px;
		font-size:65px;
		line-height:80px;
	}
	
.col-md-8.col-sm-12.col-xs-12.auteur {
	margin-bottom:0px;
}

.fullwidthbanner-container,
.tp-simpleresponsive {
	min-height:300px !important;
}

.achtergrond {
	max-width:100%;
	width:100%;
	overflow:hidden;
	right:0px;
}

#band {
	margin:10px 0 10px 0;
}

#bandinner ol {
	padding:10px 0 0 19px;
}


#bandinner {
	width:100%;
	padding:5px 15px 30px 15px;
}

.moduletablebanner {
	display:block;
	min-height:150px;
	width:100%;
	background-color:#d4b079;
	border-top:solid 6px #b20e0b;
	margin-top:30px;
	font-family: "amaranthregular";
	font-size:22px;
	line-height:30px;
	color:#fff;
	}
	
 .moduletable_menu.c-menu__items ul#mainmenu {
		display:none;
	}
	
	#footermobile {
		font-size:20px;
	}

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
#mainmenu li a,
#mainmenu li ul li a {
	font-size:17px;
}

a.main {
		font-size:24px !important;
	}
}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 

}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
#mainmenu li a,
#mainmenu li ul li a {
	font-size:17px;
}

a.main {
		font-size:24px !important;
	}
}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

}

/* ----------- iPad mini ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* ----------- iPad 1 and 2 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
	  	body {
		overflow-x:hidden;
	}
	
	header {
		top:0px;
	}
	
	#wrapper header.header-bg.clone.smaller.logo-smaller {
		display:none;
	}
	
	#mainmenu li.deeper.parent a.main,
	#mainmenu li.item-101 a {
		color:#ad100c;
	}
	
	#contact {
	position:absolute;
	top:30px;
	right:10px;
	height:30px;
	z-index:99999;
	color:#fff;
	font-size:12px;
}

	div.tp-caption.large_text.tp-fade.tp-resizeme.start {
		 padding:100px 0 0 100px;
	 }
	
	
	#actie {
    margin-top: 200px;
	}
	
	#section-welcome.full-height.dark div.center-y {
    margin-top: 50px !important;
	}
	
	.c-buttons {
    margin-bottom: 55px;
	}
	
	#section-welcome.full-height.dark {
	background: rgba(0, 0, 0, 0) url("/p9/images/bg/bg-home.jpg");
	background-position:center center !important;
	background-repeat:no-repeat !important;
    height: 1146px;
	}
	
	.c-button {
    background-image: url("../images/menu-ipad.png");
    background-position: center center;
    height: 54px;
    width: 166px;
	}
	
	.c-buttons.hidden-xs.hidden-sm {
		left:42% !important;
	}
	
	#mainmenu {
		float:left;
		margin:0px;
		padding:0px;
		font-family: "amaranthregular";
		font-size:15px;
	}
	
	.footertekst {
	padding:0 0 0 150px;
}
	
	.ua-chrome #mainnav,
.ua-safari #mainnav {
    position:relative;
	top:-190px;
	z-index:999;
	height:190px;
	margin-bottom:-150px;
	background-color:rgba(212, 176, 121, 0.9);
}
	
	#mainmenu li li {
		font-size:15px;
		padding:0 0 5px 0;
		font-family: "roboto",sans-serif;
	}
	
	#mainmenu li li a {
		font-size:17px;
		font-family: "roboto",sans-serif;
	}
	
	.c-menu.c-menu--slide-bottom.is-active div.moduletable_menu.c-menu__items ul#mainmenu li.deeper.parent ul.nav-child.unstyled.small li a {
		font-size:17px;
	}
	
	.c-menu__items ul#mainmenu li.deeper.parent ul.nav-child.unstyled.small li {
		padding:0 0 5px 0;
	}
	
	header.smaller #mainmenu li li a {
		font-size:15px !important;
	}
	
	html.wf-ffdaxwebprocondensed-i4-active.wf-ffdaxwebprocondensed-i7-active.wf-ffdaxwebprocondensed-n4-active.wf-ffdaxwebprocondensed-n7-active.wf-roboto-n4-active.wf-roboto-n5-active.wf-roboto-n7-active.wf-active body#homepage div#o-wrapper.o-wrapper div#wrapper header.header-bg.clone.smaller.logo-smaller div.menu-area div.container div.row div.col-md-12 div.moduletable ul#mainmenu li.deeper.parent ul.nav-child.unstyle {
		font-size:15px !important;
	}
	
	.container.txt {
		padding-top:20px;
	}
	
	#bandinner ol {
	padding:10px 0 0 23px;
}

.moduletablebanner {
	display:block;
	min-height:150px;
	width:100%;
	background-color:#d4b079;
	border-top:solid 6px #b20e0b;
	margin-top:30px;
	font-family: "amaranthregular";
	font-size:22px;
	line-height:30px;
	color:#fff;
	}
	
	.moduletablebanner:after {
	content: url('http://www.developtexel.nl/p9/templates/cubic/images/klik.jpg');
	background-size:20px;
	  bottom: -8px;
    position: absolute;
    right: 32px;
}



}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
	  	 .moduletable_menu.c-menu__items ul#mainmenu {
		display:none;
	}
	
	section#mainnav {
		display:none;
	}
	  
	  header h1#logo {
		  float:left;
	  }
	  #menu-btn {
		  position:absolute;
		  top:10px;
		  right:10px;
	  }
	  #contact {
		  right:100px;
		  font-size:19px;
	  }
	  
	  #mainnav {
		  display:none !important;
	  }
	  
	  #mainmenu {
		  height:0px;
	  }
	  
	 div.tp-caption.large_text.tp-fade.tp-resizeme.start {
		 padding:200px 0 0 100px;
	 }
	 
	 .footertekst {
	padding:0 0 0 0px;
}

.moduletable_menu.c-menu__items ul#mainmenu li {
	background-color:#D4B079;
}

li.item-110.deeper.parent {
	margin-left:-10px;
}

.moduletable_menu.c-menu__items ul#mainmenu {
	width:80%;
	position:inherit;
	top:300px;
	margin: 200px auto 0px auto;
}

li.item-101.current {
	display:none !important;
}

.moduletable_menu.c-menu__items ul#mainmenu li a {
	margin-left:-100px;
}

.moduletablebanner::after {left:300px;}
	  
	  .moduletablebanner {
		  width:400px !important;
		   }
		   
		   .mobilenav {
			   display:block;
			   position:absolute;
			   right:-15px;
			   top:30px !important;
		   }
		   
		   .header-bg.clone, .header-bg {
			   margin-bottom:-250px;
		   }
		   
		   #mainmenu li {
			   width:300px;
		   }
		   
		   #mainmenu li ul li {
			   padding-left:0px !important;
		   }
		   
		   #yoo-zoo .item h1.pos-title {
			   margin:0px;
		   }
		   
		   div.col-md-4.col-lg-4.col-sm-6.col-xs-6.avatar {
			   width:30%;
		   }
		   
		   div.col-md-8.col-sm-12.col-xs-12.pull-right.title {
			   width:70%;
		   }
		   
		   .pullquote_left {
			  margin: 5px 15px 5px 0px !important;
		   }

#section-welcome.full-height.dark div.center-y.text-center p {
	padding-top:30px;
}


	
		  
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
	  #actie {
		margin-top:150px;
	}
	
	#section-welcome.full-height.dark div.center-y {
		margin-top:0px !important;
	}
	
	.mobilenav {
	display:none;
}

#contact {
		font-size:19px;
	}
	
	#yoo-zoo .item h1.pos-title {
		font-size:70px;
	}
	
	#yoo-zoo .item h2, #band h2 {
		font-size:35px;
	}

}

/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

}