@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;
  }

  /* FIXED: removed the broken .circle { left: -14px } and reset to default */
  .search-icon {
    flex-shrink: 0;
    position: relative;
    width: 24px;
    height: 24px;
  }
  .circle {
    left: 0;        /* reset — was -14px which broke the icon */
    top: 0;
  }
  /*.handle {*/
  /*  top: 14px;*/
  /*  left: 13px;*/
  /*}*/

  .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;
  }
}