/* XXL devices (very large screens, 1400px and up) */
@media (min-width: 1400px) {
}

/* Extra large devices (large desktops, 1200px to 1399.98px) */
@media (min-width: 1200px) and (max-width: 1399.98px) {
}

/* Large devices (desktops, 992px to 1199.98px) */
@media (min-width: 992px) and (max-width: 1199.98px) {
}

/* Medium devices (tablets, 768px to 991.98px) */
@media (min-width: 768px) and (max-width: 991.98px) {

     .common-hero {
    min-height: 300px !important;
    max-height: 325px;
  }

.whatsapp-section {
    padding: 20px;
    width: 100%;
    margin-top:0 !important;
}


  .common-hero .common-hero-heading {
    padding-top: 150px;
  }





  .mobile-header.mobile-header-main {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 7px 0;
    z-index: 999;
    background: #fff;
}



.hero1-single-slider .main-heading1 {
    margin-top: 275px;
}



















}

/* Small devices (phones, 576px to 767.98px) */
@media (min-width: 576px) and (max-width: 767.98px) {

     .common-hero {
    min-height: 250px !important;
    max-height: 275px;
  }

.whatsapp-section {
    padding: 20px;
    width: 100%;
    margin-top:0 !important;
}

  .sm\:pt-30 {
    padding-top: 0px;
}
  .common-hero .common-hero-heading {
    padding-top: 120px;
  }


}

/* Extra small devices (phones, less than 576px) */
@media (max-width: 575.98px) {
  .mobile-header-elements .mobile-logo {
    width: 125px;
  }
  .mobile-header.mobile-header-main {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 7px 0;
    z-index: 999;
    background: #fff;
  }
  .about1-images {
    height: auto;
  }

  .video-area1 .video-play-button:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    background: rgba(255, 255, 255, 0.4117647059);
    border-radius: 50%;
    animation: pulse-border 1500ms ease-out infinite;
  }

  .video-area1 {
    min-height: 300px;
    border-radius: 8px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 20px;
    background-attachment: fixed;
  }

  .common-hero {
    min-height: 250px !important;
    max-height: 275px;
  }

.whatsapp-section {
    padding: 20px;
    width: 100%;
    margin-top:0 !important;
}

 
  .common-hero .common-hero-heading {
    padding-top: 120px;
  }
























}