/* ============== RESPONSIVE CSS =============== */
@media only screen and (min-width: 1921px) { /* +1 px higher then 1920 */
    .center_section {
        background: url(../images/center_mask2.png) no-repeat center bottom, -webkit-linear-gradient(top, #87d2f2 0%,#009fe3 63%);
    }
}
@media only screen and (min-width:1350px) and (max-width: 1480px) {
	.container{max-width:1320px;}
	.videos_section .video_caption h3{font-size:17px;}
}
@media only screen and (min-width:1200px) and (max-width: 1350px) {
	.container{max-width:1180px;}
	.dagcommentaar_banner h2{font-size:50px;}
	.dagcommentaar_banner h3{font-size:28px;}
	.dagcommentaar_banner .mask_content{padding-top:180px;}
	.dagcommentaar_banner .mask{min-height:550px;}
	
	
}
@media only screen and (min-width:1000px) and (max-width: 1200px) {
	body,.uitgelicht li h3,.newsletter button,.newsletter input{font-size:16px; line-height:26px;}
	.container{max-width:1000px;}
	
	.copyright p{font-size:14px;}
	/*.mask_content{padding-top:150px;}*/
	.time p{font-size:22px; padding-top:35px;}
	.abonnementen_right h3{font-size:75px; line-height:78px;}
	.col_desc{width:63%;}
	
	.videos_section li img.shadow{bottom:-14px;}
	.news_section h2{font-size:25px;}
	.time time{font-size:21px; width:65px; padding:20px 0; margin:15px 0 ;}	
	.videos_section .video_caption h3{font-size:13px;}
	.videos_section .video_caption span{font-size:10px;}
	.video_box .link{background-size:70px;}
	.BV_desc{padding-top:0;}
	
	.dagcommentaar_banner h2{font-size:50px;}
	.dagcommentaar_banner h3{font-size:28px;}
	.dagcommentaar_banner .mask_content{padding-top:180px;}
	.dagcommentaar_banner .mask{min-height:550px;}
	
	.banner_bottom a{font-size:15px;}
	.abon_sidebar li a{font-size:18px; padding-left:25px;}
	.popup_content h1{font-size:42px;}
	.resultaten_btn a,.abon_btn a,#abon_btn_trigger,.dagcommentaar_btn a{ padding:36px 0;}
	.sidebar .more{padding:12px 0; width:100%; text-align:center;}
    .overons_image{height:380px;}
}

@media only screen and (min-width:750px) and (max-width:1000px) {
	.container{max-width:750px;}
	body,.uitgelicht li h3,.newsletter button,.newsletter input{font-size:14px; line-height:22px;}
	
	.copyright p{font-size:12px;}
	.navigation #menu > li > a{padding:25px 8px; font-size:13px;}
	.dagcommentaar_btn{width:27%;}
	.resultaten_btn{width:22%;}
	.slick-dots{left:5px;}
	.slick-dots li button:before{width:8px; height:8px;}
	
	/*.mask_content{padding-top:150px;}*/
	.time p{font-size:16px; padding-top:35px;}
	.abonnementen_open{bottom:92px;}
	.time time{font-size:18px; width:55px; padding:17px 0; margin:18px 0 ;}
	.abonnementen_right h3{font-size:55px; line-height:58px;}
	.abonnementen_right{width:55%;}
	.abonnementen_left{width:42%;}
	.abonnementen_left .more{padding:12px 0; width:100%; text-align:center;}
	
	.abonnementen_left li:before{width:7px; height:7px; top:9px;}
	.col_desc{width:60%;}
	.equal_col li .col_img{width:120px; min-height:120px;}
	.equal_col li .col_img h3{font-size:42px; line-height:42px; padding-top:10px;}
	.equal_col li .col_img h3 span{font-size:16px; line-height:18px;}
	
	.videos_section li img.shadow{bottom:-10px;}
	.news_section h2{font-size:21px;}
	.newsletter{width:40%;}
	
	.video_box .link{background-size:50px;}
	.BV_desc{padding-top:0;}
	.videos_section .video_caption h3{font-size:13px;}
	.videos_section .video_caption span{font-size:10px;}
	
	.dagcommentaar_banner h2{font-size:40px;}
	.dagcommentaar_banner h3{font-size:28px;}
	.dagcommentaar_banner .mask_content{padding-top:150px; width:100%;}
	.dagcommentaar_banner .mask{min-height:400px;}
	
	.banner_bottom a{font-size:12px;}
	.abon_sidebar li a{font-size:14px; padding-left:15px; padding-right:15px;}
	.popup_content h1{font-size:32px;}
	
	.tabs_top li a{padding:12px 15px;}
	.table_tabs li a{padding:3px 20px;}
	.side_TT .years li{padding:1px 0;}
	
	.resultaten_btn a,.abon_btn a,#abon_btn_trigger,.dagcommentaar_btn a{ padding:36px 0;}
	.sidebar .more{padding:12px 0; width:100%; text-align:center;}
    .overons_image{height:340px;}
}
@media only screen and (max-width: 750px) {
	.container{max-width:96%;}
	body,.uitgelicht li h3,.newsletter button,.newsletter input{font-size:14px; line-height:22px;}
	.chat_fixed,.social_fixed{display:none;}
	
	.span5{width:32.8%; display:inline-block; float:none; vertical-align:top;}
	.videos_section li{width:100%; margin:0 0 20px;}
	.videos_section li img.shadow{bottom:-8%;}
	
	.uitgelicht,.newsletter,.overons_content,.overons_image,.twitterfeed,.equal_col,.abonnementen_left,.abonnementen_right,.big_video .video_box,.BV_desc{width:100%;}
	.abonnementen_right h3{font-size:65px; line-height:66px;}
	
	.equal_col.last,.twitterfeed,.newsletter{margin-top:40px;}
	.equal_col li .col_img{width:120px; min-height:120px;}
	.equal_col li .col_img h3{font-size:42px; line-height:42px; padding-top:10px;}
	.equal_col li .col_img h3 span{font-size:16px; line-height:18px;}
	.col_desc{float:left; margin-left:3%;}
	.abonnementen_left .more{padding:12px 0; width:100%; text-align:center;}
	
	.mask{background:none;}
	.mask_content{width:94%; padding:3%; margin:15px 0 0;}
	
	.mask_content h2{font-size:28px; line-height:28px;}
	.banner_bottom{position:relative; left:auto; bottom:auto;}
	.abon_btn,.dagcommentaar_btn,.time,.resultaten_btn{width:100%; padding:0;}
	.abon_btn a,.dagcommentaar_btn a,.resultaten_btn a,#abon_btn_trigger{padding:10px 0; display:inline-block; width:100%;}
	.banner_bottom:before{display:none;}
	
	.abonnementen_open{bottom:218px; bottom:0;  z-index:11; background:#222; padding:20px 0;}
	.abonnementen_open ul{width:100%; text-align:center; padding:0 0 10px; margin-bottom:20px; border-bottom:1px solid #fff;}
	.abonnementen_open li{width:auto; display:inline-block; padding:5px;}
	.details{width:92%; border:0;}
	.more{font-size:16px; line-height:24px; padding:10px 15px;}
	
	.slicknav_menu{display:block;}
	.copyright p{font-size:12px; line-height:16px;}
	.videos_section ul{padding:0;}
	.video_caption{bottom:10px; padding:0 3%; width:94%;}
	
	.dagcommentaar_banner .mask_content{padding-top:40px; width:100%; box-sizing: border-box; margin-top: auto; text-align: center;}
	.dagcommentaar_banner .mask_content h2{text-align: center;}
	.dagcommentaar_banner .mask_content h3{text-align: center;}
	.dagcommentaar_banner .mask{min-height:300px;}
	.bottom_bb{height:200px;}
	
	.sidebar{ width:100%;}
	.SB_right{width:100%; border:0; margin:40px 0 0;}
	.dag_content .breadcrumb{position:relative; right:auto; top:auto; width:100%;}
	
	.abon_sidebar{width:100%;}
	.abon_right{width:100%;}

	.table_desc{width:100%;}
	
	.tabs_top li a{padding:12px 15px;}
	.table_tabs li a{padding:3px 20px;}
	.table_desc .more{padding:22px 0; text-align:center; width:100%; font-size:26px;}
	.side_TT .years{padding:20px 0;}
	.side_TT .years li{width:auto; padding:0 10px; float:left;}
	.side_TT .years li a{width:auto;}
	
	.news_img{width:100%; max-width:100%; text-align:center; padding:0 0 30px;}	
	.news_desc,.contact_form ul,.contact_left,.contact_right{width:100%;}
	.contact_left iframe{height:250px;}
	.contact_form li textarea{min-height:150px;}
    .overons_image{height:340px;}
}
@media only screen and (max-width: 500px) {
	.abonnementen_right h3{font-size:45px; line-height:48px;}
	.span5{width:49%;}
	.col_desc{margin:0; width:100%;}
	
	.slick-dots{left:5px;}
	.slick-dots li button:before{width:8px; height:8px;}
	.uitgelicht li{width:100%; border-bottom:1px solid #fff; border-right:0; min-height:inherit; margin:0 0 10px; padding:0 0 10px;}
	.video_box .link{background-size:50px;}
	
	.abon_sidebar li a{font-size:16px;}
	.popup_content h1{font-size:35px;}
	.kies_een .equal,.input_fields li{width:100%;}
	.table_desc .more{font-size:20px;}
}
@media only screen and (max-width: 400px) {
.mask_content h2{font-size:24px;}
.dagcommentaar_banner h3{font-size:28px;}
}
@media only screen and (max-width: 1200px) {
    .mask {
        background: none;
    }
}