@media screen and (max-width: 500px)/* and (min-width: 769px)*/ {
    #debug .res.mobile {
        display: block;
    }
    #debug .res.tablet {
        display: none;
    }
    
    
    
    .block.header-block .menu-plate {
        position: fixed;
        right: 0;
        top: 0;
        bottom: 0;
        padding: 90px 25px 50px 50px;
        z-index: 1;

        background-color: rgba(0,0,0, 0.88);
        border-radius: 0;
    }
    .block.header-block .menu-plate .menu-items {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        text-align: right;
    }

    
    .block.about-block .block-title,
    .block.features-block .block-title,
    .block.app-block .block-title,
    .block.contacts-block .block-title {
        font-size: 26px;
        line-height: 1.69em;
        letter-spacing: 0.125em;
    }
    
    .block.app-block .back img {
        max-width: none;
        width: 117%;
    }
}

@media screen and (max-width: 410px) {
    
    .block.about-block .bt-text p:nth-child(1) {
        font-size: 22px;
    }
    .block.about-block .bt-text p:nth-child(2) {
        font-size: 20px;
    }
    .block.about-block .bt-text p:nth-child(3) {
        font-size: 17px;
    }
    .block.about-block .bt-text p:nth-child(4) {
        font-size: 26px;
        margin: 0;
        text-align: right;
    }
    
    
    .form-row .field {
        padding: 12px 20px 10px 20px;
    }
    .form-row .field.i-phone-number {
        padding: 12px 20px 10px 20px;
    }
    .form-row .form-field .select2-container--default .select2-selection--single {
        padding: 12px 20px 10px 20px;
    }
    .form-row .form-field .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 16px;
        right: 16px;
    }
    .select2-container--default .select2-results__option {
        padding: 12px 20px 10px 20px;
    }
    .select2-container--default .select2-search--dropdown .select2-search__field {
        padding: 12px 20px 10px 20px;
    }
    .form-row .btn {
        padding: 17px 20px 15px 20px;
    }
}
@media screen and (max-width: 360px) {
    .block.about-block .bt-text p:nth-child(4) {
        font-size: 24px;
    }
}