/* not mega, not small, oude imacs bijv.*/
@media screen and (min-width: 1175px) and (max-width: 1737px) {}
/* Small Screen */
@media screen and (min-width: 1281px) and (max-width: 1400px) {}
@media screen and (min-width: 1152px) and (max-width: 1280px) {	
	.BBtop										{margin-left: 90px;}
	.BBbottom									{margin-left: 90px;}
}
@media screen and (min-width: 1024px) and (max-width: 1152px) {}

/* Small Screen */
@media only screen and (min-width: 700px) and (max-width: 1280px) {}

/* Tablet */
@media only screen and (min-width: 700px) and (max-width: 1280px) and (orientation:landscape) {
	.fixed 										{width:100px;left:70% !important;}
	#mainNav 									{display: none;}
	nav ul#upDown li a.prev:hover				{background-position: -60px 0;}
	nav ul#upDown li a.next:hover				{background-position: 0 -124px;}
	.disabled 									{opacity:0.5;}
	section.diensten							{background-image: url(../img/afb-diensten_1200_700.jpg) !important;}
	section.home								{background-image: url(../img/afb-top_1200_700.jpg) !important;}
	.banner										{margin-left:60px !important;}
	.teleMail									{margin-left:-190px;}

	.ball.orange								{left: -1.25rem; top: 449px; width: 421px; height: 421px; padding: 10rem 0 0 5.1rem;}
	.ball.purple								{left: -1.85rem; top: 806px; width: 491px; height: 491px; padding: 14.5rem 0 0 6rem; z-index: 1;}
	.ball.blue									{left: 19.74rem; top: 548px; width: 504px; height: 504px; padding: 14rem 0 0 7.5rem; z-index: 2;}
	a.tweetBtn									{right:150px;}
}
@media only screen and (min-width: 700px) and (max-width: 1280px) and (orientation:portrait) {
	.fixed 										{width: 100px; left: 60% !important;}
	#mainNav									{display: none;}
	nav ul#upDown li a.prev:hover				{background-position: -60px 0;}
	nav ul#upDown li a.next:hover				{background-position: 0 -124px;}
	.disabled 									{opacity: 0.5;}
	.medium-6									{padding-left: 0; padding-right: 0;}
	.medium-6 p									{padding-left: 0; padding-right: 0;}

	.BBtop										{margin-left: -40px;}
	.BBbottom									{margin-left: -40px;}
	section.home								{background-image: url(../img/afb-top_700.jpg) !important;}
	section.diensten							{background-image: url(../img/afb-diensten_700.jpg) !important;}
	section.diensten .row						{min-height: 1625px;}
	.banner										{margin-left: 00px !important;}
	.teleMail									{margin-left: -230px;}
	
	.ball.orange								{left: -2.25rem; top: 449px; width: 455px; height: 551px; padding: 17.5rem 0 0 4.1rem;}
	.ball.purple								{left: -1.85rem; top: 806px; width: 521px; height: 651px; padding: 22.5rem 0 0 5rem; z-index: 1;}
	.ball.blue									{left: 19.74rem; top: 548px; width: 504px; height: 584px; padding: 22rem 0 0 7.5rem; z-index: 2;}
	a.tweetBtn									{right: 400px; margin-bottom: 50px; display: block;}
}

/* Mobile */
@media only screen and (min-width: 100px) and (max-width: 640px) {
	#wrapper									{padding-top: 70px;}
	.fixed										{background: #000; z-index: 9999; width: 100% !important; height: 60px; top: 0; left: 0 !important; margin: 0; padding: 0; overflow: hidden;}
	nav											{background: none; width: 100%; max-width: 100%; float: left; height: 60px; padding: 0;}
	nav ul										{margin-left: 0;}
	nav ul li									{width: auto; display: inline-block; margin: 0 5px;}
	nav ul#mainNav								{margin-top: 0 !important; width: 100%; height: 60px; z-index: 9999; float: left !important; text-align: center;}
	nav ul#mainNav li							{min-height: 60px; line-height: 60px;}
	nav ul#mainNav li a							{font-size: 18px; text-transform: uppercase; color: #fff;}
	nav ul#mainNav li a:hover,
	nav ul#mainNav li.current a					{color: #ff6214;}	
	
	section.home								{background-image: url(../img/afb-top_mob.png) !important; background-size: 100%; min-height: 500px !important;}
	section.home .row							{min-height: 500px !important;}
	
	.blackBlock									{background: url(../img/grunge.png) #000000; text-align: center;}
	.blackBlock p 								{font-size: 12px; margin-top: 30px;}
	.BBtop										{width: 100%; padding: 30px  5px !important; margin-top: 20px; margin-left: 0px;}
	.BBbottom									{width: 100%; padding: 30px 10px !important; margin-left: 0px; text-align: center;}
	.BBtop h1, .BBbottom h1, .ball	h1			{margin: 0px !important; padding: 2px 0; font-size: 30px !important;}

	.banner										{margin-top: 13rem !important; margin-left: 0px;}
	.teleMail									{margin-left: 0px !important; left: 0px; bottom: -30px;}
	.teleMail a, .teleMail li 					{font-size: 10px !important;}
	section.diensten							{background-image: none !important; padding-bottom: 50%;}
	.ball										{position: relative !important; border-radius: 0px !important; font-size: 12px !important; font-family: 'Merriweather', serif !important; font-weight: normal !important;}
	.ball.orange								{left: 5%; top: 50px; width: 90%; height: auto !important; background: url(../img/grunge.png) #000000; padding: 30px 3em; text-align: center; font-size: 11px;}
	.ball.purple								{left: 5%; top: 90px; width: 90%; height: auto; background: url(../img/grunge.png) #000000; padding: 30px 3em; z-index: 0 !important; font-size: 11px; text-align: center;}
	.ball.blue									{left: 5%; top: 130px; width: 90%; height: auto; background: url(../img/grunge.png) #000000; padding: 30px 3em; z-index:0 !important; text-align: center;}
	.ball br 									{display: none;}
	.ball .mobSpacer							{margin-bottom:10px !important;}
	a.tweetBtn									{display: none;} 
	section.over								{background: none;}
	section.over, section.over .row				{min-height: 425px;}
	section.contact, section.contact .row		{min-height: 425px !important;}
	.mobileOnly									{display:block;}
	.phoneMail a,.phoneMail span				{font-size:11px;}
	.phoneMail a.mail							{padding-left:10px;}
}
@media only screen and (min-width: 100px) and (max-width: 640px) and (orientation:landscape) {
	
	section.home								{background-image: url(../img/afb-top_mob-640x640.min.png) !important; background-size: 100%; min-height: 640px !important;}
	section.diensten							{padding-bottom: 0;}
	section.diensten,
	section.diensten .row						{min-height: 1255px;}		

	section.over,
	section.over .row							{min-height: 425px;}
	
	.banner										{margin-top: 15rem !important; margin-left: 0px;}
	.teleMail									{margin-left: 0px !important; left: 14%; max-width: 72%; bottom: 10px;}
	.teleMail a, .teleMail li 					{font-size: 14px !important;}
	
	a.tweetBtn									{bottom: 8px;}
}

/* iphone */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) {
	.teleMail									{margin-left:0px !important; left: 0px; bottom: 10px;}
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) {	
	
	section.home								{min-height: 500px !important;}
	.banner										{margin-top: 12rem !important; width: 76%;}
	.teleMail									{margin-left: 0px !important; left: 14%; max-width: 72%; bottom: 10px;}
	section.diensten,
	section.diensten .row						{min-height: 1475px;}	
	.teleMail a, .teleMail li 					{font-size: 12px !important;}
}


/* ------------------------------------------------------------------------------------------------------------------------------------------------ DEVICE GERICHT ----------- */

/* iPhone 3G ----------- */
@media screen and (device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 1){}

/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {}

/* iPhone 5 / Retina ----------- */
@media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) {}

/* Samsun Galaxy S2 ----------- */
@media screen and (device-width: 320px) and (device-height: 533px) and (-webkit-device-pixel-ratio: 1.5) {}

/* Samsun Galaxy S3 ----------- */
@media only screen and (-webkit-device-pixel-ratio: 2) {}