@media(max-width:770.98px) {
    .from {
        margin-left: -5%;
    }

    .to {
        margin-left: 5%;
    }

    .ml-n3 {
        margin-left: -5% !important;
    }

    .ml-3 {
        margin-left: 5% !important;
    }
}

@media(max-width:550px) {
    .from {
        margin-left: -6%;
    }

    .to {
        margin-left: 6%;
    }

    .ml-n3 {
        margin-left: -6% !important;
    }

    .ml-3 {
        margin-left: 6% !important;
    }
}

@media(max-width:375px) {
    .from {
        margin-left: -15%;
    }

    .to {
        margin-left: 15%;
    }

    .ml-n3 {
        margin-left: -15% !important;
    }

    .ml-3 {
        margin-left: 10% !important;
    }
}