﻿@media(max-width:480px){#header_wrap{width:100%;}
#header_wrap .logo{margin:0px;width:100%;text-align:center;}
#header_wrap .logo img{max-width:175px;}
#header_wrap .rhtcol{width:100%;margin:0px;}
#frmSearch{width:100%;}
#search_box{width:100%;}
#search_box .tbox{width:100%;}
#top_menu_wrap{display:none;}
#mobile_menu{display:block;}
#content{width:98%;padding:10px 0px;}
#animation_wrapper .container{width:98%;display:none;}
#footer_wrap{height:auto;width:100%;}
#footer{width:98%;}
#footer_btm{height:auto;}
#footer .first{margin-left:10px;}
#footer_btm .copy{width:98%;line-height:20px;}
#most_popular_h2{display:none;}
#c-carousel{display:none;}
#content h2{padding:0px;width:98%;}
#hp_cat_box a{width:85%;margin-bottom:10px;}
#content a.catbox{width:140px;height:100px;margin-right:0px;margin-bottom:10px;text-align:center;font-size:9pt;}
#content a.catbox img{width:96%;height:auto;}
#rht_content{width:98%;margin-left:20px;}
}
@media(max-width:767px){#header_wrap{width:100%;}
#header_wrap .logo{margin:0px;width:100%;text-align:center;}
#header_wrap .logo img{max-width:175px;}
#header_wrap .rhtcol{float:right;margin-right:0px;width:100%;}
#top_menu_wrap{display:none;}
#mobile_menu{display:block;}
#content{width:98%;padding:10px 0px;}
#animation_wrapper .container{width:98%;display:none;}
#footer_wrap{height:auto;width:100%;}
#footer{width:98%;}
#footer_btm{height:auto;}
#footer .first{margin-left:10px;}
#footer_btm .copy{width:98%;line-height:20px;padding:10px 0px;}
#most_popular_h2{display:none;}
#c-carousel{display:none;}
#content h2{padding:0px;width:98%;}
#hp_cat_box a{width:85%;margin-bottom:10px;}
#content a.catbox{width:140px;height:100px;margin-right:0px;margin-bottom:10px;text-align:center;font-size:9pt;}
#content a.catbox img{width:96%;height:auto;}
#rht_content{width:98%;}
}
@media(min-width:768px) and (max-width:1200px){#header_wrap{width:100%;}
#header_wrap .logo{margin-left:0px;}
#header_wrap .rhtcol{float:right;margin-right:0px;}
#top_menu_wrap{height:auto;}
#top_menu{width:98%;}
#content{width:98%;padding:10px 0px;}
#animation_wrapper .container{width:98%;display:none;}
#footer_wrap{height:auto;width:100%;}
#footer{width:98%;}
#footer_btm{height:auto;}
#footer .first{margin-left:10px;}
#footer_btm .copy{width:98%;line-height:20px;padding:10px 0px;}
#most_popular_h2{display:none;}
#c-carousel{display:none;}
#content h2{padding:0px;width:98%;}
#hp_cat_box a{width:45%;margin-bottom:10px;}
#top_menu ul li a{margin:0px;margin-bottom:5px;}
}
/* Modern mobile header and overflow cleanup */
html,body{max-width:100%;overflow-x:hidden;}
@media(max-width:767px){
  #header_wrap{width:100% !important;max-width:100% !important;padding:16px 0 12px 0 !important;background:#FFFFFF;}
  #header_wrap .logo{float:none !important;width:100% !important;margin:0 0 12px 0 !important;text-align:center !important;}
  #header_wrap .logo img{max-width:210px !important;width:72% !important;height:auto !important;}
  #header_wrap .rhtcol{float:none !important;width:92% !important;max-width:92% !important;margin:0 auto !important;}
  #frmSearch{width:100% !important;height:44px !important;border:1px solid #CFDCE0 !important;border-radius:9px !important;box-shadow:0 8px 20px rgba(0,0,0,0.06) !important;overflow:hidden;}
  #search-box input[type="text"]{width:calc(100% - 88px) !important;height:44px !important;padding:12px 10px 12px 14px !important;font-size:10pt !important;}
  #search-button{width:88px !important;height:44px !important;line-height:44px !important;border-radius:0 !important;}
  #top_menu_wrap{display:none !important;}
  #mobile_menu{display:block !important;width:92% !important;margin:0 auto 14px auto !important;font-family:'Droid Sans',Arial,Tahoma;}
  #mobile_menu .hdr{display:flex;align-items:center;justify-content:space-between;width:100% !important;height:48px !important;line-height:48px !important;background:linear-gradient(135deg,#083F4A 0%,#0E6E77 100%) !important;border-radius:10px;box-shadow:0 10px 22px rgba(8,63,74,0.18);overflow:hidden;}
  #mobile_menu .lft{float:none !important;flex:1;margin:0 !important;padding:0 16px;color:#FFFFFF !important;text-decoration:none;font-family:'Montserrat',Arial,Tahoma;font-size:11pt;font-weight:bold;}
  #mobile_menu .rht{float:none !important;display:flex !important;align-items:center;justify-content:center;width:64px;height:48px;margin:0 !important;background:#F07816;color:#FFFFFF !important;text-decoration:none;font-family:'Montserrat',Arial,Tahoma;font-size:9.5pt;font-weight:bold;line-height:48px;}
  #mobile_menu .hdr .spacer{display:none;}
  #mobile_menu ul{display:none;margin:8px 0 0 0 !important;padding:8px !important;list-style:none;background:#FFFFFF;border:1px solid #DCE9EC;border-radius:10px;box-shadow:0 14px 34px rgba(0,0,0,0.10);overflow:hidden;}
  #mobile_menu ul li a{display:block;background:#FFFFFF !important;color:#24363B !important;text-decoration:none;line-height:22px !important;padding:12px 14px !important;border:0 !important;border-bottom:1px solid #EEF4F6 !important;border-radius:7px;font-size:10.5pt;}
  #mobile_menu ul li:last-child a{border-bottom:0 !important;}
  #mobile_menu ul li a:hover{background:#F4FAFB !important;color:#F07816 !important;}
  #content{width:92% !important;max-width:92% !important;padding-left:0 !important;padding-right:0 !important;}
  #rht_content{width:100% !important;margin-left:0 !important;}
  #footer,#footer_btm .copy{width:92% !important;max-width:92% !important;}
}

@media(min-width:768px) and (max-width:1200px){
  #header_wrap,#top_menu,#content,#footer,#footer_btm .copy{max-width:94% !important;}
  #top_menu ul{justify-content:flex-start !important;gap:2px;}
}


/* Final mobile header override */
@media(max-width:767px){
  body{overflow-x:hidden !important;}
  #header_wrap{display:block !important;width:100% !important;max-width:100% !important;margin:0 !important;padding:14px 0 12px 0 !important;background:#FFFFFF !important;}
  #header_wrap .logo{float:none !important;width:100% !important;margin:0 0 12px 0 !important;text-align:center !important;line-height:0 !important;}
  #header_wrap .logo a{display:inline-block !important;}
  #header_wrap .logo img{display:block !important;width:210px !important;max-width:72vw !important;height:auto !important;margin:0 auto !important;}
  #header_wrap .rhtcol{float:none !important;display:block !important;width:92% !important;max-width:92% !important;margin:0 auto !important;}
  #search-box{width:100% !important;max-width:100% !important;position:relative !important;overflow:visible !important;}
  #frmSearch{display:flex !important;width:100% !important;max-width:100% !important;height:44px !important;margin:0 !important;border:1px solid #CFDCE0 !important;border-radius:10px !important;background:#FFFFFF !important;box-shadow:0 8px 20px rgba(0,0,0,0.08) !important;overflow:hidden !important;}
  #search-box input[type="text"],#search-text{position:static !important;float:none !important;flex:1 1 auto !important;min-width:0 !important;width:auto !important;height:44px !important;margin:0 !important;padding:0 12px !important;border:0 !important;background:#FFFFFF !important;font-size:10pt !important;line-height:44px !important;box-sizing:border-box !important;}
  #search-button{position:static !important;float:none !important;flex:0 0 88px !important;width:88px !important;height:44px !important;margin:0 !important;border:0 !important;border-radius:0 !important;background:#006C87 !important;color:#FFFFFF !important;line-height:44px !important;box-sizing:border-box !important;}
  #dmenu{top:50px !important;width:100% !important;box-sizing:border-box !important;}
  #top_menu_wrap{display:none !important;}
  #mobile_menu{display:block !important;width:92% !important;max-width:92% !important;margin:0 auto 14px auto !important;font-family:'Droid Sans',Arial,Tahoma !important;}
  #mobile_menu .hdr{display:block !important;width:100% !important;height:auto !important;margin:0 !important;background:transparent !important;line-height:normal !important;color:inherit !important;}
  #mobile_menu .mobile-menu-toggle{display:flex !important;align-items:center !important;justify-content:center !important;gap:10px !important;width:100% !important;min-height:48px !important;padding:0 18px !important;border-radius:10px !important;background:linear-gradient(135deg,#083F4A 0%,#0E6E77 100%) !important;color:#FFFFFF !important;text-decoration:none !important;font-family:'Montserrat',Arial,Tahoma !important;font-size:11pt !important;font-weight:bold !important;box-shadow:0 10px 22px rgba(8,63,74,0.18) !important;box-sizing:border-box !important;}
  #mobile_menu .mobile-menu-icon{display:inline-flex !important;flex-direction:column !important;gap:4px !important;width:22px !important;}
  #mobile_menu .mobile-menu-icon i{display:block !important;width:22px !important;height:2px !important;border-radius:3px !important;background:#FFFFFF !important;}
  #mobile_menu .lft,#mobile_menu .rht,#mobile_menu .hdr .spacer{display:none !important;}
  #mobile_menu ul{display:none;margin:8px 0 0 0 !important;padding:8px !important;list-style:none !important;background:#FFFFFF !important;border:1px solid #DCE9EC !important;border-radius:10px !important;box-shadow:0 14px 34px rgba(0,0,0,0.10) !important;overflow:hidden !important;box-sizing:border-box !important;}
  #mobile_menu ul li a{display:block !important;background:#FFFFFF !important;color:#24363B !important;text-decoration:none !important;line-height:22px !important;padding:12px 14px !important;border:0 !important;border-bottom:1px solid #EEF4F6 !important;border-radius:7px !important;font-size:10.5pt !important;box-sizing:border-box !important;}
  #mobile_menu ul li:last-child a{border-bottom:0 !important;}
  #mobile_menu ul li a:hover{background:#F4FAFB !important;color:#F07816 !important;}
}
