@media (min-width: 0) {
    .reviews {
        padding: 70px 0 70px 0;
        color: #fff;
        background-color: #1f1c1a;
    } 
    .reviews__modal-inner video {
        width: 100%;
    }
    .reviews-list {
        display: flex;
        overflow-x: scroll;
        margin: 30px 0 0 0;
        padding: 0 0 30px 0;
    }
    .reviews-list__item {
        min-width: 220px;
        margin: 0 0 0 20px;
    }
    .reviews-list__image {
        max-width: 100%;
    }
    .reviews__title {
        font-size: 26px;
        font-family: 'GothamBook';
    }
    .reviews__name {
        font-size: 20px;
        font-family: 'GothamMedium';
        padding: 30px 0 0 0;
    }
    .reviews__paragraph {
        font-size: 16px;
        padding: 20px 0 0 0;
        line-height: 1.3;
    }
    .reviews-list__item:not(:first-of-type) {
        margin: 0 0 0 40px;
    }
    .reviews-list__item:last-of-type {
        margin: 0 20px 0 40px;
    } 
    .reviews-list__button {
        margin: 20px 0 0 0;
        color: #2d2926;
        background-color: #f2ddde;
        border-radius: 5px;
        padding: 10px 20px;
        font-family: 'GothamMedium';
        box-sizing: content-box;
        transition: 300ms;
    }
    .reviews-list__button:hover {
        background: none;
        color: #f2ddde;
        outline: 2px solid #f2ddde;
        transition: 300ms;
    }

    .reviews__modal {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        z-index: 50;
        display: none;
        justify-content: center;
        align-items: center;
        overflow-y: scroll;
    }
    .reviews__modal-bg {
        width: 100vw;
        height: 100vh;
        background-color: rgba(0, 0, 0, 0.535);
        position: fixed;
        top: 0;
        z-index: -1;
    }
    .reviews__modal-inner {
        width: 85%;
        position: relative;
        margin: 0 auto;
    }
    /* .reviews__modal-inner iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    } */
    
}

@media (min-width: 480px) {
    .reviews-list__item {
        min-width: 260px;
    }
}

@media (min-width: 640px) {
    .reviews {
        padding: 100px 0 70px 0;
    }
    .reviews__title {
        font-size: 46px;
    }
}

@media (min-width: 958px) {
    .reviews-list {
        justify-content: space-between;
        overflow-x: auto;
        max-width: 920px;
        margin: 30px auto 0 auto;
    }
    .reviews-list__item {
        min-width: 200px;
        width: 200px;
    }
    .reviews-list__item {
        margin: 0 0 0 0;
    }
    .reviews-list__item:not(:first-of-type) {
        margin: 0 0 0 20px;
    }
    .reviews-list__item:last-of-type {
        margin: 0 0 0 20px;
    }
}

@media (min-width: 1200px) {
    .reviews {
        padding: 130px 0 70px 0;
    }
    .reviews-list {
        margin: 50px auto 0 auto;
        max-width: 1120px;
    }
    .reviews-list__item {
        width: 240px;
    }
}

@media (min-width: 1700px) {
    .reviews {
        padding: 230px 0 100px 0;
    }
    .reviews__title {
        font-size: 55px;
    }
    .reviews-list {
        max-width: 1400px;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-gap: 40px;
    }
    .reviews-list__item {
        width: 100%;
    }
    .reviews-list__item:not(:first-of-type) {
        margin: 0 0 0 0;
    }
    .reviews__name {
        font-size: 26px;
    }
    .reviews__paragraph {
        font-size: 20px;
    }
    .reviews-list__button {
        font-size: 20px;
    }
}