/* Mobile Responsive Styles */

@media (max-width:1199px){
  .container{max-width: 100%;padding-left: 15px;padding-right: 15px;}
}

@media (max-width:991px){
  .desktop-menu{display: none !important;}
  .mobile-menu-horizontal{display: block !important;}
  .header-title{font-size: 18px !important;}
  .header-logo{max-height: 50px !important;}
  .navbar-brand{padding: 5px 0;}
  .body_content{margin-top: 100px !important;}
  .news_box{padding: 12px;margin-bottom: 15px;}
  .news_box h1{font-size: 18px;line-height: 24px;}
  /* Mobile App-like improvements */
  .header{box-shadow: 0 2px 8px rgba(0,0,0,0.08);}
  .navbar_custum{border-bottom: 1px solid #e0e0e0;}
  body{background: #f5f5f5;}
  .container, .container-fluid .container{padding-left: 10px;padding-right: 10px;}
  /* Hide header ads on mobile */
  .header-ad-left, .header-ad-right{display: none !important;}
  /* Better spacing on mobile */
  .container-fluid{padding-left: 0;padding-right: 0;}
}

@media (max-width:767px){
  .dropdown-menu.search_top{top: 48px !important;}
  .header{padding: 5px 0 0;box-shadow: 0 2px 6px rgba(0,0,0,0.08);}
  .header-title{font-size: 16px !important;margin-left: 5px !important;}
  .header-logo{max-height: 45px !important;margin-right: 5px !important;}
  .navbar-brand{padding: 3px 0;}
  .body_content{margin-top: 90px !important;}
  .news_box{padding: 12px;margin-bottom: 12px;border-radius: 12px;background: #fff;box-shadow: 0 2px 8px rgba(0,0,0,0.08);}
  .news_box h1{font-size: 16px;line-height: 22px;max-height: 88px;margin-bottom: 8px;color: #1a1a1a;}
  .news_lg_img{max-height: 250px !important;border-radius: 8px;width: 100%;object-fit: cover;}
  .news_md_img{max-height: 120px !important;border-radius: 8px;width: 100%;object-fit: cover;}
  .news_sm_img{max-height: 70px !important;border-radius: 6px;width: 100%;object-fit: cover;}
  .scroll_tabs_theme_light{display: none;}
  /* Mobile App Styling */
  .mobile-menu-item{min-width: 65px;padding: 10px 10px;margin: 0 4px;background: #f8f9fa;border: 1px solid #e0e0e0;}
  .mobile-menu-item i{font-size: 18px;}
  .mobile-menu-item span{font-size: 11px;}
  .mobile-menu-scroll{padding: 0 8px;}
  .news_box .row{margin: 0;}
  .col-4, .col-8{padding: 5px;}
  /* Better spacing */
  .mb-3{margin-bottom: 12px !important;}
  .border.p-2{margin-bottom: 12px;}
}

@media (max-width:480px){
  .body_content{margin-top: 85px !important;}
  .header-title{font-size: 25px !important;}
  .header-logo{max-height: 40px !important; display: inline-block;}
  .news_box{padding: 12px;margin-bottom: 10px;border-radius: 10px;}
  .news_box h1{font-size: 15px;line-height: 20px;max-height: 80px;margin-bottom: 6px;}
  .news_lg_img{max-height: 200px !important;border-radius: 8px;}
  .news_md_img{max-height: 100px !important;border-radius: 8px;}
  .news_sm_img{max-height: 60px !important;border-radius: 6px;}
  .mobile-menu-item{min-width: 60px;padding: 8px 8px;margin: 0 3px;}
  .mobile-menu-item i{font-size: 16px;margin-bottom: 4px;}
  .mobile-menu-item span{font-size: 10px;}
  .mobile-menu-scroll{padding: 0 5px;}
  .col-md-4, .col-md-8{margin-bottom: 12px;}
  .border.p-2{padding: 10px !important;border-radius: 10px;}
  .border-bottom h1{font-size: 18px;}
  /* Mobile App Enhancements */
  .container{padding-left: 8px;padding-right: 8px;}
  .row{margin-left: -4px;margin-right: -4px;}
  .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9{padding-left: 4px;padding-right: 4px;}
}

/* Tablet specific */
@media (min-width: 768px) and (max-width: 991px){
  .header-title{font-size: 20px !important;}
  .header-logo{max-height: 55px !important;}
  .body_content{margin-top: 130px !important;}
}

/* Extra small devices */
@media (max-width: 360px){
  .header-title{display: black;}
  .mobile-menu{width: 220px;}
  .news_box h1{font-size: 14px;}
}

/* Prevent body scroll when mobile menu is open */
body.menu-open{overflow: hidden;position: fixed;width: 100%;}

/* Mobile App-like Card Design */
@media (max-width: 991px) {
  .news_box{background: #fff;box-shadow: 0 2px 8px rgba(0,0,0,0.08);border: none;}
  .news_box:hover{box-shadow: 0 4px 12px rgba(0,0,0,0.12);}
  .border.p-2{background: #fff;box-shadow: 0 2px 6px rgba(0,0,0,0.06);border: none !important;}
}

/* Better Mobile Menu Styling */
@media (max-width: 991px) {
  .mobile-menu-horizontal{background: #fff;box-shadow: 0 -2px 8px rgba(0,0,0,0.05);}
  .mobile-menu-item{box-shadow: 0 2px 4px rgba(0,0,0,0.05);}
  .mobile-menu-item.active{box-shadow: 0 4px 12px rgba(238, 0, 45, 0.25);}
}