@media (max-width: 1199px) {
    .menu li {
        margin-left: 15px;
    }
    .prodInfoText br {
        display: none;
    }
    .infoTabs li a {
        line-height: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
@media (max-width: 991px) {
    #sliderVideo, .sliderCamera {
        display: none;
    }
    .productImage {
        text-align: center;
    }
    .prodInfoItem:nth-child(1), .prodInfoItem:nth-child(3), .prodInfoItem:nth-child(5) {
        border-right: 1px solid white;
    }
    .prodInfoItem:nth-child(1), .prodInfoItem:nth-child(2), .prodInfoItem:nth-child(3), .prodInfoItem:nth-child(4) {
        border-bottom: 1px solid white;
    }
    .prodInfoItem:nth-child(2), .prodInfoItem:nth-child(4) {
        border-right: 0;
    }
    #cdPersen, #dvdPersen, #bluRay, #prijzen, #diensten, #veelGesteldeVragen, #korting, #video, #replicate, #promoot, #service {
        background-size: cover;
    }
    .contactItem.col-sm-offset-3 {
        margin-top: 30px;
    }
    .main-footer .left-sep:after, .main-footer .right-sep:after {
        display: none;
    }
    .main-footer .right-sep {
        margin-top: 30px;
    }
}
@media (max-width: 767px) {
    #slider .container-fluid > .row > .container {
        left: 15px;
        right: 15px;
    }
    .infoTabs li {
        width: 33.33333333%;
        float: left;
    }
    .infoTabs li a.nav-dot-current {
        z-index: 10;
    }
    .prodInfoItem {
        border-right: 0 !important;
        border-bottom: 1px solid white;
    }
    .prodInfoItem:last-child {
        border-bottom: 0;
    }
    #blueSection .infoTabs li.active a {
        z-index: 10;
    }
    .contactItem {
        margin-top: 0 !important;
        text-align: center;
        margin-bottom: 30px;
    }
    .itemSocials li {
        margin: 0 10px;
    }
    .headerLogo, .headerMenu, .headerButton {
        display: inline-block;
        line-height: 40px;
        width: auto;
    }
    .headerLogo img {
        height: 25px;
    }
    .headerMenu, .headerButton {
        float: right;
        padding-top: 4px;
    }
    .headerMenu .menu {
        position: fixed;
        top: 50px;
        right: 0;
        background: rgba(54, 130, 172, 1);
        margin: 0;
        padding: 15px 0;
        display: none;
    }
    .headerMenu .menu li {
        width: 100%;
        margin: 0;
        display: block;
        padding-right: 15px;
    }
    header {
        background: rgba(54, 130, 172, 1) !important;
        padding-top: 0;
        padding-bottom: 0 !important;
    }
    header.scrolled {
        background: rgba(54, 130, 172, 1) !important;
    }
    .mobileButton {
        display: inline-block;
    }
    .menu li:last-child a {
        display: none;
    }

    #mobileSection {
        padding-top: 49px;
    }

    .mobileImage {
        position:relative;
        z-index: 1;
    }

    .mobileTextBox {
        position:absolute;
        z-index: 2;
        padding-top: 3%;
        padding-left: 3%;
        color: #fff;
        font-size: 8vw;
        text-transform: uppercase;
    }

    .mobileTextBox strong {
        font-weight: bold;
        font-size: 110%;
    }
}
@media (max-width: 480px) {
    .infoTabs li {
        width: 50%;
    }
    #blueSection .infoTabs li {
        width: 50%;
    }
    .sectionTitle {
        font-size: 26px;
    }
}
@media (max-width: 430px) {
    .headerLogo {
        width: calc(100% - 220px);
    }
    .headerLogo img {
        width: 100%;
        height: auto;
    }
}
@media (min-width: 1400px) and (max-width: 1920px) {
    li.devices {
        background-position: 30vw 100%;
    }
}
@media (min-width: 1200px) and (max-width: 1399px) {
    li.devices {
        background-position: 20vw 100%;
    }
}
@media (min-width: 922px) and (max-width: 1199px) {
    li.devices {
        background-position: 5vw 100%;
    }
}
@media (min-width: 768px) {
    .headerButton {
        display: none;
    }

    #mobileSection {
        display: none;
    }
}