/* DESKTOP  (1220)
---------------------------------------------*/
@media only screen and (max-width:1220px) {
   .container {border-radius:0; position: relative;}
   .logo {order: 1}
   .search {order:3;width:100%;display:flex;justify-content:space-between;align-items:center;margin-top: 10px;}
   .search form {width:100%; flex: 1;}
   .userpanel {order: 2;}
   .mani_col {overflow:visible}
   .slick-slider {position: initial;}
   [class*="asidebar_"]{position: initial;}
   .main {position:initial; padding: 20px 10px 0 10px;}
   .fullstory {padding: 10px;}
   .mani_col{flex:inherit}
   .main_content_body {flex:0 0 100%;max-width:100%}
   .aside_block:last-child {margin-bottom:20px}
}

/* DESKTOP  (1024)
---------------------------------------------*/
@media only screen and (max-width:1024px) {
   body {padding:0}
   .content_wrap {margin-top:10px}
   .fullstory .right_col {width:100%;justify-content:space-between;padding:10px 0}
   .fullstory .top_info div.inf {width:100%;justify-content:flex-end}
   .download_content_top_btns {display:block}
   .download_content_top_btns [class*="btn_"] {max-width:none;width:100%}
   .download_content_bottom_btns {justify-content:center}
   .media_get .size_file {font-size:22px}
   .media_get .text_media {font-size:20px}
   .download_content .btn_complain {margin-bottom:10px}
   .featured_item {flex:0 0 100%;max-width:100%}
   .comments .comments_head {display:block}
   .comments .comments_head .section_head {margin-bottom:20px;}
   .comments .comments_head .show_form {margin-left:0}
   .comments .comments_head > span {display:flex;justify-content:center}
}


/* TABLET  (992)
---------------------------------------------*/
@media only screen and (max-width:992px) {
   /* Mobile menu overlay */
   .mobile-menu-overlay {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0.5);
      z-index: 998;
      opacity: 0;
      transition: opacity 0.3s ease;
   }
   .mobile-menu-overlay.active {
      display: block;
      opacity: 1;
   }
   
   /* Mobile sidebar */
   .asidebar_left {
      position: fixed;
      top: 0;
      left: -320px;
      width: 85vw;
      max-width: 320px;
      height: 100vh;
      height: 100dvh;
      z-index: 999;
      background: #e9fcfe;
      box-shadow: 5px 0 25px rgba(0, 72, 69, 0.3);
      border-radius: 0 20px 20px 0;
      padding: 60px 15px 20px 15px;
      overflow-y: auto;
      overflow-x: hidden;
      transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
   }
   .asidebar_left.active {
      left: 0;
   }
   
   /* Close button for mobile menu - absolute inside sidebar */
   .mobile-menu-close {
      display: flex !important;
      position: absolute;
      top: 12px;
      right: 12px;
      width: 36px;
      height: 36px;
      background: #20d8e8;
      border: none;
      border-radius: 50%;
      color: #fff;
      font-size: 20px;
      cursor: pointer;
      z-index: 1001;
      align-items: center;
      justify-content: center;
      transition: all 0.2s ease;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
   }
   .mobile-menu-close i {
      line-height: 1;
   }
   .mobile-menu-close:hover,
   .mobile-menu-close:active {
      background: #f46843;
      transform: scale(1.1);
   }
   
   /* Header mobile layout */
   .header {
      padding: 12px 15px;
      gap: 10px;
   }
   
   /* Search row with menu button */
   .search {
      order: 3;
      width: 100%;
      display: flex;
      align-items: center;
      margin-top: 10px;
      gap: 10px;
   }
   
   /* Mobile menu button - same height as search */
   .mobile_btn_menu {
      display: flex;
      align-items: center;
      flex-shrink: 0;
      margin-bottom: 0 !important;
   }
   .mobile_btn_menu span {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 42px;
      height: 42px;
      background: #b2d351;
      border-radius: 10px;
      cursor: pointer;
      transition: all 0.3s ease;
   }
   .mobile_btn_menu span:hover,
   .mobile_btn_menu span:active {
      box-shadow: 0 4px 12px rgba(178, 211, 81, 0.4);
      background: #a5c647;
   }
   .mobile_btn_menu [class*="ri-"] {
      color: #fff;
      font-size: 22px;
      line-height: 1;
   }
   
   /* Search form same height */
   .search form {
      flex: 1;
      height: 42px;
      border-radius: 10px;
   }
   .search form input {
      border-radius: 10px;
   }
   .search form button {
      border-radius: 10px;
   }
   
   .media_get .text_media .icon_cloud {width:30px;height:30px}
   .media_get .text_media .icon_cloud [class*="ri-"] {font-size:21px;margin-right:0}
   .media_get .text_media small {font-size:10px}
   .media_get .text_media {font-size:18px;line-height:1rem}
   .media_get .size_file {font-size:18px;line-height:1rem}
   .media_get .size_file small {font-weight:500;font-size:11px;margin-bottom:2px}
   .comm_user {width:100%;margin-bottom:15px}
   .comm_control {display:flex;width:100%}
   
   /* Hide main column on mobile, show as overlay */
   .mani_col {
      display: block;
      flex: none !important;
      max-width: none !important;
   }
   
   /* Scrollbar for mobile sidebar */
   .asidebar_left::-webkit-scrollbar {
      width: 5px;
   }
   .asidebar_left::-webkit-scrollbar-track {
      background: transparent;
   }
   .asidebar_left::-webkit-scrollbar-thumb {
      background: #b2d351;
      border-radius: 3px;
   }
   
   /* First aside block - no extra margin needed since we have padding-top */
   .asidebar_left .aside_block:first-child {
      margin-top: 0;
   }
   
   /* Content grid fixes */
   #dle-content {
      padding: 0 !important;
   }
   
   /* Content title bar on mobile */
   .content_wrap > .aside_title {
      margin: 0 0 15px 0;
      padding: 10px 15px;
      font-size: 14px;
   }
   .content_wrap > .aside_title h1 {
      font-size: 14px !important;
   }
   .view-switcher {
      margin-left: 10px;
   }
   .view-btn {
      padding: 6px 10px;
      font-size: 14px;
   }
   
   /* Fullstory 992 */
   .fullstory {
      padding: 15px !important;
   }
   .fcols-full {
      padding: 15px !important;
      gap: 15px !important;
   }
   .fleft-full {
      width: 180px !important;
   }
   .fleft-full img {
      width: 180px !important;
   }
   .short-title {
      font-size: 22px !important;
   }
   .short-list-full li {
      font-size: 14px !important;
   }
   
   /* Player 992 */
   .video-box {
      min-height: 400px !important;
   }
   .video-box iframe {
      height: 400px !important;
   }
   
   /* Related news 992 */
   .featured {
      display: grid !important;
      grid-template-columns: repeat(4, 1fr) !important;
      gap: 15px !important;
   }
   .featured_item {
      flex: none !important;
      padding: 0 !important;
   }
   .featured_poster {
      height: 220px !important;
   }
   
   #dle-content.view-list {
      display: flex !important;
      flex-direction: column !important;
      gap: 15px !important;
   }
   #dle-content.view-list .shortstory_item {
      width: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
   }
   #dle-content.view-list .shortstory_item_content {
      display: flex !important;
      flex-direction: row !important;
      padding: 12px !important;
      border-radius: 12px !important;
      background: #f9f9f6 !important;
      margin-bottom: 0 !important;
   }
   #dle-content.view-list .shortstory_item_img {
      width: 100px !important;
      min-width: 100px !important;
      height: 140px !important;
      border-radius: 8px !important;
      margin-right: 12px !important;
      flex-shrink: 0 !important;
   }
   #dle-content.view-list .shortstory_item_img img {
      width: 100% !important;
      height: 100% !important;
      object-fit: cover !important;
      border-radius: 8px !important;
   }
   #dle-content.view-list .shortstory_item_content_list {
      flex: 1 !important;
      display: flex !important;
      flex-direction: column !important;
      justify-content: space-between !important;
      padding: 0 !important;
      min-width: 0 !important;
   }
   #dle-content.view-list .title {
      min-height: auto !important;
      max-height: none !important;
      padding: 0 !important;
      margin-bottom: 8px !important;
   }
   #dle-content.view-list .title h3 {
      font-size: 14px !important;
      line-height: 1.3 !important;
      -webkit-line-clamp: 2 !important;
      text-align: left !important;
   }
   #dle-content.view-list .title h3 a {
      font-size: 14px !important;
      font-weight: 600 !important;
   }
   #dle-content.view-list .short-list {
      display: block !important;
      margin: 0 0 8px 0 !important;
      padding: 0 !important;
   }
   #dle-content.view-list .short-list li {
      font-size: 11px !important;
      margin: 3px 0 !important;
      color: #666 !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
   }
   #dle-content.view-list .short-text {
      display: none !important;
   }
   #dle-content.view-list .shortstory_bottom {
      margin-top: auto !important;
      display: flex !important;
      align-items: center !important;
   }
   #dle-content.view-list .btn_more {
      position: static !important;
      bottom: auto !important;
      margin: 0 !important;
   }
   #dle-content.view-list .btn_more a {
      width: auto !important;
      height: 32px !important;
      padding: 0 15px !important;
      font-size: 11px !important;
      border: none !important;
      border-radius: 6px !important;
   }
   #dle-content.view-list .year,
   #dle-content.view-list .rating {
      position: absolute !important;
      top: 5px !important;
      font-size: 9px !important;
      padding: 2px 4px !important;
   }
   #dle-content.view-list .year {
      right: 5px !important;
   }
   #dle-content.view-list .rating {
      left: 5px !important;
   }
}


/* TABLET  (800)
---------------------------------------------*/
@media only screen and (max-width:800px) {
   .comm_user {width:auto}
   .comm_control {display:inline-flex;width:auto}
   .download_content .btn_complain {margin-bottom:0}
   .download_content_bottom_btns {justify-content:space-between}
   .download { margin-bottom:0}
   .comment_item_top {margin-bottom:0}
   .fullstory .top_content_info > li span.category {max-width:400px}
   #scrolltop {width: 40px; height: 40px; line-height: 40px; font-size: 18px;}
}



/* TABLET  (768)
---------------------------------------------*/
@media only screen and (max-width:768px) {
   .mob_none {display: none;}
   
   /* Logo */
   .logo a {
      font-size: 22px;
   }
   .logo a small {
      font-size: 9px;
   }
   .userpanel .tg-btn {
      padding: 6px 10px;
      font-size: 11px;
   }
   .userpanel .tg-btn i {
      font-size: 14px;
   }
   
   /* Main content padding */
   .main {
      padding: 15px 10px 0 10px !important;
      gap: 0;
   }
   
   /* Content grid - 3 columns on tablet */
   #dle-content {
      display: grid !important;
      grid-template-columns: repeat(3, 1fr) !important;
      gap: 12px !important;
      padding: 0 !important;
   }
   
   /* Cards uniform size */
   .shortstory_item {
      width: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
   }
   .shortstory_item_content {
      border-radius: 12px !important;
      margin-bottom: 20px !important;
   }
   .shortstory_item_img {
      border-radius: 12px 12px 0 0 !important;
   }
   .shortstory_item_img img {
      height: 220px !important;
      width: 100% !important;
      object-fit: cover !important;
      border-radius: 12px 12px 0 0 !important;
   }
   
   /* Title uniform */
   .shortstory_item .title {
      min-height: 50px !important;
      max-height: 50px !important;
      padding: 8px 10px 0 !important;
   }
   .shortstory_item .title h3 {
      font-size: 12px !important;
      line-height: 1.2 !important;
   }
   .shortstory_item .title h3 a {
      font-size: 12px !important;
   }
   
   /* Button uniform */
   .shortstory_item .btn_more {
      bottom: -18px !important;
      margin-top: -12px !important;
   }
   .shortstory_item .btn_more a {
      width: 110px !important;
      height: 36px !important;
      font-size: 11px !important;
      border-width: 5px !important;
      border-radius: 8px !important;
   }
   
   /* Sidebar title styling for mobile */
   .aside_title {
      font-size: 13px;
      padding: 8px 14px;
      border-radius: 20px;
      margin-bottom: 12px;
   }
   
   /* Menu links compact */
   .menu_links > li:not(.submenu):not(.category-divider) a {
      padding: 8px 12px;
      font-size: 12px;
      border-radius: 20px;
   }
   .aside_block {
      margin-bottom: 20px;
   }
   
   /* List view for tablet */
   #dle-content.view-list {
      display: flex !important;
      flex-direction: column !important;
      gap: 12px !important;
   }
   #dle-content.view-list .shortstory_item {
      width: 100% !important;
   }
   #dle-content.view-list .shortstory_item_content {
      display: flex !important;
      flex-direction: row !important;
      padding: 15px !important;
      border-radius: 12px !important;
      background: #f9f9f6 !important;
      margin-bottom: 0 !important;
   }
   #dle-content.view-list .shortstory_item_img {
      width: 120px !important;
      min-width: 120px !important;
      height: 170px !important;
      border-radius: 10px !important;
      margin-right: 15px !important;
   }
   #dle-content.view-list .shortstory_item_img img {
      width: 100% !important;
      height: 100% !important;
      object-fit: cover !important;
      border-radius: 10px !important;
   }
   #dle-content.view-list .title {
      min-height: auto !important;
      max-height: none !important;
      padding: 0 !important;
      margin-bottom: 10px !important;
   }
   #dle-content.view-list .title h3,
   #dle-content.view-list .title h3 a {
      font-size: 16px !important;
      text-align: left !important;
   }
   #dle-content.view-list .btn_more {
      position: static !important;
      margin: 0 !important;
      bottom: auto !important;
   }
   #dle-content.view-list .btn_more a {
      width: auto !important;
      height: 36px !important;
      padding: 0 20px !important;
      border: none !important;
      border-radius: 8px !important;
   }
   
   /* Fullstory tablet 768 */
   .fullstory {
      padding: 15px !important;
   }
   .fcols-full {
      flex-direction: row !important;
      gap: 20px !important;
   }
   .fleft-full {
      width: 160px !important;
      flex-shrink: 0 !important;
   }
   .fleft-full img {
      width: 160px !important;
   }
   .short-title {
      font-size: 20px !important;
   }
   
   /* Player tablet */
   .tabs-sel-enhanced {
      gap: 10px !important;
      padding: 12px !important;
   }
   .player-tab-btn {
      padding: 12px 20px !important;
      font-size: 14px !important;
   }
   .video-box {
      min-height: 350px !important;
   }
   .video-box iframe {
      height: 350px !important;
   }
   
   /* Related news tablet */
   .featured {
      display: grid !important;
      grid-template-columns: repeat(4, 1fr) !important;
      gap: 12px !important;
   }
   .featured_item {
      flex: none !important;
      max-width: none !important;
      padding: 0 !important;
   }
   .featured_poster {
      height: 200px !important;
   }
   .featured_title {
      font-size: 12px !important;
   }
}


/* TABLET  (640)
---------------------------------------------*/
@media only screen and (max-width:640px) {
   .content_wrap {margin-top:0}
   .shortstory_item.grid_view, .shortstory_item {width: 50%;}
   .shortstory_item.list_view .shortstory_item_img {height: auto;width: 100%;}
   .shortstory_item.list_view .shortstory_item_img img {height: auto;width: auto; margin:0 auto;}
   .footer_top, .footer_bottom {padding:0 20px;}
   .fullstory .top_content {flex-wrap:wrap}
   .fullstory .top_content_poster {flex:0 0 100%;max-width:100%;margin-right:0;margin-bottom:20px}
   .fullstory .top_content_info > li span.category {max-width:345px}
   .download_content_bottom_btns {justify-content:center;display: block; text-align: center;}
   .download {margin-bottom:20px}
   .video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:300px;}
   
   /* Fullstory header mobile */
   .fcols-full {
      flex-direction: column !important;
      padding: 15px !important;
      gap: 15px !important;
   }
   .fleft-full {
      width: 140px !important;
      margin: 0 auto !important;
   }
   .fleft-full img {
      width: 140px !important;
      height: auto !important;
      border-radius: 10px !important;
   }
   .fright-full {
      width: 100% !important;
   }
   .short-header {
      flex-direction: column !important;
      text-align: center !important;
      gap: 10px !important;
   }
   .short-title {
      font-size: 18px !important;
      text-align: center !important;
      padding: 0 !important;
   }
   .short-rates {
      justify-content: center !important;
   }
   .short-list-full li {
      font-size: 13px !important;
      text-align: center !important;
   }
   .short-meta {
      justify-content: center !important;
   }
   
   /* Player mobile */
   .tabs-sel-enhanced {
      flex-direction: row !important;
      gap: 8px !important;
      padding: 10px !important;
      overflow-x: auto !important;
   }
   .player-tab-btn {
      padding: 10px 15px !important;
      font-size: 13px !important;
      white-space: nowrap !important;
      flex: 1 !important;
      min-width: auto !important;
   }
   .player-tab-btn i {
      display: none !important;
   }
   .video-box {
      min-height: 220px !important;
   }
   .video-box iframe {
      height: 220px !important;
   }
   
   /* Related news mobile */
   .featured {
      display: grid !important;
      grid-template-columns: repeat(3, 1fr) !important;
      gap: 10px !important;
   }
   .featured_item {
      flex: none !important;
      max-width: none !important;
      padding: 0 !important;
   }
   .featured_poster {
      height: 160px !important;
   }
   .featured_content {
      padding: 8px 10px !important;
   }
   .featured_title {
      font-size: 11px !important;
      min-height: 36px !important;
      margin-bottom: 5px !important;
   }
   .featured_bottom {
      flex-wrap: wrap !important;
      gap: 5px !important;
   }
   .featured_year,
   .featured_rating {
      font-size: 10px !important;
      padding: 3px 6px !important;
   }
}


/* MOBILE  (480)
---------------------------------------------*/
@media only screen and (max-width:480px) {
   .add_btn {display: none;}
   .fullstory .right_col {width:100%;justify-content:space-between;padding:10px 0}
   .fullstory .top_info div.inf {width:100%;justify-content:flex-end}
   .fullstory .top_content_info > li span.category {max-width:100%}
   .download_content_top_btns {display:block}
   .download_content_top_btns [class*="btn_"] {max-width:none;width:100%}
   .download_content_bottom_btns {justify-content:center}
   .media_get .size_file {font-size:15px}
   .media_get .text_media {font-size:20px}
   .download {margin-bottom: 15px;}
   .download_content .btn_complain {margin-bottom:10px}
   .share span {display:none}
   .featured_item {flex:0 0 100%;max-width:100%}
   .comments .comments_head {display:block}
   .comments .comments_head .section_head {margin-bottom:20px;}
   .comments .comments_head .show_form {margin-left:0}
   .comments .comments_head > span {display:flex;justify-content:center}
   .btn_more .download {margin-bottom: 0;}
   .addform .form_submit {justify-content:center!important}
   .form_submit .c-captcha {margin-bottom:20px}
   .video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:250px;}
   
   /* Header compact */
   .header {
      padding: 10px 12px;
   }
   .logo a {
      font-size: 20px;
   }
   .search {
      margin-top: 8px;
      gap: 8px;
      margin-bottom: 10px;
   }
   .search form {
      height: 40px;
   }
   .mobile_btn_menu span {
      width: 40px;
      height: 40px;
   }
   .mobile_btn_menu [class*="ri-"] {
      font-size: 20px;
   }
   
   /* Grid 2 columns for phones */
   #dle-content {
      grid-template-columns: repeat(2, 1fr) !important;
      gap: 10px !important;
      padding: 0 !important;
   }
   
   /* Cards */
   .shortstory_item_content {
      border-radius: 10px !important;
      margin-bottom: 18px !important;
   }
   .shortstory_item_img {
      border-radius: 10px 10px 0 0 !important;
   }
   .shortstory_item_img img {
      height: 100% !important;
      border-radius: 10px 10px 0 0 !important;
   }
   
   /* Title */
   .shortstory_item .title {
      min-height: 48px !important;
      max-height: 48px !important;
      padding: 6px 8px 0 !important;
   }
   .shortstory_item .title h3,
   .shortstory_item .title h3 a {
      font-size: 11px !important;
      line-height: 1.2 !important;
   }
   
   /* Button */
   .shortstory_item .btn_more {
      bottom: -16px !important;
      margin-top: -10px !important;
   }
   .shortstory_item .btn_more a {
      width: 100px !important;
      height: 34px !important;
      font-size: 10px !important;
      border-width: 4px !important;
      border-radius: 7px !important;
   }
   .shortstory_item .btn_more a span [class*="ri-"] {
      font-size: 14px !important;
      margin-right: 4px !important;
   }
   
   /* Year/rating badges smaller */
   .shortstory_item .year,
   .shortstory_item .rating {
      padding: 3px 5px !important;
      font-size: 10px !important;
      top: 5px !important;
   }
   .shortstory_item .year {
      right: 5px !important;
   }
   .shortstory_item .rating {
      left: 5px !important;
   }
   
   /* Fullstory mobile 480 */
   .fullstory {
      padding: 10px !important;
   }
   .fcols-full {
      padding: 12px !important;
      border-radius: 12px !important;
   }
   .fleft-full {
      width: 120px !important;
   }
   .fleft-full img {
      width: 120px !important;
   }
   .short-title {
      font-size: 16px !important;
   }
   .short-rate-in {
      padding: 4px 8px !important;
      font-size: 12px !important;
   }
   .short-list-full li {
      font-size: 12px !important;
      padding: 4px 0 !important;
   }
   .section_head {
      font-size: 14px !important;
      padding: 8px 12px !important;
   }
   .ftext-content {
      font-size: 13px !important;
   }
   
   /* Player mobile 480 */
   .tabs-sel-enhanced {
      padding: 8px !important;
      gap: 6px !important;
      border-radius: 10px 10px 0 0 !important;
   }
   .player-tab-btn {
      padding: 8px 12px !important;
      font-size: 12px !important;
      border-radius: 6px !important;
   }
   .video-box {
      min-height: 200px !important;
      border-radius: 0 0 10px 10px !important;
   }
   .video-box iframe {
      height: 200px !important;
   }
   
   /* Related news mobile 480 */
   .featured {
      grid-template-columns: repeat(2, 1fr) !important;
      gap: 8px !important;
   }
   .featured_poster {
      height: 180px !important;
   }
   .featured_content {
      padding: 6px 8px !important;
   }
   .featured_title {
      font-size: 10px !important;
      min-height: 32px !important;
   }
   .featured_year,
   .featured_rating {
      font-size: 9px !important;
      padding: 2px 5px !important;
   }
   
   /* Comments mobile */
   .comments .comments_head {
      flex-direction: column !important;
      gap: 10px !important;
   }
   .comments .comments_head .show_form {
      max-width: 100% !important;
      width: 100% !important;
   }
   .add_comm_form {
      padding: 12px !important;
   }
   .comment_item {
      margin: 15px 0 0 !important;
   }
   .comment_message {
      padding: 10px 12px !important;
      font-size: 13px !important;
   }
   
   /* List view for phones */
   #dle-content.view-list {
      gap: 12px !important;
   }
   #dle-content.view-list .shortstory_item_content {
      padding: 10px !important;
      border-radius: 10px !important;
   }
   #dle-content.view-list .shortstory_item_img {
      width: 85px !important;
      min-width: 85px !important;
      height: 120px !important;
      margin-right: 10px !important;
   }
   #dle-content.view-list .title h3,
   #dle-content.view-list .title h3 a {
      font-size: 13px !important;
   }
   #dle-content.view-list .short-list li {
      font-size: 10px !important;
   }
   #dle-content.view-list .btn_more a {
      height: 30px !important;
      padding: 0 12px !important;
      font-size: 10px !important;
   }
}


/* MOBILE  (360)
---------------------------------------------*/
@media only screen and (max-width: 360px) {
   .logo a {font-size: 18px;}
   .logo a small {font-size: 8px;}
   .userpanel .tg-btn {
      padding: 5px 8px;
      font-size: 10px;
      gap: 4px;
   }
   .userpanel .tg-btn i {
      font-size: 12px;
   }
   .userpanel .dropdown button {font-size:14px}
   .userpanel .avatar_user {width:30px;height:30px}
   .fullstory .top_info .favorite {font-size:13px}
   .fullstory .top_content_info > li span.category {max-width:100%}
   .media_get .size_file {display:none}
   .media_get .text_media {font-size:20px}
   .media_get .text_media small {font-size:12px}
   .comm_control {display:inline-flex;width:100%;margin-bottom:10px}
   .download_content_bottom_btns .download a {font-size:13px}
   .download_content_top_btns [class*="btn_"] small {font-size:12px}
   .download_content_top_btns .text_btn {font-size: 13px;}
   .download_content_top_btns [class*="btn_"] {line-height:.9rem}
   
   /* Grid for very small screens */
   #dle-content {
      grid-template-columns: repeat(2, 1fr) !important;
      gap: 8px !important;
   }
   
   /* Smaller cards */
   .shortstory_item_img img {
      height: 150px !important;
   }
   .shortstory_item .title {
      min-height: 42px !important;
      max-height: 42px !important;
      padding: 5px 6px 0 !important;
   }
   .shortstory_item .title h3,
   .shortstory_item .title h3 a {
      font-size: 10px !important;
   }
   .shortstory_item .btn_more a {
      width: 90px !important;
      height: 30px !important;
      font-size: 9px !important;
      border-width: 3px !important;
   }
   .shortstory_item .btn_more a span [class*="ri-"] {
      font-size: 12px !important;
      margin-right: 3px !important;
   }
   
   /* Menu button and search smaller */
   .mobile_btn_menu span {
      width: 36px;
      height: 36px;
   }
   .mobile_btn_menu [class*="ri-"] {
      font-size: 18px;
   }
   .search form {
      height: 36px;
   }
   
   /* List view for very small screens */
   #dle-content.view-list {
      gap: 10px !important;
   }
   #dle-content.view-list .shortstory_item_content {
      padding: 8px !important;
   }
   #dle-content.view-list .shortstory_item_img {
      width: 70px !important;
      min-width: 70px !important;
      height: 100px !important;
      margin-right: 8px !important;
      border-radius: 6px !important;
   }
   #dle-content.view-list .shortstory_item_img img {
      border-radius: 6px !important;
   }
   #dle-content.view-list .title {
      margin-bottom: 5px !important;
   }
   #dle-content.view-list .title h3,
   #dle-content.view-list .title h3 a {
      font-size: 12px !important;
   }
   #dle-content.view-list .short-list {
      display: none !important;
   }
   #dle-content.view-list .btn_more a {
      height: 28px !important;
      padding: 0 10px !important;
      font-size: 9px !important;
      border-radius: 5px !important;
   }
   
   /* Fullstory very small screens */
   .fcols-full {
      padding: 10px !important;
   }
   .fleft-full {
      width: 100px !important;
   }
   .fleft-full img {
      width: 100px !important;
   }
   .short-title {
      font-size: 14px !important;
   }
   .short-list-full li {
      font-size: 11px !important;
   }
   .section_head {
      font-size: 13px !important;
   }
   
   /* Player very small */
   .tabs-sel-enhanced {
      padding: 6px !important;
   }
   .player-tab-btn {
      padding: 6px 10px !important;
      font-size: 11px !important;
   }
   .video-box {
      min-height: 180px !important;
   }
   .video-box iframe {
      height: 180px !important;
   }
   
   /* Related news very small */
   .featured {
      grid-template-columns: repeat(2, 1fr) !important;
      gap: 6px !important;
   }
   .featured_poster {
      height: 140px !important;
   }
   .featured_title {
      font-size: 9px !important;
      min-height: 28px !important;
   }
}


/* MOBILE  (320)
---------------------------------------------*/
@media only screen and (max-width:320px) {}