/* Fidlon Legal v201 — isolated site-wide mobile CTA component + mobile accent normalization. */
.mobile-fixed-actions-v201{display:none;}

@media (max-width:980px){
  :root{--mobile-fixed-cta-height:110px;}
  body{padding-top:var(--mobile-fixed-cta-height)!important;}

  /* Disable the legacy mobile CTA instance. Desktop remains untouched because this is media-scoped. */
  html body .site-header .topbar .top-actions,
  html body .topbar .top-actions,
  html body .top-actions{
    display:none!important;
  }

  /* Independent fixed mobile CTA component: direct child of .site-header, not nested in .wrap. */
  html body .site-header > .mobile-fixed-actions-v201,
  html body .mobile-fixed-actions-v201{
    display:grid!important;
    grid-template-columns:1fr!important;
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:4px 0 0!important;
    gap:0!important;
    box-sizing:border-box!important;
    background:#050505!important;
    border:0!important;
    border-radius:0!important;
    overflow:visible!important;
    transform:none!important;
    z-index:10000!important;
  }
  html body .mobile-fixed-actions-v201 .mobile-fixed-action-v201{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:100%!important;
    max-width:none!important;
    min-height:35px!important;
    margin:0!important;
    padding:8px 10px!important;
    box-sizing:border-box!important;
    background:#981129!important;
    background-image:none!important;
    color:#fff!important;
    text-decoration:none!important;
    text-align:center!important;
    white-space:nowrap!important;
    border:0!important;
    border-top:1px solid #a5a5a5!important;
    border-radius:0!important;
    box-shadow:none!important;
    font:700 12.5px/1 Arial,Helvetica,sans-serif!important;
    text-transform:uppercase!important;
  }
  html body .mobile-fixed-actions-v201 .mobile-fixed-action-v201:first-child{
    border-top:0!important;
  }
  html body .mobile-fixed-actions-v201 .mobile-fixed-action-v201:hover,
  html body .mobile-fixed-actions-v201 .mobile-fixed-action-v201:focus{
    background:#cf3448!important;
  }
}

@media (max-width:760px) and (orientation:portrait){
  :root{--fidlon-site-mobile-accent-width:60px;}
  html body .accent-rule,
  html body .inner-hero .accent-rule,
  html body.consult-page .booking-card-heading h2::after,
  html body .individual-consult-page .booking-card-heading h2::after{
    width:var(--fidlon-site-mobile-accent-width)!important;
    height:3px!important;
  }
}
@media (max-width:980px) and (orientation:landscape){
  :root{--fidlon-site-mobile-accent-width:74px;}
  html body .accent-rule,
  html body .inner-hero .accent-rule,
  html body.consult-page .booking-card-heading h2::after,
  html body .individual-consult-page .booking-card-heading h2::after{
    width:var(--fidlon-site-mobile-accent-width)!important;
    height:3px!important;
  }
}

/* =========================================================
   V203 — landscape CTA typography normalization site-wide.
   Match the 14px landscape CTA text already approved on the homepage.
   ========================================================= */
@media (max-width:980px) and (orientation:landscape){
  html body .mobile-fixed-actions-v201 .mobile-fixed-action-v201{
    font-size:14px!important;
  }
}

/* =========================================================
   V204 — cache-busted site-wide landscape CTA typography.
   Exact match to approved homepage landscape CTA text.
   ========================================================= */
@media (max-width:980px) and (orientation:landscape){
  html body .mobile-fixed-actions-v201 .mobile-fixed-action-v201{
    font:700 14px/1 Arial,Helvetica,sans-serif!important;
    font-size:14px!important;
    line-height:1!important;
    letter-spacing:normal!important;
  }
}

/* =========================================================
   V211 — landscape quick-actions collapse.
   Portrait behavior remains unchanged. In mobile landscape,
   the three fixed CTA links start collapsed behind a compact
   QUICK ACTIONS bar and expand only when requested.
   ========================================================= */
@media (max-width:980px) and (orientation:landscape){
  :root{--mobile-fixed-cta-height:38px;}
  body{padding-top:var(--mobile-fixed-cta-height)!important;}

  html body .mobile-fixed-actions-v201{
    display:flex!important;
    flex-direction:column!important;
    padding:0!important;
    gap:0!important;
    background:#050505!important;
    border-bottom:1px solid #981129!important;
  }
  html body .mobile-fixed-actions-v201 .mobile-fixed-actions-toggle-v211{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:38px!important;
    margin:0!important;
    padding:7px 12px!important;
    border:0!important;
    border-radius:0!important;
    background:#981129!important;
    color:#fff!important;
    font:700 13px/1 Arial,Helvetica,sans-serif!important;
    letter-spacing:.02em!important;
    text-transform:uppercase!important;
    cursor:pointer!important;
  }
  html body .mobile-fixed-actions-v201 .mobile-fixed-actions-toggle-v211::after{
    content:'▾'!important;
    margin-left:8px!important;
    font-size:14px!important;
    line-height:1!important;
  }
  html body .mobile-fixed-actions-v201.is-open-v211 .mobile-fixed-actions-toggle-v211::after{
    content:'▴'!important;
  }
  html body .mobile-fixed-actions-v201 .mobile-fixed-action-v201{
    display:none!important;
    min-height:35px!important;
    font:700 14px/1 Arial,Helvetica,sans-serif!important;
  }
  html body .mobile-fixed-actions-v201.is-open-v211 .mobile-fixed-action-v201{
    display:flex!important;
  }
}

@media (max-width:760px) and (orientation:portrait){
  html body .mobile-fixed-actions-v201 .mobile-fixed-actions-toggle-v211{
    display:none!important;
  }
}


/* =========================================================
   V216 — landscape navigation/footer refinements.
   - Make long mobile-landscape dropdowns fully accessible.
   - Reduce landscape footer informational text.
   ========================================================= */
@media (max-width:980px) and (orientation:landscape){
  /* Prevent header/nav ancestors from clipping open submenu panels. */
  html body .site-header,
  html body .site-header nav,
  html body .site-header .nav-wrap,
  html body .site-header .nav-inner,
  html body .site-header .nav-menu,
  html body .site-header .dropdown{
    overflow:visible!important;
  }

  /* Long menus must not stop after the fifth item.  Keep every item
     accessible in the short landscape viewport and use two columns for
     the Practice Areas menu so substantially more is visible at once. */
  html body .site-header .dropdown-menu{
    max-height:calc(100dvh - 72px)!important;
    height:auto!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    z-index:20050!important;
  }
  html body .site-header .dropdown > .dropdown-button[aria-expanded="true"] + .dropdown-menu{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(190px,1fr))!important;
    align-content:start!important;
  }
  html body .site-header .resources-nav > .dropdown-button[aria-expanded="true"] + .dropdown-menu,
  html body .site-header .more-nav > .dropdown-button[aria-expanded="true"] + .dropdown-menu{
    display:block!important;
  }
  html body .site-header .dropdown-menu li,
  html body .site-header .dropdown-menu a{
    min-width:0!important;
    box-sizing:border-box!important;
  }

  /* Compact informational footer copy in landscape. */
  html body .live-footer-contact-text,
  html body .live-footer-contact-text p,
  html body .live-footer-contact-text a,
  html body .live-footer-localities,
  html body .live-footer-disclaimer{
    font-size:10.5px!important;
    line-height:1.25!important;
  }
}


/* =========================================================
   V217 — phone-landscape dropdown/footer correction.
   Uses max-height rather than max-width so it still applies
   if a landscape page's content width exceeds the viewport.
   ========================================================= */
@media (orientation:landscape) and (max-height:600px){
  /* Practice Areas returns to one column; every submenu row is exactly
     the same 34px height. Seven rows = 238px, so Resources fits without
     a clipped partial final row and Practice Areas scrolls by full rows. */
  html body .site-header .dropdown-menu{
    display:none!important;
    grid-template-columns:none!important;
    max-height:238px!important;
    height:auto!important;
    padding:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    box-sizing:border-box!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
  html body .site-header .dropdown.open > .dropdown-menu,
  html body .site-header .dropdown:focus-within > .dropdown-menu,
  html body .site-header .dropdown > .dropdown-button[aria-expanded="true"] + .dropdown-menu{
    display:block!important;
    grid-template-columns:none!important;
  }
  html body .site-header .dropdown-menu li{
    display:block!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
  }
  html body .site-header .dropdown-menu a{
    display:flex!important;
    align-items:center!important;
    width:auto!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    margin:0!important;
    padding:0 11px!important;
    box-sizing:border-box!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  /* Force a visibly smaller landscape footer.  The selectors intentionally
     include the page's site-font class and footer wrapper to outrank legacy
     footer typography rules. */
  html body.site-font-v65 .live-site-footer .live-footer-contact-text,
  html body.site-font-v65 .live-site-footer .live-footer-contact-text p,
  html body.site-font-v65 .live-site-footer .live-footer-contact-text a,
  html body.site-font-v65 .live-site-footer .live-footer-localities,
  html body.site-font-v65 .live-site-footer .live-footer-localities a,
  html body.site-font-v65 .live-site-footer .live-footer-disclaimer,
  html body.site-font-v65 .live-site-footer .live-footer-disclaimer a{
    font-size:9px!important;
    line-height:1.18!important;
  }
}


/* =========================================================
   V219 — landscape dropdown full-list correction.
   Practice Areas remains a single column and all 16 rows are
   visible together on common phone-landscape viewports.
   Resources uses the same row geometry so its final row cannot
   be clipped or rendered shorter than the others.
   ========================================================= */
@media (orientation:landscape) and (max-height:600px){
  html body .site-header .dropdown-menu{
    max-height:none!important;
    height:auto!important;
    overflow:visible!important;
    overflow-x:visible!important;
    overflow-y:visible!important;
    padding:0!important;
    box-sizing:border-box!important;
  }
  html body .site-header .dropdown.open > .dropdown-menu,
  html body .site-header .dropdown:focus-within > .dropdown-menu,
  html body .site-header .dropdown > .dropdown-button[aria-expanded="true"] + .dropdown-menu{
    display:block!important;
    grid-template-columns:none!important;
  }
  html body .site-header .dropdown-menu li,
  html body .site-header .dropdown-menu a{
    height:19px!important;
    min-height:19px!important;
    max-height:19px!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  html body .site-header .dropdown-menu li{
    display:block!important;
    padding:0!important;
  }
  html body .site-header .dropdown-menu a{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    padding:0 9px!important;
    font-size:10.5px!important;
    line-height:19px!important;
    white-space:nowrap!important;
  }
}


/* =========================================================
   V220 — landscape submenu row-height refinement.
   Keep Practice Areas/Resources single-column and preserve the
   V219 unclipped full-list behavior, but increase touch-target height.
   ========================================================= */
@media (orientation:landscape) and (max-height:600px){
  html body .site-header .dropdown-menu{
    max-height:none!important;
    height:auto!important;
    overflow:visible!important;
    overflow-x:visible!important;
    overflow-y:visible!important;
    padding:0!important;
  }
  html body .site-header .dropdown-menu li,
  html body .site-header .dropdown-menu a{
    height:22px!important;
    min-height:22px!important;
    max-height:22px!important;
    box-sizing:border-box!important;
  }
  html body .site-header .dropdown-menu li{
    margin:0!important;
    padding:0!important;
  }
  html body .site-header .dropdown-menu a{
    display:flex!important;
    align-items:center!important;
    padding:0 10px!important;
    font-size:11px!important;
    line-height:22px!important;
    white-space:nowrap!important;
  }
}


/* =========================================================
   V221 — larger landscape submenu touch targets.
   Applies after V220.  Practice Areas and Resources remain
   single-column.  Rows use a larger 24px target and 12px type.
   ========================================================= */
@media (orientation:landscape) and (max-height:600px){
  html body .site-header .dropdown-menu li,
  html body .site-header .dropdown-menu a{
    height:24px!important;
    min-height:24px!important;
    max-height:24px!important;
    box-sizing:border-box!important;
  }
  html body .site-header .dropdown-menu li{
    margin:0!important;
    padding:0!important;
  }
  html body .site-header .dropdown-menu a{
    display:flex!important;
    align-items:center!important;
    padding:0 11px!important;
    font-size:12px!important;
    line-height:24px!important;
    white-space:nowrap!important;
  }
}


/* =========================================================
   V222 — authoritative landscape dropdown sizing.
   This block intentionally comes last and uses both the generic
   dropdown selectors and the Practice Areas / Resources structures.
   Taller rows remain scroll-accessible when the viewport is short.
   ========================================================= */
@media (orientation:landscape) and (max-height:650px){
  html body .site-header .dropdown-menu,
  html body .site-header .practice-areas-nav .dropdown-menu,
  html body .site-header .resources-nav .dropdown-menu{
    height:auto!important;
    max-height:calc(100dvh - 72px)!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    padding:0!important;
  }
  html body .site-header .dropdown-menu > li,
  html body .site-header .dropdown-menu > li > a,
  html body .site-header .practice-areas-nav .dropdown-menu > li,
  html body .site-header .practice-areas-nav .dropdown-menu > li > a,
  html body .site-header .resources-nav .dropdown-menu > li,
  html body .site-header .resources-nav .dropdown-menu > li > a{
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
    box-sizing:border-box!important;
  }
  html body .site-header .dropdown-menu > li,
  html body .site-header .practice-areas-nav .dropdown-menu > li,
  html body .site-header .resources-nav .dropdown-menu > li{
    margin:0!important;
    padding:0!important;
  }
  html body .site-header .dropdown-menu > li > a,
  html body .site-header .practice-areas-nav .dropdown-menu > li > a,
  html body .site-header .resources-nav .dropdown-menu > li > a{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    padding:0 12px!important;
    font-size:14px!important;
    line-height:30px!important;
    white-space:nowrap!important;
  }
}


/* =========================================================
   V223 — authoritative phone-landscape submenu geometry.
   Match the portrait submenu row geometry: 11px vertical padding
   around 12px/1.2 text = ~36.4px, normalized here to 37px.
   Keep the full list accessible via scrolling and guarantee the
   last row can scroll fully into view at full row height.
   ========================================================= */
@media (orientation:landscape) and (max-height:650px){
  html body .site-header .dropdown-menu,
  html body .site-header .resources-nav .dropdown-menu{
    display:none!important;
    grid-template-columns:none!important;
    height:auto!important;
    max-height:calc(100dvh - 72px)!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    scroll-padding-bottom:37px!important;
    padding:0!important;
    box-sizing:border-box!important;
  }
  html body .site-header .dropdown.open > .dropdown-menu,
  html body .site-header .dropdown:focus-within > .dropdown-menu,
  html body .site-header .dropdown > .dropdown-button[aria-expanded="true"] + .dropdown-menu{
    display:block!important;
    grid-template-columns:none!important;
  }
  html body .site-header .dropdown-menu > li,
  html body .site-header .dropdown-menu > li > a,
  html body .site-header .resources-nav .dropdown-menu > li,
  html body .site-header .resources-nav .dropdown-menu > li > a{
    height:37px!important;
    min-height:37px!important;
    max-height:37px!important;
    box-sizing:border-box!important;
  }
  html body .site-header .dropdown-menu > li,
  html body .site-header .resources-nav .dropdown-menu > li{
    display:block!important;
    margin:0!important;
    padding:0!important;
  }
  html body .site-header .dropdown-menu > li > a,
  html body .site-header .resources-nav .dropdown-menu > li > a{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    margin:0!important;
    padding:0 13px!important;
    font-size:12px!important;
    line-height:37px!important;
    white-space:nowrap!important;
  }
  html body .site-header .dropdown-menu > li:last-child,
  html body .site-header .resources-nav .dropdown-menu > li:last-child,
  html body .site-header .dropdown-menu > li:last-child > a,
  html body .site-header .resources-nav .dropdown-menu > li:last-child > a{
    height:37px!important;
    min-height:37px!important;
    max-height:37px!important;
    margin-bottom:0!important;
  }
}


/* =========================================================
   V224 — authoritative landscape dropdown behavior.
   The prior V223 submenu itself was capped to viewport height,
   which visibly cut PRACTICE AREAS around Unemployment Appeals.
   V224 removes all submenu height caps. The FULL 16-item list
   remains one column at portrait row height; if the phone is too
   short, the OUTER main menu scrolls instead of clipping the submenu.
   ========================================================= */
@media (orientation:landscape) and (max-height:650px){
  html body .site-header .main-menu.open{
    max-height:calc(100dvh - 48px)!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    scroll-padding-bottom:37px!important;
    padding-bottom:10px!important;
    box-sizing:border-box!important;
  }
  html body .site-header .main-menu > li.dropdown,
  html body .site-header .main-menu > li.resources-nav{
    overflow:visible!important;
    height:auto!important;
    max-height:none!important;
  }
  html body .site-header .main-menu > li.dropdown > .dropdown-menu,
  html body .site-header .main-menu > li.resources-nav > .dropdown-menu{
    position:static!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    overflow-x:visible!important;
    overflow-y:visible!important;
    margin:0 0 0 8px!important;
    padding:0!important;
    box-sizing:border-box!important;
  }
  html body .site-header .main-menu > li.dropdown.open > .dropdown-menu,
  html body .site-header .main-menu > li.dropdown:focus-within > .dropdown-menu,
  html body .site-header .main-menu > li.dropdown > .dropdown-button[aria-expanded="true"] + .dropdown-menu,
  html body .site-header .main-menu > li.resources-nav.open > .dropdown-menu,
  html body .site-header .main-menu > li.resources-nav:focus-within > .dropdown-menu,
  html body .site-header .main-menu > li.resources-nav > .dropdown-button[aria-expanded="true"] + .dropdown-menu{
    display:block!important;
  }
  html body .site-header .main-menu .dropdown-menu > li,
  html body .site-header .main-menu .dropdown-menu > li > a{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    height:37px!important;
    min-height:37px!important;
    max-height:37px!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  html body .site-header .main-menu .dropdown-menu > li{
    padding:0!important;
  }
  html body .site-header .main-menu .dropdown-menu > li > a{
    padding:0 13px!important;
    font-size:12px!important;
    line-height:37px!important;
    white-space:nowrap!important;
  }
  html body .site-header .main-menu .dropdown-menu > li:last-child,
  html body .site-header .main-menu .dropdown-menu > li:last-child > a{
    height:37px!important;
    min-height:37px!important;
    max-height:37px!important;
    margin-bottom:0!important;
  }
}


/* =========================================================
   V226 — landscape dropdowns must OVERLAY content, never
   participate in document flow.  This intentionally reverses
   V224's position:static outer-menu-scroll approach, which
   expanded the black nav banner and pushed the page downward.

   Requirements:
   - PRACTICE AREAS / RESOURCES open on top of page content.
   - Top navigation bar height never grows when a submenu opens.
   - Practice Areas remains one column with all 16 rows present.
   - Every row retains the approved portrait 37px geometry.
   - No submenu clipping/max-height/inner scrollbar.
   ========================================================= */
@media (max-width:980px) and (orientation:landscape){
  html body .site-header,
  html body .site-header .primary-nav,
  html body .site-header .nav-wrap,
  html body .site-header .main-menu{
    overflow:visible!important;
  }

  /* The horizontal nav row stays fixed-height; open children are removed
     from flow so they cannot enlarge the banner or move page content. */
  html body .site-header .main-menu{
    position:relative!important;
    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;
    overflow:visible!important;
  }
  html body .site-header .main-menu > li,
  html body .site-header .main-menu > li.dropdown,
  html body .site-header .main-menu > li.resources-nav{
    position:relative!important;
    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;
    overflow:visible!important;
  }

  /* Closed state. */
  html body .site-header .main-menu > li.dropdown > .dropdown-menu,
  html body .site-header .main-menu > li.resources-nav > .dropdown-menu{
    display:none!important;
    position:absolute!important;
    top:52px!important;
    left:0!important;
    right:auto!important;
    z-index:2147483000!important;
    width:max-content!important;
    min-width:275px!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    overflow-x:visible!important;
    overflow-y:visible!important;
    grid-template-columns:none!important;
    box-sizing:border-box!important;
  }

  /* Open state: absolute overlay, still outside layout flow. */
  html body .site-header .main-menu > li.dropdown.open > .dropdown-menu,
  html body .site-header .main-menu > li.dropdown > .dropdown-button[aria-expanded="true"] + .dropdown-menu,
  html body .site-header .main-menu > li.resources-nav.open > .dropdown-menu,
  html body .site-header .main-menu > li.resources-nav > .dropdown-button[aria-expanded="true"] + .dropdown-menu{
    display:block!important;
    position:absolute!important;
  }

  /* Keep Resources inside the viewport when it is near the right side. */
  html body .site-header .main-menu > li.resources-nav > .dropdown-menu{
    left:auto!important;
    right:0!important;
  }

  /* One column, identical full-height rows, including final item. */
  html body .site-header .main-menu .dropdown-menu > li,
  html body .site-header .main-menu .dropdown-menu > li > a{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    height:37px!important;
    min-height:37px!important;
    max-height:37px!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  html body .site-header .main-menu .dropdown-menu > li{
    padding:0!important;
  }
  html body .site-header .main-menu .dropdown-menu > li > a{
    padding:0 13px!important;
    font-size:12px!important;
    line-height:37px!important;
    white-space:nowrap!important;
  }
  html body .site-header .main-menu .dropdown-menu > li:last-child,
  html body .site-header .main-menu .dropdown-menu > li:last-child > a{
    height:37px!important;
    min-height:37px!important;
    max-height:37px!important;
    margin-bottom:0!important;
  }
}

/* =========================================================
   V227 — authoritative phone-landscape submenu geometry.
   Keep v226 overlay positioning, reduce panel width to content,
   and restore gray row separators without reintroducing flow/clipping.
   ========================================================= */
@media (max-width:980px) and (orientation:landscape){
  html body .site-header .main-menu > li.dropdown > .dropdown-menu,
  html body .site-header .main-menu > li.resources-nav > .dropdown-menu{
    width:max-content!important;
    min-width:0!important;
    max-width:calc(100vw - 16px)!important;
  }
  html body .site-header .main-menu .dropdown-menu > li{
    width:100%!important;
    min-width:0!important;
    border-bottom:1px solid #666!important;
  }
  html body .site-header .main-menu .dropdown-menu > li:last-child{
    border-bottom:0!important;
  }
  html body .site-header .main-menu .dropdown-menu > li > a{
    width:100%!important;
    min-width:0!important;
    padding-left:13px!important;
    padding-right:13px!important;
  }
}