@media screen and (min-width: 1200px) {
    .custom-container {
        padding: 0rem 10rem !important;
    }
}


@media screen and (min-width: 992px) and (max-width: 1199px) {
   
    .custom-container {
        padding: 0rem 3rem !important;
    }
    .head {
        font-size: 3rem;
        line-height: 48px;
    }
   
    .p_text {
        font-size: 0.8rem;
        opacity: 0.8;
    }
    .col_top {
        margin-top: 4rem;
    }
    .banner {
        height: 35rem;
        margin-top: 4rem;
    }
    .head2 {
        font-size: 5rem;
    }
    .what {
        height: 40rem;
    }
    .head4 {
        font-size: 2rem;
    }
    .div_top {
        margin-top: 97px;
    }
    .stay {
        font-size: 1.6rem;
    }
    
    .rec_center{
        justify-content: center;
        margin:auto;
        text-align: center;
    }
    .what_txt {
        font-size: 3.4rem;
        
    }
    .head5 {
        font-size: 3rem;
        
    }
}

@media screen and (min-width: 1100px) and (max-width: 1198px) {
   
    .custom-container {
        padding: 0rem 3rem !important;
    }
    .head {
        font-size: 3rem;
        line-height: 48px;
    }
   
    .p_text {
        font-size: 0.8rem;
        opacity: 0.8;
    }
    .col_top {
        margin-top: 4rem;
    }
    .banner {
        height: 35rem;
        margin-top: 4rem;
    }
    .head2 {
        font-size: 5rem;
    }
    .what {
        height: 40rem;
    }
    .head4 {
        font-size: 3rem !important;
    }
    .div_top {
        margin-top: 94px  !important;
    }
    .stay {
        font-size: 2rem !important;
    }
    
    .rec_center{
        justify-content: center;
        margin:auto;
        text-align: center;
    }
    .what_txt {
        font-size: 3.4rem;
        
    }
    .head5 {
        font-size: 3rem;
        
    }
}
@media screen and (min-width: 1200px) and (max-width: 1280px) {
   
    .custom-container {
        padding: 0rem 2rem !important;
    }
    .head {
        font-size: 3rem;
    }
  
    .p_text {
        font-size: 0.8rem;
        opacity: 0.8;
    }
    .col_top {
        margin-top: 3rem;
    }
    .banner {
       height: 38rem;
       margin-top: 5rem;
    }
    .head2 {
        font-size: 3rem; 
    }
    .what {
        height: 40rem;
    }
    .head4 {
        font-size: 3rem;
    }
    .div_top {
        margin-top: 56px;
    }
    .stay {
        font-size: 1.9rem;
    }
    .voice {
     height: 48rem;
     top: unset;
    }
   
}
@media screen and (min-width: 1200px) and (max-width: 1280px) {
   
    .custom-container {
        padding: 0rem 2rem !important;
    }
    .head {
        font-size: 4rem;
        line-height: 59px;
    }
    
    .p_text {
        font-size: 0.8rem;
        opacity: 0.8;
    }
    .col_top {
        margin-top: 3rem;
    }
    .banner {
       height: 41rem;
       margin-top: 5rem;
    }
    .head2 {
        font-size: 5rem;
    }
    .what {
        height: 40rem;
    }
    .div_top {
        margin-top: 97px;
    }
    .stay {
        font-size: 1.9rem;
    }
    .voice {
        height: 51rem;
    }
    .head5 {
        font-size: 3rem;
    }
   
}
@media screen and (min-width: 1281px) and (max-width: 1366px) {
  
    .head5 {
        font-size: 3rem;
      
    }
    .custom-container {
        padding: 0rem 2rem !important;
    }
    .head {
        font-size: 4rem;
        line-height: 65px;
    }
  
    .p_text {
        font-size: 0.8rem;
        opacity: 0.8;
    }
    .col_top {
        margin-top: 3rem;
    }
    .banner {
       height: 41rem;
       margin-top: 5rem;
    }
    .head2 {
        font-size: 5rem;
    }
    .what {
        height: 40rem;
    }
    .div_top {
        margin-top: 78px;
    }
    .stay {
        font-size: 1.8rem;
    }
    .voice {height: 48rem;}
    .head4 {
        font-size: 3.4rem;
    }
    .head5 {
        font-size: 3rem;
    }
    
}

@media screen and (min-width: 1367px) and (max-width: 1480px) {
    .head4 {
    font-size: 3.2rem;
}

    .head5 {
        font-size: 3rem;
    }
    .custom-container {
        padding: 0rem 2rem !important;
    }
    .head {
        font-size: 4rem;
        line-height: 65px;
    }

    .p_text {
        font-size: 0.8rem;
        opacity: 0.8;
    }
    .col_top {
        margin-top: 3rem;
    }
    .banner {
       height: 41rem;
       margin-top: 5rem;
    }
    .head2 {
        font-size: 5rem;
    }
    .what {
        height: 40rem;
    }
    .div_top {
        margin-top: 94px;
    }
    .stay {
        font-size: 1.9rem;
    }
    .voice {
     height: 48rem;
    }
    .text1 {
        font-size: 3rem;
        
    }
}


@media screen and (min-width: 1480px) and (max-width: 1600px) {
   
    .custom-container {
        padding: 0rem 2rem !important;
    }
    .head {
        font-size: 4rem;
        line-height: 59px;
    }
   
    .p_text {
        font-size: 0.8rem;
        opacity: 0.8;
    }
    .col_top {
        margin-top: 3rem;
    }
    .banner {
       height: 41rem;
       margin-top: 5rem;
    }
    .head2 {
        font-size: 5rem;
    }
    .what {
        height: 40rem;
    }
    .div_top {
        margin-top: 82px;
    }
    .stay {
        font-size: 2rem;
    }
    .voice {
     height: 50rem;
    }
    .text1 {
        font-size: 3rem;
        
    }
    
}

@media screen and (min-width: 1601px) and (max-width: 1800px) {
   
    .custom-container {
        padding: 0rem 2rem !important;
    }
    .head {
        font-size: 4rem;
        line-height: 63px;
    }
   
    .p_text {
        font-size: 0.8rem;
        opacity: 0.8;
    }
    .col_top {
        margin-top: 3rem;
    }
    .banner {
       height: 41rem;
       margin-top: 5rem;
    }
    .head2 {
        font-size: 5rem;
    }
    .what {
        height: 40rem;
    }
    .div_top {
        margin-top: 82px;
    }
    .stay {
        font-size: 2rem;
    }
    .voice {
     height: 50rem;
    }
    .text1 {
        font-size: 3rem;
        
    }
    
}


@media screen and (max-width:500px){
    .iframe_hig{
        height:452px !important;
    }
    .head4 {
        font-size: 3rem;
    }
    .unviling {
       
        height: 100%;
    }
    .text1 {
        font-size: 1.6rem;
    }
    .text2 {
        font-size: 1.3rem;
    }
    .what_txt {
        font-size: 2rem;
    }
    .col_top {
        margin-top: 0rem;
    }
    .head {
        font-size: 2.5rem;
        line-height: 43px;
    }
    .banner_mb{
        background-color:#000;
        margin-top: 2rem;
    }
    .head2 {
        font-size: 3rem;
    }
    .p_text {
        font-size: 1rem;
     
    }
    .what_top {
        padding-top: 2rem;
    }
  
    .head4 {
        font-size: 1.8rem;
    }
    .col_top2 {
        padding-top: 4rem;
    }
    .stay {
        font-size: 1.7rem;
        text-align: center;
    }
    .head5 {
        font-size: 1.62rem;
    }
    .h2_text{
        font-size: 1.56rem;
    }
}

@media screen and (min-width:501px) and (max-width:690px){
    .iframe_hig{
        height:452px !important;
    }
    .head4 {
        font-size: 2.9rem;
    }
    .text1 {
        font-size: 1.6rem;
    }
    .text2 {
        font-size: 1.3rem;
    }
    .what_txt {
        font-size: 2rem;
    }
    .col_top {
        margin-top: 2rem;
    }
    .head {
        font-size: 3rem;
        line-height: 52px;
    }
    .banner_mb{
        background-color:#000;
        margin-top: 4rem;
    }
    .head2 {
        font-size: 3rem;
    }
    .p_text {
        font-size: 1.1rem;
    }
    .what_top {
        padding-top: 0rem;
    }
    .head5 {
        font-size: 1.7rem;
    }
}


@media screen and (min-width:691px) and (max-width:767px){
    .iframe_hig{
        height:452px !important;
    }
    .head4 {
        font-size: 3.5rem;
    }
    .text1 {
        font-size: 1.9rem;
    }
    .text2 {
        font-size: 1.6rem;
    }
    .what_txt {
        font-size: 3rem;
    }
    .col_top {
        margin-top: 3rem;
    }
    .head {
        font-size: 3rem;
        line-height: 50px;
    }
    .banner_mb{
        background-color:#000;
        margin-top: 5rem;
    }
    .head2 {
        font-size: 2rem;
        
    }
    .p_text {
        font-size: 1rem;
     
    }
    .what_top {
        padding-top: 0rem;
    }
    .head5 {
        font-size: 1.9rem;
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    .custom-container {
        padding: 0rem 3rem !important;
    }
    .iframe_hig{
        height:452px !important;
    }
    .head4 {
        font-size: 3rem;
    }
    .what_txt {
        font-size: 3rem;
    }
    .head2 {
        font-size: 5rem;
    }
    .col_top {
        margin-top: 6rem;
    }
    .head {
        font-size: 3rem;
        line-height: 52px;
    }
    .banner_mb{
        background-color:#000;
    }
   
}

@media screen and (max-width:991px){
   
    .what {
        background-image: none !important;
        background-color: #000;
        height: 100%;
    }
    .rec_center{
        justify-content: center;
        margin:auto;
        text-align: center;
    }
    .unviling {
        height: 100%;
    }
}