/*---------------MOBILNI----------------------*/
@media all and (max-width: 480px){
.mapsmainbox
{
width:100%;
}
.mapsleft
{
width:100%;
display:inline-block;
vertical-align: top;
}
.maptext
{
width:100%;
display:inline-block;
vertical-align: top;
}
.maptext h1
{
margin: 0px 0 10px 12px;
font-size: 22px;
}
.maptext img
{
width:100%;
margin-top:-50px;
position:relative;
z-index:-100;
}
#desktopzoompic
{
display:none;
}
#mobilezoompic
{
margin-top:-130px;
}
.mapspace
{
width:100%;
display:none;
vertical-align: top;
}
.mapsright
{
width:100%;
display:inline-block;
vertical-align: top;
text-align:right;
}
.qrbuttonbox
{
display: block;
border-spacing: 0px;
margin:0;
padding:0;
width:100%;
cursor:pointer;
text-align:center;
}
.qrbuttonbox img
{
width:50%;
}
.mapimg1
{
border-spacing: 0px;
margin: 0;
padding: 0;
float: left;
width:100%;
cursor:pointer;
}
.mapimg2
{
border-spacing: 0px;
margin: 0;
padding: 0;
float: left;
width:100%;
cursor:pointer;
}
.mapimg3
{
border-spacing: 0px;
margin: 0;
padding: 0;
float: left;
width:100%;
cursor:pointer;
}
.mapimg4
{
border-spacing: 0px;
margin: 0;
padding: 0;
float: left;
width:100%;
cursor:pointer;
}
.mapimg5
{
border-spacing: 0px;
margin: 0;
padding: 0;
float: left;
width:100%;
cursor:pointer;
}
.mapimg6
{
border-spacing: 0px;
margin: 0;
padding: 0;
float: left;
width:100%;
cursor:pointer;
}
.mapimg7
{
border-spacing: 0px;
margin: 0;
padding: 0;
float: left;
width:100%;
cursor:pointer;
}
.mapimg8
{
border-spacing: 0px;
margin: 0;
padding: 0;
float: left;
width:100%;
cursor:pointer;
}
.mapimg1 img, .mapimg2 img, .mapimg3 img, .mapimg4 img, .mapimg5 img, .mapimg6 img, .mapimg7 img, .mapimg8 img
{
margin: 0;
padding: 0;
vertical-align: top;
width: 100%;
float: left;
}
#mappic1,#mappic2,#mappic3,#mappic4,#mappic5,#mappic6,#mappic7,#mappic8
{
margin: 0;
padding: 0;
}
.mapsmenu
{
display:inline-block;
width:100%
}
.mapsmenu ul {
    list-style-type: none;
    margin: 0.5%;
    padding: 0;
   
}

.mapsmenu li a {
    display: block;
    color: #000;
    padding: 3% 2%;
    text-decoration: none;
}
.mapsmenu ul > li::before {
    content:none;
}
.mapsmenu #mapmenuheader {
   padding:0;
    background:none;
	 display: block;
	color:#4F1507;
	 padding: 3% 2%;
	 text-decoration: none;
	 font-size: 150%;
}
.mapsmenu ul > li {
   padding:0;
    background-color: #CE8C38;
	margin:2% 0;
	color:#F;
}
.mapsmenu li {
    text-align: center;
	padding:0;
}

.mapsmenu li:last-child {
    border-bottom: none;
}

.mapsmenu li a.active {
    background-color: #D32026;
    color: white;
}

.mapsmenu li a:hover:not(.active) {
    background-color: #B10C13;
    color: white;
}
#resortstext
{
font-size:28px;
}
#resortssmall
{
font-size:24px;
}
.art-layout-wrapper {
    padding: 0 1%;
}
}


/*-----------------TABLET-----------*/
@media screen and (min-width: 481px) and (max-width: 768px) { 
.mapsmainbox
{
width:100%;
}
.mapsleft
{
width:100%;
display:inline-block;
vertical-align: top;
}
.maptext
{
width:25%;
display:inline-block;
vertical-align: top;
}
.maptext h1
{
margin: 0px 0 10px 12px;
font-size: 22px;
}
.maptext img
{
width:100%;
}
#mobilezoompic
{
display:none;
}
.mapspace
{
width:74%;
display:inline-block;
vertical-align: top;
}
.mapsright
{
width:100%;
display:inline-block;
vertical-align: top;
text-align:right;
}
.qrbuttonbox
{
display: block;
border-spacing: 0px;
margin:0;
padding:0;
width:100%;
cursor:pointer;
text-align:center;
}
.qrbuttonbox img
{
width:38%;
}
.mapimg1
{
border-spacing: 0px;
margin: 0;
padding: 0;
float: left;
width:100%;
cursor:pointer;
}
.mapimg2
{
border-spacing: 0px;
margin: 0;
padding: 0;
float: left;
width:100%;
cursor:pointer;
}
.mapimg3
{
border-spacing: 0px;
margin: 0;
padding: 0;
float: left;
width:100%;
cursor:pointer;
}
.mapimg4
{
border-spacing: 0px;
margin: 0;
padding: 0;
float: left;
width:100%;
cursor:pointer;
}
.mapimg5
{
border-spacing: 0px;
margin: 0;
padding: 0;
float: left;
width:100%;
cursor:pointer;
}
.mapimg6
{
border-spacing: 0px;
margin: 0;
padding: 0;
float: left;
width:100%;
cursor:pointer;
}
.mapimg7
{
border-spacing: 0px;
margin: 0;
padding: 0;
float: left;
width:100%;
cursor:pointer;
}
.mapimg8
{
border-spacing: 0px;
margin: 0;
padding: 0;
float: left;
width:100%;
cursor:pointer;
}
.mapimg1 img, .mapimg2 img, .mapimg3 img, .mapimg4 img, .mapimg5 img, .mapimg6 img, .mapimg7 img, .mapimg8 img
{
margin: 0;
padding: 0;
vertical-align: top;
width: 100%;
float: left;
}
.mapsmenu
{
display:inline-block;
width:100%
}
.mapsmenu ul {
    list-style-type: none;
    margin: 0.5%;
    padding: 0;
   
}
.mapsmenu a, .mapsmenu a:link, .mapsmenu a:visited {
    color: #fff;
}
.mapsmenu li a {
    display: block;
    color: #000;
    padding: 3% 2%;
    text-decoration: none;
}
.mapsmenu ul > li::before {
    content:none;
}
.mapsmenu #mapmenuheader {
   padding:0;
   background:none;
	 display: block;
	color:#4F1507;
	 padding: 3% 2%;
	 text-decoration: none;
	 font-size: 150%;
}
.mapsmenu ul > li {
   padding:0;
    background-color: #CE8C38;
	margin:2% 0;
	color:#F;
}
.mapsmenu li {
    text-align: center;
	padding:0;
}

.mapsmenu li:last-child {
    border-bottom: none;
}

.mapsmenu li a.active {
    background-color: #D32026;
    color: white;
}

.mapsmenu li a:hover:not(.active) {
    background-color: #B10C13;
    color: white;
}
#resortstext
{
font-size:28px;
}
#resortssmall
{
font-size:24px;
}
.art-layout-wrapper {
    padding: 0 1%;
}
}


/*---------------DESKTOP MANJI-----------------*/
@media screen and (min-width: 768px) and (max-width: 960px) {
.mapsmainbox
{
width:100%;
}
.mapsleft
{
width:80%;
display:inline-block;
vertical-align: top;
}
.maptext
{
width:30%;
display:inline-block;
vertical-align: top;
}
.maptext h1
{
margin: 0px 0 10px;
font-size: 22px;
}
.maptext img
{
width:100%;
}
#mobilezoompic
{
display:none;
}
.mapspace
{
width:69%;
display:inline-block;
vertical-align: top;
}
.mapsright
{
width:20%;
display:inline-block;
vertical-align: top;
text-align:right;
}
.qrbuttonbox
{
display: block;
border-spacing: 0px;
margin:0;
padding:0;
width:100%;
cursor:pointer;
text-align:center;
}
.qrbuttonbox img
{
width:100%;
}
.mapimg1
{
border-spacing: 0px;
margin: 0;
padding: 0;
float: left;
width:100%;
cursor:pointer;
}
.mapimg2
{
border-spacing: 0px;
margin: 0;
padding: 0;
float: left;
width:100%;
cursor:pointer;
}
.mapimg3
{
border-spacing: 0px;
margin: 0;
padding: 0;
float: left;
width:100%;
cursor:pointer;
}
.mapimg4
{
border-spacing: 0px;
margin: 0;
padding: 0;
float: left;
width:100%;
cursor:pointer;
}
.mapimg5
{
border-spacing: 0px;
margin: 0;
padding: 0;
float: left;
width:100%;
cursor:pointer;
}
.mapimg6
{
border-spacing: 0px;
margin: 0;
padding: 0;
float: left;
width:100%;
cursor:pointer;
}
.mapimg7
{
border-spacing: 0px;
margin: 0;
padding: 0;
float: left;
width:100%;
cursor:pointer;
}
.mapimg8
{
border-spacing: 0px;
margin: 0;
padding: 0;
float: left;
width:100%;
cursor:pointer;
}
.mapimg1 img, .mapimg2 img, .mapimg3 img, .mapimg4 img, .mapimg5 img, .mapimg6 img, .mapimg7 img, .mapimg8 img
{
margin: 0;
padding: 0;
vertical-align: top;
width: 100%;
float: left;
}
.mapsmenu
{
display:inline-block;
width:95%
}
.mapsmenu ul {
    list-style-type: none;
    margin: 0.5%;
    padding: 0;
   
}

.mapsmenu li a {
    display: block;
    color: #000;
    padding: 3% 2%;
    text-decoration: none;
}
.mapsmenu ul > li::before {
    content:none;
}
.mapsmenu #mapmenuheader {
   padding:0;
  background:none;
	 display: block;
	color:#4F1507;
	 padding: 3% 2%;
	 text-decoration: none;
	 font-size: 150%;
}
.mapsmenu ul > li {
   padding:0;
    background-color: #CE8C38;
	margin:2% 0;
	color:#FFF;
}
.mapsmenu li {
    text-align: center;
	padding:0;
}

.mapsmenu li:last-child {
    border-bottom: none;
}

.mapsmenu li a.active {
    background-color: #D32026;
    color: white;
}

.mapsmenu li a:hover:not(.active) {
    background-color: #B10C13;
    color: white;
}
#resortstext
{
font-size:22px;
}
#resortssmall
{
font-size:20px;
}
.art-layout-wrapper {
    padding: 0 1%;
}
}


/*------------------DESKTOP-----------------*/
@media all and (min-width: 960px) { 
.mapsmainbox
{
width:100%;
}
.mapsleft
{
width:80%;
display:inline-block;
vertical-align: top;
}
.maptext
{
width:30%;
display:inline-block;
vertical-align: top;
}
.maptext h1
{
margin: 0px 0 10px;
font-size: 22px;
}
.maptext img
{
width:100%;
}
.mapspace
{
width:69%;
display:inline-block;
vertical-align: top;
}
.mapsright
{
width:20%;
display:inline-block;
vertical-align: top;
text-align:right;
}
.qrbuttonbox
{
display: block;
border-spacing: 0px;
margin:0;
padding:0;
width:100%;
cursor:pointer;
text-align:center;
}
.qrbuttonbox img
{
width:100%;
}
#mobilezoompic
{
display:none;
}
.mapimg1
{
border-spacing: 0px;
margin: 0;
padding: 0;
float: left;
width:100%;
cursor:pointer;
}
.mapimg2
{
border-spacing: 0px;
margin: 0;
padding: 0;
float: left;
width:100%;
cursor:pointer;
}
.mapimg3
{
border-spacing: 0px;
margin: 0;
padding: 0;
float: left;
width:100%;
cursor:pointer;
}
.mapimg4
{
border-spacing: 0px;
margin: 0;
padding: 0;
float: left;
width:100%;
cursor:pointer;
}
.mapimg5
{
border-spacing: 0px;
margin: 0;
padding: 0;
float: left;
width:100%;
cursor:pointer;
}
.mapimg6
{
border-spacing: 0px;
margin: 0;
padding: 0;
float: left;
width:100%;
cursor:pointer;
}
.mapimg7
{
border-spacing: 0px;
margin: 0;
padding: 0;
float: left;
width:100%;
cursor:pointer;
}
.mapimg8
{
border-spacing: 0px;
margin: 0;
padding: 0;
float: left;
width:100%;
cursor:pointer;
}
.mapimg1 img, .mapimg2 img, .mapimg3 img, .mapimg4 img, .mapimg5 img, .mapimg6 img, .mapimg7 img, .mapimg8 img
{
margin: 0;
padding: 0;
vertical-align: top;
width: 100%;
float: left;
}
.mapsmenu
{
display:inline-block;
width:95%
}
.mapsmenu ul {
    list-style-type: none;
    margin: 0.5%;
    padding: 0;
   
}

.mapsmenu li a,.mapsmenu li a:visited,.mapsmenu li a:link {
    display: block;
	color:#FFF;
    padding: 3% 2%;
    text-decoration: none;
	 background-color: #CE8C38;
}
.mapsmenu ul > li::before {
    content:none;
}

.mapsmenu #mapmenuheader {
   padding:0;
    background:none;
	 display: block;
	color:#4F1507;
	 padding: 3% 2%;
	 text-decoration: none;
	 font-size: 150%;
}
.mapsmenu ul > li {
   padding:0;
    background-color: #CE8C38;
	margin:2% 0;
	color:#FFF;
}
.mapsmenu li {
    text-align: center;
	padding:0;
}

.mapsmenu li:last-child {
    border-bottom: none;
}

.mapsmenu li a.active  {
    background-color: #D32026;
    color: white;
}

.mapsmenu li a:hover:not(.active) {
    background-color: #B10C13;
    color: white;
}
#resortstext
{
font-size:36px;
}
#resortssmall
{
font-size:32px;
}
.art-layout-wrapper {
    padding: 0 1%;
}
}