﻿
/* Portrait tablet to landscape and desktop*/
@media (min-width: 640px) and (max-width: 800px) 
{
    .container {
        width:100%;
    }
    .header .evento {
        float:left;
        min-width: 50%;
    }
    .evento .block {
        bottom: 10px;
        position: absolute;
        padding: 0 10px;
    }

    .header .evento img {
        min-width:100%;
        height:270px;
    }

    .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 .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;
    }
    #owl-demo .item img {
        min-height: 200px;
    }
}
@media (min-width: 979px) and (max-width: 1280px)
{
    .container {
        width: 100%;
    }

    .header .evento {
        float: left;
        min-width: 50%;
    }

    .evento .block {
        bottom: 10px;
        position: absolute;
        padding: 0 10px;
    }

    .header .evento img {
        min-width: 100%;
        height: 214px;
    }

    aside .block:first-child .evento figure img {
        width: 100%;
        height: 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 .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;
    }

    
   
}
