:root {
      --navy:#092844;
      --navy-2:#123E68;
      --navy-3:#1A558B;
      --gold:#C3A15B;
      --gold-pale:#F6F0E4;
      --bg:#F3F6F9;
      --surface:#FFFFFF;
      --text:#182737;
      --muted:#6B7887;
      --line:#E1E7ED;
      --shadow:0 12px 30px rgba(9,40,68,.09);
      --fire:#C93333;
      --ambulance:#1F66C2;
      --police:#153F78;
      --security:#177248;
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      background:
        radial-gradient(circle at 8% 4%, rgba(26,85,139,.055), transparent 26%),
        radial-gradient(circle at 92% 12%, rgba(9,40,68,.04), transparent 24%),
        var(--bg);
      color:var(--text);
      font-family:"Rabar_021","Rabar","Noto Sans Arabic","Arial",sans-serif;
      font-weight:500;
      -webkit-font-smoothing:antialiased;
      text-rendering:optimizeLegibility;
    }
    a{color:inherit;text-decoration:none}
    img{display:block;max-width:100%}
    .container{width:min(1120px,calc(100% - 28px));margin:auto}

    .latin,.en,.brand-copy span,.footer-text span {
      font-family:"Segoe UI","Arial","Helvetica Neue",sans-serif;
      letter-spacing:.15px;
    }
    h1,h2,h3,strong,.primary,.dock strong,.quick strong{
      font-family:"Rabar_021","Rabar","Noto Kufi Arabic","Noto Sans Arabic",Arial,sans-serif;
      letter-spacing:0;
      font-weight:800;
    }

    .header{
      position:relative;
      z-index:50;
      background:rgba(255,255,255,.97);
      border-bottom:1px solid var(--line);
      box-shadow:0 2px 12px rgba(9,40,68,.035);
      backdrop-filter:blur(10px);
    }
    .header-inner{
      min-height:70px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:16px;
    }
    .brand{display:flex;align-items:center;gap:11px;min-width:0}
    .brand-logo{width:56px;height:56px;object-fit:contain;flex:0 0 auto;background:transparent}
    .brand-copy{min-width:0;line-height:1.12}
    .brand-copy strong{
      display:block;font-size:15px;color:var(--navy);font-weight:800;
      white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    }
    .brand-copy span{display:block;font-size:10px;color:var(--muted);margin-top:4px;font-weight:600}
    .menu-btn{
      width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);
      background:#fff;border-radius:10px;color:var(--navy);cursor:pointer;
    }
    .menu-btn span,.menu-btn span:before,.menu-btn span:after{
      content:"";display:block;width:18px;height:2px;background:currentColor;border-radius:2px;position:relative;
    }
    .menu-btn span:before{position:absolute;top:-6px}
    .menu-btn span:after{position:absolute;top:6px}
    .nav{display:none;gap:24px;color:#35465A;font-size:14px;font-weight:700}
    .nav a{
      position:relative;
      padding:8px 2px;
    }
    .nav a::after{
      content:"";
      position:absolute;
      right:0;
      left:0;
      bottom:1px;
      height:2px;
      border-radius:2px;
      background:var(--navy-3);
      transform:scaleX(0);
      transition:transform .18s ease;
    }
    .nav a:hover{color:var(--navy)}
    .nav a:hover::after{transform:scaleX(1)}
    .mobile-menu{display:none;border-top:1px solid var(--line);background:#fff}
    .mobile-menu.open{display:block}
    .mobile-menu a{
      display:block;padding:14px 0;color:#2F4054;border-bottom:1px solid #F0F3F6;font-size:14px;font-weight:700;
    }

    .intro{display:none;padding:18px 0 4px}
    .intro.show{display:block}
    .intro-panel{
      background:
        linear-gradient(135deg, #082742 0%, #0B3153 58%, #0D3B64 100%);
      color:#fff;
      border-radius:22px;
      overflow:hidden;
      position:relative;
      border:1px solid rgba(255,255,255,.05);
      box-shadow:0 16px 40px rgba(9,40,68,.14);
    }
    .intro-panel::before{
      content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
      background:
        linear-gradient(90deg, transparent 0%, rgba(255,255,255,.035) 50%, transparent 100%),
        linear-gradient(180deg, rgba(69,137,201,.18), transparent 2px);
    }
    
    .intro-inner{padding:27px 20px 27px;position:relative;z-index:1}
    .kicker{
      color:#D9E7F4;
      font-size:11px;
      font-weight:700;
      margin-bottom:9px;
      letter-spacing:.15px;
    }
    .intro h1{margin:0;font-size:31px;line-height:1.22;font-weight:800}
    .intro h1 span{color:#DDB85F}
    .intro .ku{margin:12px 0 0;max-width:760px;font-size:15px;line-height:2;font-weight:600}
    .intro .ar{margin:9px 0 0;font-size:14px;line-height:1.9;color:#E7ECF2;font-weight:600}
    .intro .en{margin:7px 0 0;font-size:13px;line-height:1.7;direction:ltr;text-align:right;color:#CBD6E2;font-weight:600}

    .quick{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px}
    .quick a{
      min-height:56px;display:flex;flex-direction:column;justify-content:center;align-items:center;
      background:rgba(255,255,255,.065);
      border:1px solid rgba(141,184,224,.18);
      border-radius:11px;
      text-align:center;
      transition:background .18s ease,border-color .18s ease,transform .18s ease;
    }
    .quick a:hover{
      background:rgba(255,255,255,.10);
      border-color:rgba(169,205,237,.28);
      transform:translateY(-1px);
    }
    .quick strong{font-size:20px;line-height:1;font-weight:800}
    .quick small{margin-top:5px;font-size:10px;color:#E4EAF1;font-weight:700}
    .quick-fire strong{color:#ffb6b6}
    .quick-ambulance strong{color:#bcd8ff}
    .quick-police strong{color:#d3e4ff}
    .quick-security strong{color:#b9efcf}

    .section-head{padding:26px 2px 16px}
    .section-head h2{
      margin:0;
      color:var(--navy);
      font-size:25px;
      font-weight:800;
      line-height:1.4;
      position:relative;
      display:inline-block;
      padding-bottom:7px;
    }
    .section-head h2::after{
      content:"";
      position:absolute;
      right:0;
      bottom:0;
      width:58px;
      height:2px;
      border-radius:2px;
      background:linear-gradient(90deg,var(--navy-3),#7FA9CF);
    }
    .section-head p{margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.9;font-weight:500}

    .services{display:grid;grid-template-columns:1fr;gap:14px;padding-bottom:22px}
    .service{
      background:rgba(255,255,255,.985);
      border:1px solid #DEE5EB;
      border-radius:18px;
      box-shadow:0 10px 24px rgba(9,40,68,.075);
      overflow:hidden;
      position:relative;
      transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
    }
    .service::before{
      content:"";
      position:absolute;
      top:0;bottom:0;right:0;width:4px;
      background:var(--accent);
    }
    .service::after{
      content:"";
      position:absolute;
      left:0;right:0;top:0;height:1px;
      background:linear-gradient(90deg,transparent,rgba(21,63,120,.12),transparent);
    }
    .service:hover{
      transform:translateY(-2px);
      border-color:#D4DEE8;
      box-shadow:0 16px 32px rgba(9,40,68,.10);
    }
    .service-row{display:grid;grid-template-columns:104px minmax(0,1fr);gap:14px;padding:14px 14px 10px 18px;align-items:center}
    .photo{
      width:104px;
      height:88px;
      border-radius:12px;
      object-fit:contain;
      object-position:center;
      padding:6px;
      border:1px solid #DCE4EA;
      background:#F7F9FB;
      box-shadow:0 5px 14px rgba(9,40,68,.08);
    }
    .service-copy{min-width:0}
    .service-copy .eyebrow{color:var(--muted);font-size:11px;font-weight:700;margin-bottom:4px;line-height:1.5}
    .service-copy h3{margin:0;font-size:18px;line-height:1.5;color:#152235;font-weight:800}
    .service-copy .en{display:block;font-size:14px;color:#36475A;font-weight:700;margin-top:4px}
    .service-copy .ar{display:block;font-size:14px;color:#111111;margin-top:5px;font-weight:700}
    .numbers{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;margin-top:11px;direction:ltr;justify-content:flex-end}
    .primary{color:var(--accent);font-size:29px;line-height:1;font-weight:800}
    .secondary{color:#30455B;font-size:14px;font-weight:700}
    .service-actions{padding:0 14px 14px 18px}
    .call{
      height:44px;
      border-radius:10px;
      display:flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      color:#fff;
      background:var(--accent);
      font-size:14px;
      font-weight:700;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
      transition:filter .18s ease,transform .18s ease;
    }
    .call:hover{filter:brightness(.96);transform:translateY(-1px)}
    .call img{width:18px;height:18px;filter:brightness(0) invert(1)}

    .fire{--accent:var(--fire)}
    .ambulance{--accent:var(--ambulance)}
    .police{--accent:var(--police)}
    .security{--accent:var(--security)}

    #home{scroll-margin-top:10px}
    .notice{
      background:linear-gradient(180deg,#FFFFFF,#FBFCFE);
      border:1px solid var(--line);
      border-radius:16px;
      padding:16px 20px;
      margin:4px 0 26px;
      display:flex;
      align-items:center;
      justify-content:center;
      min-height:96px;
    }

    .notice-text{
      width:100%;
      margin:0 auto;
      text-align:center;
    }

    .notice-text strong{
      display:block;
      text-align:center;
      font-size:clamp(15px, 3.7vw, 18px);
      line-height:1.55;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }

    .notice-text p{
      margin:8px 0 0;
      text-align:center;
      font-size:clamp(11px, 2.8vw, 14px);
      color:var(--muted);
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }

    @media (max-width: 560px){
      .notice{
        padding:14px 14px;
        min-height:88px;
      }
      .notice-text strong{
        font-size:14px;
      }
      .notice-text p{
        font-size:10.8px;
        margin-top:6px;
      }
    }

  
    /* Restored mobile footer layout */
    .footer{
      background:#fff;
      border-top:1px solid #dfe6ed;
      margin-top:8px;
      padding-bottom:calc(env(safe-area-inset-bottom,0px) + 88px);
    }

    .footer-inner{
      min-height:112px;
      padding:18px 18px;
      display:flex;
      flex-direction:row;
      align-items:center;
      justify-content:space-between;
      gap:16px;
    }

    .footer-text{
      flex:1 1 auto;
      min-width:0;
      text-align:right;
    }

    .footer-text strong{
      display:block;
      color:var(--navy);
      font-size:15px;
      line-height:1.45;
      font-weight:800;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }

    .footer-text span{
      display:block;
      direction:ltr;
      text-align:right;
      color:var(--muted);
      font-size:13px;
      margin-top:4px;
      font-weight:600;
    }

    .footer-logo{
      width:78px;
      height:78px;
      object-fit:contain;
      flex:0 0 auto;
    }

    .dock{
      position:fixed;
      z-index:60;
      left:0;
      right:0;
      bottom:0;
      padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));
      background:rgba(245,247,250,.96);
      backdrop-filter:blur(12px);
      border-top:1px solid #dfe5ec;
    }

    .dock-inner{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:8px;
      max-width:680px;
      margin:auto;
    }

    .dock a{
      background:#fff;
      border:1px solid var(--line);
      border-radius:14px;
      padding:10px 5px 9px;
      text-align:center;
      box-shadow:0 5px 12px rgba(18,48,83,.05);
    }

    .dock strong{
      display:block;
      font-size:24px;
      line-height:1;
      font-weight:900;
    }

    .dock span{
      display:block;
      color:var(--muted);
      font-size:12px;
      margin-top:6px;
      font-weight:700;
      white-space:nowrap;
    }

    .dock-fire strong{color:var(--fire)}
    .dock-ambulance strong{color:var(--ambulance)}
    .dock-police strong{color:var(--police)}
    .dock-security strong{color:var(--security)}

    @media (max-width:560px){
      .footer-inner{
        min-height:108px;
        padding:16px 14px;
        gap:10px;
      }

      .footer-logo{
        width:68px;
        height:68px;
      }

      .footer-text{
        flex:1 1 auto;
        min-width:0;
      }

      .footer-text strong{
        font-size:13.5px;
        line-height:1.35;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
      }

      .footer-text span{
        font-size:11px;
      }

      .dock{
        padding-left:8px;
        padding-right:8px;
      }

      .dock-inner{
        gap:7px;
      }

      .dock a{
        border-radius:13px;
        padding:10px 3px 9px;
      }

      .dock strong{
        font-size:23px;
      }

      .dock span{
        font-size:11px;
      }
    }

    @media (min-width:760px){
      .footer{
        padding-bottom:0;
      }
      .footer-inner{
        min-height:100px;
        padding:16px 0;
      }
      .footer-logo{
        width:58px;
        height:58px;
      }
      .footer-text strong{
        font-size:13.5px;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
      }
      .footer-text span{
        font-size:11px;
      }
      .dock{
        display:none;
      }
    }

  
    .service.police .service-actions{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:10px;
    }

    .service.police .service-actions .call-split{
      display:flex;
      align-items:center;
      justify-content:center;
      gap:6px;
      min-height:54px;
      border-radius:14px;
      background:#214c8f;
      color:#fff;
      text-decoration:none;
      font-weight:800;
      font-size:16px;
      box-shadow:0 6px 14px rgba(16,49,94,.12);
      transition:all .15s ease;
    }

    .service.police .service-actions .call-split:hover{
      background:#1b447f;
      transform:translateY(-1px);
    }

    .service.police .service-actions .call-split img{
      width:16px;
      height:16px;
      object-fit:contain;
      filter:brightness(0) invert(1);
    }

    @media (max-width:560px){
      .service.police .service-actions{
        gap:8px;
      }

      .service.police .service-actions .call-split{
        min-height:48px;
        font-size:15px;
        border-radius:12px;
      }
    }

  
    .service-social{
      position:absolute;
      left:18px;
      top:18px;
      display:flex;
      align-items:center;
      gap:10px;
      z-index:4;
    }

    .service-social .social-btn{
      width:42px;
      height:42px;
      border-radius:12px;
      display:grid;
      place-items:center;
      text-decoration:none;
      border:1px solid #D8E1E8;
      background:#FFFFFF;
      box-shadow:0 6px 16px rgba(9,40,68,.10);
      transition:transform .15s ease, box-shadow .15s ease, filter .15s ease;
    }

    .service-social .social-btn:hover{
      transform:translateY(-1px);
      box-shadow:0 8px 18px rgba(9,40,68,.14);
      filter:brightness(.98);
    }

    .service-social .social-btn svg{
      width:24px;
      height:24px;
      display:block;
    }

    @media (max-width:560px){
      .service-social{
        left:14px;
        top:14px;
        gap:8px;
      }

      .service-social .social-btn{
        width:38px;
        height:38px;
        border-radius:11px;
      }

      .service-social .social-btn svg{
        width:22px;
        height:22px;
      }
    }

  
    /* Show social logos only in About mode */
    .service-social{display:none !important}
    body.about-mode .service-social{
      display:flex !important;
      position:absolute;
      left:18px;
      top:18px;
      align-items:center;
      gap:10px;
      z-index:4;
    }
    @media (max-width:560px){
      body.about-mode .service-social{
        left:14px;
        top:14px;
        gap:8px;
      }
    }

  
    .service.fire .service-actions{
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:12px;
    }

    .service.fire .service-actions .call-split{
      display:flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      min-height:54px;
      border-radius:14px;
      background:#d33232;
      color:#fff;
      text-decoration:none;
      font-weight:800;
      font-size:16px;
      box-shadow:0 6px 14px rgba(120,26,26,.12);
      transition:all .15s ease;
    }

    .service.fire .service-actions .call-split:hover{
      background:#bf2b2b;
      transform:translateY(-1px);
    }

    .service.fire .service-actions .call-split img{
      width:16px;
      height:16px;
      object-fit:contain;
      filter:brightness(0) invert(1);
    }

    @media (max-width:560px){
      .service.fire .service-actions{
        gap:8px;
      }

      .service.fire .service-actions .call-split{
        min-height:48px;
        font-size:14px;
        border-radius:12px;
      }
    }

  
    .service.security .service-actions{
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:12px;
    }

    .service.security .service-actions .call-split{
      display:flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      min-height:54px;
      border-radius:14px;
      background:#1f7f4a;
      color:#fff;
      text-decoration:none;
      font-weight:800;
      font-size:16px;
      box-shadow:0 6px 14px rgba(18,84,48,.12);
      transition:all .15s ease;
    }

    .service.security .service-actions .call-split:hover{
      background:#196b3e;
      transform:translateY(-1px);
    }

    .service.security .service-actions .call-split img{
      width:16px;
      height:16px;
      object-fit:contain;
      filter:brightness(0) invert(1);
    }

    @media (max-width:560px){
      .service.security .service-actions{
        gap:8px;
      }

      .service.security .service-actions .call-split{
        min-height:48px;
        font-size:14px;
        border-radius:12px;
      }
    }

  
    /* Police-light panel placement */
    .about-wrap{
      margin-top:22px;
    }

    .police-light-panel{
      width:100%;
      margin:0 auto 16px;
    }

    @media (max-width:560px){
      .about-wrap{
        margin-top:16px;
      }

      .police-light-panel{
        margin-bottom:14px;
      }
    }

  
    .police-light-panel{
      display:flex !important;
      align-items:center !important;
      justify-content:center !important;
      min-height:150px;
      padding:16px 20px !important;
    }

    .police-light-panel .lightbar-wrap{
      width:min(100%, 620px);
      margin:0 auto;
      flex:0 1 620px;
    }

    @media (max-width:560px){
      .police-light-panel{
        min-height:128px;
        padding:12px 14px !important;
      }

      .police-light-panel .lightbar-wrap{
        width:100%;
        flex-basis:100%;
      }
    }

  
    /* RESTORED POLICE LIGHTBAR */
    .police-light-panel{
      width:100%;
      margin:0 auto 16px;
      min-height:150px;
      padding:16px 20px !important;
      display:flex !important;
      align-items:center !important;
      justify-content:center !important;
      background:linear-gradient(135deg,#081f34 0%,#0b2f50 100%);
      border:1px solid rgba(255,255,255,.06);
      border-radius:18px;
      box-shadow:0 14px 30px rgba(7,28,47,.13);
      overflow:hidden;
      position:relative;
    }

    .police-light-panel::before{
      content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
      background:
        radial-gradient(circle at 24% 50%, rgba(32,107,255,.08), transparent 28%),
        radial-gradient(circle at 76% 50%, rgba(255,38,38,.08), transparent 28%);
    }

    .police-light-panel .lightbar-wrap{
      position:relative;
      width:min(100%,620px);
      height:112px;
      margin:0 auto;
      display:flex;
      align-items:flex-end;
      justify-content:center;
      overflow:visible;
      z-index:2;
      flex:0 1 620px;
    }

    .police-light-panel .car-roof{
      position:absolute;
      bottom:5px;
      width:78%;
      height:34px;
      border-radius:50% 50% 12px 12px / 100% 100% 12px 12px;
      background:linear-gradient(180deg,#27333e,#101820);
      border-top:2px solid #5a6875;
      box-shadow:0 9px 18px rgba(0,0,0,.35);
      z-index:2;
    }

    .police-light-panel .lightbar{
      position:absolute;
      bottom:31px;
      width:min(88%,430px);
      height:42px;
      border-radius:10px;
      background:#111923;
      border:2px solid #53606c;
      box-shadow:0 7px 18px rgba(0,0,0,.45);
      display:grid;
      grid-template-columns:1fr 42px 1fr;
      gap:4px;
      padding:4px;
      z-index:4;
    }

    .police-light-panel .bar-side{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:3px;
    }

    .police-light-panel .bar-side i{
      display:block;
      min-width:0;
      min-height:0;
      border-radius:4px;
      opacity:.22;
      background:#26384b;
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
    }

    .police-light-panel .bar-center{
      border-radius:4px;
      background:linear-gradient(180deg,#dfe7ec,#86939d 50%,#cfd7dd);
      opacity:.75;
    }

    .police-light-panel .blue-side i{
      background:#1577ff;
      animation:flashBlue 1.15s infinite steps(1);
    }
    .police-light-panel .blue-side i:nth-child(2){animation-delay:.08s}
    .police-light-panel .blue-side i:nth-child(3){animation-delay:.16s}
    .police-light-panel .blue-side i:nth-child(4){animation-delay:.24s}

    .police-light-panel .red-side i{
      background:#ff2a2a;
      animation:flashRed 1.15s infinite steps(1);
    }
    .police-light-panel .red-side i:nth-child(2){animation-delay:.08s}
    .police-light-panel .red-side i:nth-child(3){animation-delay:.16s}
    .police-light-panel .red-side i:nth-child(4){animation-delay:.24s}

    .police-light-panel .light-glow{
      position:absolute;
      bottom:24px;
      width:44%;
      height:72px;
      filter:blur(18px);
      opacity:.18;
      z-index:1;
      pointer-events:none;
    }

    .police-light-panel .blue-glow{
      left:3%;
      background:#1e78ff;
      animation:glowBlue 1.15s infinite steps(1);
    }

    .police-light-panel .red-glow{
      right:3%;
      background:#ff2727;
      animation:glowRed 1.15s infinite steps(1);
    }

    @keyframes flashBlue{
      0%,8%,32%,40%,100%{opacity:.22;box-shadow:none}
      9%,16%,25%{opacity:1;box-shadow:0 0 12px #1478ff,0 0 28px #1478ff}
    }

    @keyframes flashRed{
      0%,48%,56%,80%,88%,100%{opacity:.22;box-shadow:none}
      57%,64%,73%{opacity:1;box-shadow:0 0 12px #ff2323,0 0 28px #ff2323}
    }

    @keyframes glowBlue{
      0%,8%,32%,40%,100%{opacity:.06}
      9%,16%,25%{opacity:.48}
    }

    @keyframes glowRed{
      0%,48%,56%,80%,88%,100%{opacity:.06}
      57%,64%,73%{opacity:.48}
    }

    @media (max-width:560px){
      .police-light-panel{
        min-height:128px;
        padding:12px 14px !important;
      }
      .police-light-panel .lightbar-wrap{
        width:100%;
        height:98px;
        flex-basis:100%;
      }
      .police-light-panel .lightbar{
        width:min(88%,360px);
        height:38px;
        grid-template-columns:1fr 38px 1fr;
      }
      .police-light-panel .car-roof{
        width:82%;
        height:30px;
      }
    }

  
    /* Narrower outer police-light box only */
    .police-light-panel{
      width:92% !important;
      max-width:920px;
      margin-left:auto !important;
      margin-right:auto !important;
    }

    @media (max-width:560px){
      .police-light-panel{
        width:94% !important;
        max-width:none;
      }
    }

  
    /* Keep original width; reduce only the blue box height */
    .police-light-panel{
      width:100% !important;
      max-width:none !important;
      min-height:118px !important;
      padding-top:8px !important;
      padding-bottom:8px !important;
      margin-left:auto !important;
      margin-right:auto !important;
    }

    @media (max-width:560px){
      .police-light-panel{
        width:100% !important;
        min-height:108px !important;
        padding-top:6px !important;
        padding-bottom:6px !important;
      }
    }