@charset "utf-8";

/* CSS Document */
/*******************************************************************************************************************/
/* Small screens */
@media only screen {}

/* Define mobile styles */
@media only screen and (max-width: 768px) {
    .contenedor {
        padding: 0px 20px;
    }

    .gosm {
        display: none;
    }

    .col-izquierda {
        display: none;
    }

    .infoban h2 {
        font-size: 1.7em !important;
    }

    .bglines {
        background-image: url(../img/3x/curva1@3x.png);
        background-size: 25%;
        background-position-y: top;
        background-position-x: calc(50% + 10px);
        background-repeat: no-repeat;
        padding: 30px 0px;
    }

    .bglines2 {
        background-image: url(../img/3x/curva1@3x.png);
        background-size: 25%;
        background-position-y: top;
        background-position-x: calc(50% + 200px);
        background-repeat: no-repeat;
        padding: 30px 0px;
    }

    .bglines3 {
        background-image: url(../img/3x/curva1@3x.png);
        background-size: 25%;
        background-position-y: bottom;
        background-position-x: calc(0% + 100px);
        background-repeat: no-repeat;
        padding: 30px 0px;
    }

    .bglines4 {
        background-image: url(../img/3x/curva1@3x.png);
        background-size: 45%;
        background-position-y: bottom;
        background-position-x: calc(90% + 40px);
        background-repeat: no-repeat;
        padding: 30px 0px;
    }

    .bgfoot {
        background: #004783 url(../img/3x/fondofootelements@3x.png);
        padding: 30px 0px;
        background-size: 100%;
        background-position: bottom right;
        background-repeat: no-repeat;
    }

    .wapme {
        width: 300px !important;
    }

    .wa-btn {
        width: 300px !important;
    }

    .quitarxs {
        display: none;
    }

    .columna1 {
        width: 100%;
    }

    .columna2 {
        width: 100%;
    }

    /*******************************************************************************************************************/
}

/*******************************************************************************************************************/
/* Medium screens */
@media only screen and (min-width: 769px) {}

@media only screen and (min-width: 769px) and (max-width: 992px) {
    .contenedor {
        padding: 0px 20px;
    }

    .wa-btn {
        width: 70% !important;
    }

    .columna1 {
        width: 30%;
    }

    .columna2 {
        width: 70%;
    }

    /*******************************************************************************************************************/
}

/*******************************************************************************************************************/
/* Medium screens */
@media only screen and (min-width: 993px) {}

@media only screen and (min-width: 993px) and (max-width: 1200px) {
    .contenedor {
        padding: 0px 20px;
    }

    .frasetop {
        height: 50px;
    }

    .wa-btn {
        width: 60% !important;
    }

    .columna1 {
        width: 30%;
    }

    .columna2 {
        width: 70%;
    }

    /*******************************************************************************************************************/
}

/*******************************************************************************************************************/
/* Extra Large screens */
@media only screen and (min-width: 1201px) {}

@media only screen and (min-width: 1201px) {
    .frasetop {
        height: 50px;
    }

    .wa-btn {
        width: 50% !important;
    }

    .columna1 {
        width: 30%;
    }

    .columna2 {
        width: 70%;
    }

    .cajamisvis {
        height: 305px;
    }

    /******************************************************************************************************************/
}

/*******************************************************************************************************************/