:root {
    --gold: #d4af37;
    --bg: #F4F7F6;
    --text: #1D1D1F;
    --text-w: #F4F7F6;
    --gold2: #ffb93e;
    --gold-old: #FBA818;
    --btn-gold: #CE8404;
    --line-gold: rgba(251, 167, 22, 0.4);
    --text-input: #111111;
    --line: rgba(29, 29, 31, 0.3);
    --line2: rgba(29, 29, 31, 0.1);
    --footer-text: #8F9996;
    --gray-bl: #E7E9EB;
}

@media screen and (max-width: 1600px) {
    .container {
        width: 80%;
    }
    .address .info-block .address-info {
        width: 33%;
    }
    .address .map {
        width: 67%;
    }
    .price .info-block .block {
        min-height: 505px;
    }
    .slick-slide {
        margin: 0 25px!important;
    }
    .application .block {
        margin: 0 54px;
    }
}

@media screen and (max-width: 1450px) {
    .WhyWe .info-block .block,
    .documents .info-block .block {
        width: 48%;
        margin-right: 0!important;
    }
    .avtopilot-system .info-block .panel {
        padding: 72px 35px 0 0;
    }
    .avtopilot-system .info-block .info {
        padding: 72px 0 72px 35px;
    }
    .avtopilot-system h1,
    .admin h1 {
        font-size: 45px;
    }
    .avtopilot-system .btn {
        font-size: 16px;
    }
    .slick-slide {
        margin: 0 20px!important;
    }
    .application .block {
        margin: 0 48px;
    }
}

@media screen and (max-width: 1366px) {
    .slick-slide {
        margin: 0 14px!important;
    }
    h1 {
        font-size: 52px;
    }
    h2 {
        font-size: 30px;
    }
    .price .info-block .block .text .info .desc {
        font-size: 16px;
    }
    .price .info-block .block {
        min-height: 500px;
    }
    .price .info-block .block .text .info .money {
        font-size: 34px;
    }
    .price .info-block .block {
        padding: 35px 30px;
    }
    .application .block {
        margin: 0 44px;
    }
    .modal .modal-dialog .modal-content .modal-body .stock .stock-animation {
        top: -50px;
    }
}

@media screen and (max-width: 1280px) {
    .process .info-block .block:nth-of-type(2n) .img {
        margin-left: 100px;
    }
    .process .info-block .block .img {
        margin-right: 100px;
    }
    .WhyWe .info-block .block,
    .documents .info-block .block {
        width: 49%;
    }
    .price .info-block .block .text h2 {
        min-height: 110px;
    }
}

@media screen and (max-width: 1200px) {
    body {
        font-size: 16px;
    }
    h1 {
        font-size: 50px;
    }
    h2 {
        font-size: 29px;
    }
    .slick-slide {
        margin: 0 8px!important;
    }
    .address .map {
        width: 62%;
    }
    .address .info-block .address-info {
        width: 38%;
    }
    footer .footer .logo span,
    footer .footer .info ul li .data-text {
        font-size: 30px;
    }
    footer .footer .info ul li .info-text {
        font-size: 18px;
    }
    .application .block {
        margin: 0 40px;
    }
    header .header .info .logo .logo-text {
        font-size: 34px;
    }
    .price .info-block .block {
        min-height: 480px;
    }
    .process .info-block .block .img {
        width: 490px;
        height: 328px;
    }
    .WhyWe .info-block .block .block-min {
        padding: 32px;
    }
    .avtopilot-system .btn {
        padding: 8px 15px;
    }
    .avtopilot-system .info-block .panel,
    .avtopilot-system .info-block .info {
        width: 50%;
    }
}

@media screen and (max-width: 1100px) {
    .price .info-block .block .text h2 {
        min-height: 75px;
    }
    .price .info-block .block:hover .text h2 {
        min-height: 90px;
    }
    .process .info-block .block .img {
        margin-right: 80px;
    }
    .process .info-block .block:nth-of-type(2n) .img {
        margin-left: 80px;
    }
    h1 {
        font-size: 48px;
    }
    h2 {
        font-size: 28px;
    }
    h3 {
        font-size: 23px;
    }
    footer .footer .logo span {
        display: none;
    }
    footer .footer .logo {
        flex: none;
    }
    footer .footer .logo span,
    footer .footer .info ul li .data-text {
        font-size: 28px;
    }
    .address .info-block {
        flex-wrap: wrap;
    }
    .address .map,
    .address .info-block .address-info {
        width: 100%;
    }
    .address .info-block .address-info {
        border-radius: 10px;
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        width: 80%;
        margin: 0 auto;
        margin-bottom: 36px;
        transform: translate3d(35px, 0, 0);
        order: 1;
    }
    .address .map {
        height: 450px;
        order: 2;
    }
    .application .block form,
    .modal .modal-body form {
        flex-wrap: wrap;
    }
    .application .block form input:nth-of-type(1),
    .application .block form input:nth-of-type(2),
    .modal .modal-body form input:nth-of-type(1),
    .modal .modal-body form input:nth-of-type(2) {
        width: 49%;
        margin-right: 0;
        flex: none;
        position: relative;
    }
    .application .block form input[type='button'],
    .modal .modal-body form input[type='button'] {
        margin-top: 10px;
    }
    .admin .info-block .panel {
        padding-right: 30px;
    }
    .admin .info-block .info {
        padding-left: 30px;
    }
}

@media screen and (max-width: 1050px) {
    .process .info-block .block .img {
        width: 430px;
        height: 300px;
    }
    .WhyWe .info-block .block .block-min {
        padding: 20px;
    }
    section h1 {
        width: 100%;
    }
    h1 {
        font-size: 45px;
    }
    h2 {
        font-size: 27px;
    }
    h3 {
        font-size: 20px;
    }
    .application .block form input,
    .modal .modal-body form input {
        font-size: 16px;
    }
    .reviews .info-block .block {
        padding: 20px;
    }
    .reviews .info-block .block .img {
        width: 90px;
        height: 90px;
    }
    .reviews .info-reviews {
        margin-top: 36px;
    }
    .modal .modal-dialog .modal-content .modal-body .stock .stock-animation .img {
        transform: scale(0.8);
    }
    .modal .modal-dialog .modal-content .modal-body .stock .stock-animation {
        top: -80px;
    }
    .enroll .info-block form .desc span {
        margin-right: 40px;
        font-size: 20px;
    }
}

@media screen and (max-width: 1000px) {
    header .header {
        margin-bottom: 60px;
    }
    header {
        height: auto;
        min-height: auto;
    }
    .process .info-block .block .img .num {
        font-size: 80px;
    }
    .process .info-block .block .img .num {
        right: -45px;
        bottom: -45px;
    }
    .process .info-block .block:nth-of-type(2n) .img .num {
        left: -45px;
    }
    .process .info-block .block .img {
        width: 400px;
        height: 260px;
    }
    .price .info-block .block {
        min-height: 460px;
    }
    header .header .info .logo .logo-text {
        font-size: 30px;
    }
    h1 {
        font-size: 42px;
    }
    header .info-block h1 {
        width: 100%;
    }
    .enroll .info-block form .desc .inputAll {
        flex-direction: column;
    }
    .enroll .info-block form .desc input, .enroll .info-block form .desc:nth-of-type(3) .inputAll select, .admin .info-block form select {
        width: 100%;
    }
    .enroll .info-block form .desc input, .enroll .info-block form .desc:nth-of-type(3) .inputAll select {
        margin-bottom: 5px;
    }
    .enroll .info-block form .desc:nth-of-type(3) .inputRadio {
        flex-direction: row;
    }
    .enroll .info-block form .desc:nth-of-type(3) .inputRadio div label {
        padding: 8px 10px;
        width: 30%;
    }
    .admin .info-block .info .block .student-functions .form-student .form2-student ul li .textLabel > span, .admin .info-block .info .block .student-functions .form-student .form3-student ul li > a, .enroll .info-block form .desc .inputAll input, .enroll .info-block form .desc .inputAll select, .admin .info-block form select, .admin .info-block .info .block .student-functions .form-student .form-edit .additionally-block .block-dop span, #block-remove ul li a,
    .enroll .info-block form .desc input, .enroll .info-block form .desc:nth-of-type(3) .inputAll select {
        font-size: 16px;
    }
    .avtopilot-system .info-block .panel .function .block {
        padding: 15px;
    }
    .avtopilot-system .btn {
        padding: 8px 10px;
    }
    .avtopilot-system .d-t {
        font-size: 12px;
    }
}

@media screen and (max-width: 950px) {
    .process .info-block .block .img {
        margin-right: 60px;
    }
    .process .info-block .block:nth-of-type(2n) .img {
        margin-left: 60px;
    }
    .reviews .info-block .block h3 {
        margin-bottom: 10px;
    }
    footer .footer .info .additionally .img-block-studio {
        height: 33px;
    }
    footer .footer .logo span,
    footer .footer .info ul li .data-text {
        font-size: 27px;
    }
    footer .footer .logo .img {
        width: 115px;
        height: 100px;
    }
    .avtopilot-system .info-block .panel {
        width: 40%;
    }
    .avtopilot-system .info-block .info {
        width: 60%;
    }
    .avtopilot-system h1,
    .admin h1 {
        font-size: 30px;
    }
    .avtopilot-system .info-block,
    .admin .info-block {
        flex-wrap: wrap;
    }
    .avtopilot-system .info-block .panel,
    .avtopilot-system .info-block .info,
    .admin .info-block .panel,
    .admin .info-block .info {
        width: 100%;
    }
    .avtopilot-system .info-block .panel {
        border: 0;
        padding: 40px 0;
        height: auto;
    }
    .avtopilot-system .info-block .info {
        padding: 0 0 72px 0;
    }
    .avtopilot-system h1,
    .admin h1 {
        font-size: 40px;
    }
    .avtopilot-system .info-block .panel .function {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        height: 300px!important;
    }
    .avtopilot-system .info-block .panel .function .block {
        width: 48%;
        margin-top: 0;
        margin-bottom: 15px;
    }
    .avtopilot-system .info-block .info .view-video-block {
        height: auto;
        max-height: 500px;
    }
    .admin .info-block .panel {
        border: 0;
        padding: 0 0 20px 0;
    }
    .admin .info-block .info {
        padding-left: 0;
        border-top: 1px solid var(--line);
        padding-top: 20px;
    }
}

@media screen and (max-width: 900px) {
    .WhyWe .info-block .block,
    .documents .info-block .block {
        width: 100%;
    }
    .WhyWe .info-block .block .block-min {
        padding: 32px;
    }
    .WhyWe .info-block .block:first-of-type,
    .documents .info-block .block:first-of-type {
        margin-top: 0;
    }
    .WhyWe .info-block .block {
        margin-top: 20px;
    }
    .WhyWe .info-block .block .block-min span {
        text-transform: uppercase;
    }
    .process .info-block .block .img {
        width: 300px;
        height: 190px;
    }
    .process .info-block .block .img .num {
        font-size: 70px;
    }
    .process .info-block .block .img .num {
        right: -35px;
        bottom: -42px;
    }
    .process .info-block .block:nth-of-type(2n) .img .num {
        left: -35px;
    }
    .process .info-block .block .info .text {
        margin-top: 32px;
    }
    h1,
    .avtopilot-system h1,
    .admin h1 {
        font-size: 40px;
    }
    h2 {
        font-size: 25px;
    }
    footer .footer .info ul li .info-text {
        font-size: 16px;
        width: 50%;
    }
    footer .footer .info ul li .data-text {
        font-size: 22px;
    }
    footer .footer .logo .img {
        width: 105px;
        height: 95px;
    }
    section .WhyWe h1,
    section .documents h1 {
        margin-bottom: 54px;
    }
    .enroll .info-block form .desc span {
        margin-right: 30px;
    }
}

@media screen and (max-width: 875px) {
    .modal-dialog {
        max-width: 95%;
    }
}

@media screen and (max-width: 850px) {
    .price .info-block .block {
        min-height: 480px;
    }
    .btn {
        font-size: 16px;
    }
    header .header .info .logo .logo-text {
        font-size: 26px;
    }
    .application .block {
        padding: 18px 36px;
    }
    .avtopilot-system .info-block .panel .function .block .btn-block-click {
        flex-wrap: wrap;
    }
    .avtopilot-system .info-block .panel .function .block .btn-block-click .views-block {
        width: 100%;
        margin-left: 3px;
        margin-top: 5px;
    }
}

@media screen and (max-width: 768px) {
    header .header .info .logo .img,
    footer .footer .logo .img {
        width: 75px;
        height: 65px;
    }
    header {
        padding: 36px 0;
    }
    .address .map {
        display: none;
    }
    .price .info-block .block:hover .text .info {
        margin: 8px 0 36px;
    }
    .price .info-block .block .text .info .desc {
        font-size: 15px;
    }
    h1,
    .avtopilot-system h1,
    .admin h1 {
        font-size: 37px;
    }
    h2 {
        font-size: 23px;
    }
    .menu-fixed {
        padding: 60px 15px;
    }
    .process .info-block .block {
        font-size: 15px;
    }
    .slick-slide {
        margin: 0 4px!important;
    }
    .application .block {
        margin: 0 32px;
    }
    .scroll-none {
        padding-right: 0;
    }
    .menu-fixed .menu .menu-a ul li {
        font-size: 33px;
    }
    section:first-of-type {
        padding: 100px 0 50px;
    }
    section {
        padding: 50px 0;
    }
    footer {
        padding-bottom: 50px;
    }
    .process .info-block .block {
        flex-wrap: wrap;
    }
    .process .info-block .block .img {
        width: 100%;
        height: 220px;
        margin-right: 30px;
        margin-bottom: 40px;
    }
    .process .info-block .block:nth-of-type(2n) .img {
        margin-left: 30px;
        order: 1;
    }
    .process .info-block .block .info {
        order: 2;
    }
    .process .info-block .block:last-of-type {
        margin-bottom: 0;
    }
    .price .info-block .block {
        min-height: 440px;
    }
    .process .info-block .block {
        margin-bottom: 80px;
    }
    .application .block {
        margin: 0 34px;
    }
    .reviews .info-block .block .img {
        width: 80px;
        height: 80px;
    }
    .reviews .info-reviews {
        font-size: 15px;
    }
    .reviews .info-block .block .comments-text .text {
        font-size: 15px;
    }
    footer .footer .info ul li {
        flex-wrap: wrap;
    }
    footer .footer .info ul li .info-text,
    footer .footer .info ul li .data-text {
        width: 100%;
        text-align: left;
    }
    footer .footer .info ul li .data-text {
        margin-top: 8px;
    }
    footer .footer .info {
        flex: 4;
    }
    footer .footer .logo {
        flex: 1;
    }
    footer .footer .logo .block-main {
        display: block;
        width: 100%;
    }
    footer .footer .logo .block-main .block {
        width: 100%;
    }
    footer .footer .logo .img {
        width: 100%;
        height: auto;
    }
    footer .footer .info .additionally .img-block-studio {
        height: 32px;
    }
    .process .info-block .block .info .text {
        margin-top: 20px;
    }
    body {
        padding-right: 0!important;
    }
    .modal {
        padding: 0!important;
    }
    .container,
    .address .info-block .address-info {
        transform: translate3d(30px, 0, 0);
    }
    .application .block .agreement,
    .modal .modal-body .agreement,
    .enroll .info-block form .agreement {
        width: 100%;
    }
    .address .info-block .address-info {
        margin-bottom: 0;
    }
    .modal .modal-dialog .modal-content .modal-body .stock .stock-animation {
        top: -50px;
    }
    .modal .modal-dialog .modal-content .modal-body .stock .stock-animation .img {
        transform: scale(0.9);
    }
    section.page {
        padding: 60px 0 90px!important;
    }
    #stock .modal-header {
        font-size: 60px;
    }
    .enroll .info-block form .desc span {
        font-size: 18px;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .enroll .info-block form .desc {
        flex-direction: column;
    }
    .enroll .info-block form .desc .inputAll {
        width: 100%;
    }
    .enroll .info-block form .desc:nth-of-type(3) .inputRadio div label {
        flex: 1;
    }
    .information .info-block ul li {
        padding: 0 0 0 45px;
    }
    .information .info-block ul li:before {
        width: 25px;
        height: 25px;
    }
    .page-avtopilot-system {
        padding: 0!important;
    }
    .avtopilot-system .info-block .panel .function .block span {
        padding-bottom: 30px;
    }
    .menu-fixed .menu .menu-a ul li a {
        display: block;
    }
    .avtopilot-system .info-block .panel .function .block .btn {
        font-size: 14px;
    }
    #vision-toggle {
        width: 60px !important;
        height: 60px !important;
        padding: 8px !important;
        bottom: 20px !important;
        right: 20px !important;
        z-index: 10000 !important;
    }
    #vision-toggle img {
        width: 38px !important;
        height: 38px !important;
    }
    #vision-panel {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        max-height: 100vh !important;
        background: var(--bg) !important;
        color: var(--text) !important;
        z-index: 99999 !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        display: none !important;
        -webkit-overflow-scrolling: touch !important;
        padding: 0 !important;
        margin: 0 !important;
        border-radius: 0 !important;
    }
    #vision-panel.open {
        display: block !important;
    }
    #vision-panel h3 {
        font-size: 20px !important;
        margin: 0 !important;
        padding: 15px 20px !important;
        background: var(--bg) !important;
        color: var(--text) !important;
        border-bottom: 2px solid var(--line) !important;
        position: sticky !important;
        top: 0 !important;
        z-index: 10 !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
    }
    #vision-panel h3 button {
        font-size: 14px !important;
        padding: 8px 16px !important;
        background: var(--gray-bl) !important;
        color: var(--text) !important;
        border: 1px solid var(--line) !important;
        border-radius: 6px !important;
        cursor: pointer !important;
        white-space: nowrap !important;
    }
    #vision-panel h3 button:hover {
        background: var(--line) !important;
    }
    #vision-panel .panel-content {
        padding: 15px 20px 30px !important;
    }
    .panel-row {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        padding: 12px 15px !important;
        margin-bottom: 10px !important;
        background: var(--gray-bl) !important;
        border-radius: 10px !important;
        border: 1px solid var(--line2) !important;
    }
    .panel-row label {
        font-size: 14px !important;
        font-weight: 600 !important;
        color: var(--text) !important;
        margin-bottom: 4px !important;
        min-width: auto !important;
    }
    .panel-row .controls-group {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 8px !important;
        width: 100% !important;
    }
    .panel-row button:not(#reset-all) {
        font-size: 14px !important;
        padding: 8px 16px !important;
        min-width: 50px !important;
        flex: 0 1 auto !important;
        background: var(--bg);
        color: var(--text);
        border: 1px solid var(--line) !important;
        border-radius: 6px !important;
        cursor: pointer !important;
        transition: all 0.2s !important;
    }

    body.contrast-mode #vision-panel h3 {
        background: #fff !important;
        color: white !important;
    }
    
    body.contrast-mode .panel-row button {
        background: #333 !important;
        color: #ffffff !important;
    }
    body.contrast-mode .panel-row button.active-style {
        background: #333 !important;
        color: #fff !important;
    }
    
    .panel-row button:conrast-mode {
        background: #fff !important;
        color: #333 !important;
    }
    
    body.blue-mode #vision-panel h3 {
        background: #0052BD !important;
        color: white !important;
    }
    
    body.blue-mode .panel-row button {
        background: #2a4a8e !important;
        color: #ffffff !important;
    }
    
    body.brown-mode #vision-panel h3 {
        background: #5D4022 !important;
        color: #f5e6d3 !important;
    }
    
    body.green-mode #vision-panel h3 {
        background: #65C869 !important;
        color: #2d1f14 !important;
    }

    .panel-row input[type="range"] {
        flex: 1 !important;
        min-width: 100px !important;
        max-width: 100% !important;
        height: 6px !important;
        -webkit-appearance: none !important;
        appearance: none !important;
        background: var(--line) !important;
        border-radius: 3px !important;
        outline: none !important;
    }
    .panel-row input[type="range"]::-webkit-slider-thumb {
        -webkit-appearance: none !important;
        appearance: none !important;
        width: 18px !important;
        height: 18px !important;
        border-radius: 50% !important;
        background: var(--gold) !important;
        cursor: pointer !important;
    }
    .panel-row input[type="range"]::-moz-range-thumb {
        width: 18px !important;
        height: 18px !important;
        border-radius: 50% !important;
        background: var(--gold) !important;
        cursor: pointer !important;
        border: none !important;
    }
    .panel-row input[type="range"] + span {
        font-size: 13px !important;
        min-width: 40px !important;
        text-align: center !important;
        font-weight: 600 !important;
        color: var(--gold) !important;
    }
    .panel-row button#reset-all {
        padding: 12px 20px !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        width: 100% !important;
        border: none !important;
        border-radius: 8px !important;
        cursor: pointer !important;
        transition: all 0.2s !important;
    }

    body.images-hidden #vision-toggle {
        min-width: 100px !important;
        min-height: 40px !important;
        padding: 6px 12px !important;
        border-radius: 8px !important;
    }
    body.images-hidden #vision-toggle .vision-text {
        font-size: 11px !important;
    }
    body.images-hidden #vision-toggle .vision-text span {
        font-size: 10px !important;
    }
}

@media screen and (max-width: 700px) {
    h1,
    .avtopilot-system h1,
    .admin h1 {
        font-size: 36px;
    }
    .price .info-block .block {
        min-height: 380px;
    }
    .application .block {
        margin: 0;
    }
    header .header .info .logo,
    header .header .info .phone {
        width: 100%;
    }
    header .header .info .phone {
        margin-top: 16px;
    }
    .menu-fixed .menu .menu-a ul li {
        font-size: 30px;
    }
    .menu-fixed .menu .menu-open marquee {
        font-size: 80px;
    }
    .menu-fixed .menu .info {
        flex-wrap: wrap;
    }
    .menu-fixed .menu .info .phone,
    .menu-fixed .menu .info .social-menu,
    .menu-fixed .menu .info .email {
        width: 100%;
        flex: none;
        text-align: center;
        justify-content: center;
        margin-top: 16px;
    }
    .reviews .info-block .block {
        margin-bottom: 10px;
    }
    section h1,
    section .WhyWe h1,
    section .documents h1 {
        margin-bottom: 45px;
    }
    .menu-fixed .menu .menu-open {
        padding: 72px 0 20px;
    }
}

@media screen and (max-width: 650px) {
    #stock .modal-header {
        font-size: 50px;
    }
    #stock .modal-header span::before {
        width: 75%;
    }
}

@media screen and (max-width: 600px) {
    .btn {
        font-size: 15px;
    }
    .WhyWe .info-block .block .block-min {
        padding: 20px;
    }
    .WhyWe .info-block .block .block-min .text,
    .WhyWe .info-block .block .block-min span {
        font-size: 15px;
    }
    .WhyWe .info-block .block,
    .documents .info-block .block {
        margin-top: 10px;
    }
    .WhyWe .info-block .block {
        padding: 0;
        border: 0;
    }
    .WhyWe .info-block .block .block-min span {
        margin-bottom: 10px;
    }
    h1 {
        line-height: 130%;
    }
    .price .info-block .block {
        min-height: 420px;
    }
    .modal .modal-dialog .modal-content .modal-body .stock .stock-animation {
        right: -40px;
    }
    #stock .modal-header span {
        margin-right: 30px;
    }
}

@media screen and (max-width: 550px) {
    #stock .modal-header {
        font-size: 45px;
    }
    #stock .modal-header span::before {
        height: 5px;
        bottom: -8px;
    }
}

@media screen and (max-width: 500px) {
    h1,
    .avtopilot-system h1,
    .admin h1 {
        font-size: 33px;
    }
    .btn {
        padding: 8px 15px;
    }
    header .header {
        margin-bottom: 50px;
    }
    header .info-block .address,
    header .info-block span:nth-of-type(1) {
        font-size: 15px;
    }
    section:first-of-type {
        padding: 50px 0;
    }
    .reviews .info-block .block .comments-text .text,
    .reviews .info-reviews {
        font-size: 14px;
    }
    footer .footer .logo {
        display: none;
    }
    footer .footer .info .additionally {
        flex-wrap: wrap;
    }
    footer .footer .info .additionally a,
    footer .footer .info .additionally .img-block-studio {
        width: 100%;
    }
    footer .footer .info .additionally .img-block-studio {
        margin-top: 15px;
    }
    footer .footer .info ul li {
        padding-bottom: 10px;
        margin-top: 10px;
    }
    footer .footer .info ul li .data-text {
        font-size: 20px;
    }
    footer {
        padding-bottom: 30px;
    }
    .modal .modal-dialog .modal-content .modal-body .stock .stock-animation .img {
        transform: scale(0.8);
    }
    .modal .modal-dialog .modal-content .modal-body .stock .stock-animation {
        right: -50px;
    }
}

@media screen and (max-width: 480px) {
    header video {
        display: none;
    }
    header {
        background-color: var(--bg);
        color: var(--text);
        padding-bottom: 0;
        padding-top: 80px;
    }
    .menu-fixed {
        width: 100%;
        right: 0;
        height: auto;
        border: 0;
        margin: 0 auto;
        padding: 15px 0;
        top: 0;
    }
    .menu-fixed .container-m {
        width: 95%;
        flex-direction: row;
        align-items: center;
        margin: 0 auto;
    }
    .menu-fixed .social {
        display: flex;
    }
    .menu-fixed .social .img {
        margin-top: 0;
    }
    .container,
    .address .info-block .address-info,
    .avtopilot-system.container,
    .admin.container {
        transform: none;
        width: 95%;
    }
    header .info-block.el {
        transform: translateY(90px) translateX(0);
    }
    header .info-block.el.el-show {
        transform: translateY(0) translateX(0);
    }
    header .header .info .logo {
        margin-right: 0;
    }
    header .header a {
        color: var(--text);
    }
    .menu-fixed .social .img:first-of-type {
        margin-left: 0;
    }
    .menu-fixed .social .img {
        margin-left: 10px;
        width: 25px;
        height: 25px;
    }
    header .header {
        margin-bottom: 30px;
    }
    header .info-block .btn-block {
        margin-bottom: 18px;
    }
    header .info-block span:nth-of-type(1) {
        margin-bottom: 18px;
    }
    .menu-fixed .menu .menu-a ul li {
        font-size: 25px;
    }
    .menu-fixed .menu .menu-open marquee {
        font-size: 55px;
    }
    .menu-fixed .menu .menu-open .container {
        transform: none;
        width: 80%;
    }
    header .info-block .address,
    header .info-block span:nth-of-type(1) {
        font-size: 14px;
    }
    .phone-mob {
        display: flex;
    }
    header .header .info .phone {
        display: none;
    }
    header .info-block .btn-block .img {
        display: block;
    }
    .process .info-block .block .img .num {
        right: 10px;
        bottom: -5px;
        filter: drop-shadow(0 0 20px rgb(0, 0, 0, .7));
    }
    .process .info-block .block:nth-of-type(2n) .img .num {
        left: 10px;
    }
    .process .info-block .block .img {
        margin-right: 0;
    }
    .process .info-block .block:nth-of-type(2n) .img {
        margin-left: 0;
    }
    .process .info-block .block .img {
        margin-bottom: 16px;
    }
    .process .info-block .block {
        margin-bottom: 60px;
    }
    .application .block form input:nth-of-type(1),
    .application .block form input:nth-of-type(2),
    .modal .modal-body form input:nth-of-type(1),
    .modal .modal-body form input:nth-of-type(2) {
        width: 100%;
    }
    .application .block form input:nth-of-type(2),
    .modal .modal-body form input:nth-of-type(2) {
        margin-top: 5px;
    }
    .reviews .info-block .block {
        background-color: transparent;
        border-bottom: 1px solid var(--line2);
        margin-bottom: 0;
        border-radius: 0;
        padding: 15px 10px;
    }
    .reviews .info-block .block:last-of-type {
        border: 0;
    }
    .reviews .info-block .block .img {
        width: 75px;
        height: 75px;
    }
    .reviews .info-block .block .img::before {
        top: -5px;
        left: -5px;
    }
    .reviews .info-block .block .line {
        margin: 0 16px;
    }
    .reviews .info-reviews {
        margin-top: 30px;
    }
    .reviews .info-block .block:first-of-type {
        padding-top: 0;
    }
    .WhyWe .info-block .block .block-min .text,
    .WhyWe .info-block .block .block-min span,
    .process .info-block .block,
    .application .block span {
        font-size: 14px;
    }
    .price .info-block .block .text .info .money {
        font-size: 32px;
    }
    .address .info-block .address-info ul li {
        font-size: 15px;
    }
    header .info-block .btn-block span {
        width: 160px;
    }
    .btn {
        padding: 8px 12px;
    }
    .slick-list {
        margin: 0!important;
    }
    .slick-prev {
        z-index: 10;
    }
    .slick-prev:before,
    .slick-next:before {
        opacity: 1!important;
        background-color: var(--bg);
        padding: 5px;
        background-size: inherit!important;
        height: 50px!important;
    }
    .slick-prev:before,
    .slick-next:before {
        border-radius: 0 10px 10px 0;
    }
    .price .info-block .block {
        min-height: 380px;
    }
    section.page {
        padding-top: 80px!important;
    }
    h1,
    .avtopilot-system h1,
    .admin h1 {
        font-size: 30px;
    }
    h2 {
        font-size: 20px;
    }
    h3 {
        font-size: 17px;
    }
    footer .footer .info ul li .info-text {
        margin-right: 0;
    }
    footer .footer .info ul li {
        padding: 0 10px 10px 10px;
    }
    footer .footer .info .additionally {
        padding: 0 10px;
    }
    .modal .modal-dialog .modal-content .modal-body .stock .stock-animation {
        display: none;
    }
    .modal .modal-dialog .modal-content .modal-body .stock .block {
        width: 100%;
    }
    .modal-body {
        padding: 70px 40px;
    }
    .process .info-block .block .img {
        overflow: hidden;
    }
    .menu-fixed .menu .menu-open marquee {
        display: none;
    }
    #stock .modal-header .img {
        display: none;
    }
    #stock .modal-header span {
        flex: none;
        transform: translateY(-10px);
        margin-right: 0;
    }
    .modal-header {
        justify-content: center;
    }
    #stock .modal-header {
        font-size: 50px;
    }
    #stock .modal-header span::before {
        right: 50%;
        transform: translateX(50%);
    }
    .page-auth .dop-page {
        padding-top: 55px;
    }
    .auth form {
        width: 100%;
    }
    .auth .btn {
        font-size: 18px;
    }
    .page-auth .auto {
        width: 85%;
    }
    .menu-fixed .menu .info {
        display: none;
    }
    .menu-fixed .menu .menu-open {
        width: 85vw;
        min-width: 255px;
        padding: 72px 0;
    }
    .menu-fixed .menu .menu-open .container {
        width: 100%;
    }
    .menu-fixed .menu .menu-a ul li {
        font-size: 22px;
    }
    .menu-fixed .menu .menu-a ul li {
        text-transform: none;
    }
    .enroll .info-block form .desc span {
        font-size: 16px;
    }
    .enroll .info-block form .desc input, .enroll .info-block form .desc:nth-of-type(3) .inputAll select {
        height: auto;
    }
    .information .info-block ul li {
        padding: 0 0 0 38px;
    }
    .information .info-block ul li:before {
        width: 20px;
        height: 20px;
    }
    .requisites .info-block ul li {
        font-size: 14px;
    }
    footer .footer .info .additionally .img-block-studio {
        height: 28px;
    }
    .page-avtopilot-system {
        padding-top: 30px!important;
    }
    .avtopilot-system .info-block .panel .function .block {
        width: 100%;
    }
    .admin .info-block .panel .function ul,
    .admin .info-block .info .block .training-system,
    .admin .exit {
        font-size: 14px;
    }
    .menu-fixed .menu .menu-a {
        max-height: 100%;
    }
    #vision-toggle {
        width: 50px !important;
        height: 50px !important;
        padding: 6px !important;
        bottom: 15px !important;
        right: 15px !important;
    }
    #vision-toggle img {
        width: 32px !important;
        height: 32px !important;
    }
    #vision-panel h3 {
        font-size: 17px !important;
        padding: 12px 15px !important;
        flex-wrap: wrap !important;
    }
    #vision-panel h3 button {
        font-size: 13px !important;
        padding: 6px 14px !important;
    }
    #vision-panel .panel-content {
        padding: 12px 15px 20px !important;
    }
    .panel-row {
        padding: 10px 12px !important;
        gap: 6px !important;
    }
    .panel-row label {
        font-size: 13px !important;
    }
    .panel-row .controls-group {
        gap: 6px !important;
    }
    .panel-row button:not(#reset-all) {
        font-size: 13px !important;
        padding: 6px 12px !important;
        min-width: 40px !important;
    }
    .panel-row input[type="range"] {
        min-width: 80px !important;
    }
    .panel-row input[type="range"] + span {
        font-size: 12px !important;
        min-width: 35px !important;
    }
    .panel-row button#reset-all {
        padding: 10px 16px !important;
        font-size: 14px !important;
    }
    body.images-hidden #vision-toggle {
        min-width: 80px !important;
        min-height: 35px !important;
        padding: 5px 10px !important;
    }
    body.images-hidden #vision-toggle .vision-text {
        font-size: 10px !important;
    }
    body.images-hidden #vision-toggle .vision-text span {
        font-size: 9px !important;
    }
}

@media screen and (max-width: 443px) {
    .price .info-block .block {
        min-height: 390px;
    }
}

@media screen and (max-width: 436px) {
    .price .info-block .block {
        min-height: 400px;
    }
}

@media screen and (max-width: 432px) {
    .price .info-block .block {
        min-height: 420px;
    }
}

@media screen and (max-width: 400px) {
    .reviews .info-block .block .img {
        width: 50px;
        height: 50px;
    }
    h1,
    .avtopilot-system h1,
    .admin h1 {
        font-size: 28px;
    }
    h2 {
        font-size: 19px;
    }
    h3 {
        font-size: 16px;
    }
    .reviews .info-block .block h3 {
        margin-bottom: 6px;
    }
    .menu-fixed .menu .menu-a ul li {
        font-size: 23px;
    }
    .modal-body {
        padding: 65px 30px;
    }
    #stock .modal-header {
        font-size: 40px;
        padding: 20px 40px;
    }
    #stock .modal-header span::before {
        bottom: -6px;
    }
    #vision-toggle {
        width: 44px !important;
        height: 44px !important;
        padding: 5px !important;
        bottom: 12px !important;
        right: 12px !important;
    }
    #vision-toggle img {
        width: 28px !important;
        height: 28px !important;
    }
    #vision-panel h3 {
        font-size: 15px !important;
        padding: 10px 12px !important;
    }
    #vision-panel h3 button {
        font-size: 12px !important;
        padding: 5px 10px !important;
    }
    #vision-panel .panel-content {
        padding: 10px 12px 15px !important;
    }
    .panel-row {
        padding: 8px 10px !important;
        gap: 5px !important;
    }
    .panel-row label {
        font-size: 12px !important;
    }
    .panel-row .controls-group {
        gap: 5px !important;
    }
    .panel-row button:not(#reset-all) {
        font-size: 12px !important;
        padding: 5px 10px !important;
        min-width: 35px !important;
    }
    .panel-row input[type="range"] {
        min-width: 60px !important;
    }
    .panel-row input[type="range"] + span {
        font-size: 11px !important;
        min-width: 30px !important;
    }
    .panel-row button#reset-all {
        padding: 8px 14px !important;
        font-size: 13px !important;
    }
    body.images-hidden #vision-toggle {
        min-width: 70px !important;
        min-height: 30px !important;
        padding: 4px 8px !important;
    }
    body.images-hidden #vision-toggle .vision-text {
        font-size: 9px !important;
    }
    body.images-hidden #vision-toggle .vision-text span {
        font-size: 8px !important;
    }
}

@media screen and (max-width: 350px) {
    header .header .info .logo .logo-text {
        font-size: 23px;
    }
    h1,
    .avtopilot-system h1,
    .admin h1 {
        font-size: 27px;
    }
    header .header .info .logo .img {
        margin-right: 12px;
    }
    .menu-fixed .menu .menu-a ul li {
        font-size: 21px;
    }
    .modal-body {
        padding: 60px 20px;
    }
    #stock .modal-header {
        font-size: 35px;
    }
    #stock .modal-header span::before {
        display: none;
    }
    #stock .modal-header span {
        transform: none;
    }
    #stock .modal-body {
        padding: 40px 30px;
    }
    #stock .modal-header {
        padding: 20px 30px;
    }
    .menu-fixed .menu .menu-a ul li {
        font-size: 20px;
    }
    .avtopilot-system .info-block .panel .function .block .btn {
        width: 100%;
        font-size: 14px;
    }
}

@media screen and (max-width: 328px) {
    .price .info-block .block {
        min-height: 430px;
    }
}

@media screen and (max-width: 322px) {
    .price .info-block .block {
        min-height: 440px;
    }
}

@media screen and (max-width: 320px) {
    header .info-block .btn-block .img {
        display: none;
    }
    header .info-block .btn-block span {
        width: 100%;
    }
    .btn {
        padding: 10px 15px;
    }
    .process .info-block .block .img {
        height: 200px;
    }
    .menu-fixed .social .img {
        width: 23px;
        height: 23px;
    }
    .phone-mob {
        margin-right: 16px;
    }
    .application .block form input:nth-of-type(1),
    .application .block form input:nth-of-type(2),
    .modal .modal-body form input:nth-of-type(1),
    .modal .modal-body form input:nth-of-type(2) {
        font-size: 15px;
    }
    footer .footer .info .additionally .img-block-studio {
        height: 25px;
    }
    #stock .modal-header {
        font-size: 30px;
        padding: 15px 30px;
    }
    #stock .modal-body {
        padding: 30px;
    }
    .menu-fixed .menu .menu-a ul li {
        font-size: 18px;
    }
}