@media only screen and (max-width: 1023px) {
    #header > .container {
        width: 100%;
    }

    .region-header {
        /*flex-direction: column;*/
        align-items: center;
        padding-top: 0;
        display: flex;
        background-color: #f8f8f8;
        #block-cuscotours-site-branding {
        width: 40%;
        background-color: #f3f3f3;
        padding: 10px 0;

        .site-logo img {
            max-width: 150px;
            margin-left: 15px;
            }
        }

        #block-cuscotours-blockheadermain {
            width: 20%;
            background-color: #f8f8f8;
            justify-content: center;
            .field--name-field-tipbloq-headm-blkcontch {
            display: none;
            }

        }
        div#block-cuscotours-advancedlanguageselectorblock {
        width: 30%;
        }

    }

    


    .field--name-field-tipbloq-headm-blkcontch::after {
        margin-bottom: 0;
    }

    #block-cuscotours-blockheadermain .field--name-field-tipbloq-headm-blkcontch {

    }

    #block-blockcontactheader {
        position: absolute;
        right: 0;
        top: 15%;
        margin-bottom: 0;

        .field--name-field-tipparg-contchd-icon {
            background-color: #cecece;
            border-radius: 50%;
            padding: 5px;
        }


        .field--name-field-tipbloq-contchd-prg-conth {

        }

        .field--name-field-tipbloq-contchd-dispolink {
            display: none;
        }

        .field--name-field-tipbloq-contchd-customlink {
            display: none;
        }

        .field--name-field-tipparg-contchd-link {
            display: none;
        }

        .field--name-field-tipbloq-contchd-prg-conth {
            gap: 5px;
        }
    }

    .field--name-field-tipbloq-contchd-flags {
    }

    .tbm.tbm--mobile {
        display: flex;
        flex-direction: row;
        justify-content: end;
    }

    .tbm-button {
        background-color: transparent;
        border: none;
        margin-bottom: 0;
    }

    .tbm.tbm--mobile .tbm-collapse {
        padding-top: 0;
    }

    .tbm-button-container {
        width: 35px;
        height: 30px;
    }

    #block-cuscotours-blockslidermain {

        /*padding-top: 15%;*/
        padding-bottom: 15%;
        text-align: center;
    }

    #block-cuscotours-blockslidermain .field--name-field-tipbloq-slidma-background {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
    }

    #block-cuscotours-blockslidermain .field--name-field-tipbloq-slidma-background img {
        height: 100%;
        object-fit: cover;
    }

    #block-cuscotours-blockslidermain .overlay-slider {
        position: relative;
    }

    #block-cuscotours-blockslidermain .overlay-slider .container {
        width: 90%;
        margin: 0 auto;
    }

    #block-cuscotours-blockslidermain .field--name-field-tipbloq-slidma-title {
        width: 100%;
    }

    #block-cuscotours-blockslidermain .field--name-field-tipbloq-slidma-title h2 {
        font-size: 1.8em;
    }

    #block-cuscotours-blockslidermain .field--name-body {
        width: 100%;
    }

    #block-cuscotours-blockcuscotours {
        margin-top: 5%;
    }

    #block-cuscotours-blockcuscotours > .container {
        width: 90%;
        margin: 0 auto;
    }

    #block-cuscotours-blockcuscotours .field--name-field-tipbloq-cusctor-title h1 {
        font-size: 1.4em;
    }

    #block-cuscotours-blockcuscotours .field--name-body {
        width: 100%;
    }

    #block-cuscotours-blockcuscotours .field--name-field-tipbloq-cusctor-prgcustor {
        grid-template-columns: 1fr;
    }

    #block-cuscotours-blocktourpoulares > .container {
        width: 90%;
        margin: 0 auto;
    }

    #block-cuscotours-blocktourpoulares .field--name-field-tipbloq-trpopu-title h2 {
        font-size: 1.4em;
    }

    #block-cuscotours-blocktourpoulares .field--name-body {
        width: 100%;
    }

    .view-view-popular-tour-home > .view-content {
        grid-template-columns: 1fr;
    }

    #block-cuscotours-blocksliderperu .container {
        width: 90%;
        margin: 0 auto;
    }

    #block-cuscotours-blockcustomtours > .container {
        width: 90%;
        margin: 0 auto;
    }

    #block-cuscotours-blockcustomtours .field--name-field-tipbloq-custtour-title h2 {
        font-size: 1.4em;
    }

    #block-cuscotours-blockcustomtours .field--name-body {
        width: 100%;
    }

    .view-view-custom-tour-home > .view-content {
        grid-template-columns: 1fr;
    }

    #block-cuscotours-blocksliderhumantay {
        padding-top: 15%;
        padding-bottom: 15%;
    }

    #block-cuscotours-blocksliderhumantay .field--name-field-tipbloq-humans-background {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
    }

    #block-cuscotours-blocksliderhumantay .field--name-field-tipbloq-humans-background img {
        height: 100%;
        object-fit: cover;
    }

    #block-cuscotours-blocksliderhumantay .overlay-main {
        position: relative;
    }

    #block-cuscotours-blocksliderhumantay .overlay-main .container {
        width: 90%;
        margin: 0 auto;
    }

    #block-cuscotours-blocksliderhumantay .overlay-main .body-container {
        width: 100%;
    }

    #block-cuscotours-blocksliderhumantay .field--name-field-tipbloq-humans-title h2 {
        font-size: 1.4em;
        color: white;
    }

    #block-cuscotours-blockpackagesperu > .container {
        width: 90%;
        margin: 0 auto;
    }

    #block-cuscotours-blockpackagesperu .field--name-field-tipbloq-packp-title h2 {
        font-size: 1.4em;
    }

    #block-cuscotours-blockpackagesperu .field--name-body {
        width: 100%;
    }

    .view-view-packages-peru-home > .view-content {
        grid-template-columns: 1fr;
    }

    #block-cuscotours-blockdetailsagen > .container {
        width: 90%;
        margin: 0 auto;
    }

    #block-cuscotours-blockdetailsagen .field--name-field-tipbloq-detagen-prgdetag {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    #block-cuscotours-blockdetailsagen .field--name-field-tipbloq-detagen-prgdetag .field--name-field-tipparg-detagen-icon {
        width: 60px;
        height: 60px;
    }

    #block-cuscotours-blockdetailsagen .field--name-field-tipbloq-detagen-prgdetag .field--name-field-tipparg-detagen-icon img {
        width: 100%;
        height: auto;
        display: block;
    }

    #block-cuscotours-blockbloghome > .container {
        width: 90%;
        margin: 0 auto;
    }

    #block-cuscotours-blockbloghome .field--name-field-tipbloq-blogh-title h2 {
        font-size: 1.4em;
    }

    #block-cuscotours-blockbloghome .field--name-body {
        width: 100%;
    }

    .view-view-blog-home .view-content {
        grid-template-columns: 1fr;
    }

    .field--name-field-tip-parg-cont-blog-body img {
    width: 100%;
        
    }


    #block-cuscotours-blockquestionscontent > .container {
        width: 90%;
        margin: 0 auto;
    }

    #block-cuscotours-blockquestionscontent .field--name-field-tipbloq-quest-title h2 {
        font-size: 1.4em;
    }

    #block-cuscotours-blockcertificactions > .container {
        width: 90%;
        margin: 0 auto;
    }

    #block-cuscotours-blockcertificactions .field--name-field-tipbloq-cert-title h2 {
        font-size: 1.4em;
    }

    #block-cuscotours-blockcertificactions .field--name-field-tipbloq-cert-images {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

    #block-cuscotours-blockfootermain > .container {
        display: block;
        margin: 0 auto;
        div#block-blockinfocontact{
            .field--name-field-tipbloq-infocont-logo {
            display: flex;
            justify-content: center;
            }
            .field--name-field-tipbloq-infocont-prgconftr {
            align-items: center;
            }

        }
        div#block-blockaboutusfooter{
            margin-top: 30px;
            .field.field--name-field-tipbloq-aboutus-ftr H2{
                text-align: center;
            }
            .field--name-field-tipbloq-aboutus-ftr-vabtus{
                margin-top: 10px;

            }

        }
        div#block-blocksocialmfooter {
            margin-top: 30px;
            .field--name-field-tipbloq-socialm-prgsociftr {
                justify-content: space-evenly;
                margin-top: 10px;
                margin-bottom: 30px;
            }
        }
        div#block-bloquebooksfooter {
            margin-top: 30px;
            .field--name-field-tipbloq-bookf-prgbookf {
                justify-content: space-evenly;
                margin-top: 10px;
            }
        }


    }

    .page-node-type-tour-page #contenedor {
        grid-template-columns: 1fr;
        width: 90%;
        margin: 0 auto;
    }

    .page-node-type-tour-page .view-view-slider-tour .view-content {
        width: 90%;
        margin: 0 auto;
    }

    .page-node-type-tour-page .view-view-slider-tour .views-field-field-pgtour-short-gallery .field-content {
        grid-template-columns: 1fr;
    }

    .page-node-type-tour-page .view-view-slider-tour .views-field-field-pgtour-short-gallery .thumbnails {
        grid-template-columns: repeat(3, 1fr);
      grid-template-rows: none;
      height: auto;
    }

    .page-node-type-tour-page .view-view-slider-tour .views-field-title {
        bottom: 45%;
        left: 0;

        width: 100%;
        box-sizing: border-box;

        h1 {
            font-size: 1.8em;
        }
    }

    .page-node-type-tour-page .nav-button {
        font-size: 14px;
        padding: 5px 10px;
    }

    .page-node-type-tour-page .entity-ref-anchor-formatter > ul {
        flex-wrap: wrap;
        padding: 10px;
        top: 95px;
        background: #f1f1f1;
        justify-content: space-evenly;

    }

    .page-node-type-tour-page .entity-ref-anchor-formatter .value-formatter {
        font-size: 14px;
    }

    .field--name-field-pgtour-short-description img {
    width: 100%;
    }
    .field--name-field-tipparg-tabtour-body img {
    width: 100%;
    
    }



    #block-blockaboutusfooter .field--name-field-tipbloq-aboutus-ftr h2 {
        text-align: start;
    }

    #block-blocktoursfooter .field--name-field-tipbloq-tours-ftr h2 {
        text-align: start;
    }

    .view-view-slider-about-us .views-field-title h1 {
        font-size: 2em;
    }

    .view-view-tax-blog > .view-content {
        grid-template-columns: 1fr;
    }

    .page-node-type-blog-page {
        #contenedor {
            grid-template-columns: 1fr;
            width: 90%;
        }
    }

    .view-view-blog-recient {
        .view-content {
            grid-template-columns: 1fr;
        }
    }
  .page-node-type-tour-page .view-view-slider-tour .views-field-field-pgtour-short-gallery .slider-module {
    height: auto;
  }

  .page-node-type-tour-page .view-view-slider-tour .views-field-field-pgtour-short-gallery .thumbnail img {
    height: 100px;
  }

  /*
 * Estilos para Dispositivos Móviles y Tabletas Pequeñas
 * Se aplican cuando el ancho de la pantalla es de 768px o menos.
 */

    .days-summary {
        padding-bottom: 15px; /* Reducir el espacio inferior */
    }

    /* Ajustar la línea vertical para pantallas más pequeñas */
    .days-summary:before {
        left: 1.5rem; /* Mover la línea más a la izquierda */
    }

    .days-summary .day-header {
        flex-direction: column; /* Apilar el número del día y el título */
        align-items: flex-start; /* Alinear a la izquierda */
        margin-bottom: 10px;
        padding-left: 1.5rem; /* Empujar el contenido a la derecha de la línea */
    }

    .days-summary h4 {
        margin-left: 0; /* Quitar el margen izquierdo cuando está apilado */
        margin-top: 10px; /* Espacio encima del título cuando está apilado */
        font-size: 15px; /* Reducir un poco el tamaño de fuente del título */
        text-align: center; /* Centrar el título si lo deseas */
        width: 100%; /* Asegurar que ocupe todo el ancho */
    }

    .days-summary .day-highlights {
        padding-left: 1.5rem; /* Reducir el padding para que no sea tan extremo */
        margin-top: 0.5rem;
    }

    .days-summary .day-number {
        width: 4rem; /* Reducir el tamaño del círculo */
        height: 4rem; /* Reducir el tamaño del círculo */
        font-size: 12px; /* Reducir tamaño de fuente del "Día" */
        margin-left: 0; /* Eliminar el margen izquierdo si lo tuviera */
        margin-right: auto; /* Centrar si está solo o empujar a la izquierda */
    }

    .days-summary .day-number span {
        font-size: 18px; /* Reducir tamaño de fuente del número */
    }


/*
 * Estilos para Dispositivos Móviles muy pequeños (ej. anchos menores a 480px)
 * Puedes añadir otra media query para ajustes aún más finos.
 */

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


/*---------------------------------*/
.tbm-nav, [dir='ltr'] .tbm-nav {
    position: fixed;
    top: 60px;
    left: 0;
    width: 100%;
}

div#block-cuscotours-content {
    img {
    width: 100%;
   
    }
}

.page-node-type-about-us-page #contenedor {
    display: block;
    width: 85%;
    margin: auto;
}
.page-node-type-about-us-page #contenido {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    
}

.page-node-type-about-us-page #sidebar_right {
    padding: 0;
    border-left: none;
    width: 100%;
    
}

form#webform-submission-libro-de-reclamaciones-add-form {
    width: 85%;
    padding: 30px 10px;
}


}
@media (max-width: 480px) {
    .days-summary:before {
        left: 1rem; /* Mover la línea aún más a la izquierda */
    }

    .days-summary .day-header {
        padding-left: 1rem;
    }

    .days-summary .day-highlights {
        padding-left: 1rem;
    }

    .days-summary .day-number {
        width: 3.5rem;
        height: 3.5rem;
        font-size: 11px;
    }

    .days-summary .day-number span {
        font-size: 16px;
    }
}