<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
@media only screen and (max-width : 1200px) {
	
	.wrapper	{width:auto; padding:0 10px;}
	footer .top .left li.st {width:150px;}
	
	.list-a li {width:calc(40% - 30px); margin:15px;}
	.list-a li:nth-child(2), .list-a li:nth-child(3) {width:calc(60% - 30px); margin:15px;}
	.list-a li:nth-child(4) {width:calc(100% - 30px); margin:15px;}
	
	.list-b li {width:calc(33.3% - 30px); margin:15px;}
	.list-b li .image {height:250px;}
	.list-b li .info {height:300px; flex-direction:initial;}
	.list-b li .info .text {margin:0 auto; text-align:center; z-index:5;}
	
	footer .top .wrapper {flex-wrap: wrap;}
	footer .top .right {width: 100%; display: flex; position: relative; margin-top: 20px; justify-content: center;}
	footer .top .right .btn-gototop {align-self: flex-end; position: absolute; right: 0; bottom: 0; }
	#form-newsletter .content {width:400px;}
	footer .bot .left {margin-left: 120px;}
}
@media only screen and (max-width : 1024px) {
	
	.list-a li .title, .list-b li .title {font-size:18px;}
}

@media only screen and (max-width : 992px) {
	/*##############################
				MENU
	#################################*/
	header nav ul.st {width:700px;}
	header nav ul a.st {font-size: 14px;}
	header nav ul .booknow a.st {padding: 0 17px;}
	
	.container-a .wrapper {width:auto; padding:80px 20px;}
	
	.list-a li, .list-a li:nth-child(2), .list-a li:nth-child(3), .list-a li:nth-child(4){width:calc(100% - 30px); margin:15px; }
	.list-a li .arrow {top: 50%; margin-top: -20px; left: -20px; width: 40px;}
	.list-a li a {display:flex;}
	.list-a li .image, .list-a li:nth-child(4) .image {width:40%; height:270px; flex-basis:40%}
	.list-a li .info {height:auto; width:60%;}
	.list-a li:nth-child(4) a {flex-direction:row-reverse;}
	.list-a li:nth-child(4) .arrow {top: 50%; margin-top: -20px; left: auto; right: -20px; width: 40px;}
	
	/*##############################
				ABOUT
	#################################*/
	.team .wrapper {width:auto; padding:80px 10px;}
	.team ul {flex-flow:wrap; justify-content:center;}
	.team ul li, .team ul li:last-child {margin:15px;}
	
	.accordion-container ol {width:90%;}
	.accordion-container li .info {width:100%;}
	
	/*##############################
				CAMPSITES
	#################################*/
	#campsite-detail .media-gallery {width:100%}
	
	
	/*##############################
				TESTIMONIALS
	#################################*/
	#testimonials-container .wrapper, #about-testimonials-top .wrapper {width:auto !important; padding:80px 20px;}

	/*##############################
				FOOTER
	#################################*/
	footer li {margin-bottom:2px; }
	footer .top .left li.st {width:18%;}
	footer a {font-size:10px;}
	footer .top .left a.st, footer .top .left span.st {font-size:12px; padding-bottom:10px;}
	footer .top .left span.st {font-size:12px;}
	footer .top a .text {font-size:12px;}
	footer .top .right {flex-basis:inherit; width:100%;}
	
	/*##############################
				CONTACTOS
	#################################*/
	#contacts-form form {width:80%; margin:0 auto;}
	#contacts-form form .left, #contacts-form form .center {width:calc(50% - 15px)}
	 #contacts-form form .center{margin-right:0;}
	#contacts-form form .right {float:none; clear:both; width:100%;}
	
	#languages-container {top:80px;}
}

@media only screen and (max-width : 768px) {
	
	
	
	/*##############################
				MENU
	#################################*/
	nav {display:none;}
	#mobile-menu-switch {display:block;}
	header {background:#fff; height:80px; border-bottom:solid 1px #dedede; padding: 0;}
	header.truncated {padding: 0;}
	.mobi {display:block;}
	#mobile-menu {display:block; }
	#btn-contacts {background:url(../images/envelope.png) no-repeat center center; background-size:30px; display:block; height:40px; width:40px; position:absolute; top:21px; right:60px; border-radius:20px;}
	#languages-container {background: none; top:26px; right:110px;}
	#languages-container .btn {    background-size: 15px; padding: 0 10px 0 30px; font-size: 12px; height: 30px;}
	
	.list-a li .image,  .list-a li:nth-child(2) .image,  .list-a li:nth-child(3) .image, .list-a li:nth-child(4) .image {width:40%; height:320px; flex-basis:40%}
	.list-b li {width:calc(50% - 30px); margin:15px;}
	.list-b li:nth-child(3n+3) {margin:15px;}
	
	/*##############################
				ITINERARY
	#################################*/
	#itinerary-top .content .left {width: 60%; }
	#itinerary-top .map-content .left {width: 60%;}
	#itinerary-top.alt .content .left {width: 100%;}
	#itinerary-top .content .right {width: 40%; padding-right: 20px;}
	#itinerary-top .content .right ol &gt; li {line-height: 20px;}
	#itinerary-days .right .media.masonry-grid .grid-sizer, #itinerary-days .right .media.masonry-grid .grid-item, #itinerary-days .right .media.masonry-grid .grid-item.r_xl, #itinerary-days .right .media.masonry-grid .grid-item.r_m, #itinerary-days .right .media.masonry-grid .grid-item.r_s, #itinerary-days .right .media.masonry-grid .grid-item.r_l {width:50%; height:150px;}
	#itinerary-days .right blockquote {background-position:30px 40px; padding-left:50px;}
	#itinerary-days .right {width: 100%;}
	
	/*##############################
				FOOTER
	#################################*/
	footer .top .left&gt;ul {flex-direction: column;}
	footer .top .left ul .st{display:none;}
	footer .top .left ul .st:nth-child(4) {display: block; text-align: center; width: 100%;}
	footer .top .left ul .st:nth-child(4) a {display: block;}
	footer .top .left ul li.follow {display:block; width:auto;}
	footer .top .left ul li.follow .st {display:inline-block;border:none; margin-right:10px; padding-bottom:0; margin-bottom:0; vertical-align:middle; }
	footer .top .left ul .follow .sub {display:inline-block; vertical-align:middle;}
	footer .bot {height: auto; padding: 10px}
	footer .bot .wrapper {flex-direction: column; align-items: center; justify-content: center; padding: 0 130px;}
	footer .bot .wrapper .left {margin-left: 0; text-align: center}
	footer .bot .wrapper .right {margin-top: 10px; margin-left: 0;}
	
	/*##############################
				TESTEMONIALS
	#################################*/
	#about-testimonials-top .social-line-1 {flex-direction: column;}
	#about-testimonials-top .social-line-1 .col-1 {flex-direction: row; margin-right: 0; margin-bottom: 30px; justify-content: center; }
	#about-testimonials-top .social-line-1 .col-1&gt;div:first-child {margin-bottom: 0; margin-right: 30px;}
	#about-testimonials-top .social-line-1 .col-2 {display: flex; justify-content: center; }
	
	#contacts-form form .label,
	#contacts-form form .label span{font-size: 8px;}
	#contacts-form form .box-adults,
	#contacts-form form .box-children18 {padding-right: 10px;}
	
	footer .top .right .btn-gototop {display: none;}
	footer .top .left{display: flex; justify-content: center;}
	#form-newsletter h4 {text-align: center;}
	footer .top .left ul li.follow {display: flex; flex-direction: column; justify-content: center;}
	footer .top .left ul li.follow span {text-align: center;}
	footer .top .left ul li.follow .sub ul {display: flex;}
	footer .top .left ul li.follow .sub ul .text {display: none;}
}

@media only screen and (max-width : 600px) {
	* {font-size:14px; line-height:20px;}
	h2, h2 * {font-size:18px; line-height:21px;}
	h3, h3 * {font-size:18px; line-height:21px;}
	#mobile-menu li .sub {width:70%;}
	.columns-2 {-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;-webkit-column-gap: 0;-moz-column-gap: 0;column-gap: 0;}
	
	.btn-knowmore  {padding:5px 10px; }
	.btn-knowmore .text {font-size:10px; }
	#banner .content .btn-knowmore .text{display: none;}
	#banner .content .btn-knowmore .icon, #banner .content .btn-knowmore:hover .icon {background-size:60px;  width: 60px; height: 60px;}
	
	#banner .content {width:80%;}
	#banner h2 br{display:none;}
	#banner .swiper-slide {padding-top:0;}
	
	#banner .scrolldown {bottom: 20px;}
	
	.container-a .wrapper .content,
	.container-a .wrapper .content.with-image {display:block; webkit-column-count: 1;-moz-column-count: 1;
    column-count: 1;-webkit-column-gap: 0px;-moz-column-gap: 0px;column-gap: 0px;}
	#home-box-a .wrapper .content .left {width:auto; height:150px; margin-bottom:30px;}
	.container-a .wrapper .content.with-image .left {width:auto; height:150px; margin-bottom:30px;}
	.container-a .wrapper .left.text {height:auto; width:100%; margin-bottom:30px;}
	.container-a .wrapper .left.text h3,
	.container-a .wrapper .content h3{text-align:center; line-height:25px;}
	.container-a .wrapper .right {width:auto; padding-left:0;}
	.container-a .wrapper .content.with-image .right {width:auto; padding-left:0;}
	.container-b .wrapper .box-knowmore a{white-space: normal; flex-shrink: 1; height: auto; min-height: 40px; padding: 5px 15px; margin: 0;}
	.container-b .wrapper .box-knowmore a .text{white-space: normal;}
	.container-b .wrapper .box-knowmore:before, .container-b .wrapper .box-knowmore:after{display: none}
	.container-b .wrapper .box-knowmore .btn-knowmore .icon{display: none;}
	
	.list-a li, .list-a li:nth-child(2), .list-a li:nth-child(3), .list-a li:nth-child(4) {width:100%; margin:0; margin-bottom:10px;}
	.list-a li a, .list-a li:nth-child(2) a, .list-a li:nth-child(3) a, .list-a li:nth-child(4) a {display:block; }
	.list-a li .image, .list-a li .image, .list-a li:nth-child(2) .image, .list-a li:nth-child(3) .image, .list-a li:nth-child(4) .image {width:100%; height:200px; flex-basis:100%;}
	.list-a li .arrow, .list-a li:nth-child(2) .arrow, .list-a li:nth-child(3) .arrow, .list-a li:nth-child(4) .arrow {left:50%; margin-left:-20px; top:0}
	.list-a li .info, .list-b li .info, .list-a li:nth-child(2) .info, .list-a li:nth-child(3) .info, .list-a li:nth-child(4) .info {width:100%; padding:30px;}
	.highlight-a {height:350px;}
	
	.list-b li {width:100%; margin:0; margin-bottom:10px;}
	.list-b li .info {height:auto;}
	.list-b li:nth-child(3n+3) {margin:0; margin-bottom:10px;}
	
	#campsites-days{padding: 20px 10% 40px 10%}
	
	/*##############################
				ABOUT
	#################################*/
	.accordion-container li .info {padding-right:10px;}
	.accordion-container ol &gt; li {padding:20px 0 20px 30px;}
	.accordion-container ol &gt; li::before {height:18px; width:18px; line-height:20px; font-size:12px;}
	
	#form-newsletter,
	#form-newsletter .content{width: auto;}
	
	#hbanner-container .box-knowmore a{white-space: normal; flex-shrink: 1; height: auto; min-height: 40px; padding: 5px 15px; margin: 0;}
	#hbanner-container .box-knowmore a:after{display: none;}
	#hbanner-container .box-knowmore:before, #hbanner-container .box-knowmore:after{display: none}
	
	
	/*##############################
				ITINERARY
	#################################*/
	#itinerary-top .content .left {width:100%; height:300px;}
	#itinerary-top .map-content {flex-direction: column;}	
	#itinerary-top .map-content .left {width: 100%;height:300px;}
	#itinerary-top .map-content .right {padding:20px; width:100%;}
	#itinerary-top .content .right {padding:20px; width:100%;}
	#itinerary-top .text {margin:0 0 20px 0}
	#itinerary-top .text, #itinerary-top .text * {font-size:18px; line-height:25px;}
	#itinerary-days .header {background:url(../images/line-responsive.jpg) no-repeat center 30px; display:block; padding-bottom:20px;}
	#itinerary-days .header .left, #itinerary-days .header .right {display:none;}
	#itinerary-days .header .center {margin:0 auto}
	#itinerary-days .content {display:block}
	#itinerary-days .content .left {padding:0; width:auto;}
	#itinerary-days .content .center {display:none;}
	#itinerary-days .content .right {padding:20px 0 20px; width:auto;}
	#itinerary-days .right .media.masonry-grid .grid-sizer, #itinerary-days .right .media.masonry-grid .grid-item, #itinerary-days .right .media.masonry-grid .grid-item.r_xl, #itinerary-days .right .media.masonry-grid .grid-item.r_m, #itinerary-days .right .media.masonry-grid .grid-item.r_s, #itinerary-days .right .media.masonry-grid .grid-item.r_l {width:100%; height:150px;}p
	
	/*##############################
				GALERIA
	#################################*/
	.masonry-grid .grid-sizer, .masonry-grid .grid-item{width:50%;}
	.masonry-grid .grid-sizer, .masonry-grid .grid-item, .masonry-grid .grid-item.r_xl, .masonry-grid .grid-item.r_m, .masonry-grid .grid-item.r_s, .masonry-grid .grid-item.r_l{width:49%; height:200px;}
	
	/*##############################
				CONTACTOS
	#################################*/
	#contacts-form form {width:80%; margin:0 auto;}
	#contacts-form form .left, #contacts-form form .center {width:100%; margin:0;}
	#contacts-form form .right {float:none; clear:both; width:100%;}
	.container-a .wrapper .left {width:100%}
	#contacts-form form .box-month{margin-bottom: 20px;}
	
	#about-testimonials-top .social-line-1 .col-2 {display: none;}
	

	
	#popup-newsletter .wrapper {width: auto;}
	
	footer .bot .wrapper {flex-direction: column; align-items: flex-start; justify-content: flex-start; padding: 20px;}
	footer .bot .wrapper .left {margin-left: 0; text-align: right}
	footer .bot .wrapper .right {margin-top: 10px; margin-left: 0;}
	
	
}

@media only screen and (max-width : 480px) { 
	#mobile-menu li .sub {width:90%;}
	.team ul li {width:100%;}
	
	#form-popup-newsletter{padding: 60px 30px 60px 30px;}
	#form-popup-newsletter .content {flex-direction: column; padding-top: 0;}
	#form-popup-newsletter h3 {font-size: 20px; line-height: 23px; margin-bottom: 10px;}
	#form-popup-newsletter p {font-size: 14px; line-height: 18px;}
	#form-popup-newsletter .email {width: 100%; text-align: center; border-radius:3px 3px 0 0 }
	#form-popup-newsletter .submit {width: 100%; border-radius: 0 0 3px 3px}
	
	#article-detail .gallery {height: 250px;} 
}

@media only screen and (max-width : 600px) {
		#about-testimonials-top .social-line-1 .col-1 {flex-direction: column; margin-bottom: 0; margin-right: 0; align-items: center; }
	#about-testimonials-top .social-line-1 .col-1&gt;div:first-child {margin-right: 0; margin-bottom: 30px}
	#article-detail .gallery {height: 200px;} 
}</pre></body></html>