@media (max-width: 992px){
    .nav-links {
        display: none;
    }

    .menu-toggle {
        display: block;
    }

    .menu-overlay.active {
        display: flex;
    }

    main .image_side.first h1{
        font-size: 50px;
    }
    main .image_side.second h2{
        font-size: 80px;
    }
    main .image_side.second p{
        max-width: 700px;
    }
    main .advantage{
        width: 50%;
    }
}
@media (max-width: 768px){
    section{
        padding: 20px;
    }
    main .image_side.first h1{
        font-size: 40px;
        font-weight: bold;
    }
    main .image_side.second h2{
        font-size: 55px;
    }
    main .image_side.second p{
        max-width: 500px;
    }
    main .advantage, main .app_image{
        width: 100%;
    }

}
@media (max-width: 576px){
    main .app_side h2, main .advantages_side h2, main .form_side h2{
        font-size: 25px;
    }
    main .image_side.first h1{
        font-size: 35px;
        font-weight: bold;
    }
    main .image_side.second h2{
        font-size: 50px;
        text-align: center;
    }
    main .image_side.second p{
        text-align: center;
        max-width: 450px;
    }
    main .advantages_side h2{
        padding: 0 15px;
    }
}