/* (tablets, 768px and up) */
@media (min-width: 768px) {
nav.navbarms {
    width: 30vw;}

.brand1{
    display: none;}

.brand2{
    display: flex;}

nav.navbarms{
    box-shadow: 0px 0px 100px rgba(0,0,0,0.25);
    position: fixed;
    padding: 15px;
    z-index: 50;
    width: 100%;}

    .vvp nav.navbarms{
        background: rgba(255,255,255,1);}

nav.navbarms .navbar-header{
    height: auto;
    margin: 0 0 0 0;}

nav.navbarms .navbar-brand{
    padding: 0px;
    left: 0px;
    top: 0px;
    z-index: 0;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    position: absolute;}

    .brand2{
        display: flex;}

    .brand1{
        display: none!important;}

    nav.navbarms .navbar-brand img{
    display: block;
    height: auto;
    width: auto;
    margin: 0px 0px 0px 15px;}

        .logotxt{
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            justify-content: center;
            width: 50%}

        .logoimg{
            margin-right: 2.5vw;
            width: auto}

            .museum{
                font-family: 'Source Serif Pro';
                }

            .smedekinck{
                font-family: 'Source Serif Pro';
                font-weight: 700;
                text-transform: uppercase;
                }

    nav.navbarms button{z-index: 10;}

nav.navbarms ul{
    height:auto;}

    nav.navbarms a{
        padding:15px;
        color:#000;}

nav.navbarms .navbar-nav, div.subnavbarms .navbar-nav  {
    width: 100%;}

div.subnavbarms a{
    font-weight: 400;
    padding:15px;
    color: #FFF}

 .navbar-toggle {
    padding: 15px 25px 15px 25px;
     display: block;
    margin-right: 0px;}

    .navbar-collapse.collapse {
        display: none!important;}

    .collapse.in{
        display:block !important;}

    nav.navbarms.navscrolled{
        background: rgba(255,255,255,0.9);}


/* -------------------- SLIDER NEWSSLIDER WRAPPER -------------------- */
header .subnav{
    display: none;}

    .vvp .contentwrapper .subnav{
        display: block;}

    .vvp .contentwrapper{
        margin: 5vw 10vw 10vw;}

    .hdrpub {display: none;}


 /* -------------------- PAGINAINFO --------------------*/
.paginainfo {
    width: 60%;
    padding: 5vw 10vw;}


/* -------------------- SLIDER NEWSSLIDER WRAPPER -------------------- */
.wrapper header {
     margin-bottom: 2.5vw;}

a.naarbeneden {
    position: absolute;
    right: 0.5vw;
    left: auto;}

.slins{
    background: none;
    width: 100%;
    margin-top: 80px;
    flex-wrap: nowrap;
    flex-direction: row;}

    #slider {
        margin-bottom: 2.5vw;
        border-radius: 0 0 5vw 0;}

    .newssliders {
        min-height: 785px;
        width: 30vw;
        height: calc(100vh - 80px)}

    .owl-carousel a.item .nsimg {
        height: 25vh;}


.korteintro {
    position: absolute;
    width: calc(65vw - 10vw);
    bottom: 7.5vw;
    left:5vw}

.kic {
    border-radius: 0 0 5vw 0;}

.outro {
    flex-wrap: nowrap;}


     .wg {
         display: none;
      }

 .socialmedia{
    display: none;}


/* -------------------- MAINHOME --------------------*/
.mainhome{
    padding: 5vw 2.5vw;}

.tekststreamer {
    background: none;
    order:3;
    padding: 0 0 5vw 0;
    margin-left: 5vw;
    width: calc(100%);}

    .tekststreamer h4{
        color: #FFF;}

    .homesearch{
        order: 1;}

    .mainintro{
        padding: 5vw;
        margin-right: -5vw;
        order:2}

    .outrocontent{
        padding: 5vw;}

    .outro{
        padding: 5vw;}

    .outroslider {
        margin-top: -10vw;}


/* -------------------- MAIN VVP --------------------*/
.vvp main {
    width: 100%;}

.vvp #slider{
    margin-top: 80px;
    border-radius: 0 0 0 0;
    width: calc(100%);}

.vvp header {
    width: auto;}

.vvp .ccm-image-slider-container{
    height: 35vw;}


/* -------------------- PLAN BEZOEK BLOCK -------------------- */
.planbezoekblock{
    transform: translateY(calc(-100% - 2.5vw));
    right: 0vw;
    width: 35vw;}


/* -------------------- SIMPLE LIST -------------------- */
.sl-item{
    width:calc(100% / 2);
    padding: 5vw;}


/* -------------------- FOOTER --------------------*/
footer > div {
    padding: 5vw;
    width: calc(100% / 3);}

footer > div:first-child {
    width: calc(100% / 2);}

.planbezoek{
    order: 4;
    width: 100%;
    flex-direction: row;}

    .contactgegevens{
        order:1;}

    .algemeen{
        padding-top: 0;
        width: 100%;
        order:3;}

    .openingstijden{
        width: calc(100% / 2);
        order:2;}

}