@media (max-width: 767px) {
  .bgimgnone video{ height: 86vh !important;}
  .main-image{ margin-top:20px;}
    .for-dsk {
    display: none;
}

.booking-form-inner{ border-radius: 0;}
.modal-content{padding: 4px !important;}
.thumbnail-img {
    width: 80px;
}
.floating-buttons{ right:20px;}
.booking-form-inner span{ display:block; margin-top:20px !important;}
#back-to-up{ margin-bottom: 4em;}
.room-container{ padding-bottom: 20px;}
    .for-mob {
    display: block;
}
     #venueTabs li {
    width: 50%;
    margin-bottom: 10px;
    float: left;
}
.top_spc {
    margin-top: 0em;
}
#mainVideo{ height:220px;}
.thumb-wrapper video{width: 98%; height: 100px;}
.gallery-video{ bottom:70px;}
#venueTabs {
    padding-bottom: 10px;
    margin-bottom: 10px;
    display: inline;
    margin-bottom: 27px;
}
#venueTabsContent .tab-pane{ padding:0;}
  .booking-form-inner { bottom:-20em;
    height: 390px !important;
    overflow: auto;
  }
  .banner-button {
    display: block !important;
    left: 0%;
    bottom: 9em;
    width:100%;
    background: #fff;
  }
  .card-style3 .card-body .hover-content {
    opacity: 1 !important;
  }
  .booking-form-inner {
    width: 100%; overflow-x: hidden;
  }
  .white-btn {
    width: 31.1%;
    font-size: 9px;
    padding: 0px;
    border-radius: 0;
    border-left: 1px solid #f2f2f2;
  }
  .booking-form-inner .br1 {
    border-right: none;
    border-bottom: 1px solid #444;
  }
  .booking-form-inner .form-control {
    margin-bottom: 20px;
  }
  .booking-form-inner select {
        width: 100% !important;
        border: 1px solid #f2f2f2 !important;
        padding: 6px !important;
        margin-bottom: 12px;
        margin-top: 10px;
  }
  .about-heading p,
  .gallery-heading p {
    padding: 0 10px;
  }
  h1,
  h2 {
    font-size: 1.2rem;
  }
  h4 {
    font-size: 1rem;
  }
  .footer-links {
    width: 100%;
  }
  .footer-content,
  footer {
    padding: 0px;
  }
  .footer-logo {
    padding-top: 10px;
  }
  .navbar-brand {
    left: 28%;
    top: 0;
  }
  .navbar .yellow-btn {
    position: absolute;
    top: 24px;
    right: 10px;
  }
  .navbar {
    padding: 20px !important;
    background: rgb(0 0 0 / 80%);
  }
  .pre-header {
    padding: 10px 20px;
    background: var(--hdcolor);
    color: var(--white);
  }

  .about-vivaan {
    position: relative;
    padding: 10px 0px;
  }
  .booking-section {
    position: absolute;
    height: 100vh;
    top: 4em;
    width: 100%;
  }
  .cr_sec {
    margin-left: 0px;
  }
  .glry-tabs li {
    margin-bottom: 10px;
    width: 48%;
    margin: 1%;
  }
  .glry-tabs li button {
    width: 100%;
    padding: 15px !important;
    margin-bottom: 5px !important;
  }
  .bnr-img1 {
    height: 70vh;
    margin-bottom: 24em !important;
  }
  .glry-bnr{  margin-bottom: 0em !important;}
  .collapse-text {
    max-height: 88px;
  }
  .feedback-content {
    padding-top: 2em;
  }
  .bnr-img {
    height: 100vh;
    margin-bottom: 24em;
  }
  .venue-sec {
    padding: 10px;
    margin-top: 0em;
  }

  #weddingTabs li {
    width: 50%;
  }
  #weddingTabs {
    margin-top: 2em;
  }
  #weddingTabs li button {
    background: #ba9c68;
    height: 60px;
    color: #fff;
    border-radius: 0px;
    margin-top: 0px;
    border: 2px solid #fff;
  }
  #weddingTabs li button.active {
    color: var(--white);
    font-weight: bold;
    background: #3f3d3d;
  }
  .offer-heading p {
    padding: 10px;
  }
  .yellow-btn:hover {
    color: #d8d8d8;
  }
  .event_list {
    margin: 0px;
    padding: 0px;
  }
  .event_list li {
    border-bottom: 1px solid #000;
    border-right: none;
    margin: 0px 0px;
    padding: 10px;
    text-align: center;
  }
  .event_list li:last-child {
    border-bottom: 0px solid #000;
  }
  .sub-head {
    padding: 0px;
  }
  .event-img1 {
    width: 100%;
    height: 100%;
    left: 0;
  }
  .offer-sec {
    padding: 0px;
  }
  section {
    margin-top: 2em;
  }
}

.gallary .container {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem;
}

/* media for ipad air */
@media screen and (device-width: 820px) and (orientation: portrait),
  screen and (device-width: 834px) and (orientation: portrait),
  screen and (device-width: 1024px) and (orientation: portrait) {
    #venueTabs li {
    width: 50%;
    margin-bottom: 20px;
    float: left;
}
.navbar-brand{ top:0;}
   .navbar .yellow-btn{    top: 5%;
    position: absolute;
    right: 5%;
    }
 .navbar-toggler{ margin:0;}   
#venueTabs {
    padding-bottom: 10px;
    margin-bottom: 10px;
    display: inline;
    margin-bottom: 27px;
}
  .cr_sec {
    margin-left: 0px !important;
  }

  .booking-form-inner{ width:94%;}
}

@media screen and (device-width: 1024px) and (orientation: landscape),
  screen and (device-width: 1180px) and (orientation: landscape),
  screen and (device-width: 1194px) and (orientation: landscape),
  screen and (device-width: 1366px) and (orientation: landscape) {
  .container {
    max-width: 100%;
  }
  .banner-button {
    bottom: 11em;
  }
}