@media only screen and (max-width:880px){
  .RoomDetails .ColL {float:none; width:100%; margin-bottom:1.5%;}
  .RoomDetails .ColL .Inner .Item {display:table; width:100%;}
  .RoomDetails .ColL .Inner .Item .Col1 {width:13%;}

  .RoomDetails .ColR {float:none; width:100%;}
  .RoomDetails .ColR .Wider {width:101.5%;}
  .RoomDetails .ColR .Wider .Item {width:48.5%; margin-right:1.5%; margin-bottom:1.5%;}

  .MenuDetails .ColL {float:none; width:100%;}
  .MenuDetails .ColR {float:none; width:100%;}
  .MenuDetails .ColR .Wider {width:101.5%;}
  .MenuDetails .ColR .Wider .Item {width:48.5%; margin-right:1.5%; margin-bottom:1.5%;}
  .MenuDetailsBlocks .Block {margin-bottom:1.5%;}

  .NewsDetails .ColL {float:none; width:100%;}
  .NewsDetails .ColR {float:none; width:100%;}
  .NewsDetails .ColR .Wider {width:101.5%;}
  .NewsDetails .ColR .Wider .Item {width:48.5%; margin-right:1.5%; margin-bottom:1.5%;}

  .ListNewsType .Wider .ItemL1 {width:48.5%;}
  /* Two col indication */
  #NewsColIndicator {width:2px;}

  .AwardsPage .ColL {float:none; width:100%;}
  .AwardsPage .ColR {float:none; width:100%;}
  .AwardsPage .ColR .Wider {width:101.5%;}
  .AwardsPage .ColR .Wider .Item {width:48.5%; margin-right:1.5%; margin-bottom:1.5%;}

  .OfferDetails .ColL {float:none; width:100%;}
  .OfferDetails .ColR {float:none; width:100%;}
  .OfferDetails .ColR .Wider {width:101.5%;}
  .OfferDetails .ColR .Wider .Item {width:48.5%; margin-right:1.5%; margin-bottom:1.5%;}

    .MainHeader {position:relative;}
  .MainHeader .Inner {height:auto;}
  .MainHeader .Inner .MenuSwitch2 {display:block;}
  .MainHeader .Inner .Logo {width:120px; height:auto; margin-bottom:16px;}
  .MainHeader .Inner .Tel {top:22px; font-size:14px;}
  
  #NavContainer {width:100%; height:auto; display:none; margin-top:0px; background-color:#ccc;}
  #NavContainer a {font-size:14px; }

  #NavContainer li.Level1 {float:none; width:100% !important; margin-left:0px !important; margin-right:0px !important;}
  #NavContainer li.Level1 a.Level1 {width:100%; padding-top:6px; padding-bottom:6px; padding-left:0px; padding-right:0px;}

  #NavContainer ul.Level2 {position:relative; top:0px; background-color:#ddd;}
  #NavContainer li.Level2 a.Level2 {width:100%; text-align:center; padding-left:0px; padding-right:0px;  padding-top:6px; padding-bottom:6px; color:#333;}

  #NavContainer li.Level1 a.Level1:hover {background-color:#e6e6e6;}
  #NavContainer li.Level2 a.Level2:hover {background-color:#eee;}
  #NavContainer .Active {font-weight:bold;}

  .MainContent {margin-top:0px;}
}

@media only screen and (max-width:800px){
  .ListStd .Wider .Item {width:48.5%;}
  #ListStdColIndicator {width:2px;}

  .MainFooter .Logos .Logo {padding-left:0px; padding-right:0px;}



}

@media only screen and (max-width:700px){
  .SlideshowStd .swiper-slide .Inner .Overlays .Overlay2 {max-width:60%}
  .TopBannerLarge .Overlays .Overlay2  {max-width:60%}

  .SiteMap .MapCol {width:47.5%;}

}

@media only screen and (max-width:650px) {
  .MainFooter .ContactForm .Cols {display:block;}
  .MainFooter .ContactForm .Cols .Col1 {display:inline-block; width:50%; padding:20px 25px 25px 20px;}
  .MainFooter .ContactForm .Cols .Col2 {display:inline-block; width:50%; padding:20px 45px 25px 25px;}
  .MainFooter .ContactForm .Cols .Col3 {display:block; width:100%; padding:35px 20px 30px 20px; border-left:none; border-top:solid 1px #fff;}
  .MainFooter .ContactForm .Cols .Col3 .Or {position:absolute; top:-22px; left:50%; margin-left:-22px;}
  
  .TopBanner h1 {padding:8px 13px; font-size:20px;}

  .RoomDetails .ColL .Inner .Item .Col1 {width:17%;}

  .SlideshowStd .swiper-slide .Inner .Overlays .Overlay2 {max-width:70%;}
  .TopBannerLarge .Overlays .Overlay2  {max-width:70%}

  .MainFooter .Logos {display:block; margin-bottom:0px;}
  .MainFooter .Logos .Logo {display:inline-block; height:60px; width:25%; margin-bottom:25px; vertical-align:middle;}
  .MainFooter .Logos .Logo a {}
  .MainFooter .Logos .Logo a img {max-height:60px;}

}


@media only screen and (max-width:600px){
  .SlideshowStd .swiper-slide .Inner .Overlays {top:24%;}
  .SlideshowStd .swiper-slide .Inner .Overlays .Overlay1 {max-width:55%; font-size:20px;}
  .SlideshowStd .swiper-slide .Inner .Overlays .Overlay2 {font-size:12px;}
  .TopBannerLarge .Overlays .Overlay2  {font-size:12px;}
  
  .MainFooter .Links {display:block; margin-bottom:0px; text-align:center;}
  .MainFooter .Links .Item {display:inline-block; width:33.3%; margin-bottom:15px; padding-left:5px; padding-right:5px; box-sizing:border-box;  text-align:center; vertical-align:top;}

}

@media only screen and (max-width:560px){
  .RoomDetails .ColR .Wider {width:100%;}
  .RoomDetails .ColR .Wider .Item {width:100%; margin-right:0%;}

  .MenuDetails .ColR .Wider {width:100%;}
  .MenuDetails .ColR .Wider .Item {width:100%; margin-right:0%;}

  .NewsDetails .ColR .Wider {width:100%;}
  .NewsDetails .ColR .Wider .Item {width:100%; margin-right:0%;}
  
  .AwardsPage .ColR .Wider {width:100%;}
  .AwardsPage .ColR .Wider .Item {width:100%; margin-right:0%;}

  .OfferDetails .ColR .Wider {width:100%;}
  .OfferDetails .ColR .Wider .Item {width:100%; margin-right:0%;}

  .ListNewsType .Wider {width:100%;}
  .ListNewsType .Wider .ItemL1 {width:100%; margin-right:0%;}
  .ListNewsType * .ItemL2.Top {border-bottom:solid 7px #fff;}
  /* single col indication */
  #NewsColIndicator {width:1px;}

  .ListStd .Wider {width:100%;}
  .ListStd .Wider .Item {width:100%; margin-right:0px;}
  #ListStdColIndicator {width:1px;}

  .EventPopup {left:0%; width:100%; margin-left:0px;}

}

@media only screen and (max-width:509px){
  .RoomPlan #planit_left {height:100%;}
}

@media only screen and (max-width:500px){
  .MainFooter .Map .TextOverlay {position:relative; top:0px; left:0px; max-height:100%; max-width:100%; width:100%; padding-bottom:25px;}

  .TopBanner img.Large {display:none;}
  .TopBanner img.Small {display:block;}
  .TopBanner h1 {padding:10px 15px; font-size:22px;}

  .RoomDetails .ColL .Inner .Item .Col1 {width:22%;}

  .TopBannerLarge .Overlays .Overlay2  {font-size:12px;}
  
  .TopBannerLarge .Overlays {top:5%;}
  .TopBannerLarge .Overlays .Overlay1 {max-width:70%; font-size:19px;}
  .TopBannerLarge .Overlays .Overlay2  {max-width:80%}
}

@media only screen and (max-width:450px) {
  .MainFooter .ContactForm .Cols .Col1 {display:block; width:100%; padding:20px 25px 0px 20px;}
  .MainFooter .ContactForm .Cols .Col2 {display:block; width:100%; padding:0px 25px 20px 20px;}
  .RoomDetails .ColL .Inner .Item .Col1 {width:26%;}
  .ListNewsType * .ItemL2.Top {border-bottom:solid 5px #fff;}
  .SiteMap .MapCol {width:100%; padding-right:0px;}
}


@media only screen and (max-width:430px){
  .MainHeader .Inner .Tel {top:14px; font-size:13px;}
  .MainHeader .Inner .Tel .FirstPart {display:block;}
}

@media only screen and (max-width:400px){
  .RoomDetails .ColL .Inner .Item .Col1 {width:29%;}
  .ListNewsType * .ItemL2.Top {border-bottom:solid 4px #fff;}

  .SlideshowStd .swiper-slide .Inner .Overlays {top:8%;}
  .SlideshowStd .swiper-slide .Inner .Overlays .Overlay1 {max-width:65%; padding:6px 10px 6px 10px; font-size:20px;}
  .SlideshowStd .swiper-slide .Inner .Overlays .Overlay2 {max-width:85%; padding:6px 10px 6px 10px; line-height:1.1em;}
  
  .TopBannerLarge .Overlays .Overlay2  {max-width:90%; line-height:1.1em; padding-left:10px; padding-right:10px;}
}