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

    .not-frontpage #menu {
        top: 48px;

        .container {
            width: 100%;
            justify-content: space-between;
        }
    }

    .not-frontpage .region-menu {
        justify-content: end;
    }

    .not-frontpage .region-menu {
        display: block;
    }

    .not-frontpage {
        & .tb-megamenu {
            justify-content: end;
        }
    }


    #block-happyllamastravel-bloqueheadercontacto {
        font-size: 14px;

        > .container {
            width: var(--width-mobile);
        }

        .field--name-field-tip-parraf-head-contac-ico {
            display: none;
        }

        .field--name-field-tip-parraf-head-contac-ico {
            display: none;
        }

        #block-gtranslate {
            & img {
                width: 24px;
                opacity: 1;
            }
        }

        .redes-cont {

        }

        .field--name-field-tipbloq-head-contac-dispo {
            display: none;
        }

        .field--name-field-tipbloq-head-contac-perso {
            display: none;
        }

        .field--name-field-tipbloq-head-contac-redes {
            img {
                width: 24px;
            }
        }
    }

    .menu-toggle {
        display: block;
    }

    .path-frontpage #menu.is-sticky {

    }

    #block-happyllamastravel-bloqueheadercontacto {
        & .field--name-field-tipbloq-head-parraf-contac {
            & .paragraph--type--tipo-paragraph-contacto-header {
                & .field--name-field-tip-parraf-head-contac-ima img {
                    width: 24px;
                }
            }
        }
    }

    #menu {
        background-color: black;
        height: 60px;

        .container {
            display: flex;
            height: 100%;
            align-items: center;
        }

        .region-menu {
            flex: 1;
        }

        .menu {
            font-size: 14px;
            margin: 0;
            position: absolute;
            width: 100%;
            top: 45px;
            display: none;
            flex-direction: column;
            gap: 15px;

            background-color: white;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

            padding: 20px;
            box-sizing: border-box;

            .menu-item {
                border-bottom: 1px solid #d6d6d6;
            }

            a {
                color: #434343;
            }
        }

        .menu.active {
            display: flex;
            left: 0;
            top: 60px;
        }

        /*#block-happyllamastravel-site-branding {
          display: block;
          margin-left: 5%;

          img {
            width: 60px;
          }
        }

        .site-name {
          display: none;

        }*/
    }

    .path-frontpage {
        & .tb-megamenu {
            justify-content: end;
        }

        #menu {
            position: sticky;
            top: 48px;
        }
    }

    .tb-megamenu .dropdown-menu .active > a {
        color: white;
    }

    .tb-megamenu .btn-navbar {
        background-color: transparent !important;
        background-image: none;
        font-size: 30px !important;
        padding: 0 !important;
        margin-right: 20px;
    }

    #slider {
        margin-top: 0;
    }

    #block-happyllamastravel-bloqueslider {

        #tns1 {
            height: 400px;

            > .tns-item {
                height: 100%;

                img {
                    height: 100%;
                }
            }
        }


        .cont-slider-body {
            width: 100%;
            margin-left: 0;
            padding: 20px;
            box-sizing: border-box;
        }

        .field--name-field-tipbloq-slider-logo {
            img {
                width: 120px;
            }
        }

        .field--name-field-tipbloq-slider-titulo {
            text-align: center;

            h1 {
                /*font-size: var(--font-modile-title);*/
                font-size: 1.5em;
            }

            &::after {
                width: 100%;
            }
        }

        .field--name-body {
            font-size: 14px;
            text-align: center;
        }

        .field--name-field-tipbloq-slider-contactenos {
            text-align: center;

            a {
                padding: 5px 25px;
                font-size: 0.8em;
            }
        }
    }

    /* Bloque quienes somos */
    #block-happyllamastravel-bloquequienessomos {
        > .container {
            width: var(--width-mobile);
        }

        .field--name-field-tipbloq-quiesom-title {
            h2 {
                font-size: var(--font-modile-title);
            }
        }

        .field--name-body {
            width: 100%;
            font-size: var(--font-mobile);
        }

        .field--name-field-tipbloq-quisom-pargquisom {
            grid-template-columns: repeat(1, 1fr);
        }
    }

    /* End Bloque quienes somos */
    /* Bloque Tours mas populares */
    #block-happyllamastravel-bloquetourspopulares {
        > .container {
            width: var(--width-mobile);
        }

        .field--name-field-tipbloq-tourpopu-backgroun {
            /*position: absolute;*/
            top: 0;
            bottom: 0;
            width: 100%;
            height: 100%;

            img {
                height: 100%;
                object-fit: cover;
                object-position: center;
            }
        }

        .cont-body {
            box-sizing: border-box;
            /*background: rgba(0, 0, 0, 0.5);*/
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;

            width: 100%;
            /*position: relative;*/
            padding: 20px 10px;

            .field--name-field-tipbloq-tourpopu-title {
                font-size: var(--font-modile-title);
                font-weight: 600;
                text-align: center;
            }

            .field--name-body {
                font-size: 13px;
                text-align: justify;
            }
        }
    }

    .view-vista-tours-populares-inicio {
        width: var(--width-mobile);

        .view-content {
            grid-template-columns: repeat(1, 1fr);
        }

        .views-row {
            .contenedor-body {
                height: auto;
            }
        }

        .animate-body {
            opacity: 1;
            transform: translateY(0);
            margin: 0;
        }

        .views-row:hover .contenedor-body {
            height: auto;
        }

        .views-row:hover .animate-body {
            opacity: 1;
            transform: translateY(0);
            margin-top: 0;
        }
    }

    /* End Bloque Tours mas populares */
    /* Bloque Inca Trail */
    #block-happyllamastravel-bloqueincatrail {
        > .container {
            width: var(--width-mobile);
        }

        .field--name-field-tipbloq-incatra-background {
            position: absolute;
            top: 0;
            bottom: 0;
            width: 100%;
            height: 100%;

            img {
                height: 100%;
                object-fit: cover;
                object-position: center;
            }
        }

        .cont-body {
            box-sizing: border-box;
            background: rgba(0, 0, 0, 0.5);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            position: relative;

            width: 100%;
            padding: 20px 10%;

            .field--name-field-tipbloq-incatra-title {
                font-weight: 600;
                font-size: var(--font-modile-title);
            }

            .field--name-body {
                font-size: var(--font-mobile);
                text-align: center;
            }
        }
    }

    /* End Bloque Inca Trail */
    /* Bloque Machupichu */
    #block-happyllamastravel-bloquemachupicchu {
        > .container {
            width: var(--width-mobile);
        }

        .field--name-body {
            width: 100%;
        }

        .view-vista-machupicchu-home {
            .view-content {
                grid-template-columns: repeat(1, 1fr);
            }

            .views-row {
                .contenedor-body {
                    height: auto;
                }
            }

            .animate-body {
                opacity: 1;
                transform: translateY(0);
                margin: 0;
            }

            .views-row:hover .contenedor-body {
                height: auto;
            }

            .views-row:hover .animate-body {
                opacity: 1;
                transform: translateY(0);
                margin-top: 0;
            }
        }
    }

    /* End Bloque Machupichu */
    /* Bloque Inca Jungle */
    #block-happyllamastravel-bloqueincajungle {
        > .container {
            width: var(--width-mobile);
        }

        .field--name-field-tipbloq-incjung-background {
            position: absolute;
            top: 0;
            bottom: 0;
            width: 100%;
            height: 100%;

            img {
                height: 100%;
                object-fit: cover;
                object-position: center;
            }
        }

        .cont-body {
            box-sizing: border-box;
            background: rgba(0, 0, 0, 0.5);
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            position: relative;
        }

        .field--name-field-tipbloq-incjung-title {
            font-size: var(--font-modile-title);
        }

        .field--name-body {
            font-size: var(--font-mobile);
            text-align: center;
        }
    }

    /* End Bloque Inca Jungle */
    /* Bloque Bloque Tradicionales */
    #block-happyllamastravel-bloquetradicionales {
        .field--name-field-tipbloq-tradi-title {
            width: var(--width-mobile);
        }

        .field--name-body {
            width: var(--width-mobile);
        }

        .view-vista-tours-tradicionales-home {
            .view-content {
                grid-template-columns: repeat(1, 1fr);
                width: var(--width-mobile);
            }
        }
    }

    /* End Bloque Tradicionales */
    /* Bloque  acreditaciones*/
    #block-happyllamastravel-bloqueacreditaciones {
        > .container {
            width: var(--width-mobile);
        }

        .field--name-body {
            width: 100%;
        }

        .field--name-field-tipbloq-acredi-imagenes {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
        }

    }

    /* End Bloque  acreditaciones*/
    /* Bloque Footer */
    #block-happyllamastravel-bloquefooter {

        /*.field--name-field-tipbloq-footer-background {
            position: absolute;
            top: 0;
            bottom: 0;
            width: 100%;
            height: 100%;

            img {
                height: 100%;
                object-fit: cover;
                object-position: center;
            }
        }*/

        .field--name-field-tipbloq-block-contact {
            width: 100%;
            box-sizing: border-box;
        }

       

        .cont-body {
            position: relative;
        }

        .container2 {
            width: 100%;
            gap: 0;
            grid-template-columns: repeat(1, 1fr);
            box-sizing: border-box;
        }

        .field--name-field-tipbloq-foot-block-informa {
            margin-left: 0;
        }

        #block-loquesocialnetworks {
            margin-left: 0;
            margin-top: 0px;
        }

        #block-bloquecontactus {
            margin-top: 30px;
        }
    }
    #block-happyllamastravel-bloquefooter .container .field--name-field-tipbloq-footer-background{
    overflow: hidden;
    }
     #block-happyllamastravel-bloquefooter .container .field--name-field-tipbloq-footer-background img.image-style-slider-footer {
        object-fit: cover;
        width: 710%;
    }
    #block-happyllamastravel-bloquefooter {
    .grupo01 {
        display: block;
        .field--name-field-tipblock-foot-block-contus {
            width: 85%;
            margin: auto;
            font-size: 0.9em;
            #block-bloquecontactus{
                .field--name-field-tipbloq-contusfoot-logo{
                margin: auto;
                }
                .field--name-field-tipbloq-contacus-title{
                    text-align: center;
                    margin: 0;
                }
                .field--name-field-tipbloq-contusfoot-body {
                    text-align: center;
                }

            }
                
            }
            
        .field--name-field-tipblock-foot-vista-abou-u {
            margin: auto;
            width: 85%;
            font-size: 0.9em;
            #block-acercadelaempresa {
                .field--name-field-bloq-about-us-title-vista {
                    text-align: center;
                }
            }

        }
        .field--name-field-tipbloq-footer-linro-recla {
            display: flex;
            justify-content: space-evenly;
            margin-top: 10px;
        }    

    }

}

#block-linklibroreclamac {
    margin-top: 0px;
}
#block-happyllamastravel-bloquefooter {
    .field--name-field-tipbloq-socialnet-title {
       margin-top: 0px;
       text-align: center;
    }
}

#block-happyllamastravel-bloquefooter {
    .field--name-field-tipbloq-socialnet-pargh-so {
       justify-content: center;
    }
}

.field--name-field-tipbloq-footer-block-socia {
    width: 85%;
    margin: auto;
}

#block-acercadelaempresa {
    .field.field--name-field-bloq-about-us-title-footer {
        h2 {
            text-align: center;
            }
        }
    }


    /* Bloque End Footer */
    /* Pagina Tour */
    .page-node-type-pagina-tour {
        #contenedor {
            grid-template-columns: repeat(1, 1fr);
            width: var(--width-mobile);
        }

        .entity-ref-anchor-formatter ul {
            flex-wrap: wrap;
            font-size: 14px;
        }

        .field--name-field-page-tour-galleria {
            grid-template-columns: repeat(1, 1fr);
        }

        #block-happyllamastravel-views-block-vista-tour-book-now-block-1 {
            .view-vista-tour-book-now {
                margin-top: 20px;
            }
        }


    }

    /* End Pagina Tour */
    /* Pagina Blog */
    .page-node-type-pagina-blog {
        #contenedor {
            grid-template-columns: repeat(1, 1fr);
            width: var(--width-mobile);
        }

        .view-vista-slider-blog {
            .views-field-title {
                font-size: 20px;
            }
        }


    }

    /* End Pagina Blog */
    /* Block blogs home */
    #block-happyllamastravel-bloqueblogs {
        > .container {
            width: var(--width-mobile);
        }

        .view-vista-blog-en-home {
            .view-content {
                grid-template-columns: repeat(1, 1fr);
            }
        }
    }

    /* End Block blogs home */
    #block-happyllamastravel-bloquefooter {
        & .container2 {
            & .container3 {
                flex-direction: column;
                gap: 20px;
            }
        }
 
    }


/*---------------- template ck editor-----------*/
.template-2-columns-row {
  display: block; /* Utiliza Flexbox para el diseño de columnas */
  justify-content: space-between; /* Espacia las columnas */
  }


/*---------------------------------*/
}