/**
 * Extra small devices
 */
@media screen and (max-width: 767px) {
    .hidden-xs, .visible-sm, .visible-md, .visible-lg {
        display: none !important;
    }
    .top-panel {
        height: 48px;
        padding: 0;
    }
    .top-sitename {
        height: 65px;
        padding-left: 65px;
        background-size: contain;
    }
    a.top-panel__menu {
        color: #ffffff;
        padding-right: 0;
    }
    .top-panel__auth-wrapper {
        flex: 1 100%;
    }
    .top-panel__auth-wrapper--search-opened {
        background: #ffffff;
        border: 6px #212b3f solid;
        border-radius: 10px;
    }
    .top-panel__search-form {
        flex: 1 100%;
    }
    .top-panel a.top-panel__search {
        margin-left: auto;
        background: transparent;
        padding: 0;
    }
    .top-panel__auth-wrapper--search-opened a.top-panel__search {
        color: #cdcdcd;
    }
    input.top-panel__search-input {
        background: transparent;
        position: relative;
        width: 100%;
    }
}

/**
 * Small devices
 */
@media screen and (min-width: 768px) and (max-width: 991px) {
    .visible-xs, .hidden-sm, .visible-md, .visible-lg {
        display: none !important;
    }
}

/**
 * Medium devices
 */
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .visible-xs, .visible-sm, .hidden-md, .visible-lg {
        display: none !important;
    }
}

/**
 * Large devices
 */
@media screen and (min-width: 1200px) {
    .visible-xs, .visible-sm, .visible-md, .hidden-lg {
        display: none !important;
    }
}

@media screen and (max-width: 1276px) {
    .scroll-top {
        display: none;
    }
}