@media screen and (min-width: 1550px) and (max-width: 1850px) {

    .highlight-img {
        width: 50%;
    }
}

@media screen and (max-width: 1549px) {
    .testimonials-container .testimonial-item {
        min-height: 440px;
    }

    .seciton--amentities .container {
        max-width: 95%;
    }

    .room__details a {
        font-size: 26px;
        padding: 15px 25px 20px;
    }

    .highlight-img {
        width: 50%;
    }

    .highlight-text ul li {
        font-size: 18px;
    }

    .header .container {
        max-width: 95%;
    }

    .header .column:first-child {
        flex: 0 0 20%;
    }

    nav ul li a {
        padding: 70px 15px;
        font-size: 15px;
    }
}

@media screen and (max-width: 1399px) {
    .container {
        max-width: 95%;
    }

    .header .column:first-child {
        flex: 0 0 16%;
    }

    nav ul li a {
        padding: 70px 15px;
        font-size: 14px;
    }

    nav ul li a.button {
        padding: 20px 20px;
    }

    .hero-text h1 {
        font-size: 90px;
    }

    .hero-slider--home .hero-slider__item img {
        height: 100%;
        object-fit: cover;
    }

    .highlight-wrap .column {
        padding-left: 60px;
    }

    .highlight-img img {
        height: 760px;
        object-fit: cover;
        object-position: left;
    }


}

@media screen and (max-width: 1200px) {
    .testimonials-container .testimonial-item {
        width: 32%;
        padding: 20px 0;
    }

    .header .column:first-child {
        flex: 0 0 16%;
    }

    nav ul li a {
        padding: 70px 10px;
        font-size: 14px;
    }

    nav ul li a.button {
        padding: 15px 15px;
        font-size: 15px;
    }

    .tab-content .section--room-features.section--landing-features .container,
    .section--location-intro .container,
    .section--location--details .container,
    .section--room-features .container,
    .section--building-features .container,
    .section--dolphin .container {
        max-width: 80%;
    }
}

@media screen and (max-width: 1099px) {
    .footer .container {
        max-width: 95%;
    }

    .header .column:first-child {
        flex: 0 0 16%;
    }

    nav ul li a {
        padding: 70px 7px;
        font-size: 13px;
    }

    .highlight-img img {
        height: 700px;
        object-fit: cover;
    }

    .intro h2,
    .title h2,
    .highlight-text h2 {
        font-size: 40px;
    }

    .highlight-text ul li {
        margin-bottom: 15px;
        font-size: 18px;
    }

    nav ul li a.button {
        padding: 12px 15px;
        font-size: 14px;
    }


    .tab-content .section--room-features.section--landing-features .container,
    .section--location-intro .container,
    .section--location--details .container,
    .section--room-features .container,
    .section--building-features .container,
    .section--dolphin .container {
        max-width: 90%;
    }

}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .header nav {
        display: none;
    }

    .header {
        padding: 20px 0;
        position: relative;
    }

    .section--rooms .container--bleed .column {
        flex: 0 0 50%;
        margin-bottom: 30px;
    }

    .hero-text h1 {
        font-size: 54px;
        max-width: 545px;
        line-height: 1.2;
    }

    .highlight-wrap .column {
        padding-left: 30px;
        flex: 0 0 100%;
    }

    .tabs li {
        margin-bottom: 20px;
    }

    .tabs {
        margin: 90px 0 30px;
    }

    .room-img {
        padding-left: 0;
        margin-top: 50px;
    }

    .rates-img {
        padding-right: 0;
        margin-top: 50px;
    }

    .column--amenities li {
        flex: 0 0 50%;
        margin-bottom: 20px;
    }

    .room__title {
        font-size: 20px;
        padding: 15px 30px 20px;
    }

    .section--related {
        padding: 90px 0 90px;
    }

    .intro-details h2,
    .dolphin-details h2 {
        font-size: 36px;
    }

    .intro-details span,
    .dolphin-details span {
        font-size: 14px;
    }

    .intro-details {
        padding-left: 15px;
        padding-top: 50px;
        height: auto;
    }

    .room-intro,
    .section--room-features,
    .section--location-intro {
        background-size: 100%;
        background-position: center 0;
        padding-bottom: 30px;
    }

    .section--building-features {
        padding-top: 30px;
    }

    .hamburger {
        display: block;
    }

    .header nav {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        z-index: 99;
        background-color: #fff;
        height: 100vh;
    }

    .header nav ul li {
        width: 100%;
    }

    .header nav ul li a {
        padding: 15px 15px;
        font-size: 16px;
    }

    .header nav ul li:first-child a {
        padding-left: 15px;
    }

    .header nav ul li:last-child {
        padding-left: 15px;
        padding-top: 30px;
    }

    .tabs li {
        padding: 0 20px;
    }

    .tabs li a {
        font-size: 12px;
    }

    .highlight-img {
        width: 100%;
    }

    .highlight-wrap {
        position: relative;
        top: 0;
        transform: none;
        padding-top: 60px;
    }

    .highlight-img img {
        width: 100%;
    }

    .header .columns {
        display: flex;
        flex-flow: row wrap;
    }

    .header .column:last-child {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .section--location--details {
        padding: 30px 0;
    }

    .section--dolphin .column:last-child {
        justify-content: flex-start;
        padding-top: 50px;
    }

    .room-features {
        padding-top: 50px;
    }

    .rates-info {
      margin-top: 30px;
    }

    .tab-content .section--room-features.section--landing-features .container,
    .section--location-intro .container,
    .section--location--details .container,
    .section--room-features .container,
    .section--building-features .container,
    .section--dolphin .container, .container-reverse {
        max-width: 95%;
    }
}

@media screen and (max-width: 767px) {
  .specials-item-note h2 {font-size: 32px;}
  .hero-slider__item.vimeo {background-size: 500%;}
  .main-menu-new {margin: 0; display: block;}
    .testimonials-container .testimonial-item {
        width: 100%;
        min-height: 100%;
    }

    .columns-reverse {
      flex-direction: column-reverse;
    }

    .rates-info h3 {
      font-size: 22px;
    }

    .notes-split {
      flex-direction: column;
    }

    .notes-right {
      width: 100%;
      margin-top: 30px;
    }

    .notes-left {
      width: 100%;
    }

    .testimonial-bottom {
        position: relative;
    }

    .header nav {
        display: none;
    }

    .header {
        padding: 20px 0;
        position: relative;
    }

    .header .columns {
        display: flex;
        flex-flow: row wrap;
    }

    .header .column:first-child {
        flex: 0 0 50%;
    }

    .hero-text h1 {
        font-size: 36px;
        line-height: 1.2;
    }

    .hero-slider--home .hero-slider__item img {
        height: 100%;
        object-fit: cover;
    }

    .section--rooms .container--bleed {
        padding: 0 15px;
    }

    .room {
        margin-bottom: 15px;
    }

    .room__details a {
        font-size: 21px;
        padding: 10px 20px 15px;
    }

    .intro {
        padding: 70px 0;
    }

    .intro h2,
    .title h2,
    .highlight-text h2 {
        font-size: 32px;
    }

    .intro p {
        font-size: 20px;
        line-height: 1.6;
    }

    .columns--rooms .column {
        margin-bottom: 15px;
    }

    .section-suites {
        padding-bottom: 40px;
    }

    .section-suites--landing {
        padding: 60px 0 0;
    }

    .tab-content .section--room-features.section--landing-features {
        padding-top: 20px;
    }

    .highlight-img {
        width: 100%;
    }

    .highlight-wrap {
        position: relative;
        top: 0;
        transform: none;
    }

    .highlight-wrap .column {
        flex: 0 0 100%;
        padding-left: 15px;
        padding-top: 40px;
        padding-bottom: 100px;
    }

    .column--nav {
        position: relative;
        display: flex;
        flex-flow: row wrap;
    }

    .column--nav nav {
        order: 2;
        width: 100%;
    }

    .footer nav>ul {
        flex-flow: row wrap;
    }

    .footer nav>ul li {
        width: 100%;
    }

    .footer nav>ul li a {
        padding: 15px 0;
    }

    .foot-logo {
        position: relative;
        left: 0;
        transform: none;
        z-index: 1000;
        top: 0;
        order: 1;
        margin-bottom: 30px;
    }

    .social-list {
        justify-content: flex-start;
        margin-top: 30px;
    }

    .copy-text,
    .copy-text a {
        margin-top: 30px;
    }

    .container {
        max-width: 95%;
    }

    .header .column:last-child {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .header nav {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        z-index: 99;
        background-color: #fff;
        height: 100vh;
    }

    .header nav ul li {
        width: 100%;
    }

    .header nav ul li a {
        padding: 15px 15px;
        font-size: 16px;
    }

    .header nav ul li:first-child a {
        padding-left: 15px;
    }

    .header nav ul li:last-child {
        padding-left: 15px;
        padding-top: 30px;
    }

    .section--inner-hero .hero-slider__item img {
        height: 540px;
        object-fit: cover;
    }

    .room-features h2 {
        font-size: 29px;
    }

    .room-img {
        padding-left: 0;
        margin-top: 50px;
    }

    .column--amenities ul {

        column-count: 1;
    }

    .tabs {
        margin: 45px 0 0;
    }

    .tabs li {
        padding: 15px 0;
        width: 100%;
        text-align: center;
    }

    .slide-arrow img {
        width: 60px;
    }

    .nav-arrows .container {
        max-width: 100%;
    }

    .room-slider .slick-track,
    .related-slider .slick-track {
        margin: 0 -10px;
    }

    .room-slider .slick-slide,
    .related-slider .slick-slide {
        padding: 0 10px;
    }

    .column--amenities li {
        flex: 0 0 100%;
        margin-bottom: 20px;
    }

    .seciton--amentities {
        padding: 60px 0 50px;
    }

    .title {
        margin-bottom: 45px;
    }

    .nav-arrows {
        top: 50px;
    }

    .room__title {
        font-size: 15px;
        padding: 10px 15px 14px;
        min-width: 160px;
        text-align: center;
    }

    .related-slider__item p {
        font-size: 15px;
        margin-top: 15px;
    }

    .section--related {
        padding-bottom: 70px;
    }

    .contact-wrap .columns:last-child .column:last-child {
        padding-left: 0;
        padding-top: 50px;
    }

    .related-slider__item img {
        height: 300px;
    }

    .intro-details {
        padding-left: 0;
        padding-top: 30px;
    }

    .intro-details span,
    .dolphin-details span {
        font-size: 13px
    }

    .intro-details h2,
    .dolphin-details h2 {
        font-size: 32px;
        margin: 10px 0 30px;
        line-height: 1.18;
    }

    .section--location-intro,
    .section--building-features {
        padding: 60px 0;
    }

    .section--building--details {
        padding: 0 0 60px;
    }

    .building-features__img {
        margin-top: 30px;
    }

    .dolphin-img {
        margin: 35px 0;
    }

    .room__img img {
        height: 250px;
        object-fit: cover;
    }

    .columns.columns--blog-more .column {
        flex: 0 0 100%;
    }

    .hero-slider__item {
        height: 700px;
    }

    .section--inner-hero .hero-slider__item {
        height: 540px;
    }

    div#tabs-content {
        padding-top: 60px;
    }

    .section--room-features {
        padding: 60px 0 60px;
        position: relative;
    }

    .seciton--amentities.section--higlight {
        padding-bottom: 20px;
    }

    .seciton--amentities.section--higlight .highlight-wrap .column {
        padding-bottom: 0;
    }

    .tab-content .section--room-features.section--landing-features .container,
    .section--location-intro .container,
    .section--room-features .container,
    .section--building-features .container,
    .section--dolphin .container, .container-reverse {
        max-width: 100%;
    }

    .container-reverse {
        padding: 40px 15px 0 15px;
    }

    .rates-info {
      padding-left: 0;
    }

    .contact-wrap {
        padding: 30px 15px;
    }

    .contact-wrap .columns:last-child .column:last-child {
        padding-left: 15px;
    }

    .contact-block p {
        font-size: 14px;
    }

    .contact-block__left {
        flex: 0 0 10%;
    }

    .contact-block h6 {
        font-size: 17px;
    }

    .contact-block {
        margin-bottom: 25px;
    }

    .hero-slider__item.vimeo {
        width: 100%;
        min-height: 565px;
    }

    .hero-slider__item.vimeo iframe {
        width: 100vw;
        height: 56.25vw;
        min-height: 100vh;
        min-width: 177.77vh;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .Fullwidth .room__img img {
        height: 250px;
        object-position: right;
    }

    .highlight-wrap .column {
        padding-bottom: 60px;
    }

    .highlight-text ul {
        margin-bottom: 0;
    }

    .section--gallery {
        padding: 100px 0 60px;
    }

    .room-slider__img img {
        height: 300px;
        object-fit: cover;
    }

    .intro-details p:last-child {
        margin-bottom: 0;
    }

    .section--location-intro .intro-details,
    .section--building-features .intro-details {
        padding-top: 0;
    }

    .section--location--details.section--building--details .title {
        margin: 0;
    }

    .location-details-img img {
        height: 400px;
        object-fit: cover;
        object-position: center;
    }

    .section--location-intro .intro-img {
        margin-bottom: 50px;
    }

    .section--building-features .column:first-child .intro-details h2 {
        margin-top: 0;
    }

    .highlight-img img {
        height: 500px;
    }

    .tab-content .section--room-features .room-img {
        margin-top: 20px;
    }

    .section--gallery-inner {
        padding: 60px 0 0;
    }

    .section--location--details {
        padding: 60px 0 30px;
    }

    .section--dolphin {
        padding: 60px 0 0;
    }

    .section--contact-form .container {
        max-width: 100%;
        padding: 0;
    }

    .contact-wrap {
        padding: 60px 20px 30px;
        margin-top: 0;
    }

    .contact-wrap .title {
        margin-bottom: 35px;
    }

    .section--instagram {
        padding-top: 60px;
    }

    /* .photo {
        width: 100%;
        height: 270px;
        margin-bottom: 15px;
    } */
}