/* <=== RESPONSIVE ===> */

@media screen and (max-width: 1475px) {
    #calendar-container #calendar {
        max-width: calc(100% - 40px);
    }
    #calendar-container h2 {
        /* max-width: calc(100% - 40px); */
    }
    #calendar-container .close-calendar-container #close-calendar{
        /* margin-left: 0; */
    }
}
@media screen and (max-width: 1199px) {
    .bloque-imagen, .bloque-texto{margin-bottom: 30px;}
    #navbarSupportedContentLogin,
    #navbarSupportedContent{padding: 0;}
}



@media only screen and (min-width: 991px) {
    html{overflow:unset;}
    .menu-secundario #menuSecundario {
        display: block;
    }

    .menuuser0 .userItem>a {
        pointer-events: none;
    }

    .contenidor-fast-menu .fast-menu-toggler{ display: none; }
    .contenidor-fast-menu .fast-menu{ display: block; }

    .contenidor-dadespersonals .dadespersonals-toggler{ display: none; }
    .contenidor-dadespersonals .dadespersonals{ display: block; }

    #reserva #customer-info .row{ display: grid; grid-template-columns: repeat(2, 1fr); }
    .address-form{ display: grid; grid-template-columns: repeat(2, 1fr); }

    .filters-list.collapse{display: block !important;}
    .filter-title i{display: none;}
    /* .filter-title{cursor: pointer;} */
    .activity-info {
          height: 100%;
    }
}
@media only screen and (max-width: 991px) {
    .filter-title{cursor: pointer;}
    #footer .redes-sociales  .social-icons .intsocial{justify-content: start; padding: 15px;}
    #navbarSupportedContent .buscador{margin-bottom: 0px !important;}
    .contenedor-menu .buscador{display: none;}
    #navbarSupportedContent .buscador{display: flex;}
    .ordenado-1{order: 1;}

    .buscador { transition: all 0.3s ease; }
    .buscador > div{ display: flex; justify-content: right; align-items: center;}
    .dropdown-searchcont.active {position: absolute; transition: width 0.5s ease-in-out; visibility: visible;}
    .dropdown-searchcont.active .icon-input{position: relative; border-left:  unset !important; padding: 0;}
    .dropdown-searchcont.active .icon-input, .searchcont .icon-input{margin-bottom: 10px; padding: 5px 0 5px 10px; background-color: #fff; color: var(--verde-claro);}

    .dropdown-searchcont {visibility: hidden;}

    .search-form{align-items: center;}
    .searchcont{width: 0% !important; transition: width 0.5s ease-in-out;}
    .searchcont .form-control{padding: 0 !important;}
    .searchcont .icon-input{visibility: hidden;}
    .searchcont .icon-input.icon-input-2 { border: unset !important; position: absolute; left: -23px; padding: 5px !important; bottom: 0px; width: 12px; background-color: transparent;}

    .searchcont.active .icon-input{visibility: visible;}
    .searchcont.active{width: 100% !important; transition: width 0.5s ease-in-out;}
    .searchcont.active .form-control{padding: auto !important;}

    .buscador { display: flex; align-items: center; justify-content: end; }
    .icon.show-search{display:none;}
    .form-control.search{border:none;border-bottom: 1px solid var(--verde-claro); border-radius:0;height: 30px; margin-bottom: 15px;}
    .search-form .icon-input{border:none; padding: 5px 0 5px 10px;}
    .searchcont .searchform{display: block!important;}
    .form-control:focus{ box-shadow: unset; }   

    #navbarSupportedContent{margin-top: 10px;}
    .navigation-wrap .main-navigation ul li.nav-item{ margin: 0 0 5px 0; }
    #federacio .titular-seccion, .titular-seccion { padding-top: 7%; padding-bottom: 7%; }

    .nav-item.dropdown .dropdown-menu{background-color: unset !important;}
    .menu-secundario-toggler{padding-top: 15px; padding-bottom: 15px ;}
    .menu-secundario-toggler span.btn.btn-primary { width: fit-content; display: block; height: auto; border: 2px solid var(--verde-oscuro); position: relative; background-color: var(--verde-oscuro); padding: 10px 20px; border-radius: unset; font-weight: bold; transition: underline 0.3s ease; width: fit-content; color: #fff; }
    .menu-secundario-toggler span.btn.btn-primary:hover { box-shadow: unset !important; text-decoration: unset; background-color: #fff !important; color: var(--verde-oscuro) !important; }
    .menu-secundario{}
    .menu-secundario #menuSecundario.show{display: block; padding-bottom: 15px;} 
    .menu-secundario #menuSecundario ul.listado{ display: grid; justify-content: start; grid-template-columns: unset !important;} 
    .menu-secundario #menuSecundario ul.listado li{text-align: left !important;} 

    .menu-secundario ul.listado{display: flex; flex-wrap: wrap; justify-content: start;}
    .menu-secundario ul.listado li.item-listado{margin-right: 20px;}
    /* .bloque-login.bloque-login2{display: none !important;} */
    header .lock-container{padding: 0 15px !important;}

    #booking-form{padding: 0 15px !important;}
    .carrito-navegacion{padding: 0 15px !important;}

    .cart_unit{text-align: right !important;}
    .cart_delete{text-align: right !important;}
    #coupon-div{padding-bottom: 20px;}

    #reserva .tempo .bookingTime-info{width: 100%;}
    #reserva .messageContainer .resum .products .product-info,
        #customer-info-material .resum .products .product-info {
            /* max-width: calc(33.3333333% - (20px*2 / 3)); */
        }

    #selectedHours{grid-template-columns:repeat(2, 1fr);}
    #selectedHours .selectedHours-title{grid-area: 1/1/1/3;}
    .form-container{padding: 0 !important;}

    .carrito-navegacion{flex-direction: column;}

    #validate-coupon {
        margin-left: 10px;
        margin-top: 0 !important;
    }
    #detalle-pedido .materialInfo .form-check label input{margin-right: 5px;}

    #detalle-pedido .materialInfo .form-check{flex-direction: column;}
    #calendario .fc .fc-toolbar{flex-direction: column; gap: 10px;}
    #calendario .fc-daygrid-day-number{font-size: 12px;}

    /* #calendar-container > div > h2 { max-width: calc(100% - 40px); } */
}
@media only screen and (max-width: 840px) {
    #calendar-container #calendar{
        max-width: calc(100% - 40px);
        width: 100%;
        min-width: unset;
    }
    #calendar-container .selectedHours{
        max-width: calc(100% - 40px);
        width: 100%;
    }
    #calendar-container .close-calendar-container #close-calendar {
        margin-left: 0;
    }
    #calendar-legend,
    #calendar-container > div > h2 {
        max-width: calc(100% - 40px);
    }
}
@media screen and (min-width: 768px){
    #menu-filter{display: block !important;}
    #order-info .page-button .btn { margin-left: auto !important; display: block; width: fit-content;}

}
@media screen and (max-width: 768px){
    .filter-toggler{padding-top: 15px; padding-bottom: 15px ;}
    .filter-toggler span.btn.btn-primary { width: fit-content; display: block; height: auto; border: 2px solid var(--verde-oscuro); position: relative; background-color: var(--verde-oscuro); padding: 10px 20px; border-radius: unset; font-weight: bold; transition: underline 0.3s ease; width: fit-content; color: #fff; }
    .filter-toggler span.btn.btn-primary:hover { box-shadow: unset !important; text-decoration: unset; background-color: #fff !important; color: var(--verde-oscuro) !important; }
    #menu-fitler.show{display: block; padding-bottom: 15px;} 

    #booking-form .form-group.row { display: flex; flex-direction: column; }
    #booking-form .form-group.row label{max-width: 100%;}
    #booking-form .form-group.row .col-8{max-width: 100%;}
}
@media screen and (max-width: 600px) {
    .sidebar-container #availability-container{
        max-width: calc(100% - 40px);
    }
}
@media screen and (max-width: 576px) {
    .contenedor-texto-right .bloque-texto{padding-left: 15px;}
    .contenedor-texto-right .bloque-imagen{padding-right: 15px;}
    .contenedor-texto-left .bloque-imagen{padding-left: 15px;}
    .buscador > div{min-width: 100%;}
    .main-navigation .searchcont{margin: 0 20px 0 6px;}
    .extratop .bloque-login:nth-child(3){justify-content: start; margin-top: 15px;}
    .extratop .bloque-login:nth-child(2){justify-content: end; }
    .extratop .redes-sociales  .social-icons .intsocial .sociallist li{margin-bottom: 5px;}
    .titular-seccion, #federacio .titular-seccion, .titular-seccion { padding-top: 10%; padding-bottom: 10%; }
    
    #reserva .messageContainer .resum .products .product-info,
        #customer-info-material .resum .products .product-info {
            /* max-width: calc(50% - (20px/2)); */
        }

    
    #selectedHours{grid-template-columns:repeat(1, 1fr);}
    #selectedHours .selectedHours-title{grid-area: 1/1/1/2;}

    .step::before{position: unset !important; margin-bottom: 10px;}
    .step > .col-12{padding: 0 !important;}
    #cart_title{padding: 0 !important; width: unset !important; max-width: unset !important;}
    #customer-info-material > .col-12{padding: 0 !important; }
    #customer-info .form-group{width: 100%;}

    .shoppingcart-content #booking-form{padding: 0 !important;}
    .carrito-navegacion { padding: 0 !important; }

    #reserva .multiple-select {
        margin-left: 0;
        /* padding: 0; */
    }

    .modal-body{min-height: unset !important;}

    .contenidor-fast-menu {margin-bottom: 0;}
    .contenidor-fast-menu h4{margin-top: 0 !important; margin-bottom: 0 !important;}
    .contenido-pagina{margin-top: 0 !important;}

    #calendario .fc-daygrid-day-number{pointer-events: none;}
    .fc-event::after{aspect-ratio: 71/56;}
    .fc-event::before{content: unset !important;}

    .selectedHours{grid-template-columns: repeat(2, 1fr);}
    #calendar-container #continue-booking-container{grid-area: 1 / 1 / 1 / 3;}
    
    .fc .fc-col-header-cell-cushion{font-weight: normal;}

    #calendar-container .selectedHours{ max-height: 164px; overflow: auto; }

    #reserva #continue-booking{font-size: clamp(12px, 10.847px + 0.360vw, 16px) !important; padding: 5px 10px; height: unset;}

    .sidebar-container{top: 5%;}
    
    .mobile-mb-l{margin-bottom: 30px !important;}
    .Activitats.fitxa .periode{margin-bottom: 20px;}
    .Activitats.fitxa .data-activitat{margin-bottom: 5px;}
    .Activitats.fitxa .contingut p{margin-bottom: 15px;}
    .Activitats.fitxa h1{margin-bottom: 25px !important;}
}
@media screen and (max-width: 500px) {
    #validate-coupon {
        margin-top: 10px !important;
        margin-left: 0 !important;
    }
}
@media screen and (max-width: 480px) {
    .margin-principal .col-12{ padding-left: 15px; padding-right: 15px; }
    .titular-seccion h2::after{bottom: 15%;}
    
    #reserva .messageContainer .resum .products .product-info,
        #customer-info-material .resum .products .product-info {
            /* max-width: 100%; */
        }
    .event-button {
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 15px;
        justify-content: center;
    }
    .esdeveniments.product-list .item .post-info p{font-size: 10px;}
    .esdeveniments.product-list h3{font-size: 14px;}
    .esdeveniments.product-list .item .post-info{margin-bottom: 5px;}
    .esdeveniments.product-list .item .post-details{padding: 7px;}
    .esdeveniments.product-list .item .col-2{padding: 7px;}
    .esdeveniments.product-list .item .post-info p:last-child { max-width: 110px;        white-space: nowrap;        overflow: hidden;
        text-overflow: ellipsis;      }
        .page-link {
            padding: 6px 8px;
            margin-left: 0;
            margin-right: 8px;
            border-radius: 4px;
            line-height: 1.25;
            color: var(--dark-blue);
            background-color: transparent;
            border: 1px solid var(--light-2);
            transition: all 200ms linear;
            font-size: 12px;
          }
} 

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

}
@media screen and (max-width: 400px) {
    button + button {margin-top: 15px;}
    #calendar-container #calendar .fc-view-harness{height: 275px !important;}
    .fc-event::after { height: 100%; width: 100%; }
}