@media (min-width: 0px) {
    .award {
        background-color: #1f1c1a;
    }
    .award__inner {
        color: #fff;
        padding: 70px 0;
    }
    .award__title {
        font-size: 26px;
        font-family: "GothamBook";
    }
    .award__paragraph {
        font-size: 16px;
        line-height: 1.55;
    }
    .award__paragraph:not(:first-of-type) {
        max-width: 80%;
        margin: 20px 0 0 0;
    }
    .award__paragraph span {
        font-family: "GothamMedium";
    }
    .active-button--light {
        background-color: #f2ddde;
        color: #2d2926;
    }
    .active-button__dot--light {
        background-color: #1a1818;
    }
    .award__paragraph a {
        color: #fff;
        border-bottom: 1px solid #fff;
        cursor: pointer;
    }
    .award__image-block {
        position: relative;
        margin: 60px 0 120px 0;
    }
    .award__image {
        max-width: 100%;
        border-radius: 5px;
    }
    .award__image-icon {
        position: absolute;
        bottom: -25%;
        right: -12%;
    }
    .award__effect {
        width: 250px;
    }
    .award__icon-text {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 160px;
        color: #2d2926;
        font-size: 15px;
        font-family: 'GothamMedium';
        text-align: center;
        position: absolute;
        top: 32%;
        left: 25%;
    }
    .award__icon-logo {
        max-width: 120px;
    }
    .award__icon-text p {
        padding: 10px 0 0 0;
    }
    .award__inner .active-button {
        width: 100%;
        margin: 30px 0;
    }
    .award__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;
    }
    .award__modal-bg {
        width: 100vw;
        height: 100vh;
        background-color: rgba(0, 0, 0, 0.535);
        position: fixed;
        top: 0;
        z-index: -1;
    }
    .award__modal-inner {
        width: 85%;
        /* padding: 0px 0px 54.4% 0px; */
        position: relative;
    }
    .award__modal-inner video {
        width: 100%;
    }
    /* .award__modal-inner iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    } */
}

@media (min-width: 480px) {
    .award__inner {
        padding: 100px 0 70px 0;
    }
    .award__image-icon {
        bottom: -17%;
        right: -7%;
    }
    .award__effect {
        width: 300px;
    }
    .award__icon-text {
        width: 190px;
    }
    .award__icon-logo {
        max-width: 150px;
    }
    .award__icon-text p {
        line-height: 1.55;
    }
    .award__description-block {
        background-color: #2d2926;
        padding: 40px;
        border-radius: 10px;
    }
    .award__image-block {
        margin: 60px 0 60px 0;
    }
}

@media (min-width: 640px) {
    .award__title {
        font-size: 46px;
    }
    .award__effect {
        width: 400px;
    }
    .award__icon-text {
        width: 230px;
        top: 31%;
        left: 28%;
    }
    .award__icon-logo {
        max-width: none;
        width: 200px;
    }
    .award__icon-text p {
        font-size: 22px;
    }
    .award__image-block {
        margin: 60px 0 90px 0;
    }
    .award__paragraph {
        font-size: 22px;
    }
}

@media (min-width: 958px) {
    .award__inner {
        position: relative;
        padding: 150px 0 70px 0;
    }
    .award__image {
        max-width: none;
        width: 100%;
    }
    .award__description-block {
        position: absolute;
        bottom: 100px;
        right: 0;
        width: 490px;
    }
    .award__paragraph:not(:first-of-type) {
        max-width: 100%;
    }
    .award__image-icon {
        right: auto;
        bottom: -10%;
    }
    .award__image-block {
        margin: 80px 0 90px 0;
    }
}

@media (min-width: 1200px) {
    .award__description-block {
        width: 500px;
    }
}

@media (min-width: 1700px) {
    .award__inner {
        padding: 220px 0 150px 0;
    }
    .award__title {
        font-size: 55px;
    }
    .award__effect {
        width: 500px;
    }
    .award__icon-logo {
        width: 230px;
    }
    .award__icon-text {
        width: 280px;
    }
    .award__icon-text p {
        font-size: 27px;
    }
    .award__description-block {
        width: 650px;
    }
    .award__paragraph {
        font-size: 27px;
    }
}