/*1680px*/

@media (max-width: 1680px) {
    video {
        margin-top: -100px;
    }

}

/*1480px*/

@media (max-width: 1480px) {
    .video {
        height: 650px;
    }
    video {
        margin-top: -75px;
    }
}

/*1366px*/

@media (max-width: 1366px) {
    .video {
        height: 415px;
    }
    video {
        margin-top: -175px;
    }
}

/*1280px*/

@media (max-width: 1280px) {
    .video {
        height: 450px;
    }
    video {
        margin-top: -110px;
    }
}

/*1024x*/

@media (max-width: 1024px) {
    .video {
        height: 510px;
    }
    video {
        margin-top: -50px;
    }
}

/*768*/

@media (max-width: 768px) {
    .desktop {
        display: none;
    }
    .mobile {
        display: block;
    }
    .video {
        height: 640px;
    }
    video {
        margin-top: 0px;
    }
    .container {
        background: url(../img/bg_m.jpg) no-repeat fixed center;
        background-size: cover
    }
}

/*640*/

@media (max-width: 640px) {
    .video {
        height: 510px;
    }
}

/*480*/

@media (max-width: 480px) {
    .video {
        height: 380px;
    }
    .date {
        display: block;
    }
    p span .rights {
        margin-top: 20px !important;
    }
    #announce {
        display: block;
        margin-top: 100px;
    }
}

/*414*/

@media (max-width: 414px) {

    .video {
        height: 320px;
    }
    #announce {
        margin-top: 50px;
    }
}

/*375*/

@media (max-width: 375px) {
    .nav img {
        width: 50vw;
    }
    .video {
        height: 240px;
    }

}

/*320*/

@media (max-width: 320px) {
    .vip {
        font-size: 12px;
    }
    #announce {
        margin-top: 60px;
    }
}