.player {
    width: 100%;
}
    
@media screen and (max-width: 850px) {
    .product {
        width: 100%;
    }
    .video .overlay .progress {
        font-size: 1.2em;
    }
    .product H1 {
        font-size: 0.7em;
        text-align: center;
        line-height: 15px;
    }
    .product H1 span {
        width: 100%;
        display: block;
    }
    .promo {
        width: 100%;
    }
}

@media screen and (max-width: 850px) {
    .promo .item {
        width: 32%;
        margin: 20px 0 0 1%;
    }
}
    
@media screen and (max-width: 480px) {
    .promo .item {
        width: 90%;
        margin: 10px 0 0 5%;
    }
}