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

/* #Media Queries
================================================== */
@media only screen and (min-width: 1920px){
body{ overflow-x:hidden;}	

}

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

header .row { width: 98%;}
header { padding: 10px 0;}
.cbp-hrmenu > ul > li { margin-right: 12px;}
.menu-sec .menu-lst li a { font-size: 19px;}
.planifica-sec::before { background-size: cover; top: 140px; width: 129px; height: 100px; left: -22px;}
.planifica-sec::after { width: 160px; height: 131px; background-size: cover;}


/******roans*******/
.raon-section .breadcrumb-sec { top: 90px;}
.viewport .ban-icon-div{ top: 90px; right: 0%;}

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


header .row { width: 1000px;}
.m-menu { display: block; order: 3;}
.over header { background: #28166F;} 
.over .logo-top img.desk-logo { display: none;}
.over .logo-top img.mob-logo { display: block;}
.mob-favourite { padding: 10px 12px;}
.mobile-menu  { top: 88px;}
.fixed-header-search { height: calc(100vh - 89px);}

.menu-wrap { display: none;}
.search-list ul li.in-heart { display: none;}
.head-rgt .select-lang { display: none;}
.search-list, .hm-header .search-list, .is-sticky .hm-header .search-list { order: 2; border-left: none;}
.weather, .hm-header .weather { order: 1; border-right: 1px solid none;}
#slick-1 .ban-slider-controls { bottom: 30px;}
#slick-1 .slick-dots { bottom: 35px; right: 6%;}
#slick-1 .ban-icon-div { bottom: 25px;}
.banner-txt h1 { font-size: 60px; line-height: 60px; margin-bottom: 30px;}
.over .weather { border-right: 1px solid rgba(255, 255, 255, 0.5);}
.over .is-sticky .weather p { font-size: 16px;}
.over .search-list, .over .is-sticky .search-list { border-left: none;}
.over .weather p { font-size: 16px;}
.search-open .hm-header .search-list { border-left: none;}
.search-tags ul { justify-content: center;}

/*******home css*********/
.experience-sec { padding: 50px 0 60px;}
.experience-sec h2 { font-size: 36px; line-height: 42px;}
.grid { grid-auto-rows: 10px; grid-gap: 16px;}
.grid .exp-txt h3 { font-size: 26px; line-height: 32px;}
.des-cap { padding: 30px;}
.desc-btm h2 { font-size: 34px; line-height: 40px;}
.planifica-sec { padding: 240px 0 120px 0;}
.planifica-sec h2 { font-size: 36px; line-height: 42px; margin-bottom: 20px;}
.planifica-sec ul li a { padding: 20px 20px; height: 220px;}
.planifica-sec ul li a p { font-size: 24px;}
.planifica-sec ul li a img { margin-bottom: 40px;}
.planifica-sec::after { width: 140px; height: 110px; background-size: cover;}

.menjores-sec { padding: 60px 0;}
.menjores-sec h2 { font-size: 36px; line-height: 42px;}

.sitros-rht h2 { font-size: 36px; line-height: 42px; margin-bottom: 20px;}
#sitios.owl-carousel .owl-item .sitios-txt h3 { font-size: 25px; line-height: 30px;}
#sitios.owl-carousel .owl-item .sitios-txt { margin-top: 12px;}
#sitios.owl-carousel .owl-nav { top: -60px;}
.sitros-sec::after { right: -10px; width: 170px; height: 120px; background-size: cover;}

.plana-cap h2 { font-size: 60px; line-height: 60px;}
.plana-cap p { margin-bottom: 30px;}

.opciones-sec { padding: 60px 0;}
.opciones-sec h2 { font-size: 36px; line-height: 42px;}
.opciones-sec ul li a p { font-size: 22px;}
.opciones-sec ul li a img { margin-bottom: 20px;}

.actividades-sec { padding: 60px 0 0;}
.actividades-sec h2 { font-size: 36px; line-height: 42px; }
.act-carousel.owl-carousel .owl-item .act-txt p { font-size: 15px;}
.act-carousel.owl-carousel .owl-item .act-txt h3 { font-size: 24px; line-height: 30px; margin-top: 10px;}

.activtas-sec { padding: 80px 0;}
#descubre.owl-carousel .owl-item .item { padding: 50px 0px 0 50px;}
#descubre.owl-carousel .owl-item .descubre-txt h3 { font-size: 34px; line-height: 44px;}
#descubre.owl-carousel .owl-item .item::after { height: 86%;}

.hm-news-div { padding: 0;}
.hm-news-sec { padding: 40px 0;}
.news-lft h2 { font-size: 40px; line-height: 45px;}
.news-box input[type="text"] { font-size: 16px;}

footer { padding: 40px 0 40px;}
.footer-logo ul li a img { max-width: 130px;}
.footer-logo { padding-top: 30px;}
.copy { flex: 1 1 100%; text-align: center; margin-bottom: 20px;}


/**********PLANIFICA***********/
.inn-caption h1 { font-size: 50px; line-height: 56px;}
.plan-cnt { padding: 40px 0 60px;}
.plan-cnt p { font-size: 28px; line-height: 40px;}
.plan-cnt ul { margin-top: 30px; row-gap: 20px;}
.plan-cnt ul li h2 { font-size: 26px; line-height: 34px;}


/******roans*******/
.raon-section .breadcrumb-sec { top: 100px;}
.viewport .ban-icon-div{ top: 120px; right: 0%;}
#viewport .roans-txt h1 { font-size: 50px; line-height: 60px;}


/********contact*********/
.contact-sec { padding-bottom: 60px}
.contact-sec h2 { font-size: 50px; line-height: 50px; margin-bottom: 20px;}
.ipa-visit { padding: 60px 0;}

/********sistema*********/
.sistema-sec { padding: 40px 0 70px 0; }
.sistema-sec h2 { font-size: 50px; line-height: 50px; margin-bottom: 20px;}
.sistema-sec ul { row-gap: 20px;}
.sistema-sec ul li { padding: 25px;}
.sistema-sec ul li h3 { font-size: 24px;}
.sistema-sec ul li ul { row-gap: 12px;}

/********mares*********/
.exp-ficha { padding: 40px 0 60px 0;}
.alloj-title { margin-bottom: 15px;}
.ficha-rgt ul li p { font-size: 17px; line-height: 26px;}
.gallery-lst { padding: 60px 0 0;}
.gallery-div ul { row-gap: 20px;}
.servicios-sec { padding: 60px 0;}
/* 
.eventos-main-sec { padding: 60px 0;}
.eventos-main-sec h2 { font-size: 44px; line-height: 50px; padding-bottom: 35px;}
.fav-lst ul li .fav-cnt h3 { font-size: 26px; line-height: 30px;}
.eventos-main-sec .btn-ctr {margin-top: 50px;} */


/********alojament css***********/
.ficha-cont.pad { padding-right: 0;}
.ficha-lft.lft { width: 58%; margin-right: 0;}
.ficha-rgt.rgt { width: 38%; float: right;}
.ficha-cont { margin-bottom: 35px;}
.servicios-sec ul { column-gap: 2%;}
.servicios-sec ul li { flex: 0 1 32%;}
.ficha-rgt h4 { line-height: 28px; padding-bottom: 15px;}
.ficha-rgt ul { margin-top: 0;}

.eventos-main-sec { padding: 60px 0;}
.eventos-main-sec h2 { font-size: 42px; line-height: 48px; padding-bottom: 35px;}
.eventos-main-sec .btn-ctr { margin-top: 50px;}

/* --------------------------------------- KV CSS ----------------------------------------- */
/* search css */
.search-main-sec {padding: 30px 0 90px;}
.search-category { width: 100%;}
.srch-main { display: flex; flex-wrap: wrap;}
.srch-main .srch-lft {width: 375px; height: 100%;}
.srch-main .srch-lft img { height: 100%; object-fit: cover;}
.srch-main .srch-rgt { width: calc(100% - 375px); padding-left: 30px; margin: 15px 0;}
.search-lst-div { padding: 0 12px; row-gap: 20px;}
.srch-main .srch-rgt h3 { font-size: 28px; line-height: 34px; padding-bottom: 10px;}
.search-main h2 {font-size: 50px; line-height: 60px; padding-bottom: 25px;}
.srch-bx {margin-bottom: 40px;}
.search-category ul { margin-bottom: 40px;}
.search-list-sec .btn-ctr { margin-top: 60px;}
.search-category ul li a {font-size: 14px; height: 52px; border-radius: 5px; padding: 0 15px 0 15px;}

/* moverse css */
.moverse-sec {padding: 30px 0 70px;}
.moverse-main-sec h1 { font-size: 40px; line-height: 50px; padding-bottom: 35px; }
.mov-main .mov-img {width: 460px;}
.mov-main .mov-img img { height: 100%; object-fit: cover;}
.mov-main .mov-cnt {width: calc(100% - 460px); padding-left: 35px; padding-right: 50px; margin: 20px 0;}
.moverse-list ul li:nth-child(2n+2) .mov-main .mov-cnt {padding-right: 50px;}
.mov-main .mov-cnt h3 { font-size: 32px; line-height: 26px; padding-bottom: 25px;}
.moverse-list h2 { font-size: 32px; line-height: 48px; padding-bottom: 30px;}
.moverse-list-sec .moverse-list {padding-bottom: 40px;}
.moverse-list-sec {row-gap: 40px;}

/* clima css */
.clima-sec {padding: 30px 0 70px;}
.clima-main-sec h1 { font-size: 52px; line-height: 52px; padding-bottom: 25px; }
.clima-list { padding-top: 50px;}
.clima-list ul li { flex: 0 1 33%;}
.clima-btm-list {margin-top: 50px;}
.clima-btm-list ul li { flex: 0 1 48%;}
.clima-btm-list ul li .clima-ico h3 {font-size: 32px; line-height: 42px;}

/* oficinas turismo css */
.oficinas-turismo-sec {padding: 20px 0 70px;}
.oficinas-turismo-sec h1 { font-size: 50px; line-height: 50px; padding-bottom: 25px; }
.oficinas-main { display: flex; flex-wrap: wrap;}
.oficinas-main .oficinas-img {width: 460px;}
.oficinas-main .oficinas-img img { height: 100%;  object-fit: cover;}
.oficinas-main .oficinas-cnt {width: calc(100% - 460px); padding-left: 35px; margin: 20px 0;}
.oficinas-map-main img { height: 450px; object-fit: cover;}

/* alojamiento principal css */
.aloj-prin-sec { padding: 40px 0 70px;}
.aloj-prin-cnt { margin-bottom: 50px;}
.aloj-prin-cnt p { font-size: 28px; line-height: 36px;}
.aloj-prin-list ul li .aloj-title h3 {font-size: 28px;}
.aloj-prin-list ul li .aloj-title {padding: 0 15px 35px;}

/* alojamiento list mapa css */
.experiencias-main-sec {padding: 40px 0 70px;}
.experiencias-main-sec h1 { font-size: 50px; line-height: 50px; padding-bottom: 25px; }
.grid-view-list {padding-bottom: 35px; margin-bottom: 35px;}
.experiencias-list .btn-ctr { margin-top: 70px;}
.fav-lst ul li .hotel-star {padding-bottom: 15px;}
.fav-lst ul li .fav-cnt {padding-top: 20px;}
.fav-lst ul li .fav-cnt h5 { font-size: 28px; line-height: 32px;}
.fav-lst ul li .fav-cnt h5 {padding-bottom: 15px;}
.fav-lst ul li .fav-cnt h3 {font-size: 26px; line-height: 32px;}

/* informacion css */
.clima-cnt-sec {padding: 35px 0 0; row-gap: 35px;}
.clima-cnt-para h3 { font-size: 32px; line-height: 42px; padding-bottom: 15px;}
.servicios-sanitarios { row-gap: 35px; padding-top: 50px;}
.servicios-sanitarios .ser-lft { flex: 0 1 100%;}
.servicios-sanitarios .ser-mid { flex: 0 1 50%; padding-left: 0;}
.servicios-sanitarios .ser-rgt { flex: 0 1 50%; padding-left: 50px;}
.servicios-sanitarios h3 {font-size: 38px; line-height: 42px; padding-bottom: 25px;}

/* agenda css */
.agenda-main-sec {padding: 40px 0 70px;}
.agenda-main-sec h1 { font-size: 50px; line-height: 50px; padding-bottom: 25px; }
.agenda-main {column-gap: 40px;}
.agenda-main .agenda-main-rgt { flex: 0 1 calc(100% - 385px);}
.fav-lst ul li .fav-cnt h4 {font-size: 14px; line-height: 22px;}
.agenda-main-rgt .fav-lst ul { row-gap: 40px;}
.agenda-main-sec .btn-ctr { margin-top: 60px;}

/* favoritos css */
.favoritos-main-sec {padding: 40px 0 60px;}
.fav-title ul {column-gap: 35px;}
.fav-title h1 {font-size: 52px; line-height: 52px; padding-bottom: 20px;}
.fav-main-list .controls { padding-bottom: 35px; margin-bottom: 35px;}
.fav-lst ul {row-gap: 40px;}
.fav-list .container {row-gap: 60px;}
.fav-list .container .mix {padding-bottom: 60px;}
.fav-list .des-btn { margin-top: 60px;}

/* informes css */
.informes-table table tr td {padding: 15px 18px;}
.informes-table table tr td .pdf-ico p {background: url("../images/doc-ico.svg") no-repeat scroll left top 3px; font-size: 18px; line-height: 26px;}
.informes-list .btn-ctr { margin-top: 60px;}
.informes-main-list .search-category ul {padding-bottom: 35px; margin-bottom: 35px;}


}

/* Smaller than standard 1024 (devices and browsers) */
@media screen and (min-width:768px) and (max-width:1023px) {
img {max-width:100%; }
.row { width:750px; }

header .row { width: 750px;}
.m-menu { display: block; order: 3;}
.over header { background: #28166F;} 
.over .logo-top img.desk-logo { display: none;}
.over .logo-top img.mob-logo { display: block;}
.mob-favourite { padding: 10px 12px;}

/* header .row { width: 100%;} */
.logo-top { width: 110px;}
.menu-wrap { display: none;}
.search-list ul li.in-heart { display: none;}
.head-rgt .select-lang { display: none;}
.hm-header .search-list, .is-sticky .hm-header .search-list { order: 2; border-left: none; border-right: 1px solid rgba(255, 255, 255, 0.3);}
.hm-header .weather { order: 1; border-right: 1px solid none; padding-left: 0; height: 28px; border-right: 1px solid rgba(255, 255, 255, 0.3);}
.hm-header .weather p, .weather p { font-size: 13px;}
.search-list ul li a { width: 28px; height: 28px;}
.is-sticky .search-list, .is-sticky .hm-header .search-list { border-right: 1px solid rgba(0, 0, 0, 0.5);}
.weather { order: 1; border-right: 1px solid rgba(0, 0, 0, 0.5); padding-left: 0; height: 28px; padding-right: 15px; }
.search-list {order: 2; border-left: none; border-right: 1px solid rgba(0, 0, 0, 0.5); }

.over .weather { border-right: 1px solid rgba(255, 255, 255, 0.5);}
.over .search-list, .over .is-sticky .search-list { border-left: none;}
/* .weather { padding-left: 0; border-right: 1px solid rgba(255, 255, 255, 0.5); height: 28px; padding-right: 15px;} */
 
.search-list ul li a { width: 28px; height: 28px;}
.is-sticky .search-list, .is-sticky .hm-header .search-list { border-right: 1px solid rgba(0, 0, 0, 0.5);}

.fixed-header-search { height: calc(100vh - 78px);}
.site-search { padding: 80px 0;}
.site-search__div h2 { font-size: 36px; line-height: 44px;}
.search-box { width: 100%;}
.search-box input[type="text"] { height: 55px; padding: 0 45px 0px 15px;}
.submit-ar { right: 10px;}
.cercar-filter-div { margin-bottom: 20px;}
.search-tags ul { row-gap: 10px; justify-content: center;}
.search-tags ul li { flex: 0 1 auto;}
.search-tags ul li a { font-size: 14px;}

#slick-1 .ban-slider-controls { bottom: 30px; left: 0%;}
#slick-1 .slick-dots { bottom: 45px; right: 6%;}
#slick-1 .ban-icon-div { bottom: 30px; right: 0%;}
.banner-txt h1 { font-size: 52px; line-height: 56px; margin-bottom: 30px;}
.banner-txt { padding: 0 10px; }


/*******home css*********/
.experience-sec { padding: 50px 0 60px;}
.experience-sec h2 { font-size: 32px; line-height: 36px; margin-bottom: 20px;}
.exp-carousel.owl-carousel .owl-nav { top: -110px;}

.grid { grid-auto-rows: 10px; grid-gap: 16px;}
.grid .exp-txt h3 { font-size: 24px; line-height: 28px;}
.grid .exp-txt { margin-top: 14px;}

.des-cap { padding: 20px;}
.desc-btm h2 { font-size: 28px; line-height: 32px;}

.planifica-sec { padding: 240px 0 90px 0;}
.planifica-sec h2 { font-size: 32px; line-height: 36px; margin-bottom: 20px;}
.planifica-sec ul li  { flex: 0 1 23.4%;}
.planifica-sec ul li a { padding: 15px; height: 170px;}
.planifica-sec ul li a p { font-size: 20px;}
.planifica-sec ul li a img { margin-bottom: 20px;}
.planifica-sec::after { width: 110px; height: 80px; background-size: cover;}

.menjores-sec { padding: 50px 0;}
.menjores-sec h2 { font-size: 32px; line-height: 36px; margin-bottom: 30px;}
#menjores.owl-carousel .owl-item .item a p { font-size: 24px; line-height: 30px; bottom: 20px;}

.sitros-rht h2 { font-size: 30px; line-height: 36px; margin-bottom: 20px;}
#sitios.owl-carousel .owl-item .sitios-txt h3 { font-size: 22px; line-height: 26px;}
#sitios.owl-carousel .owl-item .sitios-txt { margin-top: 12px;}
#sitios.owl-carousel .owl-nav { top: -60px;}
.sitros-sec::after { right: -10px; width: 170px; height: 120px; background-size: cover;}
.sitros-div { align-items: inherit;}
.sitros-rht { padding-bottom: 40px;}
.sitros-lft { display: flex; align-items: flex-end;}

.plana-cap h2 { font-size: 48px; line-height: 54px;}
.plana-cap p { margin-bottom: 30px;}

.opciones-sec { padding: 50px 0;}
.opciones-sec h2 { font-size: 32px; line-height: 36px;}
.opciones-sec ul li a p { font-size: 20px;}
.opciones-sec ul li a img { margin-bottom: 20px;}


.actividades-sec { padding: 50px 0 0;}
.actividades-sec h2 { font-size: 32px; line-height: 36px; }
.act-carousel.owl-carousel .owl-item .act-txt p { font-size: 14px;}
.act-carousel.owl-carousel .owl-item .act-txt h3 { font-size: 22px; line-height: 28px; margin-top: 10px;}
.act-carousel.owl-carousel .owl-nav { top: -115px;}

.activtas-sec { padding: 60px 0;}
#descubre.owl-carousel .owl-item .item { padding: 30px 0px 0 25px;}
#descubre.owl-carousel .owl-item .descubre-txt h3 { font-size: 26px; line-height: 32px;}
#descubre.owl-carousel .owl-item .item::after { height: 85%;}
#descubre.owl-carousel .owl-nav { right: 60%;}

.hm-news-div { padding: 0;}
.hm-news-sec { padding: 40px 0;}
.news-lft { width: 100%; justify-content: center;}
.news-lft h2 { font-size: 32px; line-height: 36px; margin-bottom: 30px;}
.news-lft h2 span { display: inline;}
.news-box input[type="text"] { font-size: 16px;}
.news-rht { width: 100%;}

footer { padding: 40px 0 40px;}
.footer-logo ul li a img { max-width: 120px;}
.footer-logo { padding-top: 30px;}
.copy { flex: 1 1 100%; text-align: center; margin-bottom: 20px;}
.ftr-list { flex: 1 1 100%; text-align: center; margin-bottom: 20px; }
.ftr-list ul {justify-content: center;}
.ftr-social { flex: 1 1 100%; }
.ftr-social ul {justify-content: center;}


/**********PLANIFICA***********/
.inn-caption h1 { font-size: 40px; line-height: 46px;}
.inn-banner .ban-icon-div { bottom: 20px;}
.plan-cnt { padding: 30px 0 50px;}
.plan-cnt p { font-size: 24px; line-height: 36px;}
.plan-cnt ul { margin-top: 30px; row-gap: 20px;}
.plan-cnt ul li h2 { font-size: 22px; line-height: 30px; bottom: 18px;}


/******roans*******/
.raon-section .breadcrumb-sec { top: 80px; border-top: 1px solid rgba(255, 255, 255, 0.5);;}
.viewport .ban-icon-div{ top: 100px; right: 0%;}
#viewport .roans-txt h1 { font-size: 40px; line-height: 50px;}
.hm-header.roans-hdr .logo-top img.desk-logo { display: none;}
.hm-header.roans-hdr .logo-top img.mob-logo { display: block;}
.search-open .hm-header.roans-hdr .logo-top img.desk-logo { display: block;}
.search-open .hm-header.roans-hdr .logo-top img.mob-logo { display: none;}
.is-sticky .hm-header.roans-hdr .logo-top img.desk-logo { display: block;}
.is-sticky .hm-header.roans-hdr .logo-top img.mob-logo { display: none;}
.over .hm-header.roans-hdr .logo-top img.desk-logo { display: none;}
.over .hm-header.roans-hdr .logo-top img.mob-logo { display: block;}

/********contact*********/
.contact-lst { margin-bottom: 30px; column-gap: 4%; row-gap: 20px;}
.contact-sec p { margin-bottom: 30px;}
.contact-sec { padding-bottom: 40px; padding-top: 20px;}
.contact-sec h2 { font-size: 40px; line-height:46px; margin-bottom: 15px;}
.contact-lst h3 { line-height: 26px; margin-bottom: 10px;}
.ipa-visit { padding: 40px 0;}
.ipa-visit-inn h2 { font-size: 32px;  line-height: 40px; margin-bottom: 35px;}
.contact-lft, .contact-mid { flex: 0 1 48%; }
.contact-rgt { flex: 0 1 100%;}
.contact-lft p { margin-bottom: 0;}
.ipa-visit-inn > ul > li img { width: 45px;}


/********sistema*********/
.sistema-sec { padding: 20px 0 50px 0; }
.sistema-sec h2 { font-size: 40px; line-height: 46px; margin-bottom: 15px;}
.sistema-sec ul { row-gap: 15px;}
.sistema-sec ul li { padding: 20px;}
.sistema-sec ul li h3 { font-size: 22px; line-height: 28px; margin-bottom: 20px;}
.sistema-sec ul li ul { row-gap: 12px;}


/********mares*********/
.exp-ficha { padding: 20px 0 50px 0;}
.alloj-title { margin-bottom: 15px;}
.ficha-cont { padding-top: 20px; margin-bottom: 30px;}
.exp-ficha h2 { font-size: 40px; line-height: 46px; margin-bottom: 0px; }
.ficha-rgt ul li p { font-size: 16px; line-height: 24px;}
.m-t-50 { margin-top: 30px; }
.gallery-lst { padding: 40px 0 0;}
.gallery-lst h2 { font-size: 34px; line-height: 40px; margin-bottom: 20px;}
.gallery-div ul { row-gap: 15px;}
.gallery-div { margin-bottom: 30px;}

.servicios-sec { padding: 40px 0;}
.servicios-sec h2 { font-size: 34px; line-height: 40px; margin-bottom: 30px;}
.ficha-lft { width: 65%; margin-right: 0;}
.ficha-rgt { width: 32%; padding: 20px; border-radius: 8px;}

/********alojament css***********/
.santa-slider { margin-bottom: 30px;}
.ficha-cont.pad { padding-right: 0;}
.ficha-lft.lft { width: 58%; margin-right: 0;}
.ficha-rgt.rgt { width: 38%; float: right;}
.ficha-cont { margin-bottom: 35px;}
.servicios-sec ul { column-gap: 2%;}
.servicios-sec ul li { flex: 0 1 32%;}
.servicios-sec ul li a { font-family: 'Sora-Regular';}
.ficha-rgt h4 { line-height: 28px;}
.ficha-rgt ul { row-gap: 25px;}

.eventos-main-sec { padding: 50px 0;}
.eventos-main-sec h2 { font-size: 38px; line-height: 48px; padding-bottom: 25px;}
.eventos-main-sec .btn-ctr { margin-top: 40px;}

/* --------------------------------------- KV CSS ----------------------------------------- */
/* search css */
.search-main-sec {padding: 20px 0 70px;}
.search-category { width: 100%;}
.srch-main { display: flex; flex-wrap: wrap;}
.srch-main .srch-lft {width: 275px; height: 100%;}
.srch-main .srch-lft img { height: 100%; object-fit: cover;}
.srch-main .srch-rgt { width: calc(100% - 275px); padding-left: 30px; margin: 15px 0;}
.search-lst-div { padding: 0 12px; row-gap: 20px;}
.srch-main .srch-rgt h3 { font-size: 26px; line-height: 32px; padding-bottom: 10px;}
.search-main h2 {font-size: 40px; line-height: 50px; padding-bottom: 25px;}
.srch-bx {margin-bottom: 40px;}
.search-category ul {  margin-bottom: 40px;}
.srch-main .srch-rgt p {font-size: 15px; line-height: 21px;}
.search-list-sec .btn-ctr { margin-top: 50px;}
.search-category ul li a {font-size: 14px; height: 52px; border-radius: 5px; padding: 0 15px 0 15px;}
.search-category ul li a span { font-size: 12px;}

/* moverse css */
.moverse-sec {padding: 20px 0 60px;}
.moverse-main-sec h1 { font-size: 32px; line-height: 40px; padding-bottom: 30px; }
.mov-main { height: 100%;}
.mov-main .mov-img {width: 360px;}
.mov-main .mov-img img { height: 100%; object-fit: cover;}
.mov-main .mov-cnt {width: calc(100% - 360px); padding-left: 25px; padding-right: 30px; margin: 15px 0;}
.moverse-list ul li:nth-child(2n+2) .mov-main .mov-cnt {padding-right: 30px;}
.mov-main .mov-cnt h3 { font-size: 28px; line-height: 32px; padding-bottom: 15px;}
.moverse-list h2 { font-size: 28px; line-height: 42px; padding-bottom: 25px;}
.moverse-list-sec .moverse-list {padding-bottom: 30px;}
.moverse-list-sec {row-gap: 30px;}

/* clima css */
.clima-sec {padding: 20px 0 60px;}
.clima-main-sec h1 { font-size: 48px; line-height: 48px; padding-bottom: 20px; }
.clima-list { padding-top: 40px;}
.clima-list ul li { flex: 0 1 49.75%;}
.clima-btm-list {margin-top: 40px;}
.clima-btm-list ul li { flex: 0 1 48%;}
.clima-btm-list ul li .clima-ico h3 {font-size: 30px; line-height: 38px;}

/* oficinas turismo css */
.oficinas-turismo-sec {padding: 20px 0 60px;}
.oficinas-turismo-sec h1 {font-size: 40px; line-height: 50px; padding-bottom: 20px; }
.oficinas-main { display: flex; flex-wrap: wrap;}
.oficinas-main .oficinas-img { width: 360px;}
.oficinas-main .oficinas-img img { height: 100%; object-fit: cover;}
.oficinas-main .oficinas-cnt {width: calc(100% - 360px); padding-left: 25px; margin: 15px 0;}
.oficinas-main .oficinas-cnt h2 {font-size: 26px; line-height: 32px; padding-bottom: 20px;}
.oficinas-main .oficinas-cnt ul {  margin-bottom: 35px;}
.oficinas-map-main img { height: 450px; object-fit: cover;}
.oficinas-main .oficinas-cnt h2 {padding-bottom: 25px;}

/* alojamiento principal css */
.aloj-prin-sec {padding: 30px 0 60px;}
.aloj-prin-cnt {margin-bottom: 40px;}
.aloj-prin-cnt p {font-size: 28px; line-height: 36px;}
.aloj-prin-list ul li {flex: 0 1 49.5%;}
.aloj-prin-list ul li .aloj-title h3 {font-size: 28px;}
.aloj-prin-list ul li .aloj-title {padding: 0 15px 35px;}

/* alojamiento list mapa css */
.experiencias-main-sec {padding: 30px 0 60px;}
.experiencias-main-sec h1 { font-size: 45px; line-height: 50px; padding-bottom: 20px;}
.experiencias-list .btn-ctr { margin-top: 60px;}
.mob-filter { display: flex; justify-content: space-between; padding: 0 15px; column-gap: 15px;}
.mob-title-filter{ display: block;}
.grid-view-list { width: calc(100% + 24px); margin-left: -12px; margin-right: -12px; padding: 15px 0; margin-bottom: 25px; border-top: 1px solid #C7C7C7; border-bottom: 1px solid #C7C7C7; }
.grid-view-list .search-category { display: none;}
.grid-view-list.open .search-category { display: block; width: 100%; padding: 0 12px; margin-top: 10px;}
.agenda-mob-list { float: left; width: calc(100% + 24px); margin-left: -12px; margin-right: -12px; padding: 15px 0; margin-bottom: 25px; border-top: 1px solid #C7C7C7; border-bottom: 1px solid #C7C7C7; }
.agenda-mob-list .search-category { display: none;}
.agenda-mob-list.open .search-category { display: block; width: 100%; padding: 0 12px; margin-top: 10px;}
.agenda-mob-list .search-category ul { column-gap: 8px; row-gap: 8px; padding-bottom: 0; margin-bottom: 0; border-bottom: none;}
.agenda-mob-list .agenda-main-lft { display: none;}
.agenda-mob-list.open .agenda-main-lft { float: left; display: block; width: 100%; padding: 0 12px; margin-top: 20px;}
.fav-lst ul {row-gap: 40px;}
.fav-lst ul li {flex: 0 1 48.5%;}
.fav-lst ul li .hotel-star {padding-bottom: 10px;}
.fav-lst ul li .fav-cnt {padding-top: 15px;}
.fav-lst ul li .fav-cnt h5 {font-size: 26px; line-height: 30px; padding-bottom: 15px;}
.fav-lst ul li .fav-cnt h3 {font-size: 26px; line-height: 30px;}
.view-content-map { overflow-x: auto;}
.view-tab { width: auto;}
.view-map {width: 1000px;}

/* informacion css */
.clima-cnt-sec {padding: 30px 0 0; row-gap: 30px;}
.clima-cnt-para h3 { font-size: 32px; line-height: 42px; padding-bottom: 10px;}
.servicios-sanitarios { row-gap: 30px; padding-top: 45px;}
.servicios-sanitarios .ser-lft { flex: 0 1 100%;}
.servicios-sanitarios .ser-mid { flex: 0 1 50%; padding-left: 0;}
.servicios-sanitarios .ser-rgt { flex: 0 1 50%; padding-left: 50px;}
.servicios-sanitarios h4 {font-size: 22px; line-height: 28px; padding-bottom: 10px;}
.servicios-sanitarios h3 { font-size: 32px; line-height: 38px; padding-bottom: 25px;}

/* agenda css */
.agenda-main-sec {padding: 30px 0 60px;}
.agenda-main .agenda-main-rgt { flex: 0 1 100%;}
.agenda-main-sec h1 { font-size: 45px; line-height: 50px; padding-bottom: 20px;}
.agenda-main-rgt .fav-lst ul { row-gap: 40px;}
.agenda-main-sec .btn-ctr { margin-top: 50px;}

/* favoritos css */
.favoritos-main-sec {padding: 30px 0 50px;}
.fav-title h1 { font-size: 45px; line-height: 50px; padding-bottom: 20px;}
.fav-main-list .controls {row-gap: 15px; justify-content: center; padding-bottom: 35px; margin-bottom: 35px;}
.fav-title { row-gap: 30px; margin-bottom: 30px;}
.fav-title .fav-lft { width: 100%; padding-right: 0px;}
.fav-title .fav-rgt { width: 100%;}
.fav-list h2 {font-size: 36px; line-height: 42px; padding-bottom: 25px;}
.fav-list .container {row-gap: 50px;}
.fav-list .container .mix {padding-bottom: 50px;}
.fav-list .des-btn { margin-top: 50px;}
.fav-title ul {column-gap: 35px;}

/* informes css */
.informes-main-list .search-category ul { padding-bottom: 35px; margin-bottom: 35px;}
.informes-table table tr td {padding: 15px; font-size: 16px; line-height: 24px;}
.informes-table table tr td .pdf-ico p {background: url("../images/doc-ico.svg") no-repeat scroll left top 2px; font-size: 16px; line-height: 26px;}
.informes-list .btn-ctr { margin-top: 50px;}

.experiencias-main-list .search-category ul { row-gap: 10px;}

.search-results h4 { font-size: 32px; line-height: 38px; letter-spacing: normal; padding-bottom: 20px;}
.search-results ul li h3 {font-size: 24px; line-height: 32px; letter-spacing: normal; padding-bottom: 15px;}

}

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

.m-menu { display: block; order: 3;}
.over header { background: #28166F;} 
.over .logo-top img.desk-logo { display: none;}
.over .logo-top img.mob-logo { display: block;}

header .row { width: 100%;}
.logo-top { width: 110px;}
.menu-wrap { display: none;}
.search-list ul li.in-heart { display: none;}
.head-rgt .select-lang { display: none;}
.search-list { order: 2; border-right: 1px solid rgba(0, 0, 0, 0.5); border-left: none;}
.hm-header .search-list, .is-sticky .hm-header .search-list { order: 2; border-left: none; border-right: 1px solid rgba(255, 255, 255, 0.3);}
.hm-header .weather { order: 1;  padding-left: 0; height: 28px; border-right: 1px solid rgba(255, 255, 255, 0.3);  padding-right: 15px;}
.hm-header .weather p, .weather p { font-size: 13px;}
.weather { padding-left: 0;  height: 28px; padding-right: 15px;}

.search-list ul li a { width: 28px; height: 28px;}
.is-sticky .search-list, .is-sticky .hm-header .search-list { border-right: 1px solid rgba(0, 0, 0, 0.5);}

.fixed-header-search { height: calc(100vh - 78px);}
.site-search { padding: 80px 0;}
.site-search__div h2 { font-size: 36px; line-height: 44px;}
.search-box { width: 100%;}
.search-box input[type="text"] { height: 55px; padding: 0 45px 0px 15px;}
.submit-ar { right: 10px;}
.cercar-filter-div { margin-bottom: 20px;}
.search-tags ul { row-gap: 10px; justify-content: center;}
.search-tags ul li { flex: 0 1 auto;}
.search-tags ul li a { font-size: 14px;}


#slick-1 .ban-slider-controls { bottom: 20px; left: 0%;}
#slick-1 .slick-dots { bottom: 35px; right: 14%;}
#slick-1 .ban-icon-div { bottom: 20px; right: 0%;}
.banner-txt h1 { font-size: 42px; line-height: 46px; margin-bottom: 30px;}
.slick-slide img { height: 580px; object-fit: cover;}
.banner-txt { padding: 0 10px; }



/*******home css*********/
.experience-sec { padding: 30px 0 40px;}
.experience-sec h2 { font-size: 28px; line-height: 34px; margin-bottom: 20px; text-align: center;}
.exp-carousel.owl-carousel .owl-nav { top: -110px;}
#experience-mobile { display: block;}

.exp-tab, .exp-main { display: none;}
.grid { grid-auto-rows: 10px; grid-gap: 16px;}
.grid .exp-txt h3 { font-size: 24px; line-height: 28px;}
.grid .exp-txt { margin-top: 14px;}

.des-cap { padding: 20px;}
.desc-btm h2 { font-size: 24px; line-height: 30px; margin-bottom: 20px;}
.desc-btm span { font-size: 14px;}
.des-cap p { font-size: 14px;}

.planifica-sec { padding: 190px 0 50px 0;}
.planifica-sec h2 { font-size: 28px; line-height: 34px; margin-bottom: 20px; text-align: center;}
.planifica-sec ul { row-gap: 10px;}
.planifica-sec ul li  { flex: 1 1 49%;}
.planifica-sec ul li a { padding: 15px; height: 150px;}
.planifica-sec ul li a p { font-size: 18px;}
.planifica-sec ul li a img { margin-bottom: 20px;}
.planifica-sec::after { width: 110px; height: 80px; background-size: cover; display: none;}
.planifica-sec::before { display: none;}
.planeau-sec::after { display: none;}

.menjores-sec { padding: 40px 0 50px;}
.menjores-sec h2 { font-size: 28px; line-height: 34px; margin-bottom: 30px;}
#menjores.owl-carousel .owl-item .item a p { font-size: 22px; line-height: 28px; bottom: 20px;}
#menjores.owl-carousel .owl-dots { margin-top: 35px;}
#menjores.owl-carousel .owl-nav { margin-top: 35px;}
.menjores-btn { margin: 30px auto 0;}
#menjores.owl-carousel .owl-dot:first-child { margin-left: 0;}

.sitros-rht h2 { font-size: 28px; line-height: 34px; margin-bottom: 20px; text-align: center;}
#sitios.owl-carousel .owl-item .sitios-txt h3 { font-size: 22px; line-height: 26px;}
#sitios.owl-carousel .owl-item .sitios-txt { margin-top: 12px;}
#sitios.owl-carousel .owl-nav { top: auto;  bottom: auto; float: right; position: relative; margin-top: 0;}
.sitros-sec::after { right: -10px; width: 170px; height: 120px; background-size: cover; display: none;}
.sitros-div { align-items: inherit;}
.sitros-rht { padding-bottom: 40px; width: 100%; order: 1; padding-left: 0;}
.sitros-lft { width: 100%; order: 2;}
#sitios.owl-carousel .owl-stage { padding-left: 80px !important; }
.sitros-sec .menjores-btn { width: 100%;}
.sitros-sec .menjores-btn a { max-width: 250px; padding: 8px 20px;}
#sitios.owl-carousel .owl-dots { position: relative; bottom: auto; margin-top: 0;}
#sitios.owl-carousel .owl-dot:first-child { margin-left: 0;}
#sitios.owl-carousel .owl-stage-outer { margin-bottom: 25px;}

.plana-cap { padding: 0 10px;}
.plana-cap h2 { font-size: 36px; line-height: 42px;}
.plana-cap p { margin-bottom: 30px; font-family: 'SFProDisplay-Regular';}
.planeau-sec img { height: 400px; object-fit: cover; }
.plana-cap p br { display: none;}

.opciones-sec { padding: 30px 0;}
.opciones-sec h2 { font-size: 28px; line-height: 34px; margin-bottom: 10px;}
.opciones-sec p { margin-bottom: 20px;}
.opciones-sec p br { display: none;}
.opciones-sec ul { row-gap: 10px;}
.opciones-sec ul li { flex: 1 1 100%;}
.opciones-sec ul li a { padding: 20px; min-height: auto; display: flex;  align-items: center;  justify-content: space-between;}
.opciones-sec ul li a p { font-size: 20px; width: calc(100% - 65px); float: right;}
.opciones-sec ul li a img { margin-bottom: 0px; height: auto; float: left;}
.opciones-btn a { font-size: 14px;}
.opciones-btn { margin-top: 30px;}

.actividades-sec { padding: 40px 0 0;}
.actividades-sec h2 { font-size: 32px; line-height: 36px; text-align: center;}
.act-carousel.owl-carousel .owl-item .act-txt p { font-size: 14px;}
.act-carousel.owl-carousel .owl-item .act-txt h3 { font-size: 22px; line-height: 28px; margin-top: 10px;}
.act-carousel.owl-carousel .owl-nav { top: -115px;}
.actividades-tab, .actividades-main { display: none;}

#mob-actividades { display: block;}

.activtas-sec { padding: 50px 0; overflow: hidden;}
.descubre-sec { width: calc(100% + 24px); margin-left: -12px; margin-right: -12px;}
#descubre.owl-carousel .owl-item .item { padding: 30px 20px 0 20px; text-align: center;}
#descubre.owl-carousel .owl-item .descubre-txt h3 { font-size: 26px; line-height: 34px; text-align: center;}
#descubre.owl-carousel .owl-item .item::after { height: 85%; width: 100%;}
#descubre.owl-carousel .owl-item .descubre-txt { width: 100%; margin-bottom: 30px;}
#descubre.owl-carousel .owl-nav { margin-right: 15px; float: right; position: relative; right: auto; bottom: auto;}
#descubre.owl-carousel .owl-item .item::before { display: none;}
#descubre.owl-carousel .owl-item .descubre-img { width: 100%;}
#descubre.owl-carousel .owl-dots { position: relative; bottom: auto; margin-left: 15px;} 
#descubre.owl-carousel .owl-stage-outer { margin-bottom: 20px;}

.hm-news-div { padding: 0;}
.hm-news-sec { padding: 40px 0;}
.news-lft { width: 100%; justify-content: center;}
.news-lft h2 { font-size: 30px; line-height: 36px; margin-bottom: 30px; text-align: center;}
.news-lft h2 span { display: inline;}
.news-box input[type="text"] { font-size: 16px;}
.news-rht { width: 100%;}

footer { padding: 30px 0 30px;}
.footer-logo ul li a img { max-width: 100px;}
.footer-logo { padding-top: 20px; margin-top: 20px;}
.copy { flex: 1 1 100%; text-align: center; margin-bottom: 20px;}
.ftr-list { flex: 1 1 100%; text-align: center; margin-bottom: 20px; }
.ftr-list ul {justify-content: center;}
.ftr-social { flex: 1 1 100%; }
.ftr-social ul {justify-content: center;}
.check-rht ul li .frm-input.checkbox label { font-size: 13px;}


/**********PLANIFICA***********/
.inn-banner img { height: 180px; object-fit: cover; object-position: 24% center;}
.inn-caption h1 { font-size: 32px; line-height: 40px;}
.inn-banner .ban-icon-div { bottom: 12px; background: rgba(0,0,0,0.3); width: 36px; height: 36px;}
.plan-cnt { padding: 20px 0 40px;}
.plan-cnt p { font-size: 18px; line-height: 28px;}
.plan-cnt ul { margin-top: 20px; row-gap: 15px;}
.plan-cnt ul li { flex: 0 1 49%; }
.plan-cnt ul li h2 { font-size: 22px; line-height: 30px; bottom: 18px;}


/******roans*******/
.raon-section .breadcrumb-sec { top: 80px; border-top: 1px solid rgba(255, 255, 255, 0.5);}
.viewport .ban-icon-div{ top: 100px; right: 0%; display: none;}
#viewport .roans-txt h1 { font-size: 38px; line-height: 46px; padding: 0 15px;}
#viewport .roans-txt h1 br { display: none;}
.full-height { padding: 0;}
a.triangle-white { width: 75px; height: 75px; background-size: cover;}
.hm-header.roans-hdr .logo-top img.desk-logo { display: none;}
.hm-header.roans-hdr .logo-top img.mob-logo { display: block;}
.search-open .hm-header.roans-hdr .logo-top img.desk-logo { display: block;}
.search-open .hm-header.roans-hdr .logo-top img.mob-logo { display: none;}
.is-sticky .hm-header.roans-hdr .logo-top img.desk-logo { display: block;}
.is-sticky .hm-header.roans-hdr .logo-top img.mob-logo { display: none;}
.over .hm-header.roans-hdr .logo-top img.desk-logo { display: none;}
.over .hm-header.roans-hdr .logo-top img.mob-logo { display: block;}


/********contact*********/
.contact-lst { margin-bottom: 20px; column-gap: 0%; row-gap: 25px;}
.contact-sec p { margin-bottom: 20px; line-height: 24px;}
.contact-sec p br { display: none;}
.contact-sec { padding-bottom: 30px; padding-top: 10px;}
.contact-sec h2 { font-size: 30px; line-height:36px; margin-bottom: 15px;}
.contact-lst h3 { line-height: 26px; margin-bottom: 10px; font-size: 20px;}
.ipa-visit { padding: 35px 0;}
.ipa-visit-inn h2 { font-size: 28px; line-height: 32px; margin-bottom: 30px; width: 100%;  text-align: center;}
.contact-lft, .contact-mid { flex: 1 1 100%; }
.contact-rgt { flex: 0 1 100%;}
.contact-lft p { margin-bottom: 0;}
.lpavisit-social ul li img { width: 45px; float: none;}
.contact-sec .map img { height: 350px; object-fit: cover;}
.ipa-list ul { column-gap: 2%; row-gap: 8px;}
.ipa-list ul li { flex: 1 1 49%;}
.ipa-visit-inn ul { position: relative; justify-content: center; width: 100%;}
.lpavisit-social { float: left; width: 100%; margin-top: 30px;}


/********sistema*********/
.sistema-sec { padding: 10px 0 40px 0; }
.sistema-sec h2 { font-size: 30px; line-height: 36px; margin-bottom: 15px;}
.sistema-sec ul { row-gap: 15px;}
.sistema-sec ul li { padding: 20px; flex: 0 1 49%;}
.sistema-sec ul li h3 { font-size: 20px; line-height: 26px; margin-bottom: 20px;}
.sistema-sec ul li ul { row-gap: 12px;}
.sistema-sec p br { display: none;}
.sistema-sec p { margin-bottom: 20px; line-height: 24px;}


/********mares*********/
.exp-ficha { padding: 10px 0 30px 0;}
.alloj-title { margin-bottom: 10px;}
.ficha-cont { padding-top: 20px; margin-bottom: 30px;}
.exp-ficha h2 { font-size: 30px; line-height: 36px;  }
.exp-ficha p { font-size: 16px; margin-bottom: 15px; line-height: 24px;}
.ficha-rgt ul li p { font-size: 16px; line-height: 24px;}
#festas-list .owl-nav { display: none;}
#festas-list .owl-dots { bottom: 10px; left: 0; right: 0;}
.m-t-50 { margin-top: 30px;}
.gallery-lst { padding: 30px 0 0;}
.gallery-lst h2 { font-size: 28px; line-height: 36px; margin-bottom: 20px;}
.gallery-div ul { row-gap: 8px;}
.gallery-div { margin-bottom: 30px;}
.gallery-div ul li { flex: 0 1 49%; }
.gallery-div ul li .actv-img.video-pop::before { width: 52px; height: 52px;}

.servicios-sec { padding: 30px 0;}
.servicios-sec h2 { font-size: 28px; line-height: 36px; margin-bottom: 20px;}
.servicios-sec ul { column-gap: 2%; row-gap: 18px;}
.servicios-sec ul li { flex: 0 1 49%;}
.servicios-sec ul li a { font-family: 'Sora-Regular'; letter-spacing: normal; line-height: 22px; align-items: flex-start; font-size: 15px;}
.servicios-sec ul li a span img { max-width: none;}
.ficha-lft { width: 100%; margin-right: 0;}
.ficha-rgt { width: 100%; padding: 20px; border-radius: 8px; margin-top: 30px;}
.ficha-rgt ul { row-gap: 25px;}

.gallery-map img { height: 330px; object-fit: cover;}

.eventos-main-sec {padding: 30px 0 40px;}
.eventos-main-sec h2 {font-size: 32px; line-height: 42px; padding-bottom: 20px;}
.eventos-main-sec .btn-ctr { margin-top: 30px;}

/********alojament css***********/
.santa-slider { margin-bottom: 30px;}
.ficha-cont.pad { padding-right: 0;}
.ficha-lft.lft { width: 100%; margin-right: 0;}
.ficha-rgt.rgt { width: 100%; float: right;}
.ficha-cont { margin-bottom: 25px;}
.ficha-rgt h4 { line-height: 28px; }
#festas-list.owl-carousel .owl-item .ban-icon-div, .ficha-lft .owl-carousel .owl-item .ban-icon-div { display: none;}
.ipa-visit.hm-lpavisit { border-top: 5px solid rgba(0, 0, 0, 0.1);}

/* --------------------------------------- KV CSS ----------------------------------------- */
/* breadcrumb css */
.breadcrumb-sec .row { padding: 0;}
.breadcrumb-sec ul { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; justify-content: left; padding: 0 12px;}
.breadcrumb-sec ul li {float: none; display: inline-block; white-space: nowrap;}

/* search css */
.search-main-sec {padding: 10px 0 50px;}
.srch-bx { margin-bottom: 25px;}
.srch-main-bx { float: left; width: 100%;}
.search-main h2 { font-size: 30px; line-height: 40px; padding-bottom: 20px;}
.srch-bx input[type="text"] { font-size: 14px; height: 58px; padding: 0 45px 0 25px;}
.srch-bx input[type="submit"] {right: 10px; top: 15px;}
.search-list-sec .search-category { width: calc(100% + 24px); margin-left: -12px; margin-right: -12px;}
.search-list-sec .search-category ul {column-gap: 10px; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; justify-content: left; padding: 0 12px; margin-bottom: 30px; border-bottom: none;}
.search-list-sec .search-category ul li {float: none; display: inline-block; white-space: nowrap;}
.search-list-sec .search-category ul li a span { display: none;}
.search-list-sec .search-category ul li a { font-size: 14px; height: 34px; padding: 0 10px; border-radius: 5px; border: none;}
.search-list-sec .search-category ul li a:hover { border: none; background: none; color: #28166F;}
.search-list-sec .search-category ul li a.active { border: none;}
.search-list-sec .search-category ul li a.active:hover { background: #28166F; color: #FFFFFF; border: none;}
.search-lst-div { padding: 0; row-gap: 15px;}
.srch-main { display: flex; flex-wrap: wrap;}
.srch-main .srch-lft { width: 120px; height: 120px;}
.srch-main .srch-lft img { height: 100%; object-fit: cover;}
.srch-main .srch-rgt { width: calc(100% - 120px); padding-left: 15px; margin-top: 0px;}
.srch-main .srch-rgt p { display: none;}
.srch-main .srch-rgt h3 { font-size: 20px; line-height: 26px; padding-bottom: 0;}
.srch-main .srch-rgt h4 {font-size: 14px; line-height: 18px;}
.search-list-sec .btn-ctr { margin-top: 40px;}
a.car-btn {padding: 0 45px; font-size: 14px;}

/* moverse css */
.moverse-sec { padding: 10px 0 50px; }
.moverse-main-sec h1 { font-size: 30px; line-height: 40px; padding-bottom: 25px;}
.moverse-list h2 {font-size: 24px; line-height: 32px; padding-bottom: 20px;} 
.mov-main { height: 100%;}
.mov-main .mov-img { width: 100%;}
.mov-main .mov-cnt { width: 100%; padding-left: 0; padding-right: 0px; margin-top: 20px;}
.moverse-list ul li:nth-child(2n+2) .mov-main .mov-img { order: inherit; }
.moverse-list ul li:nth-child(2n+2) .mov-main .mov-cnt { padding-right: 0;}
.mov-main .mov-cnt h3 { font-size: 28px; line-height: 28px; padding-bottom: 15px;}
.mov-main .mov-cnt p { font-size: 14px; line-height: 22px; padding-bottom: 10px;}
.mov-main .mov-cnt .mov-lnk a { font-size: 14px;}
.mov-main .mov-cnt .mov-lnk {row-gap: 2px;}
.moverse-list-sec .moverse-list {padding-bottom: 30px;}
.moverse-list-sec {row-gap: 25px;}
.mov-main .mov-cnt .mov-lnk a.ver-btn {margin-top: 15px; padding: 0 30px;   font-size: 14px;}

/* clima css */
.clima-sec {padding: 10px 0 50px;}
.clima-list { padding-top: 30px;}
.clima-main-sec h1 { font-size: 45px; line-height: 50px; padding-bottom: 20px;}
.clima-main-sec p { font-size: 16px; line-height: 24px; }
.clima-list ul li { display: none;}
.clima-list ul li:nth-child(2) { display: block; flex: 0 1 100%;}
.clima-list ul li .weather-ico {padding: 30px 15px; border-radius: 5px;}
.clima-list ul li .weather-ico .weather-cnt-mob { display: flex; flex-wrap: wrap;}
.clima-list ul li .weather-cnt .weather-mob-img { width: 118px;}   
.clima-list ul li .weather-cnt .weather-cnt-mob h3 { float: left; width: auto; width: calc(100% - 118px); padding-bottom: 0; font-size: 52px; line-height: 60px;}
.clima-list ul li .weather-cnt h4 {font-size: 20px; line-height: 28px;}
.clima-list ul li .weather-cnt h3 span {font-size: 18px; line-height: 26px;}
.clima-btm-list {margin-top: 45px;}
.clima-btm-list ul li {flex: 0 1 48%;}
.clima-btm-list ul li .clima-ico {padding-bottom: 10px;}
.clima-btm-list ul li .clima-ico h3 {font-size: 28px; line-height: 42px;}
.clima-btm-list ul li .clima-cnt p {font-size: 14px; line-height: 22px;}
.clima-mob-slide { display: block;}

/* oficinas turismo css */
.oficinas-turismo-sec {padding: 10px 0 50px;}
.oficinas-turismo-sec h1 { font-size: 45px; line-height: 50px; padding-bottom: 20px;}
.oficinas-main .oficinas-img { width: 100%;}
.oficinas-main .oficinas-cnt { width: 100%; padding-left: 0px; margin-top: 15px;}
.oficinas-main .oficinas-cnt h2 { font-size: 24px; line-height: 30px; padding-bottom: 15px;}
.oficinas-main .oficinas-cnt ul {row-gap: 10px; margin-bottom: 0px;}
.oficinas-main .oficinas-cnt .sab-mas { display: none;}
.oficinas-map-main img { height: 542px; object-fit: cover;}

/* alojamiento principal css */
.aloj-prin-sec { padding: 25px 0 40px;}
.aloj-prin-cnt {padding-right: 0px; margin-bottom: 30px;}
.aloj-prin-cnt p {font-size: 24px; line-height: 34px;}
.aloj-prin-list ul li { flex: 0 1 49.5%;}
.aloj-prin-list ul li .aloj-title h3 {font-size: 24px; line-height: 28px;}
.aloj-prin-list ul li .aloj-title {padding: 0 10px 25px;}

/* alojamiento list mapa css */
.experiencias-main-sec {padding: 10px 0 40px;}
.experiencias-main-sec h1 { font-size: 45px; line-height: 50px; padding-bottom: 20px;}
.experiencias-list .btn-ctr {margin-top: 40px;}
.mob-filter { display: flex; justify-content: space-between; padding: 0 15px; column-gap: 15px;}
.mob-title-filter{ display: block;}
.grid-view-list { width: calc(100% + 24px); margin-left: -12px; margin-right: -12px; padding: 15px 0; margin-bottom: 25px; border-top: 1px solid #C7C7C7; border-bottom: 1px solid #C7C7C7; }
.grid-view-list .search-category { display: none;}
.grid-view-list.open .search-category { display: block; width: 100%; padding: 0 12px; margin-top: 10px;}
.grid-view-list .search-category ul { column-gap: 8px; row-gap: 8px;}
.grid-view-list .search-category ul li a {font-size: 13px; line-height: 21px; height: 45px; padding: 0 15px 0 15px; border-radius: 5px; letter-spacing: normal;}
.grid-view-list .search-category ul li a span {font-size: 12px;}
.fav-lst ul {row-gap: 30px;}
.fav-lst ul li {flex: 0 1 48.5%;}
.fav-lst ul li .fav-cnt { padding-top: 15px;}
.fav-lst ul li .hotel-star {padding-bottom: 10px;}
.fav-lst ul li .fav-cnt h5 {font-size: 24px; line-height: 32px; padding-bottom: 10px;}
.fav-lst ul li .fav-cnt h3 { font-size: 24px; line-height: 32px; padding-bottom: 10px;}
.fav-lst ul li .fav-cnt h4 {font-size: 14px; line-height: 20px;}
.fav-lst ul li .fav-cnt .evt-cat { padding-bottom: 5px;}
.agenda-mob-list { float: left; width: calc(100% + 24px); margin-left: -12px; margin-right: -12px; padding: 15px 0; margin-bottom: 25px; border-top: 1px solid #C7C7C7; border-bottom: 1px solid #C7C7C7; }
.agenda-mob-list .search-category { display: none;}
.agenda-mob-list.open .search-category { display: block; width: 100%; padding: 0 12px; margin-top: 10px;}
.agenda-mob-list .search-category ul { column-gap: 8px; row-gap: 8px; padding-bottom: 0; margin-bottom: 0; border-bottom: none;}
.agenda-mob-list .search-category ul li a {font-size: 13px; line-height: 21px; height: 45px; padding: 0 15px 0 15px; border-radius: 5px; letter-spacing: normal;}
.agenda-mob-list .search-category ul li a span {font-size: 12px;}
.view-content-map { overflow-x: auto;}
.view-tab { width: auto;}
.view-map {width: 1000px;}

/* informacion css */
.clima-cnt-sec {row-gap: 20px; padding: 20px 0 0;} 
.clima-list.info-list ul li:nth-child(2) { display: none;}
.servicios-sanitarios {padding-top: 0px; row-gap: 30px;}
.clima-cnt-para h3 {font-size: 32px; line-height: 40px; padding-bottom: 10px;}
.servicios-sanitarios .ser-lft {flex: 0 1 100%;}
.servicios-sanitarios .ser-mid {flex: 0 1 100%; padding-left: 0;}
.servicios-sanitarios .ser-rgt { flex: 0 1 100%; padding-left: 0;}
.servicios-sanitarios h3 { font-size: 30px; line-height: 40px; padding-bottom: 15px;}
.servicios-sanitarios p { font-size: 18px; line-height: 24px; }
.servicios-sanitarios h4 {font-size: 20px; line-height: 28px; padding-bottom: 10px;}
.ser-lst ul { margin-bottom: 25px;}
.ser-lst ul li a {font-size: 14px; line-height: 24px;}
.mob-lft-filter { display: block;}
.agenda-mob-list .agenda-main-lft { display: none; flex: 0 1 100%;}
.agenda-mob-list.open .agenda-main-lft { float: left; display: block; width: 100%; padding: 0 12px; margin-top: 20px;}
.agenda-main .agenda-main-rgt { flex: 0 1 100%;}
.srch-bx-lst {margin-bottom: 20px;}
ul.filter-lst {margin-bottom: 20px;}

/* agenda css */
.agenda-main-sec {padding: 10px 0 40px;}
.agenda-main-sec h1 { font-size: 45px; line-height: 50px; padding-bottom: 20px;}
.agenda-main-rgt .fav-lst ul { row-gap: 20px;}
.agenda-main-sec .btn-ctr {margin-top: 40px;}
.agenda-main-lft h2 {font-size: 14px; line-height: 22px;}
.srch-bx-lst input[type="text"] {height: 50px; padding: 15px 55px 15px 15px;}
.srch-bx-lst button.srch-btn { width: 42px; height: 42px;}
ul.filter-lst li a {font-size: 12px;}

/* favoritos css */
.favoritos-main-sec { padding: 10px 0 40px;}
.fav-title { row-gap: 20px; margin-bottom: 30px;}
.fav-title h1 { font-size: 45px; line-height: 50px; padding-bottom: 15px;}
.fav-title .fav-lft {width: 100%; padding-right: 0px;}
.fav-title .fav-rgt { width: 100%;}
.fav-title ul li a {font-size: 14px;}
.fav-main-list { width: 100%;}
.fav-main-list .controls { width: calc(100% + 24px); margin-left: -12px; margin-right: -12px; column-gap: 10px; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; justify-content: left; padding: 0 12px; margin-bottom: 30px; border-bottom: none;}
.fav-main-list .controls button.filter {float: none; display: inline-block; white-space: nowrap;  font-size: 14px; height: 34px; padding: 0 10px; border-radius: 5px; border: none;}
.fav-main-list .controls button.filter span { display: none;}
.fav-main-list .controls button.filter:hover { border: none; background: none; color: #28166F;}
.fav-main-list .controls button.filter.active { border: none;}
.fav-main-list .controls button.filter.active:hover { background: #28166F; color: #FFFFFF; border: none;}
.fav-list h2 { font-size: 32px; line-height: 38px; padding-bottom: 20px;}
.fav-list .container {row-gap: 30px;}
.fav-list .container .mix {padding-bottom: 30px;}
.fav-list .des-btn { margin-top: 40px;}
.fav-title ul {column-gap: 15px;}

/* informes css */
.informes-main-list .search-category { width: calc(100% + 24px); margin-left: -12px; margin-right: -12px;}
.informes-main-list .search-category ul {column-gap: 10px; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; justify-content: left; padding: 0 12px; margin-bottom: 20px; border-bottom: none;}
.informes-main-list .search-category ul li {float: none; display: inline-block; white-space: nowrap;}
.informes-main-list .search-category ul li a span { display: none;}
.informes-main-list .search-category ul li a { font-size: 14px; height: 34px; padding: 0 10px; border-radius: 5px; border: none;}
.informes-main-list .search-category ul li a:hover { border: none; background: none; color: #28166F;}
.informes-main-list .search-category ul li a.active { border: none;}
.informes-main-list .search-category ul li a.active:hover { background: #28166F; color: #FFFFFF; border: none;}
.informes-table table tr td {display: block; padding: 0 15px; font-size: 14px; line-height: 26px;}
.informes-table table tr td:first-child { padding-top: 20px;}
.informes-table table tr td:last-child { padding-bottom: 20px;}
.informes-table table tr td .pdf-ico p { background: url("../images/doc-ico.svg") no-repeat scroll left top 2px; padding-left: 30px; font-size: 16px; line-height: 22px; padding-bottom: 10px;}
.informes-table table tr td a.pdf-dwl { font-size: 14px;}
.informes-list .btn-ctr { margin-top: 30px;}

.page-mnhght { min-height: inherit;}

.search-results h4 { font-size: 28px; line-height: 32px; letter-spacing: normal; padding-bottom: 15px;}
.search-results ul li h3 {font-size: 22px; line-height: 30px; letter-spacing: normal; padding-bottom: 10px;}
.search-results ul li p { font-size: 14px; line-height: 22px;}

}

/* Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:639px) {

.destactos-sec ul { row-gap: 15px;}
.destactos-sec ul li { flex: 1 1 100%;}
.menjores-btn { position: relative; margin: 30px 0 0 0; width: 100%; text-align: center;}
.menjores-btn a { max-width: 250px; padding: 8px 20px;}
#menjores.owl-carousel .owl-dots { margin-top: 25px;}
#menjores.owl-carousel .owl-nav { margin-top: 25px;}
#sitios.owl-carousel .owl-stage { padding-left: 30px !important; }
#mob-actividades ul li { flex: 1 1 100%;}


/* --------------------------------------- KV CSS ----------------------------------------- */
/* oficinas turismo css */
.oficinas-turismo-sec h1 { font-size: 32px; line-height: 42px; padding-bottom: 15px;}

/* clima css */
.clima-main-sec h1 { font-size: 32px; line-height: 42px; padding-bottom: 15px;}

/* alojamiento list mapa css */
.experiencias-main-sec h1 { font-size: 32px; line-height: 42px;}
.fav-lst ul li {flex: 0 1 100%;}

/* agenda css */
.agenda-main-rgt .fav-lst ul li { flex: 0 1 100%;}
.agenda-main-sec h1 { font-size: 32px; line-height: 42px; padding-bottom: 15px;}

/* favoritos css */
.fav-title h1{ font-size: 32px; line-height: 42px; padding-bottom: 10px;}

.ficha-rgt ul {row-gap: 20px;}

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:479px) {

.banner-txt h1 br { display: none;}
#sitios.owl-carousel .owl-stage { padding-left: 40px !important; }

/**********PLANIFICA***********/
.plan-cnt ul { row-gap: 10px;}
.plan-cnt ul li { flex: 1 1 100%;}
.plan-cnt ul li img { height: 120px; object-fit: cover;}
.plan-cnt ul li h2 { bottom: auto; top: 50%; transform: translateY(-50%); font-size: 20px; line-height: 28px;}
.plan-cnt ul li a::after { height: 100%;}

/********sistema*********/
.sistema-sec ul { row-gap: 10px;}
.sistema-sec ul li { flex: 1 1 100%;}
.gallery-div ul li .actv-img.video-pop::before { width: 42px; height: 42px;}

/* --------------------------------------- KV CSS ----------------------------------------- */
.breadcrumb-sec ul li {font-size: 13px; letter-spacing: normal;}

/* search css */
.srch-main .srch-rgt h3 { font-size: 18px; line-height: 24px;}

/* moverse css */
.moverse-main-sec h1 { font-size: 28px; line-height: 38px; padding-bottom: 15px;}
.mov-main .mov-cnt h3 { font-size: 22px; line-height: 28px; padding-bottom: 10px;}

/* clima css */
.clima-btm-list ul {row-gap: 20px;}
.clima-btm-list ul li {flex: 0 1 100%;}
.clima-cnt-para h3 { font-size: 24px; line-height: 32px;}
.clima-btm-list ul li .clima-ico h3 { font-size: 24px; line-height: 32px;}
.servicios-sanitarios h3 { font-size: 26px; line-height: 32px;}
.servicios-sanitarios h4 { font-size: 18px; line-height: 24px;}

/* oficinas turismo css */
.oficinas-turismo-sec h1 { font-size: 28px; line-height: 38px;}

/* alojamiento principal css */
.aloj-prin-cnt p {font-size: 20px; line-height: 30px;}
.aloj-prin-list ul li { flex: 0 1 100%;}

/* alojamiento list mapa css */
.experiencias-list .btn-ctr {margin-top: 30px;}

/* agenda css */
.agenda-main-sec .btn-ctr { margin-top: 20px;}

/* favoritos css */
.fav-lst ul { row-gap: 25px;}
.fav-list .des-btn { margin-top: 20px;}
.fav-lst ul li .fav-cnt h3 { font-size: 20px; line-height: 28px;}
.fav-lst ul li .fav-cnt h5 { font-size: 20px; line-height: 28px;}
.fav-title p {font-size: 15px; line-height: 24px;}

.eventos-main-sec h2 {font-size: 28px; line-height: 38px; padding-bottom: 15px;}
}

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

/******roans*******/
#viewport .roans-txt h1 { font-size: 32px; line-height: 40px; margin-bottom: 25px;}

.oficinas-turismo-sec h1 { font-size: 24px; line-height: 34px;}
.oficinas-main .oficinas-cnt h2 { font-size: 20px; line-height: 30px; padding-bottom: 10px;}

}

@media screen and (max-width:319px) {
.planifica-sec ul li a p { font-size: 16px;}
}