@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 (min-width: 1920px){

}

@media only screen and (min-width:1366px) and (max-width:1400px) {
body{ overflow-x:hidden;}

}

@media only screen and (max-width: 1280px) {
body{ overflow-x:hidden;}

}

@media screen and (min-width:1024px) and (max-width:1279px) {
img {max-width:100%;}
.row, .row1, .row2 { width:1000px;}

/* header css */
.cbp-hrmenu > ul > li {padding: 0px 10px;}
.top-rgt {column-gap: 30px;}
.logo { width: 147px;}
.top-rgt > div {column-gap: 20px;}

/* inner banner css */
.inr-ban-cnt h1 {font-size: 62px; line-height: 72px;}
.inr-ban-cnt { bottom: 50px;}

/* fixta allot css */
.fixta-allot-sec {padding: 35px 0 50px;}
.fixta-allot-cnt {padding-bottom: 50px; margin-bottom: 60px;}
.fixta-allot-lft, .restaurant .fixta-allot-lft { width: 285px;}
.fixta-allot-rgt, .restaurant .fixta-allot-rgt {width: calc(100% - 285px); padding-left: 60px;}
.fixta-allot-cnt h2 {font-size: 30px; line-height: 38px; padding-bottom: 20px;}
.fixta-allot-cnt h3 {font-size: 30px; line-height: 38px; padding-bottom: 20px;}

/* bulletin css */
.bulletin-sec {padding: 40px 0;}
.bulletin-sec ul { row-gap: 15px;}
.bulletin-sec ul li { flex: 0 1 23.5%;}

/* footer css */
.ftr-grn {padding: 40px 0;}
img.ftr-logo { width: 135px; margin-top: 10px;}
.col-1 { flex: 0 1 16%;}
.col-2 { flex: 0 1 20%;}
.col-3 { flex: 0 1 60%;}


/* home */
#slick-1 .slider-nav-ban { bottom: 80px;}
.slider-for-home.slick-slider .slick-slide .banner-txt h1 { font-size: 52px; line-height: 62px;}
.experiencies-sec { padding: 60px 0 65px;}
.experiencies-sec h2, .exper-sec h2 { font-size: 36px; line-height: 44px;}
.owl-cont h4, .exp-cont h4 { font-size: 30px; line-height: 38px;}
.allot-blog.altres-bg h1, .vi-lft h1 { font-size: 34px; line-height: 44px;}
.owl-cont-top h5 { font-size: 30px; line-height: 38px;}
.allot-blog .item .owl-cont-top p { font-size: 19px; line-height: 21px;}
.allot-blog .item span.reservar-btn { padding: 15px 26px;}
.el-mapa { padding: 60px 0 75px;}
.mapa-list { padding-bottom: 70px;}
.mapa-list ul { column-gap: 0.8%; margin-bottom: 50px;}
.mapa-list ul li { flex: 0 1 16%;}
.visitpedra { padding: 60px 0 80px;}
.vi-lft h1 { margin-bottom: 40px;}

/* experience-page */
.zona-lft { flex: 0 1 34%;}
.zona-rht { flex: 0 1 66%;}

/* allotjament-main */
.alot-pad .alot-lft h1 { font-size: 36px; line-height: 44px;}
.alot-pad .alot-rgt p { padding-right: 60px;}
.quin { padding: 60px 0;}
.quin h1 { font-size: 34px; line-height: 44px;}
.quin ul li p { font-size: 30px; line-height: 36px;}
.allot-blog .item p { font-size: 30px;}

.hostals-div { padding-top: 60px;}

}

/* Smaller than standard 1024 (devices and browsers) */
@media screen and (min-width:768px) and (max-width:1023px) {
img {max-width:100%; }
.row, .row1, .row2 { width:750px;}

/* header css */
.top-menu { height: 88px;}
.top-rgt > div:first-child { display: none;}
ul.hd-links li:last-child { display: none;}
.desktop-menu { display: none;}
.logo { width: 147px; float: none; position: relative; left: 0; right: 0; margin: 0 auto; text-align: center; line-height: 0;}
.logo img {float: none; display: inline-block; width: auto;}
.m-menu { display: block;}
.m-menu span {background: #FFFFFF;}
.m-menu:hover span { background: #FFFFFF;}
body.over .top-menu { background: #FFFFFF;}
body.over .logo img.wht-logo { display: none;}
body.over .logo img.blk-logo { display: block;}
body.over ul.hd-links li a.wish-ico span { background: url("../images/wishlist-icon-black.svg") no-repeat scroll 0 0;}
body.over ul.hd-links li a.srch-ico span { background: url("../images/search-icon-black.svg") no-repeat scroll 0 0;}
body.hdr-wht .m-menu span { background: #13230B;}

/* inner banner css */
.inner-banner img { height: 350px; object-fit: cover;}
.inr-ban-cnt {bottom: 50px;}
.inr-ban-cnt h1 {font-size: 52px; line-height: 62px;}

/* breadcrum css */
.breadcrum ul {padding: 15px 0;}

/* fixta allot css */
.fixta-allot-sec {padding: 30px 0 45px;}
.fixta-allot-cnt {padding-bottom: 45px; margin-bottom: 55px;}
.fixta-allot-lft, .restaurant .fixta-allot-lft { width: 285px;}
.fixta-allot-rgt, .restaurant .fixta-allot-rgt {width: calc(100% - 285px); padding-left: 30px;}
.fixta-form .form-box .frm-input {margin-bottom: 30px;}
.fixta-form .form-box .frm-input .two-col .floating-label-group {width: 100%; margin-right: 0; margin-bottom: 30px;}
.fixta-form .form-box .frm-input .two-col .floating-label-group:last-child { margin-bottom: 0;}
.fixta-allot-cnt h2 {font-size: 28px; line-height: 32px; padding-bottom: 15px;}
.fixta-allot-cnt h3 {font-size: 28px; line-height: 32px; padding-bottom: 15px;}
.fixta-allot-cnt h4 { font-size: 16px;}
.fixta-allot-cnt p {padding-bottom: 25px;}
.fitxa-map {margin-bottom: 25px;}
.fixta-info-lst ul {row-gap: 20px;}
.fixta-info-lst {padding-bottom: 35px;}

/* bulletin css */
.bulletin-sec {padding: 40px 0;}
.bulletin-sec p span { display: block; margin-right: 0;}
.bulletin-sec p {font-size: 16px; margin-bottom: 20px;}
.bulletin-sec ul {row-gap: 10px; margin-bottom: 25px;}
.bulletin-sec ul li { flex: 0 1 49%;}

/* footer css */
.ftr-grn {padding: 40px 0;}
.ftr-grn .align-center { justify-content: left; row-gap: 15px; column-gap: 50px;}
.col-1 { flex: 0 1 auto;}
.col-3 { flex: 0 1 100%;}
.col-1 p br { display: none;}
.ftr-grey .align-center { row-gap: 10px;}

/* home */
#slick-1 .slider-nav-ban {bottom: 40px;width: calc(100% + 30px);left: 0px; position: static; background: #F9F1EC; padding: 25px 0 25px 10px;}
.slider-for-home.slick-slider .slick-slide .banner-txt { bottom: 40px;}
#slick-1 .slider-nav-home .slick-slide img { height: 132px;}
#slick-1 .slider-nav-home .slick-slide h4 { font-size: 18px; line-height: 22px;}
#slick-1 .slider-nav-home h4 span { font-size: 10px;}
#slick-1 .slider-nav-home .slick-slide { margin-right: 15px;}

.slider-for-home.slick-slider .slick-slide .banner-txt h1 { font-size: 48px; line-height: 58px;}
.experiencies-sec { padding: 60px 0 65px;}
.experiencies-sec h2, .exper-sec h2 { font-size: 32px; line-height: 42px;}
.owl-cont h4, .exp-cont h4 { font-size: 22px; line-height: 28px;}
.allot-blog.altres-bg h1, .vi-lft h1 { font-size: 30px; line-height: 40px;}
.owl-cont-top h5 { font-size: 22px; line-height: 34px;}
.allot-blog .item span.lik { right: 15px;}
.owl-cont-top { left: 15px;}
.allot-blog .item .owl-cont-top p { font-size: 16px; line-height: 20px;}
.allot-blog .item .owl-cont p, .owl-cont p { font-size: 14px; line-height: 18px;}
.allot-blog .item span.reservar-btn { padding: 12px 15px; margin-right: 15px; font-size: 14px;}
.owl-cont { padding-left: 15px;}
.el-mapa { padding: 60px 0 75px;}
.el-mapa h2, .allot-blog h1, .uneix-lft h2 { font-size: 30px;}
.el-mapa p { width: 92%;}
.mapa-list { padding-bottom: 50px;}
.mapa-list ul { column-gap: 0.8%; margin-bottom: 50px;}
.mapa-list ul li { flex: 0 1 16%;}
.mapa-list ul li h3 { font-size: 18px; line-height: 20px;}
#content-tab .map-nam { width: 110px; height: 110px;}
#content-tab .map-nam p { font-size: 18px;}
.uneix-div { column-gap: 2%;}
.uneix-lft {flex: 0 1 48%;}
.visitpedra { padding: 60px 0 80px;}
.vi-lft h1 { margin-bottom: 40px;}
.visitpedra .vi-rgt ul li a { font-size: 20px;}

/* experience-list */
.cont-sec p { font-size: 22px; line-height: 30px;}

/* experience-page */
.zona-lft { flex: 0 1 34%;}
.fixta-info-lst ul li a { font-size: 17px;}
.zona-rht { flex: 0 1 66%;}
.fixta-allot-cnt p.para-pad { font-size: 22px; line-height: 30px;}
.zona-sec h4 { font-size: 15px;}
.zona-sec ul { column-gap: 8px;}
.zona-sec ul li a {padding: 10px 10px; font-size: 14px;}

/* allotjament-main */
.alot { padding: 40px 0 50px;}
.alot-pad .alot-lft h1 { font-size: 32px; line-height: 42px;}
.alot-pad .alot-rgt p { padding-right: 30px;}
.quin h1 { font-size: 32px; line-height: 38px;}
.quin { padding: 60px 0;}
.quin ul li { flex: 0 1 49.2%;}
.quin ul li p { font-size: 28px; line-height: 32px; left: 15px;}
.allot-blog .item p { font-size: 28px; line-height: 32px; bottom: 15px;}
.allot-blog .fixta-slide { margin-top: 0;}
.hostals-div { padding-top: 60px;}
}

/* Smaller than standard 768 (devices and browsers) */
@media screen and (max-width:767px) {
img {max-width:100%; }
.row, .row1 { width:100%; padding:0px 15px; }
.row2 { width:100%; padding:0px 0px; }

/* header css */
.top-menu { position: relative; height: 88px;}
.top-rgt > div:first-child { display: none;}
ul.hd-links li:last-child { display: none;}
.desktop-menu { display: none;}
.m-menu { display: block;}
.logo { width: 147px; float: none; position: relative; left: 0; right: 0; margin: 0 auto; text-align: center; line-height: 0;}
.logo img {float: none; display: inline-block; width: auto;}
.logo img.wht-logo { display: none;}
.logo img.blk-logo { display: block;}
.is-sticky .top-menu { background: #FFFFFF; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);}
ul.hd-links li a.wish-ico span { background: url("../images/wishlist-icon-black.svg") no-repeat scroll 0 0;}
ul.hd-links li a.srch-ico span { background: url("../images/search-icon-black.svg") no-repeat scroll 0 0;}
ul.hd-links .search-frm-field { top: 57px;}

/* inner banner css */
.inner-banner img { height: 390px; object-fit: cover;}
.inr-ban-cnt h1 {font-size: 40px; line-height: 48px;}
.inr-ban-cnt { bottom: 40px;}

/* breadcrum css */
.breadcrum ul {padding: 15px 0;}
.breadcrum ul li {font-size: 13px; /* color: #1E1E1E; */ padding-right: 12px; margin-right: 12px;}
.breadcrum ul li a {font-size: 13px; /* color: #1E1E1E; */}
/* .breadcrum ul li::after {background: url("../images/breadcrum-arw.svg") no-repeat top right;} */

/* fixta allot css */
.fixta-allot-sec {padding: 20px 0 40px;}
.fixta-allot-cnt {padding-bottom: 25px; margin-bottom: 20px;}
.fixta-allot-lft, .restaurant .fixta-allot-lft {width: 100%; padding-bottom: 25px;}
.fixta-allot-rgt, .restaurant .fixta-allot-rgt {width: 100%; padding-left: 0;}
.fixta-res-lst .form-box { width: 100%;}
.fixta-res-lst .form-box .btn-ctr {justify-content: center; margin-top: 10px;}
.fixta-allot-cnt h2.mob-title { display: block;}
.fixta-allot-cnt h2.desk-title { display: none;}
.fixta-res-lst .form-box button.res-btn, .fixta-res-lst .form-box .reserv-btn button.res-btn { padding: 12px 30px; width: auto; height: auto; font-size: 14px; border-radius: 4px;}
.fixta-info-lst {padding-bottom: 20px;}
.fixta-info-lst ul {row-gap: 20px;}
.fixta-form .form-box .frm-input .two-col .floating-label-group {width: 100%; margin-right: 0; margin-bottom: 20px;}
.fixta-form .form-box .frm-input .two-col .floating-label-group:last-child { margin-bottom: 0;}
.fixta-form .form-box .frm-input {margin-bottom: 20px;}
.fixta-form .form-box .floating-label { font-size: 14px;}
.fixta-form .form-box input[type="text"], .fixta-form .form-box textarea { font-size: 14px;}
.fixta-form .form-box .btn-ctr { float: left; width: 100%; margin-top: 20px; display: flex; justify-content: center;}
.fixta-form .form-box button.vull-btn { padding: 12px 30px; width: auto; height: auto; font-size: 14px; border-radius: 4px;}
.fixta-res-lst .form-box input[type="text"] {padding: 0px 40px;}
.fixta-res-lst .form-box .nice-select {padding: 0px 40px;}
.fixta-allot-cnt h4 {font-size: 16px;}
.fixta-allot-cnt h2 { font-size: 24px; line-height: 30px; padding-bottom: 20px;}
.fixta-allot-cnt h3 { font-size: 28px; line-height: 32px; padding-bottom: 15px;}
.fitxa-map { width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; margin-bottom: 25px;}
.fitxa-map span { padding-left: 15px; padding-right: 15px;}
.fixta-allot-cnt p {font-size: 15px; line-height: 20px; padding-bottom: 20px;}
.fixta-slide { width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; padding-left: 15px;}
.fixta-slide .owl-carousel .owl-stage { padding: 0 !important;}
.fixta-slide .owl-dots { position: relative; bottom: 0; margin: 15px 0 0 0; padding-right: 15px;} 
.fixta-slide .owl-dots .owl-dot { background: rgb(30, 30, 30,0.5);}
.fixta-slide .owl-dot.active, .fixta-slide .owl-dot:hover {background: #386A20;}

/* bulletin css */
.bulletin-sec {padding: 30px 0;}
.bulletin-sec p span { display: block; font-size: 28px; line-height: 32px; padding-bottom: 10px; margin-right: 0;}
.bulletin-sec p { float: left; width: 100%; font-size: 16px; line-height: 22px; margin-bottom: 10px; text-align: left;}
.bulletin-sec ul li {flex: 0 1 100%;}
.bulletin-sec p.desc {padding-right: 0;}
.bulletin-sec ul {row-gap: 15px; margin-bottom: 15px; column-gap: 0;}
.bulletin-sec ul li:last-child { display: flex; justify-content: center; flex: 0 1 100%;}
.bulletin-sec ul li input[type="button"] { padding: 10px 30px; width: auto; height: 40px; font-size: 14px; border-radius: 4px;}
.bulletin-sec ul li input[type="text"] { height: 35px; font-size: 14px;}
.bulletin-sec ul li .nice-select .list {row-gap: 0;}
.bulletin-sec ul li .nice-select .list li:last-child { display: flex; justify-content: left;}

/* footer css */
.ftr-grn {padding: 30px 0;}
.ftr-grn .align-center { row-gap: 20px;}
.col-1 {flex: 0 1 100%; text-align: center; }
.col-2 {flex: 0 1 100%; display: none;}
.col-3 {flex: 0 1 100%; text-align: left; margin-top: 20px; }
.col-1 h3 { text-align: left;}
.mob-scl { display: inline-block; margin-bottom: 25px; margin-top: 5px;}
img.ftr-logo {margin-top: 10px;}
.social-ftr ul {column-gap: 15px;}
.social-ftr.ftr-logo ul {column-gap: 25px; row-gap: 10px;}
.ftr-grey {padding: 20px 0;}
.ftr-grey .align-center { row-gap: 20px;}
.policy-list ul { justify-content: center;}
.policy-list ul li a {font-size: 13px;}
.policy-list { float: left; width: 100%;}
.copyrights { float: left; width: 100%; text-align: center;}
.copyrights p { font-size: 13px;}
.social-ftr.mob-scl ul { justify-content: center;}

/* */
.fixta-res-lst.restaurant-btm { float: left; width: 100%;position: fixed;bottom: 0;background: #eee;left: 0;border-radius: 5px;padding: 15px; z-index: 99;}
.fixta-res-lst.restaurant-btm .form-box { display: flex; flex-wrap: wrap; column-gap: 15px;}
.fixta-res-lst.restaurant-btm .form-box .frm-input { width: auto;}
.fixta-res-lst.restaurant-btm .form-box input[type="text"] { border-bottom: none; height: 55px; line-height: 52px; color: #706F6F; font-family: 'FiraSans-Regular';}
.fixta-res-lst.restaurant-btm .form-box .frm-input .cal-bx { border: 1px solid #323232; border-radius: 5px; float: left; width: 100%;}
.fixta-res-lst .form-box .frm-input img { left: 17px; top: 17px;}
.fixta-res-lst.restaurant-btm .form-box .frm-input .cal-bx::after { display: none;}
.desk-frm  { display: none;}

.mob-frm, .mob-bg-icon { display: block;}
.fixta-res-lst.restaurant-btm .form-box .frm-input .slt-bx { border: 1px solid #323232; border-radius: 5px; float: left; width: 100%;}
.fixta-res-lst.restaurant-btm .form-box .frm-input.mob-bg-icon img { position: static;}
.fixta-res-lst.restaurant-btm .form-box .frm-input.mob-bg-icon a { padding: 0 30px;float: left;height: 55px;line-height: 57px;}
.fixta-res-lst.restaurant-btm .form-box a.res-btn { border-radius: 5px;}
.fixta-res-lst.restaurant-btm .form-box .btn-ctr { margin-top: 0;}

/**************changes css*******************/
.fixta-res-lst.restaurant-btm { float: left; width: 100%;position: fixed;bottom: 0;background: #eee;left: 0;border-radius: 0px;padding: 15px; z-index: 99;}
.fixta-res-lst.restaurant-btm .form-box { display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 12px;}
.fixta-res-lst.restaurant-btm .form-box .frm-input { width: auto;}
.fixta-res-lst.restaurant-btm .form-box input[type="text"] { font-size: 15px; border-bottom: none; height: 52px; line-height: 52px; color: #706F6F; font-family: 'FiraSans-Regular';}
.fixta-res-lst.restaurant-btm .form-box .frm-input .cal-bx { border: 1px solid #323232; border-radius: 5px; float: left; width: 100%; text-align: center;}
.fixta-res-lst .form-box .frm-input img { left: 17px; top: 17px;}
.fixta-res-lst.restaurant-btm .form-box .frm-input .cal-bx::after { display: none;}
.desk-frm  { display: none;}

.mob-frm, .mob-frm1, .mob-bg-icon  { display: block;}
.fixta-res-lst.restaurant-btm .form-box .frm-input .slt-bx { border: 1px solid #323232; border-radius: 5px; float: left; width: 100%;}
.fixta-res-lst.restaurant-btm .form-box .frm-input.mob-bg-icon img { position: static;}
.fixta-res-lst.restaurant-btm .form-box .frm-input.mob-bg-icon a { padding: 0 0px;float: none; width: 100%; height: 50px; display: flex; align-items: center;
justify-content: center;}
.fixta-res-lst.restaurant-btm .form-box a.res-btn { border-radius: 5px; background: #000000; color: #FFFFFF; border: 1px solid #000000;}
.fixta-res-lst.restaurant-btm .form-box .btn-ctr { margin-top: 0;}


.fixta-res-lst.restaurant-btm .form-box a.res-btn:hover { background: #386A20;}
.fixta-res-lst.restaurant-btm .form-box .frm-input { flex: 1 1 50%; margin: 0;}
.fixta-res-lst.restaurant-btm .frm-input.mob-frm { flex: 1 1 40%;}
.fixta-res-lst.restaurant-btm .frm-input.mob-bg-icon { flex: 0 1 19%;}
.fixta-res-lst.restaurant-btm .frm-input.mob-bg-icon:nth-child(2) { flex: 0 1 19%;}

.fixta-res-lst.restaurant-btm.des-btm .frm-input.mob-frm { flex: 1 1 33%;}
.fixta-res-lst.restaurant-btm.des-btm .frm-input.mob-frm1 { flex: 1 1 28%;}
.fixta-res-lst.restaurant-btm.des-btm .frm-input.mob-frm1 button.res-btn { height: 52px; line-height: 52px; width: 93%;}

.fixta-res-lst.restaurant-btm .frm-input.frm-btn-sol { flex: 0 1 58%;}
.fixta-res-lst.restaurant-btm .frm-input.frm-btn-sol a.res-btn { width: 100%; padding: 0 10px; height: 52px;}

.fixta-allot-sec.restaurant.close { display: none;}
.res-form .inner-banner, .res-form .breadcrum, .res-form .bulletin-sec, .res-form footer { display: none;}
.fixta-res-lst.restaurant-btm .frm-input.mob-bg-icon .cal-bx:hover { border: 1px solid #386A20;}


/* list page */
.exper-sec { margin-bottom: 30px;}
.exp-grid-list { padding: 0 15px; order: 2;}
.filter-title { margin-bottom: 0;}
.exp-grid { margin-top: 20px;}
.mob-exp-filter { display: block;}
.exper-sec h2 { font-size: 32px; line-height: 40px; margin-bottom: 20px;}
.exper-sec .filter-title .filter-rht { display: none;}
.exp-list ul { row-gap: 5px;}

.exper-sec #filter-popup { position: relative; opacity: 1; float: left; width: 100%;}
.exper-sec #filter-popup.modaloverlay { background: none; display: none; pointer-events: inherit; z-index: inherit;}
.exper-sec #filter-popup.modaloverlay.open { display: block;}

.modaloverlay h3 { font-size: 20px; line-height: 20px; margin-bottom: 20px;}
.result-list h4 { font-size: 16px;}
.modaloverlay .modal { padding: 30px 15px;}
.result-list { border-bottom: 1px solid #000; padding-bottom: 20px;}
.result-list ul { row-gap: 10px;}
.result-list ul li a { transition: all 0.4s ease; min-height: auto; background: #FFFFFF; border: 1px solid #000; padding: 8px 15px; letter-spacing: -0.5px; font-size: 15px;}
.result-list ul li.selected a, .result-list ul li a:hover { background: #000; color: #FFFFFF;}

#mob-filter-btn { display: inline-flex;}
#desktop-filter { display: none;}
.mob-more-btn { display: block;}

.exp-cont { bottom: 10px; left: 10px; width: 70%;}
.exp-cont h4 { font-size: 18px; line-height: 22px; padding-bottom: 5px;}
.exp-cont p { font-size: 16px;}

/* .exper-sec .exp-grid-list.grid-resize { display: none;} */
.exper-sec .venure-mapa { flex: 1 1 100%; order: 1; margin-bottom: 30px;}
.pagination { margin-top: 30px;}

.desk-map { display: none;}
.mob-mapa { display: block;}

/* home */
#slick-1 .slider-nav-ban {bottom: 40px;width: calc(100% + 30px);left: 0px; position: static; background: #F9F1EC; padding: 20px 0 20px 10px;}
.slider-for-home.slick-slider .slick-slide .banner-txt { bottom: 40px;}
#slick-1 .slider-nav-home .slick-slide img { height: 132px;}
#slick-1 .slider-nav-home .slick-slide h4 { font-size: 16px; line-height: 20px; min-height: 52px;}
#slick-1 .slider-nav-home h4 span { font-size: 10px;}
#slick-1 .slider-nav-home .slick-slide { margin-right: 10px;}

.slider-for-home.slick-slider .slick-slide .banner-txt h1 { font-size: 40px; line-height: 46px;}
.slider-for-home.slick-slider .slick-slide .banner-img { height: 388px; background-size: cover; background-position: center;}
.slider-for-home.slick-slider .slick-slide .banner-img img { opacity: 0;}
.experiencies-sec { padding: 30px 0 35px;}
.experiencies-sec h2 { font-size: 32px; line-height: 38px; padding-bottom: 25px;}
.experiencies-sec .item span.lik, .allot-blog .item span.lik { width: 29px; height: 29px; right: 7px; top: 7px; }
.fixta-slide2 .item ul { column-gap: 1.5%; row-gap: 10px;}
.fixta-slide2 .item ul li { flex: 0 1 49.2%;}
.fixta-slide2 .owl-dots .owl-dot, .fixta-allot-rgt .fixta-slide .owl-dots .owl-dot, .fixta-slide1 .owl-dots .owl-dot, .fixta-slide3 .owl-dots .owl-dot, .fixta-slide4 .owl-dots .owl-dot, .brown-bg .fixta-slide2 .owl-dots .owl-dot { width: 15px; height: 15px;}
.experiencies-sec a.blog-lk { display: none;}
.owl-cont h4 { font-size: 20px; line-height: 24px;}
.allot-blog.altres-bg h1 { font-size: 30px; line-height: 40px; margin-bottom: 25px;}
.owl-cont-top h5 { font-size: 22px; line-height: 34px;}
.allot-blog { padding: 30px 0;}
.owl-cont-top { left: 15px;}
.allot-blog .item .owl-cont-top p { font-size: 16px; line-height: 20px;}
.allot-blog .item .owl-cont p, .owl-cont p { font-size: 14px; line-height: 18px;}
.allot-blog .item span.reservar-btn { padding: 10px 15px; margin-right: 15px; font-size: 12px;}
.paquet-cont p { padding-top: 15px;}
.owl-cont { padding-left: 15px;}
.el-mapa { padding: 30px 0 35px;}
.el-mapa h2, .allot-blog h1 { font-size: 30px; line-height: 38px;}
.el-mapa h2 { padding-bottom: 25px;}
.el-mapa p { width: 100%;}
.mapa-list { padding-bottom: 50px;}
.mapa-list ul { column-gap: 5px; margin-bottom: 10px; flex-wrap: nowrap;  }
.mapa-list ul li { flex: 0 0 110px;}
.mapa-list ul li h3 { font-size: 15px; line-height: 20px; left: 5px;}
#fixta-slide3.owl-carousel .owl-item .agenda-cont h3 { font-size: 16px;}
#fixta-slide3.owl-carousel .owl-item .agenda-cont p { font-size: 16px;}
#content-tab .map-nam { width: 90px; height: 90px;}
#content-tab .map-nam p { font-size: 16px; line-height: 18px;}
.uneix-sec { padding: 35px 0 30px;}
.uneix-div { column-gap: 0; row-gap: 0px;}
.uneix-lft {flex: 0 1 100%;}
.uneix-rht {flex: 0 1 100%; padding-top: 35px; min-height: 110px;}
.uneix-rht img { max-height: 90px;}
.uneix-lft h2 { font-size: 28px; line-height: 38px; padding-bottom: 15px;}
.visitpedra { padding: 30px 0 40px;}
.vi-lft { flex: 0 1 100%;}
.vi-rgt { flex: 0 1 100%; margin-bottom: 16px;}
.vi-lft h1 { margin-bottom: 18px; line-height: 30px; font-size: 28px;}
.visitpedra ul { column-gap: 1.4%; row-gap: 8px;}
.visitpedra ul li { flex: 0 1 49.3%;}
.visitpedra .vi-rgt ul li a { font-size: 16px; line-height: 32px;}
a.blog-lk { border-radius: 5px; padding: 12px 15px;}
.allot-blog h1 { margin-bottom: 25px;}

/* experience-list */
.cont-sec p { font-size: 22px; line-height: 30px;}
.cont-sec p br { display: none;}

/* experience-page */
.fixta-res-lst.restaurant-btm .form-box .reserv-btn button.res-btn.mail-btn { display: none;}
.zona-sec { padding-top: 40px; padding-bottom: 30px; row-gap: 40px;}
.zona-lft { flex: 0 1 100%; border-top: 1px solid #7C7C7C; padding-top: 30px;}
.fixta-info-lst ul li a { font-size: 16px;}
.zona-rht { flex: 0 1 100%; border-top: 1px solid #7C7C7C; padding-top: 30px;}
.fixta-allot-cnt p.para-pad { font-size: 20px; line-height: 28px;}
.zona-sec h4 { font-size: 16px;}
.zona-sec ul { column-gap: 8px; row-gap: 13px;}
.zona-sec ul li a {padding: 12px 15px; font-size: 16px; border-radius: 4px; border: 1px solid #1E1E1E; background: none; float: left;}
.zona-sec ul li a:hover { border: 1px solid #386A20;}
.restaurant .fitxa-map span a { font-size: 16px; line-height: 20px;}
.restaurant .fixta-allot-lft h4 { font-size: 16px; line-height: 24px;}
.restaurant .fixta-allot-lft h4 span { float: left; width: 100%; font-size: 32px; }


/*****26-9-23*****/
.map-div { float: left; width: calc(100% + 15px);; overflow: auto; margin-bottom: 10px; margin-right: -15px;}
.el-mapa-cnt { overflow: auto;}
.el-map-div { width: 800px; }
.mapa-list ul li a { border-radius: 5px; border: 4px solid #fff;}
.mapa-list ul li:hover a, .mapa-list ul li.active a {border: 4px solid #B7F397;}
.mapa-img img { height: 320px; object-fit: cover;}
#content-tab { width: 800px; position: absolute; top: 0; bottom: 0;}
#content-tab .one { right: 18%; top: 16%;}
#content-tab .two { left: 44.2%; bottom: 42%; top: auto; }
#content-tab .three { left: 29.8%;}
#content-tab .four {left: 8.4%; top: 22%; }
#content-tab .map-nam span { top: auto;}
#content-tab .six { right: 2%; bottom: 15%;}

.mob-heading { display: block;}

/* allotjament-main */
.alot { padding: 30px 0 30px;}
.alot-pad .alot-lft {flex: 0 1 100%;}
.alot-pad .alot-rgt {flex: 0 1 100%;}
.alot-pad .alot-lft h1 { font-size: 32px; line-height: 42px; margin-bottom: 20px;}
.quin h1 { font-size: 30px; line-height: 40px; margin-bottom: 25px;}
.alot-pad .alot-rgt p { padding-right: 30px; font-size: 20px; line-height: 28px;}
.quin { padding: 30px 0;}
.quin ul li { flex: 0 1 49.2%;}
.quin ul li p { font-size: 20px; line-height: 26px; left: 15px; top: 15px;}
.allot-blog .item p { font-size: 20px; line-height: 28px; bottom: auto; top: 20px; text-align: left; left: 15px;width: 77%;margin: 0;}
.allot-blog .fixta-slide { margin-top: 0;}
.visitpedra .vi-rgt ul { column-gap: 1.4%; row-gap: 4px;}
.hostals-div { padding-top: 30px;}

.fixta-allot-rgt .fixta-slide .owl-dots .owl-dot { background: #F9F1EC;}
.fixta-allot-rgt .fixta-slide .owl-dots .owl-dot.active { background: #a07555;}

.modaloverlay.mdover .modal { width: 90%; height: auto;}
.modaloverlay.mdover .res-btn { height: 48px;}
.modaloverlay.mdover p { font-size: 16px;}

/* */
.desk-scroll, .desk-pad { display: none;}
.mob-scroll, .mob-pad { display: block;}
.fixta-slide4 .item ul { float: left;width: 100%; display: flex; flex-wrap: wrap; row-gap: 10px;}
.fixta-slide4 .item ul li { flex: 0 1 100%;}
.owl-carousel.fixta-slide4 .owl-item img { height: 200px; object-fit: cover;}
.owl-carousel.fixta-slide4 .owl-item .al-img { position: relative;}
.fixta-slide4 .owl-cont-top { width: 100%;}
.fixta-slide4 .owl-cont { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.fixta-slide4 .rgt-btm  { display: flex; flex-wrap: wrap; align-items: flex-end; column-gap: 10px;} 
.fixta-slide4 .rgt-btm h5 { color: #fff; font-size: 16px; font-family: 'FiraSans-SemiBold';}
.fixta-slide4 .owl-cont p { font-size: 16px;}
.restaurant .fixta-allot-cnt { padding-bottom: 15px;}

}

@media screen and (max-width:639px) {

    /* list page */
.exp-list ul li { flex: 0 1 49%;}

/* home */
.slider-for-home.slick-slider .slick-slide .banner-txt h1 { font-size: 36px; line-height: 44px;}
.el-mapa p { font-size: 16px;}
.owl-cont-top h5 { font-size: 20px; line-height: 30px;}
.allot-blog .item .owl-cont-top p { font-size: 14px; line-height: 18px;}
.owl-cont h4 { font-size: 18px; line-height: 22px;}
.uneix-lft p { font-size: 16px; line-height: 20px;}
.col-1 p br { display: none;}
.allot-blog.altres-bg h1, .allot-blog h1 { font-size: 28px; line-height: 34px; margin-bottom: 20px;}
.experiencies-sec h2 { font-size: 30px; line-height: 36px; padding-bottom: 20px;}
.el-mapa h2 { font-size: 28px; line-height: 38px; padding-bottom: 20px;}
.el-mapa h2 { font-size: 26px; line-height: 32px; padding-bottom: 10px;}

.inr-ban-cnt h1 {font-size: 38px; line-height: 46px;}

/* allotjament-main */
.alot-pad .alot-lft h1 { font-size: 28px; line-height: 38px;}
.quin h1 { font-size: 28px; line-height: 34px; margin-bottom: 20px;}
.quin ul li { flex: 0 1 100%;}

/* */
.exper-sec h2 { font-size: 28px; line-height: 34px; margin-bottom: 20px;}
.alot-pad .alot-rgt p { padding-right: 0;}

.fixta-allot-cnt p.para-pad { font-size: 18px; line-height: 26px;}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:479px) {

    /* list page */
#mob-filter-btn .filter-rht-btn { overflow: auto;}
#mob-filter-btn ul { flex-wrap: nowrap; white-space: nowrap;}
#mob-filter-btn ul li a { font-size: 13px;}
.fixta-slide4 .rgt-btm h5 { font-size: 14px;}
.fixta-slide4 .owl-cont p { font-size: 14px;}
}

@media screen and (max-width:359px) {

    /* list page */
.exp-cont h4 { font-size: 16px; line-height: 20px;}
.exp-cont p { font-size: 14px;}

.inr-ban-cnt h1 {font-size: 34px; line-height: 42px;}
}

@media screen and (max-width:319px) {

}