@media (max-width: 640px) {
    .container {
        width: calc(100% - 30px);
        padding: 0 15px;
    }
    .container-mini-1, .container-mini {
        width: auto;
        padding: 0 15px;
    }
    .program-grid {
        grid-template-columns: 1fr;
    }
    .header-right {
        display: none;
    }
    .for-map {
        display: none;
    }
    .video {

    }
    .mobile-header {
        display: flex;
        gap: 16px;
        align-items: center;
    }
    .mob-ab {
        justify-content: space-between;
    }
    .mob-lk {
        background: url("/images/lk.svg");
        width: 36px;
        height: 36px;
        display: block;
        margin-top: -18px;
    }
    .mob-phone {
        display: block;
        background: url("/images/phone.svg");
        width: 36px;
        height: 36px;
        margin-top: -18px;
    }
    .all-menu {
        width: 100%;
        top: 80px;
    }
    .mob-bar {
        display: block;
        background: url("/images/bar.png");
        width: 28px;
        height: 16px;
        margin-left: 8px;
        margin-top: -18px;
    }
    .cm {
        font-size: 25px;
        line-height: 30px;
    }
    .teacher-title {
        font-family: var(--second-family);
        font-weight: 700;
        font-size: 32px;
        line-height: 100%;
        letter-spacing: -0.03em;
        text-align: center;
        color: var(--black);
        display: none;
    }
    .diploma-name {
        font-family: var(--second-family);
        font-weight: 700;
        font-size: 32px;
        line-height: 100%;
        letter-spacing: -0.03em;
        text-align: center;
        color: var(--black);
        margin: 56px 0 32px;
    }
    .form {
        padding: 24px;
    }
    .form-text {
        font-family: var(--second-family);
        font-weight: 700;
        font-size: 32px;
        line-height: 100%;
        letter-spacing: -0.03em;
        text-align: center;
        color: var(--black);
        margin-bottom: 16px;
        width: 100%;
    }

    .form-fields-width {
        width: auto;
    }
    .form-fields {
        margin: 0;
    }
    .input-2, .m-input {
        width: calc(100% - 32px);
        margin-bottom: 8px;
    }
    .form-wrapper-black {
        background: #2b2b2b !important;
        border-radius: 16px;
        height: auto !important;
    }
    .form-wrapper {
        height: auto;
        margin-top: 24px;
        background: url("/images/Union.png") left bottom #f1f1f1 no-repeat;
        border-radius: 16px;
    }
    .m-no-flex {
        display: block !important;
    }
    .teacher {
        width: auto;
    }
    .program-item {
        width: auto;
    }
    .form-agree {
        width: auto;
        margin-bottom: 24px;
    }
    .logo img {
        width: 126px;
    }
    .logo {
        display: block;
        padding: 10px 22px 13px 11px;

    }
    .black-opacity {
        height: 82px;
    }
    .header-img {
        background: url("/images/image3.png") center top;
        background-size: cover;
        border-radius: 0 0 16px 16px;

    }
    .container-mini {
        padding: 0 15px;
    }
    .slogan-3 {
        display: none;
    }
.header-slogan {
top:320px;
}
    .slogan-1 {
        font-family: var(--second-family);
        font-weight: 700;
        font-size: 39px;
        line-height: 100%;
        letter-spacing: -0.03em;
        text-align: center;
        color: #fff;
    }
    .slogan-2 {
        font-family: var(--font-family);
        font-weight: 400;
        font-size: 20px;
        line-height: 150%;
        text-align: center;
        color: #fff;
    }
    .module-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .program-content-inside {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .gallery-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        margin-top: 40px;
    }
    .cover {
        margin-bottom: 0;
    }
    .back {
        display: none;
    }
    .ttl {

        font-size: 18px;

        margin-top: 34px;
    }
    .ttl-name {
        font-family: var(--second-family);
        font-weight: 700;
        font-size: 37px;
        line-height: 100%;
        letter-spacing: -0.03em;
        text-align: center;
        color: #fff;
        margin: 16px 0 28px 0;
    }
    .mt-120 {
        margin-top: 56px;
    }
    .diploma-name, .all-name, h1 {
        margin-top: 56px;
        font-family: var(--second-family);
        font-weight: 700;
        font-size: 32px;
        line-height: 100%;
        letter-spacing: -0.03em;
        text-align: center;
        color: var(--black);
        margin-bottom: 32px;
    }
    .program-item-img img {
        height: 240px;
        object-fit: cover;
        object-position: center center;
    }
    .program-item-name {
        font-family: var(--second-family);
        font-weight: 700;
        font-size: 20px;
        line-height: 120%;
        letter-spacing: -0.03em;
        color: var(--black);
        height: auto;
    }
    .program-item-text {
        font-family: var(--font-family);
        font-weight: 400;
        font-size: 15px;
        line-height: 120%;
        color: var(--black);
        margin: 12px 0 16px;
    }
    .m-submit {
        margin: 0 auto;
        display: block;
    }
    .black {
         padding: 32px;
     }
    .black-item {
        width: 100%;
    }
    .black-item-wrapper {
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        align-items: center;
    }
    .black-ico {
        width: 64px;
        height: 64px;
        background-size: 50%;
        margin: 0;
    }
    .black-text {
        font-family: var(--second-family);
        font-weight: 700;
        font-size: 15px;
        line-height: 150%;
        color: #fff;
        width: calc(100% - 72px);
        text-align: left;
    }
    .black-item-wrapper {

    }
    .m-gap-24 {
        gap: 24px;
    }
    .video {
        height: 188px;
    }
    .video iframe {
        height: 100% !important;
    }
    .teacher-name {
        font-family: var(--second-family);
        font-weight: 700;
        font-size: 24px;
        line-height: 100%;
        letter-spacing: -0.03em;
        text-align: center;
        color: var(--black);
    }
    .teacher-img {
        width: 224px;
        height: 218px;
        display: block;
        margin: 0 auto 24px auto;
        border-radius: 16px;
        object-fit: cover;
        object-position: center center;
        fill: #f1f1f1;
    }
    .teacher-text {
        font-family: var(--font-family);
        font-weight: 400;
        font-size: 15px;
        line-height: 150%;
        text-align: center;
        color: var(--black);
    }
    .container-mini-1 .swiper {
        height: 418px;
    }
}