@media(min-width:1200px) {

    .livedrops,
    .container {
        width: 1180px
    }
}

@media(min-width:992px) and (max-width:1199px) {

    .livedrops,
    .container {
        width: 972px
    }

    .livedrops>.wrapper>.drops>.drop-id:nth-child(n+7) {
        display: none
    }

    .modal[data-id=start]>.wrapper {
        width: 100%
    }
}

@media(min-width:768px) and (max-width:991px) {

    .livedrops,
    .container {
        width: 748px
    }

    .livedrops>.wrapper>.drops>.drop-id:nth-child(n+5) {
        display: none
    }
}

@media(max-width:991px) {
    .footer>.wrapper>.container>.block-middle {
        width: 100%
    }

    .header .navbar {
        padding-bottom: 20px
    }

    .header .navbar .logo .pic {
        width: 48px;
        height: 64px;
        margin: auto
    }

    .header .navbar .navbar-mobile {
        display: block
    }

    .header .navbar>.navbar-wrapper {
        display: none
    }

    .header .navbar>.navbar-wrapper>.block-left>ul,
    .header .navbar>.navbar-wrapper>.block-center>ul,
    .header .navbar>.navbar-wrapper>.block-right>ul {
        text-align: center
    }

    .header .navbar>.navbar-wrapper>.block-left>ul>li,
    .header .navbar>.navbar-wrapper>.block-center>ul>li,
    .header .navbar>.navbar-wrapper>.block-right>ul>li {
        padding-right: 20px
    }

    .header .navbar.active>.navbar-wrapper {
        display: grid;
        grid-template-columns: 100%
    }

    .livedrops>.start>.top>ul.links>li:after {
        display: none
    }

    .header .navbar>.navbar-wrapper>.block-right>.monitoring>.stats {
        width: 200px;
        margin: auto
    }

    .header .navbar>.navbar-wrapper>.block-right>.monitoring:before {
        display: none
    }

    .tabs .tab-links {
        grid-gap: 20px;
        padding: 20px 0
    }

    .tabs .tab-links>li>a>.block-right {
        font-size: 18px
    }

    .modal[data-id=start]>.wrapper {
        width: 100%
    }

    .modal[data-id=start]>.wrapper .block-middle {
        grid-template-columns: 100%
    }

    .modal[data-id=start]>.wrapper .block-middle .text-rule>.wrapper {
        max-height: 100%
    }
}

@media(max-width:767px) {

    .livedrops,
    .container {
        width: 100%
    }

    .livedrops>.wrapper>.drops>.drop-id .tooltip {
        max-width: calc(100% + 20px)
    }

    .livedrops>.wrapper>.drops>.drop-id:nth-child(n+1) {
        display: grid
    }

    .livedrops>.wrapper>.drops>.drop-id:nth-child(n+7) {
        display: none
    }

    .tabs .tab-links {
        grid-template-columns: 100%
    }

    .livedrops {
        grid-template-columns: 100%
    }

    .livedrops>.start>.top>ul.links>li:last-child {
        text-align: center
    }

    .livedrops>.start>.top>ul.links>li>a {
        display: block;
        width: 100%
    }

    .header .navbar>.navbar-wrapper>.block-left>ul>li,
    .header .navbar>.navbar-wrapper>.block-center>ul>li,
    .header .navbar>.navbar-wrapper>.block-right>ul>li {
        display: block;
        width: 100%;
        padding: 0
    }

    .footer {
        padding: 20px 0
    }

    .footer>.wrapper>.container {
        height: auto
    }

    .footer>.wrapper>.container>.block-middle {
        grid-gap: 20px;
        grid-template-columns: 100%;
        height: auto
    }

    .footer>.wrapper>.container>.block-middle>.block-left,
    .footer>.wrapper>.container>.block-middle>.block-right {
        text-align: center
    }

    .footer>.wrapper .logo {
        position: static;
        padding-top: 20px
    }

    .modal>.wrapper {
        width: 100%
    }

    .modal>.wrapper>.modal-content {
        padding: 20px
    }
}

@media(max-width:756px) {
    .livedrops>.wrapper>.drops>.drop-id:nth-child(n+1) {
        display: block
    }

    .livedrops>.wrapper>.drops>.drop-id:nth-child(n+6) {
        display: none
    }
}

@media(max-width:636px) {
    .livedrops>.wrapper>.drops>.drop-id:nth-child(n+1) {
        display: block
    }

    .livedrops>.wrapper>.drops>.drop-id:nth-child(n+5) {
        display: none
    }
}

@media(max-width:516px) {
    .livedrops>.wrapper>.drops>.drop-id:nth-child(n+1) {
        display: block
    }

    .livedrops>.wrapper>.drops>.drop-id:nth-child(n+4) {
        display: none
    }
}

@media(max-width:396px) {
    .livedrops>.wrapper>.drops>.drop-id:nth-child(n+1) {
        display: block
    }

    .livedrops>.wrapper>.drops>.drop-id:nth-child(n+3) {
        display: none
    }
}

@media(max-width:276px) {
    .livedrops>.wrapper>.drops>.drop-id:nth-child(n+1) {
        display: block
    }

    .livedrops>.wrapper>.drops>.drop-id:nth-child(n+2) {
        display: none
    }
}

@media(max-width:560px) {
    .modal>.wrapper>.modal-content>.modal-footer {
        grid-template-columns: 100%
    }
}

@media(max-width:319px) {}