/* my custom css */
/* @media screen and (max-width:1270px) and (min-width:774px){
  .park-card img{
    left:80px !important;
  }
} */

@media screen and (min-width:1600px){
    .hero-banner{
     height:30rem;
    }
}
 @media screen and (max-width:1200px){
  .advanced-book-img{
    height:20rem;
  }
  
 }
@media screen and (max-width:991px) {

.animal-img-div{
  margin-top:30px;
  margin-bottom:20px;
}
.advanced-book-img{
  height:25rem;
}
.book-term-img{
  height:20rem;
}

}

@media screen and (max-width:775px) {
   .hotel-view-img{
        height: auto;
    }
    
  .park-card {
    display: flex;
    flex-direction: column!important;
    align-items: center;
    padding:130px 20px 50px 20px;
    border: 2px solid #327D81;
    border-radius: 20px;
    margin: 50px 0;
  }
  
  .park-card img {
    background-color: #fff;
    padding: 5px;
    border: 3px solid #327D81;
    width: 180px;
    position: absolute;
    margin-top: -210px;
    left:50%;
    transform:translate(-50%,0%);
    height: 175px;
    border-radius: 50%;
  }
  
  .hotel-view-img{
    height:auto;
  }
  
   .hero-banner{
    height:20rem;
  }
}
@media screen and (max-width:576px) {
   
    
  .hero-slider {
      width: 100%;
      height: 70vh!important;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: relative;
      align-items: center;
      z-index: 0;
    }

    .hero-slider .swiper-container {
      width: 100%;
      height: 70vh;
      position: absolute;
      left: 0;
      top: 0;
    }
    
    .hero-slider .slide-inner {
      width: 100%;
      height: 70vh;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1;
      background-size: cover;
      background-position: center;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: left;
    }

    .sigma_about.style-21 .sigma_about-image-1{
      max-width:95%;
      margin-left:auto;
      margin-right:auto;
    }
    .sigma_subheader{
      height:15rem;
    }
    .hero-banner{
      height:15rem;
    }

}

@media screen and (max-width:450px){
    h3{
        font-size:30px;
    }
  /*.hotel-view-img{*/
  /*  height:15rem;*/
  /*}*/
    .hero-banner{
    height:13rem;
  }
  
}