@media (min-width: 769px) {
  .dwebstickyheader {
		position: fixed;
    top: 0;
    width: 100%;
    background-color: #ffffff; /* You can change the background color as needed */
    z-index: 1000; /* You can adjust the z-index to ensure the header appears above other elements if necessary */
    /* Add any other styles you want for your sticky header */
  }
}
@media (max-width: 768px) {
  .mwebstickyheader {
    position: fixed;
    top: 0;
    left: 0; /* Keep the header aligned with the left edge of the viewport */
    width: 100%;
    max-width: 100%; /* Ensure the header doesn't go beyond the viewport width */
    background-color: #ffffff; /* You can change the background color as needed */
    z-index: 1000; /* You can adjust the z-index to ensure the header appears above other elements if necessary */
    /* Add any other styles you want for your sticky header */
  }
  
  .content-after-sticky-header {
    margin-top: 100px; /* Adjust the margin-top value to match the height of your sticky header */
  }

  /* Hide child divs with specific classes */
  .headerlogo {
    display: none;
  }
}
.mega-menu-wrap-max_mega_menu_1 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  max-width: 100%;
  z-index: 1000;
  /* Add any other styles you want for this div */
}
/* Ensure the entire page is responsive */
html, body {
  width: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden; /* Prevent horizontal overflow */
}

/* Limit the width of content containers */
.container {
  max-width: 100%; /* Adjust this value as needed */
  margin: 0 auto; /* Center the container */
}

/* Make images and videos responsive */
img, video {
  max-width: 100%;
  height: auto;
}

/* Prevent text from overflowing and wrapping */
.text-container {
  white-space: nowrap; /* Prevent text from wrapping */
  overflow: hidden; /* Hide overflow */
}

/* Use border-box for box-sizing to include padding and borders */
* {
  box-sizing: border-box;
}

/* Media query for smaller screens */
@media (max-width: 768px) {
  /* Adjust styles for smaller screens here */
}
/* CSS for mobile screens */
@media (max-width: 768px) {
  .wp-block-columns.mwebstickyheader {
    max-width: 100%; /* Ensure the content doesn't go beyond the viewport width */
    overflow-x: hidden; /* Prevent horizontal overflow */
  }
}
/* For mobile screens (assuming a typical breakpoint like 768px) */
@media (max-width: 767px) {
    .headersearch {
        padding-top: 60px; /* Add padding to create space above the headersearch element */
    }
}
/* For desktop screens (assuming a typical breakpoint like 768px) */
@media (min-width: 768px) {
    .hphero {
        margin-top: 120px; /* Add margin to create spacing below the header */
    }
}
/* For desktop screens (assuming a typical breakpoint like 768px) */
@media (min-width: 768px) {
    .hpcontentbody {
        margin-top: 100px; /* Add margin to create spacing below the header */
    }
}
@media (min-width: 768px) {
    .pagecontentblock {
        padding-top: 60px; /* Add margin to create spacing below the header */
    }
}
/* This CSS will hide the element with ID "hpherolandscape" on mobile screens */
@media (max-width: 767px) {
  .hpherolandscape {
    display: none;
  }
}
.img title .img title-text:hover{
    display:none !important;
}
/* Initially, hide the mobile-ad element */
.mobile-ad {
  display: none;
}

/* For screens larger than 769px */
.desktop-ad {
  display: block;
}

/* For screens 769px and below, hide desktop-ad and show mobile-ad */
@media (max-width: 769px) {
.desktop-ad,
.affiliate-desktop-ad {
    display: none;
  }
  .mobile-ad {
    display: block;
  }

  /* Add this CSS to stop scrolling above sponsored-widget-2 */
  #sponsored-widget-2 {
    position: sticky;
    top: 0;
    z-index: 100;
  }
}
/* Apply the margin on desktop screens (e.g., screens wider than 768px) */
@media (min-width: 769px) {
  .post-hero {
    padding-top: 80px;
  }
}
.sticky-container {
  height: 1000px;
  position: relative;
}
.sticky-anchor-ad-100 {
  position: sticky;
  top: 0;
}
/* Regular styles for the sidebar (outside media query) */

@media (min-width: 768px) {
  /* Media query for screens 768px and wider */
  .media-article-sidebar.sticky, .media-article-sidebar-2.sticky {
    position: fixed;
    top: 100px; /* Adjust the top offset as needed */
		justify-content: center;
}
.media-article-sidebar-3.new-sticky, .media-article-sidebar-4.sticky
	{
    position: fixed !important;
    top: 100px; /* Adjust the top offset as needed */
		justify-content: center;
 }
.media-news-sidebar.sticky, .media-news-sidebar-2.sticky
	{
    position: fixed !important;
    top: 100px; /* Adjust the top offset as needed */
		justify-content: center;
 }
}
@media screen and (min-width: 768px) {
	.media-news-sidebar, .media-news-sidebar-2, .media-article-sidebar, .media-article-sidebar-2, .media-article-sidebar-3, .media-article-sidebar-4 {
		float: left;
 }
}
@media screen and (min-width: 768px) {
  .top-ad-container {
    min-height: 150px !important;
		position: relative;
  }
}
  .top-ad-container {
display: inline-block;
text-align: center;
  }
@media (max-width: 767px) {
    .top-ad-container.sticky {
		position: fixed !important;
    top: 15px; 
    display: flex;
    justify-content: center;
    align-self: center;
    }
.hover-element {
    /* Add your default styles here */
    transition: box-shadow 0.3s ease; /* Add a smooth transition for a more polished effect */
}

.hover-element:hover {
    /* Add your hover styles here */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* Add your desired shadow effect */
}