@media (max-width: 768px) {
    .mainPage {
        width: 100%;
        margin: 70px 0 0 0;
        padding: 0 5px;
    }
    .headerContent {
        padding: 12px 15px;
    }
    .headerLink {
        display:none;
    }
    .bannerContent {
        height: 32vw;
    }
    .buttonContainer {
        flex-direction: column
    }
    .buttonArea {
        width: 100%;
    }
    .buttonSelect {
        padding-bottom: 84px;
    }
    .cardBlock {
        width: 100%;
    }
    .formContent {
        padding: 30px 25px;
    }
    .formHeader {
        font-size: 8vw;
    }
    .formDesc {
        font-size: 4vw;
        width: 100%;
    }
    .formClass {
        flex-direction: column
    }
    .formInput {
        height: 50px;
        border-radius: 30px;
        width: 100%;
        margin: 0 0 15px;
    }
    .formButton {
        height: 50px;
        border-radius: 30px;
        width: 100%;
    }
    .formArea {
        height: 100%;
    }
    .policyAndContact {
        height: 100%;
        padding: 0 35px;
        flex-wrap: wrap;
    }
    .policyLink {
        padding: 25px 0 15px;
        width: 100%;
        font-size: 4vw;
    }
    .contact {
        flex-direction: column;
        padding: 0 0 20px;
    }
    .contactLink {
        margin: 0;
        padding: 0 0 5px;
        font-size: 4vw;
    }
    .copyrightBlock {
        flex-direction: column
        padding: 0 35px;
    }
    .copyrightArea {
        width: 100%;
    }
    .infoText {
        width: 100%;
    }
    .footerContainer {
        width: 100%;
    }
    .popupBlock.active {
        padding: 15px;
    }
    .notificationContainer {
        margin: 0 20px 10px;
    }
    .notification {
        width: 100%;
    }
    .copyrightAreaRight {
        display: none;
    }
}