@media (min-width:1619px) {
	.mp-main-title h1 {
		font-size: 5.143rem;
	}
	.mp-main-title p {
		padding: 16px 22px;
		font-size: 1.143rem;
	}
	#mp-main nav li {
		margin-right: 12px
	}
	#mp-main nav a {
		width: 180px;
		height: 156px
	}
	#mp-main nav a p {
		font-size: 1.214rem;
		margin-bottom: 5px
	}
	#mp-main nav a span {
		font-size: 0.929rem;
	}
	#mp-main nav a .img-wrap {
		padding: 6px 46px 4px
	}
	.weather-diagram {
		flex-grow: 1
	}
	table.price-list .best-price-ico {
		top: 50%;
		margin-top: -14px;
		right: 16px
	}
}

@media (max-width:1199px) {
	#content .aside-wrapper > article{
		max-width:100%;
	}
	.price-list{
		overflow-x:auto;
		width:100%;
	}
	#main-nav ul ul,
	.scroll-down,
	.scroll-up {
		left: 200px
	}
	#left-side {
		width: 200px
	}
	#logo {
		padding: 15px 28px
	}
	#main-nav>ul>li>a {
		padding: 7px 12px;
		font-size: 1rem;
	}
	#mp-main nav a {
		width: 102px;
		height: 102px;
		padding: 4px
	}
	#mp-main nav a .img-wrap {
		padding: 2px 20px
	}
	#mp-main nav a span {
		display: none
	}
	#content>section {
		padding-left: 158px;
		width: 100%
	}
	#body-mainpage #content>section {
		padding: 0 0 0 158px
	}
	#body-mainpage #content .v-center article .title {
		font-size: 1.071rem;
		padding-bottom: 0;
		margin-bottom: 8px
	}
	#body-mainpage #content .v-center article .date {
		background-size: 13px;
		font-size: 0.929rem;
		padding: 0 0 0 16px;
		margin-bottom: 8px;
		margin-left: -2px
	}
	#body-mainpage #content .v-center article .desc {
		padding-top: 2px;
		font-size: 1rem
	}
	.mp-main-title h1 {
		display: block;
		font-size: 3rem
	}
	.mp-main-title p {
		font-size: 0.929rem;
		padding: 12px;
		margin-bottom: 8px
	}
	.weather-diagram {
		text-align: center
	}
	.weather-diagram .caption-wrapper {
		left: 50%;
		margin-left: -68px
	}
	.weather-diagram.bigger {
		flex-grow: 1
	}
	.weather-diagram.bigger .caption-wrapper,
	.weather-diagram.history .caption-wrapper {
		margin-left: -100px
	}
	.articles-wrapper .article-box.first .content,
	.articles-wrapper .article-box.first .img {
		width: 100%
	}
	.articles-wrapper .article-box.first .content {
		padding: 14px 14px 44px
	}
	.videos-wrapper .video {
		width: 49.25%
	}
	.videos-wrapper .video:nth-child(3n) {
		margin-right: 1.5%
	}
	.videos-wrapper .video:nth-child(2n) {
		margin-right: 0
	}
	#resort-plan-bg {
		left: 200px;
		width: calc(100% - 200px)
	}
	footer>div {
		padding-left: 158px;
		width: 100%
	}
}

@media(max-width:959px) {
	#left-side-foot,
	#logo {
		vertical-align: middle
	}
	body {
		cursor: default!important
	}
	.scroll-down,
	.scroll-up {
		display: none
	}
	#left-side {
		display: block;
		position: absolute;
		position: relative;
		width: 100%;
		height: 70px;
		text-align: left;
		z-index: 1100
	}
	#logo {
		border: 0;
		box-sizing: content-box;
		width: 120px;
		padding: 16px 15px 14px
	}
	#left-side-foot {
		position: relative;
		display: inline-block;
		top: auto;
		left: auto;
		width: auto;
		margin-left: 12px
	}
	#mobile-nav-btn-wrap {
		display: block;
		margin: 9px 12px 0 0
	}
	#main-nav {
		position: absolute;
		overflow: hidden;
		right: 0;
		top: 70px;
		background: rgba(15, 15, 15, .9);
		border-top: 1px solid rgba(246, 246, 246, .09);
		transition: width .2s linear;
		width: 250px
	}
	#main-nav>ul>li>a {
		white-space: nowrap;
		font-size: 1.071rem;
		padding: 10px 12px;
		text-align: right
	}
	#main-nav.mobile-closed {
		width: 0
	}
	#main-nav ul ul {
		display: none!important
	}
	#left-side-foot p {
		display: none
	}
	#languages li {
		margin: 0 2px
	}
	#languages li a {
		padding: 8px
	}
	#right-fixed-nav-wrapper {
		position: relative;
		display: block;
		z-index: 100;
		top: 0;
		right: 0;
		padding: 0;
		margin: 16px 0 0;
		width: 100%
	}
	#body-mainpage #right-fixed-nav-wrapper {
		margin-bottom: 26px
	}
	#right-fixed-nav-wrapper:after {
		content: "";
		display: block;
		clear: both
	}
	#mp-events-wrapper .pattern,
	#mp-main nav,
	#mp-news-wrapper .pattern,
	#right-fixed-nav .ico,
	#right-fixed-nav a p,
	.mp-main-title p br {
		display: none
	}
	#right-fixed-nav {
		width: 100%
	}
	#right-fixed-nav li {
		width: calc(33.333% - 4px);
		margin-right: 6px;
		margin-bottom: 6px;
		height: 50px;
		float: left;
		text-align: center
	}
	#right-fixed-nav li:nth-child(3n) {
		margin-right: 0!important
	}
	#right-fixed-nav li:hover,
	#right-fixed-nav-wrapper.mainpage li.opened:not(.opened-close) {
		margin-right: 6px
	}
	#right-fixed-nav a h4,
	#right-fixed-nav a p {
		padding: 0
	}
	#right-fixed-nav li.social a {
		margin: 10px 10px 0!important
	}
	#mp-main {
		position: relative;
		padding: 210px 0 10px
	}
	/*#mp-main-wrapper {background-image: url(../img/mp-mobile.jpg)!important}*/
	.mp-main-title h1,
	.mp-main-title p {
		float: left
	}
	.mp-main-title h1 {
		padding: 12px 18px;
		font-size: 2rem
	}
	.mp-main-title p {
		text-align: left;
		width: 100%
	}
	#body-mainpage #content {
		height: auto
	}
	#body-mainpage .v-center {
		position: relative;
		padding: 0;
		margin-top: 0;
		top: auto
	}
	#body-mainpage #content>section,
	footer>div {
		width: 100%;
		height: auto;
		padding: 0 12px
	}
	#body-mainpage #content>section .section-title {
		margin: 0 0 28px
	}
	#content .v-center article .date,
	#content .v-center article .desc,
	#content .v-center article .title {
		display: block;
		padding-left: 2px;
		padding-right: 2px
	}
	#content .v-center article .date {
		padding-left: 2px;
		background-image: none!important;
		margin-left: 0
	}
	#body-mainpage #content .v-center article .date,
	#body-mainpage #content .v-center article .title {
		margin-bottom: 6px
	}
	#body-mainpage #content .v-center article .date {
		padding-left: 2px
	}
	.mp-read-more {
		display: inline-block;
		position: relative;
		bottom: 0;
		float: right;
		margin-top: 16px
	}
	.articles-wrapper .article-box,
	.articles-wrapper .article-box.first {
		max-width: 47.75%;
		width: 47.75%;
		margin-right: 2.25%
	}
	.articles-wrapper .article-box.first {
		padding-bottom: 34px
	}
	.article-box .content,
	.articles-wrapper .article-box.first .content {
		padding: 14px
	}
	.articles-wrapper .article-box.first .content,
	.articles-wrapper .article-box.first .img,
	.articles-wrapper .article-box.first .read-more {
		width: 100%
	}
	.articles-wrapper .article-box:nth-child(3n+1) {
		margin-right: 2.25%
	}
	.articles-wrapper .article-box:nth-child(2n) {
		margin-right: 0
	}
	#load-more-articles .loading-spinner {
		top: 0
	}
	.boxes-wrapper .article-box {
		width: 49%;
		max-width: 49%;
		margin-right: 2%
	}
	.boxes-wrapper .article-box:nth-child(3n) {
		margin-right: auto
	}
	.boxes-wrapper .article-box:nth-child(2n) {
		margin-right: 0
	}
	#body-subpage #content>section {
		padding: 0 12px
	}
	#breadcrumb {
		margin-bottom: 12px;
		padding: 10px 5px
	}
	#resort-plan-bg {
		left: 0;
		width: 100%;
		overflow-x: scroll
	}
	#resort-plan-bg img {
		width: 160%
	}
	.resort-plan-legend .rpl-col {
		width: 49%;
		margin-right: 2%
	}
	.resort-plan-legend .rpl-col:nth-child(2) {
		margin-right: 0
	}
	.weather-diagram.history .caption-wrapper {
		margin-left: -164px
	}
	#route-service-map,
	#route-service-right {
		width: 100%;
		margin: 0
	}
	#route-service-map {
		margin-bottom: 10px
	}

	#bm{
	  width:80px;
	  display:block;
	  margin-top:5px;
	}
	#bm img{
	  max-width:100%;
	  width:auto;
	  height:auto;
	}

	#glass {
		display: none!important
	}
}

@media(max-width:639px) {
	#mp-main-wrapper:after,
	#right-fixed-nav li:after {
		content: "";
		position: absolute
	}
	#left-side-foot {
		margin-left: 2px
	}
	#mp-events-wrapper,
	#mp-news-wrapper {
		background-image: none!important
	}
	.mp-read-more,
	.mp-read-more:hover {
		background: 0 0;
		color: #535353
	}
	.mp-main-title h1 {
		width: 100%
	}
	#right-fixed-nav li {
		width: 100%;
		text-align: left;
		padding-left: 58px;
		border-radius: 1px;
		margin-bottom: 2px
	}
	#right-fixed-nav li:after {
		display: block;
		right: 20px;
		top: 18px;
		width: 12px;
		height: 12px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		transform: rotate(45deg)
	}
	#right-fixed-nav li:last-of-type:after {
		display: none
	}
	#right-fixed-nav .ico {
		display: block;
		left: 10px;
		top: 4px
	}
	.mp-read-more {
		width: 100%;
		border: 2px solid #535353;
		text-align: center
	}
	#body-mainpage #content>section .section-title {
		width: 100%;
		text-align: center;
		padding: 12px 6px;
		margin-bottom: 20px
	}
	#content .v-center {
		height: auto
	}
	#content .v-center article {
		width: 100%;
		margin: 0 0 20px;
		padding-bottom: 0
	}
	#content .v-center article .date {
		padding: 2px 0 2px 24px;
		background: url(../img/clock.png) 5px center no-repeat!important
	}
	#body-mainpage #content .v-center article .date {
		padding-left: 24px
	}
	#content .aside-wrapper {
		display: block;
		flex-wrap: nowrap
	}
	#content .aside-wrapper>article,
	#content .aside-wrapper>aside {
		flex-grow: 1;
		flex-basis: 100%;
		width: 100%;
		margin-left: 0;
		margin-right: 0
	}
	#content .aside-wrapper.aside-left {
		flex-flow: row
	}
	#body-mainpage #content>section,
	footer>div {
		padding: 0 16px
	}
	#mp-main-wrapper:after {
		display: block;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 45px;
		z-index: 10;
		background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .01) 1%, rgba(255, 255, 255, 1) 100%);
		background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .01) 1%, rgba(255, 255, 255, 1) 100%);
		background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .01) 1%, rgba(255, 255, 255, 1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0)
	}
	.formatted-content li,
	.formatted-content p,
	.formatted-content strong {
		line-height: 1.15em
	}
	.articles-wrapper .article-box,
	.articles-wrapper .article-box.first {
		max-width: 100%;
		width: 100%;
		margin-right: 0
	}
	.boxes-wrapper .article-box {
		width: 100%;
		max-width: 100%;
		margin-bottom: 32px
	}
	#body-subpage #content article tbody {
		white-space: nowrap
	}
	#body-subpage #content article td,
	#body-subpage #content article th {
		padding: 4px
	}
	#resort-plan-bg img {
		width: 280%
	}
	.resort-plan-legend .rpl-col {
		width: 100%;
		margin-right: 0
	}
	.page-gallery a {
		width: 49%;
		margin-right: 2%
	}
	.page-gallery a:nth-child(2n+2) {
		margin-right: 0
	}
	.article-box .content {
		padding: 10px 5px
	}
	.price-list.summer {
		width: 100%
	}
	.videos-wrapper .video {
		width: 100%;
		margin-right: 0!important
	}
	.videos-wrapper .video .inner img {
		width: 100%
	}
	#weather-forecast .item {
		width: 100%;
		margin: 0 0 5px
	}
	#body-subpage #content article table {
		min-width: 0
	}
	.price-list th.blue {
		padding: 0!important
	}
	#footer-bottom li ul li,
	#footer-map-wrapper,
	#footer-map-wrapper {
		height: auto
	}
	#footer-map-wrapper .legend {
		position: relative;
		width: 100%;
		margin-top: 20px;
		top: 0
	}
	#footer-map {
		position: relative!important;
		width: 100%;
		height: 200px
	}
	#footer-logos a {
		display: inline-block;
		width: 33.333%;
		margin-bottom: 4px
	}
	#footer-logos .main {
		padding-bottom: 0;
	}
	#footer-bottom .col {
		width:50%
	}
	#footer-bottom a {
		padding: 2px;
		font-size: 1rem
	}
	.accordion-title {
		font-size: 1.286rem !important;
		padding: 12px 96px 12px 0
	}
	.table-wrapper {
		overflow-x: auto!important
	}
}
@media(max-width:480px) {
  #footer-bottom .col {
	width:100%
  }
}

@media (min-width:959px and min-height:679px) {
	#body-mainpage #content>section .section-title {
		margin-top: 80px
	}
	.mp-read-more {
		bottom: 60px
	}
}