@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 1199px) {
.section-two-bottom, .section-one-inner-main-bottom{ padding:0 15px;}
.top-nav .nav > li{ padding:0 5.5%;}
.section-one-inner-main h2 br{ display:none;}
.section-three{ background-size:cover;}
}

@media screen and (max-width: 1070px) {
.top-nav .nav > li{ padding:0 3.6%;}
.section-one-inner-main{ padding-top:40px;}
}


@media screen and (max-width: 1023px) {
.top-nav .nav > li > a{ font-size:17px;}
}

@media screen and (max-width: 991px) {
.bottom-icon{ margin-top:0; padding-bottom:100px; text-align:center;}
.section-one h2, .section-three h2, .section-one-inner-main h2{ text-align:center; font-size:26px; line-height:40px;}
.section-one p, .section-three p, .section-one-inner-main p{ font-size:16px; text-align:center;}
.section-one-inner-right-bottom h3{ font-size:18px;}
.section-three-inner{ text-align:center;}
.section-three-right{ width:100%;}
.section-three-right-top{ text-align:center; padding-top:40px;}
.section-three-right-bottom{ margin-top:40px;}
.section-three-inner{ padding-bottom:80px;}
.section-three-left{ width:100%; border-right:none; border-bottom:2px solid #fff; padding-bottom:40px; margin-bottom:40px;}
ul.waarom-bot-right li{ text-align:left;}
ul.waarom-bot-right li{ font-size:15px;  background:url(../images/bulletb.png) no-repeat left top; }
.section-one-inner-left{ width:100%; border-right:none; border-bottom:2px solid #fff; padding-right:0; padding-bottom:30px;}
.waarom{ padding-left:25px;}
.section-one-inner-right{ width:100%; padding-top:30px; padding-left:0;}
.section-one-inner-right-bottom h3::after{ left:-35px;}
.section-one-inner-right-bottom{ padding-left:50px;}
.waarom-bottom-left{ padding-right:15px; border-right:none; border-bottom:2px solid #fff; padding-bottom:40px;}
ul.waarom-bot-right{ padding-top:40px; padding-left:0;}
.waarom-bottom{ padding-left:30px; padding-right:30px;}
.txt-bold, ul.section-category{ text-align:center;}
.section-one-inner-right-bottom p{ text-align:left;}
.section-one-left{ padding-right:15px;}
.section-bottom{ padding-left:60px;}
}


@media screen and (max-width: 767px) {
.navbar-toggle{ background:#000;}
.top-nav .nav > li{ width:100%; float:left; background:none; border-bottom:2px solid #fff;}
.top-nav{ z-index:999;}
.top-nav .navbar-nav{ margin:0;}
.top-nav .nav > li{ padding:0;}
header{ padding:15px 0;}
.logo{ padding-left:0;}
.section-one{ padding-top:30px;}
ul.language{ padding-right:0;}
.section-one-right{ padding-left:15px;}
.top-nav .navbar-collapse{ padding-left:0; padding-right:0;}
}

@media screen and (max-width: 640px) {
.top-nav .nav > li > a{ font-size:15px; padding:15px 0 11px; border-bottom:2px solid transparent;}
.top-nav .nav > li > a:hover, .top-nav .nav > li > a:focus{ border-bottom:2px solid #fecc00;}
.waarom-bottom{ padding-left:20px; padding-right:20px;}
}

@media screen and (max-width: 568px) {
.logo{ width:100%; text-align:center;}
ul.language{ padding-top:15px;}
.section-three-left{ padding-left:30px; padding-right:30px;}
.section-one h2, .section-three h2{ font-size:20px; margin-bottom:20px;}
.section-one p, .section-three p{ font-size:14px;}
.section-three-right, .section-one-inner{ padding-left:30px; padding-right:30px;}
.section-three-right-bottom h2::after{ left:-16px;}
.footer-inner ul li a, .footer-inner ul li{ font-size:11px;}
.top-nav .nav > li > a{ font-size:12px;}
.top-nav .nav > li{ border-bottom:1px solid #fff;}
ul.section-category li, .txt-bold{ font-size:14px;}
.section-three-inner{ padding-bottom:40px;}
}

@media screen and (max-width: 480px) {
.section-one-inner{ padding-left:10px; padding-right:10px;}
}