@media screen and (max-width: 768px) {
    .swiper-slide img{
        width: 98%;
        height: 90%;
        -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.36);
    }
    #header .header-btn-collapse-nav{
        margin: 0 0 0px 0rem;
        margin-right: 30px;
    }

    .header-logo.custom-header-logo a {
        display: block;
    }
    #inicio {
     height: 815px !important;
    }
    .section-1 {
     position: relative !important;
     top: -28%;
    }
    .section-1 h1{
     font-size: 1.25rem;
     margin-bottom: 15px;
    }
    .section-1 ul li{
        font-size: 0.913rem;
    }
    .section-1 .caja {
     margin-top: 8%;
    }
    .section-1 .caja h3{
        font-size: 1.2rem;
        margin-bottom: 15px;
    }
    #inicio .row.align-items-center.h-100{
        padding: 30px 0px;
    }

    .section-2{
        padding-bottom: 0px !important;
    }

    .recuadros {
        padding: 30px 0px;
    }
    .recuadros .caja{
        margin-bottom: 30px;
    }

    .cuadro-azul {
        padding: 0px 0px;
    }
    .cuadro-azul .caja .col-md-8 {
        padding: 30px;
    }
    .cuadro-azul .caja h3 {
        font-size: 1.6rem;
    }
    .cuadro-azul .caja a {
        padding: 6px 30px;
    }
    .cuadro-azul .caja img {
        border-radius: 0px 0px 20px 20px;
        translate: 0px;
        width: 100%;
    }

    #punzones.info-cuadros .caja .row{
        display: flex;
    }
   #punzones .swiper.punzones{
    margin-top: 20px;
    }
    .info-cuadros h3{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .swiper-pagination {
        bottom: var(--swiper-pagination-bottom,-8px) !important;
        z-index: 20;
    }
    .info-cuadros ul li {
        text-align: left;
    }
    #resortes.info-cuadros,#cilindros.info-cuadros{
        padding-top: 0px;
    }
    #resortes .swiper.cilindros{
        margin-top: 20px;
    }
    #cilindros.info-cuadros .caja .row{
        display: flex;
    }
    .uno {
        order: 1;
       }
    .dos {
    order: 2;
    }
    #cilindros.info-cuadros .swiper.resortes{
        margin-top: 20px;
    }

    .cuadro-azul-2 .caja h3 {
        font-size: 1.1rem;
        line-height: 30px;
    }
    .cuadro-azul-2 .caja img {
        border-radius: 0px 0px 20px 20px;
        translate: 0px;
        width: 100%;
    }
    .cuadro-azul-2 .caja .col-md-8 {
        padding: 16px;
    }
    .cuadro-azul-2 .row .col-md-4{
        padding: 0px !important;
    }


    #asesor.info-cuadros{
        padding-top: 0px !important;
    }


    section.video {
        padding: 20px 0 50px;
    }
    .video img {
        border-radius: 10px;
    }
    .video h3 {
        color: var(--colorNegro);
        text-align: center;
        font-weight: 400;
        font-size: 1.2rem;
        line-height: 23px;
        position: relative;
        margin-top: 10px;
        width: auto;
        bottom: auto;
    }
    .video a {
        position: absolute;
        bottom: 57%;
        width: 94%;
        text-align: center;
    }
    .video a img{
        width: 20%;
    }
    

    #footer{
        background-size: cover;
        background-position: center center;
        text-align: center;
    }
    footer .linea,footer .linea-2{
        width: 40%;
        height: 1px;
        margin-bottom: 20px;
        background: var(--colorRojo);
        text-align: center;
        margin: auto;
        margin-bottom: 20px;
    }
    footer p{
        margin: 0 0 0px;
    }
    .footer {
        padding: 20px 0px;
        background: var(--colorRojo);
        text-align: center !important;
    }
    .footer .text-end{
        text-align: center !important;
    }
}

@media screen and (max-width: 1100px) {
}
@media screen and (max-width: 1400px) {
}