@media (max-width: 1399.98px) { 

  .awards-footer {
    height: 80px;
}
.plan-pad{
  padding:0 150px;

}

.coverplans .contentcvi{
  width: 700px;
}

}

@media (max-width: 1199.98px) { 

  .coverplans .contentcvi{
    width: 600px;
  }

}

@media (max-width: 991px) {

  .coverplans .contentcvi{
    width: 100%;
    left: 0;
    color: #fff;
    padding: 20px 20px;
  }
  .plan-deets{
    text-align: left;
    padding-left: 20px;
    top:50px;
  }
  .show-menu{
      display:block;
    }
    .hide-menu{
      display: none;
    }
  
}



@media (max-width: 990.98px) { 

  .banner-home h1{
    font-size: 3rem;
    line-height: 3rem;
  }

  .word {
    font-size:3rem;
    line-height:3rem;
    margin-top:5px;
}

  .plan-pad{
    padding:0 50px;
  
  }

  .home .lines-gold{
    right:-220px;
  }

  .lines-gold-b{
    left:-320px;
  }
  
  .lines-gold .line{
    margin: 2rem 0;
  }

  h1{
    font-size: 3.2rem;
  }
  h2 {
    font-size: 2.1rem;
  }
  h3{
    font-size: 1.8rem;
  }
  h4{
    font-size: 1.3rem;
  }
  h5{
    font-size: 1rem;
  }
  h6{
    font-size: 1rem;
  }
  .awards-footer {
    height: 76px;
}

.blue-gold-box{
  background-color: var(--first-col);
  text-align: center;
  padding: 20px;
  box-shadow: 20px 20px 0 var(--second-col);
  margin-bottom: 120px;
  width: 200px;
  height: 200px;
  position: relative;
}

.blue-gold-box .numbered{
  font-size: 5rem;
  color: var(--fourth-col);
}

}





@media (max-width: 767.98px) { 

  .play-box{
    position: absolute;
    bottom: auto;
    top:50px;
    right:auto;
    left:50px;
    z-index: 99999;
  }

  .banner-home h1, .word{
    font-size: 2.2rem;
    line-height: 2.2rem;
  }


  .award-wrapper{
    display: none;
  }

  .homestar-t table tr td{
    width: 100%;
    display: block;
    
  }
  .homestar-t table td:nth-child(1), .homestar-t table td:nth-child(2){
    border-right: 0 solid var(--second-bg);
    border-bottom: 1px solid var(--second-bg);
    
  }


  .plan-pad{
    padding:0 0;
  
  }
  h1{
    font-size: 2.8rem;
  }
  h2 {
    font-size: 2rem;
  }
  h3{
    font-size: 1.7rem;
  }
  h4{
    font-size: 1.2rem;
  }
  h5{
    font-size: 1rem;
  }
  h6{
    font-size: 1rem;
  }


    .header a{
        margin-left: 0;
    }

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

    .covervideoimage h1{
        font-size: 2rem
    }
      .covervideoimage .contentcvi{
        top: 40%;
      }
  
      #hostaway-booking-widget{
        width: 95%;
        top:55%;
      }

      .menu-guests{
       margin-top: 30px;
      }
      
      .menu-guests:before{
        content: "";
        position: absolute;
        height: 1px;
        top:-6px;
        
      }

      #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{
      height:auto ;
    }

    .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: 0;
    }

    .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;
    
    }


    .tabs {
      width: 100%;
    }

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

    .home .lines-gold{
      right:-340px;
    }

    .lines-gold-b{
     left:-360px;
    }

    .play{
      top:36px;
    }
    
    .lines-gold .line,  .lines-gold-b .lineb{
      margin: 2rem 0;
    }
    .covervideoimage{
      height: 30vh;
      width: 100vw;
      min-height: 250px;
      margin-bottom: 0;
    
    }
    video {
      height: 33vh;
      width: 150vh;
      min-width: 100%;
      min-height: 57.25vw;
      margin-top: -15px;
    }

    .body_top_fix {
      margin-top: 75px;
    }

    .awards-footer {
      height: 76px;
  }

  .half-banner{
    width:100vw;
    background-image:linear-gradient(to left, #29306E 50%, #29306E 50%);
    min-height: calc(100vh - 70px);
  }

  .half-banner-gold{
    width:100vw;
    background-image:linear-gradient(to left, #A69166 50%, #A69166 50%);
    min-height: calc(100vh - 120px);
  }
  
  .half-banner img,  .half-banner-gold img{
    object-fit: cover;
    height: calc(50vh - 35px);
    width: 100%;
    object-position: center top;
  }

  .half-banner .blue-col{
    min-height: calc(50vh - 35px);

  }


  .coverplans {
    top: 75px;
  }

  .coverplans .contentcvi{
    left: 0;
    color: #fff;
    padding: 20px 20px;
  }
  
  .plan-deets{
    text-align: left;
    padding-left: 20px;
    top:-50px;
  }

  .coverplans{
    margin-bottom: 250px;
  }
  .page-id-18840  .coverplans{
    margin-bottom: 150px;
  }

  .gallery .col-md-6 img{
    height: auto;
  
  }

  .contact-block a{
    font-size: 1.3rem;

  }

  .projects h1{
    font-size: 1.5rem;
    max-width: 100%;
  }

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

.blue-gold-box{
  padding: 20px;
  box-shadow: 10px 10px 0 var(--second-col);
  margin-bottom: 30px;
  margin-top: 50px;
  width: 90px;
  height: 90px;
  position: relative;
}

.blue-gold-box .numbered{
  font-size: 2rem;
  color: var(--fourth-col);
}


.vline, .blue-gold-box p {
  display: none;
}
  

}

@media (max-width: 575.98px) {

  .filter-form {
    border-radius: 20px;
}

  .cat_list{
    flex-direction: column;
  }

  .cat-banner {
    margin: 0 0;
}

  .cat_list a{
    padding: 10px 0;
  }

  .banner-home h1, .word{
    font-size: 1.5rem;
    line-height: 1.5rem;
  }

  .filter-form{
    flex-wrap: wrap;
    margin: 50px 0 50px 0;
  }
  
  .form-group{
    width: 33%;
    margin: 15px 0;
    padding: 0 5px;
    
}
  .btn-form{
    width: 100%;
}
  

  .galleryslider .swiper-slide img {
    height: 300px;
}

  .plans h3{
    max-width: 100%;
  }


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


  .awards-footer {
    height: 66px;
}

  .cover-cta .half-tri {
    border-width: 310px 340px 0 0;
  }

  .cover-cta .logo {
    left: 20px;
    width: 280px;
}


  .half-tri {
    border-width: 150px 150px 0 0;
    top: 150px;
 
}
.plan-slider .view {
  bottom: 110px;
}

.swiper-button-next, .swiper-button-prev {
  top: 349px;
}


  .lines-gold{
    left:-387px;
  }

  .lines-gold-b {
    left:-490px;
  }

  .more-col img {
    min-height: 300px;
    
}

  
  .lines-gold .line, .lines-gold-b .line, .single .lines-gold, .blog .lines-gold{
    margin: 1.5rem 0;
  }


  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;

    }

    
    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;
}
   

}