@media screen and (max-width: 550px) {
    html, body {
        overflow-x: hidden !important;
        max-width: 100% !important;
        position: relative;
        margin: 0;
        padding: 0;
    }

    #header-top, #header-top .text-end {
        text-align: center !important;
    }

    #logo-finedining {
        height: 50px;
    }

    #visa-infinite-elite {
        margin-top: 2em;
        width: 90vw;
    }

    .hero-section {
        background: #00342b !important;
        padding: 0;
    }

    .hero-section .lead {
        line-height: 1.4em;
        font-size: 1.4em;
        padding: 0 1em;
    }

    #como-funciona {
        padding: 0 2em;
        font-size: 14px;
        line-height: 2.5em;
    }

    #temporada-primavera {
        line-height: 1.9em !important;
        padding: 2em 2em !important;
    }

    #experiencias-exquisitas {
        background: none !important;
    }

    #experiencias-exquisitas p.lead {
        width: 100vw;
        margin-left: 0 !important;
        font-size: 2em !important
    }

    #experiencias-exquisitas-texto {
        padding: 0;
    }

    #terminos-y-condiciones {
        margin-top: 5em !important;
        text-align: center !important;
    }

    #terminos-y-condiciones .text-end {
        text-align: center !important;
    }

    footer, footer .text-end {
        text-align: center !important;
    }

    footer #tc-footer, footer #bancocaribe-footer {
        width: 85vw;
        height: auto;
    }

    #terminos-y-condiciones .btn-caribe {
        font-size: 1.3em !important;
    }

    .list-unstyled {
        line-height: 1.6em;
    }

    #beneficios {
        padding: 0 2em;
    }

    #lista-restaurantes {
        margin-top: 1em !important;
    }

    #lista-restaurantes .col {
        padding: 0 1.5em;
    }

    #lista-restaurantes .col img {
        width: 100%;
    }

    .modal ul {
        margin-bottom: 4em !important;
    }

    .modal .modal-header,
    .modal .modal-body {
        padding: 1em !important;
    }

    .modal {
        font-size: 16px;
        line-height: 1.2em;
    }

    .modal .modal-header img {
        width: 100% !important;
        height: auto !important;
    }

    .modal button {
        margin-top: .5em !important;
    }

    .modal .box-restaurante {
        min-height: auto !important;
    }

    .modal small {
        margin:0 0 2em 0 !important;
    }

    .modal #terminos-lista-restaurantes .px-5 {
        padding: 0 1em !important;
    }

    .modal #terminos-lista-restaurantes .py-1 {
        padding: 0 !important;
    }

    #fechas-temporada {
        display: block !important;
        word-wrap: normal !important;
        white-space: normal !important;
    }

    #fechas-temporada span {
        display: block !important;
    }

    .hero-section p {
        margin-bottom: 0px !important;
    }

    .hero-logo-visa {
        width: 50% !important;
        height: auto !important;
    }

    .hero-content-overlay .h2 {
        margin-top: 10em !important;
    }
}