@charset "utf-8";
/* CSS Document */
input[type="submit"], input[type="button"], input[type="text"], input[type="password"], input[type="email"], textarea { -webkit-appearance: none; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; -o-border-radius:0px; }
a[href^=tel] {
text-decoration:inherit;
color: inherit; 
}

/* #Media Queries
================================================== */
@media only screen and (max-width:1920px) {
    
}

@media only screen and (max-width: 1280px) {
body{ overflow-x:hidden;}

/*AGENDA-INNER*/
.art-articulos-sec{padding: 0 0px 60px;}
.tradicional-sec h2{font-size: 56px;line-height: 64px;letter-spacing: normal;margin-bottom: 30px;}
.galeria-sec h2{font-size: 46px; letter-spacing: normal;}

}

@media screen and (min-width:1367px) and (max-width:1500px) {
.head-row {width: 1350px;}
.head-top::after {width: 1350px;}
.head-top-in { padding: 15px 60px;}
.cbp-hrmenu > ul > li { margin: 0px 15px;}
.cbp-hrsub-inner-lft ul li .mega-list ul li a { font-size: 20px; }

.footer-top-sec .row { width: 1350px;}

}

@media screen and (min-width:1280px) and (max-width:1366px) {
.head-row {width: 1250px;}
.head-top::after {width: 1250px;}
.head-top-in { padding: 15px 50px;}
.logo-top img { width: 250px; }
.menu-wrap { margin-right: 15px; }
.cbp-out-menu { padding: 180px 0px 70px; }
.cbp-hrmenu > ul > li { margin: 0px 12px; }
.cbp-hrmenu > ul > li > a::after {bottom: -24px;}
.cbp-hrsub-inner-lft .menu-lft { padding: 0px 25px 0px 50px; }
.cbp-hrsub-inner-lft .menu-lft h2 {font-size: 34px;line-height: 34px;}
.cbp-hrsub-inner-lft .menu-rht { padding-left: 30px;}
.hdr-links { margin-left: 20px;}
.hdr-links ul li:last-child { margin-left: 12px; }

.slider .swiper-slide .banner-caption h1 { font-size: 80px; line-height: 80px; }

.welcome-sec { padding: 85px 0px 95px; }

.hm-rutas-sec, .hm-muro-sec { padding: 80px 0px; }

.footer-top-sec .row { width: 1250px;}
.foot-top {padding: 40px 50px;}
.news-lft h2 { font-size: 50px; line-height: 50px; }

/* inner banner */
.inn-banner .in-ban-lft h1 { font-size: 70px;line-height: 80px;}
.slider.inn-banner .swiper-slide img { height: 550px; object-fit: cover;}

/*AGENDA-INNER*/
.art-articulos-sec{padding: 0 0px 60px;}
.tradicional-sec h2{font-size: 56px;line-height: 64px;letter-spacing: normal;margin-bottom: 30px;}
.galeria-sec h2{font-size: 46px; letter-spacing: normal;}

/* contact page */
.contact-left h2 {font-size: 70px;line-height: 70px;}

/* agenda page */
.agenda-latest-slide .swiper-button-prev-agenda-latest { right: 0px; }
.agenda-latest-slide .swiper-button-next-agenda-latest { right: 0px; }

.hm-muro-sec::before {left: -150px;}
.hm-muro-sec::after{right: -150px;}
.agenda-main .agenda-txt h3{font-size: 24px; line-height: 36px;}

.inner-cap h1{font-size: 62px; line-height: 70px;}
.calendar .ui-datepicker-month{font-size: 26px;}
.inner-agenda-cnt h3 a{font-size: 26px; line-height: 34px;}
.agenda-main-list{padding: 0 0 60px;}
.newsletter-suscriu{padding: 80px 0;}
.menjar-main .menjar-txt h3 a{font-size: 26px; line-height: 34px;}

/*17*/
.que-fer-sec{padding: 65px 0 80px;}
.que-fer-title{margin-bottom: 40px;}
.rutes-filter{margin-bottom: 40px;}
.punts-main .punts-txt h3 a{font-size: 36px;line-height: 42px;}
.punts-list ul{row-gap: 50px;}

.contact-list{padding: 65px 0;}
.contact-lft h2{font-size: 62px; line-height: 56px;}
.contact-form-sec{padding: 65px 0;}
.contact-lft p{line-height: 26px;}

/*14*/
.breadcrum.wht{padding: 25px 0 25px;}
.breadcrum.wht ul{padding: 0;}
.com-arribar{padding: 0 0 40px 0;}
.com-arribar h2{font-size: 56px; line-height: 52px; margin-bottom: 15px;}
.route-sec h2{font-size: 48px;line-height: 56px;letter-spacing: normal;}
.route-form input{font-size: 18px;}
.route-btn{font-size: 14px;}
.transport-sec ul li .transport-cnt p{line-height: 26px;}

.cultura-sec h2{font-size: 52px;line-height: 52px;}
.event h4{font-size: 24px; line-height: 30px;}
.firetes-list ul li .firetes-content h2{font-size: 56px;line-height: 56px;}
.firetes-list ul li .firetes-inner{column-gap: 5%;}
.firetes-list ul li .firetes-content {flex: 0 1 60%;}
.itineraris-slider .swiper-slide .itineraris-cnt{padding: 0px 60px 0 0;}
.itineraris-slider .swiper-slide .itineraris-cnt h3{font-size: 42px;line-height: 48px;}

.platges-main .platges-txt h3 a{font-size: 24px;line-height: 36px;}
.platja-map{padding: 60px 0 60px;}
.serveis-sec{padding: 80px 0;}
.ficha-cont h2{font-size: 52px; line-height: 56px;}
.ficha-aloj-title h2{font-size: 64px; line-height: 68px;}

.ruta-list ul li .ruta-cnt h3{font-size: 36px;line-height: 42px;}
.ruta-list ul li .ruta-btn{height: 48px; padding: 0px 40px; font-size: 15px;}
.festival-cnt h3{font-size: 32px; line-height: 42px;}

/* aparcament */
.oficina-turisme-title h2 {font-size: 56px; line-height: 52px; padding-bottom: 15px;}

/* projecte */
.coneix-list .coneix-content h2 { font-size: 52px; line-height: 52px;}

/* municipi */
.conoce-lft h2 { font-size: 52px; line-height: 52px;}
.experiencias-cont h2 { font-size: 52px; line-height: 52px;}

}

@media screen and (min-width:1024px) and (max-width:1279px) {
img {max-width:100%;}
.row { width: 1000px; padding: 0 15px;}
.row1 { width:100%; padding: 0 15px; max-width: 100%;}

.head-row {width: 100%;padding: 0px 15px;}
.head-top::after { width: calc(100% - 30px); }
.logo-top img { width: 265px; }
.menu-wrap { margin-right: 15px; }
.cbp-out-menu { padding: 135px 0px 30px; }
.cbp-hrmenu > ul > li { margin: 0px 4px; }
.cbp-hrsub-inner-lft .menu-lft { padding: 0px 20px 0px 25px; }
.cbp-hrsub-inner-lft .menu-lft h2 {font-size: 28px;line-height: 28px;}
.cbp-hrsub-inner-lft .menu-lft p { font-size: 14px; line-height: 22px;}
a.menu-btn { font-size: 14px; width: 130px; height: 40px;}
.cbp-hrsub-inner-lft .menu-rht { padding-left: 20px;}
.select-lang .nice-select { font-size: 14px; }
.scl-links ul { column-gap: 15px;}
.hdr-links { margin-left: 15px;}
.hdr-links > ul { column-gap: 10px; }
.hdr-links ul li:last-child { margin-left: 0px;}
.cbp-hrmenu > ul > li > a::after {bottom: -26px;}
.desktop-search {padding: 120px 0px 30px;}
.desktop-search h2 {font-size: 50px;line-height: 70px;}
.search-det { padding: 0px 20px;}
.search-inn {max-width: 500px;margin-bottom: 45px;}
.search-tags ul { padding: 0px 150px;}

.slider .swiper-slide .banner-caption h1 { font-size: 60px; line-height: 60px; letter-spacing: -1.5px; }
.banner-caption a.saber-btn {width: 180px;}

.welcome-sec { padding: 65px 0px 75px; }
.welcome-sec h2 { font-size: 50px;line-height: 80px; }
.welcome-sec h2 img {width: 75px;}

.conoce-sec, .platges-map-sec {padding: 65px 0px; }
.conoce-lft h2 {font-size: 50px;line-height: 50px;}
.conoce-lft h2 br{display: none;}
.conoce-main .conoce-txt h3 a {font-size: 26px; line-height: 28px;}

.hm-rutas-sec, .hm-muro-sec { padding: 65px 0px; }
ul.exp-menu-lst li a {padding: 0px 12px; font-size: 17px;}
.exp-main .exp-txt span.tag { font-size: 13px; }
.exp-main .fav-icon {left: 15px;top: 15px;}
.exp-main .exp-txt h3 a {font-size: 28px; line-height: 34px; }

.hm-agulo-sec { padding: 65px 0px 85px; }
.puntos-title-div {max-width: 715px;}
.puntos-title-div h2 {font-size: 50px;line-height: 50px;}
.puntos-title-div p {font-size: 18px;line-height: 28px;}
.puntos-main .puntos-txt {padding: 0px 25px 20px;}
.abs-btn-lst ul li a { font-size: 15px; }

.experiencias-cont h2 {font-size: 50px;line-height: 50px;}
ul.agenda-menu-lst li a, ul.agenda-menu-rgt li a {padding: 0px 12px; font-size: 17px;}
.agenda-main .agenda-txt h3 a { font-size: 30px; line-height: 36px;}
a.more-btn, a.conoce-btn { font-size: 15px; padding: 0px 30px; height: 48px;}

.hm-visita-sec { padding: 65px 0 0;}
.visita-title h2 {font-size: 50px;line-height: 50px;}
.visita-title h3{font-size: 24px; line-height: 34px;}
.visita-title a.saber-btn{top: 15px;}

.segueix-nos{padding: 50px 0 65px;}
.segueix-title h2{font-size: 50px;line-height: 50px;}
.segueix-main ul{grid-template-columns: repeat(auto-fit, minmax(152px, 1fr));}
.inform-lft h2, .presentacio-div h2, .itineraris-slider .swiper-slide .itineraris-cnt h3 {font-size: 50px;line-height: 50px;}
ul.inform-lst li a { letter-spacing: 0.5px; padding: 12px 20px; }
.newsletter-suscriu{padding: 65px 0 65px 0;}

.hm-area-ban img { height: 500px; object-fit: cover;}
.ban-content h3 { font-size: 60px; line-height: 65px; }

.siguenos-sec { padding: 65px 0px 150px; }
.siguenos-sec h2 {font-size: 50px; line-height: 60px;}
.share-links {padding-top: 40px;}
.share-links ul { column-gap: 10%; }

.footer-top-sec .row { width:100%; padding: 0 15px;}
.foot-top {padding: 35px 35px; margin-top: -80px; }
.news-lft h2 { font-size: 42px; line-height: 42px;}
.row-foot { width: 100%; }
.foot-mid-lft { flex: 0 1 62%;}
.foot-mid-rgt {flex: 0 1 38%;}
ul.ft-logo-lst { column-gap: 20px;}

/* inner banner */
.breadcrum.abs-sec.inner-ban { top: 28%; }
.slider.inn-banner .swiper-slide img { height: 500px; object-fit: cover;}
.inn-banner .in-ban-lft h1 { font-size: 60px;line-height: 62px;}
.home-slider-nav { width:100%; padding: 0 15px;}
.camera-ico {right: 15px;}

.itineraris-slider .swiper-slide .itineraris-cnt h3{font-size: 38px; line-height: 48px;}
.itineraris-slider .swiper-slide .itineraris-cnt{padding: 0 40px;}

/*AGENDA-INNER*/
.tradicional-sec h2{font-size: 42px;line-height: 48px; letter-spacing: normal; margin-bottom: 25px;}
.tradicional-sec{padding: 25px 0 40px;}
 .tradicional-rgt { width: 310px; }
.tradicional-map-sec{margin-bottom: 50px;}
.galeria-sec{padding: 50px 0;}
.galeria-sec h2{font-size: 42px;}
.hm-agulo-sec.otros{padding: 50px 0;}
.puntos-title-div.otros h2{font-size: 42px; line-height: 48px;}
.abs-btn-lst.otros-btn ul li a{height: 48px; font-size: 15px;}
.abs-btn-lst.otros-btn{width: 180px;}
.puntos-main .puntos-txt h3 a{font-size: 24px; line-height: 28px;}
.cargar-btn a{padding: 0px 35px; font-size: 15px;}
.tradicional-slide{margin-bottom: 25px;}
.art-articulos-sec{padding: 0 0px 50px;}
.articulos-title-div h2{font-size: 42px; line-height: 48px; letter-spacing: normal;}
.articulos-btn-lst{width: 182px;}
.articulos-btn-lst ul li a{height: 48px; font-size: 15px;}
.articulos-slide{margin-top: 30px;}
.articulos-main .articulos-txt h3 a{font-size: 22px;line-height: 28px;}
.articulos-main .articulos-img span.tag{font-size: 12px;}
.articulos-main .articulos-txt {padding: 20px 0 0 0;}

/* breadcrum css */
.breadcrum.wht {padding: 20px 0;}
.breadcrum.wht ul{padding: 0;}

/* ficha alojamiento css */
.ficha-aloj-sec {padding: 15px 0 50px;}
.ficha-aloj-title {padding-bottom: 30px;}
.ficha-aloj-title h2 { font-size: 48px; line-height: 52px;}
.ficha-img-slide {margin-bottom: 35px;}
.ficha-inner{column-gap: 60px;}
.ficha-lft { flex: 0 1 calc(100% - 360px);}
.ficha-cont h2{font-size: 48px;line-height: 52px;}
.ficha-cont {padding-bottom: 30px;}
.ficha-cont p {padding-bottom: 15px;}
.ficha-cnct ul { row-gap: 25px;}

.serveis-sec {padding: 60px 0;}
.serveis-list > div:first-child {flex: 0 1 300px;}
.serveis-list > div:last-child { flex: 0 1 calc(100% - 350px);}

.gallery-list, .menjar-int-sec {padding: 60px 0;}
.gallery-list h2 { font-size: 42px; line-height: 46px;}

.hotels-interest-sec {padding: 60px 0; }
.hotels-interest-cont h2 { font-size: 42px; line-height: 42px; width: 75%; margin-bottom: 20px;}
.hotels-main .hotels-txt h3 a{font-size: 24px; line-height: 32px;}
/* agenda css */
.breadcrum.abs-sec { top:110px; }
.agenda-list-sec h2 { font-size: 48px; line-height: 52px;}
.agenda-latest-sec {padding: 200px 0 80px; }
.agenda-latest-sec h1 { font-size: 60px; line-height: 60px; padding-bottom: 30px;}
.agenda-latest-slide {padding-bottom: 40px; }
.agenda-latest-slide .swiper-nav { top: auto; transform: inherit; bottom: 0;}
.agenda-latest-slide .swiper-pagination-bullets { display: inline-flex; justify-content: center; text-align: center;}
.agenda-latest-slide .swiper-button-prev-agenda-latest { left: 0;}
.agenda-latest-slide .swiper-button-next-agenda-latest {right: 15px;}
.agenda-latest-slide .agenda-main .agenda-txt h3 a { font-size: 26px; line-height: 32px;}
.agenda-latest-slide .agenda-main .agenda-txt h5.date { font-size: 17px; line-height: 28px; }
.agenda-list-main .agenda-rgt {padding-left: 40px;}
.grid-count { padding-bottom: 20px;}
.agenda-list-main.show .agenda-lft { display: block;}
.srch-bx-lst {margin-bottom: 20px;}
.cal-bx-lst {margin-bottom: 20px;}
.catagory-btns {margin-bottom: 30px;}
#more-categories {font-size: 14px;}
.srch-bx-lst input[type="text"] {height: 52px; padding: 10px 65px 10px 20px;}
.srch-bx-lst button.srch-btn { width: 42px; height: 42px; right: 6px; top: 5px;}
.catagory-btns h3 { font-size: 18px; line-height: 24px; padding-bottom: 15px;}
.catagory-btns ul {column-gap: 5px; row-gap: 5px;}
.catagory-btns ul li a {padding: 0 20px; font-size: 15px;}
.cal-btns a { width: auto; padding: 0 20px; height: 48px; font-size: 14px; column-gap: 5px;}
.agenda-list-sec {padding: 40px 0 60px;}
.agenda-list-main .agenda-list-cnt ul {column-gap: 4%; row-gap: 45px;}
.agenda-list-main .agenda-list-cnt ul li { flex: 0 1 48%;}
.agenda-list-main .agenda-main .agenda-txt h3 a { font-size: 26px; line-height: 32px;}
.agenda-main-list{padding: 0 0 50px;}
.inner-agenda-list{margin-bottom: 50px;}

/* contact page */
.contact-left h2 {font-size: 55px;line-height: 55px;}
.map-section #map { height: 500px;}

/* ruta ficha */
.inn-banner .in-ban-lft.txt-cap h1 {font-size: 54px; line-height: 58px;}
.ft-logo-lst { padding-right: 0;}

.filter-div ul.cer-filter-lst li:first-child { margin-right: 20px;}
.bars-tab ul.tab-list{margin-top: -30px;}

.swiper-nav-rel{width: 100%; padding: 0 15px;}
.conoce-list ul li .conoce-txt{padding: 20px;}
.conoce-list ul li .conoce-txt h3{font-size: 30px; line-height: 38px;}
.agenda-main .agenda-txt h3{font-size: 24px; line-height: 32px;}
.quick-links{padding: 65px 0;}
.home-agenda-sec{padding: 65px 0;}
.home-agenda-sec h2{font-size: 50px; line-height: 55px;}
.home-agenda-right ul li .agenda-content h3{font-size: 24px; line-height: 30px;}
.home-agenda-right ul li .agenda-content h6{font-size: 16px; line-height: 26px;}
.home-agenda-right ul li .agenda-tags-small span{font-size: 15px;}
.home-agenda-sec a.agenda-btn{font-size: 15px; height: 48px;padding: 0px 30px;}
ul.exp-menu-lst, .exp-slide{padding-left: calc((100% - 1000px) / 2);}

.hm-muro-sec::before {left: -250px;}
.hm-muro-sec::after{right: -250px;}

/*5-2-2025*/
.inner-cap h1{font-size: 50px; line-height: 55px;}
.calendar .ui-datepicker-month{font-size: 25px;}
.inner-agenda-cnt h3 a{font-size: 24px; line-height: 30px;}
.inner-agenda-cnt h4{font-size: 16px;line-height: 26px;}

.menjar-main .menjar-txt h3 a{font-size: 24px; line-height: 30px;}

/*17*/
.inn-banner{height: 350px;}
.inn-banner img{height: 100%; object-fit: cover;}
.que-fer-sec{padding: 40px 0 60px 0;}
.que-fer-title{margin-bottom: 40px;}
.que-fer-title h3{font-size: 28px; line-height: 36px;}
.rutes-filter{margin-bottom: 40px; column-gap: 2%;}
.rutes-filter-lft{flex: 0 1 43%;}
.rutes-filter-rgt {flex: 0 1 55%;}
.rutes-filter .nice-select.select_box {flex: 0 1 100%;}
.rutes-filter .srch-bx-lst{margin-bottom: 0;}
.rutes-filter .srch-bx-lst input[type="text"] {height: 42px;padding: 8px 10px 8px 10px; font-size: 15px;}
.bars-tab.rutes {width: 150px;}
.bars-tab.rutes ul.tab-list{margin-top: 0;}
.punts-main .punts-img span.tag {top: 15px; left: 15px; font-size: 13px;}
.punts-main .fav-icon{left: 15px; bottom: 15px;}
.punts-main .punts-txt p{line-height: 25px;}
.punts-list ul{row-gap: 40px;}
.agenda-btn{margin-top: 40px;}
.agenda-btn .env-btn{font-size: 14px; letter-spacing: 1px;}
.punts-main .punts-txt h3 a{font-size: 30px; line-height: 38px;}

/*15*/
.contact-list{padding: 60px 0 60px 0;}
.contact-list ul li .contact-txt h3{font-size: 18px; line-height: 18px; letter-spacing: normal;}
.contact-list ul li .contact-txt p{font-size: 16px; line-height: 26px;}
.contact-list ul li .contact-txt a{font-size: 16px; line-height: 26px;}
.contact-form-sec{padding: 60px 0;}
.contact-lft h2{font-size: 40px; line-height: 42px;}
.contact-form .form-box .frm-input .floating-label {font-size: 15px;}
.contact-form .form-box input[type="submit"]{height: 48px;}

/*14*/
.com-arribar{padding: 0 0 40px 0;}
.com-arribar h2{font-size: 48px; line-height: 52px; margin-bottom: 15px;}
.route-sec h2{font-size: 42px;line-height: 48px;letter-spacing: normal;}
.route-form input{font-size: 18px;}
.route-btn{font-size: 14px;}
.transport-sec ul li .transport-cnt p{line-height: 26px;}

/*12*/
.cultura-sec{padding: 60px 0;}
.firetes-list ul li{padding: 60px 0;}
.firetes-list ul li .firetes-content h2{font-size: 42px;line-height: 45px; margin-bottom: 15px;}
.firetes-list ul li .firetes-inner{column-gap: 5%;}
.firetes-list ul li .firetes-content {flex: 0 1 60%;}
.event h4{font-size: 20px;line-height: 25px;}
.calendari-festes{padding: 60px 0 60px 0;}
.cultura-sec h2{font-size: 48px;line-height: 52px; margin-bottom: 15px;}

.ficha-aloj-title .fav-icon{top: 5%;}
.serveis-sec.two-colum ul {width: 100%;}
.ficha-inner.p-b-80 {padding-bottom: 0;}
.platja-map{padding: 50px 0 50px;}
.platges-sec{padding: 50px 0;}
.swiper-nav-platges {width: 100%;}
.platges-main .platges-txt h3 a{font-size: 22px;line-height: 32px;}
.swiper-nav-hotels{width: 1000px; padding: 0 15px;}

/*5*/
.rutes-filter .nice-select.select_box{font-size: 15px;}
.ruta-list ul li .ruta-cnt h3{font-size: 32px;line-height: 36px;}
.ruta-list ul li .ruta-cnt p{line-height: 28px; margin-bottom: 20px;}
.ruta-list ul li .ruta-cnt ul{column-gap: 30px; margin-bottom: 20px;}
.ruta-list ul li .ruta-btn{height: 48px; padding: 0px 35px; font-size: 14px; letter-spacing: 0.5px;}
.ruta-list ul li .ruta-cnt{padding-right: 0;}

.festival-cnt h3{font-size: 30px; line-height: 40px;}
.serveis-sec ul{row-gap: 15px;}
.serveis-sec ul li {flex: 0 1 47%;}

/*10*/
.menjar-bg::after {display: none;}
.menjar-int-cnt{width: 100%;}
.menjar-int-cnt p{font-size: 36px; line-height: 42px;}
.menjar-bg{padding-bottom: 60px;}
.hm-visita-sec.platges-muro .home-video-sec{margin-top: 0;}
.menjar-bg::before{height: 265px;}

/* aparcament */
.oficina-turisme-title h2 {font-size: 48px; line-height: 52px; padding-bottom: 15px;}
.aparcament-main ul li h3 { font-size: 24px; line-height: 30px;}
.carrega-btn { margin-top: 50px;}

/* projecte */
.coneix-list .coneix-content h2 { font-size: 48px; line-height: 52px; margin-bottom: 15px;}
.coneix-content h3 { font-size: 24px; line-height: 38px; margin-bottom: 15px;}
.coneix-list { padding: 60px 0;}
.projecte-logo-lst { padding-top: 60px;}

/* municipi */
.cultura-sec.platja { padding-bottom: 60px;}
.coneix-links { padding-top: 60px;}
.conoce-lft h2 { font-size: 48px; line-height: 52px; margin-bottom: 15px;}
.experiencias-cont h2 { font-size: 48px; line-height: 52px;}
}   

/* Smaller than standard 1024 (devices and browsers) */
@media screen and (min-width:768px) and (max-width:1023px) {
img {max-width:100%; }
.row { width:100%; max-width: 100%; padding: 0 15px; position: relative; z-index: 1;}
.row1 { width:100%; padding: 0 15px; max-width: 100%; position: relative; z-index: 1;}

.foot-logo-lft {flex: 0 1 100%;text-align: center;}
.foot-logo-lft img {width: 240px;}
.foot-logo-lft { flex: 0 1 100%; text-align: center;}
.foot-logo-lft img { float: none; display: inline-block;}
.foot-logo-rgt { flex: 0 1 100%; }
.foot-logo-rgt {flex: 0 1 100%;text-align: center;}
ul.social-list { justify-content: center;}
.foot-btm { row-gap: 10px;}
.foot-btm-lft { flex: 0 1 100%; text-align: center; order: 2;}
.foot-btm-rht { flex: 0 1 100%;}
.foot-btm-rht ul { justify-content: center;}
footer .ftr-top .ftr-lst {display: none;}
footer .ftr-top {display: flex;flex-wrap: wrap;justify-content: center;text-align: center;column-gap: 25px;row-gap: 0px;padding: 25px 0 25px;}

.head-row {width: 100%;padding: 0px 15px;}
.head-top::after { width: calc(100% - 30px); }
.menu-wrap { display: none; }
.scl-links { display: none; }
.hdr-links > ul > li { display: none; }
.hdr-links ul li:last-child { display: block; margin-right: 25px; margin-left: 0px;}
.nice-select ul li:last-child { margin-right: 0px;}
.logo-top img { width: 180px;}
.head-lft { display: none;}
.head-rgt { width: auto; } 
.hamburger-menu { display: block;}
.mob-search{ display: block;}

.hide-scroll .head-top { border-bottom: none;}

.is-sticky .logo-top img.desk-logo { display: block;}
.is-sticky .logo-top img.stick-logo { display: none;}
.is-sticky .mob-search a.search { background: url(../images/search.svg) no-repeat; } 
.is-sticky .hamburger span, .is-sticky .hamburger span::before, .is-sticky .hamburger span::after { background: #FFFFFF;}
.is-sticky .hamburger.active span { background-color: transparent; }

.is-sticky header.inner-header .logo-top img.desk-logo, .inner-mobile header.inner-header .logo-top img.desk-logo { display: none;}
.is-sticky header.inner-header .logo-top img.stick-logo, .inner-mobile header.inner-header .logo-top img.stick-logo { display: block;}
.is-sticky header.inner-header .hamburger span, .is-sticky header.inner-header .hamburger span::before, .is-sticky header.inner-header .hamburger span::after { background: #FFFFFF;}
.inner-mobile header.inner-header .hamburger span, .inner-mobile header.inner-header .hamburger span::before, .inner-mobile header.inner-header .hamburger span::after { background: #FFFFFF;}
.inner-mobile header.inner-header .hamburger.active span, .is-sticky header.inner-header .hamburger.active span { background-color: transparent;}
.is-sticky header .head-top { box-shadow: none;}

.hide-scroll .is-sticky .logo-top img.desk-logo { display: none;}
.hide-scroll .is-sticky .logo-top img.stick-logo { display: block;}
.hide-scroll .is-sticky .mob-search a.search { background: url(../images/search-w.svg) no-repeat; } 
.hide-scroll .is-sticky .hamburger span, .hide-scroll .is-sticky .hamburger span::before, .hide-scroll .is-sticky .hamburger span::after { background: #fff;}
.hide-scroll .is-sticky .hamburger.active span { background-color: transparent; }

.desktop-search {padding: 125px 0px 30px;} 
.desktop-search h2 {font-size: 40px;line-height: 50px; }
.search-tags h3 { font-size: 14px; line-height: 26px; }
.search-det { padding: 0px 20px;}
.search-det .row { margin: 0px 0px;}
.search-inn {max-width: 450px;margin-bottom: 45px; }
.search-inn input[type="text"] { height: 55px; padding: 0 65px 0 25px; font-size: 16px; }
.search-inn button { width: 46px; height: 46px; right: 5px; top: 4px; }
.search-tags ul { padding: 0px 75px; column-gap: 8px; row-gap: 8px;}
.search-in { margin-top: 50px;}

.slider .swiper-slide::before { position: absolute; content: ""; background: linear-gradient(180deg,rgba(0, 91, 224, 1) 0%, rgba(0, 91, 224, 0.01) 100%); bottom: 0; left: 0; width: 100%; height: 100%;}
.slider .swiper-slide img { height: 600px; object-fit: cover;}
.slider .swiper-slide .banner-caption h1 { font-size: 50px; line-height: 55px; letter-spacing: -1px; }
.banner-caption a.saber-btn { width: 180px; }

.welcome-sec { padding: 50px 0px; }
.welcome-sec h2 { font-size: 40px;line-height: 65px; }
.welcome-sec h2 img {width: 55px;}


.conoce-main .conoce-txt h3 a {font-size: 24px; line-height: 26px;}
.conoce-slide { width: calc(100% + 15px); margin-top: 40px;}

.hm-rutas-sec, .hm-muro-sec { padding: 50px 0px; }
ul.exp-menu-lst li a {padding: 0px 12px; font-size: 16px;}
.exp-slide{padding-left: 15px;}
.exp-main .exp-txt span.tag { font-size: 13px; }
.exp-main .fav-icon {left: 15px;top: 15px;}
.exp-main .exp-txt h3 a {font-size: 26px; line-height: 30px; letter-spacing: -0.5px;}

.hm-agulo-sec { padding: 50px 0px; }
.hm-agulo-sec .puntos-sec { width: 100%; margin: 0px 0px 70px 0px; padding: 0px 0px; }
.puntos-title-div { max-width: 100%; padding-bottom: 100px;}
.puntos-title-div h2 {font-size: 42px;line-height: 46px; margin-bottom: 20px;}
.puntos-title-div p {font-size: 18px;line-height: 28px; }
.hm-agulo-sec .puntos-slide { width: calc(100% + 15px); }
.puntos-main .puntos-txt {padding: 0px 25px 20px; }
.hm-agulo-sec .abs-btn-lst { float: left; width: 100%; top: auto; margin: 30px 0px 0px; }
.abs-btn-lst ul { column-gap: 10px;}
.abs-btn-lst ul li a { font-size: 15px; padding: 0px 20px; }
.abs-btn-lst ul li { flex: 0 1 auto; }

.experiencias-cont h2 {font-size: 40px;line-height: 40px;}
ul.agenda-menu-lst li a, ul.agenda-menu-rgt li a {padding: 0px 12px; font-size: 16px;}
.agenda-slide, .agenda-rht-slide { width: calc(100% + 15px); }
.agenda-main .agenda-txt h3 a { font-size: 26px; line-height: 30px;}
.agenda-main .agenda-txt p { font-size: 16px; }
.agenda-main .agenda-txt h5.date { font-size: 16px;line-height: 28px;}
.abs-btn-div { position: relative; top: auto; float: left; display: flex; justify-content: center;}
a.more-btn { font-size: 15px; padding: 0px 30px; height: 48px;}

.hm-inform-sec { padding: 50px 0px; }
.inform-lft {flex: 0 1 45%;}
.inform-lft h2, .presentacio-div h2, .itineraris-slider .swiper-slide .itineraris-cnt h3 { font-size: 40px;line-height: 40px; }
ul.inform-lst li a { font-size: 14px; letter-spacing: 0px; padding: 10px 15px; }
.inform-rgt {flex: 0 1 55%;} 

.hm-area-ban img { height: 500px; object-fit: cover;}
.ban-content h3 { font-size: 50px; line-height: 55px; }
.ban-content p br { display: none;}
.ban-content a {width: 160px;height: 50px;font-size: 15px;}

.siguenos-sec { padding: 50px 0px 135px; }
.siguenos-sec h2 {font-size: 36px; line-height: 44px; margin-bottom: 25px; }
.siguenos-inst ul > li a span { width: 50px; }
.share-links {padding-top: 30px;}
.share-links ul { column-gap: 5%; }
.share-links li a {font-size: 18px; line-height: 30px; padding-bottom: 2px; }

.footer-top-sec .row { width:100%; padding: 0 15px;}
.foot-top {padding: 25px 25px; margin-top: -70px; }
.news-lft { flex: 0 1 45%; }
.news-lft h2 { font-size: 36px; line-height: 36px; }
.news-rht { flex: 0 1 55%;padding-right: 0px;}
.row-foot { width: 100%; padding: 0px 15px;}
.foot-mid-top{row-gap: 20px;}
.foot-mid-lft { flex: 0 1 62%;}
.foot-mid-rgt {flex: 0 1 38%;}
.foot-mid-btm { padding: 25px 15px 35px; }
.foot-mid-btm ul.foot-menu li h3 { font-size: 20px;line-height: 20px;}
.foot-mid-btm ul.foot-menu li ul li a { font-size: 15px;}
.foot-mid-rgt h3 { font-size: 20px;line-height: 20px;}
ul.ft-cont-lst { margin-bottom: 40px;}
ul.ft-cont-lst li { font-size: 15px; }
ul.ft-logo-lst { column-gap: 10px;}
.foot-mid-lst {padding: 30px 0 35px;}
.foot-btm-rht ul { column-gap: 15px; }
.ft-logo-lst ul { column-gap: 25px; justify-content: center;}
.ft-logo-lst { padding: 0;}
.ft-logo-lst ul li img{height: 30px;}

/* inner banner */
.breadcrum.abs-sec.inner-ban { top: 105px; }
.slider.inn-banner .swiper-slide::before { position: absolute; content: ""; background: linear-gradient(180deg,rgba(0, 91, 224, 1) 0%, rgba(0, 91, 224, 0.01) 100%); bottom: 0; left: 0; width: 100%; height: 100%; display: none;}
.slider.inn-banner .swiper-slide img { height: 500px; object-fit: cover;}
.inn-banner .in-ban-lft h1 { font-size: 60px;line-height: 58px;}
.home-slider-nav { width:100%; padding: 0 15px; bottom: 25px; }
.camera-ico {right: 15px; bottom: 25px; }

.itineraris-slider .swiper-slide .itineraris-img img { height: 100%; object-fit: cover;}
.itineraris-slider .swiper-slide .itineraris-cnt h3{font-size: 28px; line-height: 32px; margin-bottom: 15px;}
.itineraris-slider .swiper-slide .itineraris-cnt{padding: 15px 20px}
.itineraris-slider .swiper-slide .itineraris-cnt p{margin-bottom: 15px;}
.itineraris-slider .swiper-slide .itineraris-cnt a.descub-btn{font-size: 14px;}

/*AGENDA-INNER*/
.tradicional-sec{padding: 20px 0 30px;}
.tradicional-sec h2{font-size: 36px; line-height: 42px; letter-spacing: normal; margin-bottom: 20px;}
.tradicional-rgt {width: 270px;}
.tradicional-lft {width: calc(100% - 300px);}
.tradicional-slide{margin-bottom: 25px;}
.tradicional-map-sec{margin-bottom: 40px;}
.compar-btn ul li a{font-size: 14px; height: 45px;}

.galeria-sec{padding: 40px 0;}
.galeria-sec h2{font-size: 36px;line-height: 42px;letter-spacing: normal;margin-bottom: 20px;}
.galeria-list{margin-bottom: 30px;}
.galeria-list ul{row-gap: 20px;}
.cargar-btn a{padding: 0px 35px; font-size: 14px; letter-spacing: normal; height: 45px;}
.tradicional-cnt{row-gap: 15px;}

.hm-agulo-sec.otros{ padding: 40px 0; }
.hm-agulo-sec.otros .puntos-sec { margin-bottom: 0px; }
.abs-btn-lst{position: relative;}
.puntos-title-div{max-width: 100%;}
.puntos-title-div.otros h2{font-size: 36px; line-height: 42px; letter-spacing: normal;}
.abs-btn-lst.otros-btn ul { justify-content: center;}
.abs-btn-lst.otros-btn ul li a{font-size: 14px; height: 45px;}
.puntos-slide.otros{margin: 25px 0;}
.abs-btn-lst.otros-btn{width: 100%; margin: 10px 0px 0px; }
.puntos-main .puntos-txt h3 a{font-size: 26px;line-height: 32px; letter-spacing: normal;}
.puntos-main .puntos-txt {padding: 0px 20px 30px;}
.swiper-nav-rel{margin-top: 20px; padding: 0 15px; width: 100%;}

.articulos-btn-lst{width: 100%; position: relative;}
.articulos-btn-lst ul { justify-content: center;}
.articulos-btn-lst ul li {flex: 0 1 auto;}
.articulos-btn-lst ul li a{font-size: 14px;height: 45px; padding: 0px 25px;}
.articulos-title-div h2{font-size: 36px; line-height: 42px; letter-spacing: normal;}
.articulos-slide{margin: 15px 0;}
.art-articulos-sec{padding: 30px 0px 40px;}
.articulos-main .articulos-txt h3 { line-height: 26px; }
.articulos-main .articulos-txt h3 a{font-size: 20px;line-height: 25px;}
.articulos-main .articulos-img span.tag{font-size: 12px;}
.articulos-sec, .puntos-sec {float: left;width: calc(100% + 30px);position: relative;margin-left: -15px;margin-right: -15px;padding-left: 15px; overflow: hidden;}

/* breadcrum css */
.breadcrum.wht {padding: 20px 0;}
.breadcrum.wht ul{padding: 0;}

/* ficha alojamiento css */
.ficha-aloj-sec {padding: 20px 0 50px;}
.ficha-aloj-title {padding-bottom: 25px;}
.ficha-aloj-title h2 { font-size: 42px; line-height: 48px;}
.ficha-img-slide {margin-bottom: 40px;}
.ficha-img-slide .swiper-slide {height: 400px;}
.ficha-img-slide .swiper-nav {bottom: 30px;}
.ficha-img-slide .swiper-pagination-bullets { left: 30px;}
.ficha-img-slide .swiper-nav-ficha-img {right: 25px;}
.ficha-inner{column-gap: 50px;}
.ficha-lft { flex: 0 1 calc(100% - 350px);}
.ficha-rgt h4 { font-size: 26px; line-height: 34px; padding-bottom: 20px;}
.ficha-cnct {padding-bottom: 30px;}
.ficha-cnct ul { row-gap: 20px;}
.ficha-cnct ul li p { font-size: 16px; line-height: 25px;}
.ficha-cnct ul li.ph a { font-size: 16px; line-height: 25px;}
.ficha-cnct ul li.link a { font-size: 16px; line-height: 22px;}
.ficha-cont {padding-bottom: 20px; padding-right: 0px; }

.serveis-sec {padding: 50px 0;}
.serveis-sec h2 { font-size: 42px; line-height: 48px;}
.serveis-list > div:first-child {flex: 0 1 100%;}
.serveis-list > div:last-child { flex: 0 1 100%;}
.serveis-sec ul { row-gap: 20px;}
.serveis-sec ul li { flex: 0 1 47%;}

.gallery-list, .menjar-int-sec {padding: 50px 0;}
.gallery-list h2 { font-size: 36px; line-height: 42px; padding-bottom: 20px;}
.gallery-div ul {row-gap: 20px;}

.hotels-interest-sec { padding: 40px 0 50px 0;}

.hotels-list-slide { width: calc(100% + 15px); margin-right: -15px;}
.hotels-list-slide .swiper-nav {display: block;}
.hotels-interest-cont .abs-btn-div { float: left; width: 100%; padding-top: 30px; position: relative; left: 0; margin: 0 auto; text-align: center;}

/* agenda css */
.breadcrum.abs-sec { top: 90px;}
.agenda-list-sec h2 { font-size: 42px; line-height: 48px;}
.agenda-latest-sec h1 { font-size: 42px; line-height: 48px; padding-bottom: 25px;}
.agenda-latest-sec {padding: 160px 0 80px;}
.agenda-latest-slide {padding-bottom: 40px; width: calc(100% + 15px); margin-right: -15px;}
.agenda-latest-slide .swiper-nav { top: auto; transform: inherit; bottom: 0;}
.agenda-latest-slide .swiper-pagination-bullets { display: inline-flex; justify-content: center; text-align: center;}
.agenda-latest-slide .swiper-button-prev-agenda-latest { left: 0;}
.agenda-latest-slide .swiper-button-next-agenda-latest {right: 15px;}
.agenda-latest-slide .agenda-main .agenda-txt h3 a { font-size: 24px; line-height: 28px;}
.agenda-latest-slide .agenda-main .agenda-txt h5.date {font-size: 15px;line-height: 24px;}
.agenda-list-sec {padding: 40px 0 60px;}
.agenda-list-main .agenda-lft { flex: 0 1 100%; width: 100%; display: none;}
.agenda-list-main .agenda-rgt { flex: 0 1 100%; width: 100%; padding-left: 0;}
.grid-count { padding-bottom: 20px;}
.mob-filter { display: inline-flex;}
.agenda-lft h2 { display: none;}
.agenda-list-main.show .agenda-lft { display: block;}
.srch-bx-lst {margin-bottom: 25px;}
.cal-bx-lst {margin-bottom: 25px;}
.catagory-btns {margin-bottom: 25px;}
#more-categories {font-size: 14px;}
.srch-bx-lst input[type="text"] {height: 52px; padding: 10px 65px 10px 20px;}
.srch-bx-lst button.srch-btn { width: 42px; height: 42px; right: 6px; top: 5px;}
.catagory-btns h3 { font-size: 18px; line-height: 24px; padding-bottom: 15px;}
.catagory-btns ul {column-gap: 5px; row-gap: 5px;}
.catagory-btns ul li a {padding: 0 20px; font-size: 15px;}
.cal-btns a { width: auto; padding: 0 20px; height: 48px; font-size: 14px; column-gap: 5px; }
.agenda-list-main .agenda-list-cnt ul {column-gap: 3%; row-gap: 35px;}
.agenda-list-main .agenda-list-cnt ul li { flex: 0 1 48.5%;}
.agenda-list-main .agenda-list-cnt.list-view ul { row-gap: 30px;}
.agenda-main .agenda-txt h3 { width: 100%;}
.agenda-list-main .agenda-main .agenda-txt h3 a { font-size: 26px; line-height: 30px;}
.agenda-list-main .agenda-main .agenda-txt h5.date { font-size: 16px;line-height: 24px;letter-spacing: 0.2px;}
.agenda-main .agenda-img span.tag { font-size: 12px;}
.pagination {margin-top: 50px;}

/**common swiper slider **/
.otros-punto-sec .puntos-slide  { margin-top: 30px;}
.puntos-slide { margin-top: 30px; position: relative;}
.puntos-slide::after{position: absolute; content: ""; right: -15px; top:-115px; background: url("../images/web-bg-mbl2.png") no-repeat 0 0; background-size: cover; width: 157px; height: 105px;}

.puntos-main .puntos-txt { padding: 0px 15px 20px; }
.puntos-main .puntos-txt h3 a { font-size: 26px; line-height: 30px;}

/* ruta ficha */
.inn-banner .in-ban-lft.txt-cap h1 {font-size: 44px; line-height: 48px;}

.filter-div ul.cer-filter-lst li:first-child { margin-right: 0px; flex: 0 1 31.5%;}
.filter-div ul.cer-filter-lst li { flex: 0 1 20%;}
ul.cer-filter-lst li .select_box { max-width: 200px;}
.bars-tab ul.tab-list{margin-top: -30px;}

.newsletter-suscriu{padding: 50px 0;}
.newsletter-box{padding: 0; column-gap: 40px;}
.segueix-nos{padding: 50px 0 50px;}
.segueix-main{margin-bottom: 30px; display: none;}
.segueix-main-mbl{display: block; padding-bottom: 15px;float: left;width: 100%;}
.segueix-main-mbl .swiper-container{width: 100%; float: left; margin-left: -15px;margin-right: -15px;width: calc(100% + 30px);}
.segueix-main-mbl .swiper-slide{width: 100%; float: left;}
.segueix-main-mbl .swiper-slide img{width: 100%; float: left;}
.segueix-main ul{grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));}
.segueix-social ul{column-gap: 45px;}
.segueix-title h2{font-size: 42px;line-height: 48px; letter-spacing: normal; margin-bottom: 30px;}
.hm-visita-sec { padding: 50px 0px 0;}
.visita-title h2 {font-size: 42px;line-height: 48px; letter-spacing: normal; margin-bottom: 20px;}
.hm-visita-sec p {font-size: 18px;}
.visita-title h3{font-size: 24px; line-height: 32px;}
.visita-inner{column-gap: 0; row-gap: 20px;}
.visita-lft {flex: 0 1 100%;}
.visita-rgt {flex: 0 1 100%;}
.visita-title a.saber-btn{position: relative; float: right;}
.quick-links{padding: 50px 0;}
.quick-links .swiper-container{margin-left: -15px;margin-right: -15px;width: calc(100% + 30px); padding-left: 15px;}
.quick-links .swiper-slide a{min-height: 220px; row-gap: 40px;}
.home-agenda-sec{padding: 50px 0;}
.home-agenda-inner{column-gap: 0; row-gap: 35px;}
.home-agenda-left {flex: 0 1 100%; text-align: center;}
.home-agenda-right {flex: 0 1 100%;}
.home-agenda-sec h2{text-align: center;font-size: 48px;line-height: 52px;}
.home-agenda-sec p{text-align: center;}
.home-agenda-tags{justify-content: center; margin: 0;}
.home-agenda-sec a.agenda-btn{height: 48px; padding: 0px 35px; float: none; margin: 0px auto;}
.home-agenda-right ul li .agenda-content h3{font-size: 24px; line-height: 30px;}
.home-agenda-right ul li .agenda-content h6{font-size: 16px; line-height: 26px;}
.agenda-main .agenda-txt h3{font-size: 24px; line-height: 32px;}
.conoce-list ul li .conoce-txt h3{font-size: 24px; line-height: 32px;}
.hm-muro-sec::before{background: url("../images/web-bg-mbl1.png") no-repeat 0 0; background-size: cover; left: 0;top: 10px; width: 121px; height: 89px;}
.hm-muro-sec::after {display: none;}
.conoce-sec, .platges-map-sec {padding: 50px 0px; }
.conoce-lft { flex: 0 1 62%;}
.conoce-lft h2 {font-size: 42px;line-height: 46px; margin-bottom: 15px; text-align: center; }
.conoce-lft h2 br{display: none;}
.conoce-lft p {text-align: center; margin-bottom: 0;}
.conoce-cont{column-gap: 0; row-gap: 30px; justify-content: center;}
.conoce-lft {flex: 0 1 100%;}
.conoce-rgt {flex: 0 1 100%; text-align: center;}
.conoce-rgt img{float: none;}
a.conoce-btn {padding: 0px 30px;font-size: 15px; float: none; height: 48px;}
.conoce-list ul li .conoce-txt{padding: 20px;}
.agenda-main .agenda-txt span{display: none;}

/*5-2-2025*/
.inner-cap h1{font-size: 42px; line-height: 46px;}
.eventos{flex-wrap: wrap; justify-content: inherit; row-gap: 15px;}
.inner-cap{width: 100%;}
.pasados{width: 100%; column-gap: 20px; justify-content: space-between;}
.mob-filter { width: auto; display: inline-flex; order: 2;}
.pasados .view-tab{display: flex; align-items: center; column-gap: 15px;}
.agenda-filt{font-size: 15px;}
.agenda-filt .toggle{margin-right: 0;}
.agenda-main-lft{display: none; width: 100%;}
.agenda-main-rgt{width: 100%; padding-left: 0;}
.agenda-main-lft.show{display: flex; margin-bottom: 25px;}
.inner-ban-sec{padding: 0 0 25px;}
.inner-agenda-cnt h3 a{font-size: 24px; line-height: 32px;}
.inner-agenda-cnt h4{font-size: 16px; line-height: 26px;}
.inner-agenda-list{margin-bottom: 0;}
.agenda-main-list{padding: 0 0 50px;}
.inner-agenda-list ul{row-gap: 40px;}
.cal-btns > div{column-gap: 15px;}
.menjar-main .menjar-txt h3 a{font-size: 24px; line-height: 32px;}

.hotels-interest-cont h2{font-size: 36px; line-height: 42px;}
.hotels-main .hotels-txt h3 a{font-size: 22px; line-height: 30px; letter-spacing: normal;}
.swiper-nav-hotels{width: 100%; padding: 0 15px;}
.hotels-slide{margin-bottom: 30px;}
.hotels-div{position: relative;}
.hotels-div a.hotels-btn{font-size: 15px; padding: 0px 32px;}
.informacio-list h3{font-size: 36px; line-height: 42px; letter-spacing: normal;}
.informacio-list ul{row-gap: 30px;}
.informacio-list ul li p br{display: none;}
.informacio-list{margin-bottom: 40px;}

/*17*/
.inn-banner{height: 380px;}
.inn-banner img{height: 100%; object-fit: cover;}
.que-fer-sec{padding: 30px 0 50px 0;}
.que-fer-title{margin-bottom: 30px;}
.que-fer-title h3{font-size: 24px; line-height: 32px;}
.rutes-filter{margin-bottom: 30px; column-gap: 2%; row-gap: 15px;}
.rutes-filter-lft{flex: 0 1 43%;}
.rutes-filter-rgt {flex: 0 1 55%;}
.rutes-filter-lft.two-col{flex: 0 1 100%;}
.rutes-filter-rgt.two-col{flex: 0 1 100%;}
.rutes-filter .nice-select.select_box {flex: 0 1 100%;}
.rutes-filter .srch-bx-lst{margin-bottom: 0;}
.rutes-filter .srch-bx-lst input[type="text"] {height: 42px;padding: 8px 10px 8px 10px;}
.bars-tab.rutes {width: 150px; justify-content: right;}
.bars-tab.rutes ul.tab-list{margin-top: 0;}
.punts-main .punts-img span.tag {top: 15px; left: 15px; font-size: 13px;}
.punts-main .fav-icon{left: 15px; bottom: 15px;}
.punts-main .punts-txt h3{margin-bottom: 10px;}
.punts-main .punts-txt p{line-height: 25px;}
.punts-list ul{row-gap: 35px;}
.agenda-btn{margin-top: 40px;}
.agenda-btn .env-btn{height: 46px; font-size: 13px; letter-spacing: 1px;}
.punts-main .punts-txt h3 a{font-size: 24px; line-height: 32px;}
.menjar-int-lst ul li {flex: 0 1 49%;}
.menjar-int-lst{margin-bottom: 0;}
/*15*/
.contact-list{padding: 50px 0 50px 0;}
.contact-list ul li{flex: 0 1 49%;}
.contact-list ul li .contact-txt h3{letter-spacing: normal; margin-bottom: 12px;}
.contact-list ul li .contact-txt p{font-size: 16px; line-height: 26px;}
.contact-list ul li a{font-size: 16px; line-height: 26px;}
.contact-sec{padding: 0 0 50px 0;}
.contact-form-sec{padding: 40px 0;}
.contact-inn{column-gap: 0; row-gap: 25px;}
.contact-lft {flex: 0 1 100%;}
.contact-rht {flex: 0 1 100%;}
.contact-lft h2{font-size: 36px; line-height: 42px;}
.contact-lft h2 br{display: none;}
.contact-form .form-box input[type="text"], .form-box textarea {height: 48px; font-size: 15px; padding: 8px 15px 8px;}
.contact-form .form-box .frm-input .floating-label{font-size: 16px; line-height: 20px;}
.contact-form .form-box input[type="submit"] {height: 46px;font-size: 15px;padding: 0 40px;}

/*14*/
.com-arribar{padding: 10px 0 40px 0;}
.com-arribar h2{font-size: 48px; line-height: 42px; margin-bottom: 15px;}
.transport-sec{padding: 50px 0;}
.com-arribar p br{display: none;}
.route-map #fichamap {height: 300px;}
.transport-sec ul{row-gap: 50px;}
.transport-sec ul li .transport-img img{height: 100%; object-fit: cover;}
.transport-sec ul li .transport-cnt h2{font-size: 28px;line-height: 32px;letter-spacing: normal;margin-bottom: 12px;}
.transport-sec ul li .transport-cnt p{font-size: 16px; line-height: 26px;}
.route-sec{position: relative; padding: 50px 0;}
.route-inner{column-gap: 0; justify-content: inherit; row-gap: 20px;}
.route-text {flex: 0 1 100%;}
.route-form {flex: 0 1 100%; align-items: flex-start; flex-wrap: wrap; row-gap: 15px;}
.route-sec h6{font-size: 24px;line-height: 28px;letter-spacing: normal;}
.route-sec h2{font-size: 42px;line-height: 48px;letter-spacing: normal;}
.route-btn{font-size: 15px;}
.route-form input{font-size: 18px;}

/*12*/
.cultura-sec{padding: 50px 0;}
.cultura-img {float: none;width: 100%;max-width: 360px;margin: 0 auto 20px;display: flex;padding-top: 0;}
.cultura-sec h2{font-size: 42px;line-height: 48px;letter-spacing: normal;margin-bottom: 20px;}
.cultura-sec p{line-height: 26px;}
.cultura-sec a.veure-btn{height: 48px; font-size: 14px; margin: 0;}
.img-large {width: 280px;height: 280px;float: left;}
.firetes-list ul li{padding: 40px 0;}
.firetes-list ul li .firetes-content h2{font-size: 36px;line-height: 40px;letter-spacing: normal; margin-bottom: 10px;}
.firetes-list ul li .firetes-content p{line-height: 26px;}
.firetes-list ul li .firetes-image{float: left; width: 100%;}
.itineraris-slider .swiper-slide{align-items: flex-start;}
.event h4{font-size: 18px;line-height: 26px;}
.calendari-festes{padding: 50px 0 50px 0;}
.firetes-list ul li .firetes-inner{column-gap: 5%;}
.firetes-list ul li .firetes-content {flex: 0 1 60%;}

.ficha-cont h2{font-size: 42px;line-height: 48px;letter-spacing: normal;margin-bottom: 15px;}
.ficha-inner.p-b-80 {padding-bottom: 0;}
.platja-map{padding: 50px 0 50px;}
.platges-sec{padding: 50px 0;}
.platges-main .platges-txt span{display: none;}
.platges-main .platges-txt h3{width: 100%;}
.platges-main .platges-txt h3 a{font-size: 24px; line-height: 32px;}
.swiper-nav-platges{width: 100%; padding: 0 15px;}
.platges-interest-cont h2{font-size: 42px; line-height: 48px;}
.platges-div a.saber-btn{padding: 0px 30px; font-size: 15px;}
.serveis-sec.two-colum ul {width: 100%;}


/*5*/
.patrimonial-sec{column-gap: 0; row-gap: 40px;}
.patrimonial-cnt {flex: 0 1 100%;}
.ficha-map.rutes-map{margin-bottom: 0;}
.patrimonial-info {flex: 0 1 100%; padding-bottom: 30px;}
.patrimonial-cnt p{line-height: 26px;}
a.download-btn{max-width: 272px;}
.ruta-list ul{row-gap: 30px;}
.ruta-list ul li .ruta-btn{height: 42px;padding: 0px 35px; font-size: 14px; letter-spacing: 0.5px;}
.ruta-list ul li .ruta-cnt{padding-right: 0;}
.ruta-list ul li .ruta-cnt h3{font-size: 28px;line-height: 36px; margin-bottom: 10px;}
.ruta-list ul li .ruta-cnt p{line-height: 26px; margin-bottom: 15px;}
.ruta-list ul li .ruta-cnt ul{margin-bottom: 15px; column-gap: 25px;}
.ruta-list ul li .ruta-image img{height: 100%; object-fit: cover;}

.festival-img{margin-bottom: 20px;}
.festival-cnt h3{font-size: 24px; line-height: 32px;}
.festival-cnt p{line-height: 26px;}
.gallery-div{margin-bottom: 50px;}

/*10*/
.menjar-bg::after {display: none;}
.menjar-int-cnt{width: 100%;}
.menjar-int-cnt p{font-size: 28px; line-height: 36px;}
.menjar-bg{padding-bottom: 40px;}
.hm-visita-sec.platges-muro .home-video-sec{margin-top: 0;}
.menjar-bg::before{height: 265px;}

/* aparcament */
.oficina-turisme-title h2 {font-size: 48px; line-height: 42px; padding-bottom: 15px;}
.oficina-turisme-title p br { display: none;}
.aparcament-main { padding: 50px 0;}
.aparcament-main ul li { padding: 40px 20px 25px;}
.aparcament-main ul li h3 { font-size: 24px; line-height: 32px;}
.aparcament-div ul li a { padding: 20px 40px;}
.carrega-btn { margin-top: 40px;}

/* projecte */
.coneix-list { padding: 50px 0;}
.coneix-list .coneix-content h2 { font-size: 42px; line-height: 48px; margin-bottom: 15px;}
.coneix-content h3 { font-size: 22px; line-height: 34px; margin-bottom: 15px;}
.projecte-logo-lst { padding-top: 60px;}
.coneix-inner{column-gap: 5%;}
.coneix-content {flex: 0 1 60%;}

/* municipi */
.cultura-sec.platja { padding-bottom: 50px;}
.coneix-links { padding-top: 50px;}
.conoce-lft h2 { font-size: 42px; line-height: 48px; margin-bottom: 15px;}
.experiencias-cont h2 { font-size: 48px; line-height: 52px;}
.municipi .img-large { width: 280px;}
.municipi .img-small { width: 210px; left: auto; right: 0;}
.arribar .conoce-cont { justify-content: space-between;}
.arribar .conoce-lft { flex: 0 1 calc(100% - 373px); order: 2;}
.arribar .conoce-lft h2 { text-align: left;}
.arribar .conoce-lft p { text-align: left; margin-bottom: 20px;}
.arribar .conoce-rgt { flex: 0 1 340px; order: 1;}
.arribar .conoce-rgt img { width: 100%;}
.platja .img-small { width: 230px; left: auto; right: 0;}
.platja .img-large { height: 280px; width: 328px;}
.platja-links { padding-top: 50px;}

/* oficina-de-turisme */
.oficina-sec { column-gap: 6%;}
.oficina-lft{flex: 0 1 425px;}
.oficina-rgt{flex: 0 1 calc(100% - 470px);}

}

/* Smaller than standard 768 (devices and browsers) */
@media screen and (max-width:767px) {
img {max-width:100%; }
.row { width:100%; padding:0px 15px; max-width: 100%; }
.row1 { width:100%; padding: 0 15px; max-width: 100%;}

.foot-logo-lft { flex: 0 1 100%; text-align: center;}
.foot-logo-lft img { float: none; display: inline-block;}
.foot-logo-rgt { flex: 0 1 100%; }
ul.social-list { justify-content: center;}
.foot-btm { row-gap: 10px;}
.foot-btm-lft { flex: 0 1 100%; text-align: center;}
.foot-btm-rht { flex: 0 1 100%;}
.foot-btm-rht ul { justify-content: center;}

.head-row {width: 100%;padding: 0px 15px;}
.head-top::after { width: calc(100% - 30px); }
.head-top-in { padding: 20px 0px;}
.menu-wrap { display: none; }
.hdr-links { margin-left: 0px; }
.scl-links { display: none; }
.hdr-links > ul > li { display: none; }
.hdr-links ul li:last-child { display: block; margin-right: 20px; margin-left: 0px;}
.nice-select ul li:last-child { margin-right: 0px;}
.select-lang { width: 45px; }
.select-lang .nice-select { font-size: 13px;}
.logo-top img { width: 225px;}
.head-lft { display: none;}
.head-rgt { width: auto; } 
.hamburger-menu { display: block;}
.mob-search{ display: block;}

.hide-scroll .head-top { border-bottom: none;}

.is-sticky .logo-top img.desk-logo { display: block;}
.is-sticky .logo-top img.stick-logo { display: none;}
.is-sticky .mob-search a.search { background: url(../images/search.svg) no-repeat; } 
.is-sticky .hamburger span, .is-sticky .hamburger span::before, .is-sticky .hamburger span::after { background: #FFFFFF;}
.is-sticky .hamburger.active span { background-color: transparent; }

.is-sticky header.inner-header .logo-top img.desk-logo, .inner-mobile header.inner-header .logo-top img.desk-logo { display: none;}
.is-sticky header.inner-header .logo-top img.stick-logo, .inner-mobile header.inner-header .logo-top img.stick-logo { display: block;}
.is-sticky header.inner-header .hamburger span, .is-sticky header.inner-header .hamburger span::before, .is-sticky header.inner-header .hamburger span::after { background: #FFFFFF;}
.inner-mobile header.inner-header .hamburger span, .inner-mobile header.inner-header .hamburger span::before, .inner-mobile header.inner-header .hamburger span::after { background: #FFFFFF;}
.inner-mobile header.inner-header .hamburger.active span, .is-sticky header.inner-header .hamburger.active span { background-color: transparent;}
.is-sticky header .head-top { box-shadow: none;}

.hide-scroll .is-sticky .logo-top img.desk-logo { display: none;}
.hide-scroll .is-sticky .logo-top img.stick-logo { display: block;}
.hide-scroll .is-sticky .mob-search a.search { background: url(../images/search-w.svg) no-repeat; } 
.hide-scroll .is-sticky .hamburger span, .hide-scroll .is-sticky .hamburger span::before, .hide-scroll .is-sticky .hamburger span::after { background: #fff;}
.hide-scroll .is-sticky .hamburger.active span { background-color: transparent; }

/*.breadcrum ul {padding: 20px 0px; white-space: nowrap; overflow-x: scroll; width: calc(100% + 15px); padding-right: 15px; scrollbar-width: none; }*/

.desktop-search {padding: 100px 0px 30px;}
.desktop-search h2 {font-size: 30px;line-height: 40px; margin-bottom: 20px; }
.search-tags h3 { font-size: 14px; line-height: 26px;}
.search-det { padding: 0px 20px;}
.search-det .row { margin: 0px 0px;}
.search-inn {max-width: 450px; width: 100%; margin-bottom: 40px; }
.search-inn input[type="text"] { height: 55px; font-size: 15px; padding: 0 65px 0 25px; }
.search-inn button { width: 46px; height: 46px; right: 5px; top: 4px;}
.search-tags ul { padding: 0px 15px; column-gap: 8px; row-gap: 8px;}
.search-tags ul li a { font-size: 12px; }
.search-in { margin-top: 35px;}

.access-link a img { width: 60px;}

.slider .swiper-slide::before { position: absolute; content: ""; background: linear-gradient(180deg,rgba(0, 91, 224, 1) 0%, rgba(0, 91, 224, 0.01) 100%); bottom: 0; left: 0; width: 100%; height: 100%;}
.slider .swiper-slide img { height: 600px; object-fit: cover; }
.slider .swiper-slide .banner-cnt { top: 22%;}
.slider .swiper-slide .banner-caption h1 { font-size: 42px; line-height: 46px; letter-spacing: -1px; }
.banner-caption a.saber-btn { width: 160px; height: 50px; font-size: 15px; }

.welcome-sec { padding: 35px 0px; }
.welcome-sec::after { display: none;}
.welcome-sec h2 { font-size: 30px;line-height: 50px; padding: 0 0px; }
.welcome-sec h2 img {width: 40px;}

.conoce-sec, .platges-map-sec {padding: 40px 0px; }
.conoce-lft { flex: 0 1 100%; margin-bottom: 30px;}
.conoce-lft h2 {font-size: 36px;line-height: 42px; margin-bottom: 15px; text-align: center;}
.conoce-lft h2 br{display: none;}
.conoce-lft p {font-size: 15px;line-height: 24px; margin-bottom: 0; text-align: center;}
/* .conoce-main .conoce-txt h3 a {font-size: 22px; line-height: 24px;} */
.conoce-rgt { flex: 0 1 100%; display: flex; justify-content: center;}
.conoce-rgt img { width: auto; }
a.conoce-btn { margin: 30px auto 0; height: 46px; font-size: 15px;}
.conoce-slide { width: calc(100% + 15px); margin-top: 40px;}
.conoce-cont .conoce-img { display: none;}
.conoce-slide .swiper-nav-rel { display: inline-flex;}

.hm-rutas-sec, .hm-muro-sec { padding: 40px 0px;}
ul.exp-menu-lst { width: calc(100% + 15px); flex-wrap: nowrap; white-space: nowrap; margin-bottom: 20px; padding-bottom: 5px; padding-right: 15px;column-gap: 15px; overflow-x: scroll; scrollbar-width: none; }
ul.exp-menu-lst li a {padding: 0px 12px; font-size: 15px; height: 30px;}
ul.exp-menu-lst li a.active{background: #FFC300;border-radius: 12px;}
/* .exp-slide { width: calc(100% + 15px); } */
.exp-main .exp-txt span.tag { font-size: 12px; }
.exp-main .fav-icon {left: 12px;top: 12px; }
.exp-main .exp-txt h3 a {font-size: 24px; line-height: 26px; letter-spacing: -0.5px;}
.experiencias-cont .abs-btn-div { display: none;}

.hm-agulo-sec { padding: 40px 0px; }
.hm-agulo-sec .puntos-sec { width: 100%; margin: 0px 0px 60px 0px; padding: 0px 0px; }
.puntos-title-div { max-width: 100%; }
.puntos-title-div h2 {font-size: 36px;line-height: 42px; margin-bottom: 20px; text-align: center;}
.puntos-title-div p {font-size: 15px;line-height: 25px;}
.hm-agulo-sec .puntos-slide { width: calc(100% + 15px); }
.puntos-main .puntos-txt {padding: 0px 25px 20px; }
.hm-agulo-sec .abs-btn-lst { float: left; width: 100%; top: auto; margin: 30px 0px 0px; }
.abs-btn-lst { width: 100%;}
.abs-btn-lst ul { column-gap: 10px; justify-content: center;}
.abs-btn-lst ul li a { padding: 0px 40px; }
.abs-btn-lst ul li { flex: 0 1 auto; }

.experiencias-cont h2 {font-size: 36px;line-height: 42px; text-align: center; width: 100%;}
ul.agenda-menu-lst, ul.agenda-menu-rgt  { width: calc(100% + 15px); flex-wrap: nowrap; white-space: nowrap; margin-bottom: 25px; padding-bottom: 5px; padding-right: 15px; overflow-x: scroll; scrollbar-width: none; }
ul.agenda-menu-lst li a, ul.agenda-menu-rgt li a {padding: 0px 12px; font-size: 15px; height: 30px;}
.agenda-slide, .agenda-rht-slide { width: calc(100% + 15px); }
.agenda-main .agenda-img span.tag { font-size: 12px;}
.agenda-main .fav-icon a{width: 32px; height: 32px;}
.agenda-main .agenda-txt h3 {font-size: 24px;line-height: 32px; width: 100%;}
.agenda-main .agenda-txt span{display: none;}
/* .agenda-main .agenda-txt h3 a { font-size: 24px; line-height: 26px;} */
.agenda-main .agenda-txt h3 a br { display: none; }
/* .agenda-main .agenda-txt p { font-size: 15px; line-height: 24px; }
.agenda-main .agenda-txt h5.date { font-size: 14px;line-height: 24px;} */
.abs-btn-div { position: relative; top: auto; float: left; width: 100%; display: flex; justify-content: center; margin: 25px 0px 0px;}
a.more-btn { height: 46px; font-size: 13px; padding: 0px 25px; }
.menjar-sec { row-gap: 50px;}
.festival-rgt .abs-btn-div{margin: 22px 0 22px 0;}

.hm-visita-sec { padding: 40px 0px 10px;}
.hm-visita-sec::before {height: 90%;}
.visita-title h2 {font-size: 36px;line-height: 42px; margin-bottom: 20px; letter-spacing: normal;}
.hm-visita-sec p {font-size: 16px; line-height: 23px;}
.videoPoster::after { width: 50px; height: 50px; background-size: cover;}
.visita-inner{column-gap: 0; row-gap: 20px;}
.visita-lft {flex: 0 1 100%;} 
.visita-title h3{font-size: 20px; line-height: 28px;}
.visita-rgt {flex: 0 1 100%;}
.hm-visita-home::before{display: none;}
.hm-visita-home::after{width: 100%; height: 180px;}
.home-video #play-video{width: 65px; height: 65px;}
.visita-title a.saber-btn{position: relative; float: right; top: 15px;}


.hm-inform-sec { padding: 40px 0px 20px; }
.inform-lft {flex: 0 1 100%; margin-bottom: 30px;}
.inform-lft h2, .presentacio-div h2, .itineraris-slider .swiper-slide .itineraris-cnt h3 { font-size: 50px;line-height: 45px; }
ul.inform-lst { column-gap: 8px;}
ul.inform-lst li { flex: 0 1 auto; }
ul.inform-lst li a { font-size: 13px; letter-spacing: 0px; padding: 8px 12px; }
.inform-rgt {flex: 0 1 100%;} 

.hm-area-ban img { height: 500px; object-fit: cover;}
.ban-content {max-width: 100%; padding: 0;}
.ban-content h3 { font-size: 60px; line-height: 65px; margin-bottom: 25px; }
.ban-content p { font-size: 14px; line-height: 24px; letter-spacing: -0.2px; margin-bottom: 25px; }
.ban-content p br { display: none;}

.siguenos-sec { padding: 35px 0px 100px; }
.siguenos-sec h2 {font-size: 50px; line-height: 45px;margin-bottom: 25px;}
.siguenos-inst ul > li { flex: 0 1 33.3333%; }
.siguenos-inst ul > li a span { width: 40px; }
.share-links {padding-top: 25px;}
.share-links ul { column-gap: 35px; }
.share-links li a {font-size: 15px; line-height: 28px;}

.footer-top-sec .row { width:100%; padding: 0 15px;}
.foot-top {padding: 20px 20px; margin-top: -50px; }
.newsletter-box { flex-wrap: wrap; row-gap: 20px; padding: 0;}
.newsletter-suscriu{padding: 50px 0 150px 0;}
.news-lft { flex: 0 1 100%; }
.news-lft h2 { font-size: 36px; line-height: 40px;}
.news-rht { flex: 0 1 100%;padding-right: 0px;}
.newsletter-suscriu::before {display: none;}
.newsletter-suscriu::after {top: auto; bottom:0;}
.row-foot { width: 100%; padding: 0px 15px;}
.foot-mid-top { padding: 40px 0px 15px; row-gap: 20px;}
.foot-mid-lft { flex: 0 1 62%;}
.foot-mid-rgt {flex: 0 1 38%;}
.foot-mid-btm { padding: 20px 0px 30px; }
.foot-mid-btm ul.foot-menu li h3 { font-size: 18px;line-height: 20px; margin-bottom: 10px; }
.foot-mid-btm ul.foot-menu li ul li a { font-size: 14px;}
.foot-mid-rgt h3 { font-size: 18px;line-height: 20px;}
ul.ft-cont-lst { margin-bottom: 40px;}
ul.ft-cont-lst li { font-size: 14px; }
ul.ft-logo-lst { column-gap: 10px;}
.foot-mid-lst {padding: 20px 0px;}
.foot-btm-rht ul { column-gap: 12px; }

footer .ftr-top { padding: 20px 0 20px;}
.ft-logo-lst ul { column-gap: 22px;justify-content: center;}
.ft-logo-lst ul li a img{height: 25px;}
.ft-logo-lst { padding-right: 0; padding-top: 0;}

footer .ftr-top { display: flex;flex-wrap: wrap; justify-content: center; text-align: center; column-gap: 25px; row-gap: 0px;margin-top: 20px; padding: 20px 0px 20px;}
footer .ftr-top .ftr-lst, footer .ftr-top .ftr-lst:first-child {float: left;width: auto;flex: 0 1 auto;}
footer .ftr-top .ftr-lst ul { display: none;}
footer .ftr-top .ftr-lst.last-ftr { flex: 0 1 100%;margin-top: 20px;}
footer .ftr-top .ftr-lst.last-ftr ul { display: inline-flex; flex-wrap: wrap; column-gap: 25px; justify-content: center;}
footer .ftr-top .ftr-lst.last-ftr ul li { margin-bottom: 0px; width: auto;}
footer .ftr-top .ftr-lst .scl-lnks { width: 100%; text-align: center; margin-top: 40px;}
footer .ftr-top .ftr-lst .scl-lnks ul { display: flex; flex-wrap: wrap; width: 100%; justify-content: center; column-gap: 7px;}
footer .ftr-top .ftr-lst h2 { padding-bottom: 0;}
footer .ftr-top .ftr-lst h2 a, footer .ftr-top .ftr-lst.last-ftr ul li a { font-size: 18px; line-height: 22px;}

/* inner banner */
.breadcrum.abs-sec.inner-ban { top: 95px; }
.slider.inn-banner .swiper-slide::before { position: absolute; content: ""; background: linear-gradient(180deg,rgba(0, 91, 224, 1) 0%, rgba(0, 91, 224, 0.01) 100%); bottom: 0; left: 0; width: 100%; height: 100%; display: none;}
.slider.inn-banner .swiper-slide img { height: 575px; object-fit: cover;}
.inn-banner .in-ban-lft h1 { font-size: 42px;line-height: 48px;}
.inn-banner .in-ban-lft h1 br { display: none; }
.home-slider-nav { width:100%; padding: 0 15px; column-gap: 30px; justify-content: right;}
.camera-ico {left: 15px; bottom: 25px; right: auto; }
.slider .swiper-container-horizontal .swiper-pagination-bullets{order: 2;}

.pagination ul { flex-wrap: wrap;}
.itineraris-slider .swiper-slide .itineraris-img {position: relative; float: left; width: 100%; margin-bottom: 20px;}
.itineraris-slider .swiper-slide .itineraris-cnt {flex: 0 1 100%;padding: 30px 20px;}
.itineraris-slider .swiper-slide .itineraris-cnt h3 {font-size: 36px;line-height: 42px;}
.irati-cont ul li {letter-spacing: 0.5px; font-size: 13px;}
.irati-cont ul li:not(:last-of-type)::after {margin: 0 8px;}
.itineraris-slider .swiper-slide .itineraris-cnt a.descub-btn {font-size: 15px;}
.itineraris-slider .swiper-slide .itineraris-cnt p{margin-bottom: 20px;}

/*AGENDA-INNER*/
.tradicional-sec{padding: 10px 0 30px;}
.tradicional-sec h2{font-size: 32px; line-height: 36px; letter-spacing: normal; margin-bottom: 20px;}
.tradicional-rgt {width: 100%;float: left;}
.tradicional-lft {width: 100%;float: left; margin-bottom: 30px;}
.tradicional-slide{margin-bottom: 25px;}
.tradicional-map-sec{margin-bottom: 35px;}
.sml-map { min-height: 325px;}
.compar-btn ul li a{font-size: 14px;}
.galeria-sec{padding: 35px 0;}
.galeria-sec h2{font-size: 32px;line-height: 36px;letter-spacing: normal;margin-bottom: 20px;}
.galeria-list{margin-bottom: 30px;}
.galeria-list ul{row-gap: 15px; column-gap: 2%;}
.galeria-list ul li {flex: 0 1 49%;}
.galeria-list ul li .galeria-img::before {width: 36px; height: 36px;}
.galeria-list ul li .galeria-img { border-radius: 10px; }
.cargar-btn a{padding: 0px 35px; font-size: 14px; letter-spacing: normal; height: 45px;}
.tradicional-cnt{row-gap: 15px;}
.tradicional-cnt p{font-size: 15px; line-height: 25px;}

.hm-agulo-sec.otros{padding: 35px 0;}
.hm-agulo-sec.otros .puntos-sec { margin-bottom: 0px; }
.abs-btn-lst{position: relative;margin-bottom: 30px;float: left;}
.puntos-title-div{max-width: 100%; padding-bottom: 100px;}
.puntos-title-div.otros h2{font-size: 32px; line-height: 36px; letter-spacing: normal;}
.abs-btn-lst.otros-btn ul li a{font-size: 14px; height: 45px;}
.puntos-slide.otros{margin: 20px 0;}
.abs-btn-lst.otros-btn{width: 100%; margin: 10px 0px 0px;}
.abs-btn-lst.otros-btn ul { justify-content: center;}
.swiper-nav-rel{ width: 100%;padding: 0 15px;}

.articulos-btn-lst{ width: 100%; position: relative; }
.articulos-btn-lst ul { justify-content: center; }
.articulos-btn-lst ul li {flex: 0 1 auto; }
.articulos-btn-lst ul li a{font-size: 14px;height: 45px; padding: 0px 25px;}
.articulos-title-div h2{font-size: 32px; line-height: 36px; letter-spacing: normal;}
.articulos-slide{margin: 15px 0;}
.art-articulos-sec{padding: 25px 0px 40px;}
.articulos-main .articulos-txt h3 { line-height: 26px; }
.articulos-main .articulos-txt h3 a{font-size: 20px;line-height: 25px;}
.articulos-sec, .puntos-sec {float: left;width: calc(100% + 30px);position: relative;margin-left: -15px;margin-right: -15px;padding-left: 15px; overflow: hidden;}

/* breadcrum css */
.breadcrum.wht {padding: 20px 0;}
.breadcrum.wht ul {padding: 0;}


/* ficha alojamiento css */
.ficha-aloj-sec {padding: 10px 0 30px;}
.ficha-aloj-title { padding-bottom: 20px; }
.ficha-aloj-title h2 {width: 85%; font-size: 36px; line-height: 42px; letter-spacing: normal;}
.ficha-img-slide {margin-bottom: 20px;}
.ficha-img-slide .swiper-slide {height: 300px;}
.ficha-img-slide .swiper-nav {bottom: 25px;}
.ficha-img-slide .swiper-pagination-bullets { left: 20px; column-gap: 10px; }
.ficha-img-slide .swiper-nav-ficha-img { right: 15px; column-gap: 10px; }
.ficha-lft { order: inherit; flex: 0 1 100%; width: 100%; }
.ficha-cont {padding-bottom: 20px; padding-right: 0px; }
.ficha-cont p { font-size: 15px; line-height: 25px; padding-bottom: 15px;}
.ficha-rgt { flex: 0 1 100%; width: 100%; padding-right: 0px; }
.ficha-rgt h4 { font-size: 24px; line-height: 30px; padding-bottom: 20px;}
.ficha-cnct {padding-bottom: 25px; }
.ficha-cnct ul { row-gap: 15px; }
.ficha-cnct ul li p { font-size: 15px; line-height: 22px;}
.ficha-cnct ul li.ph a { font-size: 15px; line-height: 22px;}
.ficha-cnct ul li.link a { font-size: 15px; line-height: 22px;}
.ficha-scl-lnks ul {padding-left: 30px;}

.serveis-sec {padding: 35px 0;}
.serveis-sec h2 { font-size: 38px; line-height: 40px;}
.serveis-list { flex-wrap: wrap;}
.serveis-list > div:first-child { flex: 0 1 100%; width: 100%;}
.serveis-list > div:last-child { flex: 0 1 100%; width: 100%;}
.serveis-sec ul {row-gap: 15px; column-gap: 2%;}
.serveis-sec ul li { flex: 0 1 49%;}
.serveis-sec ul li a { font-size: 15px; line-height: 23px;}

.gallery-list, .menjar-int-sec {padding: 40px 0;}
.gallery-list h2 { font-size: 32px; line-height: 36px; padding-bottom: 20px; letter-spacing: normal;}
.gallery-div ul {row-gap: 15px;}
.gallery-div ul li {flex: 0 1 48.5%;}
.gallery-div ul li a::after { width: 35px; height: 35px; background-size: cover;} 

.hotels-interest-sec {padding: 40px 0;}
.hotels-interest-cont h2 { font-size: 36px; line-height: 40px; margin-bottom: 25px; letter-spacing: normal;}
.hotels-list-slide { width: calc(100% + 15px); margin-right: -15px;}
.hotels-list-slide .swiper-nav {display: block;}
.hotels-interest-cont .abs-btn-div { float: left; width: 100%; padding-top: 30px; position: relative; left: 0; margin: 0 auto; text-align: center;}

.hotels-interest-cont a.more-btn { height: 50px; font-size: 14px; padding: 0 35px; }

/* agenda css */
.breadcrum.abs-sec { top:70px; }
.agenda-list-sec h2 { font-size: 38px; line-height: 48px; padding-bottom: 10px; letter-spacing: normal;}
.agenda-latest-sec {padding: 135px 0 60px;}
.agenda-latest-sec h1 { font-size: 38px; line-height: 40px; padding-bottom: 25px;} 
.agenda-latest-slide {padding-bottom: 40px; width: calc(100% + 15px); margin-right: -15px;}
.agenda-latest-slide .swiper-nav { top: auto; transform: inherit; bottom: 0;}
.agenda-latest-slide .swiper-pagination-bullets { display: inline-flex; justify-content: center; text-align: center;}
.agenda-latest-slide .swiper-button-prev-agenda-latest { left: 0;}
.agenda-latest-slide .swiper-button-next-agenda-latest {right: 15px;}
.agenda-latest-slide .agenda-main .agenda-txt {padding: 15px 0px 0px;}
.agenda-latest-slide .agenda-main .agenda-txt h3 a { font-size: 24px; line-height: 30px;}
.agenda-latest-slide .agenda-main .agenda-txt h5.date br { display: none;}
.agenda-latest-slide .agenda-main .agenda-txt h5.date { font-size: 13px; line-height: 20px;}
.agenda-latest-slide .agenda-main .agenda-txt h3 { margin-bottom: 10px;}
.agenda-latest-slide .agenda-main .agenda-txt p { font-size: 15px; line-height: 23px; margin-bottom: 10px;}
.agenda-latest-slide .agenda-main .agenda-img span.tag { font-size: 11px;}
.agenda-list-main .agenda-lft { flex: 0 1 100%; width: 100%; display: none;}
.agenda-list-main .agenda-rgt { flex: 0 1 100%; width: 100%; padding-left: 0;}
.grid-count { padding-bottom: 20px;}

.agenda-lft h2 { display: none;}
.agenda-list-main.show .agenda-lft { display: block;}
.srch-bx-lst {margin-bottom: 20px;}
.cal-bx-lst {margin-bottom: 20px;}
.catagory-btns {margin-bottom: 20px;}
#more-categories {font-size: 14px;}
.srch-bx-lst input[type="text"] {height: 52px; padding: 10px 65px 10px 20px;}
.srch-bx-lst button.srch-btn { width: 42px; height: 42px; right: 6px; top: 5px;}
.catagory-btns h3 { font-size: 18px; line-height: 24px; padding-bottom: 15px;}
.catagory-btns ul {column-gap: 5px; row-gap: 5px;}
.catagory-btns ul li a {padding: 0 20px; font-size: 14px;}
.cal-btns a { width: auto; padding: 0 20px; height: 48px; font-size: 14px; column-gap: 5px;}
.agenda-list-sec {padding: 30px 0 40px;}
.pagination { column-gap: 12px; margin-top: 40px;}
.agenda-list-main .agenda-main .agenda-txt h3 a { font-size: 24px; line-height: 28px;}
.agenda-list-main .agenda-main .agenda-txt p { font-size: 14px; line-height: 22px; margin-bottom: 10px;}
.agenda-list-main .agenda-main .agenda-txt h5.date { font-size: 14px; line-height: 22px;}
.agenda-list-main .agenda-main .agenda-txt h3 {margin-bottom: 10px; line-height: 26px; }
.agenda-list-main .agenda-main .agenda-img span.tag { font-size: 11px;}
.agenda-list-main .agenda-list-cnt ul { row-gap: 30px; column-gap: 3%;}
.agenda-list-main .agenda-list-cnt ul li { flex: 0 1 48.5%;}
.agenda-list-main .agenda-list-cnt.list-view .agenda-main .agenda-img {flex: 0 1 200px;}
.agenda-list-main .agenda-list-cnt.list-view .agenda-main .agenda-txt { padding: 0 0 0 15px; flex: 0 1 calc(100% - 200px);}
.agenda-list-main .agenda-list-cnt.list-view ul { row-gap: 20px;}
.agenda-list-cnt .agenda-main .agenda-txt { padding: 15px 0px 0px;}

.experiencias-lft { width: 100%;}
.experiencias-rht { width: 100%;}

/**common swiper slider **/
.otros-punto-sec .puntos-slide { margin-top: 30px; }
.puntos-slide { margin-top: 25px; margin-right: -15px; width: calc(100% + 15px); position: relative;}
.puntos-slide::after{position: absolute; content: ""; right: -15px; top:-115px; background: url("../images/web-bg-mbl2.png") no-repeat 0 0; background-size: cover; width: 157px; height: 105px;}
.puntos-slide .swiper-button  { height: 40px; right: 15px;}
.puntos-main .puntos-txt { padding: 20px 0 0; position: relative;}
.puntos-main .puntos-txt h3 { line-height: 26px; text-align: left;}
.puntos-main .puntos-txt h3 a { font-size: 24px; line-height: 28px; color: #03045E;}
.puntos-slide .swiper-nav-rel { display: inline-flex;}
.experiencias-cont{margin-bottom: 20px;}
.experiencias-cont.menjar-sec h2 { text-align: left;}
.experiencias-cont.menjar-sec .abs-btn-div { display: block; width: auto;}
.menjar-sec .swiper-nav-rel { margin-top: 40px;}

/* ruta ficha */
.inn-banner .in-ban-lft.txt-cap h1, .platges-btm-sec h2 {font-size: 50px; line-height: 45px;}

.platja-list { margin-top: 20px;}
.platja-main { padding: 40px 30px 50px; row-gap: 30px;}
.platges-btm-sec { padding: 40px 0;}

.presentacio-div { padding-bottom: 40px;}

.filter-div ul.cer-filter-lst { display: none;}
.filter-col { justify-content: space-between;}
.filter-btn { display: inline-flex;}
.filter-div ul.cer-filter-lst.open { display: inline-flex; width: 100%; padding: 20px;}
.filter-div ul.cer-filter-lst li, .filter-div ul.cer-filter-lst li:first-child { flex: 0 1 100%; margin-right: 0;}
.filter-div ul.cer-filter-lst li .srch-bx-lst { margin-bottom: 0;}
.menjar-int-lst ul { row-gap: 40px;}
.menjar-int-lst ul li { flex: 0 1 49%; }
.menjar-int-top h3 { font-size: 25px; line-height: 30px; padding: 0;}

.mapa-select-div {overflow-x: auto;  white-space: nowrap;}
.mapa-div { overflow-x: auto; overflow-y: hidden;}
.map-out-div { padding-right: 0; width: 1000px;}
.bars-tab { width: 100%; justify-content: right;}
.hotels-interest-sec.poden-sec { padding-bottom: 100px;}

.agenda-list-main .agenda-rgt { padding-top: 0;}

/*sub-menu-sticky */
.sub-menu { padding: 0 10px;}
.sub-menu ul{column-gap: 5%; column-gap: 2%; row-gap: 20px;}
.sub-menu ul li  { flex: 0 1 48%; width: 48%;}
.sub-menu ul li a { width: 100%;}
#section-sub-menu{top:70px}

.platges-video-btm { padding: 0; margin-top: 20px;}
.platges-video-cont { padding: 30px;}

.recomanacions-sec { padding: 40px 0;}
.recomanacions-sec h2 { font-size: 30px; line-height: 35px;}
.recomanacions-main { row-gap: 30px;}
.recomanacions-lft, .recomanacions-rgt { flex: 0 1 100%; padding: 30px 20px;}
#section-sub-menu.fixed { top: 70px;}

footer .ftr-top .ftr-lst{display: none;}
.foot-btm-lft{order: 2;}
.foot-logo-lft img{width: 240px;}
.slider .swiper-slide .banner-caption{padding: 0;}
.hm-muro-sec::before{background: url("../images/web-bg-mbl1.png") no-repeat 0 0; background-size: cover; left: 0;top: 10px; width: 121px; height: 89px;}
.hm-muro-sec::after{display: none;}
.puntos-title-div > img {width: 120px;}
.conoce-list ul li .conoce-txt{padding: 15px;}
.conoce-list ul li .conoce-txt h3{font-size: 24px;line-height: 32px;letter-spacing: normal;}

.quick-links{padding: 40px 0;}
.quick-links .swiper-container{margin-left: -15px;margin-right: -15px;width: calc(100% + 30px); padding-left: 15px;}

.home-agenda-sec{padding: 40px 0;}
.home-agenda-inner{column-gap: 0; row-gap: 30px;}
.home-agenda-left {flex: 0 1 100%; text-align: center;}
.home-agenda-right {flex: 0 1 100%;}
.home-agenda-sec h2{font-size: 36px; line-height: 42px; letter-spacing: normal; text-align: center;}
.home-agenda-sec p{text-align: center;}
.home-agenda-tags{justify-content: center; margin-bottom: 30px;}
.home-agenda-sec a.agenda-btn{float: none;}
.home-agenda-sec a.agenda-btn{height: 46px; font-size: 14px;padding: 0px 35px; margin: 0px auto;}
.home-agenda-right ul li a{padding: 15px 15px; column-gap: 15px; align-items: inherit;}
.home-agenda-right ul li .agenda-img {flex: 0 1 110px; display: flex;}
.home-agenda-right ul li .agenda-img img{height: 100%; object-fit: cover;}
.home-agenda-right ul li .agenda-content {flex: 0 1 calc(100% - 125px);}
.home-agenda-right ul li .agenda-tags-small{row-gap: 5px; column-gap: 5px; margin-bottom: 10px;}
.home-agenda-right ul li .agenda-content h6{font-size: 15px;}
.home-agenda-right ul li .agenda-content h3{font-size: 18px; line-height: 25px; margin-bottom: 8px;}
.home-agenda-right ul li .agenda-tags-small span{font-size: 14px;}
.home-agenda-right ul li .agenda-content .fav-icon{right: 15px;top: 15px;}

.segueix-nos{padding: 30px 0 50px;}
.segueix-title h2{font-size: 36px;line-height: 40px;letter-spacing: normal;margin-bottom: 25px;}
.segueix-social ul{column-gap: 20px; row-gap: 12px;}
.segueix-main{display: none;}
.segueix-main-mbl{display: block; padding-bottom: 15px;float: left;width: 100%;}
.segueix-main-mbl .swiper-container{width: 100%; float: left; margin-left: -15px;margin-right: -15px;width: calc(100% + 30px);}
.segueix-main-mbl .swiper-slide{width: 100%; float: left;}
.segueix-main-mbl .swiper-slide img{width: 100%; float: left;}

.quick-links .swiper-slide a{min-height: 200px; row-gap: 30px;}
ul.exp-menu-lst, .exp-slide{padding-left: 15px;}
.puntos-slide .swiper-button{width: 100px;border: 3px solid #03045e;border-radius: 25px;padding: 10px;}

/*5-2-2025*/
.inner-cap h1{font-size: 36px; line-height: 42px;}
.eventos{flex-wrap: wrap; justify-content: inherit; row-gap: 15px;}
.inner-cap{width: 100%;}
.pasados{width: 100%; column-gap: 15px; justify-content: space-between;}
.mob-filter { width: auto; display: inline-flex; order: 2;}
.pasados .view-tab{display: flex; align-items: center; column-gap: 15px;}
.agenda-filt{font-size: 14px;}
.agenda-filt .toggle{margin-right: 0;}
.agenda-main-lft{display: none; width: 100%;}
.agenda-main-rgt{width: 100%; padding-left: 0;}
.agenda-main-lft.show{display: flex; margin-bottom: 25px;}
.inner-ban-sec{padding: 0 0 25px;}
.inner-agenda-cnt h3 a{font-size: 22px; line-height: 28px;}
.inner-agenda-cnt h4{font-size: 16px; line-height: 26px;}
.inner-agenda-list{margin-bottom: 0;}
.agenda-main-list{padding: 0 0 40px;}
.inner-agenda-list ul{row-gap: 35px;}
.cal-btns > div{column-gap: 15px;}

.menjar-main .menjar-txt h3 a{font-size: 22px; line-height: 28px;}
.testimoni-cnt ul{row-gap: 15px;}
.testimoni-cnt ul li{line-height: 26px;letter-spacing: normal;}
.testimoni-cnt{margin-bottom: 25px;}
.informacio-list h3{font-size: 28px;line-height: 32px; letter-spacing: normal; margin-bottom: 20px;}
.informacio-list ul li h4{font-size: 20px; line-height: 25px; margin-bottom: 10px;}
.informacio-list ul li p{line-height: 25px;}
.informacio-list ul li p br{display: none;}
.informacio-list{margin-bottom: 30px;}
.hotels-slide{margin-bottom: 30px;}
.hotels-main .hotels-txt h3 a{font-size: 22px; line-height: 30px;}
.swiper-nav-hotels{width: 100%; padding: 0 15px;}
.hotels-main .hotels-txt{padding: 15px 0px 0px;}
.hotels-main span.tag{font-size: 13px;}
.hotels-div{position: relative; float: left;}
.hotels-div a.hotels-btn{font-size: 14px; letter-spacing: normal; height: 44px;padding: 0px 30px;}
.fitch-de-share{padding-top: 25px;}
.fitch-de-share ul li:first-child {flex: 0 1 100%; text-align: center; margin-bottom: 15px;}
.fitch-de-share-main {justify-content: center;}
.fitch-de-share-list {flex: 0 1 100%;}
.fitch-de-share ul {justify-content: center;}
.hotels-slide .swiper-container{margin-left: -15px;margin-right: -15px;width: calc(100% + 30px); padding-left: 15px;}

/*17*/
.inn-banner{height: 500px;}
.inn-banner img{height: 100%; object-fit: cover;}
.que-fer-sec{padding: 25px 0 40px 0;}
.que-fer-title{margin-bottom: 30px;}
.que-fer-title h3{font-size: 24px; line-height: 30px;}
.rutes-filter{margin-bottom: 30px; column-gap: 0; row-gap: 15px;}
.rutes-filter-lft{flex: 0 1 100%; flex-wrap: wrap; row-gap: 15px;}
.rutes-filter-rgt {flex: 0 1 100%;}
.rutes-filter .nice-select.select_box {flex: 0 1 100%;}
.rutes-filter .srch-bx-lst{margin-bottom: 0;}
.rutes-filter .srch-bx-lst input[type="text"] {height: 42px;padding: 8px 10px 8px 10px;}

.punts-main .punts-img span.tag {top: 15px; left: 15px; font-size: 13px;}
.punts-main .fav-icon{left: 15px; bottom: 15px;}
.punts-main .punts-txt h3{margin-bottom: 10px;}
.punts-main .punts-txt p{line-height: 25px;}
.punts-list ul{row-gap: 35px;}
.agenda-btn{margin-top: 30px;}
.agenda-btn .env-btn{height: 46px; font-size: 13px; letter-spacing: 1px;}
.punts-main .punts-txt h3 a{font-size: 24px; line-height: 32px;}

/*15*/
.contact-list{padding: 40px 0 40px 0;}
.contact-list ul li .contact-txt h3{letter-spacing: normal; margin-bottom: 10px;}
.contact-list ul li .contact-txt p{font-size: 15px; line-height: 25px;}
.contact-list ul li a{font-size: 15px; line-height: 25px;}
.contact-sec{padding: 0 0 40px 0px;}
.contact-sec h2{font-size: 36px; line-height: 42px; margin-bottom: 15px;}
.contact-sec p{margin-bottom: 18px;}
.contact-list ul{column-gap: 0;}
.contact-list ul li{flex: 0 1 100%;}
.contact-form-sec{padding: 40px 0;}
.contact-inn{column-gap: 0; row-gap: 20px;}
.contact-lft {flex: 0 1 100%;}
.contact-rht {flex: 0 1 100%;}
.contact-lft h2{font-size: 28px; line-height: 32px; letter-spacing: normal; margin-bottom: 10px;}
.contact-lft h2 br{display: none;}
.contact-form .form-box input[type="text"], .form-box textarea {height: 48px; font-size: 15px; padding: 8px 15px 8px;}
.contact-form .form-box .frm-input .floating-label{font-size: 14px; line-height: 18px;}
.contact-form .form-box input[type="submit"]{height: 46px; font-size: 15px; padding: 0 40px;}
.contact-form .form-box .frm-input.checkbox label{font-size: 14px;}
.contact-form .btn-ctr{margin-top: 10px;}
#contact-map {height: 360px;}


/*14*/
.com-arribar{padding: 0 0 40px 0;}
.com-arribar h2{font-size: 36px; line-height: 42px;margin-bottom: 15px;}
.transport-sec{padding: 40px 0;}
.com-arribar p br{display: none;}
.route-map #fichamap {height: 300px;}
.transport-sec ul{row-gap: 40px;}
.transport-sec ul li{column-gap: 0; row-gap: 25px;}
.transport-sec ul li .transport-cnt{flex: 0 1 100%;}
.transport-sec ul li .transport-img {float: left; width: 100%; margin-bottom: 20px;}
.transport-sec ul li .transport-cnt h2{font-size: 28px;line-height: 32px;letter-spacing: normal;margin-bottom: 15px;}
.transport-sec ul li .transport-cnt p{font-size: 16px; line-height: 26px;}
.transport-sec ul li:nth-child(2n+2) .transport-cnt{order: inherit;}
.transport-sec ul li:nth-child(2n+2) .transport-img{order: inherit;}
.route-sec{position: relative; padding: 40px 0;}
.route-inner{column-gap: 0; justify-content: inherit; row-gap: 20px;}
.route-text {flex: 0 1 100%;}
.route-form {flex: 0 1 100%; align-items: flex-start; flex-wrap: wrap; row-gap: 15px;}
.route-sec h6{font-size: 24px;line-height: 28px;letter-spacing: normal;}
.route-sec h2{font-size: 32px;line-height: 36px;letter-spacing: normal;}
.route-form input {width: 100%;}
.route-btn{font-size: 15px; height: 48px;}
.route-form input{height: 48px; font-size: 16px;}

/*12*/
.cultura-sec{padding: 40px 0;}
.cultura-inner{column-gap: 0; row-gap: 30px; flex-wrap: wrap;}
.cultura-content {flex: 0 1 100%; text-align: center;}
.cultura-img {float: none;width: 100%;max-width: 360px;margin: 0 auto 20px;display: flex;padding-top: 0;}
.cultura-sec h2{font-size: 42px;line-height: 48px;letter-spacing: normal;margin-bottom: 20px; text-align: center;}
.cultura-sec p{line-height: 26px; text-align: center;}
.cultura-sec a.veure-btn{float: none; margin: 20px auto 0; height: 48px; font-size: 14px;}
.img-large {width: 280px;height: 280px;float: left;}
.img-small{left: auto; top: auto; right: 0; bottom: 30px;}
.firetes-list ul li{padding: 40px 0;}
.firetes-list ul li .firetes-content h2{font-size: 36px;line-height: 40px;letter-spacing: normal;}
.firetes-list ul li .firetes-content {flex: 0 1 100%;}
.firetes-list ul li .firetes-image {flex: 0 1 100%;}
.firetes-list ul li .firetes-content p{line-height: 26px;}
.firetes-list ul li .firetes-image{margin-bottom: 20px; float: left; width: 100%;}
.ficha-inner.p-b-80 { padding-bottom: 0;}

.platja-map{padding: 40px 0;}
.platges-sec{padding: 40px 0;}
.itineraris-slider .swiper-slide .itineraris-cnt h3 span{display: inline;}
.platges-interest-cont h2{font-size: 36px; line-height: 42px; margin-bottom: 20px;}
.platges-slide .swiper-container{margin-left: -15px;margin-right: -15px;width: calc(100% + 30px); padding-left: 15px;}
.platges-main .platges-txt span{display: none;}
.platges-main .platges-txt h3{width: 100%;}
.platges-main .platges-txt h3 a{font-size: 24px; line-height: 32px;}
.platges-div{position: relative; float: left;}
.swiper-nav-platges{width: 100%; padding: 0 15px; margin: 30px 0;}
.platges-div a.saber-btn{font-size: 15px;}
.ficha-aloj-title .fav-icon{top: 0;}
.ficha-cont h2{font-size: 42px;line-height: 48px; margin-bottom: 15px;}
.serveis-sec.two-colum ul {width: 100%;}
.serveis-sec.two-colum ul li {flex: 0 1 49%;}

/*5*/
.patrimonial-sec{column-gap: 0; row-gap: 40px;}
.patrimonial-cnt {flex: 0 1 100%;}
.ficha-map.rutes-map{margin-bottom: 0;}
.patrimonial-info {flex: 0 1 100%; padding-bottom: 30px;}
.patrimonial-cnt p{line-height: 26px;}
a.download-btn{max-width: 272px;}
.ruta-list ul{row-gap: 30px;}
.ruta-list ul li .ruta-btn{height: 42px;padding: 0px 35px; font-size: 14px; letter-spacing: 0.5px;}
.ruta-list ul li .ruta-cnt{padding-right: 0;}
.ruta-list ul li .ruta-cnt h3{font-size: 28px;line-height: 36px; margin-bottom: 10px;}
.ruta-list ul li .ruta-cnt p{line-height: 26px; margin-bottom: 15px;}
.ruta-list ul li .ruta-cnt ul{margin-bottom: 15px; column-gap: 25px;}
.ruta-list ul li .ruta-image img{height: 100%; object-fit: cover;}

/*16*/
.festival-sec{column-gap: 0; row-gap: 30px;}
.festival-lft {flex: 0 1 100%;}
.festival-rgt {flex: 0 1 100%;}
.gallery-div{margin-bottom: 35px;}
.hotels-main .hotels-txt p{line-height: 25px;}
.hotels-main .hotels-txt h6{font-size: 16px;}
.p-content{max-height: inherit;}
.festival-cnt p{line-height: 26px;}
.festival-cnt h3{font-size: 24px; line-height: 32px;}
.festival-img{margin-bottom: 20px;}
.ficha-rgt .abs-btn-div{margin-top: 25px;}

/*10*/
.menjar-bg::after {display: none;}
.menjar-int-cnt{width: 100%;}
.menjar-int-cnt p{font-size: 28px; line-height: 36px;}
.menjar-bg{padding-bottom: 40px;}
.hm-visita-sec.platges-muro .home-video-sec{margin-top: 0;}
.menjar-bg::before{height: 165px;}

.calendari-desktop{display: none;}
.calendari-mbl{display: block;}
.calendari-mbl h2{width: 100%; float: left;color: #03045E; font-family: 'DMSerifDisplay-Italic'; font-size: 42px;line-height: 48px;letter-spacing: normal;margin-bottom: 20px;text-align: center;}
.calendari-festes{padding: 40px 0;}
.timeline::before { width: 100%;}

/* aparcament */
.oficina-turisme-title h2 {font-size: 36px; line-height: 42px; padding-bottom: 15px;}
.oficina-turisme-title p br { display: none;}
.aparcament-main { padding: 40px 0;}
.aparcament-main ul li { flex: 0 1 48.8%; padding: 40px 20px 20px;}
.aparcament-main ul li h3 { font-size: 22px; line-height: 28px;}
.aparcament-grid { padding-top: 0;}
.aparcament-div { margin-top: 0;}
.aparcament-div ul { width: calc(100% + 15px); flex-wrap: nowrap; white-space: nowrap; justify-content: left; margin-bottom: 0px; padding-right: 15px;column-gap: 15px; overflow-x: scroll; scrollbar-width: none; }
.aparcament-div ul li { width: auto;}
.aparcament-div ul li a { padding: 20px 10px; font-size: 18px; line-height: 22px;}
.aparcament-main ul li p { margin-bottom: 25px;}
.carrega-btn { margin-top: 30px;}
.mapa-select-div {overflow-x: auto;  white-space: nowrap;}
.aparcament-mapa-div { overflow-x: auto; overflow-y: hidden;}
.aparcament-out-div { padding-right: 0; width: 1000px;}
.p-b-10 { padding-bottom: 0px;}

/* projecte */
.coneix-list { padding: 40px 0;}
.projecte .coneix-content{flex: 0 1 100%; order: 2;}
.projecte .coneix-image{flex: 0 1 100%;}
.projecte .coneix-image img { margin-bottom: 20px;}
.coneix-list .coneix-content h2 { font-size: 36px; line-height: 42px; margin-bottom: 15px;}
.coneix-content h3 { font-size: 22px; line-height: 34px; margin-bottom: 15px;}
.projecte-logo-lst { padding-top: 40px;}
.projecte-logo-lst ul { column-gap: 4%; justify-content: center;}
.projecte-logo-lst ul li { flex: 0 1 auto;}
.projecte-logo-lst ul li:last-child { flex: 0 1 auto;}
.projecte-logo-lst ul li img { max-height: 29px;}

/* municipi */
/* municipi */
.cultura-sec.platja { padding-bottom: 50px;}
.coneix-links { padding-top: 50px;}
.conoce-lft h2, .cultura-sec.platja h2, .cultura-sec.municipi h2 { font-size: 36px; line-height: 42px; margin-bottom: 15px;}
.experiencias-cont h2 { font-size: 48px; line-height: 52px;}
.municipi .img-large { width: 280px;}
.municipi .img-small { width: 210px; left: auto; right: 0;}
.arribar .conoce-cont { justify-content: space-between;}
.arribar .conoce-lft { flex: 0 1 100%; order: 1;}
.arribar .conoce-lft p { text-align: center; margin-bottom: 0px;}
.arribar .conoce-rgt { flex: 0 1 100%; order: 2; display: flex; flex-wrap: wrap; justify-content: center; row-gap: 30px;}
.arribar .conoce-rgt img { width: auto;}
a.arribar-btn { margin: 10px auto 0; height: 46px; font-size: 15px;}
.platja .img-small { width: 230px; left: auto; right: -40px;}
.platja .img-large { height: 280px; width: 328px;}
.platja-links { padding-top: 50px;}
.coneix-list .coneix-inner { justify-content: center; text-align: center;}
.coneix-list .coneix-content{flex: 0 1 100%;}
.coneix-list .coneix-image{flex: 0 1 100%;text-align: center;justify-content: center;display: flex;flex-wrap: wrap; row-gap: 30px;}
.platjas-btm { text-align: center;}
.platja a.platjas-btn { display: inline-flex; float: none;}

/* oficina-de-turisme */
.oficina-sec { column-gap: 6%;}
.oficina-lft{flex: 0 1 100%;}
.oficina-rgt{flex: 0 1 100%;}

} 
 
/* Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:639px) {
 
.foot-mid-lft { flex: 0 1 100%; margin-bottom: 25px;}
.foot-mid-rgt {flex: 0 1 100%;}

/* ficha alojamiento css */
.ficha-aloj-title h2 { font-size: 36px; line-height: 42px;}
.serveis-sec h2 { font-size: 32px; line-height: 38px;}
.gallery-list h2 { font-size: 32px; line-height: 38px;}
.hotels-interest-cont h2 { font-size: 32px; line-height: 36px;}

/* agenda css */
.agenda-list-sec h2 { font-size: 32px; line-height: 38px;}
.agenda-latest-slide .agenda-main .agenda-txt h3 a {font-size: 22px; line-height: 26px; }
.agenda-list-main .agenda-list-cnt.list-view .agenda-main .agenda-img {flex: 0 1 150px;}
.agenda-list-main .agenda-list-cnt.list-view .agenda-main .agenda-txt { padding: 0 0 0 15px; flex: 0 1 calc(100% - 150px);}
.agenda-list-main .agenda-main .agenda-txt h3 a { font-size: 22px; line-height: 26px; }

.pun-int-list ul li  { flex: 0 1 100%;}
.pun-int-main .pun-int-txt { min-height: auto; border-left: 2px solid #F7B402;}
.pun-int-main .pun-int-txt::before { display: none; }

.platja-lft, .platja-rgt { flex: 0 1 100%;}
.conoce-list ul{column-gap: 2%; row-gap: 15px; justify-content: center;}
.conoce-list ul li{flex: 0 1 49%;}
.punts-main .punts-txt h3 a{font-size: 22px; line-height: 28px;}

/*rutes-list-4*/
.ruta-list ul li .ruta-image {flex: 0 1 100%;}
.ruta-list ul li .ruta-cnt {flex: 0 1 100%;padding-right: 0;}
.ruta-list ul li .ruta-cnt h3{font-size: 24px;line-height: 32px; margin-bottom: 10px;}
.ruta-list ul li a{column-gap: 0; row-gap: 20px;}
.ruta-list ul li .ruta-cnt p{line-height: 26px;}

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:479px) {
 
/* .slider .swiper-slide .banner-caption h1 { font-size: 34px; line-height: 40px; } */
.logo-top img { width: 180px;}

.siguenos-inst ul > li { flex: 0 1 50%; }

.foot-mid-btm ul.foot-menu li { flex: 0 1 49%;}
.foot-mid-top { row-gap: 15px;}
.foot-logo-lft { flex: 0 1 100%; display: flex; justify-content: center;}
.foot-logo-rgt { flex: 0 1 100%;}
.foot-logo-rgt ul.social-list { justify-content: center;}
.itineraris-slider .swiper-slide .itineraris-cnt h3 {font-size: 30px;line-height: 35px;}

/*AGENDA-INNER*/
.compar-btn ul{row-gap: 10px;}
.compar-btn ul li {flex: 0 1 100%;}
.compar-btn ul li a{max-width: 265px;}
.galeria-list ul{row-gap: 15px;}
.articulos-title-div h2{font-size: 28px;}
.galeria-sec h2{font-size: 28px; line-height: 32px;}
.puntos-title-div.otros h2{font-size: 28px; line-height: 32px;}

/* ficha alojamiento css */
.ficha-img-slide { margin-bottom: 20px; }
.serveis-sec ul li { flex: 0 1 100%;} 
.ficha-aloj-title h2 { font-size: 32px; line-height: 36px; width: 85%;}
.serveis-sec h2 { font-size: 28px; line-height: 32px;}
.gallery-list h2 { font-size: 28px; line-height: 32px;}
.hotels-interest-cont h2 { font-size: 28px; line-height: 30px;}

/* agenda css */
.agenda-list-main .agenda-list-cnt ul li { flex: 0 1 100%; }
.agenda-list-main .agenda-main .agenda-txt h5.date { font-size: 13px; line-height: 20px;}

.rutas-top h2, .pun-int-top h2 { font-size: 28px; line-height: 32px;}

.menjar-int-lst ul li { flex: 0 1 100%; }
.sub-menu ul li a { font-size: 14px;}

.conoce-list ul{row-gap: 15px; column-gap: 0;}
.conoce-list ul li{flex: 0 1 100%;}

.puntos-title-div h2 {font-size: 36px;line-height: 42px;}
.ft-logo-lst ul li img {height: 20px;}
.agenda-main .agenda-txt h3 {font-size: 20px;line-height: 28px;}

/*5-2-2026*/
.inner-agenda-list ul{column-gap: 0; row-gap: 35px;}
.inner-agenda-list ul li{flex: 0 1 100%;}
a.prev-arw{padding-left: 15px;font-size: 15px;text-indent: -999px;}
a.next-arw{padding-right: 15px;font-size: 15px;text-indent: -999px;}
.pagination ul{column-gap: 10px;}

.informacio-list ul{column-gap: 0; row-gap: 20px;}
.informacio-list ul li{flex: 0 1 100%;}
.punts-list ul{column-gap: 0;}
.punts-list ul li{flex: 0 1 100%;}
.rutes-filter-rgt{flex: 0 1 100%; flex-wrap: wrap;}
.bars-tab.rutes {width: 100%;}
.rutes-filter .srch-bx-lst{margin-bottom: 15px;}
.itineraris-slider .swiper-slide .itineraris-cnt p{line-height: 24px;}


.ficha-cont h2{font-size: 36px;line-height: 42px;letter-spacing: normal;margin-bottom: 15px;}
.serveis-sec.two-colum ul li {flex: 0 1 100%;}

/* aparcament */
.aparcament-main ul li { flex: 0 1 100%; padding: 40px 10px 20px;}
.platja .img-small { width: 200px; left: auto; right: -20px;}
.platja .img-large { height: 280px; width: 260px;}
}

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

.logo-top img { width: 160px;}
/* ficha-alojamiento */
.gallery-div ul li { flex: 0 1 100%; }


}

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


}