@media (max-width : 1214px) { 
    .topbanner-1 {margin-right: 100px;} 
    .topbanner-2 {margin-right: 100px;} 
    .new {margin-right: 100px;} 
    .newsMainText { width: 600px;}
}

@media (max-width : 1180px) {
    header nav li { margin-left: 15px; font-size: 10px; }
    header nav li a { font-size: 15px; }
    footer{
        position: relative;
    }
    footer .container{
        position: static;    
    }
    .imgFooter{
        right: 20px;
    }  
    .new {margin-right: 100px;}   
}
@media (max-width : 1050px) {
    header .container{        padding: 0px 13px; }
    .new {margin-right: 100px;}
    .topbanner-1, .topbanner-2, .topbanner-3 { margin-top: 25px; margin-right:15px;}
    .news { margin-top: 25px; margin-right: 25px;}     
    .category-buttons .button-1 {}
.category-buttons .button-2 {padding-left: 20px;}
.category-buttons .button-3 {padding-left: 20px;}
}
@media (max-width : 979px) {

header .soc .active{ right: 20px;}

.wigArea1{
    width: 100%;
    left: 0!important;
    right: 0!important;
}
.topText h1{
    font-size: 50px;
    text-align: center;
}
.topText article{
    float: none;
    margin: 20px auto;
}
.topText li a span:last-child{
    float: none;
    margin-left: 50px;
}
.topText .right{
    float: none;
    margin-top: 70px;
}
.topText ul{
    width: 100%;    
}
.topText .right a, .topText .right li{
    font-size: 18px;
}
.widCar{
    width:620px;
    margin: 0 auto;
}
.buitenlandList{ margin: 35px auto 20px auto; }
.widCar .news:first-child, .buitenlandList .news:first-child{
    display: none;
}
.list{
    max-width: 620px;
    margin: 0 auto;
}
.list:after{
    content:"";
    display:block;
    height:0;
    overflow:hidden;
    clear:both;    
}
.newsMain{
    min-height: 455px;
    max-width: 300px;
    margin: 20px 0 0 0;
    clear: both;
    float: left;
    clear: none;
}
.newsMainText .time{
    float: none;
}
.even{
    margin-left: 20px;
}
.newsMain a { background: white;}

.newsMain h2 a, .newsMain .socRight a{
    display: inline-block!important;
}
.newsMain h2 a { max-height: 90px;}

.page #contTop article { margin-top: 0;}
.newsMain article { height: 240px; width: 250px;}
.newsMainText h2 a { font-size: 16px; width: 250px; font-weight: normal; line-height: 24px; padding-top: 10px;}
.newsMain article p { display: block; clear: both; }
.wigMain .left{
    margin-top: 20px;
}
.wigMain{
    margin: 0px auto;
    width:620px;   
}
.wigMain .left:first-child{
    display: none;
}
footer .container{
    max-width: 640px;
    margin: 0 auto;
    position: relative;
}
.textFooter{
    float: none;
    padding-bottom: 30px;
}
.linksFooter{
    margin-bottom: 20px;
}
.textFooter{
    padding-right: 0;
} 
.single .sidebar{
    display: none;
}
.mainPage .content{
    margin: 0 auto;
    float: none;
}
.sidebarDown{
    display: block;
}

.stylevar2 .right { width: 100%; padding: 25px; }
.stylevar2 .left { width: 90%; padding: 25px; margin: 0 -20px; background: url(img/back-zwart-30.png) repeat;}
.stylevar3 .left { width: 100%; padding: 25px; }
.stylevar3 .right { width: 90%; padding: 25px; margin: 0 -20px; background: url(img/back-zwart-30.png) repeat;}
.stylevar4 { margin-right: 0px; }
.stylevar4 .left { width: 100%; padding: 25px; }
.stylevar4 .right { width: 100%; padding: 25px; clear: both; margin-top: 15px; }
.stylevar5 .left { width: 100%; padding: 25px;  }
.stylevar5 .right { width: 100%; padding: 25px;  }
.stylevar6 .left { width: 100%; padding: 25px;  }
.stylevar6 .right { width: 100%; padding: 25px;  }
.stylevar7 .left { width: 100%; padding: 25px; }
.stylevar7 .right { width: 100%; padding: 25px; }
.stylevar8 .left { width: 100%; padding: 25px; }
.stylevar8 .right { width: 100%; padding: 25px; }
.stylevar9 .left { width: 100%; padding: 25px; }
.stylevar9 .right { width: 100%; padding: 25px; }
.stylevar9 { margin-right: 10px;}

.stylevar10 .right { width: 100%; padding: 25px; }
.stylevar11 .right { width: 100%; padding: 25px; }
.stylevar12 .right { width: 100%; padding: 25px; }

.wigMain .left { width: 300px;}

.topbanner-1, .topbanner-2, .topbanner-3 { margin: 10px auto; float: none;}

}


@media (max-width : 880px) {

.topbanner-2 { display: none;}

.channelTopText{
    float: none;
    margin: 0 auto;
    text-align: center;
    max-width: 700px;
} 
.channelTopText h1{
    text-align: center;
}
.buitenTopList{
    margin: 60px auto 0 auto;
    float: none;
} 
header nav{
    position: absolute;
    margin-left: 240px;
}  
header .soc li{
    margin-left: 0px!important;
}
/*mobile menu*/
header nav{
    width: 200px;
}
header nav li{
    display: none;
    background: #D8D8D8;
    border-bottom: 2px solid #C7C7C7;
    position: relative;
    top: 15px;
    width: 280px;
    text-align: left;
}
header nav li a{
    font-size: 16px;
    text-transform: lowercase;
    display: block;
    padding: 8px 0 8px 20px;
    color: #4D4E4C!important;
}
header nav li a:hover{
    color: #C5333E!important;
}
header nav li:first-child{
    display: block;
    background: none;
    border-bottom: 0;
    left: 0;
    right: 0;
    top: -5px;
    padding-bottom: 5px;   
}
header nav .active li:first-child{
    color: #C5333E;
}
header nav .active li:first-child:hover{
    color: #000;
}
header nav li:last-child{
    border-bottom: 0;    
}
header nav .active li{
    display: block;
}
}
@media (max-width : 768px) {
.active2 .logo img{
    display: none;
}
header .soc .active{
    bottom: 5px;
}
.active2 nav{
    display: none;
}
#contTop{
    background-position: center;
}
.newsMainText{
    padding: 20px 15px;
    width: 100%;
    border-top-right-radius: 0px;
}
}
@media (max-width : 660px) {


    .category-buttons {margin: 0 auto;}
    .category-buttons h3 { text-align: center;}
    .category-buttons img { margin: 0 auto;display: block; padding: 10px 0;}

    .category-buttons .button-2 {padding-left: 0;margin: 0 auto;}
    .category-buttons .button-3 {padding-left: 0;margin: 0 auto;}
    .widCar .news:nth-child(2), .wigMain .left:nth-child(2), .buitenlandList .news:nth-child(2){ display: none;  }
.newsMain a { height: auto;}
.newsMain h2 a { height: auto;}

.banner_home { clear: both; padding-top: 20px;}

.topbanner-1 {display: none; }
.topbanner-2 {display: none; }
.topText.left {display: none; }

.widCar, .wigMain{
    width: 300px;
} 
.list{
    max-width: 300px;
}
.even{
    margin-left: 0;
}
.topText h1{
    font-size: 30px;
}
.topText article {
    font-size: 20px;    
}
.topText li a span:last-child{
    float: right;
}
.newsMainText{
    padding: 20px 15px;
    width: 100%;
}
.newsMain .time{
    float: none;
}
.newsMainText .socRight{
    position: static;
    text-align: right;
    padding-right: 20px;
}
.topText article{
    width: 100%;
}
.textFooter span{
    display: block;
}
.buitenlandList .news{
    float: none;
    margin: 0 auto 0 auto;
}
.buitenlandList{
    width: 100%;
}
.divider hr{
    width: 37%!important;
}
.mainPage .content{
    width: 100%;
}

.supertop { width: 300px; max-height: 400px; border-radius: 5px; padding: 15px; margin-bottom: 15px; font-size: 25px;  }
.supertopdiv { width: 300px; margin: 0 auto; overflow: visible; padding-top: 60px;  }


}
@media (max-width : 550px) {

.sidebarDown { clear: both; display: block; padding-top: 20px;}

.related_items { height: 900px; display: table;}

.content article h1 { font-size: 20px;}

.sorting .filter, .sorting .sorteer{
    float: none;
}
.sorting .filter{
    margin-left: 10px;    
}
.sorting{
    padding-top: 1px;
    height: 80px;
    width: 300px;
    margin: 0 auto;
} 
header .soc{
    display: none;
}
header nav{
    float: right;
    margin-left: 0;
    width: 280px;
}
header nav li:first-child{
    float: right;
}
header nav li{
    top: 42px;
    margin-left: 0;
    right: -13px;
}
/*soc icons*/
.socPage li span{
    display: none;
}
.socPage li a{
    position: static;
    display: inline-block;
} 
.socPage li{
    margin: 0;
    display: block;
    float: left;
    text-align: center;
}
.socPage li a{
    top: 0;
}
.socPage li:first-child a{
    top: -3px;
    position: relative;
}
/*end soc icons*/
.bx-wrapper{
    display: none;
}
.topImg{
    height: auto;
}
.topImg img{
    height: auto;
}
.stylevar2 .left { display: none; }
.stylevar3 .left { display: none; }
.stylevar4 .left { display: none; }
.stylevar5 .left { display: none; }
.stylevar6 .left { display: none; }
.stylevar7 .left { display: none; }
.stylevar8 .left { display: none; }
.stylevar9 .left { display: none; }
.stylevar10 .left { display: none; }
.stylevar11 .left { display: none; }
.stylevar12 .right { display: none; }

.fotograaf { display: none;}

article .treinkaartje .kolomrechts { padding-top: 45px; padding-left: 0px; clear: both; }
article .treinkaartje .tekst { padding-left: 0px; padding-top: 0px; }
article .treinkaartje .tags { margin-left: 0px; }
article .treinkaartje .tag { margin-bottom: 12px; }

}
@media (max-width : 440px) {
.container{
    padding-top: 0px;
}
.topText article{
    color: #535453;    
}
.topText li a span:last-child{
    display: none;
} 
.topText li a{
    text-decoration: underline;
    color: #535453;
}
.topText hr{
    display: none;    
}
.buitenlandTop .channelTopText h1 {
    font-size: 40px;
}
header nav{
    right: 20px;
}
header .container { padding: 0 0 0 10px;}
.content article { padding: 15px 15px; clear: both;}
#toggleMenu {padding-right: 20px;}  
}