@media (max-width: 1490px) {
    .brief-panel {
        display: none;
    }
}

@media (max-width: 768px) {
    .form-wrapper__heading {
        font-size: 22px !important;
        line-height: 26px !important;
    }

    .main-area-wrapper .content-section {
        padding: 20px;
        flex-direction: column;
        align-items: center;
    }

    .home-page .form-handler {
        padding: 30px;
        max-width: 100%;
    }

    .footer {
        flex-direction: column;
        align-items: center;
        gap: 15px;
    }

    .footer-navigation {
        flex-direction: column;
        align-items: center;
    }

    .saas-btn {
        font-size: 14px;
    }

    .progress-steps {
        flex-direction: column;
    }

    .steps-wrapper,
    .netcat-badge-wrapper {
        max-width: 100% !important;
    }

    .badge__title {
        flex-direction: row !important;
        align-items: center;
    }
}

@media (max-width: 490px) {
    .scenario-type__cards {
        flex-direction: column;
        align-items: center;
        gap: 20px !important;
    }
}

@media (max-width: 390px) {
    .content-violation {
        padding: 2rem;
    }

    .header {
        padding: 20px;
        text-align: center;
    }

    .home-page textarea {
        min-height: 215px;
    }

    .scenario-type__cards .card {
        max-width: 100%;
        width: 100%;
    }

    .mock-site-container .site__body {
        height: 100%;
        grid-template-columns:1fr;
    }

    .mock-site-container .body-column {
        padding: 30px;
    }

    .mock-site-container .site__footer-content {
        grid-template-columns:1fr;
    }

    .handler__logo .handler__logo-icon {
        display: none;
    }

    .logo-wrapper .logo-content__heading {
        flex-direction: column;
        align-items: flex-start;
    }
}