@media screen and (max-width: 1240px) {
    h1 {
        font-size: 32px;
    }
}

@media screen and (max-width: 1200px) {
    #offcanvas-chat {
        padding-left: 0!important;
    }
}

@media screen and (max-width: 768px) {
    .react {
        width: 100%;
    }

    .btn-download:before {
        font-family: FontAwesome;
        content: "\f019";
    }

    .btn-view-bannerset:before {
        font-family: FontAwesome;
        content: "\f06e";
    }

    /** LOGIN **/
    .login-background .col-md-12 {
        width: 100%;
        padding: 0!important;
    }

    /** PREVIEW **/
    .preview-container {
        margin-top: -25px;
    }

    .preview-tray {
        margin-bottom: 10px;
    }

    .preview-drop-menu {
        width: 260px;
        margin-top: 10px;
    }

    .preview-public-drop-menu {
        width: 250px;
    }

    .preview-navbar {
        height: inherit;
        padding-bottom: 5px;
    }

    .btn-preview-back:after {
        content: 'Terug';
    }

    .btn-preview-download:after {
        content: 'Download set';
    }

    .btn-preview-share:after {
        content: 'Delen';
    }

    .preview-advert-single {
        text-align: left;
    }

    .preview-advert-single-center .btn {
        margin-top: 5px;
    }

    .preview-advert-single .laying {
        margin: 0;
    }

    .preview-bar .btn, .preview-bar button {
        margin: 0;
    }

    .preview-refresh p {
        display: none;
    }

    .preview-bar .btn, .preview-bar button {
        margin: 0 5px 0 0;
    }

    /** ADDITIONAL **/
    .more_info_arrow {
        display: none;
    }

    .preview-bar .dropdown-group {
        margin-top: 10px;
    }
}