@media screen and (max-width: 1100px){
    .m1a2, .m1a1{
        width: 100%;
    }

    .main1-article1{
        height: fit-content !important;
    }

    .main-1{
        height: fit-content !important;
    }

    input.form-control{
        min-width: 100% !important;
    }

    .main-2{
        height: fit-content !important;
        width: 100% !important;
    }

    .container-main-2{
        width: 100% !important;
        margin: 0% !important;
    }
    
    .form{
        padding: 10px !important;
    }
}

@media screen and (max-width: 710px){
    .inputs{
        min-width: 100% !important;
        flex-wrap: wrap;
    }

    .main-1{
        height: fit-content !important;
    }

    .accordion{
        width: 100%;
    }

    .m1a1{
        padding: 10px !important;
    }

    .platforms{
        padding: 0% !important;
        display: flex;
        justify-content: center;
    }

    .platforms-t{
        text-align: center;
    }
}