@media (max-width:320px) { 
	#domain-sec { width:257px !important; }
	#domain-sec .check { width:245px !important; background:none;  padding:0 !important; margin:0 0 5px 0 !important }
	#domain-sec .check input { border:1px solid #000; }
	.mobile-menu-button { top:39px !important; }
	#banner { margin:0 auto 6px; }
	#services { margin-bottom:0; }
}

@media (max-width:640px) { 
	.wrapper { width:97%; padding:5px; }
	#services ul li, #services ul li:last-child { width:100%; float:none; padding:9px 0 9px 0; border:none; background:none; }
	#domain-sec { padding:23px 16px 27px; background-position:right bottom; width:313px; margin:0 auto; }
	#domain-sec .check { width:250px; background-size:100%; float:none; margin:0 auto; padding:0 2px 10px 67px; } 
	#domain-sec .check input { width:65%; margin:3px 3px 0 0; display:inline-block; }
	#domain-sec .checktxt { width:auto; color:#000; }
	.ftr-links, .middleftr { width:100%; float:none; border:none; }
	.mobile-nav { top:-38px; }
	a.getstarted { background-size:97% auto; display:block; font-size:15px; height:auto; padding:0 9px; width:90px !important; } 
	a.getstarted:hover { background-size:97% auto !important; display:block; }
	header { margin-bottom:0; }
	.lastftr { width:100%; }
	.sticky-header .mobile-menu-button { top:8px !important; }
	header { position:static; }
	#banner { top:0; margin:0 auto 6px; }
	.lastftr input.inputtxt { width:162px; background-position:160px 14px; }
	#services ul li { width:100% !important; }

	/* ### contact us ### */
		.contact-form { float:none; width:100%; margin:0; }
		.contact-form .left, .contact-form .right { float:none; }
		.contact-form .input-txt, .contact-form textarea, .contact-form .phone .input-txt, .contact-form .comment textarea { width:93%; }
		.gmap iframe { width:99%; margin:0 auto; }
		.contact-service { float:none; width:100%; }
		.contact-form .sendmsg input { clear:both; display:block; float:none; margin-bottom:15px; }

	/* ### hosting ### */
		.hosting .mobile { display:block; }
		.hosting .desktop { display:none; }
		.hosting-table h3 { text-align:center; }
		.hosting-table .leftcol td { padding:9px 18px 9px 0; }
		.hosting-table .leftcol td.prijzen { height:40px; padding:0 18px 0 0; }
		.hosting-table .leftcol td.takeaction { padding:38px 35px 37px 0!important;  font-size:15px; } 
		.hosting-table .leftcol td.setupbg { font-size:14px; padding:0; height:40px; vertical-align:middle; }
		.hosting-table tbody { width:100%; display:inline-table; }
		.hosting-table1 tbody { width:100%; display:inline-table; }
		.hosting-table1 tbody tr { width:100%; display:inline-table; }
		.hosting .pakketbg table td:after { right:0; }
		.hosting-table .leftcol td:after { right:0; }
		.hosting .rightcol tr.last td:last-child { border-radius:0 0 15px 15px !important; border-left:1px solid #E2E2E2; border-right:1px solid #E2E2E2; }
		.hosting .rightcol tr.last { background:none; }
		.hosting-table .leftcol td.mysql { padding:0; }
		.hosting-table .leftcol td.mysql br { display:none; }
		a.signup { margin:0; }
		.hosting .rightcol .headertable.newsize td { font-size:16px; padding:11px 0; }
		.wrap-pos { position:static; top:0; }
		#domain-sec .check .custom-arrow select { margin:-1px 0 0 5px; display:block; padding:-5px 0 0 0 !important; }
		.lastftr input.button3 { padding:12px 0 12px; }
		.button2 { padding:12px 0; }
		.wrap-pos { padding-top:0 !important; position:static;  padding-top:0 !important; }
}

@media only screen and (orientation:landscape) and (device-width:320px), (device-width:768px) { 
	.section-content, .section-content.section-image::after { background-attachment:scroll !important; }
}

@media (max-width:959px) { /* 992 */
	.header:after { background-image:none; }
	.mobile-nav-container, .mobile-nav-container { width:100%; margin-left:0; margin-top:0 !important; clear:both; }
	.mobile-menu-button { float:right; display:block; padding:13px; background-color:#0084bf; position:absolute; top:24px; right:15px; color:#fff; cursor:pointer; font-size:17px; -webkit-transition:opacity 0.3s; -moz-transition:opacity 0.3s; -o-transition:opacity 0.3s; transition:opacity 0.3s; }
	.mobile-menu-button:hover { opacity:0.78; }
	.searchbox { display:none; }
	#header.sticky-header:after { height:auto; }
	.sticky-navigation .mobile-menu-button { top:7px; padding:8px; }
	.navigation, .sticky-navigation { display:none !important; }
	.mobile-nav { float:right; padding:0 5px; display:block; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background-color:#0084bf; list-style-type:none; overflow:hidden; display:none;  z-index:99; position:relative; }
	.mobile-nav .searchbox-inputtext { width:100%; padding:5px 25px 5px 5px; background:rgba(0, 0, 0, 0.25); border:0; margin:5px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; color:#fff; outline:none; }
	.mobile-nav .icon-search { padding-top:4px; padding-bottom:4px; position:absolute; right:2px; top:6px; color:#fff; font-size:14px; background:none; border:none; }
	.mobile-nav .searchbox-icon { display:none; }
	.mobile-nav li { float:left; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; cursor:pointer; padding:0px 0px; }
	.mobile-nav ul { display:none; margin:0; padding:0 0 0 0px; overflow:hidden; border-left:10px solid rgba(0, 0, 0, 0.11); }
	.mobile-nav a { width:100%; color:#fff; text-decoration:none; display:block; width:100%; border-bottom:1px solid rgba(0, 0, 0, 0.11); padding:10px 0px 10px 5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
	.mobile-nav a:hover { background:rgba(0, 0, 0, 0.11); }
	.mobile-nav .icon-caret-up { display:none; }
	.mobile-nav .icon-chevron-down,  .mobile-nav .icon-chevron-up { font-size:13px; margin:5px 20px 0 0px; float:right; }
	.mobile-nav { top:-33px; }
	.sticky-header .mobile-nav { top:-3px; }
	/*.wrap-pos { padding-top:156px !important; }*/
	.contact-form .sendmsg { clear:both; }
}

@media (min-width:641px) and (max-width:959px) { /* was 992 */
	.responsive-searchbox { position:relative; }
	#to-top-button { display:none !important; }
	.mobile-nav .label-nav-sub { display:none !important; }
	header { position:relative; }
	.wrapper { width:98%; }
	#banner { top:0;  margin:0 auto 75px; }
	#services { margin-bottom:17px; }
	#services ul li { width:30%; }
	#services ul li:last-child { width:30%; }
	.ftr-links, .middleftr { width:28%; margin:0 12px 0 0; }
	.lastftr { width:36%; padding:0px 0 0 11px; }
	.copyright { margin:0; }
	.lastftr input.inputtxt { width:52%; background:url(../images/ftr-search-icn.png) no-repeat scroll 88% 14px #FFFFFF; }

	/* Banner  */
		a.getstarted { z-index:9999999999; }

	/* ### contact us ### */
		.contact-form { margin:0 25px 0 0; width:58%; }
		.contact-service { width:33%; }
		.gmap iframe { width:99%; margin:0 auto; }
		.contact-form .left, .contact-form .right { float:none; }
		.contact-form .input-txt, .contact-form textarea, .contact-form .phone .input-txt, .contact-form .comment textarea { width:96%; }
		.contact-form .secure-img { margin:0; }
		.contact-service p { width:62%; }
		.contact-form .sendmsg input { clear:both; display:block; float:none; margin-bottom:15px; }

	/* ### Hosting ### */
		.hosting .rightcol .headertable td { height:121px; }
		.hosting .hosting-table1 .rightcol .headertable td { height:107px; } 
		.hosting-table .leftcol td.setupbg { height:55px;  padding:0 15px 0 0;    font-size:14px; }
		.hosting-table .leftcol td.setupbg br { display:none; }
		.hosting-table .leftcol td.takeaction { height:22px; }
		.hosting-table1 .leftcol td.takeaction { height:55px; }
		/*.wrap-pos { position:static;  padding-top:0 !important; }*/
}

/* ### Banner ### */
	@media only screen and (min-width:768px) and (max-width:959px) { 
		#banner, .bannercontainer { width:100%; overflow:hidden; position:relative; top:71px; }	
		header { position:fixed; }
		.banner { width:96%; margin:0 auto; }
		.tp-simpleresponsive img { height:auto !important; overflow:hidden; width:auto !important; } 
		.tp-simpleresponsive .caption img { height:auto !important; overflow:hidden; display:block; width:450px!important; }
		.bannercontainer h2 { font-size:30px; }
		.wrap-pos { padding-top:156px !important; }
	 }

@media (min-width:641px) and (max-width:767px) { 
	.wrap-pos { padding-top:0px!important; }
}

@media only screen and (min-width:768px) and (max-width:943px) { /* was 1023 */
	.wrap-pos { padding-top:156px!important; }
	header { position:fixed; }	
}
	
@media(width:640px) { 
	#banner { background-position:center 115px !important; padding-bottom:25px; }
	#banner, .banner, .bannercontainer { width:100%; height:250px !important; }	   		
	.tp-simpleresponsive .caption img { height:auto !important; overflow:hidden; width:100% !important; }
}

@media(width:600px) { 
	#banner, .banner, .bannercontainer { height:220px !important; }
	#banner { background-position:center 84px !important; }  
}

@media only screen and (min-width:521px) and (max-width:767px) { 
	#banner { background-position:center 143px; padding-bottom:25px; }
	#banner, .banner, .bannercontainer { width:100%; height:285px; }		
	.bannercontainer h2 { font-size:40px; }   	
	#services ul li { width:29%; }
	.tp-simpleresponsive .caption img { height:auto !important; overflow:hidden; width:100% !important; }
}

@media (max-width:360px) { 
	#banner, .banner, .bannercontainer { width:100%; height:185px; }		  
}

@media only screen and (min-width:0px) and (max-width:520px) { 
	#banner { background-position:center; padding-bottom:25px; } /* 100 (zonder px) weggehaald */
	#banner, .banner, .bannercontainer { width:100%; height:180px; }	
	.bannercontainer h3 { z-index:1; }				
	.tp-simpleresponsive .caption img { height:auto !important; overflow:hidden; width:100% !important; }
}