@media (max-width: 1399.98px) { 

}

@media (max-width: 1199.98px) { 

}

@media (max-width: 991.98px) { 

}

@media (max-width: 767.98px) { 
  .banner-color {
    padding-top: 70px;
    padding-bottom: 70px;
    text-align: center;
}

    .header a{
        margin-left: 0;
    }

    .subheader{
        height: 45px;
        padding: 10px 0;
    }

    .covervideoimage {
      position: relative;
      top: 0;
      overflow: hidden;
      height: 100vh;
      min-height: 480px;
      background-size: 190%;
      background-position: top center;
      background-repeat: no-repeat;
  }

    .covervideoimage h1{
      top:40%;
    }

      #menuToggle .menu-guests:before{
        content: "";
        position: absolute;
        height: 1px;
        top:4px;
        
      }

      .swiper-slide img {
        height: 400px;
      }

      section{
        padding-top: 70px;
        padding-bottom: 70px;
    }
      .reviews {
        margin-top: 70px;
        margin-bottom: 70px;
    }

    .tab{
      cursor: pointer;
      position: relative;
    }
    
    .tab_content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.2s ease-out;
      color: #fff;
    }
    
    .tab_content.show {
      opacity: 1;
      max-height: 600px; 
      padding: 30px 0;
      transition: all .2s ease-out .2s;
    }
    
    .tab::after{
      content: '';
      position: absolute;
      /* background-image: url(../img/arrow-maroon.svg); */
      background-repeat: no-repeat;
      background-position: right;
      background-size: 25px 25px;
      height: 25px;
      width: 25px;
      right: 20px;
      padding: 0;
      top:30px;
      transform: rotate(90deg);
        
    }
    
    .tab.active:after{
      content: '';
      transform: rotate(270deg);
    }

    .specials-left, .specials-right{
      background:  #EAE8E1;
      margin-top: 44px;
      
    }
    .specials-left img, .specials-right img{
      position: relative;
      top:0;
      
    }

    .cover-cta.text-center .cover-content {
      max-width: 100%;
  }

    .cover-cta{
      min-height:350px ;
    }

    .r-title{
      display: block;
    }

    /* .block-col svg{
      position: relative;
      left: 50%;
      transform: translateX(-50%);
    } */


    .block-col{
      background-color: #EAE8E0;
      padding-top: 50px;
      padding-bottom: 0;
    }

    .intro-left{
      margin-top: 100px;
    }

    .intro-left p{
      line-height: 1.5rem;
      font-size: 1rem;
      color: #5A5A5A;
      
    }

    .more-col:nth-child(1){
      margin-top: 0;
      margin-bottom: 0;
    }

    .more-pages a{
      font-size: 1rem;
    }

    .coverSmaller{
      margin-bottom: 100px!important;
    
    }

    .full-maroon-image{
      margin-top: 0;
      background-size: 0;

    }
    .maroon-box{
      padding: 50px 20px;
      top: 0;
      background-color: rgba(97, 33, 65, 1);
    }

    .tabs {
      width: 100%;
    }

    .intro-center{
      max-width: 100%;
    }

    .cover-cta .cover-content{
      max-width: 85%;
      text-align: center;
    }
    
    .press-wrap{
      justify-content:space-between ;
    
      
    }

  

}

@media (max-width: 575.98px) {

  .modal .close {
    top: 15px;
    right: 15px;
   
}

  .gallery img{
    top:0
  
  }

  #play{
    bottom:150px
  }
  .cover-cta .cover-content{
    max-width: 90%;
  }

  .bond{
    top:-70px
  }

  .cover-cta .cover-content h3{
    font-size: 0.8rem;
    line-height: 1.3rem;
  }

  h1{
    font-size: 2rem;
  }
  h2 {
    font-size: 1.7rem;
  }
  h3{
    font-size: 1.5rem;
  }
  h4{
    font-size: 1rem;
  }
  h5{
    font-size: 1rem;
  }
  h6{
    font-size: 1rem;
  }

    .nav-footer{
        text-align:center;
        margin: 40px 0;
       
      }

    .foo-logo{
    
        text-align:center;
      }

    .social{
       
        text-align:center;
    }
    .swiper-slide img {
      height: 300px;
    }

    .featured .container, .reviews .container{
      padding-right: 0;
      padding-left: 0;

    }

    #play{
      left:50%;
      transform: translateX(-50%);
    }

    .covervideoimage .contentcvi{
      top: 10%;
    }

    #hostaway-booking-widget{
      width: 95%;
      top:55%;
    }

    section{
      padding-top: 30px;
      padding-bottom: 30px;
  }

  .green-popup, .green-popup .link{
    text-align: center;
  }

  .green-popup{
    padding: 50px 50px;
    top:-30px; 
  }

  .reviews {
    margin-top: 30px;
    margin-bottom: 30px;
}

.featured, .reviews {
  margin-top: 30px;
  margin-bottom: 30px;
}

.featured .review-red{
  height: 530px;
  overflow-y: scroll;
}

.reviews .review-red{
  height: 450px;
  overflow-y: scroll;
}
   

}