@media (max-width: 1199.98px) {

}

@media (max-width: 991.98px) {
    .take-selfie__control {
        position: relative;
        left: 0;
        flex-direction: row;
        justify-content: center;
        margin-bottom: 25px;
    }
    .take-selfie__control.take-selfie__control--img {
        left: 0;
        flex-wrap: wrap;
    }
    .take-selfie__control-group {
        flex-direction: row;
    }
    .take-selfie__control-btn,
    .take-selfie__control-group {
        margin-bottom: 0;
        margin-right: 10px;
    }
    .take-selfie__control-group:not(:last-child)::before {
        height: 26px;
        width: 1px;
        left: auto;
        bottom: auto;
        right: 0;
        top: 50%;
        transform: translate(0, -50%);
    }
    .take-selfie__control-group:last-child,
    .take-selfie__control-group:last-child .take-selfie__control-btn:last-child {
        margin-right: 0;
    }
    .recent-selfies__list {
        padding: 0 0 40px;
    }
    .recent-selfies__item {
/*        width: 32.5%;*/
        width: calc(33.333% - 20px);
        /* padding: 25px; */
    }
    .custom-radio--img {
        margin-right: 15px;
    }
    .take-selfie__control-title {
        flex: 0 0 100%;
        text-align: center;
        padding: 0 0 14px;
    }
    .take-selfie__control.take-selfie__control--right {
        left: auto;
        min-width: auto;
        flex-wrap: wrap;
    }
    .custom-radio__take-photo {
        margin-right: 15px;
    }
}

@media (max-width: 767.98px) {
    .recent-selfies__item {
        width: calc(50% - 20px);
    }
    .recent-selfies__list {
        grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    }
    .home__title {
        font-size: 48px;
        line-height: 58px;
    }
    .take-selfie__control-group {
        margin-right: 0;
    }
    .take-selfie__control-group:not(:last-child)::before {
        display: none;
    }
    .take-selfie__control-btn {
        margin-right: 5px;
    }
    .selfie-avatar {
        width: 280px;
        height: 280px;
        padding: 50px;
    }
    .take-selfie__avatar {
        aspect-ratio: 1 / 1;
        height: auto;
        /* padding: 60px; */
    }
    .take-selfie__form {
        padding: 25px;
    }
}

@media (max-width: 575.98px) {
    .recent-selfies__item {
        width: 100%;
        margin-bottom: 3%;
    }
    .btn-320 {
        min-width: auto;
    }
}

@media (min-width: 576px) {

}

@media (min-width: 768px) {

}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}