@media screen and (max-width: 768px) {
     
     body{
        padding: 0px;
        overflow-x: hidden;
        margin: 0;
    }
      .articles-container {
        display: none;
      }
      .author-block{
        display: none;
      }
      .datetime{
        display: none;
      }
      
      .menu {
    display: none;
  }

  .mobile-menu-button {
    display: block;
    margin-top: -31px;
        margin-left: 287px;
    background-color: white;
    color: black;
    font-weight: 300;
    padding: 0px
  }
  .search-wrapper{
    display: none;
  }
  .navbar{
    border: 1px solid gainsboro;
  }
  .top-story {
    display: block;
  }
  .container {
    display: block;
    margin-top: 20px;
  }
  .column:first-child {
    padding: 10px;
  }
  .top-text{
    max-width: 100%;
  }
  .container-3col{
    display: block;
  }
  .column{
    padding: 10px;
  }
  .carousel-item img {
    width: 100%;
    height: 100%;
    border-radius: 0px;
  }
  .info-row {
    display: block;
  }
  .info-text {
    width: 100%;
  }
  .trending-sec-news-grid-excerpt-wrapper{
    display: block;
  }
  .trending-sec-news-grid-excerpt.right{
    margin-top: 0px;
  }
  .left{
    padding: 0px;
  }
  .trending-sec-news-grid-excerpt-wrapper{
    margin-top: 0px
  }
  .top-news-grid{
    display: block;
    margin-bottom: 0px;
    padding-bottom: 4px;
  }
  .bottom-league-grid{
    display: block;
    padding-top: 3px;
  }
  .league-title{
    margin: 7px;
  }
  .three-column-news-grid-last{
    display: block;
  }
  .profile-grid-last{
    gap: 1px;
  }
  .profile-section-last{
    padding: 0px;
  }
  .profile-left-last {
    width: 32%;
  }
  .author-img-last{
    width: 164px;
  }
  .author-name-last {
    font-size: 15px;
  }
  .bio-last{
    font-size: 9px;
  }
  .main-grid-row {
    display: block;
  }
  .left-col{
    display: block;
  }
  .logo-img-left{
    height: 62%;
  }
  .news-block-last{
    margin-bottom: 0px;
  }
  .news-article-secon {
    margin-top: 10px;
  }
  .news-article-second{
    margin-top: 10px;
  }
  .money-sec-title h3{
    font-size: 16px;
  }
  .money-sec-article-content{
    display: block;
  }
  .last-section-news-grid{
    display: block;
  }
  .footer-grid{
    display: block;
  }
  .footer-scroll-top{
    font-size: 5px;
  }

  .trending-sec-news-grid-right-sub-wrapper{
    flex-wrap: nowrap;
  }
  .trending-sec-news-grid-sub-content h3{
    font-size: 8px;
  }
  .trending-sec-news-grid-right-subcol{
    padding: 0px;
  }
  .right-col-det {
    display: block;
    margin-left: 0px;
  }
  .det-sec-news-grid{
    display: block;
  }
  .news-fox img{
    width: 90%;
    height: auto;
  }
  .category-description {
    display: none;
  }
  .category-cover-box {
    height: 100px;
    margin-top: 20px;
  }
  .article-container{
    display: block;
  }
  .image-section img{
    padding: 0px;
  }
  .content-section {
    margin-left: 0px;
  }
  .content-section h1 {
    font-size: 26px;
  }
  .description {
    font-size: 13px;
  }
  .sticky-bottom-image img{
    display: none;
  }
  .box-container-detail-wrapper{
    display: none;
  }
  .text-content {
flex: 24;
padding-right: 0px;
text-align: justify;
  }
  .left-col-det{
    width: 100%;
  }
  .title-det{
    font-size: 22px;
  }
  .caption-text {
    margin-left: 34%;
  }
  .para-dets{
    font-size: 18px;
  }
  .menu-nav {
    right: -414px!important;
  }
  .author-bio{
    font-size: 9px;
  }
  .au-sep-page-det {
    margin-top: 20px;
  }
  .news-item-det{
    margin-top: 5px;
  }
  .trending-sec-news-grid-date{
      font-size: 8px;
      margin-bottom:3px;
  }
  .trending-sec-news-grid-sub-col {
         gap: 8px;
  }
  .socials div, .subscribe {
      font-size:10px;
      padding:11px 11px;
  }
    }