@media (max-width: 480px) {
     body{
        overflow-x: hidden;
        margin: 0;
        padding: 0;
    }
.news-section {
    padding: 10px 50px;
    display: block;
}
.news-grid {
     padding: 10px 50px;
    display: block;
}
.news-grid-third{
     padding: 10px 50px;
    display: block;
}
.container-panorama{
     padding: 10px 50px;
    display: block;
}
.digital-leash-news{
     padding: 10px 50px;
    display: block;
}
.culture-news-sec{
     padding: 10px 50px;
    display: block;
}
.communication-news-sec{
     padding: 10px 50px;
    display: block;
}
.podcast-news-sec{
     padding: 10px 50px;
    display: block;
}
.artificial-news-sec{
     padding: 10px 50px;
    display: block;
}
.digital-leash-newss{
     padding: 10px 50px;
    display: block;
}
.news-grid-intrested{
     padding: 10px 50px;
    display: block;
}
.carousel-track{
     padding: 10px 50px;
    display: block;
}
.society-news-feat{
     padding: 10px 50px;
    display: block;
}
.entertainment-news-feat{
    padding: 10px 50px;
    display: block;
}
.sports-news-feat{
    padding: 10px 50px;
    display: block;
}
.and-also-news-feed{
     padding: 10px 50px;
    display: block;
}
.most-read-sec {
     padding: 10px 50px;
    display: block;
}
.news-section-four{
     padding: 10px 50px;
    display: block;
}
.top-header {
     padding: 10px 50px;
    overflow-x: auto;
    width: 90%;
    height: 100%;
  }

  .top-header .left {
     padding: 10px 50px;
    display: none;
  
    flex-wrap: nowrap;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch; /* for smooth scrolling on iOS */
  }

  .top-header .left span {
     padding: 10px 50px;
    flex-shrink: 0;
  }
}

@media (max-width: 768px){
       body{
        overflow-x: hidden;
        margin: 0;
        padding: 0;
    }
.news-section {
    padding: 10px 50px;
    display: block;
}
.news-grid {
     padding: 10px 50px;
    display: block;
}
.news-grid-third{
     padding: 10px 50px;
    display: block;
}
.container-panorama{
     padding: 10px 50px;
    display: block;
}
.digital-leash-news{
     padding: 10px 50px;
    display: block;
}
.culture-news-sec{
     padding: 10px 50px;
    display: block;
}
.communication-news-sec{
     padding: 10px 50px;
    display: block;
}
.podcast-news-sec{
     padding: 10px 50px;
    display: block;
}
.artificial-news-sec{
     padding: 10px 50px;
    display: block;
}
.digital-leash-newss{
     padding: 10px 50px;
    display: block;
}
.news-grid-intrested{
     padding: 10px 50px;
    display: block;
}
.carousel-track{
     padding: 10px 50px;
    display: block;
}
.society-news-feat{
     padding: 10px 50px;
    display: block;
}
.entertainment-news-feat{
    padding: 10px 50px;
    display: block;
}
.sports-news-feat{
    padding: 10px 50px;
    display: block;
}
.and-also-news-feed{
     padding: 10px 50px;
    display: block;
}
.most-read-sec {
     padding: 10px 50px;
    display: block;
}
.news-section-four{
     padding: 10px 50px;
    display: block;
}
.top-header {
     padding: 10px 50px;
    overflow-x: auto;
    width: 90%;
    height: 100%;
  }

  .top-header .left {
     padding: 10px 50px;
    display: none;
  
    flex-wrap: nowrap;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch; /* for smooth scrolling on iOS */
  }

  .top-header .left span {
     padding: 10px 50px;
    flex-shrink: 0;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
    body{
        overflow-x: hidden;
        margin: 0;
        padding: 0;
    }
.news-section {
    padding: 10px 50px;
    display: block;
}
.news-grid {
     padding: 10px 50px;
    display: block;
}
.news-grid-third{
     padding: 10px 50px;
    display: block;
}
.container-panorama{
     padding: 10px 50px;
    display: block;
}
.digital-leash-news{
     padding: 10px 50px;
    display: block;
    margin-top: 20px;
}
.culture-news-sec{
     padding: 10px 50px;
    display: block;
}
.communication-news-sec{
     padding: 10px 50px;
    display: block;
}
.podcast-news-sec{
     padding: 10px 50px;
    display: block;
}
.artificial-news-sec{
     padding: 10px 50px;
    display: block;
}
.digital-leash-newss{
     padding: 10px 50px;
    display: block;
}
.news-grid-intrested{
     padding: 10px 50px;
    display: block;
}
.carousel-track{
     padding: 10px 50px;
    display: block;
}
.society-news-feat{
     padding: 10px 50px;
    display: block;
}
.entertainment-news-feat{
    padding: 10px 50px;
    display: block;
}
.sports-news-feat{
    padding: 10px 50px;
    display: block;
}
.and-also-news-feed{
     padding: 10px 50px;
    display: block;
}
.most-read-sec {
     padding: 10px 50px;
    display: block;
}
.news-section-four{
     padding: 10px 50px;
    display: block;
}
.top-header {
     padding: 10px 50px;
    overflow-x: auto;
    width: 90%;
    height: 100%;
  }

  .top-header .left {
     padding: 10px 50px;
    display: none;
  
    flex-wrap: nowrap;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch; /* for smooth scrolling on iOS */
  }

  .top-header .left span {
     padding: 10px 50px;
    flex-shrink: 0;
  }
  .side-article .article{
    padding: 40px;
  }
  .main-article a {
    margin-top: 40px;
  }
  .sponsor-item img {
    width: 100%;
    height: 100%;
  }
  .sponsor-item p{
    width: 100%;
    font-size: 22px;
  }
  .main-article-four{
    width: 100%;
  }
  .live-updates{
    width: 100%;
  }
  .left-article-panorama{
    padding: 20px 50px;
  }
  .add-img-pan{
    width: 100%;
  }
  .news-card-digital{
    width: 100%;
  }
  .culture-secondary-card{
    width: 100%;
  }
  .ad-column{
    width: 100%;
    margin-top: 50px;
  }
  .right-item-communication img {
    width: 25%;
    margin-top: 50px;
  }
  .main-news-communication{
    width: 100%;
  }
  .side-news-communication{
    width: 100%;
  }
  .podcast-image {
    width: 100%;
  }
  .sponsor-block{
    width: 100%;
  }
  .left-column-artificial{
    width: 100%;
  }
  .ad-grid-artificial{
    display: none;
  }
  .society-news-feat .side-item {
    margin-top: 40px;
  }
  .card-right{
    margin-top: 40px;
  }
  .feed-img{
    width: 100%;
    height: 100%;
  }
  .mr-list.right .mr-item{
    gap:24px;
    margin-top: 20px;
  }
  .subscribe-modal.active .subscribe-modal__panel{
    top:-165px;
  }
  .right-item-communication .title-communication{
    width: 100%;
    font-size: 35px;
   

  }
  .right-item-communication .text-block-communication {
 margin-top: 50px;
  }
.podcast-text{
    width: 100%;
}
.podcast-image img{
    margin-top: 50px
}
.overlay-content .titles {
    font-size: 5.7rem;
}
.overlay-content .tag{
    font-size: 33px;
}
.society-news-feat .side-title{
    font-size: 1.9rem;
    margin-left: 30px;
}
.society-news-feat .side-kicker {
    font-size: 1.9rem;
    margin-left: 30px;
}
.society-news-feat .side-meta {
    margin-left: 30px;
}
.news-card-intrested .thumb-intrested img{
    margin-top: 50px;
}
.game-card {
    flex-direction: row;
}
.game-card .g-sub{
    margin-bottom: 1rem;
    gap: 15px;
}
.footer .brand {
    padding: 20px 50px;
}
.mega-menu__columns {
    padding: 20px 80px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(115px, 1fr));
}
.card-small .headline-liv{
    font-size: 20px;
}
.card-right .body{
    font-size: 28px;
}
.section-label{
    font-size: 2.2rem;
}
.society-news-feat .kicker {
    font-size: 2rem;
}
.news-tag.blue{
    font-size: 37px;
}
.news-card-digital h3 {
    font-size: 32px;
}
.cate-sec-start {
    padding: 20px 50px;
}
.digital-leash-news-cat{
    display: block;
     padding: 20px 50px;
    
}
.cat-inner-sec{
    display: block;
     padding: 20px 50px;
}
.card-cats {
    margin-top: 30px;
    
}
.cat-generated-grid-sec{
    display: block;
     padding: 20px 50px;
}
.news-card-digital-cat{
    width: 100%;
}
.cat-generated-grid-sec__image{
    width: 100%;
}
.cat-generated-grid-sec__image-wrap{
    margin-top: 50px;
}
.cat-generated-grid-sec__category{
    margin-top: 30px;
    font-size: 35px;
}.cat-generated-grid-sec__title{
    font-size: 22px;
}
.detail-page-sec{
    width: 100%;
    padding: 20px 50px;
}
.detail-page-next-sec{
    width: 100%;
    padding: 20px 50px;
}
.detail-page-next-sec-two {
    width: 100%;
    padding: 20px 50px;
}
.detail-right-left-sec{
    display: block;
    padding: 20px 50px;
}
.detail-right-left-sec .main-story{
    width: 100%;
    padding: 20px 50px;
}
.detail-via-news-start{
    padding: 20px 50px;
}
.detail-mostread-article{
    width: 100%;
}
.detail-right-left-sec .sidebar {
    padding: 20px 50px;
}
.detail-via-news-start .news-image img{
    margin-top: 50px;
}
.detail-right-left-sec .lead-image{
    margin-top: 40px;
}
.nav-bar{
    padding: 20px 20px;
}
}