@media screen and (max-width: 810px)/* and (min-width: 769px)*/ {
    #debug .res.table {
        display: block;
    }
    #debug .res.small {
        display: none;
    }
    
    
    body > .block  .wrapper {
        max-width: 500px;
        
    }
    
    
    .block.header-block {
        padding-top: 15px;
    }
    .block.header-block .menu.opened .menu-icon img {
        transform: scale(1.1);
    }
    .block.header-block .menu:hover .menu-plate {
        display: none;
    }
    .block.header-block .menu.opened .menu-plate {
        display: block !important;
    }
    /*.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.top-block .content {
        padding-top: 50px;
    }
    .block.top-block .content .page-title {
        font-size: 18px;
    }
    .block.top-block .content .logo {
        max-width: 50%;
    }
    .block.top-block .content .plane {
        max-width: 90%;
    }
    .block.top-block .content p {
        font-size: 14px;
        line-height: 2em;
    }
    .block.top-block .content .i-plane {
        width: 24px;
    }
    .block.top-block .content .i-dot {
        width: 3px;
    }
    
    
    
    .block.about-block .block-title {
        font-size: 30px;
    }
    .block.about-block p {
        font-size: 14px;
    }
    .block.about-block .cols {
        flex-direction: column !important;
        align-items: stretch;
    }
    .block.about-block .cols .col {
        flex-basis: 100%;
        flex-grow: 1;
        padding: 0 0 30px 0 !important;
    }
    .block.about-block .bt-text {
        width: 100%;
        overflow: hidden;
    }
    .block.about-block .bt-text p:nth-child(1) {
        font-size: 26px;
    }
    .block.about-block .bt-text p:nth-child(2) {
        font-size: 21px;
    }
    .block.about-block .bt-text p:nth-child(3) {
        font-size: 18px;
    }
    .block.about-block .bt-text p:nth-child(4) {
        font-size: 30px;
    }
    .block.about-block.p1 {
        padding-bottom: 0;
    }
    .block.about-block.p2 {
        padding-top: 0;
    }
    .block.about-block.p3 .back-st .plane {
        max-width: 100%;
    }
    .block.about-block.p3 .wrapper {
        margin-top: 0;
    }
    .block.about-block.p3 .back img {
        height: 60%;
        bottom: 40%;
        right: -50%;
    }
    
    
    
    .block.features-block .details {
        display: none;
    }
    .block.features-block .items {
        flex-direction: column;
        align-items: stretch;
    }
    .block.features-block .items .item {
        display: flex !important;
        width: 100%;
        flex-wrap: wrap;
    }
    .block.features-block .items .item .icon,
    .block.features-block .items .item.old-current .icon {
        width: 40px;
        transition: width 0.3s linear;
    }
    .block.features-block .items .item .caption,
    .block.features-block .items .item.old-current .caption {
        font-size: 14px;
        font-weight: 400;
        transition: all 0.3s linear;
    }
    .block.features-block .items .item .text {
        display: none;
        padding-top: 10px;
        
        font-size: 14px;
        line-height: 2em;
        letter-spacing: 0.125em;
    }
    .block.features-block .items .item.new-current .icon,
    .block.features-block .items .item.current .icon {
        width: 60px;
    }
    .block.features-block .items .item.new-current .caption,
    .block.features-block .items .item.current .caption {
        font-weight: 600;
        font-size: 14px;
        line-height: 1.69em;
        letter-spacing: 0.225em;
        text-transform: uppercase;
    }
    .block.features-block .items .item.current .text {
        display: block;
    }
    
    
    
    
    .block.app-block {
        padding-top: 60px;
        padding-top: 60px;
    }
    .block.app-block .block-title {
        font-size: 30px;
    }
    .block.app-block .back img {
        max-width: 510px;
        width: 117%;
    }
    .block.app-block .items {
        padding-top: 30px;
        
        flex-direction: column;
        align-items: stretch;
        row-gap: 30px;
        grid-row-gap: 30px;
    }
    .block.app-block .items .item {
        padding: 0 !important;
        width: auto;
        flex-direction: row !important;
        column-gap: 25px;
        grid-column-gap: 25px;
        
        text-align: left !important;
    }
    .block.app-block .items .item:nth-child(3) {
        padding-bottom: 300px !important;
    }
    .block.app-block .items .item .icon {
        width: 35px;
    }
    .block.app-block .items .item .caption {
        padding: 0 !important;
        max-width: none !important;
        width: auto;
        flex-grow: 1;
        
        font-size: 14px;
    }
    
    
    
    
    .block.contacts-block .block-title {
        font-size: 30px;
    }
    .block.contacts-block .cols {
        flex-direction: column;
        row-gap: 80px;
        grid-row-gap: 80px;
        align-items: stretch;
    }
    .block.contacts-block .cols .col-x1-2 {
        row-gap: 30px;
        grid-row-gap: 30px;
    }
    .block.contacts-block .contact-row {
        font-size: 14px;
    }
    .block.contacts-block .logo {
        
    }
    .block.contacts-block .logo img {
        margin: 0 auto;
    }
    .block.contacts-block .copy {
        max-width: 70%;
        margin: 65px auto 0 auto;
    }
    
    .form-row {
        column-gap: 15px;
        grid-column-gap: 15px;
    }
    .form-row .form-error {
        left: 35px;
        
        font-size: 14px;
    }
    .form-row .form-field.field-code {
        width: 140px;
    }
    .form-row .field {
        padding: 12px 35px 10px 35px;
        height: 60px;
        font-size: 18px;
        line-height: 1.7em;
        border-radius: 30px;
    }
    .form-row .field.i-phone-number {
        padding: 12px 35px 10px 35px;
    }
    .form-row .form-field .select2-container--default .select2-selection--single {
        padding: 12px 35px 10px 35px;;
        height: 60px;
        font-size: 18px;
        line-height: 1.7em;
        border-radius: 30px;
    }
    .form-row .form-field .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
        border-radius: 0 0 30px 30px;
    }
    .form-row .form-field .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
        border-radius: 30px 30px 0 0;
    }
    .form-row .form-field .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 16px;
        right: 30px;
    }
    .form-row .form-field .select2-container--default .select2-selection--single .select2-selection__arrow b {
        border-color: #fff transparent transparent transparent;
        border-width: 7px 6px 0 6px;
        margin-left: -6px;
        margin-top: -3px;
    }
    .form-row .form-field .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
        border-color: transparent transparent #fff transparent;
        border-width: 0px 6px 7px 6px;
    }
    .select2-container--default .select2-dropdown {
        font-size: 18px;
        line-height: 1.7em;
    }
    .select2-container--default .select2-dropdown.select2-dropdown--above {
        border-radius: 30px 30px 0 0;
    }
    .select2-container--default .select2-dropdown.select2-dropdown--below {
        border-radius: 0 0 30px 30px;
    }
    .select2-container--default .select2-results > .select2-results__options {
        max-height: calc(3 * 60px);
    }
    .select2-container--default .select2-results__option {
        padding: 12px 30px 10px 30px;
    }
    .select2-container--default .select2-search--dropdown .select2-search__field {
        padding: 12px 30px 10px 30px;
        
        font-size: 18px;
        line-height: 1.7em;
        border-radius: 30px 30px 0 0;
    }
    .form-row .btn {
        height: 80px;
        padding: 17px 35px 15px 35px;
        font-size: 18px;
        line-height: 1.7em;
        border-radius: 40px;
    }
    .form.processing .form-row .btn:after {
        width: 40px;
    }
}
