@media only screen and (max-width: 1240px) {
    .aanbod-item {
        height: 200px;
    }
}

@media only screen and (max-width: 1150px) {
    .container {
        width: 95%;
    }

    .header .logo {
        width: 230px;
    }

    .header .menu-wrapper {
        width: 70%;
    }
    .menu-wrapper .menu li {
        margin-right: 15px;
        padding-right: 15px;
    }
}

@media only screen and (max-width: 1050px) {
    .header {
        text-align: center;
    }

    .header .logo {
        float: none;
        display: inline-block;
    }

    .header .menu-wrapper {
        float: none;
        width: 100%;
        clear: both;
        padding: 0;
    }

    .menu-wrapper .menu {
        float: none;
        padding: 20px 0 15px;
    }

    .menu-wrapper .menu li {
        float: left;
        margin-right: 0px;
        padding-right: 0px;
        background: none;
        width: 15%;
        text-align: center;
    }

    .menu-wrapper .menu li.big {
        width: 27.5%;
    }

    .menu-wrapper .menu li a {
        display: inline-block;
        padding: 10px 25px;
    }

    .banner-slider,
    .banner-aanbod {
        float: none;
        width: 100%;
    }

    .banner-slider,
    .banner-slider .slide {
        height: 350px;
    }

    .banner-aanbod {
        max-height: none;
        height: auto;
    }
    .banner-aanbod .aanbod-item {
        height: auto;
    }
    .home-content .btn-wrapper {
        width: 90%;
    }

    .home-content .btn-wrapper .btn {
        margin: 10px 0;
    }
    .bureau-grid .column,
    .bureau-grid .column.left {
        width: 100%;
        float: none;
    }
    .bureau-grid .heading {
        border-right: none;
    }
    .bureau-grid .cel.left:nth-child(odd) {
        border-right: none;
    }
}

@media only screen and (max-width: 940px) {
    .nieuwsbrief-wrapper .form-wrapper {
        margin-left: -2.5%;
    }

    .nieuwsbrief-wrapper .form-wrapper .form-item,
    .nieuwsbrief-wrapper .form-wrapper .form-item.small {
        margin-left: 2.5%;
        width: 47.5%;
        margin-bottom: 20px;
    }

    .form-row-wrapper .form-row .span70,
    .form-row-wrapper .form-row .span30 {
        float: none;
        padding-top: 0;
        width: 100%;
    }

    .form-row-wrapper .form-row .span70 {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 880px) {
    .header {
        padding: 30px 0;
    }

    .cruise {
        width: 50%;
    }

    .aanbod-wrapper .aanbod-item {
        float: none;
        width: 100%;
        height: 175px;
    }

    .aanbod-wrapper .aanbod-item.even {
        background: none;
    }

    .aanbod-wrapper .aanbod-item:nth-of-type(odd) {
        background: #eff6fa;
    }

    .rederij-wrapper .rederij {
        width: 31.5%;
    }

    .footer-top .logo {
        margin-right: 30px;
    }

}
@media only screen and (max-width: 830px) {
    .topstroke .showTopstrokeMenu {
        display: block;
    }
    .topstroke .submenu {
        position: absolute;
        background: #414A58;
        top: 52px;
        z-index: 900;
        width: 165px;
        border: 1px solid #637186;
        display: none;
    }
    .topstroke .submenu li {
        float: none;
        width: 100%;
        margin-right: 0;
        border-bottom: 1px solid #637186;
    }
    .topstroke .submenu li.hideNormal {
        display: block;
    }
    .topstroke .submenu li:last-of-type {
        border-bottom: none;
    }
    .topstroke .submenu li a {
        padding: 15px 20px;
    }
    .topstroke .pull-right a.hideResponsive {
        display: none;
    }
    .topstroke .pull-right {
        padding-top: 2px;
    }
    .main-content {
        margin-bottom: 40px;
    }
}
@media only screen and (max-width: 768px) {

    .aanbod-item .image,
    .banner-aanbod .aanbod-item .image {
        width: 25%;
    }

    .aanbod-item .content,
    .banner-aanbod .aanbod-item .content {
        width: 75%;
    }

    .aanbod-item .content .title {
        margin-bottom: 0;
    }

    .aanbod-item .content .subtitle {
        display: none;
    }

    .aanbod-wrapper .aanbod-item {
        height: auto;
    }

    .slick-dots li {
        margin: 0 15px;
    }
    .home-content {
        width: 50%;
    }

    .home-image {
        margin-left: -360px;
    }
    .klanten-wrapper {
        padding: 70px 0 40px;
    }

    .klantenlogos {
        margin: 0;
        text-align: center;
    }

    .nieuwsblokken {
        margin-left: -5%;
    }

    .klantenlogo {
        width: 30%;
        margin-left: 1%;
        margin-right: 1%;
        margin-bottom: 25px;
    }

    .nieuwsblokken .nieuwsblok {
        width: 45%;
        margin-left: 5%;
        margin-bottom: 50px;
    }

    .nieuwsblokken .nieuwsblok:nth-child(2n+1) {
        clear: left;
    }
    .nieuwsblokken.bestemmingen .nieuwsblok:nth-child(3n+1) {
        clear: none;
    }
    .main-wrapper .center {
        width: 85%;
    }

    .bureau-grid .column {
        float: none;
        width: 100%;
        margin-bottom: 40px;
    }

    .bureau-grid .inner-cel {
        padding: 35px 25px 35px 15px;
        height: 210px;
    }

    .bureau-grid .heading {
        padding: 20px 25px;
    }

    .form-row-wrapper {
        margin-left: -2.5%;
    }

    .form-row-wrapper .form-row,
    .form-row-wrapper .form-row.big {
        width: 47.5%;
        margin-left: 2.5%;
    }

    .form-row-wrapper .form-row.small {
        padding-left: 20px;
    }

    .contactinfo .span50 {
        float: none;
        width: 100%;
        text-align: center;
    }

    .contactinfo .pull-left {
        margin-bottom: 30px;
    }

    .grid-item-wrapper {
        margin-left: 0;
    }

    .grid-item,
    .grid-item.full {
        margin-left: 0;
        width: 100%;
    }

    .nieuwsblokken.small {
        width: 60%;
    }

    .nieuwsblokken.small .nieuwsblok {
        float: none;
        width: 100%;
        margin-left: 0;
    }

    .banner-reclame {
        height: 240px;
    }

    .sidebar {
        width: 35%;
    }

    .specials-wrapper {
        margin-left: -5%;
    }

    .specials-wrapper .special {
        width: 45%;
        margin-left: 5%;
        margin-bottom: 5%;
    }
    .specials-wrapper .special:nth-child(3n+1) {
        clear: none;   
    }
    .specials-wrapper .special:nth-child(2n+1) {
        clear: left;   
    }
    .footer-top {
        text-align: center;
        padding: 40px 0;
    }

    .footer-top .pull-left,
    .footer-top .pull-right {
        float: none;
    }

    .footer-top .pull-left {
        padding-top: 0;
        margin-bottom: 40px;
    }

    .footer-top .pull-right {
        display: inline-block;
    }
    .footer-top.bottom .pull-left,
    .footer-top.bottom .pull-right {
        width: 100%;
    }
}

@media only screen and (max-width: 650px) {

    .menu-wrapper .menu {
        background: #414a58;
        padding: 0;
        margin-bottom: 20px;
        margin-top: 30px;
    }

    .menu-wrapper .menu li,
    .menu-wrapper .menu li.big {
        float: none;
        background: none;
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #4c5768;
    }

    .menu-wrapper .menu li a {
        color: #fff;
        padding: 10px 0;
        display: block;
        width: 100%;
    }

    .menu-wrapper .menu li a:hover,
    .menu-wrapper .menu li a.active {
        background: none;
        color: #fe9f29;
    }

    .rederij-wrapper {
        margin-left: -2.5%;
    }

    .rederij-wrapper .rederij {
        width: 47.5%;
        margin-left: 2.5%;
        margin-bottom: 25px;
    }
    .bureau-grid .cel.left {
        border-right: none;
    }
    .bureau-grid .column.left .cel {
        float: none;
        width: 100%;
    }
}

@media only screen and (max-width: 570px) {

    .home-content .btn-wrapper {
        width: 100%;
    }

    .home-content .btn-wrapper .btn {
        margin: 0 10px;
    }

    .nieuwsbrief-wrapper .form-wrapper {
        margin-left: 0%;
    }

    .nieuwsbrief-wrapper .form-wrapper .form-item,
    .nieuwsbrief-wrapper .form-wrapper .form-item.small {
        margin-left: 0%;
        width: 100%;
        float: none;
    }

    .main-wrapper .center {
        width: 100%;
    }


    .home-content {
        width: 95%;
        float: none;
        margin: 0 auto;
    }

    .home-image {
        display: none;
    }
    .cruise {
        float: none;
        width: 100%;
    }

    .map-canvas {
        height: 350px;
    }

    .bureau-grid .column {
        float: none;
        width: 100%;
        margin-bottom: 40px;
    }

    .bureau-grid .heading {
        text-align: center;
    }

    .bureau-grid .cel.left {
        border-right: none;
    }

    .bureau-grid .cel.right {
        border-left: none;
        margin-left: 0;
    }

    .bureau-grid .inner-cel {
        height: auto;
    }

    .submit-row .pull-left,
    .submit-row .pull-right {
        float: none;
    }

    .submit-row .pull-left {
        width: 100%;
        margin-bottom: 20px;
    }

    .submit-row .pull-right {
        text-align: center;
    }
    .footer-top ul {
        text-align: center;
    }

    .footer-top ul li {
        float: none;
        width: 100%;
    }
    .footer-top ul li.big {
        width: 100%;
    }
    .footer-top ul li a {
        padding: 15px 0;
    }

    .cruisetable .table-wrapper {
        overflow-x: scroll;
    }
    .footer-top .pull-right img {
        height: 54px
    }
}

@media only screen and (max-width: 500px) {
    .aanbod-item .image,
    .banner-aanbod .aanbod-item .image {
        width: 25%;
    }

    .aanbod-item .content,
    .banner-aanbod .aanbod-item .content {
        width: 75%;
    }

    .home-content .btn-wrapper {
        width: 90%;
    }

    .home-content .btn-wrapper .btn {
        margin: 10px 0;
    }

    .klantenlogo {
        width: 45%;
        margin-left: 2%;
        margin-right: 2%;
    }

    .nieuwsblokken {
        margin-left: 0;
    }

    .nieuwsblokken .nieuwsblok {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-bottom: 50px;
    }

    .nieuwsblok .title {
        margin-bottom: 25px;
    }

    .nieuwsblok p {
        height: auto;
    }

    .nieuws-wrapper .line {
        display: none;
    }

    .advertentie {
        width: 100%;
    }

    .form-row-wrapper {
        margin-left: 0;
    }

    .form-row-wrapper .form-row,
    .form-row-wrapper .form-row.big {
        width: 100%;
        margin-left: 0%;
        float: none;
    }

    .nieuwsblokken.small,
    .sidebar {
        float: none;
        width: 100%;
    }

    .sidebar {
        margin-bottom: 50px;
    }

    .footer-top .logo,
    .footer-top .link-wrapper {
        float: none;
    }

    .footer-top .logo {
        margin-right: 0;
        display: inline-block;
    }

    .footer-bottom {
        text-align: center;
    }

    .footer-bottom .pull-left,
    .footer-bottom .pull-right {
        float: none;
    }

    .footer-bottom .pull-left {
        margin-bottom: 15px;
    }

    .aanbod-item {
        display: block !important;
        padding: 15px;
        height: auto;
    }

    .aanbod-item .image,
    .banner-aanbod .aanbod-item .image,
    .aanbod-item .content,
    .banner-aanbod .aanbod-item .content {
        width: 100%;
        float: none;
        padding: 0;
        position: relative;
    }

    .aanbod-item .image,
    .banner-aanbod .aanbod-item .image {
        margin-bottom: 20px;
    }

    .aanbod-item .content .title {
        margin-bottom: 15px;
    }

    .aanbod-item .content .subtitle {
        display: block;;
    }
}

@media only screen and (max-width: 430px) {
    .aanbod-item .image {
        margin-bottom: 15px;
    }

    .aanbod-item .content {
        border-left: none;
    }

    .nieuws-wrapper a.pull-right {
        display: none;
    }

    .cruise {
        width: 100%;
    }

    .rederij-wrapper {
        margin-left: 0;
    }

    .rederij-wrapper .rederij {
        width: 100%;
        margin-left: 0%;
        float: none;
    }

    .rederij .image {
        height: 100px;
    }

    .specials-wrapper {
        margin-left: 0;
    }

    .specials-wrapper .special {
        float: none;
        width: 100%;
        max-width: 350px;
        margin: 0 auto 25px;
    }
    .specials-wrapper .special:nth-child(2n+1) {
        clear: none;   
    }
    .footer-top ul {
        margin-top: 30px;
    }

    .footer-top ul li {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        display: block;
    }

    .footer-top ul li a {
        padding: 10px 0;
    }
}

@media only screen and (max-width: 390px) {
}