@media only screen and (max-width: 768px) {
  .inner-banner {
    padding-top: 100px;
  }
  .inner-banner .main-banner-content h1 {
    font-size: 32px;
  }
  .inner-banner .main-banner-content p {
    font-size: 16px;
  }
  .banner-form {
    margin-top: 20px;
  }
  .ptb-footer {
    padding-top: 30px;
    padding-bottom: 0px;
  }
  .feather-col {
    display: none;
  }
  .footer-box-1, .footer-box-2 {
    margin-bottom: 5px;
  }
  .footer-box-1 p {
    padding: 5px 0;
  }
  .copyright-sec {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .bottom-hr {
    margin: 0;
    display: none;
  }

  /* Hide hero paragraph and list on mobile */
  .book-banner-area .main-banner-content p,
  .book-banner-area .main-banner-content .banner-features {
    display: none;
  }
}

/* Desktop Styles for Footer */
.ptb-footer {
  padding-top: 50px !important;
  padding-bottom: 0px !important;
}

/* Tighten internal footer spacing to remove gaps */
.footer-box-1 .clock-box-links {
    margin-bottom: 10px !important; /* Reduced from default */
    padding-bottom: 10px !important;
}

.footer-box-1 strong.h6 {
    display: block;
    padding-bottom: 5px !important; /* Reduced from 10px */
    margin-bottom: 0 !important;
}

.social-links {
    margin-top: 5px !important; /* Reduced from 10px */
}

.social-links strong.h5 {
    margin-bottom: 5px !important;
    display: inline-block;
}

.social-links-list {
    margin-bottom: 0 !important;
}

/* Reduce gap between social icons and DMCA section */
.clearfix + .social-links {
    margin-top: 5px !important;
}

.bottom-hr {
  margin: 0;
  border-top: 1px solid rgba(0,0,0,0.1);
  opacity: 1;
  display: none; /* Hide the HR line completely to remove any residual spacing around it */
}

/* Remove bottom margins from footer elements to close the gap */
.footer-box-1, .footer-box-2 {
    margin-bottom: 0 !important;
}

.social-links {
    margin-bottom: 0 !important;
}

.awards-links {
    margin-bottom: 0 !important;
}

/* Ensure feather image doesn't push height too much on desktop if not needed, 
   but user didn't ask to hide it on desktop, just fix gap. 
   Reduced padding should fix the main gap. */

img {
  max-width: 100%;
  height: auto;
}

html, body {
  overflow-x: hidden;
}