@media (max-width: 700px) {
    .preview {
        flex-direction: column-reverse;
    }
    .player {
        width: 100%;
        padding-bottom: 56.3%;
    }
    .controls {
        justify-content: center;
    }
    .slider-navigation {
        display: none;
    }
}

@media (max-width: 500px) {
    .tab-btn {
        height: 40px;
        padding: 7px 15px;
        font-size: 15px;
    }
    .gallery {
        width: 85%;
        padding: 5px 0 45px 0;
    }
}

@media (max-width: 374px) {
    h1 {
        margin-bottom: 20px;
        font-size: 28px;
    }
    .btn {
        height: 43px;
        padding: 9px 20px;
    }
    .preview {
        row-gap: 28px;
    }
    .tab-btn {
        height: 35px;
        padding: 7px 10px;
    }
}