@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;}


}

@media screen and (min-width:1367px) and (max-width:1500px) {

.head-row {width: 1340px;}

.hm-coniex-div .row {width: 1340px;}

.hm-picafort-sec {padding: 90px 0px 200px;}

.footer-top-sec .row {width: 1340px;}
.foot-top {padding: 40px 85px;}
.news-lft h2 {font-size: 42px;}


}

@media screen and (min-width:1280px) and (max-width:1366px) {

.head-row {width: 1250px;}

.cbp-hrmenu > ul > li { margin: 0px 15px; }
.scl-links { padding: 0px 20px;}
.hdr-links > ul > li {padding: 0px 15px;}
.cbp-hrsub-inner-lft .menu-rht { padding-left: 35px; }
.cbp-hrsub-inner-lft ul li .mega-list ul li a { font-size: 18px; }

.slider .swiper-slide img { height: 800px; }
.slider .swiper-slide .banner-caption h1 { font-size: 32px; }
.slider .swiper-slide .banner-caption h1 span { font-size: 74px; }

.hm-coniex-div .row {width: 1250px;}

.hm-picafort-sec {padding: 90px 0px 175px;}

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

/* que-fer page */
.in-ban-lft h1 {font-size: 55px;}

/* on-som-single */
.itineraris-slider .swiper-slide .itineraris-cnt h3 { font-size: 45px;}

/* blog-single */
.blog-irati h2 { font-size: 45px;}

/* oficina-turisme */
.contact-left h2 { font-size: 45px;}

}

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

.logo-top img { width: 140px;}
.cbp-hrmenu > ul > li { margin: 0px 3px; }
.cbp-hrmenu > ul > li > a { font-size: 14px; }
.scl-links ul {column-gap: 15px;}
.scl-links { padding: 0px 12px;}
.hdr-links > ul > li {padding: 0px 12px;}
.cbp-out-menu { padding: 150px 0px 60px; }
.cbp-hrsub-inner-lft .menu-lft {padding: 0px 30px 0px 30px;}
.cbp-hrsub-inner-lft .menu-lft h2 { font-size: 30px; }
a.menu-btn {width: 180px;font-size: 14px;}
.menu-cbp-div { padding-right: 15px;}
.cbp-hrsub-inner-lft .menu-rht { padding-left: 25px; }
.cbp-hrsub-inner-lft .menu-rht .menu-cbp-div ul { column-gap: 2%;}
.cbp-hrsub-inner-lft ul li { width: 49%;}
.cbp-hrsub-inner-lft ul li .mega-list ul li a { font-size: 15px; }
.cbp-hrsub-inner-lft ul li .mega-list ul li { margin-bottom: 15px; }
.menu-cbp-img img { height: 250px;}
.mn-img-txt {padding: 25px 20px;}
.mn-img-txt h3 { font-size: 26px; }

.slider .swiper-slide img { height: 700px; }
.slider .swiper-slide .banner-caption h1 { font-size: 28px; }
.slider .swiper-slide .banner-caption h1 span { font-size: 64px; }
.home-slider-nav { width:100%; padding: 0 15px;}

.desktop-search {padding: 120px 0px 30px;}
.desktop-search h2 {font-size: 50px;}
.search-det { padding: 0px 20px;}
.search-inn {max-width: 500px;margin-bottom: 45px;}
.search-tags ul { padding: 0px 150px;}

.hm-picafort-sec {padding: 75px 0px 135px; background-size: 100% 50%; }
.hm-quefer { margin-bottom: 90px; }
.content h2 { font-size: 28px; }
.visita-main { height: 190px;}
.visita-main .visita-txt h3 { font-size: 20px; }
.coniex-mid {padding: 0px 40px;}
.coniex-mid h2 { font-size: 34px; }

.hm-coniex-div .row { width: 1000px; }
.coniex-main .coniex-txt h3 {font-size: 28px;}

.hm-platjes-sec { padding: 75px 0px; }

.hm-agenda-sec {padding: 75px 0px;}
.title-sec h2 { font-size: 40px; }
.agenda-main .agenda-txt h3 a {font-size: 28px;}
.agenda-main .agenda-txt p { font-size: 16px; }
.agenda-main .agenda-txt h5.date { font-size: 16px; }

.siguenos-sec h2 { font-size: 40px; }
.share-links ul { column-gap: 10%; }

.footer-top-sec .row { width: 1000px; }
.foot-top {padding: 40px 40px;}
.news-lft h2 {font-size: 34px;}
.news-rht { padding-right: 0px; }
.row-foot { width: 1000px; }
.foot-mid-top { padding: 35px 25px; }
.foot-logo-lft img { width: 180px; }
.foot-mid-btm { padding: 35px 25px 50px; }
.foot-mid-btm ul.foot-menu li h3 { font-size: 26px; }
.foot-mid-btm ul.foot-menu li ul li a { font-size: 16px; }
.foot-mid-lst { padding: 30px 25px; }

/* que-fer page */
.in-ban-lft h1 {font-size: 45px;}
.picafort-main-sec { padding: 75px 0px 85px; }

/* espais-list page */
.inner-banner1 .in-ban-lft h1 { font-size: 45px; }
.esp-filter-lft ul li { flex: 0 1 180px; }
.filter-select .nice-select {padding: 0px 40px 0px 20px;}
.search-filter input[type="text"] { padding: 0 45px 0 20px; }
.esp-filter-rgt { flex: 0 1 180px; }
.view-tab ul.tab-list { column-gap: 22px; }
.espais-main .espais-txt h3 a {font-size: 28px;}

/* espais-list page */
.platges-dist-sec { padding: 65px 0px 80px; }
.platges-main .platges-txt { padding: 25px 30px 0px; }
.platges-main h3 {padding: 0px 30px;}

/* allotjament-list page */
.allot-main-sec .esp-filter-lft ul li {flex: 0 1 250px;}
.allot-main .allot-txt h3 a { font-size: 24px; }

/* rutes-dist page */
.plat-top-lft h2 { font-size: 36px; }
.rutes-main .rutes-txt { padding: 40px 30px; }

/* espais-single */
.inner-banner2 .in-ban-lft h1 {font-size: 45px;}
.banner-shape { right: 50px; }
.espais-single-sec { padding: 65px 0px 30px;}
.espais-single-rgt { width: 25%; }
.esp-tambe-sec { padding: 55px 0px 80px; }
.esp-tambe-sec h2 { font-size: 36px; }

/* platges-single */
.platges-detail .row { width:100%; padding: 0 15px;}
.plat-det-main { height: 240px; }
.plat-det-main .plat-det-txt h3 { font-size: 16px; }
.sabies-rgt {padding: 50px 45px;}

/* agenda-single page */
.espais-single-lft h6 { margin-bottom: 15px; }
.espais-single-lft h2 { font-size: 50px; }
.agenda-single-main .espais-single-lft {padding-right: 40px;}
.esp-lft-cont { margin-top: 35px; }
a.pdf-btn { font-size: 15px; }

/* rutes-single */
.rutes-title-sec { padding: 75px 0 45px;}
.rutes-title-lft h2 { font-size: 34px;}
.ruta-div { padding: 55px 0 75px;}
.ruta-div h2, .ruta-slide h2, .related-blogs-sec h2 { font-size: 34px;}
.ruta-slide { margin-top: 75px;}
.related-blogs-sec { padding: 75px 0 190px;}
.rutes-irati-cnt { padding-top: 20px;}
.rutes-irati-cnt h3 a { font-size: 28px; margin-bottom: 20px;}

/* on-som */
.som-title-sec { padding: 70px 0 75px;}
.som-title-main { margin-bottom: 120px;}
.qualitat-list-sec.som-qualitat  { padding-bottom: 70px;}

/* on-som-single */
.blog-irati-top { margin-bottom: 40px;}
.perdre-som-sec { padding: 0px 0 75px;}
.perdre-irati-cnt h3 a { font-size: 28px;}
.perdre-irati-cnt h4 { font-size: 16px;}
.blod-list ul li .blog-cont h3 a { font-size: 28px;}
.itineraris-slider .swiper-slide .itineraris-cnt { padding-left: 60px; padding-right: 30px;}
.itineraris-slider .swiper-slide .itineraris-cnt h3 { font-size: 40px; margin-bottom: 30px; }
.itineraris-slider .swiper-slide .itineraris-cnt a.descub-btn { height: 50px; min-width: 180px;}
.dormir-som-sec { padding: 75px 0;}
.dormir-list-sec .blod-list { margin-bottom: 75px;}
.allot-main .allot-txt h3 a { font-size: 24px;}

/* blog */
.blog-irati-cnt { padding-top: 20px;}
.blog-irati .blog-irati-lft h2 { font-size: 30px;}
.blog-list { padding-top: 70px;}
.blog-list h4 { font-size: 34px; margin-bottom: 20px;}
.interesa-list { padding-bottom: 40px;}
.deportes-list ul li .blog-irati-lft h3 { font-size: 28px;}
.inner-banner2 p { width: 725px; right: 15px; }

/* blog-single */
.blog-detail-sec { padding: 0px 0 75px;}
.blog-detail-sec .blog-irati { margin-top: 25px;}
.blog-irati h2 { font-size: 40px; margin-bottom: 30px;}
.quotes-sec h2 { font-size: 28px;}
.blog-irati-btm .blog-slide { margin-top: 15px;}
.quotes-sec, .blod-list, .blog-video-sec { margin: 15px 0 35px;}
.related-blogs-sec .blog-irati-lft h3 a { font-size: 28px;}

/* oficina-turisme */
.contact-sec { padding: 60px 0 75px;}
.contact-left h2 { font-size: 36px; margin-bottom: 30px; }
.contact-inn { padding: 75px 0 0;}
.contact-lft { flex: 0 1 40%;}
.contact-lft h2 { font-size: 36px; margin-bottom: 25px;}
.contact-form-sec { padding: 0 0 75px;}
.map-section { padding-bottom: 160px;}

/* transport */
.inner-title-sec { padding: 60px 0;}
.qualitat-list-sec { padding-bottom: 160px;}

/* lloguer-map */
.map-title-sec { padding: 60px 0;}

/* qualitat */
.btn-sec { margin-top: 30px;}
.qualitat-list .qualitat-cont { padding-right: 30px;}
.qualitat-list .qualitat-cont h3 { font-size: 22px;}

/* destinacio-turistica */
.destinacio-main-sec { padding: 60px 0; }
.destinacio-wrap { margin-bottom: 60px; }
.turistica-wrap { margin-bottom: 60px; }
.sostenibilitat-cont h2 { font-size: 36px; margin-bottom: 20px; }
.turistica-cont { padding-left: 40px; padding-right: 0px; }

/* nota-legal */
.legal-cont-sec { padding: 60px 0 75px;}
.legal-cont h2 { font-size: 36px; padding-bottom: 20px;}
.legal-cont { margin-bottom: 30px;}

/* agenda css*/
.agenda-sec { padding: 45px 0 80px;}
.agenda-rgt { padding-left: 30px;}
.agenda-filter-lst ul { row-gap: 20px; margin-bottom: 20px;}
.calendar-sec { margin-bottom: 30px;}
.pagination { margin-top: 50px;}

/* descarregues css */
.faqs-sec { padding: 45px 0 80px;}
.descar-list-sec { padding-top: 35px;}
.masonry-grid { column-count: 3; column-gap: 15px;}
.masonry-item { margin-bottom: 15px;}

/* faqs css */
.faqs-list-sec { padding-top: 35px;}
.faqs-list-sec .accordion-item { margin-bottom: 12px;}
.faqs-list-sec .accordion-header { font-size: 20px; padding: 20px 30px;}
.faqs-list-sec .accordion-text h3 { margin-bottom: 10px;}
.faqs-list-sec .accordion-text p { margin-bottom: 20px;}

/* oficina-turisme page */
.contact-left { flex: 0 1 48%; }
ul.contact-lst { row-gap: 35px; }
ul.contact-lst li p br { display: none; }
.contact-right { flex: 0 1 52%; }


}   

/* 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; }

.head-row { width:100%; max-width: 100%; padding: 0 15px; }
.menu-wrap { display: none; }
.scl-links { display: none; }
.hdr-links { display: none; }
.hamburger-menu { display: block;}
.mobile-menu .scl-links { display: block;}
.mobile-menu .hdr-links { display: block;} 
.logo-top img { width: 120px;}

.slider .swiper-slide img { height: 650px; }
.slider .swiper-slide .banner-caption h1 { font-size: 24px; }
.slider .swiper-slide .banner-caption h1 span { font-size: 54px; }
.home-slider-nav { width:100%; padding: 0 15px;}

.desktop-search {padding: 125px 0px 30px;} 
.desktop-search h2 {font-size: 40px;}
.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;}
a.search-close { font-size: 13px; }

.hm-picafort-sec {padding: 50px 0px 90px; background-size: 100% 30%; }
.hm-quefer { margin-bottom: 70px; }
.grid {grid-template-columns: 1fr 1fr;grid-template-rows: repeat(5, 260px);}
.platjes, .espais, .art, .elements, .fires, .gastronomia, .esports {grid-column: auto; grid-row: auto; }
.platjes,.art { grid-row: span 2;}
.content h2 { font-size: 24px; }
ul.plan-menu-lst li a { font-size: 17px; }
.hm-planificia { margin-bottom: 90px;}
.visita-main { height: 175px;}
.visita-main .visita-txt h3 { font-size: 18px; }
.coniex-mid {padding: 0px 20px;}
.coniex-mid h2 { font-size: 28px; }
.coniex-mid p {font-size: 16px;margin-bottom: 35px;}
.coniex-mid a.blue-btn { width: 250px;}

.hm-coniex-div .row { width:100%; max-width: 100%; padding: 0 15px; }
.coniex-slider-div {margin-top: 60px;}
.coniex-main .coniex-txt h3 {font-size: 22px;}

.hm-platjes-sec { padding: 50px 0px; }
.hm-platjes-sec .title-sec {margin-bottom: 35px;}
.platjes-slide { width: calc(100% + 15px);}

.hm-agenda-sec {padding: 50px 0px;}
.title-sec h2 { font-size: 32px; }
.title-sec p { font-size: 17px;}
ul.agenda-menu-lst li a { font-size: 17px; }
.agenda-main .agenda-txt h3 { margin-bottom: 10px; }
.agenda-main .agenda-txt h3 a {font-size: 24px;}
.agenda-main .agenda-txt p { font-size: 15px; }
.agenda-main .agenda-txt p br { display: none; }
.agenda-main .agenda-txt h5.date { font-size: 15px; }
a.blue-btn {width: 185px;font-size: 14px;}
.agenda-slide .swiper-nav-rel { padding-right: 15px; }

.siguenos-sec {padding: 90px 0px 165px;}
.siguenos-sec h2 { font-size: 32px; margin-bottom: 40px; }
.share-links ul { column-gap: 6%; }
.siguenos-inst ul > li { border-radius: 15px; }
.share-links li a { font-size: 13px; }

.chat-link { right: 10px; }
.footer-top-sec .row { width: 100%; padding: 0 15px; }
.foot-top {padding: 30px 25px;}
.news-lft h2 {font-size: 26px;}
.news-rht { flex: 0 1 50%; padding-right: 0px; }
.row-foot { width: 100%; padding: 0 15px; }
.foot-mid-top { padding: 35px 0px; }
.foot-logo-lft img { width: 150px; }
.foot-mid-btm { padding: 30px 0px 40px; }
.foot-mid-btm ul.foot-menu li {flex: 0 1 32%;}
.foot-mid-btm ul.foot-menu li:last-child { flex: 0 1 32%;}
.foot-mid-btm ul.foot-menu li ul { row-gap: 10px; }
.foot-mid-btm ul.foot-menu li h3 { font-size: 20px; margin-bottom: 12px; }
.foot-mid-btm ul.foot-menu li ul li a { font-size: 15px; }
.foot-mid-lst { padding: 25px 0px; }

/* que-fer page */
.breadcrum ul li a.home { padding-left: 30px; }
.in-ban-lft h1 {font-size: 40px;}
.inner-banner img { height: 400px; }
.picafort-main-sec { padding: 50px 0px 65px; }

/* espais-list page */
.inner-banner1 .in-ban-lft h5 { font-size: 18px; }
.inner-banner1 .in-ban-lft h1 { font-size: 40px; }
.espais-main-sec {padding: 50px 0px 60px; }
.allot-main-sec .espais-filter-div p { font-size: 22px; }
.allot-main-sec .espais-filter-div p br { display: none; }
.esp-filter-out { flex-wrap: wrap; row-gap: 20px; margin-top: 40px; }
.esp-filter-lft { flex: 0 1 100%; }
.esp-filter-lft ul { column-gap: 2%; row-gap: 12px;}
.esp-filter-lft ul li { flex: 0 1 49%; }
.filter-select .nice-select {padding: 0px 40px 0px 20px;}
.search-filter input[type="text"] { padding: 0 45px 0 20px; }
.esp-filter-rgt { flex: 0 1 100%; display: flex; justify-content: right;}
.view-tab ul.tab-list { column-gap: 22px; }
ul.espais-list { row-gap: 45px; }
.espais-main .espais-txt h3 { margin-bottom: 10px;}
.espais-main .espais-txt h3 a {font-size: 22px;}
.espais-main .espais-txt p { font-size: 15px; }
.espais-main .espais-txt p br { display: none; }
.espais-main .espais-txt h5.date { font-size: 15px; }
.espais-main .fav-icon { left: 10px; bottom: 10px; }
.espais-main .espais-img span.tag { font-size: 11px; left: 10px; top: 10px; }
.pagination {margin-top: 60px;} 

/* espais-maps page */
.esp-filter-result { padding-left: 0px; }
.espais-map-div #map { height: 700px; }

/* espais-list page */
.platges-dist-sec { padding: 50px 0px 60px; }
.platges-dist-top { margin-bottom: 50px; }
.plat-top-lft h5 { font-size: 20px; }
ul.platges-lst { row-gap: 45px; }
.platges-main .platges-txt { padding: 20px 0px 0px; }
.platges-main h3 {padding: 0px 20px; bottom: 20px; font-size: 26px; }
a.info-btn { padding: 0px 30px; font-size: 14px; }

/* platges-maps page */
.platges-map-div #map { height: 700px; }
.siguenos-margin { margin-top: -75px; }

/* allotjament-list page */
.allot-main-sec .esp-filter-lft ul li {flex: 0 1 49%;}
.espais-list-div {margin-top: 35px;}
ul.espais-list li { flex: 0 1 49%; }
.allot-main .allot-img span.tag { font-size: 12px; left: 10px; top: 10px; }
.allot-main .allot-txt h3 a { font-size: 22px; }
.allot-main .fav-icon { left: 10px;bottom: 10px; }

/* rutes-dist page */
.plat-top-lft h2 { font-size: 30px; }
ul.rutes-lst {column-gap: 2%;row-gap: 30px; }
ul.rutes-lst li { flex: 0 1 49%; } 
.rutes-main .rutes-txt { padding: 25px 20px; }
.rutes-main .rutes-txt h3 { font-size: 26px; }

/* espais-single */
.inner-banner2 .in-ban-lft h5 { font-size: 18px; }
.inner-banner2 .in-ban-lft h1 { font-size: 40px; }
.banner-shape { right: 15px; width: 200px; bottom: -90px; }
.espais-single-sec { padding: 50px 0px 25px; }
.espais-single-lft { width: 100%; margin-bottom: 20px; }
.esp-lft-cont { padding-right: 0px; margin-top: 40px; }
ul.esp-tag-lst { margin-bottom: 40px; }
.espais-single-rgt { width: 100%; }
a.compar-btn { font-size: 14px; }
.esp-tambe-sec { padding: 50px 0px 50px; }
.esp-tambe-sec h2 { font-size: 30px; letter-spacing: 0px; }

/* allotjament-single page */
.allot-service-sec { padding: 40px 0px 0px; }
.allot-service-sec h2 { font-size: 34px; }
.service-div ul { width: 100%; }
.allot-galeria-sec { padding: 50px 0px 30px; }
.allot-galeria-sec h2 { font-size: 34px; }
.gal-list {grid-template-columns: 4fr 1fr 1fr;}

/* platges-single page */
.inner-banner .slider .swiper-slide img { height: 400px; }

.platges-single-sec {padding: 50px 0px;}
.platges-single-para p { font-size: 20px; }
.platges-detail {margin: 50px 0px;}
.platges-detail .row { width: 100%; padding: 0 15px; }
.plat-det-main { height: 240px; }
.plat-det-main .plat-det-txt h3 { font-size: 17px; }
.escolta-tag span { font-size: 14px; }
.escolta-txt-div h6 { font-size: 18px; }
.sabies-que-sec {padding: 0px 0px 60px; }
.sabies-top { margin-bottom: 50px; }
.sabies-rgt { padding: 35px 30px; }
.sabies-rgt h6 { font-size: 20px; }
.sabies-title-div h2 { font-size: 34px; }

/* agenda-single page */
.espais-single-lft h6 { font-size: 16px; margin-bottom: 15px; }
.espais-single-lft h2 { font-size: 36px; margin-bottom: 25px; }
.agenda-single-main .espais-single-lft {padding-right: 0px; border: none;}
.esp-lft-cont { margin-top: 35px; }
.esp-btn-div { margin-top: 10px;}
a.pdf-btn { font-size: 14px; }
.agenda-single-main .espais-single-rgt { padding-top: 20px; }

/* rutes-single */
.rutes-title-sec { padding: 50px 0 45px;}
.rutes-title-main { column-gap: 3.3%;}
.rutes-title-lft { flex: 0 1 48.4%;}
.rutes-title-lft h2, .related-blogs-sec h2 { font-size: 30px; }
.rutes-detail-sec { padding-bottom: 50px;}
.ruta-div { padding: 50px 0 50px;}
.ruta-main { column-gap: 6%;}
.ruta-lft { flex: 0 1 48%;}
.ruta-div h2, .ruta-slide h2{ font-size: 32px;}
.ruta-btn-sec ul li a { font-size: 14px; height: 45px;column-gap: 12px;} 
.ruta-slide { margin-top: 50px;}
.related-blogs-sec { padding: 50px 0 160px;}
.veure-btn-lst a { font-size: 14px; padding: 0px 25px; column-gap: 12px;} 
.rutes-irati-cnt { padding-top: 20px;}
.rutes-irati-cnt h3 a { font-size: 24px; margin-bottom: 20px;}
.rutes-irati-cnt p { font-size: 15px;}
.rutes-irati-cnt ul.relac-lst li { font-size: 13px; }
.rutes-irati-img .fav-icon { left: 10px; top:10px; }

/* on-som */
.som-title-sec { padding: 50px 0 55px;}
.som-title-sec::after{ height: 500px; background-size: cover;}
.som-title-main { margin-bottom: 50px;}
.som-title-lft h3 { font-size: 20px;}
.qualitat-list .qualitat-img img { height: 270px; object-fit: cover;}
.qualitat-list .qualitat-cont { padding-left: 30px; padding-right: 0;}
.qualitat-list .qualitat-cont h3 { font-size: 22px; margin-bottom: 10px;}
.qualitat-list .qualitat-cont p { margin-bottom: 15px;}
.qualitat-list .qualitat-cont a.inform-btn { font-size: 14px; padding: 0 30px; height: 40px;}
.qualitat-list-sec.som-qualitat  { padding-bottom: 50px;}

/* on-som-single */
.blog-sec { padding: 50px 0;}
.blog-irati-top { margin-bottom: 40px;}
.som-irati-btm h3 { font-size: 18px;}
.perdre-som-sec { padding: 0px 0 50px;}
.perdre-som-sec h2, .dormir-list-sec h2 { font-size: 26px;}
.perdre-related-slide { width: calc(100% + 15px);}
.perdre-irati-cnt h3 a { font-size: 24px;}
.perdre-irati-cnt h4 { font-size: 15px;}
.perdre-irati-cnt p { font-size: 15px; padding-right: 0px; }
.blod-list ul li .blog-cont h3 a { font-size: 24px; }
.itineraris-slider .swiper-slide .itineraris-img img { height: 280px; }
.itineraris-slider .swiper-slide .itineraris-cnt { padding-left: 50px; padding-right: 30px;}
.itineraris-slider .swiper-slide .itineraris-cnt h3 { font-size: 32px; margin-bottom: 30px; }
.itineraris-slider .swiper-slide .itineraris-cnt a.descub-btn { font-size: 14px;}

.dormir-related-slide { width: calc(100% + 15px);}
.dormir-som-sec { padding: 50px 0;}
.dormir-som-sec h2 { font-size: 26px; }
.dormir-list-sec .blod-list { margin-bottom: 50px;}
.allot-main .allot-txt h3 a { font-size: 22px;}
.coneix .blod-list ul li .blog-cont { padding-top: 20px;}

/* blog */
.blog-irati-cnt { padding-top: 20px;}
.blog-irati-lft, .related-blogs-sec .blog-irati-lft { padding-right: 0px; flex:0 1 100%;}
.related-blogs-sec .blog-irati-lft { padding-right: 20px;}
.blog-irati .blog-irati-lft h2 { font-size: 28px;}
.blog-list { padding-top: 50px;}
.blog-list h4 { font-size: 32px; margin-bottom: 15px;}
.interesa-list { padding-bottom: 40px;}
.interesa-list ul { width: calc(100% + 15px); flex-wrap: nowrap; white-space: nowrap; overflow-x: scroll; justify-content: left; column-gap: 10px; margin-top: 15px; scrollbar-width: none; padding-right: 15px;}
.interesa-list ul li a { font-size: 15px; height: 45px; padding: 0 20px;}
.deportes-list ul { row-gap: 40px;}
.deportes-list ul li .blog-irati-lft { flex: 0 1 100%;}
.deportes-list ul li .blog-irati-lft h3 { font-size: 24px;}

/* blog-single */
.blog-detail-sec { padding: 0px 0 50px;}
.blog-detail-sec::after { height: 450px; }
.blog-detail-sec .blog-irati { margin-top: 25px;}
.blog-irati h2 { font-size: 32px; margin-bottom: 30px;}
.blog-irati-btm, .blod-list, .blog-video-sec, .blog-btn-sec { padding: 0 20px;}
.blog-irati-btm h3 { font-size: 20px;}
.blog-irati-btm .blog-slide { margin-top: 12px; margin-bottom: 30px;}
.quotes-sec h2 { font-size: 24px;}
.quotes-sec p { font-size: 16px;}
.quotes-sec, .blod-list, .blog-video-sec { margin: 12px 0 30px;}
.video-ban-cont span { font-size: 16px;}
.blog-btn-sec { margin-top: 10px;}
.blog-btn-sec ul li a { font-size: 14px;}
.related-blogs-sec .blog-irati-lft h3 a { font-size: 24px;}
.inner-banner2 p { width: 500px; right: 15px; font-size: 18px; }
.blog-main .fav-icon { right: 10px; top: 10px; }
.blod-list ul li .fav-icon { top: 10px; left: 10px; }
.blod-list ul li .blog-cont { left: 20px; padding-right: 0px; }
.blog-irati-img .fav-icon { bottom: 10px; left: 10px; }
.blog-irati-img span.tag { top: 10px; left: 10px; }

/* oficina-turisme */
.contact-sec { padding: 30px 0px 50px;}
.contact-left { flex: 0 1 48%; }
.contact-left h2 { font-size: 30px; margin-bottom: 20px; }
.contact-left h2 br { display: none;}
ul.contact-lst { row-gap: 20px;}
ul.contact-lst li, ul.contact-lst li:nth-child(2n-2) { flex: 0 1 100%;}
ul.contact-lst li h3 { margin-bottom: 5px;}
ul.contact-lst li p { line-height: 1.5;}
.contact-right { flex: 0 1 52%; }
.con-right { float: left; width: 100%;}
.horaris-rgt ul { row-gap: 20px;}
.horaris-rgt ul li { font-size: 18px;}
.contact-inn { padding: 50px 0 0;}
.contact-lft { flex: 0 1 40%; padding-left: 0px; }
.contact-lft h2 { font-size: 30px; margin-bottom: 20px;}
.contact-form-sec { padding: 0 0 50px;}
.map-section { padding-bottom: 160px;}

/* transport */
.inner-title-sec { padding: 50px 0;}
.inner-title-sec h3 { font-size: 18px;}
.qualitat-list-sec { padding-bottom: 150px;}
.qualitat-list ul { row-gap: 40px;}

/* lloguer-map */
.map-title-sec { padding: 50px 0;}
.map-title-sec p { font-size: 18px;}
.mapa-list-top { margin-top: 30px;}
.mapa-list-top ul { width: calc(100% + 15px); flex-wrap: nowrap; white-space: nowrap; overflow-x: scroll; justify-content: left; column-gap: 10px; margin-top: 0px; scrollbar-width: none; padding-right: 15px;}
.mapa-list-top ul li a { font-size: 15px; }

/* qualitat */
.btn-sec { margin-top: 30px;}
.qualit .qualitat-list .qualitat-img img { height: 320px;}

/* destinacio-turistica */
.destinacio-main-sec { padding: 50px 0;}
.destinacio-wrap { margin-bottom: 50px;}
.destinacio-cont { padding: 10px; padding-left: 60px;}
.destinacio-cont h3 { font-size: 18px; line-height: 1.5; margin-bottom: 25px;}
.turistica-wrap { margin-bottom: 50px; align-items: flex-start;}
.turistica-cont { padding-left: 30px; padding-right: 0px; flex: 0 1 52%;}
.turistica-img { flex: 0 1 48%; }
.turistica-cont h3 { font-size: 18px; margin-bottom: 20px;}
.btn-sec a { font-size: 14px; column-gap: 10px;}
.sostenibilitat-cont h2 { font-size: 32px; margin-bottom: 20px;}
.sostenibilitat-cont h3 { font-size: 18px; margin-bottom: 20px;}
.sostenibilitat-cont a.inform-btn { font-size: 14px;}

/* nota-legal */
.legal-cont-sec { padding: 50px 0 50px;}
.legal-cont h2 { font-size: 32px; padding-bottom: 15px; margin-bottom: 20px;}
.legal-cont h4 { font-size: 18px;}
.legal-cont h3 { font-size: 22px; margin-bottom: 15px;}
.legal-cont { margin-bottom: 20px;}
.legal-cont p { margin-bottom: 20px;}
.legal-cont h3, .legal-cont h4, .legal-cont p { max-width: 100%;}

/* agenda css*/
.inner-banner2 .in-ban-lft .agenda-filter { right: 0; bottom: 15px; top: auto;}
.agenda-lft { flex: 0 1 100%;}
.agenda-rgt { flex: 0 1 100%; padding-left: 0px;}
.agenda-sec { padding: 40px 0 50px;}
.mob-filter { display: inline-flex; align-items: center; justify-content: space-between;}
.agenda-lft .agenda-filter-lst { display: none; margin: 25px 0 15px; }
.agenda-filter-lst ul:last-child { margin-bottom: 0;}
.agenda-lft .agenda-filter-lst.show { display: block;}
.filter-srch-bx { width: 100%;}
.filter-srch-bx input[type="text"] { width: 100%;}
.agenda-filter-lst ul { row-gap: 15px; margin-bottom: 15px;}
.calendar-sec { margin-bottom: 20px;}
.agenda-filter-lst .agenda-btn-cnt ul {row-gap: 10px; }
.agenda-filter-lst .agenda-btn-cnt ul li a { padding: 0 30px; height: 44px;}
.agenda-rgt .agenda-list ul { row-gap: 40px;}
.calendar .ui-datepicker-month, .calendar .ui-datepicker-year { font-size: 20px;}
.pagination { margin-top: 40px;}

/* descarregues css */
.faqs-sec { padding: 40px 0 50px;}
.masonry-grid { column-count: 2; column-gap: 15px;} 
.faq-tab-list ul {padding: 0 15px; width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; display: flex; overflow-x: auto; scrollbar-width: none; flex-wrap: nowrap; column-gap: 10px; justify-content: left;}
.faq-tab-list ul li {float: none; display: inline-block; white-space: nowrap;}
.faq-tab-list ul li a { height: 40px;}
.descar-list-sec { padding-top: 30px;}
.download-btn { height: 48px;}
.masonry-item { margin-bottom: 15px;}

/* faqs css */
.faqs-filter-list { flex-wrap: wrap; row-gap: 25px;}
.faqs-filter-list > div:last-child { flex: 1;}
.faqs-filter-list .search-filter {float: right; width: auto;}
.faqs-list-sec { padding-top: 30px;}
.faqs-list-sec .accordion-header { padding: 20px 20px;}
.faqs-list-sec .accordion-content { padding: 0 45px 20px 20px;}
.faqs-list-sec .accordion-image { width: 200px; height: auto;}
.faqs-list-sec .accordion-text p {line-height: 1.4; margin-bottom: 20px;}
.faqs-list-sec .accordion-btn a { height: 40px; padding: 0 35px; font-size: 14px;}
.faqs-list-sec .accordion-header { font-size: 20px;}
.faqs-list-sec .accordion-item { margin-bottom: 10px;}
.faqs-list-sec .accordion-icon { width: 14px; height: 8px; background-size: cover;}
.faqs-list-sec .accordion-text h3 {margin-bottom: 10px;}
.faqs-list-sec .accordion-body { gap: 20px;}

}

/* 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%; }

.head-row { width:100%; max-width: 100%; padding: 0 15px; }

.logo-top { padding: 12px 0px;}
.logo-top img { width: 120px;}
.menu-wrap { display: none; }
.scl-links { display: none; }
.hdr-links { display: none; }
.hamburger-menu { display: block;}
.mobile-menu .scl-links { display: block;}
.mobile-menu .hdr-links { display: block;} 
.head-rgt { width: auto; }

.slider .swiper-slide img { height: 650px; }
.slider .swiper-slide .banner-caption h1 { font-size: 20px; }
.slider .swiper-slide .banner-caption h1 span { font-size: 44px; }
.home-slider-nav { width:100%; padding: 0 15px; bottom: 25px;}

.desktop-search {padding: 100px 0px 30px;}
.desktop-search h2 {font-size: 26px; 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 0px; column-gap: 8px; row-gap: 8px;}
.search-tags ul li a { font-size: 12px; }
.search-in { margin-top: 35px;}
a.search-close { font-size: 13px; }

.hm-picafort-sec {padding: 40px 0px 50px; background-size: 100% 15%;}
.hm-quefer { margin-bottom: 50px; }
.hm-quefer .title-sec { margin-bottom: 30px;}
.grid { display: flex; flex-wrap: wrap; column-gap: 2%; }
.grid .card { flex: 0 1 49%; height: 240px; }
.card .heart {left: 5px;top: 5px;}
.content {padding: 20px 15px;}
.content h2 { font-size: 22px; }
ul.plan-menu-lst { width: calc(100% + 15px); flex-wrap: nowrap; white-space: nowrap; overflow-x: scroll; justify-content: left; column-gap: 10px; margin-top: 15px; scrollbar-width: none; padding-right: 15px;}
ul.plan-menu-lst li a { font-size: 16px; padding: 12px 12px; }
ul.plan-menu-lst li a::after { height: 3px; }
.hm-planificia { margin-bottom: 60px;}
.hm-planificia .title-sec {margin-bottom: 30px;}
.visita-slide { width: calc(100% + 15px);}
.visita-main { height: 175px;}
.visita-main .visita-txt h3 { font-size: 18px; }
.hm-coniex-div .row { width:100%; max-width: 100%; padding: 0 15px; }
.coniex-out { flex-wrap: wrap; row-gap: 35px; column-gap: 4%;}
.coniex-lft { flex: 0 1 48%;}
.coniex-rgt { flex: 0 1 48%;}
.coniex-mid {padding: 0px 0px; flex: 0 1 100%; order: 3;}
.coniex-mid h2 { font-size: 22px; margin-bottom: 15px; }
.coniex-mid p {font-size: 16px;margin-bottom: 35px;}
.coniex-mid a.blue-btn { width: 210px;}

.coniex-slider-div {margin-top: 50px;}
.coniex-slide { width: calc(100% + 15px); }
.coniex-main .coniex-txt h3 {font-size: 20px;}
.coniex-main .fav-icon { top:10px; left: 10px; }

.videoPoster::after { width: 50px; height: 50px; background-size: cover; }

.hm-platjes-sec { padding: 40px 0px; }
.hm-platjes-sec .title-sec {margin-bottom: 25px;}
.platjes-slide { width: calc(100% + 15px);}
.platjes-slide .swiper-nav-rel { padding-right: 15px; margin-top: 40px;}
.platjes-slide .swiper-pagination-bullet { width: 10px; height: 10px; margin-right: 12px; }
.platjes-slide .swiper-button { width: 85px; }

.hm-agenda-sec {padding: 40px 0px;}
.title-sec h2 { font-size: 26px; }
.title-sec p { font-size: 15px; margin-top: 15px; }
.title-sec p br { display: none; }
ul.agenda-menu-lst { width: calc(100% + 15px); flex-wrap: nowrap; white-space: nowrap; overflow-x: scroll; justify-content: left; column-gap: 10px; margin-top: 15px; scrollbar-width: none; padding-right: 15px;}
ul.agenda-menu-lst li a { font-size: 16px; padding: 12px 12px; }
ul.plan-menu-lst li a::after { height: 3px; }
.agenda-slide { width: calc(100% + 15px);}
.agenda-main .agenda-img span.tag {left: 15px;top: 15px; font-size: 12px; }
.agenda-main .fav-icon {left: 15px; bottom: 15px;}
.agenda-main .agenda-txt {padding: 15px 0px 0px;}
.agenda-main .agenda-txt h3 { margin-bottom: 10px; }
.agenda-main .agenda-txt h3 a {font-size: 20px;}
.agenda-main .agenda-txt p { font-size: 15px; }
.agenda-main .agenda-txt p br { display: none;}
.agenda-main .agenda-txt h5.date { font-size: 14px; }
.rel-btn-div { margin-top: 20px;}
a.blue-btn {width: 185px; font-size: 13px;}
.agenda-slide .swiper-nav-rel { padding-right: 15px; margin-top: 40px;}
.agenda-slide .swiper-pagination-bullet { width: 10px; height: 10px; margin-right: 12px; }
.agenda-slide .swiper-button { width: 85px; }

.siguenos-sec {padding: 65px 0px 100px;}
.siguenos-sec h2 { font-size: 26px; margin-bottom: 30px; }
.share-links ul { column-gap: 6%; }
.siguenos-inst ul { column-gap: 2%; row-gap: 10px; }
.siguenos-inst ul > li { border-radius: 10px; flex: 0 1 32%; }
.share-links { padding-top: 35px; }
.share-links li a { font-size: 13px; line-height: 1.5; }

.chat-link { right: 10px; display: none;}
.footer-top-sec .row { width: 100%; padding: 0 15px; }
.foot-top { padding: 20px 20px; margin-top: -50px; }
.newsletter-box { flex-wrap: wrap;}
.news-lft { flex: 0 1 100%; margin-bottom: 20px;}
.news-lft h2 {font-size: 24px;}
.news-rht { flex: 0 1 100%; padding-right: 0px; }
.news-box input[type="text"] { height: 50px; }
.news-rht button { height: 50px; }
.row-foot { width: 100%; padding: 0 15px; }
.foot-mid-top { padding: 30px 0px; }
.foot-logo-lft img { width: 120px; }
.foot-mid-btm { padding: 25px 0px 30px; }
.foot-mid-btm ul.foot-menu li {flex: 0 1 32%;}
.foot-mid-btm ul.foot-menu li:last-child { flex: 0 1 32%;}
.foot-mid-btm ul.foot-menu li h3 { font-size: 18px; margin-bottom: 10px; }
.foot-mid-btm ul.foot-menu li ul { row-gap: 8px;}
.foot-mid-btm ul.foot-menu li ul li a { font-size: 14px; }
.foot-mid-lst { padding: 25px 0px; }
.foot-mid-rgt {margin-top: 30px;}
.foot-btm { row-gap: 10px;}

/* que-fer page */
.inner-ban-caption { top: auto; bottom: 20px; }
.in-ban-lft h1 {font-size: 34px;}
.inner-banner img { height: 275px; }
.breadcrum ul { flex-wrap: nowrap; white-space: nowrap; width: calc(100% + 15px); padding-right: 15px; overflow-x: scroll; scrollbar-width: none;}
.breadcrum ul li { margin-right: 15px; font-size: 15px;}
.breadcrum ul li a { font-size: 15px; }
.breadcrum ul li a.home { padding-left: 25px; }
.picafort-main-sec { padding: 40px 0px 50px; }

/* espais-list page */
.inner-banner1 .in-ban-lft h5 { font-size: 16px; margin-bottom: 12px; letter-spacing: 0px; }
.inner-banner1 .in-ban-lft h1 { font-size: 34px; }
.inner-banner1 .inner-ban-caption { bottom: -4px; }
.espais-main-sec {padding: 40px 0px 50px; }
.espais-filter-div p { font-size: 16px; }
.espais-filter-div p br { display: none; }
.allot-main-sec .espais-filter-div p { font-size: 18px; }
.esp-filter-out { flex-wrap: wrap; row-gap: 20px; margin-top: 30px; }
.esp-filter-lft { flex: 0 1 100%; }
.esp-filter-lft ul { column-gap: 2%; row-gap: 12px; }
.esp-filter-lft ul li { flex: 0 1 49%; }
.filter-select .nice-select {padding: 0px 40px 0px 20px; height: 45px;line-height: 40px; font-size: 14px; }
.search-filter input[type="text"] { padding: 0 45px 0 20px; height: 45px; font-size: 14px; }
.search-filter button { width: 35px; height: 35px; }
.esp-filter-rgt { flex: 0 1 100%; display: flex; justify-content: right; }
.view-tab ul.tab-list { column-gap: 22px; }
.espais-list-div { margin-top: 35px; }
ul.espais-list { row-gap: 40px; }
ul.espais-list li { flex: 0 1 49%; }
.espais-main .espais-txt h3 { margin-bottom: 8px; }
.espais-main .espais-txt h3 a {font-size: 22px; }
.espais-main .espais-txt p { font-size: 15px; }
.espais-main .espais-txt p br { display: none; }
.espais-main .espais-txt h5.date { font-size: 15px; }
.espais-main .fav-icon { left: 10px; bottom: 10px; }
.espais-main .espais-img span.tag { font-size: 11px; left: 10px; top: 10px; }

/* espais-maps page */
.esp-filter-result { padding-left: 0px; }
.espais-map-div #map { height: 500px; }
#map .espais-main .espais-txt {padding: 15px 15px 20px; }
#map .espais-main .espais-txt h3 a {font-size: 22px;}

/* espais-list page */
.platges-dist-sec { padding: 40px 0px 50px; }
.platges-dist-top { margin-bottom: 35px; row-gap: 12px;}
.plat-top-lft { flex: 0 1 100%; }
.plat-top-lft h5 { font-size: 18px; }
.plat-top-rgt { flex: 0 1 100%; }
ul.platges-lst { row-gap: 40px; margin-top: 25px; }
.platges-main .fav-icon {left: 5px;top: 5px;}
.platges-main .platges-txt { padding: 18px 0px 0px; }
.platges-main h3 {padding: 0px 20px; bottom: 20px; font-size: 24px; }
.platges-main .platges-txt p { font-size: 15px;}
a.info-btn { padding: 0px 20px; font-size: 13px; height: 40px; }

/* platges-maps page */
.platges-map-div #map { height: 600px; }
.siguenos-margin { margin-top: -50px;}

/* allotjament-list page */
.allot-main-sec .esp-filter-lft ul li {flex: 0 1 49%;}
.espais-list-div {margin-top: 35px;}
ul.espais-list li { flex: 0 1 49%; }
.allot-main .allot-img span.tag { font-size: 12px; left: 15px; top: 15px; }
.allot-main .allot-txt h3 { width: calc(100% - 105px); }
.allot-main .allot-txt h3 a { font-size: 22px; }
.allot-main .allot-txt h6.loc { font-size: 15px; }
.allot-main .allot-txt a.web-link { font-size: 15px; }
.allot-main .fav-icon { left: 15px;bottom: 15px; }
.star-card { top: 20px; right: 0px; }

/* rutes-dist page */
.plat-top-lft h2 { font-size: 24px; }
.plat-top-rgt p { line-height: 1.6;}
ul.rutes-lst {column-gap: 2%;row-gap: 20px;}
ul.rutes-lst li { flex: 0 1 49%; } 
.rutes-main .rutes-img { border-radius: 12px; }
.rutes-main .fav-icon { left: 15px; top: 15px; }
.rutes-main .rutes-txt { padding: 25px 15px; }
.rutes-main .rutes-txt h3 { font-size: 22px; }
.rutes-main .rutes-txt h3 br { display: none;}
.rutes-main .rutes-txt span.km-tag { font-size: 12px; }

/* espais-single */
.inner-banner2 .inner-ban-caption { bottom: 0px; }
.inner-banner2 .in-ban-lft h5 { font-size: 16px; margin-bottom: 12px; letter-spacing: 0px; }
.inner-banner2 .in-ban-lft h1 { font-size: 34px; flex-wrap: wrap; row-gap: 10px;}
.inner-banner2 .in-ban-lft h1 br { display: none; }
.banner-shape { right: 15px; width: 130px; bottom: -70px; }
.inner-banner2-alter { height: 195px; }

.espais-single-sec { padding: 40px 0px 25px; }
.espais-single-lft { width: 100%; margin-bottom: 20px; }
.esp-lft-cont { padding-right: 0px; margin-top: 30px; }
ul.esp-tag-lst { margin-bottom: 30px; }
ul.esp-tag-lst li span { font-size: 13px; column-gap: 12px; }
.esp-lft-cont h5 {font-size: 18px;letter-spacing: 0px; margin-bottom: 18px; }
.esp-lft-cont p { font-size: 15px; margin-bottom: 12px; }
.espais-single-rgt { width: 100%; }
.espais-single-rgt h3 { font-size: 22px;}
ul.esp-info-lst li { column-gap: 12px; font-size: 15px; }
.espais-info-map { margin: 30px 0px; }
.esp-tambe-sec { padding: 30px 0px 40px; }
.esp-tambe-sec h2 { font-size: 22px; letter-spacing: 0px; margin-bottom: 25px; }
a.compar-btn { height: 45px;font-size: 13px;letter-spacing: 0.2px;}

/* allotjament-single page */
.allot-service-sec { padding: 30px 0px 0px; }
.allot-service-sec h2 { font-size: 24px; }
.service-div {padding: 35px 0px 35px;}
.service-div ul { width: 100%; row-gap: 15px; }
.allot-galeria-sec { padding: 40px 0px 30px; }
.allot-galeria-sec h2 { font-size: 24px; }
.gal-list { grid-template-columns: 5fr 2fr 2fr; }
.gal-list li { border-radius: 10px; }

/* platges-single page */
.inner-banner .slider .swiper-slide img { height: 400px; }
.inner-ban-caption.ban-caption1 { bottom: 95px; }

.platges-single-sec {padding: 40px 0px;}
.platges-single-para p { font-size: 18px; }
.platges-detail {margin: 35px 0px;}
.platges-detail .row { width: 100%; padding: 0px; }
.plat-det-main { height: 225px; }
.plat-det-main .plat-det-txt h3 { font-size: 17px; }
.escolta-tag span { font-size: 13px; }
.escolta-lst-cont { row-gap: 12px;}
.escolta-txt-div { flex: 0 1 100%; }
.escolta-txt-div h6 { font-size: 17px; }
.escolta-txt-div p { font-size: 15px; margin-bottom: 12px; }

.sabies-que-sec {padding: 0px 0px 40px; }
.sabies-que-sec::before { height: 250px; }
.sabies-lft { flex: 0 1 100%; }
span.bandera-logo { left: 20px; top:20px; }
.sabies-top { margin-bottom: 50px; }
.sabies-rgt { flex: 0 1 100%; padding: 30px 20px; }
.sabies-rgt h6 { font-size: 18px; }
.sabies-map-div #map { height: 400px; border-radius: 10px 10px;}
a.gmap-btn {right: 25px;top: 25px;width: 175px; height: 45px; border-radius: 6px; }
.sabies-title-div { row-gap: 15px; }
.sabies-title-div h2 { font-size: 30px; }
.sabies-title-div p { font-size: 16px; }
.sabies-title-div p br { display: none; }

/* agenda-single page */
.espais-single-lft h6 { font-size: 15px; margin-bottom: 12px; }
.espais-single-lft h2 { font-size: 28px; margin-bottom: 25px; }
.agenda-single-main .espais-single-lft {padding-right: 0px; border: none; }
.espais-single-lft h4 { font-size: 18px; margin-bottom: 12px; }
.esp-lft-cont { margin-top: 30px; }
.esp-btn-div { margin-top: 10px; }
a.pdf-btn { font-size: 13px; padding: 0px 20px; height: 45px; letter-spacing: 0.2px; }
.agenda-single-main .espais-single-rgt { padding-top: 20px; }

/* rutes-single */
.rutes-title-sec { padding: 40px 0 30px;}
.rutes-title-main { column-gap: 3.3%; row-gap: 15px;}
.rutes-title-lft { flex: 0 1 100%;}
.rutes-title-lft h2 { font-size: 26px;}
.rutes-title-rgt { flex: 0 1 100%;}
.rutes-detail-sec { padding-bottom: 40px;}
.rutes-detail-img p { font-size: 15px;}
.ruta-div { padding: 40px 0 40px;}
.ruta-div h2 { margin-bottom: 20px;}
.ruta-div h3 { margin-bottom: 15px; font-size: 16px;}
.ruta-main { column-gap: 0; row-gap: 40px;}
.ruta-lft { flex: 0 1 100%;}
.ruta-rht { flex: 0 1 100%;}
.ruta-list ul { row-gap: 12px; }
.ruta-list ul li { font-size: 16px;}
.ruta-btn-sec { margin-top: 25px; }
.ruta-btn-sec ul { row-gap: 12px; }
.ruta-div h2, .ruta-slide h2, .related-blogs-sec h2 { font-size: 26px; margin-bottom: 20px;}
.ruta-btn-sec ul li a { font-size: 13px; height: 45px;column-gap: 12px; padding: 0px 20px; } 
.ruta-slide { margin-top: 40px;}
.ruta-slide .swiper-nav-rel { margin-top: 20px;}
.related-blogs-sec { padding: 40px 0 150px;}
.rutes-related-slide { width: calc(100% + 15px);}
.veure-btn-lst { position: static; margin-top: 20px; text-align: center; float: left; width: 100%;}
.veure-btn-lst a { font-size: 13px; height: 45px;column-gap: 12px; padding: 0 20px;} 
.rutes-irati-cnt { padding-top: 20px;}
.rutes-irati-cnt h3 a { font-size: 22px; margin-bottom: 10px;}
.rutes-irati-cnt p { font-size: 15px;}
.rutes-irati-cnt ul.relac-lst { margin-bottom: 12px;}
.rutes-irati-cnt ul.relac-lst li { font-size: 13px; padding: 0px 12px; }
.rutes-related-slide .swiper-nav-rel { padding-right: 15px; }
.ruta-slide .swiper-button, .rutes-related-slide .swiper-button { height: 38px;}
.rutes-irati-img .fav-icon { left: 10px; top:10px; }

/* on-som */
.som-title-sec { padding: 40px 0 45px;}
.som-title-sec::after{ height: 480px; background-size: cover;}
.som-title-main { margin-bottom: 40px; row-gap: 20px;}
.som-title-lft { flex: 0 1 100%;} 
.som-title-lft h3 { font-size: 18px;}
.som-title-rgt { flex: 0 1 100%;}
.som-map-main { max-width: 100%; row-gap: 40px;text-align: center;}
.som-map-lft { flex: 0 1 100%;}
.som-map-rgt { flex: 0 1 100%;}
.som-map-main img { max-width: 320px; float: none; display: inline-block;}
.qualitat-list ul { row-gap: 30px;}
.qualitat-list ul li .row { padding: 0;}
.qualitat-list .qualitat-img { flex: 0 1 100%;}
.qualitat-list .qualitat-img img { height: 280px; object-fit: cover;}
.qualitat-list .qualitat-cont { flex: 0 1 100%; padding: 30px 20px;}
.qualitat-list .qualitat-cont h3 { font-size: 20px; margin-bottom: 10px;}
.qualitat-list .qualitat-cont p { margin-bottom: 15px;}
.qualitat-list .qualitat-cont a.inform-btn { font-size: 13px; padding: 0 25px; column-gap: 10px; height: 40px;}
.qualitat-list-sec.som-qualitat  { padding-bottom: 50px;}
.som-map-div #map { height: 600px; }

/* on-som-single */
.blog-sec { padding: 40px 0;}
.blog-irati-top { margin-bottom: 30px; width: 100%; margin-left: 0px;}
.som-irati-btm h3 { font-size: 17px; margin-bottom: 20px;}
.som-irati-btm p { margin-bottom: 20px;}
.som-img { margin-top: 10px;}
.blog-slide .swiper-nav-rel { padding: 0px 20px;}
.perdre-som-sec { padding: 0px 0 50px;}
.perdre-som-sec h2, .dormir-list-sec h2 { font-size: 26px; margin-bottom: 20px;}
.perdre-related-slide, .dormir-related-slide { width: calc(100% + 15px);}
.perdre-irati-cnt h3 a { font-size: 20px;}
.perdre-irati-cnt h4 { font-size: 15px;}
.perdre-irati-cnt p { font-size: 15px;}
.perdre-irati-img span.tag { font-size: 12px; left: 15px; top:15px; }
.perdre-irati-img .fav-icon { left: 15px; bottom:15px; }
.blod-list ul  { column-gap: 2.5%; }
.blod-list ul li { flex: 0 1 48.7%;}
.blod-list ul li .blog-cont { left: 20px;}
.blod-list ul li .blog-cont span { font-size: 12px;}
.blod-list ul li .blog-cont h3 a { font-size: 22px;}
.blod-list ul li .fav-icon { left: 15px; top:15px; }
.itineraris-slider .swiper-slide .itineraris-img { flex: 0 1 100%;}
.itineraris-slider .swiper-slide .itineraris-img img { height: 280px;}
.itineraris-slider .swiper-slide .itineraris-cnt { flex: 0 1 100%; padding:30px 20px 40px;}
.itineraris-slider .swiper-slide .itineraris-cnt h3 { font-size: 28px; margin-bottom: 30px;}
.itineraris-slider .swiper-slide .itineraris-cnt h3 br { display: none;}
.itineraris-slider .swiper-slide .itineraris-cnt a.descub-btn { min-width: 150px; font-size: 13px;}
.dormir-som-sec { padding: 40px 0px 50px;}
.dormir-som-sec h2 { font-size: 26px; margin-bottom: 20px;}
.dormir-list-sec .blod-list { margin-bottom: 40px;}
.dormir-btn-lst { position: static; margin-top: 35px; text-align: center; float: left; width: 100%;}
.coneix .blod-list ul li .blog-cont { padding-top: 15px;}

/* blog */
.blog-irati-cnt { padding-top: 20px;}
.blog-irati-lft { padding-right: 0px; flex:0 1 100%;}
.blog-irati .blog-irati-lft h2 { font-size: 28px;}
.blog-list { padding-top: 70px;}
.blog-list h4 { font-size: 32px; margin-bottom: 15px;}
.interesa-list { padding-bottom: 40px;}
.interesa-list ul { width: calc(100% + 15px); flex-wrap: nowrap; white-space: nowrap; overflow-x: scroll; justify-content: left; column-gap: 10px; margin-top: 15px; scrollbar-width: none; padding-right: 15px;}
.interesa-list ul li a { font-size: 15px; height: 45px; padding: 0 20px;}
.deportes-list ul { row-gap: 50px; column-gap: 3%;}
.deportes-list ul li { flex: 0 1 48.5%; }
.deportes-list ul li .blog-irati-lft { flex: 0 1 100%;}
.deportes-list ul li .blog-irati-lft h3 { font-size: 22px;}

/* blog */
.blog-slide .swiper-button { height: 40px;}
.blog-irati-cnt { padding-top: 15px;}
.blog-irati-lft { padding-right: 0px; flex:0 1 100%;}
.blog-irati .blog-irati-lft h2 { font-size: 22px;}
.irati-cont ul li { font-size: 15px;}
.irati-cont { padding: 5px 0 0;}
.blog-list { padding-top: 40px;}
.blog-list h4 { font-size: 26px; margin-bottom: 20px;}
.blog-irati-img span.tag, .blog-main span.tag { font-size: 12px; left: 10px; top: 10px;}
.blog-irati-img .fav-icon { left: 10px; bottom: 10px; }
.interesa-list { padding-bottom: 25px;}
.interesa-list ul { width: calc(100% + 15px); flex-wrap: nowrap; white-space: nowrap; overflow-x: scroll; justify-content: left; column-gap: 10px; margin-top: 0px; scrollbar-width: none; padding-right: 15px;}
.interesa-list ul li a { font-size: 13px; height: 40px; padding: 0 20px;}
.deportes-list ul { row-gap: 30px;}
.deportes-list ul li .blog-irati-lft { flex: 0 1 100%;}
.inner-banner2 p { width: calc(100% - 30px); left: 15px; right: 15px; font-size: 16px; }
.blog-main .fav-icon { right: 5px; top:5px; }

/* blog-single */
.blog-detail-sec { padding: 0px 0 40px;}
.blog-detail-sec::after { height: 300px;}
.blog-detail-sec .blog-irati {margin-top: 20px;}
.blog-irati h2 { font-size: 26px; margin-bottom: 20px;}
.blog-irati-btm, .blod-list, .blog-video-sec, .blog-btn-sec { padding: 0 0px;}
.blog-irati-btm h3 { font-size: 18px; margin-bottom: 20px;}
.blog-irati-btm p { margin-bottom: 20px;}
.blog-irati-btm .blog-slide { margin-top: 10px; margin-bottom: 25px;}
.quotes-sec { padding: 30px;}
.quotes-sec h2 { font-size: 22px;}
.quotes-sec p { font-size: 15px;}
.quotes-sec, .blod-list, .blog-video-sec { margin: 10px 0 25px;}
.video-ban-cont span { font-size: 16px;}
.blog-btn-sec { margin-top: 10px;}
.blog-btn-sec ul li a { font-size: 13px;}
.related-blogs-sec .blog-irati-lft h3 a { font-size: 20px;}
.related-blogs-sec .blog-irati-lft { padding-right: 20px;}

.blod-list ul li .fav-icon { top: 10px; left: 10px; }
.blod-list ul li .blog-cont { left: 20px; padding-right: 0px; }
.blog-irati-img .fav-icon { bottom: 10px; left: 10px; }
.blog-irati-img span.tag { top: 10px; left: 10px; }

.video-ban-cont { left: 20px; bottom: 20px; }

/* oficina-turisme */
.contact-sec { padding: 20px 0 40px;}
.contact-main { row-gap: 30px;}
.contact-left { flex:0 1 100%; padding-right: 0px; }
.contact-left h2 { font-size: 26px; margin-bottom: 20px; }
.contact-left h2 br { display: none;}
.contact-right { flex: 0 1 100%;}
ul.contact-lst { row-gap: 20px;}
ul.contact-lst li, ul.contact-lst li:nth-child(2n-2) { flex: 0 1 50%;}
ul.contact-lst li h3 { margin-bottom: 5px;}
ul.contact-lst li p, ul.contact-lst li a { font-size: 15px; line-height: 1.5;}
ul.contact-lst li p br { display: none;}
.con-right { float: left; width: 100%;}
.horaris-main {padding: 30px 25px;}
.horaris-lft { flex:0 1 100%;}
.horaris-lft h3 { font-size: 18px; margin-bottom: 20px; }
.horaris-rgt { flex:0 1 100%;}
.horaris-rgt ul { row-gap: 10px;}
.horaris-rgt ul li { font-size: 16px;line-height: 1.6;}
.contact-inn { padding: 40px 0 0;}
.contact-out { row-gap: 20px;}
.contact-lft { flex: 0 1 100%; padding-left: 0px;}
.contact-rht { flex: 0 1 100%;}
.contact-lft h2 { font-size: 26px; margin-bottom: 15px;}
.contact-lft p { padding-right: 0;}
.contact-form-sec { padding: 0 0 50px;}
.contact-form .form-box button { font-size: 13px; height: 45px;}
.map-section { padding-bottom: 100px;}
.map-section #map { height: 400px;}

/* transport */
.inner-title-sec { padding: 40px 0;}
.inner-title-sec h3 { font-size: 16px;}
.qualitat-list-sec { padding-bottom: 100px;}

/* lloguer-map */
.map-title-sec { padding: 40px 0;}
.map-title-sec p { font-size: 16px;}
.mapa-list-top { margin-top: 30px;}
.mapa-list-top ul { width: calc(100% + 15px); flex-wrap: nowrap; white-space: nowrap; overflow-x: scroll; justify-content: left; column-gap: 10px; margin-top: 0px; scrollbar-width: none; padding-right: 15px;}
.mapa-list-top ul li a { font-size: 13px; height: 45px; padding: 8px 20px 8px 2px;}
.mapa-list-top ul li a img { max-width: 40px;}
.lloguer-map-div #map { height: 600px;}

/* qualitat */
.btn-sec { margin-top: 30px;}
.btn-sec a { font-size: 13px; height: 40px; padding: 0 20px; column-gap: 10px;}

/* destinacio-turistica */
.destinacio-main-sec { padding: 40px 0;}
.destinacio-wrap { margin-bottom: 40px; row-gap: 20px;}
.destinacio-img { flex: 0 1 100%; }
.destinacio-img img { max-width: 200px;}
.destinacio-cont { padding: 10px; padding-left: 0px; flex: 0 1 100%;}
.destinacio-cont h3 { font-size: 17px; line-height: 1.5; margin-bottom: 25px;}
.turistica-wrap { margin-bottom: 50px; align-items: flex-start; row-gap: 25px;}
.turistica-cont { padding-left: 0px; padding-right: 0px; flex: 0 1 100%;}
.turistica-img { flex: 0 1 100%; }
.turistica-cont h3 { font-size: 17px; margin-bottom: 20px;}
.turistica-cont p { margin-bottom: 15px; }
.btn-sec a { column-gap: 10px;}
.sostenibilitat-wrap { row-gap: 20px;}
.sostenibilitat-img { flex: 0 1 100%; text-align: left; }
.sostenibilitat-img img { max-width: 120px;}
.sostenibilitat-cont { flex: 0 1 100%;}
.sostenibilitat-cont h2 { font-size: 26px; margin-bottom: 20px;}
.sostenibilitat-cont h3 { font-size: 17px; margin-bottom: 20px;}
.sostenibilitat-cont a.inform-btn { font-size: 13px; height: 40px; padding: 0 20px; margin-top: 10px;}

/* nota-legal */
.legal-cont-sec { padding: 40px 0 30px;}
.legal-cont h2 { font-size: 26px; padding-bottom: 15px; margin-bottom: 20px;}
.legal-cont h4 { font-size: 17px; margin-bottom: 20px;}
.legal-cont h3 { font-size: 20px; margin-bottom: 15px; margin-top: 10px;}
.legal-cont { margin-bottom: 20px;}
.legal-cont p { margin-bottom: 20px;}
.legal-cont h3, .legal-cont h4, .legal-cont p { max-width: 100%;}

/* agenda css*/
.inner-banner2 .in-ban-lft .agenda-filter { right: 0; bottom: 15px; top: auto; }
.agenda-main-sec {row-gap: 15px;}
.agenda-lft { flex: 0 1 100%;}
.agenda-rgt { flex: 0 1 100%; padding-left: 0px;}
.agenda-sec { padding: 30px 0 40px;}
.mob-filter { display: inline-flex; align-items: center; justify-content: space-between;}
.agenda-lft .agenda-filter-lst { display: none; margin: 20px 0 10px; }
.agenda-lft .agenda-filter-lst.show { display: block;}
.filter-srch-bx { width: 100%;}
.filter-srch-bx input[type="text"] { width: 100%; font-size: 14px;}
.agenda-filter-lst ul { row-gap: 12px; margin-bottom: 15px;}
.agenda-filter-lst ul:last-child { margin-bottom: 0;}
.calendar-sec { margin-bottom: 20px;}
.agenda-filter-lst .agenda-btn-cnt ul {row-gap: 10px; }
.agenda-filter-lst .agenda-btn-cnt ul li a { font-size: 14px; padding: 0 25px; height: 42px;}
.agenda-rgt .agenda-list ul { row-gap: 30px;}
.calendar .ui-datepicker-month, .calendar .ui-datepicker-year { font-size: 20px;}

.pagination { margin-top: 50px; row-gap: 10px; column-gap: 15px;}
.pagination ul { flex-wrap: wrap;}
a.prev-arw, a.next-arw { text-indent: -999px;}

/* descarregues css */
.faqs-sec { padding: 30px 0 40px;}
.masonry-grid { column-count: 2; column-gap: 10px;} 
.faq-tab-list ul {padding: 0 15px; width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; display: flex; overflow-x: auto; scrollbar-width: none; flex-wrap: nowrap; column-gap: 10px; justify-content: left;}
.faq-tab-list ul li {float: none; display: inline-block; white-space: nowrap;}
.faq-tab-list ul li a { padding: 0 20px; height: 40px; font-size: 14px;}
.descar-list-sec { padding-top: 25px;}
.download-btn { font-size: 15px; height: 42px; padding: 0 25px; }
.masonry-item { margin-bottom: 10px; padding: 5px; }

/* faqs css */
.faqs-filter-list { flex-wrap: wrap; row-gap: 20px;}
.faqs-filter-list > div:last-child { flex: 1;}
.faqs-filter-list .search-filter {float: right; width: auto;}
.faqs-list-sec { padding-top: 25px;}
.faqs-list-sec .accordion-header { padding: 15px 15px;}
.faqs-list-sec .accordion-content { padding: 0 45px 15px 15px;}
.faqs-list-sec .accordion-image { width: 200px; height: auto;}
.faqs-list-sec .accordion-text p { font-size: 15px; line-height: 1.5; margin-bottom: 15px;}
.faqs-list-sec .accordion-btn a { height: 40px; padding: 0 35px; font-size: 14px;}
.faqs-list-sec .accordion-header { font-size: 18px;}
.faqs-list-sec .accordion-item { margin-bottom: 10px;}
.faqs-list-sec .accordion-icon { width: 14px; height: 8px; background-size: cover;}
.faqs-list-sec .accordion-text h3 { font-size: 18px; margin-bottom: 10px;}
.faqs-list-sec .accordion-body { gap: 20px;}


} 
 
/* Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:639px) {
 
ul.ft-logo-lst { flex-wrap: wrap; column-gap: 15px; row-gap: 15px;}
ul.ft-logo-lst li { flex: 0 1 auto; }

/* espais-list page */
.esp-filter-lft ul li { flex: 0 1 100%; }
ul.espais-list li { flex: 0 1 100%; }

/* espais-list page */
ul.platges-lst li { flex: 0 1 100%; }

/* allotjament-list page */
.allot-main-sec .esp-filter-lft ul li {flex: 0 1 100%;}

/* rutes-dist page */
ul.rutes-lst li { flex: 0 1 100%;} 

/* allotjament-single page */
.service-div ul li { flex: 0 1 49%; padding-left: 22px; }
.service-div ul li::before { width: 10px; height: 10px; }
.gal-list { display: flex; flex-wrap: wrap; column-gap: 2%;}
.gal-list li:first-child { flex: 0 1 100%; }
.gal-list li { flex: 0 1 32%; }

/* on-som-single */
.blod-list ul { row-gap: 30px;}
.blod-list ul li { flex: 0 1 100%;}

/* blog-single */
.blog-irati-btm h3 { font-size: 17px;}
.quotes-sec { padding: 30px 20px;}
.deportes-list ul li { flex: 0 1 100%; }

/* qualitat */
.btn-sec a  { font-size: 12px;}

/* faqs css */
.faqs-list-sec .accordion-image { width: 100%;}

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:479px) {
 
.slider .swiper-slide .banner-caption h1 { font-size: 18px; letter-spacing: 0; }
.slider .swiper-slide .banner-caption h1 span { font-size: 36px; }    

.grid .card { flex: 0 1 100%; height: 240px;}   

.coniex-lft { flex: 0 1 100%;}
.coniex-rgt { flex: 0 1 100%;}

.title-sec h2 { font-size: 22px; }

.siguenos-sec h2 { font-size: 22px; }
.siguenos-inst ul > li { border-radius: 15px; flex: 0 1 49%; }

.foot-mid-top {row-gap: 18px;}
.foot-logo-lft { flex: 0 1 100%; display: flex; justify-content: center;}   
.foot-logo-rgt { flex: 0 1 100%; }
ul.social-list { justify-content: center;}
.foot-mid-btm ul.foot-menu li {flex: 0 1 49%;}
.foot-mid-btm ul.foot-menu li:last-child {flex: 0 1 49%;}

.in-ban-lft h1, .inner-banner1 .in-ban-lft h1, .inner-banner2 .in-ban-lft h1 { font-size: 28px; }
.inner-banner1 .in-ban-lft h5, .inner-banner2 .in-ban-lft h5 { font-size: 15px; }

/* espais-list page */
.dist-list-out { flex-wrap: wrap; row-gap: 15px; }
.dist-list-lft { flex: 0 1 100%; order: 2; }
.dist-list-rgt { flex: 0 1 100%; display: flex; justify-content: right; }

/* allotjament-list page */
.allot-main .allot-txt h3 { width: 100%; }
.star-card { position: relative; top:auto; margin-bottom: 10px;}

/* allotjament-single page */
.service-div ul li { flex: 0 1 100%; }
.gal-list li { flex: 0 1 49%; }

/* platges-single page */
.sabies-title-div h2 { font-size: 26px; }

/* rutes-single */
.rutes-title-lft h2 { font-size: 22px;}
.ruta-div h2, .ruta-slide h2, .related-blogs-sec h2 { font-size: 22px; margin-bottom: 20px;}

/* on-som-single */
.perdre-som-sec h2, .dormir-list-sec h2, .dormir-som-sec h2 { font-size: 22px;}
.itineraris-slider .swiper-slide .itineraris-cnt h3 { font-size: 24px;}

/* blog-single */
.blog-irati h2 { font-size: 22px;}
.blog-btn-sec ul li a { font-size: 12px; padding: 10px 20px; height: auto; min-height: 45px; column-gap: 10px;}
.inner-banner2 p { font-size: 15px; }

/* oficina-turisme */
.contact-left h2, .contact-lft h2 { font-size: 22px;}
.horaris-main { padding: 30px 20px;}
ul.contact-lst li, ul.contact-lst li:nth-child(2n-2) { flex: 0 1 100%;}

/* qualitat */
.btn-sec a  { font-size: 12px; height: auto; padding: 5px 10px;}
.btn-sec a span { width: 22px;}

/* destinacio-turistica */
.sostenibilitat-cont h2 { font-size: 22px;}

/* nota-legal */
.legal-cont h2 { font-size: 22px;}
.legal-cont h3 { font-size: 20px;}

/* agenda css */
.agenda-rgt .agenda-list ul li { flex: 0 1 100%;}
.masonry-grid { column-count: 1;}
.masonry-item:last-child { margin-bottom: 0;}

}

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


}

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


}