/* RESPONSIVE START */
/* Landscape phones and down */
@media (max-width: 767px) { 
    html{margin: 0 !important; padding: 0 !important;}
    body{margin: 0 !important; padding: 0 !important;}
    /* HEADER */
    #header{height: auto;}
    .column{display: block !important; width: 100%;}
    .right .top ul{text-align: center;}
    .right .bottom a{float: none; margin-bottom: 20px; width: 100%;}
    .left ul{display: none;}
    .left ul.favi-resp{display: block;}
    /* HEADER ENDS */   

    /* MENU */
    #menu{display: none;}
    .resp-menu{display: block;}
    /* MENU ENDS */

    /* PAGEHEADER */
    #pageheader{min-height: 200px !important;}
    #pageheader .centering{top: 65%;}
    #pageheader .pagetitle{right: 0; margin: 0 auto; text-align: center;}
    /* PAGEHEADER ENDS */

    /* AANMELDEN */
    #aanmelden{height: auto; padding-bottom: 40px; text-align: center;}
    #aanmelden .btn{position: relative; top: 0px; width: 90%; margin-bottom: 20px;}
    
    .left ul.favi-resp li + li{margin-left: 20px;}
    /* AANMELDEN ENDS */

    /* BEHANDELING */
    #behandelingen{padding: 0px;}
    #behandelingen .side{display: block; width: 100%; text-align: center;}
    #behandelingen .side .content h3{text-align: center;}
    #behandelingen .side .content h4{text-align: center;}
    #behandelingen .side .content .btn{margin: 0 auto;}
    #behandelingen .list.slider{width: 77vw; padding: 0px; margin-top: 20px; min-height: 0px; padding: 10px; margin-left: 10%; margin: 0; padding-left: 10%; padding-right: 10%; margin-top: 30px; width: 100%;}
    #behandelingen .list li{width: 76.5vw !important;}
    #behandelingen .side .content span{text-align: center;}
    #behandelingen .side .content .tipsgebit{background: url('images/gen/tipsgebit.jpg') center no-repeat; margin: 0 auto; margin-top: 10px;}
    /* BEHANDELING ENDS */

    /* PAGECONTENT */
    #pagecontent .content{display: block; width: 100%; text-align: center;}
    #pagecontent #team .column{width: 100%;}
    #pagecontent .sidebar{width: 100%; margin-left: 0px;}
    #pagecontent #behandelingenside h3{text-align: center;}
    #pagecontent #behandelingenside h4{text-align: center;}
    #behandelingenside .side .content .btn{margin: 0 auto;}
    /* PAGECONTENT ENDS */

    /* CONTACT */
    #contactform .wpcf7{width: 100% !important;}
    #contactform .wpcf7 input{width: 90%;}
    #contactform .wpcf7 select{width: 100%;}
    #contactform .wpcf7 textarea{width: 100%;}
    #contactform .wpcf7 span{width: 100%;}
    #contactform .wpcf7 input.btn{width: 100% !important;}
    /* CONTACT ENDS */

    /* INSCHRIJF FORMULIER */
    #inschrijven span{width: 100% !important; margin: 0px !important;}
    #inschrijven select{width: 100% !important;}
    #inschrijven input{width: 90% !important;}
    #inschrijven textarea{width: 100% !important;}
    #inschrijven span + span{margin-top: 20px !important;}
    #inschrijven textarea{padding: 0;}
    #inschrijven input.verzend{width: 100% !important;}
    /* INSCHRIJF FORMULIER ENDS */
    
    /* FOOTER */
    #footer #wrap .column{width: 100%;}
    #footer #wrap .column + .column{margin-top: 40px;}
    /* FOOTER ENDS */
}



/* Portrait tablet to landscape and desktop */

@media (min-width: 768px) and (max-width: 1000px) { 
    html{margin: 0 !important; padding: 0 !important;}
    body{margin: 0 !important; padding: 0 !important;}
    /* HEADER */
    #header{height: auto;}
    .column{display: block !important; width: 100%;}
    .right .top ul{text-align: center;}
    .right .bottom a{float: none; margin: 0 auto; margin-bottom: 20px; width: 50%;}
    .left ul{display: none;}
    .left ul.favi-resp{display: block;}
    /* HEADER ENDS */   

    /* MENU */
    #menu{display: none;}
    .resp-menu{display: block;}
    /* MENU ENDS */
    
    /* PAGEHEADER */
    #pageheader{min-height: 200px !important;}
    /* PAGEHEADER ENDS */

    /* AANMELDEN */
    #aanmelden{height: auto; padding-bottom: 40px;}
    #aanmelden .btn{position: relative; top: 0px; width: 90%; margin-bottom: 20px;}
    /* AANMELDEN ENDS */

    /* BEHANDELING */
    #behandelingen{padding: 0px;}
    #behandelingen .side{display: block; width: 100%; text-align: center;}
    #behandelingen .side .content h3{text-align: center;}
    #behandelingen .side .content h4{text-align: center;}
    #behandelingen .side .content .btn{margin: 0 auto;}
    #behandelingen .list.slider{width: 77vw; padding: 0px; margin-top: 20px; min-height: 0px; padding: 10px; margin-left: 10%;}
    #behandelingen .list li{width: 76.5vw !important;}
    /* BEHANDELING ENDS */

    /* PAGECONTENT */
    #pagecontent .content{display: block; width: 100%; text-align: center;}
    #pagecontent #team .column{width: 45%; display: inline-block !important;}
    #pagecontent .sidebar{width: 100%; margin-left: 0px;}
    #pagecontent #behandelingenside h3{text-align: center;}
    #pagecontent #behandelingenside h4{text-align: center;}
    #behandelingenside .side .content .btn{margin: 0 auto;}
    /* PAGECONTENT ENDS */

    /* INSCHRIJF FORMULIER */
    #inschrijven span{width: 100% !important; margin: 0px !important;}
    #inschrijven select{width: 100% !important;}
    #inschrijven input{width: 90% !important;}
    #inschrijven textarea{width: 100% !important;}
    #inschrijven span + span{margin-top: 20px !important;}
    #inschrijven textarea{padding: 0;}
    #inschrijven input.verzend{width: 100% !important;}
    /* INSCHRIJF FORMULIER ENDS */

    /* CONTACT */
    #contactform .wpcf7{width: 100% !important;}
    #contactform .wpcf7 input{width: 90%;}
    #contactform .wpcf7 select{width: 100%;}
    #contactform .wpcf7 textarea{width: 100%;}
    #contactform .wpcf7 span{width: 100%;}
    #contactform .wpcf7 input.btn{width: 100% !important;}
    /* CONTACT ENDS */

    /* FOOTER */
    #footer #wrap .column{width: 100%;}
    /* FOOTER ENDS */
}



/* Less Large desktop */

@media (min-width: 999px) and (max-width: 1199px) {
    html{margin: 0 !important; padding: 0 !important;}
    body{margin: 0 !important; padding: 0 !important;}
    /* HEADER */
    #header{height: auto;}
    .column{display: block !important; width: 100%;}
    .right .top ul{text-align: center;}
    .right .bottom a{float: none; margin: 0 auto; margin-bottom: 20px; width: 40%;}
    .left ul{display: none;}
    .left ul.favi-resp{display: block;}
    /* HEADER ENDS */   

    /* MENU */
    #menu{display: none;}
    .resp-menu{display: block;}
    /* MENU ENDS */

    /* PAGEHEADER */
    #pageheader{min-height: 200px !important;}
    /* PAGEHEADER ENDS */

    /* AANMELDEN */
    #aanmelden{height: auto; padding-bottom: 40px;}
    #aanmelden .btn{position: relative; top: 0px; width: 90%; margin-bottom: 20px;}
    /* AANMELDEN ENDS */

    /* BEHANDELING */
    #behandelingen{padding: 0px;}
    #behandelingen .side{display: block; width: 100%; text-align: center;}
    #behandelingen .side .content h3{text-align: center;}
    #behandelingen .side .content h4{text-align: center;}
    #behandelingen .side .content .btn{margin: 0 auto;}
    #behandelingen .list.slider{width: 77vw; padding: 0px; margin-top: 20px; min-height: 0px; padding: 10px; margin-left: 10%;}
    #behandelingen .list li{width: 76.5vw !important;}
    /* BEHANDELING ENDS */

    /* PAGECONTENT */
    #pagecontent .content{display: block; width: 100%; text-align: center;}
    #pagecontent #team .column{width: 100%;}
    #pagecontent .sidebar{width: 100%; margin-left: 0px;}
    #pagecontent #behandelingenside h3{text-align: center;}
    #pagecontent #behandelingenside h4{text-align: center;}
    #behandelingenside .side .content .btn{margin: 0 auto;}
    /* PAGECONTENT ENDS */

    /* CONTACT */
    #contactform .wpcf7{width: 100% !important;}
    #contactform .wpcf7 input{width: 90%;}
    #contactform .wpcf7 select{width: 100%;}
    #contactform .wpcf7 textarea{width: 100%;}
    #contactform .wpcf7 span{width: 100%;}
    #contactform .wpcf7 input.btn{width: 100% !important;}
    #inschrijven textarea{padding: 0;}
    #inschrijven input.verzend{width: 100% !important;}
    /* CONTACT ENDS */

    /* FOOTER */
    #footer #wrap .column{width: 100%;}
    /* FOOTER ENDS */
}

@media (min-width: 1200px) AND (max-width: 1400px) {
    .centering.fluid{width: 1200px;}
}
/* RESPONSIVE END */