@media screen and (max-width: 992px) {

}

@media screen and (max-width: 768px) {

    .sese{
        width: 100%;
    }
    /* Header */
    .wrap-navbar .datos {display: none;}

    /* Menu Responsive */
    .menu-responsive {
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1em 1.5em 1em;
    }

    .logo-responsive img {
        display: block;
        width: 60%;
    }

    .hamburger-responsive {
        padding: .7em;
        border: 1px solid #422496;
        border-radius: 8px;
    }
    .hamburger-icon {
        width: 16px;
        height: 1em;
        position: relative;
        transition: .5s ease-in-out;
        cursor: pointer;
    }
    .hamburger-icon span {
        display: block;
        position: absolute;
        left: 0;
        height: 4px;
        width: 100%;
        background-color: #422496;
        opacity: 1;
        transform: rotate(0deg);
        transition: .25s ease-in-out;
    }

    .hamburger-icon span:nth-child(1) { top: 0px; }
    .hamburger-icon span:nth-child(2),
    .hamburger-icon span:nth-child(3) { top: 7px; }
    .hamburger-icon span:nth-child(4) { top: 14px; }
    .hamburger-icon.open span:nth-child(1) {
        top: 18px;
        width: 0%;
        left: 50%;
    }
    .hamburger-icon.open span:nth-child(2) { transform: rotate(45deg); }
    .hamburger-icon.open span:nth-child(3) { transform: rotate(-45deg); }
    .hamburger-icon.open span:nth-child(4) {
        top: 18px;
        width: 0%;
        left: 50%;
    }

    .menu-collapse,
    .navbar #logo {display: none;}

    .menu-collapse .container {
        padding: 0;
        background-color: #422496;
    }
    #navigation {margin-top: 0;}
    #navigation ul {flex-direction: column;}
    #navigation li {
        min-height: 0;
        padding: 0 1.5em;
        border-right: 0;
    }
    #navigation li a {color: #fff;}

    /* Slider */
    .ls-layer .ls-s2 {display: none;}

    /* Servicios */
    .grid-3 {grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));}
    .col-servicio:not(:last-of-type) {
        border-right: 0;
        border-bottom: 2px solid #dbdbdb;
    }

    /* Places */
    .grid-places {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: repeat(4, 268px);
        grid-template-areas: "place1 place2"
                             "place1 place3"
                             "place4 place4"
                             "place5 place6";
    }
    .item-place::after {display: none;}

    /* Noticias */
    .noticias.section {padding: 0 0 2.5em;}
    .grid-noticias {grid-template-columns: 100%;}
    .col-noticia:not(:last-of-type) {border-right: 0;}
    .col-noticia {padding: 1em;}
    .news .imagen {float: none;}
    .news .imagen-noticia {
        float: none;
        width: 100%;
    }
    .news h4 {margin-top: 1em;}
    .info-conocenos {padding: 2em;}

    /* Conócenos */
    .grid-conocenos {grid-template-columns: 100%;}
    .grid-conocenos .bg-conocenos {min-height: 270px;}

    /* Footer */
    .grid-footer {grid-template-columns: repeat(3, 1fr);}
    .col-footer:not(:last-of-type) {background-image: none;}
    .col-footer:last-child {display: none;}

    /* ABOUT-US */
    .banner {min-height: 400px;}
    .text-banner {
        width: 70%;
        padding: 1em 1.5em;
    }
    .wrap-au {grid-template-columns: 100%;}
    .grid-au {grid-template-columns: repeat(auto-fill, minmax(265px, 1fr));}
    .grid-au figcaption {padding: 0 1em;}

    /* CONTACTO */
    .grid-contacto {grid-template-columns: 100%;}
}

@media screen and (max-width: 576px) {

    /* Brands */
    .grid-clientes {
        display: flex;
        flex-direction: column;
    }
    .clientes h3 {
        margin-bottom: 1em;
        align-self: center;
    }
    .lal{
        width: 100%;
    }
    .lal img{
        width: 100%;
    }
    .lol{
        width: 100%;
        margin-right: 0%;
    }

}

@media screen and (max-width: 425px) {
    /* Global */
    h2 {font-size: 24px;}
    h3 {
        font-size: 18px;
        margin: 10px 0;
    }

    /* Servicios */
    .col-servicio {padding: 2.5em 1em;}
    .col-servicio h3 {font-size: 1.5em;}

    /* Places */
    .places .title::before {bottom: -20%;}
    .grid-places {
        grid-template-columns: 100%;
        grid-template-rows: repeat(6, 268px);
        grid-template-areas: "place1"
                             "place2"
                             "place3"
                             "place4"
                             "place5"
                             "place6";
    }

    /* Conócenos */
    h3.sub:after {margin-top: 10px;}
    .subtit {font-size: 14px;}

    .video-noticias {margin-top: 2em;}

    /* Footer */
    .grid-footer {grid-template-columns: 100%;}
    .col-footer {padding: 2em 1.5em 0;}
    .logo-footer {margin: 0 auto;}

    .cont-imag {
        display: block;
    }

}

@media screen and (max-width: 360px) {

}
