#page-wrap {
    overflow: hidden;
}
.offerteplanner-page .meest-wrap:after {
    background: url(../images/ba20.png) no-repeat center bottom;
    background-size: 1920px;
}

@media (max-width: 1919px){
    .offerteplanner-page .meest-wrap {
        padding-bottom: 615px;
    }
}

@media (max-width: 1659px){
    .offerteplanner-page .meest-wrap {
        padding-bottom: 532px;
    }
    .offerteplanner-page .meest-wrap:after {
        background: url(../images/ba20.png) no-repeat center bottom;
        background-size: auto;
    }
}

@media (max-width: 1399px){
    .seprate-page .banner-wrap .submenu ul li a em {
        font-size: 15.6px;
    }
    .contact-page .banner-wrap .overlay1 .b-arrow {
        margin-left: 0px;
    }
}

@media (max-width: 1359px){
    .magic-entmgr-wrap .bn-sec h2 {
        font-size: 52px;
    }
    .Waarom-Magic-wrap .uniek-wrap .llm {
        top: 75px;
        right: 30px;
        width: 48%;
    }
    .integraal-werken-wrap h2 {
        font-size: 54px;
        line-height: 68px;
    }
    .ij-hebben-wrap h3 {
        font-size: 20px;
    }
    .ij-hebben-wrap ul {
        margin: 0 0px;
    }
    .seprate-page .banner-wrap .submenu ul li > * {
        padding: 24px 30px;
    }
    .contact-page .banner-wrap#integralfunctions .overlay1 h1 span em {
        font-size: 38px;
        padding-left: 20px;
    }
    .banner-wrap#integralfunctions .overlay1 h1 img {
        width: 30%;
    }
    .contact-page .banner-wrap .overlay1 h1 {
        padding: 60px 0 60px 20px;
        max-width: 340px;
    }
}

@media (max-width: 1279px){
    .home-page .banner-wrapper {
        min-height: 550px;
    }
    .intl-f .right .mbox {
        width: 30.3%;
    }
    .or-os .mbox {
        width: 38%;
    }
    .or-os .mbox.mb2 {
        width: 28%;
    }
    .or-os .mbox.mb3 {
        width: 34%;
    }
    .intl-f .right .mb2 {
        padding-left: 25px;
    }
    .intl-f .right .mb3 {
        padding-left: 35px;
    }
    .intl-f .right .mbox {
        width: 32.3%;
    }
    .video-magic-wrap {
        padding: 94px 30px;
    }
    .video-magic-wrap .right figure img {
        max-width: 75%;
    }
    .magic-entmgr-wrap .wbox img {
        max-width: 55%;
    }
    .magic-entmgr-wrap .bn-sec h2 {
        font-size: 42px;
    }
    .home-page .magic-entmgr-wrap ul li {
        font-size: 20px;
        letter-spacing: 1px;
    }
    .integrale-list .ibox p br {
        display: none;
    }
    .uniek-wrap .llm {
        top: 25px;
        right: 25px;
        max-width: 58%;
    }
    .Waarom-Magic-wrap .uniek-wrap {
        padding: 47px 30px 92px;
    }
    .uniek-wrap {
        padding: 47px 30px 70px;
    }
    .integraal-werken-wrap h2 {
        font-size: 46px;
        line-height: 64px;
    }
    .intergraal-inner {
        background-size: 70%;
    }
    .integraal-werken-wrap, .intergraal-inner {
        min-height: 670px;
    }
    .ij-hebben-wrap li {
        width: calc(21% - 36px);
        margin-right: 30px;
    }
    .ij-hebben-wrap h3 {
        font-size: 18px;
        margin-top: 5px;
        margin-bottom: 10px;
    }
    .integrale-list {
        padding: 0 90px 33px 90px;
    }
    .home-page .to-magic-wrap .form-wrapper > div.form-wrap, .to-magic-wrap .form-wrapper > div.form-wrap {
        padding: 50px 23px 32px 30px;
    }
    .footer-bottom-wrap .left {
        padding-left: 0px;
        width: 35%;
    }
    .footer-bottom-wrap ul.social {
        padding-left: 0px;
    }
    .footer-bottom-wrap .center {
        width: 20%;
        text-align: center;
        display: inline-block;
        float: none;
        position: absolute;
        margin: auto;
        left: 50%;
        transform: translate(-50%, 0);
    }
    .footer-bottom-wrap {
        padding: 18px 0 10px;
        text-align: center;
    }
    .magic-entmgr-wrap .wbox {
        min-height: 452px;
    }
    .footer-bottom-wrap ul li {
        padding: 0 8px 0 0px;
    }
    .footer-bottom-wrap ul, .footer-bottom-wrap ul li {
        text-align: left;
    }
    .steps-wrap .inner, .steps-wrap .inner.cls2 {
        padding: 55px 55px 2px 55px;
    }
    .steps-wrap span.title {
        font-size: 110px;
    }
    .Voor-wie-page .banner-wrap .overlay1 h1 {
        padding: 30px 15px 30px 15px;
    }
    .kasteel-wrap .boxes.big-b .text-wrap {
        padding: 30px 35px 50px 40px;
    }
    .kasteel-wrap .boxes.small-b .text-wrap, .kasteel-wrap .boxes.small-b.beach-b .text-wrap {
        padding: 70px 44px 20px 70px;
    }
    .kasteel-wrap .boxes.Vergader-b {
        padding: 85px 36px 85px 60px;
    }
    .kasteel-wrap .boxes.Vergader-b .btn {
        margin-top: 0px;
    }
    .en-alle-wrap li {
        width: 9.75%;
    }
    .meetexpert-pannel {
        padding-left: 95px;
    }
    .eventmanager-page .banner-wrap .overlay1.overlay-default h1 strong,
    .banner-wrap .overlay1 h1 strong {
        font-size: 74px;
        line-height: 76px;
    }
    .eventmanager-page .banner-wrap .overlay1.overlay-default h1 span,
    .vergaderingen-page .banner-wrap .overlay1.overlay-default h1 span {
        font-size: 40px;
        line-height: 38px;
    }
    .banner-wrap .overlay1 h1 img {
        width: 66px;
    }
    .banner-wrap .overlay2 li {
        width: 105px;
        height: 105px;
        margin-right: 10px;
    }
    .banner-wrap .overlay2 .container ul li a span {
      font-size: 11px;
      font-weight: 400;
    }
    .banner-wrap .overlay1 h1:after {
        left: -35px;
    }
    .take-box-wrapper .tbox {
        width: 49%;
        min-height: 238px;
        padding: 35px 20px 10px 135px;
    }
    #de-voordelen .lists-c {
        padding: 65px 15px 30px 45px;
    }
    .banner-wrap {
        min-height: 550px;
    }
    .seprate-page .banner-wrap .submenu ul li > * {
        padding: 24px 5px;
    }
    #allevents-wrap.meest-wrap .inner {
        padding: 0px 30px 0px 30px;
    }
    .meest-wrap.allevents .rows > .right {
        max-width: 650px;
    }
    .meest-wrap.allevents .integrale-f-wrap .header p br {
        display: none;
    }
    .meest-wrap.allevents .integrale-f-wrap .headd {
        margin-bottom: 30px;
    }
    .offerteplanner-page .banner-wrap .overlay1 h1 img {
        left: -40px;
        width: 115px;
    }
    .contact-page.offerte-1 .banner-wrap#integralfunctions .overlay1 h1 img {
        width: 115px;
    }
    .contact-page .banner-wrap#integralfunctions .overlay1 h1 {
        max-width: 380px;
    }
    .offerteplanner-page .meest-wrap:after {
        background: url(../images/ba20.png) no-repeat center bottom;
        background-size: 1440px;
    }
    .offerteplanner-page .meest-wrap {
        padding-bottom: 470px;
    }
    .wmagic-inner .right .right {
        width: 30%;
    }
    .offerteplanner-page .warin1.wamagic-wrap .left > img {
        left: 30px;
        max-width: 66%;
    }
    .offerteplanner-page #de-voordelen .lists-list > div.img-wrap:after {
        width: 108%;
    }
    .to-magic-wrap .img-wrapp figure img {
        left: 0%;
        max-width: 120%;
    }
    .function-wrap .extrarow .inn .imgbx h2 {
        font-size: 22px;
        line-height: 32px;
    }
    .function-wrap .extrarow {
        padding: 74px 40px 86px;
    }
    .function-wrap .extrarow .inn .imgbx {
        width: 48%;
    }
    .function-wrap .inner .rows:nth-child(even) > div.imgbox {
        padding-left: 20px;
    }
    .offerte-1 .function-wrap .inner .rows > div.imgbox img {
        max-width: 96%;
    }
    .function-wrap p br {
        display: none;
    }
    .contact-page.offerte-1 .banner-wrap#integralfunctions .overlay1 h1 span em {
        font-size: 74px;
    }
    .offerte-1.page2 .function-wrap .inner .rows.chnl1 > div.imgbox img {
        left: inherit;
    }
    .offerte-1.page2 .function-wrap .inner .rows.chnl3 > div.imgbox img, .offerte-1.page2 .function-wrap .inner .rows.chnl7 > div.imgbox img {
        margin-left: inherit;
    }
    .banner-wrap .overlay1 .b-text {
        margin-top: inherit;
        position: absolute;
        bottom: -80%;
    }
    .offerte-1.page3 .function-wrap .inner .rows.chnl1 > div.imgbox img,
    .offerte-1.page3 .function-wrap .inner .rows.chnl3 > div.imgbox img,
    .offerte-1.page3 .function-wrap .inner .rows.chnl4 > div.imgbox img {
        margin-left: inherit !important;
    }
    .function-wrap .inner .rows > div.imgbox {
        text-align: center;
    }
    .offerte-1 .function-wrap .inner .rows > div.imgbox img {
        left: inherit !important;
        right: inherit !important;
        display: inline-block !important;
    }
    .Overons-page .function-wrap .inner .rows.chnl5 {
        padding: 55px 60px;
    }
    .Overons-page .function-wrap .rows.chnl5 > div.imgbox {
        margin-right: inherit;
    }
}

@media (max-width: 1159px){
    .expertblock .overlaytext a {
        margin-top: 5%;
    }
    .contact-page.offerte-1 .banner-wrap#integralfunctions .overlay2 h2 sub {
        margin-top: 10px;
    }
    .contact-wrap .inner.paragraphmain {
        padding: 74px 40px 40px 40px;
    }
}

@media (max-width: 1023px){
    .seprate-page .banner-wrap .submenu ul li a em {
        font-size: 14.6px;
    }
    .seprate-page #allevents-wrap.meest-wrap .sideslide-nav {
        margin-top: 0px;
        left: 0px;
    }
    #allevents-wrap.meest-wrap .sideslide-nav {
        position: relative;
        top: 30px;
        left: 45px;
        width: 100%;
    }
    .meest-wrap.allevents .rows > .right {
        max-width: 100%;
        margin-top: 25px;
    }
    .wamagic-wrap#deOfferteplanner .slice-wrap:before {
        left: 0;
    }
    .wmagic-inner .right .right {
        width: 40%;
    }
}

@media (max-width: 991px){
    .mtoggle {
        display: inline-block;
        cursor: pointer;
    }
    .navigation-bar > ul > li.has-dropdown span.ml-wp i {
        width: 30px;
        height: 30px;
        left: inherit;
        top: 50%;
        right: 15px;
        transform: translate(0%, -50%);
    }
    .navigation-bar > ul {
        position: absolute;
        top: 100%;
        left: 0px;
        width: 100%;
        background: #f2f2f2;
    }
    .navigation-bar > ul > li {
        display: block;
    }
    .navigation-bar > ul span.ml-wp a {
        padding: 20px 15px 20px;
    }
    .navigation-bar > ul > li {
        border-bottom: solid 1px #e2e2e2;
    }
    .navigation-bar > ul li:hover .mega-menu {
        position: relative;
        box-shadow: inherit;
        margin-bottom: 0px;
    }
    .submenu {
        display: -ms-flexbox;
        -js-display: flex;
        display: inline-block;
        width: 100%;
        margin: 0;
        padding: 18px 0;
        background-color: #fff;
    }
    .m-mgr .mega-menu {
          background: #fff;
          display: none;
          padding: 0px;
        }
    .m-mgr .mega-menu li, .m-mgr .mega-menu li.mgr2 {
        float: none;
        width: 100%;
        padding-left: 72px;
        border-top: 1px solid #ccc;
        margin-bottom: 15px;
    }
    .m-mgr .mega-menu ul {
        max-width: 100%;
        margin: 15px 0px 0px;
        padding: 0px;
    }
    .panelimage {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        float: left;
        padding: 40px 130px 40px 100px;
      }
      .main-navigation__indicator.js-indicator-up {
        bottom: 0;
        border-bottom: 0 !important;
        border-top: 8px solid transparent !important;
      }
      .submenu-column {
          display: -ms-flexbox;
          -js-display: flex;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -ms-flex-direction: column;
          flex-direction: column;
          width: 100%;
          margin: 0;
          list-style-type: none;
          border-left: 0;
      }
    .intl-f .left, .intl-f .right {
        width: 100%;
    }
    .intl-f .left img {
        display: none;
    }
    .intl-f .right li {
        margin-bottom: 20px;
    }
    .intl-f .right .mbox {
        width: 100%;
    }
    .intl-f .right .mb2 li {
        padding-left: 55px;
    }
    .intl-f .right .mb2, .intl-f .right .mb3 {
        padding-left: 0px;
    }
    .intl-f .right {
        padding-top: 0;
    }
    .navigation-bar > ul {
        display: none;
        position: absolute;
        top: 100%;
        left: 0px;
        width: 100%;
        background: #f2f2f2;
        max-height: 400px;
        overflow-y: scroll;
        z-index: 99;
    }
    .or-os .mbox, .or-os .mbox .ctn, .or-os .mbox.mb2, .or-os .mbox.mb3, .or-os .mbox.mb3 ul {
        width: 100%;
    }
    .or-os .mbox.mb2 {
        padding: 0px 0px 0px;
    }
    .or-os .mbox{
        padding-top: 15px;
    }
    .or-os .mbox.mb3 {
        padding: 10px 0px 0px;
    }
    .or-os .mbox.mb3 ul {
        margin-right: 0px;
        display: block;
    }
    .or-os .mbox.mb1 img.left {
        display: none;
    }
    .mega-menu {
        background: #ffffff;
        display: none;
    }
    .navigation-bar > ul li:hover .mega-menu {
        display: none;
    }
    .or-os .mbox .ctn a {
        padding-left: 40px;
    }
    .or-os .mbox .ctn a i {
        left: -8px;
    }
    .steps-wrap .inner, .steps-wrap .inner.cls2 {
        padding: 55px 30px 2px 30px;
    }
    .steps-wrap span.title {
        font-size: 90px;
        margin-left: 0px;
    }
    .meetexpert-pannel {
        width: 80%;
        margin-top: 270px;
        padding-left: 0px;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    .seprate-page .banner-wrap .submenu ul li {
        width: 50%;
    }
    .seprate-page .banner-wrap .submenu ul li > * {
        padding: 10px 5px;
    }
    .seprate-page .banner-wrap .submenu ul li, .seprate-page .banner-wrap .submenu ul li > * {
        min-height: 95px;
    }
    .seprate-page .banner-wrap .submenu ul li a.chr1 img {
        max-width: 70px;
    }
    .seprate-page .banner-wrap .submenu ul li a.chr1 i {
        margin-top: 0px;
        margin-right: 0px;
    }
    .event-mgr.all.seprate-page .integrale-list .ibox {
        width: 100%;
    }
    .event-mgr.all.seprate-page .meest-wrap.allevents .integrale-f-wrap {
        padding-bottom: 30px;
    }
    .wmagic-inner .right .right {
        width: 50%;
    }
    .offerteplanner-page .wmagic-inner {
        padding: 55px 20px 60px;
    }
    .offerteplanner-page .innoverend-wrap.feesten {
        padding-bottom: 100px;
    }
    .offerteplanner-page .innoverend-wrap.feesten .parallax-wrapper {
        height: 820px;
    }
    .offerteplanner-page .warin1.wamagic-wrap .left > img {
        position: relative;
        left: inherit;
        max-width: 90%;
    }
    .offerteplanner-page .warin1 .wmagic-inner {
        padding-bottom: 20px;
    }
    .offerteplanner-page .wamagic-wrap .left > img {
        position: relative;
        top: inherit;
        left: inherit;
    }
    .offerteplanner-page .warin1.wamagic-wrap .left > img {
        left: inherit
    }
    .navigation-bar > ul li:hover .mega-menu .mgc {
        display: none;
    }
    .function-wrap .inner .rows > div.imgbox {
        padding: 0px 30px 30px !important;
        width: 100%;
        text-align: center;
    }
    .function-wrap .inner .rows > div.contentbox,
    .offerte-1.page2 .function-wrap .inner .rows.chnl5 .right {
        padding: 0px 30px !important;
        width: 100% !important;
    }
    .offerte-1 .function-wrap .inner .rows > div.imgbox img {
        left: inherit !important;
        margin-top: inherit !important;
        margin-bottom: inherit !important;
        margin-left: inherit !important;
    }
    .function-wrap .extrarow .inn .imgbx h2 {
        font-size: 22px;
        line-height: 25px;
        padding: 0px 10px;
    }
    .function-wrap .extrarow .inn .imgbx h2 span {
        margin-top: 6px;
    }
    .function-wrap .extrarow h3 {
        margin-bottom: 40px;
    }
    .contact-page.offerte-1 .banner-wrap#integralfunctions .overlay2 h2 {
        font-size: 30px;
        line-height: 32px;
        bottom: 30px;
        min-height: inherit;
    }
    .kasteel-wrap .boxes.big-b .text-wrap {
        padding: 30px 35px 40px 40px;
    }
    .kasteel-wrap .boxes > div {
        padding-bottom: 50%;
        display: table;
    }
    .kasteel-wrap .boxes.small-b .text-wrap, .kasteel-wrap .boxes.small-b.beach-b .text-wrap {
        padding: 50px 44px 20px 40px;
    }
    .kasteel-wrap .boxes.small-b .img-wrap,
    .kasteel-wrap .boxes.small-b .text-wrap,
    .kasteel-wrap .boxes.big-b .text-wrap,
    .kasteel-wrap .boxes.kasteel-b .img-wrap {
        width: 100%;
    }
    .clint-view-wrap blockquote p {
        font-size: 20px;
        line-height: 32px;
        margin-bottom: 30px;
    }
    .en-alle-wrap h2 {
        font-size: 30px;
        line-height: 36px;
    }
    .en-alle-wrap li {
        width: 16%;
    }
    .Overons-page .function-wrap .inner .rows.chnl5:nth-child(2n) > div.contentbox,
    .Overons-page .function-wrap .rows.chnl5 > div.imgbox {
        padding: 0px 0px !important;
    }
    .Overons-page .function-wrap .inner .rows.chnl5:nth-child(2n) > div.contentbox {
        width: 47% !important;
    }
    .Overons-page .function-wrap .rows.chnl5 > div.imgbox {
        width: 53% !important;
    }
    .Overons-page .function-wrap .inner .rows, .Overons-page .function-wrap .inner .rows.chnl3 {
        padding: 54px 30px 0px;
    }
    .Overons-page .function-wrap .inner .rows.chnl3 > div.imgbox, .Overons-page .function-wrap .inner .rows.chnl4 > div.imgbox {
        padding: 0px 30px 30px !important;
        width: 100%;
        text-align: center;
    }
    .Overons-page .function-wrap .inner .rows.chnl3:nth-child(2n) > div.contentbox, .Overons-page .function-wrap .inner .rows.chnl4 > div.contentbox {
        width: 100% !important;
        margin-right: inherit;
    }
    .Overons-page .function-wrap .inner .rows.chnl4 > div.contentbox {
        padding: 0px !important;
    }
}

@media (max-width: 979px){
    .home-page .banner-wrapper {
        min-height: 430px;
    }
    .video-magic-wrap {
        padding: 45px 30px 20px;
    }
    .video-wrap {
        max-width: 100%;
        height: 300px;
        background: url(../images/video-img1.jpg)no-repeat center/cover;
    }
    .video-magic-wrap .right {
        width: 100%;
        padding: 25px 0px;
    }
    .magic-entmgr-wrap .left, .magic-entmgr-wrap .right {
        width: 100%;
        position: relative;
        margin-bottom: 30px;
    }
    .magic-entmgr-wrap .bn-sec {
        width: 100%;
    }
    .magic-entmgr-wrap .bn-sec h2, .magic-entmgr-wrap .right .bn-sec h2 {
        padding-left: 0px;
        padding-right: 0px;
        text-align: center;
    }
    .home-page .magic-entmgr-wrap ul li, .home-page .magic-entmgr-wrap .right ul li {
        padding-left: 0px;
    }
    .magic-entmgr-wrap .left > .btn, .magic-entmgr-wrap .right > .btn {
        margin-left: 0px;
    }
    .integrale-list {
        padding: 0 15px 33px 15px;
    }
    .integrale-list .ibox {
        padding-right: 20px;
    }
    .integraal-werken-wrap h2 {
        margin-top: 55%;
    }
    .intergraal-inner {
        background: url(../images/home-text-img.png) no-repeat center 40px;
        background-size: 72%;
    }
    .integraal-werken-wrap h2 {
        font-size: 38px;
        line-height: 52px;
        margin-top: 64%;
        max-width: 100%;
        width: 100%;
        padding-right: 0px;
        text-align: center;
    }
    .integraal-werken-wrap h2 br {
        display: none;
    }
    .ij-hebben-wrap li {
        display: inline-block;
        vertical-align: top;
        float: none;
        width: 26%;
        margin: 0px 2%;
        margin-bottom: 4%;
    }
    .to-magic-wrap .form-wrapper {
        position: relative;
    }
    .home-page .to-magic-wrap .form-wrapper > div.form-wrap, .to-magic-wrap .form-wrapper > div.form-wrap {
        width: 100%;
        display: table;
    }
    .to-magic-wrap .form-wrapper > div {
        display: block;
        width: 100%;
    }
    .to-magic-wrap .img-wrapp figure, .to-magic-wrap .img-wrapp figure img {
        position: static;
    }
    .to-magic-wrap .img-wrapp  {
        text-align: center;
        position: absolute;
        top: 20px;
        left: 0px;
        width: 100%;
    }
    .to-magic-wrap .img-wrapp figure img {
        max-width: 360px;
        display: inline-block;
    }
    .home-page .to-magic-wrap .form-wrapper > div.form-wrap, .to-magic-wrap .form-wrapper > div.form-wrap {
        margin-top: 300px;
    }
    .site-flinks {
        padding-left: 5%;
    }
    .steps-wrap .inner .rows > div.left, .steps-wrap .inner .rows > div.right {
        width: 100%;
    }
    .steps-wrap .address-cls figure {
        margin-top: 0px;
    }
    .steps-wrap .inner.cls2 figure img {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    .steps-wrap .inner.cls2 {
        padding: 45px 30px 30px 30px;
        text-align: center;
    }
    .login-pannel {
        margin-top: 0px;
    }
    .event-mgr #inloggen.banner-wrap .left {
        width: 100%;
        height: auto;
        padding: 30px 5px;
    }
    .event-mgr #inloggen.banner-wrap .left:before {
        position: absolute;
        top: 0px;
        left: 100%;
        width: 2000px;
        background: rgba(0,0,0,0.5);
        content: "";
        height: 100%;
    }
    .event-mgr #inloggen.banner-wrap .right {
        width: 100%;
    }
    .meetexpert-pannel {
        margin: 50px auto;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    .wmagic-inner, .vergaderingen-page .wmagic-inner {
        padding: 20px 20px 20px;
    }
    .wmagic-inner .left, .vergaderingen-page .wmagic-inner .left {
        width: 100%;
        text-align: center;
        padding: 30px 0px;
    }
    .wmagic-inner .right {
        width: 100%;
        text-align: center;
    }
    .innoverend-wrap h2 {
        font-size: 48px;
        line-height: 48px;
    }
    .take-box-wrapper .tbox {
        width: 100%;
        min-height: auto;
    }
    .integrale-f-wrap .header p br {
        display: none;
    }
    .innoverend-wrap p br{
        display: none;
    }
    #de-voordelen .lists-c {
        padding: 56px 15px 30px 25px;
    }
    #de-voordelen .lists-c li {
        margin-bottom: 25px;
    }
    .banner-wrap {
        min-height: 510px;
    }
    .expertblock .overlaytext figure {
        height: 170px;
    }
    .expertblock .overlaytext a {
        min-width: 100%;
    }
    .take-box-wrapper .box-h .txtbx {
        padding-left: 0px !important;
    }
    .take-box-wrapper .box-h .imgbx > img {
        right: inherit !important;
        max-width: 80% !important;
    ;
    }
}

@media (max-width: 899px){
    .uniek-wrap .llm {
        top: 20%;
        right: 25px;
        max-width: 58%;
    }
    .mtoggle2 {
        display: inline-block;
        margin: 24px 0px;
    }
    .hd-btm-bottom ul.left{
        position: absolute;
        top: 100%;
        left: 0px;
        width: 100%;
        z-index: 99;
        background: #1e1e1e;
        display: none;
    }
    .hd-btm-bottom li a {
        padding: 15px 15px 15px 15px;
    }
    .hd-btm-bottom li {
        display: block;
    }
    .hd-btm-bottom li.active a:after {
        border-width: 10px 12.5px 0 12.5px;
        left: 15px;
        margin-left: 0px;
    }
    .sticky .hd-btm-bottom .right span {
        display: inline-block;
        margin-top: 14px;
    }
    .offerteplanner-page .uniek-wrap .llm {
        top: 45px;
        right: 15px;
        max-width: 64%;
    }

    /**/
    #de-voordelen .lists-list > div, #de-voordelen .lists-list > div.img-wrap  {
        display: table;
        width: 100%;
    }
    .offerteplanner-page #de-voordelen .lists-list > div.img-wrap {
        padding: 30px 0px 30px;
        padding-bottom: 100%;
    }
    .offerteplanner-page #de-voordelen .lists-list > div.img-wrap img {
        position: relative;
    }
    .navigation-bar > ul li:hover .mega-menu .mgc {
        display: none;
    }
    .offerteplanner-page #de-voordelen .lists-list > div.img-wrap:after {
        width: 100%;
    }

    .offerteplanner-page .innoverend-wrap.iwsa h2 {
        font-size: 36px;
    }
    .offerteplanner-page .uniek-wrap .left {
        width: 100%;
    }
    .offerteplanner-page .uniek-wrap .llm {
        top: inherit;
        right: inherit;
        max-width: 70%;
        position: relative;
    }
    .banner-wrap .overlay1 .b-text ul li big {
        font-size: 32px;
    }
    .banner-wrap .overlay1 .b-text ul li:nth-child(3) {
        margin-bottom: 30px;
    }
    .banner-wrap .overlay1 .b-text ul li:nth-child(4) {
        margin-bottom: 10px;
    }
    .banner-wrap .overlay1 .b-text {
        bottom: -66%;
    }
    .Voor-wie-page .banner-wrap .overlay1 h1 {
        font-size: 22px;
        line-height: 30px;
    }
    .en-alle-wrap h2 {
        font-size: 28px;
        line-height: 33px;
    }
    .en-alle-wrap p br {
        display: none;
    }
}

@media (max-width: 767px){
    .magic-entmgr-wrap .wbox {
        padding: 65px 0px 45px 0;
        min-height: 440px;
    }
    .magic-entmgr-wrap .bn-sec {
        height: 360px;
    }
    .magic-entmgr-wrap .wbox {
        margin-bottom: 400px;
    }
    .magic-entmgr-wrap .bn-sec h2 {
        padding-top: 250px;
    }
    .magic-entmgr-wrap {
        margin-bottom: 15px;
    }
    .uniek-wrap .left {
        width: 100%;
        float: none;
    }
    .Waarom-Magic-wrap .uniek-wrap .llm {
        width: 100%;
        position: static;
        margin: 0 auto;
        display: block;
    }
    .home-page .integrale-f-wrap .header p br {
        display: none;
    }
    .uniek-wrap .llm {
        position: static;
        display: block;
        margin: 0 auto;
        margin-top: 36px;
        max-width: 80%;
    }
    .uniek-wrap {
        padding: 45px 30px 45px;
    }
    .home-page .innoverend-wrap.feesten blockquote p, .innoverend-wrap.feesten blockquote p, .clint-view-wrap blockquote p {
        font-size: 18px;
        line-height: 34px;
    }
    #de-voordelen h2.mhead {
        padding: 40px 0;
        line-height: 60px;
        font-size: 42px;
    }
    #de-voordelen .ani-wrapper li {
        display: block;
        width: 100%;
        margin-bottom: 30px;
    }
    .intergraal-inner {
        background: url(../images/home-text-img.png) no-repeat center 40px;
        background-size: 92%;
    }
    .integraal-werken-wrap h2 {
        font-size: 32px;
        margin-top: 80%;
    }
    .ij-hebben-wrap li {
        width: 30%;
    }
    .footer-top .about-re {
        border-bottom: 3px solid #c7722a;
        border-right: 0px;
        padding: 0px;
        display: block;
        min-width: 100%;
    }
    .site-flinks {
        padding-left: 0px;
        padding-top: 15px;
        min-width: 100%;
    }
    .site-flinks .flbox {
        display: block;
        padding-right: 0px;
        min-width: 100%;
    }
    .footer-top {
        padding: 50px 0 45px;
    }
    .footer-bottom-wrap .left {
        padding-left: 0px;
        width: 100%;
    }
    .footer-bottom-wrap .left {
        padding-left: 0px;
        width: 100%;
        padding-bottom: 15px;
    }
    .footer-bottom-wrap .center {
        width: 100%;
        display: block;
        position: static;
        transform: none;
        padding: 15px 0px;
    }
    .footer-bottom-wrap .right {
        width: 100%;
        text-align: inherit;
        padding: 0px 0px 10px;
    }
    .home-page .banner-wrapper .overlay1 {
        padding-top: 80px;
    }
    .steps-wrap p {
        margin-bottom: 15px;
    }
    #de-voordelen .lists-list > div {
        display: block;
    }
    #de-voordelen .lists-list > div.img-wrap {
        width: 100%;
        height: 300px;
    }
    .wmagic-inner .left div span {
        font-size: 38px;
        line-height: 30px;
    }
    .wmagic-inner .left div strong {
        font-size: 72px;
        line-height: 90px;
    }
    .wmagic-inner .left div img {
        left: 8px;
        top: 20px;
        width: 66px;
    }
    .innoverend-wrap h2 {
        font-size: 40px;
        line-height: 44px;
    }
    .innoverend-wrap h2 {
        padding-top: 258px;
    }
    .home-page .meest-wrap, .meest-wrap, .vergaderingen-page .meest-wrap {
        padding-bottom: 540px;
        background-size: 1280px auto;
    }
    .meest-wrap p br {
        display: none;
    }
    .banner-wrap .overlay2 li span {
        display: none;
    }
    .banner-wrap .overlay2 li {
        padding: 2px;
        width: 70px;
        height: 70px;
        position: relative;
    }
    .banner-wrap .overlay2 li img {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        margin: auto;
        max-width: 40px;
    }
    .event-mgr .banner-wrap, .vergaderingen-page .banner-wrap, .offerteplanner-page .banner-wrap {
        min-height: 450px;
    }
    .meest-wrap.allevents .right ul li {
        padding-right: 15px;
    }
    #allevents-wrap.meest-wrap .inner h2 {
        font-size: 26.33px;
    }
    #allevents-wrap.meest-wrap .inner h2 i {
        width: 50px;
        margin-top: -5px;
    }
    .meest-wrap.allevents .integrale-f-wrap .headd {
        display: inline-block;
    }
    .meest-wrap.allevents .integrale-f-wrap .header p,
    .meest-wrap.allevents .integrale-list {
        padding-left: 0px;
    }
    .home-page .integrale-f-wrap .header {
        padding-bottom: 25px;
    }
    .integrale-f-wrap .headd {
        margin-bottom: 45px;
    }
    .meest-wrap.allevents .integrale-f-wrap .header {
        text-align: center;
    }
    .offerteplanner-page .meest-wrap {
        padding-bottom: 400px;
    }
    .offerteplanner-page .meest-wrap:after {
        background: url(../images/ba20.png) no-repeat center bottom;
        background-size: 1200px;
    }
    .offerteplanner-page .innoverend-wrap.iwsa h2, .offerteplanner-page .innoverend-wrap.iwsa1 .parallax-wrapper h2 {
        font-size: 34px;
        line-height: 40px;
        margin-bottom: 10px;
    }
    .offerteplanner-page .innoverend-wrap.feesten .parallax-wrapper {
        height: inherit;
        padding-bottom: 100%;
    }
    .function-wrap .extrarow .inn .imgbx, .function-wrap .extrarow .inn .imgbx img {
        width: 100%;
    }
    .banner-wrap {
        min-height: 450px;
    }
    .expertblock .overlaytext figure {
        height: 130px;
    }
    .expertblock .overlaytext figure img {
        max-height: 80%;
    }
    .expertblock .overlaytext a {
        font-size: 14px;
        padding: 8px 15px;
    }
    .contact-page #referenties.banner-wrap .overlay1 h1 {
        padding: 68px 0 76px 35px;
        max-width: 280px;
    }
    .banner-wrap .overlay1 .b-text {
        bottom: -60%;
    }
    .take-box-wrapper .box-h .left, .take-box-wrapper .box-h .right {
        width: 100%;
    }
    .take-box-wrapper .box-h {
        padding: 40px 20px 40px !important;
    }
    .function-wrap h3 {
        font-size: 28px;
    }
    .contact-wrap .inner,
    .Overons-page .function-wrap .inner .rows.chnl5 {
        padding: 30px 25px;
    }
    .Overons-page .function-wrap .inner .rows:nth-child(2n) > div.contentbox,
    .Overons-page .function-wrap .rows.chnl5 > div.imgbox {
        width: 100% !important;
    }
    .contact-wrap .right, .contact-wrap .left {
        width: 100%;
    }
    .accordion .main .collapse {
        padding: 20px 20px;
    }
    .accordion .main .collapse p:last-child {
        margin-bottom: 0px;
    }
    .Overons-page .function-wrap .rows.chnl5 > div.imgbox  {
        margin-bottom: 20px;
    }
}

@media (max-width: 639px){
    .banner-wrapper h1 {
        font-size: 28px;
        line-height: 36px;
    }
    .list-dots span {
        display: block;
        margin-bottom: 15px;
    }
    .list-dots span:after{
        right: 50%;
        top: 100%;
    }
    .video-magic-wrap .right figure img {
        max-width: 60%;
    }
    .home-page .meest-wrap, .meest-wrap, .vergaderingen-page .meest-wrap {
        padding-bottom: 410px;
        background-size: 925px auto;
    }
    .magic-entmgr-wrap .bn-sec {
        height: 320px;
    }
    .magic-entmgr-wrap .bn-sec h2 {
        padding-top: 205px;
    }
    .magic-entmgr-wrap .bn-sec h2 {
        font-size: 32px;
    }
    .magic-entmgr-wrap .wbox {
        margin-bottom: 40px;
    }
    .magic-entmgr-wrap .wbox {
        min-height: 420px;
    }
    .magic-entmgr-wrap .bn-sec {
        height: 320px;
        position: static;
        margin-bottom: 15px;
    }
    .integrale-list .ibox {
        float: none;
        width: 100%;
    }
    .integraal-werken-wrap, .intergraal-inner {
        min-height: 600px;
    }
    .integraal-werken-wrap h2 {
        margin-top: 85%;
        line-height: 42px;
    }
    .steps-wrap .inner, .steps-wrap .inner.cls2 {
        padding: 55px 20px 30px 20px;
    }
    .steps-wrap p.last {
        margin-bottom: 40px;
    }
    .steps-wrap h3 {
        font-size: 22px;
        margin-bottom: 15px;
    }
    .steps-wrap span.title {
        font-size: 85px;
        margin-bottom: 20px;
    }
    .deOfferteplanner-wrap:after {
        border-width: 45px 55px 0 55px;
        margin-left: -55px;
    }
    .take-box-wrapper .tbox.active:after, .take-box-wrapper .tbox:hover:after {
        width: 70px;
        height: 70px;
    }
    .demo-page .banner-wrap .overlay1 {
        top: 35px;
    }
    .offerteplanner-page .meest-wrap:after {
        background: url(../images/ba20.png) no-repeat center bottom;
        background-size: 1040px;
    }
    .offerteplanner-page .meest-wrap {
        padding-bottom: 345px;
    }
    .offerteplanner-page .meest-wrap .video-wrap {
        margin: 60px auto 0;
    }
    .contact-page.offerte-1 .banner-wrap#integralfunctions .overlay2 h2 {
        font-size: 28px;
    }
    .offerte-1 .function-wrap h3 {
        margin-bottom: 30px;
    }
    .function-wrap p {
        margin-bottom: 20px;
    }
    .function-wrap h3 {
        font-size: 30px;
    }
    .function-wrap .inner .rows > div.contentbox {
        padding: 0px 20px !important;
    }
    .mainexpertblock li {
        width: 100%;
        margin-right: 0;
    }
    .expertblock .overlaytext figure {
        height: 70%;
    }
    .mainexpertblock {
        margin-top: 50px;
    }
    .contact-page.offerte-1 .banner-wrap#integralfunctions .overlay2 h2 sub {
        font-size: 20px;
        line-height: 22px;
    }
    .believe-col ul li {
        float: none;
        width: 100%;
    }
    .contact-wrap .inner.paragraphmain {
        padding: 50px 20px 30px;
    }
    .paragraphmain h2 {
        margin-bottom: 35px;
    }
    .contact-page .banner-wrap .overlay1 .b-arrow {
        margin-left: 0px;
        position: absolute;
        bottom: -80%;
        margin-top: 0px;
    }
    .faq-wrap h2 {
        font-size: 30px;
        line-height: 30px;
        padding: 42px 20px;
    }
    .clint-view-wrap blockquote p br {
        display: none;
    }
    .ij-hebben-wrap li {
        width: 34%;
    }
    .en-alle-wrap li {
        width: 25%;
    }
    .kasteel-wrap .boxes.small-b .text-wrap h2 {
        margin-bottom: 20px;
        font-size: 28px;
    }
    .kasteel-wrap .boxes.Vergader-b {
        padding: 80px 20px;
    }
    .kasteel-wrap .boxes.Vergader-b p br {
        display: none;
    }
}

@media (max-width: 539px){
    p {
        margin-bottom: 15px;
    }
    .integrale-f-wrap .headd {
        padding-left: 90px;
        margin-bottom: 45px;
    }
    .integrale-f-wrap .headd:before {
        left: 0px;
    }
    .home-page .innoverend-wrap.feesten .parallax-wrapper, .innoverend-wrap.feesten .parallax-wrapper, .vergaderingen-page .innoverend-wrap.feesten .parallax-wrapper {
        height: 440px;
    }
    .innoverend-wrap.feesten .parallax-wrapper h2 {
        font-size: 34px;
    }
    .home-page .innoverend-wrap.feesten blockquote p br, .innoverend-wrap.feesten blockquote p br, .clint-view-wrap blockquote p br {
        display: none;
    }
    .integraal-werken-wrap, .intergraal-inner {
        min-height: 550px;
    }
    .ij-hebben-wrap li {
        width: 42%;
    }
    .wmagic-inner .left div strong {
        font-size: 64px;
        line-height: 80px;
    }
    .wmagic-inner .left div img {
        left: 10px;
        width: 58px;
    }
    .wmagic-inner .left div span {
        font-size: 32px;
        line-height: 26px;
        padding-left: 0px;
    }
    .wmagic-inner .right h2 {
        margin-bottom: 20px;
    }
    .home-page .meest-wrap, .meest-wrap, .vergaderingen-page .meest-wrap {
        padding-bottom: 440px;
        background-size: 1060px auto;
    }
    .banner-wrap .overlay2 li {
        width: 55px;
        height: 55px;
    }
    .banner-wrap .overlay2 li {
        margin-right: 5px;
    }
    .banner-wrap .overlay2 li img {
        max-width: 30px;
    }
    .banner-wrap .overlay2 {
        padding: 20px 0;
    }
    .event-mgr .banner-wrap, .vergaderingen-page .banner-wrap, .offerteplanner-page .banner-wrap {
        min-height: 400px;
    }
    .eventmanager-page .banner-wrap .overlay1.overlay-default h1 strong,
    .banner-wrap .overlay1 h1 strong {
        font-size: 54px;
        line-height: 62px;
    }
    .eventmanager-page .banner-wrap .overlay1.overlay-default h1 span,
    .vergaderingen-page .banner-wrap .overlay1.overlay-default h1 span {
        font-size: 28px;
        line-height: 30px;
    }
    .eventmanager-page .banner-wrap .overlay1.overlay-default h1, .vergaderingen-page .banner-wrap .overlay1.overlay-default h1 {
        padding: 25px 0 30px 80px;
    }
    .banner-wrap .overlay1 h1 img {
        width: 50px;
        left: 15px;
        top: 36px;
    }
    .banner-wrap .overlay1 h1:after {
        left: -15px;
    }
    .take-box-wrapper .tbox img, .take-box-wrapper .tbox.n2 img {
        left: 40px;
    }
    .seprate-page .banner-wrap .submenu ul li i {
        min-width: inherit;
        max-width: 60px;
    }
    .seprate-page .banner-wrap .submenu ul li > * {
        padding: 16px 5px 6px;
    }
    .meest-wrap.allevents .right ul li {
        width: 100%;
        height: auto !important;
    }
    #allevents-wrap.meest-wrap .inner {
        padding: 0px 15px 0px 15px;
    }
    .meest-wrap h2 {
        margin-bottom: 10px;
    }
    .hd-btm-bottom .submenu ul li > span.meeting-magic, .seprate-page .banner-wrap .submenu ul li > span.meeting-magic {
        background: #fff url(../images/meeting-magic.png)no-repeat 38% 54%/auto 80%;
    }
    .offerteplanner-page .banner-wrap .overlay1 h1 img {
        top: -15px;
        left: -20px;
        width: 100px;
    }
    .offerteplanner-page .banner-wrap .overlay1.overlay-default h1 {
        padding: 20px 0 20px 80px;
    }
    .offerteplanner-page .meest-wrap .video-wrap {
        height: 270px;
    }
    .offerteplanner-page .uniek-wrap .llm {
        max-width: 100%;
    }
    .take-box-wrapper .tbox.mgbox.n3 img, .take-box-wrapper .tbox.mgbox.n2 img, .innoverend-wrap.feesten .take-box-wrapper .tbox.n1:first-child img {
        left: 25px;
        top: 25px;
        max-width: 34px;
    }
    .contact-page .banner-wrap#integralfunctions .overlay1 h1 {
        padding: 30px 0 26px 15px;
        max-width: 274px;
    }
    .contact-page.offerte-1 .banner-wrap#integralfunctions .overlay1 h1 img {
        width: 100px;
        margin-left: -52px;
        margin-top: -80px;
    }
    .contact-page.offerte-1 .banner-wrap#integralfunctions .overlay1 h1 span em {
        font-size: 54px;
    }
    .contact-page.offerte-1 .banner-wrap#integralfunctions .overlay1 h1 span em i {
        margin-top: 30px;
    }
    .banner-wrap {
        min-height: 425px;
    }
    .banner-wrap .overlay1 .b-text {
        bottom: -45%;
    }
    .contact-page #referenties.banner-wrap .overlay1 h1 {
        padding: 58px 0 60px 25px;
        max-width: 267px;
    }
    .take-box-wrapper .box-h {
        padding: 30px 20px 30px !important;
    }
    .contact-page .banner-wrap#integralfunctions .overlay1 h1 span em {
        width: 210px;
        font-size: 30px;
    }
    .function-wrap h3.extra i {
        width: 100%;
    }
    .function-wrap h3 {
        font-size: 28px;
    }
    .function-wrap ul li {
        font-size: 14px;
        line-height: 28px;
    }
    .paragraphmain h2 {
        font-size: 28px;
        margin-bottom: 30px;
    }
    .contact-wrap .inner.believe-col h4 {
        margin-bottom: 35px;
    }
    .contact-wrap .imglinks {
        margin-top: 15px;
    }
    .paragraphmain p.bld {
        font-size: 16px;
        line-height: 26px;
    }
    .paragraphmain .paragraph-col {
        margin-bottom: 40px;
    }
    .paragraphmain .paragraph-col ul li {
        line-height: 24px;
        margin-bottom: 10px;
    }
    .contact-page .banner-wrap .overlay1 h1 {
        padding: 56px 0 56px 20px;
        max-width: 288px;
    }
    .contact-page .banner-wrap .overlay1 h1 span {
        font-size: 50px;
    }
    .contact-page .banner-wrap .overlay1 h1 span em {
        font-size: 20px;
    }
    .kasteel-wrap .boxes .text-wrap h2 {
        font-size: 32px;
        margin-bottom: 28px;
    }
    .kasteel-wrap .boxes.big-b .text-wrap,
    .kasteel-wrap .boxes.small-b .text-wrap {
        padding: 30px 20px 40px;
    }
}

@media (max-width: 479px){
    p {
        font-size: 15px;
        line-height: 26px;
    }
    h2 {
        line-height: 30px;
    }
    .hd-btm-uper .logo {
        max-width: 172px;
    }
    .home-page .banner-wrapper {
        min-height: 370px;
    }
    .navigation-bar .demobtn {
        font-size: 13px;
    }
    .mtoggle {
        margin-right: 15px;
    }
    .meest-wrap h2 {
        font-size: 21px;
    }
    .video-magic-wrap {
        padding: 45px 15px 20px;
    }
    .video-wrap {
        height: 260px;
    }
    .magic-entmgr-wrap .wbox p {
        margin-bottom: 45px;
        padding: 0px 30px;
    }
    .magic-entmgr-wrap .wbox img {
        margin-bottom: 30px;
    }
    .magic-entmgr-wrap .wbox {
        min-height: 380px;
    }
    .magic-entmgr-wrap .bn-sec {
        height: 260px;
    }
    .magic-entmgr-wrap .bn-sec h2 {
        padding-top: 178px;
        font-size: 30px;
    }
    .home-page .magic-entmgr-wrap ul li {
        font-size: 18px;
        letter-spacing: 0.5px;
    }
    .home-page .magic-entmgr-wrap ul li.i23 img, .home-page .magic-entmgr-wrap ul li img {
        margin-right: 25px;
    }
    .integrale-f-wrap .headd {
        font-size: 20px;
    }
    .home-page .integrale-list .ibox {
        padding-right: 0px;
    }
    .innoverend-wrap.feesten .parallax-wrapper h2 {
        font-size: 28px;
    }
    .home-page .innoverend-wrap.feesten .parallax-wrapper, .innoverend-wrap.feesten .parallax-wrapper, .vergaderingen-page .innoverend-wrap.feesten .parallax-wrapper {
        height: 380px;
    }
    #de-voordelen h2.mhead {
        padding: 20px 0 35px;
        line-height: 56px;
        font-size: 32px;
    }
    .integraal-werken-wrap h2 {
        margin-top: 88%;
        line-height: 35px;
        font-size: 26px;
    }
    .integraal-werken-wrap, .intergraal-inner {
        min-height: 440px;
    }
    .ij-hebben-wrap li {
        width: auto;
        margin-bottom: 30px;
    }
    .to-magic-wrap p {
        font-size: 16px;
        line-height: 26px;
    }
    .to-magic-wrap p br {
        display: none;
    }
    .home-page .to-magic-wrap .form-wrapper > div.form-wrap, .to-magic-wrap .form-wrapper > div.form-wrap {
        padding: 50px 15px 32px 15px;
    }
    .uniek-wrap .llm {
        max-width: 100%;
    }
    .footer-bottom-wrap .left ul li {
        display: block;
        float: none;
        text-align: center;
    }
    .Waarom-Magic-wrap .uniek-wrap {
        padding: 47px 20px 92px;
    }
    .Waarom-Magic-wrap .uniek-wrap {
        padding: 45px 20px 45px;
    }
    .sticky .navigation-bar .demobtn {
        padding: 3px 15px;
    }
    .home-page .innoverend-wrap.feesten blockquote p, .innoverend-wrap.feesten blockquote p, .clint-view-wrap blockquote p {
        line-height: 28px;
    }
    .innoverend-wrap h2 {
        font-size: 30px;
        line-height: 32px;
    }
    .innoverend-wrap .parallax-wrapper {
        height: 420px;
    }
    .take-box-wrapper .tbox {
        padding: 30px 20px 10px 80px;
    }
    .take-box-wrapper .tbox img {
        left: 25px;
        max-width: 36px;
        top: 31px;
    }
    .take-box-wrapper .tbox.mgbox img, .innoverend-wrap.feesten .take-box-wrapper .tbox:first-child img {
        left: 20px;
        top: 30px;
        max-width: 56px;
    }
    .take-box-wrapper .tbox img, .take-box-wrapper .tbox.n2 img {
        left: 25px;
    }
    .take-box-wrapper .tbox[data-des="#eest"] img {
        max-width: 40px;
    }
    .take-box-wrapper .tbox h3 {
        font-size: 22px;
        margin-bottom: 10px;
    }
    .home-page .meest-wrap, .meest-wrap, .vergaderingen-page .meest-wrap {
        padding-bottom: 300px;
        background-size: 700px auto;
    }
    .banner-wrap .overlay2 li img {
        max-width: 25px;
    }
    .banner-wrap .overlay2 li {
        width: 45px;
        height: 45px;
    }
    .event-mgr .banner-wrap, .vergaderingen-page .banner-wrap, .offerteplanner-page .banner-wrap {
        min-height: 370px;
    }
    .seprate-page .banner-wrap .submenu ul li i {
        display: none;
    }
    .seprate-page .banner-wrap .submenu ul li > * {
        padding: 20px 15px 20px;
    }
    .seprate-page .banner-wrap .submenu ul li, .seprate-page .banner-wrap .submenu ul li > * {
        min-height: 63.5px;
    }
    .seprate-page .banner-wrap .submenu ul li > span.event-magic {
        display: block;
        background: #fff url(../images/magic-3.png)no-repeat 38% 54%/auto 75%;
    }
    .seprate-page .banner-wrap .submenu ul li a em {
        font-size: 13.6px;
    }
    .meest-wrap.allevents .integrale-list, .event-mgr.all.seprate-page .integrale-list .ibox {
        padding-right: 0px;
    }
    .event-mgr.all.seprate-page .meest-wrap.allevents .integrale-f-wrap {
        margin-left: -15px;
        margin-right: -15px;
    }
    #allevents-wrap.meest-wrap .inner h2 i {
        width: 100%;
    }
    .meest-wrap.allevents .right ul li {
        padding-right: 0px;
    }
    .offerteplanner-page .banner-wrap .overlay1.overlay-default h1 {
        padding: 20px 0 10px 70px;
    }
    .offerteplanner-page .banner-wrap .overlay1 h1 img {
        left: -30px;
    }
    .ij-hebben-wrap h3 {
        margin-bottom: 0px;
    }
    .function-wrap h3 {
        font-size: 24px;
    }
    .offerte-1 .function-wrap h3 {
        margin-bottom: 20px;
    }
    .function-wrap .inner .rows > div.contentbox {
        padding: 0px 10px !important;
    }
    .function-wrap p {
        font-size: 14px;
        line-height: 26px;
    }
    .offerte-1 .function-wrap .inner .rows > div.imgbox img {
        max-width: 100%;
    }
    .function-wrap .extrarow {
        padding: 50px 20px 60px;
    }
    .function-wrap h3 {
        font-size: 24px;
        line-height: 26px;
        margin-bottom: 20px;
    }
    .contact-page.offerte-1 .banner-wrap#integralfunctions .overlay2 h2 {
        font-size: 26px;
        bottom: 15px;
        line-height: 26px;
    }
    .banner-wrap .overlay1 .b-text ul li big {
        font-size: 24px;
    }
    .banner-wrap .overlay1 .b-text ul li {
        font-size: 20px;
    }
    .function-wrap h3 i {
        display: block;
    }
    .contact-wrap .imglinks li {
        float: none;
        text-align: right;
    }
    .contact-wrap .imglinks li:after {
        display: none;
    }
    .faq-wrap h2 {
        font-size: 28px;
    }
    .faq-wrap h2 i {
        display: block;
    }
    .en-alle-wrap h2 {
        font-size: 22px;
        line-height: 28px;
    }
    .kasteel-wrap .boxes.small-b .text-wrap h2, .kasteel-wrap .boxes.Vergader-b h2 {
        margin-bottom: 20px;
        font-size: 26px;
    }
    .kasteel-wrap .boxes.Vergader-b {
        padding: 60px 20px;
    }
    .kasteel-wrap .boxes .text-wrap p {
        font-size: 15px;
        line-height: 26px;
    }
}

@media (max-width: 359px){

}

#header-wrap {
    position: relative;
    z-index: 9999;
}

@media (max-width: 639px) {
    .Overons-page .function-wrap .inner .rows.chnl5:nth-child(2n) > div.contentbox {
        width: 100% !important;
    }
}

@media (max-width: 979px) {
    .banner-wrap#demo {  min-height: 510px;  }
}
@media (max-width: 767px) {
    .banner-wrap#demo {
        min-height: 510px;
    }
}