@media only screen and (max-width: 320px) {
    .mp4_player , #icon_play , #img_logo {
        width: 100px;
        height: 100px;
    }
}
@media (min-width: 321px) and (max-width:399px) {
    .mp4_player , #icon_play , #img_logo {
        width: 330px;
    height: 186px;
    }
}
@media (min-width: 400px) and (max-width:479px) {
    .mp4_player , #icon_play , #img_logo {
        width: 370px;
    height: 209px;
    }
}

@media (min-width: 480px) and (max-width:550px) {
    .mp4_player , #icon_play , #img_logo {
        width: 445px;
    height: 250px;
    }
}
@media (min-width: 551px) and (max-width:599px) {
    .mp4_player , #icon_play , #img_logo {
        width: 510px;
    height: 287px;
    }
}
@media (min-width: 600px) and (max-width:650px) {
    .mp4_player , #icon_play , #img_logo {
        width: 550px;
    height: 310px;
    }
}
@media (min-width: 651px) and (max-width:699px) {
    .mp4_player , #icon_play , #img_logo {
        width: 621px;
    height: 350px;
    }
}
@media (min-width: 700px) and (max-width:767px) {
    .mp4_player , #icon_play , #img_logo {
        width: 645px;
    height: 363px;
    }
}



@media (min-width:768px) {
    .mp4_player , #icon_play , #img_logo {
        width: 735px;
        height: 414px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .mp4_player , #icon_play , #img_logo {
        width: 735px;
        height: 414px;
    }
}

@media (min-width:992px) {
    .mp4_player , #icon_play , #img_logo {
        width: 750px;
        height: 422px;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .mp4_player , #icon_play , #img_logo {
        width: 750px;
        height: 422px;
    }
}

@media (min-width:1200px) {
    .mp4_player , #icon_play , #img_logo {
        width: 750px;
        height: 422px;
    }
}