* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;    
  /*font-family: 'circular-std-medium-500', sans-serif !important;*/
      font-family: "Kanit", serif !important;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
  }

  .content {
      width: 100%;
      max-width: 1150px;
      height: auto;
      margin: 0 auto;
      clear: both;
  }

  .req {
      opacity: 0;
      position: absolute;
      top: 0;
      left: 0;
      height: 0;
      width: 0;
      z-index: -1;
  }

  .cover {
    position: relative;
    width: 100%;
    height: 560px;
    overflow: hidden;
    text-align: center;
  background-image: linear-gradient(rgba(0, 0, 0, 0.60) 0px, rgba(0, 0, 0, 0.70)), url(https://www.hotelmarphapalace.com/assets/images/gallery/hotel-view.jpg);
    background-size: cover;
    background-position: center;
      background-color: #F2EAD5;
}
    
 

.cover video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(-50%, -50%);
    filter: brightness(0.8);
    opacity: 0; /* Initially hide the video */
    transition: opacity 1s ease-in; /* Smooth transition */
}

.cover-data {
    margin: 0 auto;
    max-width: 1200px;
    position: relative;
    height: 560px;
    overflow: hidden;
    text-align: center;
    padding-top: 70px;
}
  .cover img {
      max-height: 100%;
      max-width: 100%;


  }
.cover .left-cover-data{
    width: 100%;
    float: left;
  margin-top: 100px;

}

.cover .left-cover-data h1{
    color: white;
    font-size: 52px;
    font-weight: 400;
    line-height: 64px;
    color: #fff;
  
}
.cover .left-cover-data h1 span{
      color:#fff;
    
}
.cover .left-cover-data h2{
    color: #fff;
    font-size: 20px;
    line-height: 28px;
    font-weight: 300;
}





.cover .right-cover-data{
    width: 100%;
    float: left;
    margin-top: 30px;
    
    
    
}

  @media (max-width:1200px) {
      
      .cover-data{
          width: 95%;
      }
      .cover h1 {
          left: 2%;
      }



      .content {
          width: 96%;
      }

      .team {
          width: 96%;
      }
  }

  @media (max-width:960px) {
/*      .cover h1 {
          width: 40%;
      }*/
      
      .cover .left-cover-data{
          width: 100%;
         
          
      }
         .cover .right-cover-data{
          width: 100%;
             float: left;
      }
        .cover .right-cover-data form{
    float: right;
    width: 100%;
    margin-right: 15px;
}
      .cover .left-cover-data h1{
    
    font-size: 32px;
          line-height: 50px;
          padding-bottom: 20px;

  
}
      .cover .left-cover-data h2{
font-size: 16px;
}
  }

  @media (max-width:850px) {
      .cover {
          min-height: 500px;
          height: auto;
      }

      .cover img {
          max-height: 70%;
          max-width: 65%;
          margin-bottom: -6px;
      }

      .cover h1 {
          font-size: 25px;
      }

      .cover form {
          width: 40%;
      }

  }

  @media (max-width:800px) {
            .cover-data{
          padding-top: 20px;
      }
      
            .cover .left-cover-data{
          width: 100%;
          padding: 0;
          
      }
         .cover .right-cover-data{
          width: 100%;
             
      }
      
 
      .cover .right-cover-data form{
width: 300px;
          margin: 0 auto;
          float: none;
}
      
      
}

  @media (max-width:700px) {

  /*      .cover{
          height: 880px;
      }
      .cover-data{
          height: 880px;
      }*/

   

  }
 @media (max-width:550px) {
     
     .cover{
         height: 750px;
     }
     .cover-data{
         height:750px;
     }
     .cover h2{
       
     }
       
}



  /**/
  
  



  @media (max-width:700px) {

      .content {
          width: 90%;
      }

     

  }

  .about-head {
      color: #333;
      font-size: 20px;
      line-height: 22px;
      font-weight: 400;
      letter-spacing: 2px;
      padding:0;
      text-align: center;
      margin-top: 40px;
  }