

@media (max-width: 768px) {
  body{
    overflow-x: hidden;
  }
  .featured-news {
    display: block;
    padding: 20px;
  }
  .edit-sec-news-site-card{
    width: 90%;
  }
  .logo{
    font-size: 15px;
  }
  .header{
    padding: 20px;
  }
  /* Tablets and large phones */

  .circle{
    left: -14px;
  }
  .nav-menu {
    display: none;
  }
  .row{
    display: block;
    padding: 20px;
  }
  .des-sec-grid-news-container{
    display: block;
    padding: 20px;
  }
  .des-sec-grid-news-bottom {
    display: block;
    padding: 20px;
  }
  .des-sec-grid-news-gaza-image {
    margin-top: 30px;
    width: 100%;
    height: auto;
  }
  .pod-sec-grid-news-grid{
    display: block;
   
  }
  .pod-sec-grid-news-container{
    padding: 10px;
     height: auto;
  }
  .news-card {
    margin-top: 30px;
  }
  .series-section{
    padding: 10px;
  }
  .art-sec-news-grid {
    display: block;
    padding: 20px;
  }
  .pod-sec-grid-news-video-cta{
    display: none;
  }
  .featured-news-last{
    display: block;
    padding: 20px;
  }
  .card-col-news-sec{
    padding: 10px;
  }
  .main-images img {
    width: 100%;
  }
  .second-carousel-wrapper {
    padding: 20px;
  }
  .capital-news-sec {
    padding: 20px;
  }
  .entertainment-news-sec-final{
    padding: 20px;
  }
  .international-news-sec-final {
    padding: 20px;
  }
  .bou-tech-img-wrapper{
    padding: 20px;
  }
  .footer-logo{
    font-size: 30px;
  }
  .login{
    display: none;
  }
  .cat-feature-grid-news-container {
    display: block;
    padding: 20px;
  }
  .cat-including-row-sec{
    display: block;
  }
  .bou-tech-img-card {
    margin-left: 2px;
  }
  .cat-tags-container{
    flex-wrap: nowrap;
    overflow-x: scroll;
  }
      .det-page-col-sec-headline{
        font-size: 18px;
      }
          .det-twoside-col-sec-wrapper {
            padding: 20px;
          }
          .det-readalso-item {
            display: block;
          }
          .det-readalso-wrapper{
            padding: 20px;
          }
          .det-readalso-thumb img {
            width: 100%;
            height: auto;
          }
          .det-grid-img-col{
            padding: 20px;
          }
}