@media (max-width: 768px) {
    body{
        overflow-x: hidden;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    header{
        padding: 11px 15px;
    }
    .sidebar{
        width: 100%;
        padding: 0px;
        height: 70vh;
        top: -224%;
    }
    .sidebar-content{
        width: 100%;
    }
    .container{
        flex-direction: column-reverse;
        margin-left: 18px;
        width: 105%;
        overflow-x: hidden;
        padding: 0px;
    }
    .column2 img {
        width: 88%;
    }
    .column22 img{
        width: 88%;
    }

 
    .left-section{
        width: 100%;
        margin-top: 10px;
    }
    .right-section{
        width: 100%;
        margin-top: 10px;
    }
    .container-third{
        display: block;
        margin-left: 35px;
    }
    .left {
        width: 100%;
        margin-left: 0px;
    }
    .right img {
        width: 100%;
    }
    .right .headline{
        width: 100%;
    }
    .opinion-section{
        margin-left: 35px;
        width: 100%;
        padding-top: 30px;
        border-top:none;
    }
    .carousel-card{
        width: 147px;
    }
    .news-container{
        display: block;
        margin-left: 5px;
        width: 100%;
    }
    .column1{
        border-right: none;
    }
    .column3{
        width: 100%;
        margin-left: 5px;
        border-left: none;
    }
        .container-next {
            padding: 2px;
        }
    .discover-section{
        width: 100%;
        margin-left: 45px;
    }
    .right-column-dis{
        border-left: none;
    }
    .right-top img{
        width: 100%;
        height: 50%;
    }
    .right-top .text h3{
        width: 100%;
    }
    .last-col{
        width: 100%!important;
        height: 60%!important;
    }
    .grid_text_inside{
        width: 63%;
    }
    .grid_sub_col_text_left{
        border-left: none;
        padding: 0px;
    }
    .grid_image_column{
        width: 100%;
       
    }
    .grid_image_right {
        height: 50%;
    }
    .grid_image_right_next {
    width: 138px;
    height: 127px;}
    .column2,
    .column22{
        padding: 0px;
    }
    .right-article:first-child {
        padding-top: 22px;
    }
    .right-article{
        border-left: none;
    }
    .grid_level_next_culture {
        width: 100%;
        padding: 0px;
    }
    .grid_level_next_culture_side{
        max-width: 100%;
    }
    .grid_level_next_culture_thumb {
        width: 100%;
    }
    .news-grid{
        grid-template-columns:auto;
    }
    .four-column {
        grid-template-columns:auto;
    }
    .grid_container{
        display: block;
    }
    .grid_col_main{
        grid-template-columns:auto;
        display: block;
    }
    .grid_col_main_sub{
        display: block;
        border-right: none;
    }
    .grid_news_image_top{
        width:429px;
    }
    .grid_news_row.top{
        display: block;
    }
    .grid_news_row.bottom{
        display: block;
    }
    .grid_level_next_sec {
        display: block;
    }
    .grid_level_next_sec_img {
        width: 100%;
        height: 100%;
    }
    .grid_level_next_window{
        display: block;
    }
    .grid_level_next_culture_body{
        display: block;
    }
    .top_row{
        display: block;
    }
    .bottom_row{
        display: block;
        margin-left: 0px;
    }
    .img-ca{
        width: 100%!important;
    }
    .grid_level_magazine_person.small {
        max-width: 100%;
    }.grid_level_next_window_side{
        display: block;
        border-left: none;
    }
    .grid_col_side{
        display: none;
    }
    .grid_level_next_img{
        width: 100%;
        height: 50%;
    }
    .grid_news_level{
        border-top: none;
    }
    .catalan_sec-header{
        display: block;
    }
    .grid_level_next_health{
        display: block;
    }
    .grid_level_cat_items{
        display: block;
    }
    .grid_level_humors{
        display: block;
    }
    .carousel-container {
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }

  .carousel-card,
  .carousel-card-sec {
    scroll-snap-align: start;
  }

  .carousel-container::-webkit-scrollbar {
    display: none; /* Hide scroll bar */
  }
  .right-section img {
    margin-left: 0px;
  }
  .grid_level_next_row {
    display: block;
  }
  .language-toggle{
    display: none;
  }
  .left-header {
    margin-left: 0px;
  }
  .container-next{
    width: 100%;
    margin-left: 15px;
  }
  .footer {
    margin-left: 35px;
  }
  .footer-top {
    display: grid;
  }
  .footer-links{
    flex-direction: column;
  }
  .footer-links a{
    margin-top: 10px;
  }

  /* detail */
  .detail_ad{
    display: none;
  }
  .grid_level_detail_page{
    padding: 0px;
    margin-left: 12px;
    width: 100%;
  }
  .news_detail_most-popular{
    padding: 0px;
  }
  .detail_content .summary
{
    font-size: 19px;
}

/* category */
.cat_sec_detail_innerpage{
    display: grid;
    width: 100%;
    margin-left: 0px;
}
.news-item_cat{
    display: inline;
}
.news-img_cat{
    width: 100%;
    margin-top: 20px;
}
.cat_text_h5 {
    font-size: 15px;
}
.cat_sec_news_start
{
    width: 100%;
        padding: 3px 16px;
}
 
}


@media (max-width: 480px){
    body{
        overflow-x: hidden;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    header{
        padding: 11px 15px;
    }

}