@media (max-width: 1476px) {
    body{
      height: 100%;
    }
  .about-photo-box {
    width: 100%;
    position: inherit;
    justify-content: center;
    gap: 20px !important;
  }
  .about-img-bg {
    width: 100%;
  }
  .events-bg-box{
   right: -40px;
  border-radius: 40px;
  }
  .events .owl-nav{
      right: 20%;
  }
}
@media (max-width: 991px) {
  br{
    display: none;
  }
  .off-responce-btn {
    display: block !important;
  }
  .resp-block {
    display: block !important;
  }
  .head-flex-res {
    gap: 10px;
    display: flex !important
;
    flex-wrap: wrap;
  }
  .santa-bg {
    width: 100%;
  }
  .about-photo-box {
    justify-content: center;
    gap: 20px !important;
    width: 100%;
  }
  .about-content-box{
     padding:30px;
  }
  .about-content-bg {
    width: 50%;
    height: 200px;
    left: 0;
  }

  .photo-box,
  .photo-box-space {
    max-width: none;
  }

  .about-photo-box {
    position: static;
    justify-content: center;
  }

  
  .about-img-bg {
    width: 100%;
  }
  .events-bg-box {
    right: 0;
  }
  .shape2 {
    left: 0px;
  }
  .events .owl-nav {
    right: 29%;
  }

  .tab-slide {
    padding-left: 0px;
  }
   .gallery-bg-box{
     padding:40px;
  }
  .events-bg-box{
    width: 50%;
   right: -20px;
  }
  h1{
   font-size: 40px
  }
  .phone-imge {
    width: 100%;
    height: auto;
    height: 400px; 
    object-fit: contain;
}
.phone-box{
width: 100%; 
height: 300px !important;
}
}
@media (max-width: 768px) {
  .hii-box {
    width: 55px;
    height: 55px;
    
  }
  .hii-box .grasshopper{
      width: 35px;
  }
  .heading {
    font-size: 25px;
  }
  .offcanvas-body {
    padding: 20px 10px 20px 10px;
  }  
  .gallery-bg-box{
     padding:20px;
  }
  h1{
 font-size: 35px
  }
  .download-content-box h3{
    font-size: 30px;
}
}
@media (max-width: 576px) {
  .cmpad {
    padding: 0px 10px;
  }
  .lottery-pad {
    padding: 0px 0px 0px 10px;
  }
  .events-bg-box {
     right: 10px;
     bottom: -16px;
     width: 90%;
  }
  .line1 {
    width: 70px !important;
  }
  .shape2 {
    left: 0%;
  }
  .events .owl-nav {
    right: 1%;
  }
  .tab-link {
    font-size: 13px;
  }
  .logo {
    width: 230px;
  }
  .gallery-bg-box{
     padding:20px;
  }
   h1{
     font-size: 30px
  }
  .tab-content-box .form-select {
  min-width: 275px;
      margin-top:5px;
  }
  .phone-box{ 
      height: 200px!important;
      
  }
.phone-imge{
  height: auto;
}
.download-content-box h3{
    font-size: 20px;
}
}