@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;}

/*21*/
.nota-legal{padding: 40px 0 40px 0;}
.nota-legal h1{font-size: 52px;line-height: 56px;letter-spacing: -1px;margin-bottom: 20px;}
.nota-sec{padding: 40px 0 40px 0;}
.nota-sec h2{font-size: 40px;line-height: 40px;}
.nota-list-cnt h3{font-size: 28px;line-height: 28px;}
.nota-cnt{margin-bottom: 50px;}
.contact-form-sec{padding: 50px 0px 50px;}

/*18*/
.breadcrum{padding: 20px 0 20px;}
.iglesia-sec h1{font-size: 48px; line-height: 1.2; letter-spacing: normal; margin-bottom: 25px;}
.quisque-rgt {flex: 0 1 300px;}
.quisque-lft {flex: 0 1 calc(100% - 340px);}
.quisque-sidebar h4{ letter-spacing: normal;}
.quisque-sidebar .tags ul li span{font-size: 15px;}
.quisque-sec{padding: 0 0 50px 0;}

/*12*/
.pico-sec{padding-bottom: 50px;}
.ficha-aloj-title h2{font-size: 60px;}
.pico-slide .swiper-button-prev-pico, .pico-slide .swiper-button-next-pico{width: 50px; height: 50px;}
.pico-list ul li{font-size: 16px; letter-spacing: normal;}
.gpx-btn ul li a{font-size: 50px; font-size: 15px;}
.horaris-main{padding: 30px;}
.horaris-lft h2{font-size: 42px; letter-spacing: normal;}

/*16*/
.ficha-inner.angliru .ficha-rgt{ padding: 0 0 0 50px;}
.descargar-btn ul li a{height: 50px;}
.ficha-cnct ul li p{font-size: 16px;}
.ficha-cnct ul li.link a{font-size: 16px;}

/*como-llegar*/
.platja-title h1{font-size: 62px;}
.platja-sec{padding: 15px 0 80px 0;}
.arribar-list{margin-bottom: 0;}
.descubre-pad {margin-top: 50px;}
.arribar-map{margin-bottom: 40px;}
.arribar-sec{margin: 0 0 40px 0;}

}

@media screen and (min-width:1367px) and (max-width:1500px) {
    
/* home */
.head-row {width: 1350px;}
.home-slider-nav { max-width: 1350px;}
.hm-rutas-sec { overflow: hidden;}
}

@media screen and (min-width:1280px) and (max-width:1366px) {

/* home */
.row1 { max-width: 1250px;}
.head-row {width: 1250px;}
.home-slider-nav { max-width: 1250px; }

.cbp-hrsub-inner-lft .menu-lft { padding: 0px 60px 0px 70px;}
.cbp-hrsub-inner-lft .menu-lft h2 {font-size: 34px;}
.slider .swiper-slide .banner-caption h1 { font-size: 60px; }
.ban-content { max-width: 600px;}
.ban-content h3 { font-size: 60px;}
.hm-rutas-sec { overflow: hidden; padding: 80px 0;}
.hm-map-main { padding: 80px 0;}
.autent-sec, .segueix-nos { padding: 80px 0;}
.mapa-lft { flex: 0 1 500px; padding-left: calc((100% - 1200px) / 1.4);}
.encuentra-map-sec .mapa-select-div { flex: 0 1 calc(100% - 500px);}


/* descubre */
.inn-banner .in-ban-lft h1 { font-size: 60px;}
.cultura-sec { padding: 80px 0;}

/* concejos */
.inn-banner img { min-height: 400px;}
.demo a img { width: 80px; min-height: inherit;}
.concejos-list { margin-top: 80px;}

/* consejos-ficha */
.iglesia-sec h1 { font-size: 60px;}
.hotel-slider-sec .swiper-nav-rel { width: 84%;}
.hotel-slider-sec .swiper-button-prev-hotel { left: 50px;}
.ficha-aller-sec { padding: 35px 0 60px;}
.hm-rutas-sec.cerca-pad { padding: 80px 0;}

/* catalogos */
.catalogos-sec { padding: 10px 0 80px;}
.catalogos-sec h2 { font-size: 60px;}
.cargar-btn { margin-top: 80px;}

/* 17 */
.blog-main-list { padding: 70px 0 80px;}

//*21*/
.nota-legal{padding: 40px 0 40px 0;}
.nota-legal h1{font-size: 52px;line-height: 56px;letter-spacing: -1px;margin-bottom: 20px;}
.nota-sec{padding: 40px 0 40px 0;}
.nota-sec h2{font-size: 40px;line-height: 40px;}
.nota-list-cnt h3{font-size: 28px;line-height: 28px;}
.nota-cnt{margin-bottom: 50px;}

/*20*/
.contact-form-sec{padding: 50px 0px 50px;}

/*18*/
.breadcrum{padding: 20px 0 20px;}
.iglesia-sec h1{font-size: 48px; line-height: 1.2; letter-spacing: normal; margin-bottom: 25px;}
.quisque-rgt {flex: 0 1 300px;}
.quisque-lft {flex: 0 1 calc(100% - 340px);}
.quisque-sidebar h4{ letter-spacing: normal;}
.quisque-sidebar .tags ul li span{font-size: 15px;}
.quisque-sec{padding: 0 0 50px 0;}

/*17*/
.blog-main-sec{padding-bottom: 60px;}
.inner-cap h1{font-size: 60px;line-height: 70px;}
.filter-panel{padding: 25px 25px;}
.filter-panel .tags{padding-right: 0;}
.filter-panel .tag a{font-size: 16px;}
.rel-post-main .rel-post-cnt h3{font-size: 30px; letter-spacing: normal;}
.rel-post-main .rel-post-cnt h4{font-size: 17px;}

/*12*/
.pico-sec{padding-bottom: 50px;}
.ficha-aloj-title h2{font-size: 60px;}
.pico-slide .swiper-button-prev-pico, .pico-slide .swiper-button-next-pico{width: 50px; height: 50px;}
.pico-list ul li{font-size: 16px; letter-spacing: normal;}
.gpx-btn ul li a{font-size: 50px; font-size: 15px;}
.horaris-main{padding: 30px;}
.horaris-lft h2{font-size: 42px; letter-spacing: normal;}

/*15*/
.agenda-sec h2{font-size: 60px; line-height: 60px;}
.eventos-tab-main .tab-btn{font-size: 14px;}
.filter-srch-bx input[type="text"]{height: 52px; padding: 10px 45px 10px 20px;}
.filter-srch-bx button.srch-btn{width: 42px;height: 42px;}
.agenda-filter-lst ul li .nice-select{height: 50px;}
.agenda-main .agenda-txt h3 a{font-size: 24px; line-height: 32px;}
.agenda-main .agenda-txt h5{font-size: 16px;}
.agenda-rgt .agenda-list ul li .filter-tag ul li{font-size: 14px;}
.agenda-btn-cnt ul li a{height: 50px; font-size: 15px;}
.agenda-rgt .agenda-list ul{row-gap: 50px;}
.agenda-sec{padding: 0 0 60px;}
.pagination.left {margin-top: 50px;}

/*16*/
.ficha-inner.angliru .ficha-rgt{ padding: 0 0 0 50px;}
.descargar-btn ul li a{height: 50px;}
.ficha-cnct ul li p{font-size: 16px;}
.ficha-cnct ul li.link a{font-size: 16px;}

.que-hacer-list ul li .que-cont h3{font-size: 36px;}
.que-hacer-sec{padding: 65px 0 65px;}
.que-content{margin-bottom: 50px;}

/*como-llegar*/
.platja-title h1{font-size: 62px;}
.platja-sec{padding: 15px 0 80px 0;}
.arribar-list{margin-bottom: 0;}
.descubre-pad {margin-top: 50px;}
.arribar-map{margin-bottom: 40px;}
.arribar-sec{margin: 0 0 40px 0;}
}

@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%;}


/* home */
.cbp-hrsub-inner-lft .menu-lft { padding: 0px 40px 0px 40px;}
.cbp-hrsub-inner-lft .menu-lft h2 {font-size: 28px;}
.cbp-hrsub-inner-lft .menu-lft p { font-size: 14px;}
.cbp-hrsub-inner-lft ul li .mega-list ul li a { font-size: 18px;}
.row1 { max-width: 1000px;}
.head-row {width: 100%;padding: 0px 15px;}
.slider .swiper-slide .banner-caption h1 { font-size: 55px; }
.home-slider-nav { max-width: 1000px; }
.logo-top img { width: 100px;}
.cbp-hrmenu > ul > li > a { padding: 5px 9px;}
.contacto-links { margin-right: 15px;}
.hdr-links { margin-left: 15px;}
.ban-btm-cont { padding: 50px;}
.ban-btm-cont p { font-size: 22px;}
.hm-map-sec::after { height: 700px;}
.hm-map-main { padding: 60px 0 70px;}
.conoce-main .conoce-txt { padding: 14px 15px;}
.conoce-main .conoce-txt h3 { font-size: 24px;}
.hm-rutas-sec { padding: 60px 0; overflow: hidden;}
.exp-slide { padding-left: calc((100% - 1000px) / 2);}
.exp-main .exp-txt h3 a { font-size: 28px;}
.autent-sec { padding: 60px 0;}
.autent-grid h2, .experiencias-cont h2 { font-size: 42px;}
.autent-grid ul{grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));}
.autent-grid ul li .que-facer-cont h3{font-size: 28px; letter-spacing: -0.33px;}
.autent-grid ul li .que-facer-cont h3 br{display: none;}
.autent-grid ul li .que-facer-cont{padding: 0 20px;}
.mapa-lft { flex: 0 1 350px; padding-left: 15px; padding-right: 15px;}
.mapa-lft h2 { font-size: 42px;}
.encuentra-map-sec .mapa-select-div { flex: 0 1 calc(100% - 350px);}
.como-llegar-sec { padding-bottom: 20px;}
.cerca-content h3 { font-size: 55px; margin-bottom: 20px;}
.cerca-content p { margin-bottom: 25px;padding: 0 17%;}
.como-list { margin-top: -120px;}
.como-list ul li .como-icon { margin-bottom: 50px;}
.como-list ul li .como-cont h3 { font-size: 32px;}
.como-list ul li a { min-height: 300px;}
.hm-eventos-sec { padding: 50px 0 60px;}
.eventos-slide {width: calc(100% + 15px); padding-left: 0px;}
.eventos-main .eventos-txt h3 a { font-size: 28px;}
.explora-sec { padding: 60px 0;}
.explora-sec h2 { font-size: 42px;}
.search-tags ul { padding: 0px 150px;}

.segueix-nos{padding: 50px 0 65px;}
.segueix-title h2{font-size: 35px;}
.segueix-main ul{grid-template-columns: repeat(auto-fit, minmax(152px, 1fr));}
.ban-content { max-width: 500px;}
.ban-content h3 { font-size: 50px;}

.foot-top{padding: 35px 40px;}
.news-lft { flex: 0 1 38%;}
.news-lft h2{font-size: 34px; }
.news-rht { flex: 0 1 62%; }
.ft-logo-lst { padding: 60px 0 40px;}
.ft-logo-lst ul li a img { max-height: 45px;}

/* descubre */
.inn-banner .in-ban-lft h1 { font-size: 55px;}
.cultura-sec { padding: 60px 0;}
.cultura-sec h2 { font-size: 40px;}
.descubre-pad { margin-top: 60px;}

/* concejos */
.inn-banner img { min-height: 400px;}
.demo { bottom: 10px;}
.demo a img { width: 80px; min-height: inherit;}
.concejos-list { margin-top: 60px;}
.concejos-list ul { row-gap: 50px;}
.concejos-main .concejos-txt h3 { font-size: 24px;}

/* consejos-ficha */
.iglesia-sec h1 { font-size: 55px;}
.hotel-slider-sec .swiper-nav-rel { width: 84%;}
.hotel-slider-sec .swiper-button-prev-hotel { left: 50px; width: 62px; height: 62px; background-size: cover;}
.hotel-slider-sec .swiper-button-next-hotel {width: 62px; height: 62px; background-size: cover;}
.ficha-aller-sec { padding: 35px 0 50px;}
.ficha-lft { flex: 0 1 650px; }
.ficha-rgt { flex: 0 1 calc(100% - 650px); padding-right: 40px;}
.hm-rutas-sec.cerca-pad { padding: 60px 0;}
.horaris-main { padding: 60px 30px 50px;}
.horaris-lft h2 { font-size: 42px;}

/* donde-dormir-list */
.trobat-sec .eventos-main .eventos-txt h3 a { font-size: 26px;}
#tab-1 { padding: 50px 0 60px 0;}
.pagination { margin-top: 60px;}

/* donde-dormir-ficha */
.aloj-sec .ficha-lft { flex: 0 1 620px;}
.aloj-sec .ficha-rgt { flex: 0 1 calc(100% - 620px); padding-right: 100px;}
.serveis-sec {padding: 60px 0;}
.serveis-list > div:first-child {flex: 0 1 300px;}
.serveis-list > div:last-child { flex: 0 1 calc(100% - 300px);}

.gallery-list {padding: 60px 0;}
.gallery-list h2 { font-size: 42px; }

/* catalogos */
.catalogos-sec { padding: 10px 0 60px;}
.catalogos-sec h2 { font-size: 42px;}
.catalogos-sec p { font-size: 18px;}
.catalogos-list ul { row-gap: 40px;}
.catalogos-list ul li .catalogos-img { height: 380px;}
.catalogos-list ul li .catalogos-cont h3 { font-size: 28px;}
.cargar-btn { margin-top: 60px;}

/* 17 */
.blog-main-list { padding: 60px 0;}

/* oficinas-turismo */
.oficinas-sec { padding: 60px 0;}
.oficinas-content { padding: 0 40px;}
.oficinas-sec h2 { font-size: 42px;}

.razones-txt h1{font-size: 54px !important; line-height: 64px !important; letter-spacing: -1px;}

/*21*/
.nota-legal{padding: 40px 0 40px 0;}
.nota-legal h1{font-size: 48px;line-height: 56px;letter-spacing: -1px;margin-bottom: 20px;}
.nota-sec{padding: 40px 0 40px 0;}
.nota-sec h2{font-size: 40px;line-height: 40px;}
.nota-list-cnt h3{font-size: 28px;line-height: 28px;}
.nota-cnt{margin-bottom: 50px;}

/*20*/
.contact-form-sec{padding: 50px 0px 50px;}
.contact-form-lft h2{font-size: 42px;line-height: 48px; letter-spacing: normal;}
.oficina-address ul li{font-size: 17px; line-height: 25px;}
.oficina-address h3{letter-spacing: normal;}
.contact-form .form-box1 .frm-input .floating-label{font-size: 15px;}
.contact-form .btn-ctr{margin-top: 15px;}

/*18*/
.breadcrum{padding: 20px 0 20px;}
.iglesia-sec h1{font-size: 42px; line-height: 1.1; letter-spacing: normal; margin-bottom: 25px;}
.quisque-rgt {flex: 0 1 200px;}
.quisque-lft {flex: 0 1 calc(100% - 240px);}
.quisque-sidebar h4{font-size: 17px; letter-spacing: normal;}
.quisque-sidebar .tags ul li span{font-size: 15px;}
.quisque-sec{padding: 0 0 50px 0;}

/*17*/
.blog-main-sec{padding-bottom: 50px;}
.inner-cap h1{font-size: 48px; line-height: 56px;}
.filter-panel{padding: 20px 20px;}
.filter-panel .tag a{font-size: 16px; height: 36px;}
.filter-panel .tags{margin-bottom: 35px;}
.rel-post-main .rel-post-cnt h3{font-size: 28px;line-height: 36px;letter-spacing: normal;}
.rel-post-main .rel-post-cnt{padding-top: 20px;}
.rel-post-main .rel-post-cnt h4{font-size: 17px;}
ul.cer-filter-lst li .select_box_input{height: 52px;}

/*12*/
.pico-sec{padding-bottom: 50px;}
.ficha-aloj-title h2{font-size: 52px;}
.pico-slide .swiper-button-prev-pico, .pico-slide .swiper-button-next-pico{width: 50px; height: 50px;}
.pico-list ul li{font-size: 16px; letter-spacing: normal;}
.gpx-btn ul li a{font-size: 50px; font-size: 15px;}
.horaris-main{padding: 30px;}
.horaris-lft h2{font-size: 42px; letter-spacing: normal;}

/*15*/
.agenda-sec h2{font-size: 48px; line-height: 52px;}
.eventos-tab-main .tab-btn{font-size: 14px;}
.filter-srch-bx input[type="text"]{height: 52px; padding: 10px 45px 10px 20px;}
.filter-srch-bx button.srch-btn{width: 42px;height: 42px;}
.agenda-filter-lst ul li .nice-select{height: 50px;}
.agenda-main .agenda-txt h3 a{font-size: 22px; line-height: 30px;}
.agenda-main .agenda-txt h5{font-size: 15px;}
.agenda-rgt .agenda-list ul li .filter-tag ul li{font-size: 14px;}
.agenda-btn-cnt ul li a{height: 50px; font-size: 15px;}
.agenda-rgt .agenda-list ul{row-gap: 40px;}
.agenda-sec{padding: 0 0 50px;}
.pagination.left {margin-top: 40px;}

/*16*/
.ficha-lft{flex: 0 1 680px;}
.ficha-rgt {flex: 0 1 calc(100% - 680px);}
.ficha-inner.angliru .ficha-rgt{ padding: 0 0 0 30px;}
.descargar-btn ul li a{height: 50px;}
.ficha-cnct ul li p{font-size: 16px;}
.ficha-cnct ul li.link a{font-size: 16px;}

/*que-hacer.html*/
.que-hacer-sec h2{font-size: 42px; margin-bottom: 20px;}
.que-hacer-list ul li .que-cont h3{font-size: 32px;}
.que-hacer-sec{padding: 50px 0 50px;}
.que-content{padding: 0; margin-bottom: 30px;}

/*como-llegar*/
.arribar-list{margin-bottom: 0;}
.platja-title{margin-bottom: 20px;}
.platja-title h1{font-size: 48px; letter-spacing: normal;}
.arribar-list ul li .arribar-info{padding-right: 0;}
.arribar-list ul li .arribar-info h2{font-size: 36px; margin-bottom: 20px;}
.arribar-list ul li .arribar-info p{margin-bottom: 20px;}
.arribar-list ul li .arribar-img{height: 100%;}
.arribar-list ul li .arribar-img img{height: 100%; object-fit: cover;}
.arribar-list ul li .arribar-info ul li a, .arribar-list ul li .arribar-info ul li{font-size: 15px;}
.platja-sec{padding: 15px 0 70px 0;}
.arribar-list > ul{row-gap: 40px;}
.arribar-list > ul > li{padding-bottom: 40px;}
.contact-btm ul li input[type="text"]{height: 50px;}
.contact-btm ul li .nice-select.select_box{height: 50px;}
.contact-btm ul li button{height: 50px; font-size: 15px;}
.arribar-sec p{font-size: 18px;}
.arribar-sec{margin: 0 0 40px 0;}
.arribar-map{margin-bottom: 30px;}
}   

/* 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;}
.head-row {width: 100%;padding: 0px 15px;}

.menu-wrap { display: none; }
.scl-links { display: none; }
.head-lft { display: none;}
.head-rgt { width: auto; } 
.hamburger-menu { display: block;}
.mob-search{ display: block;}

/* home */
.row1 { max-width: 1000px;}
.slider .swiper-slide .banner-caption h1 { font-size: 50px;letter-spacing: -1.54px; }
.slider .swiper-slide img { height: 600px; object-fit: cover;}
.banner-caption a.saber-btn span img { height: auto;}
.home-slider-nav { max-width: 700px; }
.logo-top img { width: 100px;}
.cbp-hrmenu > ul > li > a { padding: 5px 9px;}
.contacto-links, .hdr-links > ul > li { display: none;}
.hdr-links > ul > li:last-child { display: block;}
.hdr-links { margin-left: 15px;}
.ban-btm-cont { padding: 40px;}
.ban-btm-cont p { font-size: 20px;}
.hm-map-sec::after { height: 700px;}
.hm-map-main { padding: 50px 0 50px;}
.conoce-main .conoce-txt { padding: 14px 15px;}
.conoce-main .conoce-txt h3 { font-size: 22px;}
.hm-rutas-sec { padding: 50px 0; overflow: hidden;}
.hm-rutas-sec.aloj-pad .exp-slide { padding-left: 0;}
.exp-slide { padding-left: 15px; width: calc(100% + 15px);}
.exp-main .exp-txt h3 a { font-size: 24px;}
.autent-sec { padding: 50px 0;}
.autent-grid h2, .experiencias-cont h2 { font-size: 32px;}
.autent-grid h2 { margin-bottom: 25px;}
.autent-grid ul{grid-template-columns: repeat(auto-fit, minmax(173px, 1fr));}
.autent-grid ul li .que-facer-cont h3{font-size: 24px; letter-spacing: -0.33px;}
.autent-grid ul li .que-facer-cont h3 br{display: none;}
.autent-grid ul li .que-facer-cont{padding: 0 20px;}
.mapa-lft { flex: 0 1 300px; padding-left: 15px; padding-right: 15px;}
.mapa-lft h2 { font-size: 36px;}
.encuentra-map-sec .mapa-select-div { flex: 0 1 calc(100% - 300px);}
.como-llegar-sec { padding-bottom: 20px;}
.hm-cerca-ban img { height: 440px; object-fit: cover;}
.cerca-content h3 { font-size: 45px; margin-bottom: 15px;}
.cerca-content p { margin-bottom: 25px;padding: 0 8%;}
.como-list { margin-top: -120px;}
.como-list ul li .como-icon { margin-bottom: 50px;}
.como-list ul li .como-cont h3 { font-size: 26px;}
.como-list ul li a { min-height: 300px;}
.hm-eventos-sec { padding: 50px 0 50px;}
.eventos-slide {width: calc(100% + 15px); padding-left: 0px;}
.eventos-main .eventos-txt h3 a { font-size: 24px;}
.explora-sec { padding: 50px 0;}
.explora-sec h2 { font-size: 34px; line-height: 1.2;}
.explora-list ul li .explora-cont h3 { font-size: 20px;}

.segueix-nos{padding: 50px 0 65px;}
.segueix-title h2{font-size: 32px;}
.segueix-main ul{grid-template-columns: repeat(auto-fit, minmax(152px, 1fr));}
.ban-content { max-width: 380px;}
.ban-content h3 { font-size: 40px; line-height: 1.1; letter-spacing: -1.54px;}
.hm-area-ban img { height: 420px; object-fit: cover;}

.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;}

.foot-top{padding: 35px 20px;}
.news-lft { flex: 0 1 34%;}
.news-lft h2{font-size: 30px; }
.news-rht { flex: 0 1 66%; }
.news-rht button { padding: 6px 27px;}
.ft-logo-lst { padding:50px 0 30px;}
.foot-mid-top { padding: 0px;}
.ft-logo-lst ul li a img { max-height: 37px;}
.foot-mid-btm { column-gap: 7.3%;}
.foot-mid-rgt { flex: 0 1 57%;}
.ftr-lst-lft ul li a { font-size: 16px;}
.foot-mid-lst { padding: 35px 0 40px;}
.foot-btm { justify-content: center; row-gap: 10px;}

/* descubre */
.inn-banner .in-ban-lft h1 { font-size: 48px;}
.demo a img { max-width: 70px;}
.cultura-sec { padding: 50px 0;}
.cultura-content{flex: 0 1 45.8%;}
.cultura-sec h2 { font-size: 36px;}
.descubre-pad { margin-top: 50px;}
.donde .cultura-img span { padding-left: 0px; width: 100%; font-size: 16px;}

/* concejos */
.inn-banner img { min-height: 300px;}
.demo { bottom: 10px;}
.demo a img {   min-height: inherit;}
.concejos-list { margin-top: 50px;}
.concejos-list ul { row-gap: 40px;}
.concejos-main .concejos-txt h3 { font-size: 22px;}

/* consejos-ficha */
.iglesia-sec h1 { font-size: 42px;}
.hotel-slider-sec .row { position: initial;}
.hotel-slider-sec .swiper-nav-rel { width: 84%;}
.hotel-slider-sec .swiper-button-prev-hotel { left: 40px;width: 48px; height: 48px; background-size: cover;}
.hotel-slider-sec .swiper-button-next-hotel { width: 48px; height: 48px; background-size: cover;}
.ficha-aller-sec { padding: 35px 0 50px;}
.ficha-lft { flex: 0 1 500px; }
.ficha-rgt { flex: 0 1 calc(100% - 500px); padding-right: 40px;}
.hm-rutas-sec.cerca-pad { padding: 50px 0;}
.horaris-main { padding: 50px 30px 50px; row-gap: 20px;}
.horaris-lft { flex:0 1 100%;} 
.horaris-lft h2 { font-size: 42px;}
.horaris-rgt { flex:0 1 100%;}

/* donde-dormir-list */
.trobat-list ul { row-gap: 40px;}
.rutes-filter-list ul li .nice-select.select_box{height: 48px;}
.rutes-filter-list ul li .srch-bx-lst input[type="text"]{height: 48px; padding: 7px 25px;}
.rutes-filter-list ul li .nice-select.select_box{font-size: 14px;}
.rutes-filter-list ul li .srch-bx-lst button.srch-btn{width: 36px;height: 36px; right: 6px; top: 6px;}
.trobat-sec .eventos-main .eventos-txt h3 a { font-size: 24px;}
#tab-1 { padding: 50px 0 60px 0;}
.trobat-list ul li{flex: 0 1 48.7%;}
.pagination { margin-top: 60px;}
.filter-rutea{padding: 30px 0;}
.map-filter{column-gap: 12px;}
.evento-pad ul li { flex: 0 1 auto;}

/* donde-dormir-ficha */
.ficha-aloj-lft { flex: 0 1 90%;}
.aloj-sec .ficha-lft { flex: 0 1 475px;}
.aloj-sec .ficha-rgt { flex: 0 1 calc(100% - 475px); padding-right: 30px;}
.serveis-sec {padding: 50px 0;}
.serveis-sec h2 { font-size: 32px;}
.serveis-list > div:first-child {flex: 0 1 300px;}
.serveis-list > div:last-child { flex: 0 1 calc(100% - 300px);}
.serveis-sec ul { row-gap: 20px;}
.serveis-sec ul li, .serveis-sec ul li:nth-child(3), .serveis-sec ul li:nth-child(6) { flex: 0 1 47%;}

.gallery-list {padding: 50px 0;}
.gallery-list h2 { font-size: 32px; padding-bottom: 20px;}
.gallery-div ul {row-gap: 20px;}

/* catalogos */
.catalogos-sec { padding: 10px 0 50px;}
.catalogos-sec h2 { font-size: 36px; margin-bottom: 20px;}
.catalogos-sec p { font-size: 16px;}
.catalogos-list { margin-top: 40px;}
.catalogos-list ul { row-gap: 40px;}
.catalogos-list ul li .catalogos-img { height: 300px;}
.catalogos-list ul li .catalogos-cont { padding-top: 15px;}
.catalogos-list ul li .catalogos-cont h3 { font-size: 24px;}
.cargar-btn { margin-top: 50px;}

/* 17 */
.blog-main-list { padding: 50px 0;}

/* oficinas-turismo */
.oficinas-sec { padding: 50px 0;}
.oficinas-content { padding: 0 40px;}
.oficinas-sec h2 { font-size: 36px; margin-bottom: 20px;}

/* razonas */
.viewport{display: none;}
.razone-slider{display: block;}
.razones-txt h1{font-size: 48px;line-height: 52px; letter-spacing: normal;}
.breadcrumb-sec {top: 80px;}

/*21*/
.nota-legal{padding: 30px 0 30px 0;}
.nota-legal h1{font-size: 36px; line-height: 42px; letter-spacing: normal; margin-bottom: 20px;}
.nota-sec{padding: 40px 0 40px 0;}
.nota-sec h2{font-size: 32px;line-height: 36px;letter-spacing: normal;}
.nota-sec h5{letter-spacing: normal; margin-bottom: 20px;}
.nota-list-cnt h3{font-size: 22px;line-height: 30px;letter-spacing: normal; margin-bottom: 15px;}
.nota-list-cnt{margin-bottom: 25px;}
.table-wrap table td{padding: 10px 15px; font-size: 15px;line-height: 25px;letter-spacing: normal;}
.table-wrap table td span{font-size: 15px;line-height: 25px;letter-spacing: normal;}
.nota-cnt{margin-bottom: 40px;}
.nota-list-cnt p{letter-spacing: normal;}

/*20*/
.contact-form-sec{padding: 40px 0px 40px;}
.contact-form-out{column-gap: 0; row-gap: 50px;}
.contact-form-lft {flex: 0 1 100%; order: 2;}
.contact-form-rgt {flex: 0 1 100%; order: 1;}
.contact-form-lft h2{font-size: 36px;line-height: 42px; letter-spacing: normal;}
.oficina-address h3{font-size: 18px; letter-spacing: normal;}
.oficina-address ul li{font-size: 16px; letter-spacing: normal;}
.oficina-address ul li a{font-size: 16px; letter-spacing: normal;}
.contact-form-lft p br{display: none;}
.contact-form .form-box1 .frm-input .floating-label{font-size: 14px;}
.contact-form button {width: 165px; height: 50px; font-size: 15px;}
.contact-form .btn-ctr{margin-top: 20px;}

/*18*/
.iglesia-sec{padding: 0;}
.quisque-sec{padding: 0 0 40px 0;}
.breadcrum{padding: 20px 0 20px;}
.iglesia-sec h1{font-size: 36px; line-height: 1.2; letter-spacing: normal; margin-bottom: 20px;}
.iglesia-sec h1 br{display: none;}
.quisque-inner{column-gap: 0; row-gap: 30px;}
.quisque-lft {flex: 0 1 100%; order: 2;}
.quisque-rgt {flex: 0 1 100%; order: 1;}
.quisque-cnt p{letter-spacing: normal;}
.quisque-img{margin-bottom: 20px;}
.quisque-cnt{margin-bottom: 30px;}
.quisque-sidebar{min-height: inherit;}
.quisque-sidebar h4{font-size: 16px;line-height: 27px;letter-spacing: normal;margin-bottom: 20px;}
.quisque-sidebar .tags ul li span{font-size: 14px; letter-spacing: normal;}

/*17*/
.blog-main-sec{padding-bottom: 50px;}
.inner-cap h1{font-size: 36px; line-height: 42px;}
.blog-main .blog-main-lft {flex: 0 1 100%;}
.blog-main .blog-main-rgt {flex: 0 1 100%;}
.inner-ban-sec{padding: 0 0 30px;}
.rel-post-main .rel-post-cnt{padding-top: 20px;}
.rel-post-main .rel-post-cnt h3{font-size: 28px;line-height: 36px;letter-spacing: normal;}
.rel-post-main .rel-post-cnt h4{font-size: 17px;}
.filter-panel{padding: 20px 20px 20px 20px;}
.filter-panel .tag a{height: 34px; font-size: 16px;}
.filter-panel .tags{margin-bottom: 35px;}
ul.cer-filter-lst li .select_box_input{height: 48px;}
ul.cer-filter-lst li input[type="text"].datepicker-here{height: 48px;}

/*12*/
.pico-sec{padding-bottom: 40px;}
.pico-lft {width: 100%;float: left; margin-bottom: 20px;}
.pico-rgt {width: 100%;float: left;}
.ficha-aloj-title h2{font-size: 36px; letter-spacing: normal;}
.ficha-aloj-title .filter-tag ul li{font-size: 15px;}
.ficha-img-slide { margin-bottom: 40px;}
.pico-slide .swiper-button-prev-pico{width: 48px;height: 48px;}
.pico-slide .swiper-button-next-pico{width: 48px;height: 48px;}
.pico-list{padding: 30px 30px; margin-bottom: 30px;}
.pico-list ul li{font-size: 16px; letter-spacing: normal;}
.pico-list h3{letter-spacing: normal;}
.gpx-btn ul{row-gap: 15px;}
.gpx-btn ul li a{height: 50px;font-size: 15px;}
.ficha-aloj-title{padding-bottom: 30px;}
.horaris-main{row-gap: 20px;}
.horaris-lft {flex: 0 1 100%;}
.horaris-rgt {flex: 0 1 100%;}

/*15*/
.agenda-sec h2{font-size: 36px; line-height: 42px; letter-spacing: normal;}
.agenda-title{margin-bottom: 30px;}
.filter-srch-bx input[type="text"]{height: 50px; padding: 10px 45px 10px 20px;}
.agenda-filter-lst ul li .nice-select{height: 50px;}
.agenda-btn-cnt ul li a{height: 50px; font-size: 15px;}
.agenda-rgt {flex: 0 1 100%;padding-left: 0;}
.agenda-rgt .agenda-list ul{row-gap: 35px;}
.agenda-main .agenda-txt h5{font-size: 15px;line-height: 28px;letter-spacing: normal;}
.agenda-rgt .agenda-list ul li .filter-tag ul li{font-size: 14px;}
.agenda-sec{padding: 0 0 50px;}
.pagination.left {margin-top: 50px;}
.mob-filter{display: flex; justify-content: space-between;}
.filter-srch-bx button.srch-btn{right: 4px;top: 4px;width: 42px;height: 42px;}
.agenda-filter-lst{display: none; margin-top: 20px;}
.agenda-filter-lst.show{display: block;}
.agenda-lft{flex: 0 1 100%;}
.agenda-main .agenda-txt{padding: 0;}
.agenda-main .agenda-txt h3 a{font-size: 22px;line-height: 30px; letter-spacing: normal;}
.pagination.left{justify-content: center;}

/*16*/
.ficha-inner.angliru .ficha-rgt{padding: 0 0 30px 0; flex: 0 1 100%;}
.descargar-btn{margin-top: 30px;}
.descargar-btn ul li a{height: 50px; font-size: 15px; padding: 0 30px 0 30px;}
.descargar-btn ul li a.wht-btn, .descargar-btn ul li a.grn-btn{font-size: 15px; padding: 0 30px 0 30px;}
.ficha-cnct ul li p{font-size: 17px;}
.ficha-cnct ul li.link a{font-size: 15px;}
.ficha-lft{flex: 0 1 100%;}
.ficha-inner{row-gap: 20px;}
.ficha-cont p{letter-spacing: normal;}
.map-section{margin-top: 20px;}
.angliru-logo{margin-top: 30px; width: auto;}
.descargar-btn ul{column-gap: 15px;}
.descargar-btn ul li{flex: 0 1 auto;}

}

/* 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%;}
.head-row {width: 100%;padding: 0px 15px;}

.head-top-in { padding: 20px 0px;}
.menu-wrap { display: none; }
.scl-links { display: none; }
.hdr-links > ul > li { display: none; }
.nice-select ul li:last-child { margin-right: 0px;}
.head-lft { display: none;}
.head-rgt { width: auto; } 
.hamburger-menu { display: block;}
.mob-search{ display: block;}
.chat-sec { display: none;}

/* home */
.slider .swiper-slide .banner-cnt { top: 50%;}
.slider .swiper-slide .banner-caption { padding: 0;}
.slider .swiper-slide .banner-caption h1 { font-size: 34px; letter-spacing: normal; }
.banner-caption a.saber-btn { height: 50px;}
.slider .swiper-slide img { height: 600px; object-fit: cover;}
.banner-caption a.saber-btn span img { height: auto;}
.home-slider-nav { max-width: 500px; }
.logo-top img { width: 80px;}
.cbp-hrmenu > ul > li > a { padding: 5px 9px;}
.contacto-links, .hdr-links > ul > li { display: none;}
.hdr-links > ul > li:last-child { display: block;}
.hdr-links { margin-left: 15px;}
.ban-btm-cont { padding: 30px 20px; margin-top: -100px;}
.ban-btm-cont p { font-size: 16px;}
.hm-map-sec::after { height: 700px;}
.hm-map-main { padding: 30px 0 40px; row-gap: 30px;}
.hm-map-lft { flex: 0 1 100%;}
.hm-map-rgt { flex: 0 1 100%;}
.conoce-slide { width: calc(100% + 15px);;}
.conoce-main .conoce-txt { padding: 10px 15px; min-height: 70px;}
.conoce-main .conoce-txt h3 { font-size: 20px;}
.hm-rutas-sec { padding: 50px 0; overflow: hidden;}
.hm-rutas-sec.aloj-pad .exp-slide { padding-left: 0;}
.exp-slide { padding-left: 15px; width: calc(100% + 15px);}
.exp-slide { padding-left: 15px;}
.exp-main .exp-txt { text-align: left;}
.exp-main .exp-txt h3 a { font-size: 22px; letter-spacing: normal;}
a.more-btn { margin-top: 30px;}
.autent-sec { padding: 50px 0;}
.autent-grid h2, .experiencias-cont h2 { font-size: 32px; letter-spacing: normal;}
.autent-grid h2 { margin-bottom: 25px;}
.autent-grid ul{grid-template-columns: 1fr 1fr;}
.autent-grid ul li.wide, .autent-grid ul li.wide-2 {grid-column: span 1;}
.autent-grid ul li .que-facer-cont h3{font-size: 22px; letter-spacing: normal; margin-bottom: 10px;}
.autent-grid ul li .que-facer-img img { aspect-ratio: 4 / 3; object-fit: cover; height: 100%;}
.autent-grid ul li .que-facer-cont h3 br{display: none;}
.autent-grid ul li .que-facer-cont{padding: 0 20px;}
.mapa-main { height: auto;}
.mapa-lft { flex: 0 1 100%; padding: 40px 15px;}
.mapa-lft h2 { font-size: 32px; margin-bottom: 20px; letter-spacing: normal;}
.mapa-lft a.mapa-link { height: 50px; font-size: 15px; width: 165px; margin-top: 30px;}
.encuentra-map-sec .mapa-select-div { flex: 0 1 100%;}
.como-llegar-sec { padding-bottom: 20px;}
.hm-cerca-ban img { height: 500px; object-fit: cover;}
.cerca-content h3 { font-size: 40px; margin-bottom: 15px; letter-spacing: normal;}
.cerca-content p { margin-bottom: 25px;padding: 0 20px;}
.cerca-content a.saber-btn, a.more-btn, .ban-content a.saber-btn { height: 50px; font-size: 15px;}
.como-list { margin-top: -120px;}
.como-list ul { row-gap: 20px;}
.como-list ul li { flex: 0 1 100%;}
.como-list ul li .como-icon { margin-bottom: 30px;}
.como-list ul li .como-cont h3 { font-size: 22px;}
.como-list ul li a { min-height: inherit; padding: 40px 0;}
.hm-eventos-sec { padding: 50px 0 50px;}
.experiencias-cont { flex-wrap: wrap; row-gap: 20PX; margin-bottom: 20px;}
.experiencias-cont h2 { flex: 0 1 100%;}
.eventos-tab-main { flex: 0 1 100%;}
.eventos-slide {width: calc(100% + 15px); padding-left: 0px;}
.eventos-main .eventos-txt h3 a { font-size: 22px;}
.eventos-main .eventos-txt p, .exp-main .exp-txt p { font-size: 15px;}
.eventos-main .eventos-txt h4 { font-size: 14px;}
.explora-sec { padding: 50px 0;}
.explora-sec h2 { font-size: 32px; line-height: 1.2; letter-spacing: normal;}
.explora-list ul { row-gap: 40px;}
.explora-list ul li { flex: 0 1 50%;}
.explora-list ul li .explora-icon { margin-bottom: 20px;}
.explora-list ul li .explora-cont h3 { font-size: 20px;}
.explora-list ul li .explora-cont p { font-size: 15px;}

.segueix-nos{padding: 40px 0 50px;}
.segueix-title h2{font-size: 32px;}
.segueix-main ul{grid-template-columns: 1fr  1fr;grid-gap:10px}
.segueix-main ul li.wide{display:none;}
.segueix-social ul { column-gap: 20px; justify-content: center;}
.segueix-social ul li span { display: none;}
.ban-content { max-width: 400px;}
.ban-content h3 { font-size: 40px; line-height: 1.1; letter-spacing: normal;}
.hm-area-ban img { height: 500px; object-fit: cover;}

.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;}

.foot-top{padding: 35px 20px;}
.newsletter-box { flex-wrap: wrap; row-gap: 15px;}
.news-lft { flex: 0 1 100%;}
.news-lft h2{font-size: 30px; }
.news-lft h2 br { display: none;}
.news-rht { flex: 0 1 100%; }
.news-box input[type="text"] { font-size: 16px;}
.news-rht button { padding: 6px 27px; height: 50px; font-size: 15px;}
.ft-logo-lst { padding:50px 0 30px;}
.foot-mid-top { padding: 0px;}
.ft-logo-lst ul li a img { max-height: 30px;}
.foot-mid-btm { column-gap: 7.3%; row-gap: 30px; padding: 30px 0 30px; }
.foot-mid-lft { flex: 0 1 100%;border-bottom: 1px solid rgba(151,151,151, 0.5); padding-bottom: 25px;}
.foot-mid-rgt { flex: 0 1 100%; row-gap: 30px;}
.ftr-lst-lft { flex: 0 1 100%;}
.ftr-lst-lft ul { flex: 0 1 50%;}
.ftr-lst-rgt { flex: 0 1 100%;}
.ftr-lst-rgt ul li { flex: 0 1 50%;}
.ftr-add p { margin-bottom: 10px;}
.foot-mid-links { margin-top: 10px;}
ul.social-list { column-gap: 20px;}
.ftr-lst-lft ul li a { font-size: 15px;}
.foot-mid-lst { padding: 35px 0 40px;}
.foot-btm { justify-content: center; row-gap: 10px;}
.foot-btm-rht ul { justify-content: center;column-gap: 12px;}
.foot-btm p { text-align: center; line-height: 1.4;}

/* descubre */
.inn-banner { height: 460px;}
.inn-banner .in-ban-lft h1 { font-size: 34px; letter-spacing: normal;}
.demo a img { max-width: 70px;}
.cultura-sec { padding: 40px 0;}
.cultura-content{flex: 0 1 100%;}
.cultura-img { flex: 0 1 100%; text-align: center;}
.cultura-sec h2 { font-size: 32px; margin-bottom: 20px;}
.cultura-sec p { letter-spacing: normal;}
.descubre-pad { margin-top: 50px;}
.donde .cultura-img span { padding-left: 0px; width: 100%; font-size: 16px; margin-top: 20px;}
.cultura-sec a.buscar-btn { margin-top: 20px; margin-bottom: 30px; height: 50px; font-size: 15px; width: 250px;}

/* concejos */
.demo { bottom: 10px;}
.demo a img {   min-height: inherit;}
.concejos-list { margin-top: 40px;}
.concejos-list ul { row-gap: 30px;}
.concejos-main .concejos-txt { padding-top: 10px;}
.concejos-main .concejos-txt h3 { font-size: 20px;}

/* consejos-ficha */
.breadcrum { padding: 25px 0;}
.iglesia-sec h1 { font-size: 32px; letter-spacing: normal; margin-bottom: 20px;}
.hotel-slider-sec .row { position: initial;}
.hotel-slider-sec .swiper-nav-rel { width: 83%;}
.hotel-slider-sec .swiper-button-prev-hotel { left: 35px;width: 44px; height: 44px; background-size: cover;}
.hotel-slider-sec .swiper-button-next-hotel { width: 44px; height: 44px; background-size: cover;}
.ficha-aller-sec { padding: 20px 0 40px;}
.ficha-cont h4 { padding-bottom: 20px;}
.ficha-inner { flex-wrap: wrap; row-gap: 40px;}
.ficha-lft { flex: 0 1 100%; order: 1; }
.ficha-cont { padding-right: 0;}
.ficha-rgt { flex: 0 1 100%; padding-right: 0px; order: 2;}
.ficha-cnct ul li p, .ficha-cnct ul li.ph a, .ficha-cnct ul li.link a { font-size: 16px;}
.hm-rutas-sec.cerca-pad { padding: 50px 0;}
.hm-rutas-sec.cerca-pad .exp-slide { padding-left: 0; width: calc(100% + 15px);}
.horaris-main { padding: 40px 30px 40px; row-gap: 20px;}
.horaris-lft { flex:0 1 100%;} 
.horaris-lft h2 { font-size: 32px;}
ul.horaris-lst { row-gap: 25px;}
ul.horaris-lst li, ul.horaris-lst li:nth-child(2n-2) { flex: 0 1 100%;}
.horaris-rgt { flex:0 1 100%;}

/* donde-dormir-list */
.inn-banner .in-ban-lft { row-gap: 10px;}
.map-filter{flex-wrap: wrap;}
.rutes-filter-list ul{column-gap: 2%;}
.rutes-filter-list ul li{flex: 0 1 49%;}
.rutes-filter-list ul > li:first-child{flex: 0 1 100%; display: flex;column-gap: 10px; align-items: center;}
.rutes-filter-list ul li .nice-select.select_box{height: 48px;}
.rutes-filter-list ul li .srch-bx-lst input[type="text"]{height: 48px; padding: 7px 25px;}
.rutes-filter-list ul li .nice-select.select_box{font-size: 14px;}
.rutes-filter-list ul li .srch-bx-lst button.srch-btn{width: 36px;height: 36px; right: 6px; top: 6px;}
.view-tab ul.tab-list li:first-child{flex: 0 1 auto;}
.view-tab ul.tab-list{width: 85px; justify-content: right;}
.trobat-sec .eventos-main .eventos-txt h3 a { font-size: 20px;}
.trobat-sec .eventos-main .eventos-txt h3 a br { display: none;}
#tab-1 { padding: 50px 0 60px 0;}
.trobat-list ul { column-gap: 2%; row-gap: 30px;}
.trobat-list ul li{flex: 0 1 49%;}
.pagination { margin-top: 50px; column-gap: 10px;}
.pagination ul li a { width: 30px; height: 30px;}
.filter-rutea{padding: 30px 0;}
.map-filter{column-gap: 12px;}
.evento-pad ul { column-gap: 15px;}
.evento-pad ul li { flex: 0 1 auto; font-size: 15px;}


/* donde-dormir-ficha */
.ficha-aloj-lft { flex: 0 1 87%;}
.ficha-aloj-sec.aloj-sec .ficha-inner { row-gap: 40px;}
.aloj-sec .ficha-lft { flex: 0 1 100%;}
.aloj-sec .ficha-rgt { flex: 0 1 100%; padding-right: 0px;}
.ficha-aloj-sec.aloj-sec .ficha-cnct { padding-bottom: 0;}
.ficha-img-slide { margin-bottom: 40px;}
.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;column-gap: 7px;}

.serveis-sec {padding: 35px 0;}
.serveis-sec h2 { font-size: 32px;}
.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, .serveis-sec ul li:nth-child(3), .serveis-sec ul li:nth-child(6) { flex: 0 1 49%;}
.serveis-sec ul li a { font-size: 15px; line-height: 23px;}

.gallery-list {padding: 40px 0;}
.gallery-list h2 { font-size: 32px; padding-bottom: 15px; 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;} 

.fitch-de-share-list { flex: 0 1 100%; }
.fitch-de-share ul li:first-child { flex: 0 1 100%;}

/* catalogos */
.catalogos-sec { padding: 10px 0 40px;}
.catalogos-sec h2 { font-size: 32px; letter-spacing: normal; margin-bottom: 20px;}
.catalogos-sec p { font-size: 16px;}
.catalogos-list { margin-top: 40px;}
.catalogos-list ul { row-gap: 30px;}
.catalogos-list ul li .catalogos-img { height: 280px;}
.catalogos-list ul li .catalogos-cont { padding-top: 12px;}
.catalogos-list ul li .catalogos-cont h3 { font-size: 20px;}
.cargar-btn { margin-top: 40px;}
.cargar-btn a { height: 50px; font-size: 15px; width: 180px;}

/* 17 */
.blog-main-list { padding: 50px 0;}
.blog-main-list .agenda-list ul { row-gap: 30px;}
.blog-main-list .agenda-list ul li .filter-tag ul li { padding: 2px 12px;}

/* oficinas-turismo */
.oficinas-sec { padding: 40px 0;}
.oficinas-content { padding: 0 0px;}
.oficinas-sec h2 { font-size: 32px; margin-bottom: 20px;}
.oficinas-lst .trobat-list ul li{flex: 0 1 49%;}
.oficinas-lst .eventos-main .eventos-txt { padding: 15px 20px 0 0;}

/* razonas */
.viewport{display: none;}
.razone-slider{display: block;}
.razones-txt h1{font-size: 36px;line-height: 42px; letter-spacing: normal;}
.breadcrumb-sec {top: 80px;}

/*21*/
.nota-legal{padding: 30px 0 30px 0;}
.nota-legal h1{font-size: 32px; line-height: 36px; letter-spacing: normal; margin-bottom: 20px;}
.nota-sec{padding: 40px 0 40px 0;}
.nota-sec h2{font-size: 32px;line-height: 36px;letter-spacing: normal;}
.nota-sec h5{letter-spacing: normal; margin-bottom: 20px;}
.nota-list-cnt h3{font-size: 22px;line-height: 30px;letter-spacing: normal; margin-bottom: 15px;}
.nota-list-cnt{margin-bottom: 25px;}
.table-wrap table td{padding: 10px 15px; font-size: 15px;line-height: 25px;letter-spacing: normal;}
.table-wrap table td span{font-size: 15px;line-height: 25px;letter-spacing: normal;}
.nota-cnt{margin-bottom: 40px;}
.nota-list-cnt ul{margin-left: 0;}
.nota-list-cnt p{letter-spacing: normal;}

/*20*/
.contact-form-sec{padding: 35px 0px 40px;}
.contact-form-out{column-gap: 0; row-gap: 50px;}
.contact-form-lft {flex: 0 1 100%; order: 2;}
.contact-form-rgt {flex: 0 1 100%; order: 1;}
.contact-form-lft h2{font-size: 32px;line-height: 36px; letter-spacing: normal;}
.oficina-address h3{font-size: 18px; letter-spacing: normal;}
.oficina-address ul li{font-size: 16px; letter-spacing: normal;}
.oficina-address ul li a{font-size: 16px; letter-spacing: normal;}
.contact-form-lft p br{display: none;}
.contact-form .form-box1 .frm-input .floating-label{font-size: 14px;}
.contact-form button {width: 165px; height: 50px; font-size: 15px;}
.contact-form .btn-ctr{margin-top: 20px;}

/*18*/
.quisque-sec{padding: 0 0 40px 0;}
.breadcrum{padding: 20px 0 20px;}
.iglesia-sec h1{font-size: 32px; line-height: 1.2; letter-spacing: normal; margin-bottom: 20px;}
.iglesia-sec h1 br{display: none;}
.quisque-inner{column-gap: 0; row-gap: 30px;}
.quisque-lft {flex: 0 1 100%; order: 2;}
.quisque-rgt {flex: 0 1 100%; order: 1;}
.quisque-cnt p{letter-spacing: normal;}
.quisque-img{margin-bottom: 20px;}
.quisque-cnt{margin-bottom: 30px;}
.quisque-sidebar{min-height: inherit;}
.quisque-sidebar h4{font-size: 17px;line-height: 27px;letter-spacing: normal;margin-bottom: 20px;}
.quisque-sidebar .tags ul li span{font-size: 14px; letter-spacing: normal;}

/*17*/
.blog-main-sec{padding-bottom: 40px;}
.inner-cap h1{font-size: 36px; line-height: 42px;}
.blog-main .blog-main-lft {flex: 0 1 100%;}
.blog-main .blog-main-rgt {flex: 0 1 100%;}
.inner-ban-sec{padding: 0 0 30px;}
.rel-post-main .rel-post-cnt{padding-top: 20px;}
.rel-post-main .rel-post-cnt h3{font-size: 24px;line-height: 32px;letter-spacing: normal;}
.rel-post-main .rel-post-cnt h4{font-size: 17px;}
.filter-panel{padding: 20px 20px 20px 20px;}
.filter-panel .tag a{height: 34px; font-size: 16px; padding: 0 15px;}
.filter-panel .tags{margin-bottom: 35px; padding-right: 0;}
ul.cer-filter-lst li .select_box_input{height: 48px;}
ul.cer-filter-lst li input[type="text"].datepicker-here{height: 48px;}

/*12*/
.pico-sec{padding-bottom: 40px;}
.pico-lft {width: 100%;float: left; margin-bottom: 20px;}
.pico-rgt {width: 100%;float: left;}
.ficha-aloj-title h2{font-size: 32px; letter-spacing: normal;}
.ficha-aloj-title .filter-tag ul li{font-size: 15px;}
.pico-slide .swiper-button-prev-pico{width: 42px;height: 42px;}
.pico-slide .swiper-button-next-pico{width: 42px;height: 42px;}
.pico-list{padding: 20px 20px; margin-bottom: 25px;}
.pico-list ul li{font-size: 16px; letter-spacing: normal;}
.pico-list h3{letter-spacing: normal;}
.gpx-btn ul{row-gap: 15px;}
.gpx-btn ul li a{height: 50px;font-size: 15px;}
.ficha-aloj-title{padding-bottom: 30px;}
.horaris-main{row-gap: 20px;}
.horaris-lft {flex: 0 1 100%;}
.horaris-rgt {flex: 0 1 100%;}
.horaris-lft h2 {font-size: 32px;letter-spacing: normal;}

/*15*/
.agenda-sec h2{font-size: 32px; line-height: 36px; letter-spacing: normal;}
.agenda-title{margin-bottom: 30px;}
.filter-srch-bx input[type="text"]{height: 50px; padding: 10px 45px 10px 20px;}
.agenda-filter-lst ul li .nice-select{height: 50px;}
.agenda-btn-cnt ul li a{height: 50px; font-size: 15px;}
.agenda-rgt {flex: 0 1 100%;padding-left: 0;}
.agenda-rgt .agenda-list ul{row-gap: 35px;}
.agenda-main .agenda-txt h5{font-size: 15px;line-height: 28px;letter-spacing: normal;}
.agenda-rgt .agenda-list ul li .filter-tag ul li{font-size: 14px;}
.agenda-sec{padding: 0 0 40px;}
.pagination.left {margin-top: 40px;}
.mob-filter{display: flex; justify-content: space-between;}
.filter-srch-bx button.srch-btn{right: 4px;top: 4px;width: 42px;height: 42px;}
.agenda-filter-lst{display: none; margin-top: 20px;}
.agenda-filter-lst.show{display: block;}
.agenda-lft{flex: 0 1 100%;}
.agenda-main .agenda-txt{padding: 0;}
.agenda-main .agenda-txt h3 a{font-size: 22px;line-height: 28px; letter-spacing: normal;}
.pagination.left{justify-content: center;}

/*16*/
.ficha-inner.angliru .ficha-rgt{padding: 0 0 30px 0; flex: 0 1 100%;}
.descargar-btn{margin-top: 30px;}
.descargar-btn ul li a{height: 50px; font-size: 15px; padding: 0 30px 0 30px;}
.descargar-btn ul li a.wht-btn, .descargar-btn ul li a.grn-btn{font-size: 15px; padding: 0 30px 0 30px;}
.ficha-cnct ul li p{font-size: 16px;}
.ficha-cnct ul li.link a{font-size: 16px;}
.ficha-lft{flex: 0 1 100%;}
.ficha-inner{row-gap: 20px;}
.ficha-cont p{letter-spacing: normal;}
.map-section{margin-top: 20px;}
.angliru-logo{margin-top: 30px; width: auto;}
.descargar-btn ul{column-gap: 15px;}
.descargar-btn ul li{flex: 0 1 auto;}

/*donde-dormir-1*/
.cultura-img{overflow: hidden;}
.cultura-img span{font-size: 14px; width: 100%; padding: 0; margin: 0;}
.cultura-img .mapa-svg{overflow-x: scroll; width: 100%; float: left;}
.cultura-sec a.buscar-btn{height: 50px; font-size: 15px; margin-top: 15px;}
.cultura-sec a.buscar-btn span {width: 40px;height: 40px;}

/*que-hacer.html*/
.que-hacer-sec{padding: 40px 0 40px;}
.que-content{padding: 0; margin-bottom: 30px;}
.que-hacer-sec h2{font-size: 32px; line-height: 1.2; margin-bottom: 15px;}
.que-hacer-list ul{row-gap: 25px;}
.que-hacer-list ul li .que-cont{left: 20px;bottom: 20px;}
.que-hacer-list ul li .que-cont h3{font-size: 20px;line-height: 1.3; letter-spacing: normal; margin-bottom: 15px;}
.que-hacer-list ul li .que-cont span{font-size: 12px;}

/*como-llegar*/
.platja-title{margin-bottom: 20px;}
.platja-title h1{font-size: 32px; letter-spacing: normal;}
.arribar-list{margin-bottom: 0;}
.arribar-list ul{row-gap: 30px;}
.arribar-list > ul > li{padding-bottom: 35px;}
.arribar-list ul li .arribar-img { float: left; width: 100%;  margin-bottom: 20px;}
.arribar-list ul li .arribar-info {flex: 0 1 100%;padding-right: 0;}
.arribar-list ul li .arribar-info h2{font-size: 32px; margin-bottom: 20px;}
.platja-sec{padding: 15px 0 40px 0;}
.arribar-list ul li .arribar-info p{float: left; margin-bottom: 15px;}
.arribar-sec{margin: 0 0 40px 0;}
.arribar-sec p{font-size: 16px; letter-spacing: 1.2;}
.contact-btm{float: left; width: 100%; position: relative; bottom: auto;}
.map-como{margin-bottom: 25px;}
.contact-btm ul{column-gap: 0; row-gap: 15px;}
.contact-btm > ul > li {flex: 0 1 100%;}
.contact-btm > ul > li:last-child {flex: 0 1 100%;}
.contact-btm ul li button{height: 50px; max-width: 200px; font-size: 15px;}
.contact-btm ul li input[type="text"]{height: 50px;}
.contact-btm ul li .nice-select.select_box{height: 50px;}
.arribar-map{margin-bottom: 25px;}

/****append button***/
.hm-rutas-sec .abs-btn-div { padding: 0 15px; float: left; width: 100%; text-align: center;}
.hm-rutas-sec .abs-btn-div a.more-btn { margin-bottom: 0;}
} 
 
/* Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:639px) {
 
/* home */
.ban-content { max-width: 350px;}
.ban-content h3, .cerca-content h3 { font-size: 32px;}
.cerca-content p { padding: 0;}

/* concejos */  
.concejos-list ul li { flex: 0 1 49%;}

/* consejos-ficha */
.hotel-slider-sec .swiper-nav-rel { width: 80%;}
.hotel-slider-sec .swiper-button-prev-hotel { left: 20px;}

/* catalogos */
.catalogos-list ul { column-gap: 2%;}
.catalogos-list ul li{flex: 0 1 49%;} 


/*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;}
.razones-txt h1 span{display: inline;}

.agenda-title{flex-wrap: wrap; row-gap: 20px;}
.agenda-sec h2{width: 100%;}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:479px) {
 
/* home */
.slider .swiper-slide .banner-caption h1 { font-size: 28px; letter-spacing: normal; }
.autent-grid ul{grid-template-columns: inherit;}
.autent-grid ul li .que-facer-img img { aspect-ratio: 5 / 3; }
.autent-grid h2, .experiencias-cont h2, .mapa-lft h2, .ficha-aloj-title h2, .serveis-sec h2, .gallery-list h2 { font-size: 28px;}

/* descubre */
.inn-banner .in-ban-lft h1 { font-size: 28px; letter-spacing: normal;}
.cultura-sec h2 { font-size: 28px; margin-bottom: 20px;}

/* consejos-ficha */
.iglesia-sec h1, .horaris-lft h2 { font-size: 28px;}
.hotel-slider-sec .swiper-nav-rel { width: 77%;}
.hotel-slider-sec .swiper-button-prev-hotel { left: 0px;}

/* donde-dormir-list */
.rutes-filter-list ul li {flex: 0 1 100%;}
.trobat-list ul li{flex: 0 1 100%;}
.evento-pad ul { column-gap: 20px;}
.evento-pad ul li { flex: 0 1 auto; font-size: 15px;}

/* donde-dormir-ficha */
.serveis-sec ul li { flex: 0 1 100%;} 

/* catalogos */
.catalogos-list ul { column-gap: 2%;}
.catalogos-list ul li{flex: 0 1 100%;} 

/* 17 */
.blog-main-list .agenda-list ul li { flex: 0 1 100%;}
.agenda-main .agenda-img {margin-bottom: 15px;}
a.prev-arw, a.next-arw { font-size: 15px;}

/* oficinas-turismo */
.oficinas-lst .trobat-list ul li{flex: 0 1 100%;}

.razones-txt h1{font-size: 36px;line-height: 42px;}
/*21*/
.nota-sec h2 {font-size: 28px;}
.nota-sec h2 {font-size: 28px;line-height: 32px;}
.contact-form-lft h2{font-size: 28px; line-height: 32px;}

/*18*/
.iglesia-sec h1{font-size: 28px; line-height: 1.2;}
.iglesia-sec h1{font-size: 28px;}

/*17*/
.eventos{flex-wrap: wrap; row-gap: 15px;}
.rel-post-main .rel-post-cnt h3{font-size: 20px; line-height: 28px;}
.rel-post-main .rel-post-cnt h4{font-size: 15px;line-height: 25px;letter-spacing: normal;}
.ficha-aloj-title{row-gap: 15px; padding-bottom: 25px;}
.pico-list ul li{font-size: 15px; letter-spacing: normal;}

.agenda-rgt .agenda-list ul li{flex: 0 1 100%;}
.agenda-main .agenda-txt h3 a{font-size: 24px; line-height: 30px;}


.que-hacer-list ul li {flex: 0 1 100%;}

}

@media screen and (max-width:359px) {

/* concejos */  
.concejos-list ul li { flex: 0 1 100%;}

/* donde-dormir-ficha */
.gallery-div ul li {flex: 0 1 100%;}

}

@media screen and (max-width:319px) {


}