@media (min-width: 1400px) {}

@media (max-width: 1399px) {}

@media (max-width: 1299px) {
	body{font-size:19px;}
	.main-menu > div span {
    font-size: 225%;
	}
	.sb-eyecatcher .info-box {
    width: 25%;
	}
	.sb-quotation-box .text > div .quotation {
    font-size: 330%;
	}
}

@media (max-width: 1199px) {
	body{font-size:18px;}
	section.sb-simple-text,
	.tx-powermail {
    padding: 8em 0;
	}
}

@media (max-width: 1099px) {
	body{font-size:17px;}
	.sb-quotation-box .text > div .quotation {
    font-size: 280%;
	}
	.sb-quotation-box .text > div {
    padding: 3em;
	}
	.sb-quotation-box .text > div .quotation {
    font-size: 215%;
	}
	.main-menu > div img {
		width:125px;	
	}
}

@media (max-width: 991px) {
	body{
		font-size:16px;
		padding-top:75px;
	}
	

	#site-header {
		position:fixed;
		top:0;
		right:0;
		left:0;
		height:75px;
		background: #fdfaf8;
		z-index:25;
	}
	#box-logo {
    width: 87px;
		z-index:25;
		position:fixed;
		top:0;
		left: 0;
    -webkit-transform: translate(0, 0%);
       -moz-transform: translate(0, 0%);
         -o-transform: translate(0, 0%);
            transform: translate(0, 0%);
	}
	#section-menu {
		top:75px;
		padding:0;
	}
	.main-menu .sub {
		text-align:left;
		padding:0;
		border-top:1px solid rgba(0,0,0,.1);
	}
	.main-menu > div img {
		margin:0;
	}
	.main-menu .sub > div {
		padding:.5em;
		text-align:left;
		cursor:pointer;
	}
	.main-menu .sub > div > img,
	.main-menu .sub > div > span {
		displaY:inline-block;
		vertical-align:middle;
	
	}
	.main-menu .sub > div > img {
		margin:0 1em 0 0;
		
		-webkit-transition: all 250ms;
       -moz-transition: all 250ms;
         -o-transition: all 250ms;
            transition: all 250ms;
	}
	.main-menu .sub > div.active > img {
		margin:0 1em 0 1em;
	}
	.main-menu > div span {
    font-size: 225%;
		margin: 0;
	}
	.main-menu .sub > div .fa-caret-down {
		display:block;
		position:absolute;
		top:50%;
		right:.5em;
				
		-webkit-transform: translate(0, -50%) rotate(0deg);
       -moz-transform: translate(0, -50%) rotate(0deg);
         -o-transform: translate(0, -50%) rotate(0deg);
            transform: translate(0, -50%) rotate(0deg);
		
		-webkit-transition: all 250ms;
       -moz-transition: all 250ms;
         -o-transition: all 250ms;
            transition: all 250ms;
	}
	
	.main-menu .sub > div.active .fa-caret-down {
    -webkit-transform: translate(0, -50%) rotate(180deg);
       -moz-transform: translate(0, -50%) rotate(180deg);
         -o-transform: translate(0, -50%) rotate(180deg);
            transform: translate(0, -50%) rotate(180deg);
  }
	
	.main-menu .sub ul {
		background:rgba(0,0,0,.025);
		display:none;
	}
	.main-menu .sub li a {
		font-size:150%;
		padding:.65em;
		border-top:1px solid rgba(0,0,0,.1);
	}
	
	
	
	section.sb-simple-text,
	.tx-powermail,
	.sb-room,
	.sb-tours{
    padding: 5em 0;
	}
	.sb-text-image .header {
    margin: 0 .5em 0 0;
	}
	#section-menu .container {
		width: 100%;
	}
	.pricelist {
		border-right:2px solid rgba(0,0,0,.1);
	}
	.sb-eyecatcher .badge {
		top: 50%;
		left:4rem;

		transform: translateY(-50%)
	}
  .sb-eyecatcher.ec-slider,
.sb-eyecatcher.ec-slider .bx-wrapper, 
.sb-eyecatcher.ec-slider .bx-viewport, 
.sb-eyecatcher.ec-slider .slider,
.sb-eyecatcher.ec-slider .slider > li{
  height: calc(100svh - 75px);
}
}

@media (max-width: 767px) {
	
	.sb-eyecatcher .info-box {
    width: 40%;
	}
	.sb-tiled-gallery {
		height:auto;
	}
	.sb-tiled-gallery .image {
		width:50%;
		height:auto;
		padding-top:50%;
		position:relative;
		top:auto;
		left:auto;
		float:left;
	}
	#site-footer {
    padding: 2.5em 0;
	}
	#col-meta > ul, #col-language > nav {
    position: relative;
    right: auto;
    bottom: auto;
	}
	#site-footer .row > div {
		text-align:left;
		margin-bottom:1em;
	}
	.main-menu .sub > div span {
    margin-bottom: 0;
	}
	.sb-icons .icon {
    margin: 0 .5em 1em .5em;
	}
	.sb-icons .icon img {
    height: 50px;
	}
	#site-footer .header {
    font-size: 200%;
	}
	#site-footer p {
    font-size: 100%;
	}
	.sb-room .images {
		padding:0;
	}
	.sb-room .image {
    width: 50%;
    height: auto;
    padding-top: 50%;
    position: relative;
    top: auto;
    left: auto;
    float: left;
	}
	.tour-container .image {
		margin-bottom:.5em;
	}
	.tour-container .header:after {
		width:32px;
		height:21px;	
	}
	.sb-quotation-box .image figure {
    background-position: center 10%;
	}
	.sb-full-width-image.ratio-3,
	.sb-full-width-image.ratio-3 .bx-wrapper, 
	.sb-full-width-image.ratio-3 .bx-viewport,
	.sb-full-width-image.ratio-3 .bx-viewport .slider,
	.sb-full-width-image.ratio-4,
	.sb-full-width-image.ratio-4 .bx-wrapper, 
	.sb-full-width-image.ratio-4 .bx-viewport,
	.sb-full-width-image.ratio-4 .bx-viewport .slider,
	.sb-full-width-image.ratio-5,
	.sb-full-width-image.ratio-5 .bx-wrapper, 
	.sb-full-width-image.ratio-5 .bx-viewport, 
	.sb-full-width-image.ratio-5 .slider {
		height: 50vw;
	}
	section.sb-simple-text > .pixel {
		top:auto;
		-webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
		
		margin:0;
	}
	.sb-eyecatcher .badge {
		left:2rem;
	}
}

@media (max-width: 599px) {
	.header {
    font-size: 600%;
	}
	.sb-simple-text .header img {
    max-width: 100px;
    max-height: 80px;
	}
	.sb-eyecatcher .info-box {
    width: 50%;
	}
	.powermail_fieldset {
		margin-bottom:0;
	}
	.powermail_fieldset_3 {
    margin-bottom: 3em;
	}
	.powermail_fieldset_1 .powermail_fieldwrap,
	.powermail_fieldset_2 .powermail_fieldwrap,
	.powermail_fieldset_3 .powermail_fieldwrap,
	.powermail_fieldset_4 .powermail_fieldwrap,
	.powermail_fieldset_5 .powermail_fieldwrap,
	.powermail_fieldset_6 .powermail_fieldwrap,
	.powermail_fieldset_7 .powermail_fieldwrap,
	.powermail_fieldset_8 .powermail_fieldwrap {
    width: 100%;
		margin-bottom:1em;
	}
	.powermail_fieldset_8 .powermail_fieldwrap_type_submit {
		text-align:left;
	}
	img.mail-bg-image {
    top: 0;
    -webkit-transform: translate(1%, 0);
       -moz-transform: translate(1%, 0);
         -o-transform: translate(1%, 0);
            transform: translate(1%, 0);
    width: 40%;
	}
	
	section.sb-simple-text > img {
		position:relative;
		right:auto;
		top:auto;

		-webkit-transform: translate(0,0);
			 -moz-transform: translate(0,0);
				 -o-transform: translate(0,0);
						transform: translate(0,0);

		width:65%;
		margin:0 0 -4em auto;
	}
	.sb-quotation-box > div {
		float:none;
		width:100%;
	}
	.sb-quotation-box .text {
		padding:0;
	}
	.sb-quotation-box .text > div {
    position: relative;
    top: auto;
    padding: 2em;
    -webkit-transform: translate(0,0);
       -moz-transform: translate(0,0);
         -o-transform: translate(0,0);
            transform: translate(0,0);
	}
	.main-menu .sub li a {
    font-size: 125%;
    padding: 1em;
	}
	.ratio-2 {
		height: 50vw !important;
	}
	.ratio-3 {
		height: 50vw !important;
	}
	.ratio-4 {
		height: 50vw !important;
	}
	.ratio-5 {
		height: 50vw !important;
	}
	.sb-eyecatcher .big-text-image {
		display:none;
	}
	.sb-eyecatcher .badge {
		top: auto;
		left:2rem;
		bottom:2rem;

		transform: none;
	}
	.sb-eyecatcher .badge img {
		width:150px;
	}
}

@media (max-width: 480px) {
	.header {
    font-size: 400%;
	}
	.subheader {
    font-size: 200%;
	}
	.main-menu .sub > div > img {
    margin: 0 .5em 0 0;
	}
	.main-menu .sub > div.active > img {
    margin: 0 .5em 0 .5em;
	}
	.main-menu .sub > div span {
        font-size: 165%;
	}
	.sb-eyecatcher .info-box {
    width: 60%;
	}
	.sb-eyecatcher .info-box .box-text {
    padding: 1em 1em .5em 1em;
	}
	.sb-eyecatcher .badge {
		left:1rem;
		bottom:1rem;
	}
	.sb-eyecatcher .badge img {
		width:120px;
	}
}