.generic #container {
    width: 80%;
    margin: 80px auto 180px auto !important;
}
.generic .video_title {
    display: none;
}
.generic #home_video_play,
.generic #home_video .video_subtitle {
    display: none;
}
@media screen and (max-width: 2600px) {
    /* MENU LOGO */
    .menu_container #logo {
        margin: 40px 0px 0px -40%;
    }
    .menu_container #signat {
        margin: 70px 0px 0px -40%;
    }
    /* MENU ELEMENTS */
    #nav_menu {
        margin: 20px 0px 0px calc(-40% + 340px);
    }
    #nav_menu.active {
        margin: 20px 0px 0px calc(-40% + 240px);
    }
    /* OPTION BUTTON PANEL */
    #option_button_panel {
        right: 10%;
    }
    /* VIDEO */
    #home_video img {
        margin: 330px 0px 0px -15px;
    }
    #home_video.artist .image {
        top: 0px;
        height: 700px;
    }
    #home_video.artist .image img {
        margin: -200px 0px 0px 0px;
    }
    #home_video #content_title {
        margin: 130px 0px 0px -300px;
    }
    #home_video .video_title {
        margin: 240px 0px 0px -300px;
    }
    #home_video .video_subtitle {
        margin: 280px 0px 0px -300px;
    }
    #home_video video {
        width: 3000px;
        margin: -300px 0px 0px 0px;
    }
    /* CONTAINER */
    #container {
        width: 80%;
        margin: 500px auto 180px auto;
    }
    #container.artist {
        margin: 600px auto 180px auto;
    }
}
@media screen and (max-width: 1800px) {
    /* MENU */
    .menu_container,
    .menu_container.active {
        height: 120px;
        box-shadow: 0px 1px 0px 0px rgba(255,255,255,.1);
    }
    /* MENU ELEMENTS */
    #nav_menu {
        margin: 40px 0px 0px calc(-40% + 340px);
    }
    #nav_menu.active {
        margin: 40px 0px 0px calc(-40% + 240px);
    }
    #nav_menu ul .menu .level_1 {
        margin: 0px 20px 0px 0px;
    }
    #nav_menu ul .menu .level_1 i {
        font-style: normal;
    }
    #nav_menu ul .menu .level_2 {
        display: none;
    }
    /* VIDEO */
    #home_video {
        height: 500px;
    }
    #home_video.artist .image {
        top: 0px;
        height: 500px;
    }
    #home_video.artist .image img {
        margin: -100px 0px 0px 0px;
    }
    #home_video.artist #content_title {
        margin: 380px 0px 0px -300px;
    }
/*
    #home_video.artist .video_title {
        margin: 400px 0px 0px -300px;
    }
*/
    #home_video.artist .video_subtitle {
        margin: 390px 0px 0px -300px;
    }
    #home_video video {
        width: 2500px;
        margin: -200px 0px 0px -200px;
    }
    /* WHATSUP */
    #whatsup_container {
        height: 500px;
        bottom: -600px;
    }
    /* CONTAINER */
    #container {
        width: 80%;
        margin: 400px auto 180px auto;
    }
    #container.artist {
        margin: 460px auto 180px auto;
    }

}
@media screen and (max-width: 1280px) {
    /* MENU */
    .menu_container,
    .menu_container.active {
        height: 80px;
    }
    /* MENU LOGO */
    .menu_container #logo {
        width: 120px;
        margin: 20px 0px 0px -45%;
    }
    .menu_container.active #logo {
        margin: 35px 0px 0px -45%;
    }
    .menu_container #signat {
        width: 240px;
        margin: 40px 0px 0px -45%;
        font: 12px/20px 'ProdigySansBold', Arial, sans-serif;
    }
    /* MENU ELEMENTS */
    #nav_menu {
        margin: 25px 0px 0px calc(-45% + 260px);
        padding: 5px 0px 0px 20px
    }
    #nav_menu.active {
        margin: 25px 0px 0px calc(-45% + 140px);
    }
    #nav_menu ul .menu .level_2 {
        margin: -5px 0px 15px 0px;
    }
    /* VIDEO */
    #home_video {
        height: 400px;
    }
    #home_video.artist .image {
        top: 0px;
        height: 400px;
    }
    #home_video.artist .image img {
        width: auto;
        height: 700px;
        left: 50%;
        transform: translate(-50%, 0);
        margin: -200px 0px 0px 0px;
    }
    #home_video.artist #content_title {
        margin: 300px 0px 0px -40%;
    }
/*
    #home_video.artist .video_title {
        margin: 320px 0px 0px -40%;
    }
*/
    #home_video.artist .video_subtitle {
        margin: 310px 0px 0px -40%;
    }
    #home_video video {
        width: 2000px;
        margin: -200px 0px 0px -200px;
    }
    /* OPTION BUTTON PANEL */
    #option_button_panel {
        top: 30px;
        right: 20px;
    }
    /* VIDEO */
    #home_video img {
        margin: 220px 0px 0px -15px;
    }
    #home_video #content_title {
        width: 80%;
        margin: 100px 0px 0px -40%;
        font: 24px/40px 'ProdigySansThin', Arial, sans-serif;
    }
    #home_video .video_title {
        width: 80%;
        margin: 140px 0px 0px -40%;
        font: 24px/40px 'ProdigySansThin', Arial, sans-serif;
    }
    #home_video .video_subtitle {
        width: 80%;
        margin: 180px 0px 0px -40%;
        font: 12px/14px 'ProdigySansBold', Arial, sans-serif;
    }
    /* CONTAINER */
    #container {
        width: 90%;
        margin: 300px auto 180px auto;
    }
    #container.artist {
        margin: 350px auto 180px auto;
    }
    /* CONTENT */
    #container .content {
        width: calc(100% / 2 - 20px);
    }
    #container .content.artist {
        width: calc(100% / 2 - 20px);
    }
    #container .content.playlist {
        width: calc(100% / 2 - 20px);
    }
    #container .content.home_playlist {
        width: calc(100% / 2 - 20px);
    }
    #container .content.home_playlist.single {
        margin-top: 40px;
    }
    #container .content.single,
    #container .content.artist.single,
    #container .content.playlist.single {
        margin-left: calc((100% / 2 - 20px) / -2);
    }
}
@media screen and (max-width: 940px) {
    /* MENU */
    .menu_container {
        height: 60px;
        overflow: visible;
    }
    .menu_container.active {
        height: 45px;
    }
    .menu_container #nav_menu,
    .menu_container.active #nav_menu {
        position: fixed;
        width: 100%;
        height: 0px;
        top: -80px;
        left: 0px;
        margin: 0px;
        padding: 40px;
        background: rgba(0,0,0,.95);
        overflow: hidden;
        opacity: 0;
    }
    /* MENU ICON */
    .menu_container  #menu_icon {
        display: block;
    }
    .menu_container.active #menu_icon {
        width: 25px;
        margin: 10px 0px 0px 5%;
    }
    /* MENU LOGO */
    .menu_container #logo {
        width: 100px;
        margin: 15px 0px 0px calc(-45% + 40px);
    }
    .menu_container.active #logo {
        margin: 15px 0px 0px calc(-45% + 40px);
    }
    .menu_container #signat {
        margin: 30px 0px 0px calc(-45% + 40px);
        font: 10px/20px 'ProdigySansBold', Arial, sans-serif;
    }
    /* MENU ELEMENT */
    #nav_menu ul .menu {
        width: 100%;
    }
    #nav_menu ul .menu .level_1 {
        font: 30px/40px 'ProdigySansThin', Arial, sans-serif;
    }
    #nav_menu ul .menu .level_1.closer {
        width: 80px;
        margin: 20px 0px 0px 0px;
        padding: 5px 0px;
        text-transform: uppercase;
        color: rgba(255,255,255,1);
        text-align: center;
        font: 12px/20px 'ProdigySansBold', Arial, sans-serif;
        box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,.2);
        border-radius: 2px;
        display: block;
    }
    #nav_menu ul .menu .level_2 {
        font: 12px/20px 'ProdigySansBold', Arial, sans-serif;
        display: block;
    }
    /* OPTION BUTTON PANEL */
    #option_button_panel {
        top: 10px;
    }
    /* WHATSUP */
    #whatsup {
        font: 12px/50px 'ProdigySansBold', Arial, sans-serif;
        display: none;
    }
    #whatsup_container .close {
        margin: -55px 0px 0px 0px;
    }
    #whatsup_container {
        width: 90%;
        height: 600px;
        bottom: -650px;
        right: 5%;
        padding: 20px;
    }
    #whatsup_container #whatup_title {
        font: 16px/20px 'ProdigySansBlack', Arial, sans-serif;
    }
    #whatsup_container .content .thumbnail {
        width: 100%;
        height: 200px;
    }
    #home_video video {
        width: 940px;
        margin: 0px 0px 0px 0px;
    }
    /* CONTAINER FILTER */
    #container #filter {
        width: 100%;
    }
    #container #filter_right {
        position: relative;
        right: inherit;
        left: 10px;
    }
    #container .content.clip .thumbnail {
        height: 250px;
    }
    /* FOOTER */
    #menu_bottom,
    footer {
        z-index: 3;
        bottom: 20px;
        left: 20px;
        padding: 10px 20px 10px 20px;
        font: 12px/16px 'ProdigySansSemiBold', Arial, sans-serif;
    }
    #menu_bottom a,
    footer .footer-link {
        color:rgba(255,255,255,.5);
        width: 100%;
        margin: 10px auto;
        cursor: pointer;
        display: block;
    }
    #menu_bottom a:hover,
    footer .footer-link:hover {
        color:rgba(255,255,255,1);
    }
    footer .footer-iplus {
        display: block;
        width: 60px;
        margin: 0 auto;
    }
}
@media screen and (max-width: 720px) {
    /* WHATSUP */
    #whatsup_container {
        height: 400px;
        bottom: -500px;
    }
    /* OPTION BUTTON PANEL */
    #option_button_panel {
        width: 120px;
        right: 10px;
    }
    #option_button_panel div,
    #option_button_panel div:last-child {
        margin: 0px 0px 0px 10px;
    }
    /* CONTENT */
    #container .content {
        width: 100%;
    }
    #container .content.artist,
    #container .content.home_playlist {
        width: 100%;
    }
    #container .content.single,
    #container .content.artist.single,
    #container .content.playlist.single {
        margin-left: calc((100% - 20px) / -2);
        margin-top: 50px;
    }
    /* RIGHT PANEL */
    .right_panel {
        width: 80%;
        right: -100%;
        padding: 100px 0px 60px 40px;
    }
    .right_panel .title_panel {
        margin: -160px 0px 20px 0px;
        font: 20px/24px 'ProdigySansBlack', Arial, sans-serif;
    }
    .right_panel .title_panel img {
        height: 14px;
    }
    .right_panel .section {
        margin: 0px 0px 20px 0px;
        padding: 0px 0px 20px 0px;
        border-bottom: 1px solid rgba(0,0,0,.1)
    }
    .right_panel .section .title_section {
        font: 16px/20px 'ProdigySansBlack', Arial, sans-serif;
    }
    .right_panel .section .bloc .device {
        top: 0px;
        right: 40px;
    }
    .right_panel .section .bloc .device img {
        height: 16px;
    }
    .right_panel .section .bloc .check {
        right: 20px;
    }
    .right_panel .section .bloc .check img {
        width: 14px;
    }
    .right_panel .section .bloc .option {
        right: 0px;
    }
    .right_panel .section .bloc .option .point_option {
        right: 20px;
    }
    .right_panel .section .bloc .option .point_option div {
        width: 6px;
        height: 6px;
        margin: 0px 0px 2px 10px;
        box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,.5), 0px 0px 0px 1px rgba(255,255,255,1);
        border-radius: 200px;
    }
    .right_panel .section .bloc .date {
        color: rgba(0,0,0,.4);
        font: 10px/12px 'ProdigySansBlack', Arial, sans-serif;
    }
    .right_panel .section .bloc .label {
        width: 80%;
        font: 10px/12px 'ProdigySansBlack', Arial, sans-serif;
    }
    .right_panel .section .bloc .label span {
        font: 10px/12px 'ProdigySansThin', Arial, sans-serif;
    }
    .right_panel.search input {
        width: 80%;
        margin: 0px 0px 10px 0px;
    }
    .right_panel.search .content {
        width: 100%;
        margin: 0px 0px 10px -20px;
    }
    .right_panel.search .content .thumbnail {
        width: 90px;
    }
    .right_panel.search .content .thumbnail img.play_thumb {
        width: 20px;
        left: 50%;
        top: 50%;
        margin: -10px 0px 0px -10px;
    }
    .right_panel.search .content .title {
        margin: 10px 0px 0px 0px;
        font: 12px/16px 'ProdigySansBlack', Arial, sans-serif;
    }
    .right_panel.search .content .created {
        font: 10px/10px 'ProdigySansBold', Arial, sans-serif;
    }
    #container .content.clip .thumbnail {
        height: 200px;
    }
    /* TOAST */
    #toast {
        width: 80%;
        height: 80px;
        left: 10%;
    }
    /* OPTIONS */
    #playlist_action {
        width: 100%;
        margin: -155px 0px 0px -50%;
        padding: 20px;
    }
    /* PLAYER */
    #player {
        z-index: 12;
        width: 100%;
        height: 100%;
        left: 0px;
        bottom: 0px;
        padding: 20px 0px;
        border-radius: 0px;
        background: rgba(255,255,255,.95);
        overflow-y: scroll;
    }
    #player.hidden {
        width: 100%;
        height: 400px;
        bottom: -300px;
        left: 0px;
    }
    #player.close {
        left: -100%;
    }
    #player .close {
        width: 25px;
        height: 25px;
        right: 20px;
        font: 10px/25px 'ProdigySansBold', Arial, sans-serif;
    }
    #player .big {
        display: none;
    }
    #player .push {
        width: 25px;
        height: 25px;
        right: 55px;
    }
    #player .title {
        font: 20px/24px 'ProdigySansBlack', Arial, sans-serif;
    }
    #player .artist {
        font: 16px/20px 'ProdigySansThin', Arial, sans-serif;
    }
    #home_video video {
        width: 800px;
        margin: 0px 0px 0px 0px;
    }
    #player #player_container {
        width: 100%;
        height: auto;
        margin: 0px;
    }
    #player #player_container #video_container {
        position: static;
        width: 100%;
        height: auto;
    }
    #player #clip_infos {
        margin-left: 15px;
    }
    #player #choice {
        position: absolute;
        bottom: 0px;
    }
    /* FOLLOW */
    #follow,
    #follow.hidden,
    #follow.close {
        left: -200%;
    }
    #follow.active {
        position: fixed;
        z-index: 13;
        width: calc(100% - 80px);
        height: calc(100% - 80px);
        left: 40px;
        top: 40px;
        border-radius: 0px;
        opacity: 1;
        box-shadow: 0px 0px 0px 100px rgba(0,0,0,.8);
        display: block;
    }
    #follow #follow_header {
        width: calc(100% - 80px);
    }
    #content_add_form {
        width: 100%;
        left: 0;
        margin: 0;
    }
    /* FOOTER */
    #menu_bottom,
    footer {
        width: 100%;
        left: 0px;
        bottom: 0px;
        background: rgba(0,0,0,0.5);
        font: 10px/14px 'ProdigySansSemiBold', Arial, sans-serif;
        box-shadow: 0px -1px 0px 0px rgba(255,255,255,.2);
    }
}
@media screen and (max-width: 480px) {
    /* VIDEO */
    #home_video {
        height: 300px;
    }
    #home_video.artist .image {
        height: 300px;
    }
    #home_video video {
        width: 700px;
        margin: 0px 0px 0px -200px;
    }
/*
    #home_video.artist .video_title {
        margin: 150px 0px 0px -40%;
    }
*/
    #home_video .video_title {
        margin: 100px 0px 0px -40%;
        font: 20px/30px 'ProdigySansThin', Arial, sans-serif;
    }
    #home_video .video_subtitle {
        margin: 130px 0px 0px -40%;
        font: 10px/14px 'ProdigySansBold', Arial, sans-serif;
    }
    #home_video img {
        margin: 180px 0px 0px -15px
    }
    /* CONTAINER */

    .generic #container {
        width: 100% !important;
    }
    #container {
        margin: 50px auto 50px auto;
    }
}