@media (min-width: 1300px) { 
  #abcd{
    margin-left:auto;
    margin-right:auto;
  }
  #colemde{
    margin-left:60px;
    margin-right:auto;
  }
  #btngallery{
    top:5.5vh; right:0;
}
}
@media (max-width: 1300px) {
    #btngallery{
        top:4vh; right:0;
    }
    #colemde{
        margin-left: 50px;
    }
    #footer-img{
        transform: translate(17% , 14%);
       }

       #rowAyce{
        margin-top:40vh;
       }
 
    #limitedOffer{
        height: 40vh; margin-top:3vh;
    }
       .gallery{
        width:450px;
    }
    .carousel-caption p {
        font-size: 18px;
      }
      #cekavail{
        width:24vw;
        height:6.5vh;
        margin-left:10px;
       
       }
    .img-upenn{
        width: 250px;
    }
    #col2{
        margin-left: 10px; 
    }
    #col1{
        margin-left:10px;
    }
    #colemde{
        padding-left: 20px;
      padding-top: 70px;
       }
}

#img-tsb{
    width: 36vw;
}
.vaganza{
    width: 30vw;
    margin-top: 15px;;
}
  
#abc{
    height:110px;
  }

.hidden{
    opacity: 0;
    transition: all 1s;
}
.show{
    opacity: 1;
}

@media (max-width: 1120px) {}

@media (max-width: 992px) {
    #btngallery{
        top:-60px; right:-70px;;
    }
    .img-upenn{
        width: 250px;
    }
    .carousel-caption p h5 {
       transform: scale(0.5);
      
      }
      #logoatas{
        width: 250px;
      }

    
      #abc{
        height:110px;
      }
    .shape svg {
        -webkit-transform: translateY(-15%);
                transform: translateY(-15%);
      }
    .hero_area {
        height: auto;
    }

    .header_section .main_nav {
        flex: 1;
    }

    #navbarSupportedContent {
        margin-top: 15px;
    }

    .slider_section {
        padding-top: 45px;
    }

    .feature_section .feature_container .box {
        padding: 15px 15px;
    }

    .feature_section .feature_container .box .img-box {
        width: 75px;
    }


    .feature_section {
        transform: none;
        padding: 90px 0;
    }
    #aboutUs{
        
        transform: translate(-30% , 1%);

    }
    .content{
        -webkit-transform: translateY(-30%);
  transform: translateY(-30%);
    }
    .feature_section {
        -webkit-transform: translateY(-15%);
                transform: translateY(-15%);
      }
      .feature_section {
        -webkit-transform: translateY(-15%);
                transform: translateY(-15%);
      }
      .slider_section .detail-box {


        -webkit-transform: translateY(25%);
                transform: translateY(25%);
      }
      .slider_section .img-box  {
        margin-top: 10cm;
        margin-top: 3cm;
      }
    #foot{
        height: 24rem;
    }
    #footer-img{
     transform: translate(2% , 18%);
    }
    .gallery{
        width:90vw;
        margin: 5vw;
    }

}
#abc{
    box-shadow: -1px -6px 31px -1px rgba(0,0,0,0.2);
-webkit-box-shadow: -1px -6px 31px -1px rgba(0,0,0,0.2);
-moz-box-shadow: -1px -6px 31px -1px rgba(0,0,0,0.2);
}

@media (max-width: 767px) {
    #btngallery{
        top:-60px; left:-70px;;
        transform: translate(-23% , 0%);
        font-size: 10px;
    }
    #kontenn{
        margin-top: 160px;
    }
  
    #colemde{
        padding-left: 0px;
      padding-top: 0px;
      margin-left: 0;
       }
    /* #navv{
        height: 50px;
    } */
    #colmd{
        margin-bottom: 50px;
    }
    #colRoom1{
        margin-top:20px;
    }
    #colRoom2{
        margin-top:20px;
    }
    .card{
        margin-top: 20px;
    }
    #rowAyce{
        transform: translate(0% , -50%);
        margin-top:10px;
       }
    #fill{
        width: 100vw;
        height: 230px;
    }
    .vaganza{
        transform: translate(0% , 590%);
    }
    #img-tsb{
        width: 86vw;
    }
    #roomVaganza{
        margin-top: 250px;
        padding: 10px;
    }
    #colVaganza{
        padding: 30px;
    }
    #limitedOffer{
        height: 20vh; margin-top:3vh;
    }
    #col2{
        padding-left: 0;
        margin-left: 0;
    }
    #col1{
        margin-left: 0;
    }
    #col3{
        margin-left: 0;
        padding-left: 0;
        padding-left: 0;

    }
    .carousel-caption p, h5 {
        transform: scale(0.5);
       
       }
       #logoatas{
        width: 200px;
      }
       #cekavail{
        width: 36vw;
        font-size: 10px;
        height: 4vh;
       margin-top: 5px;
       margin-left:5px;
       }
       #cekin{
        margin-left:80px;
       }
       #bawah{
        margin-left:2rem;
       }
       #biggestibis{
        transform: translate(-20% , -70%);
        
      }
      #abc{
        height:110px;
      }
      .aaa{
        transform: scale(0.7);
      }
   
    .shape svg {
        -webkit-transform: translateY(-15%);
                transform: translateY(-15%);
      }
    .layout_padding {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .layout_padding-top {
        padding-top: 90px;
    }

    .layout_padding-bottom {
        padding-bottom: 90px;
    }

    .slider_section .detail-box {
        padding-bottom: 45px;
    }

    .feature_section .feature_container {
        flex-direction: column;
    }

    .feature_section .feature_container .box {
        padding: 15px 15px;
    }

    .feature_section .feature_container .box:not(:nth-last-child(1)) {
        margin-bottom: 15px;
    }

    .about_section .detail-box {
        margin-bottom: 45px;
    }


    .professional_section .img-box {
        display: none;
    }
    .card-title{
        font-size: 24px;
    }
    .contact_section form {
        margin-bottom: 45px;
    }

    .info_section .info_items::before {
        width: 1px;
        height: 90%;
        top: 25px;
    }

}

@media (max-width: 576px) {}

@media (max-width: 480px) {}

@media (max-width: 400px) {}

@media (max-width: 360px) {}

@media (min-width: 1200px) {
    .container {
        max-width: 1170px;
    }

}


@media only screen and (min-width: 600px) {
    #footer-img{
        transform: translate(25.5% , 12%);
       }
}


@media only screen and (min-width: 768px) {

}