/*------------------------------------------------------380px----*/
/*------------------------------------------------------380px----*/
/*------------------------------------------------------380px----*/

@media (min-width:0px) and (max-width:380px){


.mainNavCon {
    min-height: 80vh;
    top: 20px;
}


.navMainWrpr {
    padding: 0 20px;
}

.closeBtnCon {
    margin: 20px;
}

.navItem .navLink {
    font-size: 5.33vw;
}

.bookLink {
    font-size: 5.88vw;
}

.mainNavCon .socialBlock {
    margin: 0 0 30px 20px;
}

.entryTitle {
    top: -19%;
}

.hpSubtitle2 {
    font-size: 6px;
}

.entryLeftColumn {
    margin: 11% 0 0 0;
}

.entryCentralColumn {
    margin: 33% auto 0 auto;
}

.hpSubtitle {
    font-size: 0.7em;
}

.bookingCon .bodyCopy {
    font-size: 0.68em;
}

.activeSlide .sliderCopy {
    margin: -5px 0 0px 0px;
    line-height: 10px;
}

.activeSlide .explSliderLink {
    top: 70px;
}


}




/*------------------------------------------------------iPhone10+----*/

@media only screen and (min-width:0px) and (max-width:375px) and (min-height:812px) {

.entryTitle {
    top: -28%;
}


.entryLeftColumn {
    margin: 18% 0 0 0;
}

.entryCentralColumn {
    margin: 44% auto 0 auto;
    transform: scale(1.5);
}

.hpSubtitleBlock {
    margin: 0% 0 0 0;
}

.hpSubtitle2 {
    font-size: 6px;
}



/*-------------------------EXPLORE PAGE*/

.explEntryColumn-center .explCentralIMGClipper {
    margin: 40% 0 0 0%;
}

.portalRow-fullWidth .roomPortalIMGWrapper,
.portalRow-halves .portalHalf .roomPortalIMGWrapper {
    height: 30vh;
    min-height: 200px;
    max-height: 400px;
}

/*-------------------------HISTORY PAGE*/

.histEntryColumn-left,
.histEntryColumn-right {
    margin: -30% 0 0 0;
}

.storyEntryColumn-left, .storyEntryColumn-right {
    margin: -110% 0 0 0;
}

.storyEntryColumn:nth-of-type(2) {
    margin: 50% 0 0 0;
}




/*-------------------------HISTORY PAGE*/

.timelineYear {
    font-size: 2em;
}

.tl-yearCon {
    margin: 0 10px 0 0;
}

.timeline-lineCon {
    margin: -96% auto 0 auto;
    left: 6%;
}

/*-------------------------STORY PAGE*/

#osEntrySection {
    margin: 0 auto 30px auto;
}

.valueBlock {
    margin: 10px auto;
}


/*-------------------------PRESS PAGE*/

.pressTitle {
    margin: 18% 0 0% 0%;
}


/*-------------------------CONTACT PAGE*/

.formItem {
    width: 97.3%;
}


/*-------------------------WEDDINGS PAGE*/

.indvRoomIMGWrapper,
.genEntryWrapper {
	height: 30vh;
    min-height: 200px;
}

.vidWrapper {
	height: 26vh;
}

#eventsInfoPage .roomTitle01 {
    font-size: 1.4em;
    line-height: 1.33em;
}




}