@media only screen and (max-device-width: 4000px) {
    .player-window {
        width: 100%;
        height: 400px;
    }

    .info-section {
        margin: 30px 5%;
    }
}

@media only screen and (max-device-width: 1024px) {
    .player-window {
        width: 100%;
        height: 250px;
    }
}

@media only screen and (max-device-width: 768px) {
    .player-window {
        width: 100%;
        height: 220px;
    }
}

@media only screen and (max-device-width: 600px) {
    .player-window {
        width: 100%;
        height: 300px;
    }
}

@media only screen and (max-device-width: 480px) {
    .player-window {
        width: 100%;
        height: 230px;
    }
}

@media only screen and (max-device-width: 414px) {
    .player-window {
        width: 100%;
        height: 200px;
    }
}

@media only screen and (max-device-width: 375px) {
    .player-window {
        width: 100%;
        height: 200px;
    }
}

@media only screen and (max-device-width: 360px) {
    .player-window {
        width: 100%;
        height: 400px;
    }
}

@media only screen and (max-device-width: 320px) {
    .player-window {
        width: 100%;
        height: 200px;
    }
}