@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .rural-lft {
        flex: 0 1 70% !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .agenda-content h3 {
        display: grid;
        overflow: hidden;
        white-space: normal;
        width: 70%;
    }
}

@media screen and (min-width: 769px) {
    .slider {
        height: 86vh;
    }
}

@media screen and (max-width: 768px) {
    .galeria-scroll.mob-galeria {
        padding: 0px 0 60px 0 !important;
    }

    .video-sec {
        width: 101% !important;
    }

    .video-img {
        height: auto !important;
    }

    /* COM ARRIBAR */
    .calcula-vestibulum .rgt-calcula ul li a {
        display: block;
        width: 282px;
    }
}

@media screen and (max-width: 767px) {
    .visitar-rgt .experiencias-main-sec .experiencias-main-list .grid-view-list .mob-filter {
        display: flex;
    }

    .search-box .search-inn input[type="text"] {
        width: calc(100% - 70px);
        margin-left: 0px;
    }

    .search-box .search-inn .submit-ar {
        right: 0px;
    }

    .head-top.cerca .head-top-in .head-rgt {
        width: 100%;
        justify-content: end;
        margin-top: 40px;
        margin-bottom: -140px;
    }

    .galeria-scroll .swiper-slide {
        border-radius: 0;
        height: 395px;
    }

    .galeria-scroll .swiper-slide img {
        object-fit: cover;
        height: 100%;
    }

    .mapa-div .map-out-div {
        padding-right: 0;
        width: 100%;
    }

    .flex-map {
        flex-direction: column;
    }

    .img-det {
        width: 100%;
    }

    .gm-style-iw.gm-style-iw-c {
        max-width: 380px !important;
    }

    .agenda-content h3 {
        display: grid;
        overflow: hidden;
        white-space: normal;
        width: 76%;
    }

    .consult-list ul .lft {
        width: 100%;
    }

    .consult-list ul .rht {
        width: 100%;
    }

    .museu-dali .rural-lft {
        padding: 0px 0px 15px 0 !important;
        flex: 0 1 100% !important;
    }

    .rural-main .rural-lft {
        padding: 0px 0px 15px 0 !important;
        flex: 0 1 100% !important;
    }

    .rural-lft .loc-ico p {
        width: 85%;
    }

    .tambe-div .mob-pagination {
        display: block;
        margin-bottom: 15px;
        float: left;
    }

    .tambe-scroll .museus-cnt span.ico-parcs {
        margin-bottom: 25px;
    }

    .rural-lft .mob-rural-info ul li {
        list-style: none !important;
    }

    .rural-lft .mob-rural-info ul {
        width: 100%;
        display: flex !important;
        flex-wrap: wrap;
        row-gap: 15px;
        margin-bottom: 25px;
    }

    .rural-lft .mob-rural-info ul li {
        flex: 0 1 60% !important;
        font-size: 16px !important;
        line-height: 22px !important;
        color: #161616 !important;
        font-family: 'Montserrat-Medium' !important;
        display: inline-flex !important;
        align-items: center;
        column-gap: 10px !important;
        flex-wrap: wrap;
        padding: 0px;
        margin: 0px;
    }

    ul.flex-column {
        padding-top: 28px;
        display: grid;
        width: 88%;
        place-items: center;
        grid-template-columns: 1fr 1fr;
        row-gap: 20px;
    }

    .rural-sec.prodct-fitxa .rural-rht {
        padding: 20px 0px 0px 0;
    }

    .inner-bn section.breadcrum-sec,
    .breadcrum-sec {
        top: 100px;
    }

    .prodct-fitxa .rural-rht .que-btn.que-pdf {
        margin-top: 0px;
        margin-bottom: 10px;
    }

    .rural-main .rural-rht .que-btn {
        display: block;
    }

    .view-map img {
        height: 270px;
    }

    /*** RESTAURANTS ***/
    .slt-category-list.cuina .sub-menu h3 {
        font-size: 16px;
        border: 1px solid #979797;
        height: 46px;
        display: flex;
        align-items: center;
        padding: 0 35px 0 15px;
        border-radius: 6px;
    }

    .slt-category-list.cuina .sub-menu h3::after {
        right: 20px;
        top: 15px;
    }

    .category-filter-cuina.active .filter_cuina.mobile {
        position: absolute;
        top: 42px;
        left: 0;
        z-index: 99;
        box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.20);
        background: #ffffff;
        border: 1px solid #007E97;
        border-top: none;
        border-radius: 0 0 6px 6px;
        padding: 10px 15px 20px;
    }

    .category-filter-cuina.active .checkbox-btn-cuina.active ul.filter_cuina {
        display: none;
    }

    .slt-category-list.cuina.mobile.active .category-filter-cuina.active .checkbox-btn-cuina.active ul.filter_cuina.mobile {
        display: block;
    }

    .slt-category-list.cuina.mobile.active {
        display: block;
    }

    /*** HOME ***/
    .agenda-content h3 {
        gap: 15px;
    }

    .agenda-scroll .swiper-slide h3 img.external-icon {
        width: 20px;
        height: 20px;
        margin-left: 0px !important;
    }

    /*** AGENDA ***/
    span.ext-link {
        top: 0px !important;
    }

    /*** ESDEVENIMENTS ***/
    .rural-sec.prodct-fitxa .rural-main.mob {
        display: flex !important;
    }

    .rural-sec.prodct-fitxa .rural-main {
        display: none !important;
    }

    /*** PRODUCTES LOCALS ***/
    .rural-sec.prodct-fitxa .rural-main.prod-loc {
        display: flex !important;
        flex-direction: column-reverse;
    }

    /*** CONVENTION BUREAU ***/
    .row2 {
        overflow: overlay;
    }
}

@media screen and (max-width: 639px) {
    .museus-lst ul li {
        margin-bottom: 45px;
    }

    /*** ALLOTJAMENTS ***/
    .visitar-list ul li {
        margin-bottom: 15px;
    }

    /*** ALLOTJAMENTS FITXA ***/
    .rural-lft .serveis-sec ul.allot-serveis li.info {
        flex: 0 1 100% !important;
    }

    /*** FULLATONS ***/
    .fulletons-list ul.fulletons li.info-fulleto {
        flex: 0 1 100% !important;
    }
}

@media screen and (min-width: 425px) and (max-width: 768px) {
    .que-btn.que-pdf.emporda {
        padding-top: 0px;
    }
}

@media screen and (max-width: 425px) {
    .rural-lft {
        flex: 0 1 100% !important;
    }

    .que-btn.que-pdf.emporda {
        padding-top: 0px;
    }

    .pop-in-cont.maps {
        width: 350px;
    }

    /*** HOME ***/
    .inner-banner.banner-museus .ban-cnt {
        max-width: 90%;
        padding: 35px 16px;
        min-width: 90%;
    }

    .rutes-sec ul li .rutes-img {
        height: 246px;
    }

    /*** AGENDA ***/
    .agenda-main-rgt .agenda-list li a .agenda-list-img {
        height: 164px;
    }

    .agenda-main-rgt .agenda-list li a .agenda-list-img img {
        object-fit: fill !important;
    }

    /*** APARCAMENTS ***/
    section.mapa-select-div.mapa-select-travel.mapa-select-territori {
        margin-bottom: 45px;
    }

    /*** CIUTAT DE MERCAT ***/
    .galeria-scroll {
        width: 100%;
        float: left;
        padding: 0px 0 60px 0 !important;
    }

    /*** CONVENTION BUREAU ***/
    .moverse-list>ul>li {
        margin-bottom: 25px;
    }
}

/*** CANVI HEADERS ***/
@media screen and (max-width: 767px) {
    .comarribar .title-sec h1 {
        font-size: 45px;
        line-height: 45px;
        margin-bottom: 15px;
    }

    .title-sec h1 {
        font-size: 55px;
        color: #000000;
        line-height: 60px;
        font-family: 'Montserrat-Bold';
        letter-spacing: 0.48px;
        display: block;
    }
}

/** RESPONSIVE GENERALITZAT TUR-49 **/
@media screen and (max-width: 639px) {

    /* HEADER MENU */
    .mobile-menu.open ul.social-list li a.fb-foot {
        background: url(../../resources/ver4/images/ico-fb-blau.svg) no-repeat;
        width: 11px;
        height: 22px;
        background-size: cover;
        filter: brightness(0) saturate(100%) invert(26%) sepia(50%) saturate(3575%) hue-rotate(170deg) brightness(95%) contrast(101%);
    }

    .mobile-menu.open ul.social-list li a.in-foot {
        background: url(../../resources/ver4/images/ico-ig-blau.svg) no-repeat;
        width: 16px;
        height: 16px;
        background-size: cover;
        filter: brightness(0) saturate(100%) invert(26%) sepia(50%) saturate(3575%) hue-rotate(170deg) brightness(95%) contrast(101%);
    }

    .mobile-menu.open ul.social-list li a.tw-foot {
        background: url(../../resources/ver4/images/ico-x-blau.svg) no-repeat;
        width: 16px;
        height: 16px;
        background-size: cover;
        filter: brightness(0) saturate(100%) invert(26%) sepia(50%) saturate(3575%) hue-rotate(170deg) brightness(95%) contrast(101%);
    }

    .sub-menu-content.menu-open {
        width: 100%;
    }

    /* FITXA */
    .rural-rht ul li.mail-ico {
        margin-bottom: 20px;
    }

    /* COM ARRIBAR? */
    .calcula-sec .calcula-vestibulum {
        flex-direction: column;
        align-items: anchor-center;
    }

    .rgt-calcula ul li {
        justify-items: anchor-center;
    }

    /* CONVENTION BUREAU */
    .avantatges-bureau {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .avantatges-lst .avantatges-bureau .plan-lst ul li {
        flex: 0 1 100% 100%;
    }

    /* CONTACTE */
    .wpcf7-list-item {
        display: inline-block;
        margin: 0 0 0 0.5em;
    }

    /* EMPORDA */
    .prod-loc .emporda .img-museu {
        margin-bottom: 15px;
        height: 350px;
    }

    .prod-loc .emporda .img-museu img {
        float: left;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    /* ALTRES */
    .rutes-sec ul li .rutes-cont h3 {
        font-size: 30px !important;
        line-height: 38px;
    }

    .los-mejora.figueres-ciutat .los-majora-cnt h4 {
        font-size: 50px;
        line-height: 50px;
    }

    .los-mejora.figueres-ciutat .los-majora-cnt h3 {
        font-size: 25px;
    }

    .los-mejora.figueres-ciutat {
        height: 560px;
    }

}