/**
 * Corner Claquete - Ajustes para Mobile
 * Redimensiona o banner para ficar proporcional em telas pequenas
 */

@media (max-width: 768px) {
    .corner-claquete-inner {
        height: auto !important;
        width: 100%;
    }

    .corner-claquete-frente-wrap {
        display: none !important;
    }

    .corner-claquete-mob {
        display: block !important;
        width: 100% !important;
        height: auto !important;
    }

    .corner-claquete-mob-iframe {
        width: 100% !important;
        height: auto !important;
        min-height: 200px;
    }

    .corner-claquete-mob-video {
        width: 100% !important;
        height: auto !important;
        max-height: 300px;
    }

    picture {
        display: none !important;
    }

    .container-corner {
        height: auto !important;
        bottom: auto !important;
    }

    .slidemeup {
        width: 100% !important;
        position: relative !important;
        bottom: auto !important;
    }

    .slidemeup img {
        width: 100% !important;
        height: auto !important;
        max-width: 100%;
    }
}

@media (max-width: 480px) {
    .corner-claquete-mob-iframe {
        min-height: 180px;
    }

    .corner-claquete-mob-video {
        max-height: 250px;
    }

    .corner-claquete-close {
        width: 28px !important;
        height: 28px !important;
    }

    .corner-claquete-close img {
        width: 28px !important;
        height: 28px !important;
    }
}