@media screen and (max-width: 1420px) {
    .header .wrapper {
        max-width: 100%;
        padding: 0 20px;
    }
}

@media screen and (max-width: 680px) {
    .header {
        background-color: #fff;
    }

    .header-widgets {
        display: none;
    }

    .header .mobile-navs {
        display: block;
    }

    .page-block .page-header, section.main .main-inner .buttons {
        display: flex;
        margin-top: 100px;
        flex-direction: column;
        gap: 25px;
        align-items: center;
    }

    section.main .main-inner .logo-box .m {
        z-index: -1;
    }

    section.main .main-inner .logo-box .balls-item.ball-4 {
        z-index: -1;
        transform: translate(175px, 155px);

    }
    section.main .main-inner .logo-box .balls-item.ball-1 {
        z-index: -1;
        transform: translate(-36%, -60%);
    }

    section.main .main-inner .logo-box .balls-item.ball-5 {
        transform: translate(0, 400px);
        z-index: -1;
    }
}


@media screen and (max-width: 570px) {
    .page-sidebar {
        grid-template-columns: 1fr;
    }
    .page-sidebar .sidebar {
        padding: 20px;
    }
    .page-sidebar .preview {
        display: none;
    }
}