@media screen and (min-width: 1901px) {

    .es-fs-custom,
    .fr-fs-custom {
        font-size: 15px !important;
    }

    .de-fs-custom {
        font-size: 13px !important;
    }

    .de-ml-custom {
        margin-left: 10px !important;
    }
}

@media screen and (max-width: 1900px) {

    .es-fs-custom,
    .fr-fs-custom {
        font-size: 14px !important; 
    }

    .de-fs-custom {
        font-size: 12px !important;
    }

    .de-ml-custom {
        margin-left: 10px !important;
    }
}

@media screen and (max-width: 1856px) {

    .es-fs-custom,
    .fr-fs-custom {
        font-size: 13px !important;
    }

    .de-fs-custom {
        font-size: 11px !important;
    }

    .de-ml-custom {
        margin-left: 12px !important;
    }
}


@media screen and (max-width: 1744px) {

    .es-fs-custom,
    .fr-fs-custom {
        font-size: 12px !important;
    }

    .de-fs-custom {
        font-size: 11px !important;
    }

    .de-ml-custom {
        margin-left: 10px !important;
    }
}

@media screen and (max-width: 1663px) {

    .de-fs-custom {
        font-size: 11px !important;
    }

    .de-ml-custom {
        margin-left: 9px !important;
    }
}

@media screen and (max-width: 1647px) {

    .de-fs-custom {
        font-size: 10px !important;
    }

    .de-ml-custom {
        margin-left: 9px !important;
    }
}

@media screen and (max-width: 1615px) {

    .es-fs-custom,
    .fr-fs-custom {
        font-size: 12px !important;
    }

    .de-fs-custom {
        font-size: 11px !important;
    }

    .de-ml-custom {
        margin-left: 6px !important;
    }
}

@media screen and (max-width: 1599px) {

    .es-fs-custom,
    .fr-fs-custom {
        font-size: 10.8px !important;
    }

    .de-fs-custom {
        font-size: 10px !important;
    }

    .de-ml-custom {
        margin-left: 6px !important;
    }
}

@media screen and (max-width: 1481px) {

    .es-fs-custom,
    .fr-fs-custom {
        font-size: 10px !important;
    }

    .de-ml-custom {
        margin-left: 5px !important;
    }
}

@media screen and (max-width: 1466px) {
    .de-ml-custom {
        margin-left: 4px !important;
    }
}

@media screen and (max-width: 1449px) {
    .de-ml-custom {
        margin-left: 3px !important;
    }
}

@media screen and (max-width: 1434px) {
    .de-ml-custom {
        margin-left: 2px !important;
    }
}

@media screen and (max-width: 1417px) {
    .de-ml-custom {
        margin-left: 1px !important;
    }
}

@media screen and (max-width: 1400px) {
    .es-fs-custom,
    .fr-fs-custom {
        font-size: 10px !important;
    }

    .de-fs-custom {
        font-size: 10px !important;
    }

    .de-ml-custom {
        margin-left: 0px !important;
    }
}

@media screen and (max-width: 1345px) {

    .es-fs-custom,
    .fr-fs-custom {
        font-size: 9.5px !important;
    }

    .de-fs-custom {
        font-size: 9px !important;
    }
}

@media screen and (max-width: 1227px) {

    .es-fs-custom,
    .fr-fs-custom {
        font-size: 8.5px !important;
    }

    .de-fs-custom {
        font-size: 8px !important;
    }
}

@media screen and (max-width: 1199px) {
    .es-fs-custom,
    .fr-fs-custom {
        font-size: 16px !important;
    }

    .de-fs-custom {
        font-size: 16px !important;
    }

    .de-ml-custom {
        margin-left: 0 !important;
    }
}