/* Landscape phones and down*/
@media (max-width: 568px) {
    .navbar-header {
        float: left;
    }

    .navbar-toggle .icon-bar {
        background-color: #004579;
    }

    header {
        text-align: center;
    }

        header img {
            padding: 0;
            width: 120px;
        }

    .navbar-collapse {
        float: left;
        width: 100%;
    }

    ul.menu {
        text-align: left;
        float: left;
        padding: 0;
        margin-top: 0;
    }

        ul.menu li {
            display: block;
        }

    .contacta li {
        display: table;
        margin: 0 auto;
        padding-right: 0;
    }

    #blog h3 {
        position: static;
    }

    .buscar {
        width: 100%;
        margin: 0;
    }

    #formacion p, #formacion ul {
        text-align: center;
    }

    footer figure {
        text-align: center;
    }

    header .figcaption {
        width: 80%;
    }

    .figcaption h1 {
        font-size: 20px;
    }

    .figcaption p {
        font-size: 14px;
    }

    footer figcaption {
        display: table;
        margin: 0 auto;
    }

    ul.menufooter {
        text-align: center;
    }

        ul.menufooter li {
            display: block;
        }

            ul.menufooter li a {
                padding: 0;
            }

    .menu .dropdown-menu {
        position: relative;
        width: 100%;
    }

    .dropdown.open > ul {
        padding: 0;
        text-align: center;
    }

    .open .dropdown {
        text-align: center;
        width: 100%;
        margin: 0;
    }

    #formacion {
        background-position: 52% 0;
    }

    .inter .imgdesk {
        padding: 0;
    }

    .inter .form-group input[type="submit"] {
        margin: 0;
    }

    .inter .contacto .form-control {
        width: 100%;
    }

    .less {
        min-width: 100%;
    }

    .corner {
        display: none;
    }

    .bg-header img {
        float: none;
        display: table-cell;
        margin: 0 auto;
    }

    .legal {
        text-align: center;
    }

    footer address li {
        text-align: center;
    }

    footer address span {
        display: block;
    }

    footer address img {
        margin: 0 auto;
    }

    footer .ico-tel, footer .ico-whatsapp, footer .ico-mail, footer .ico-loc {
        display: inline;
    }

    .group-check li {
        width: 100%;
    }

    .edit, .delete {
        position: static;
    }

    .box-attcliente {
        background-color: #485563 !important;
        margin-left: -15px;
        margin-right: -15px;
    }

    #carousel {
        top: 0 !important;
    }

    .curved {
        margin: -126px 0 -50px;
        transform: scale(1,.3);
    }

    .onda {
        display: none;
    }

    .td01 {
        text-align: left !important;
        min-width: 100% !important;
    }

    .form-control, .form-control2 {
        min-width: 100%;
    }

    .dot {
        float: left !important;
        margin-right: 10px;
    }

    em {
        width: 100% !important;
    }

    fieldset.fieldset-border {
        width: 100% !important;
    }

    .seccion-inmersiones h2, .seccion-material h2, .seccion-cursos h2, .seccion-viajes h2 {
        padding-top: 60%;
    }

    .menu li a {
        color: #808080 !important;
    }

    .title-inmersiones::before, .title-cursos::before, .title-viajes::before {
        margin: -50px 45.33% 0;
    }

    .centro .title-cursos::before, .centro .title-viajes::before {
        margin: 0 -50px;
    }

    .dest .btn-noticias {
        float: none;
    }

    .detalle.box-articulo h2 {
        margin: revert;
    }


    .videoWrapper iframe, .videoWrapper object,
    .videoresponsive iframe, .videoresponsive object {
        top: -8px;
    }

    .evento .block {
        bottom: 10px;
        position: absolute;
        padding: 0 10px;
    }

    .header .evento img, aside .evento figure img {
        width: 100%!important;
    }
        aside .evento .block img {
            width:auto;

        } .caption h2 span {
            font-size: 18px;
        }

    .container-box {
        padding: 20px;
    }

        .container-box img {
            width: 100%;
            position: relative;
        }

    .eventos-listado .pless-15, .servicios-listado .pless-15, .cursos-listado .pless-15 {
        height: auto;
    }

    .eventos-listado .block-color, .servicios-listado .block-color, .cursos-listado .block-color {
        padding: 0;
        margin: 0;
        background-color: #fff;
    }
    .eventos-listado .pless-15:first-child, .servicios-listado .pless-15:first-child, .cursos-listado .pless-15:first-child {
        padding: 0;
    }
    .eventos-listado figure, .servicios-listado figure, .cursos-listado figure {
        display:block;
        width: auto;
    }
    .eventos-listado figure img, .servicios-listado figure img, .cursos-listado figure img {
        position: static;
        transform:none;
        -webkit-transform: none;
    }
        .eventos-listado .bg, .servicios-listado .bg, .cursos-listado .bg {
        border-bottom: 1px solid #b5b5b5;
        margin-bottom: 10px;
        box-shadow: 0px 5px 5px #b1b1b1;
    }
    .eventos-listado .bg-det, .servicios-listado .bg-det, .cursos-listado .bg-det {
        border: none;
        margin-bottom: 10px;
        box-shadow: none;
    }
        .eventos-listado .bg-det .box-articulo p, .servicios-listado .bg-det .box-articulo p, .cursos-listado .bg-det .box-articulo p {
            max-height: none;
            min-height: 100%;
            font-size: 1em;
        }
    .eventos-listado .btn-share, .servicios-listado .btn-share, .cursos-listado .btn-share {
        padding: 0;
    }
    .tipo time {
        /*max-width: 150px;*/
    }
    ul.tipos li:last-child {
        float: none;
    }
    .nivel {
        display: inline-block;
    }
    .bg {
        padding-bottom: 10px;
    }
    .login {
        background-position: 0 50%;
    }
    .col-xs-5 {
        width:100%!important;
    }
    h2.concepto {
        width: 120px;
    }
    #owl-demo .item img, #owl-otros .item img {
        height: 67px;
        top: 5px !important;
        transform: none !important;
        -webkit-transform: none !important;
    }
    h1 {
        text-align: center;
    }
   p {
        text-align: center;
    }
}
    /* Landscape phone to portrait tablet*/
@media (min-width: 640px) and (max-width: 812px) {
    .container {
    width: 100%;
}
   .evento .block {
        bottom: 10px;
        position: absolute;
        padding: 0 10px;
    }

    .header .evento {
        float: left;
        min-width: 50%;
        padding:0;
    }
    aside .block:first-child .evento figure img {
        width: 100%!important;
        height:auto;
    }
        aside .evento .block img {
            width:auto;

        } .caption h2 span {
            font-size: 18px;
        }

    .container-box {
        padding: 20px;
    }

        .container-box img {
            width: 100%;
            position: relative;
        }
        .header .evento img {
            min-width: 100%;
            height: 285px;
        }
    .eventos-listado .pless-15, .servicios-listado .pless-15, .cursos-listado .pless-15 {
        height: auto;
    }

    .eventos-listado .block-color, .servicios-listado .block-color, .cursos-listado .block-color {
        padding: 0;
        margin: 0;
        background-color: #fff;
    }
        .eventos-listado figure img, .servicios-listado figure img, .cursos-listado figure img {
            position: static;
            transform: none;
            -webkit-transform: none;
        }
    .eventos-listado .pless-15:first-child, .servicios-listado .pless-15:first-child, .cursos-listado .pless-15:first-child {
        padding: 0;
    }
    .eventos-listado .bg, .servicios-listado .bg, .cursos-listado .bg {
        border-bottom: 1px solid #b5b5b5;
        margin-bottom: 10px;
        box-shadow: 0px 5px 5px #b1b1b1;
    }
    .eventos-listado .bg-det, .servicios-listado .bg-det, .cursos-listado .bg-det {
        border: none;
        margin-bottom: 10px;
        box-shadow: none;
    }
        .eventos-listado .bg-det .box-articulo p, .servicios-listado .bg-det .box-articulo p, .cursos-listado .bg-det .box-articulo p {
            max-height: none;
            min-height: 100%;
            font-size: 1em;
        }
    .eventos-listado .btn-share, .servicios-listado .btn-share, .cursos-listado .btn-share {
        padding: 0;
    }
    .tipo time {
        /*max-width: 150px;*/
    }
    /*ul.tipos li:last-child {
        float: none;
    }*/
    .nivel {
        display: inline-block;
    }
    .bg {
        padding-bottom: 10px;
    }
    
    .rless {
        padding:0;
    }
    .login {
        background-position: 32% 50%;
    }
}