@media (max-width: 1024px){
     section.newsletter .row{
        flex-direction: column-reverse;
        gap: 30px;
    }
    section.newsletter .row .col-6 {
    flex: 0 0 auto;
    width: 100%;
}
    section.newsletter form .row{
        flex-direction: column;
        gap: 0px;
    }
}

@media (max-width: 980px){
    section.newsletter .row{
        flex-direction: column-reverse;
        gap: 30px;
    }
    section.newsletter .row .col-6 {
    flex: 0 0 auto;
    width: 100%;
}
    section.newsletter form .row{
        flex-direction: column;
        gap: 0px;
    }
}

@media (max-width: 540px){

    section.newsletter .row .col-6 {
    flex: 0 0 auto;
    width: 100%;
    padding: 0px;
}
section.newsletter h2 {
    margin-bottom: var(--m20);
}
section.newsletter form {
    margin-top: 0;
}
section.newsletter img {
    height: 350px;
}
}

@media (max-width: 360px){
    section.newsletter img {
    height: 300px;
}
}