:root {
  --kisskh-primary-color: #9c27b0;
  --kisskh-accent-color: #4caf50;
  --kisskh-navbar-bg: #1f1f1f;
  --kisskh-navbar-text: #ffffff;
  --kisskh-nav-active-bg: rgba(255, 255, 255, 0.1);
  --kisskh-nav-active-text: #ffffff;
  --kisskh-page-bg: #2d2d2d;
  --kisskh-page-text: #ffffff;
  --kisskh-surface-bg: #444444;
  --kisskh-surface-text: #ffffff;
  --kisskh-surface-muted: rgba(255, 255, 255, 0.72);
  --kisskh-surface-border: rgba(255, 255, 255, 0.1);
  --kisskh-soft-bg: rgba(255, 255, 255, 0.08);
  --kisskh-soft-hover-bg: rgba(255, 255, 255, 0.14);
  --kisskh-panel-bg: #454545;
  --kisskh-panel-text: #ffffff;
  --kisskh-panel-muted: rgba(255, 255, 255, 0.72);
  --kisskh-panel-border: rgba(255, 255, 255, 0.1);
  --kisskh-panel-hover-bg: rgba(76, 175, 80, 0.16);
  --kisskh-theme-accent: var(--kisskh-accent-color);
}

body,
#dt_contenedor,
#contenedor,
header.main,
header.responsive,
.menuresp .menu,
.search_responsive,
.module,
.module .content,
.module .sidebar,
#single,
#single .content,
#single .sidebar,
#single .sbox,
.posts,
.kisskh-playlist-root,
.kisskh-playlist-root .playlist-card,
.kisskh-playlist-root .playlist-body,
.kisskh-playlist-root .playlist-list-pane,
.kisskh-theme-dropdown,
.kisskh-theme-modal-sheet {
  transition: background-color 0.25s ease, background 0.25s ease, color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

header.main,
header.responsive,
.menuresp .menu,
.search_responsive {
  background: var(--kisskh-navbar-bg) !important;
  color: var(--kisskh-navbar-text);
}

.fixheadresp header.responsive {
  background: var(--kisskh-navbar-bg) !important;
  color: #ffffff !important;
}

.fixheadresp .search_responsive {
  background: #1f1f1f !important;
}

@media only screen and (max-width: 1130px) {
  body.kisskh-theme-modal-open .fixheadresp #arch-menu {
    display: none !important;
  }

  .fixheadresp #arch-menu {
    background: transparent !important;
  }

  .fixheadresp #arch-menu .menu {
    background: var(--kisskh-navbar-bg) !important;
    color: var(--kisskh-navbar-text, #ffffff) !important;
    /* No visible border — shadow and background provide enough definition. */
    border: none !important;
    /* Pure downward shadow: y-offset (8 px) > half-blur (10 px would be 0 bleed,
       but we want some side spread too).  With y=6 blur=20 the upward bleed is
       only 14 px at near-zero opacity — imperceptible on the dark page bg.
       The shadow mainly goes below and to the sides, creating a natural "lift"
       without darkening the page background above the pill. */
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.52);
    backdrop-filter: saturate(160%) blur(12px);
    -webkit-backdrop-filter: saturate(160%) blur(12px);
  }

  .fixheadresp #arch-menu .menu ul.resp li > a {
    background: transparent !important;
    color: color-mix(in srgb, var(--kisskh-navbar-text, #ffffff) 82%, transparent) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
  }

  .fixheadresp #arch-menu .menu ul.resp li > a .kisskh-menu-icon {
    background: color-mix(in srgb, var(--kisskh-navbar-text, #ffffff) 14%, transparent) !important;
    color: inherit !important;
    transition: background-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
  }

  .fixheadresp #arch-menu .menu ul.resp li > a .kisskh-menu-icon .material-icons {
    color: inherit !important;
  }

  .fixheadresp #arch-menu .menu ul.resp li.current-menu-item > a,
  .fixheadresp #arch-menu .menu ul.resp li.current-menu-ancestor > a,
  .fixheadresp #arch-menu .menu ul.resp li.kisskh-theme-nav-item > a[aria-expanded="true"],
  .fixheadresp #arch-menu .menu ul.resp li > a:hover,
  .fixheadresp #arch-menu .menu ul.resp li > a:focus-visible {
    background: transparent !important;
    color: var(--kisskh-navbar-text, #ffffff) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
  }

  .fixheadresp #arch-menu .menu ul.resp li.current-menu-item > a .kisskh-menu-icon,
  .fixheadresp #arch-menu .menu ul.resp li.current-menu-ancestor > a .kisskh-menu-icon,
  .fixheadresp #arch-menu .menu ul.resp li.kisskh-theme-nav-item > a[aria-expanded="true"] .kisskh-menu-icon,
  .fixheadresp #arch-menu .menu ul.resp li > a:hover .kisskh-menu-icon,
  .fixheadresp #arch-menu .menu ul.resp li > a:focus-visible .kisskh-menu-icon {
    background: var(--kisskh-accent-color, #22a957) !important;
    color: var(--kisskh-navbar-text, #ffffff) !important;
    transform: translateY(-1px);
  }
}

@media only screen and (min-width: 421px) and (max-width: 1130px) {
  .fixheadresp #arch-menu .menu ul.resp li > a {
    border-radius: 11px !important;
  }

  .fixheadresp #arch-menu .menu ul.resp li.current-menu-item > a,
  .fixheadresp #arch-menu .menu ul.resp li.current-menu-ancestor > a,
  .fixheadresp #arch-menu .menu ul.resp li.kisskh-theme-nav-item > a[aria-expanded="true"],
  .fixheadresp #arch-menu .menu ul.resp li > a:hover,
  .fixheadresp #arch-menu .menu ul.resp li > a:focus-visible {
    border-radius: 11px !important;
  }
}

header.main .hbox .search form {
  background: rgba(255, 255, 255, 0.08) !important;
}

.search_responsive .form-resp-ab {
  background: rgba(0, 0, 0, 0.95) !important;
}

header.main .hbox .search form input[type="text"],
.search_responsive .form-resp-ab input[type="text"] {
  color: var(--kisskh-navbar-text) !important;
}

header.main .hbox .search form input[type="text"]::placeholder,
.search_responsive .form-resp-ab input[type="text"]::placeholder {
  color: rgba(255, 255, 255, 0.55) !important;
}

header.main .hbox .search form button[type="submit"],
.search_responsive .form-resp-ab button[type="submit"],
.search_responsive .form-resp-ab button[type="submit"] span {
  color: var(--kisskh-navbar-text) !important;
}

.head-main-nav ul.main-header > li > a,
.menuresp .menu ul.resp li > a,
header.main .dtuser a,
header.main .dtuser a.clicklogin,
header.responsive a {
  color: var(--kisskh-navbar-text) !important;
}

.head-main-nav ul.main-header > li.current-menu-item > a,
.head-main-nav ul.main-header > li.current-menu-ancestor > a,
.head-main-nav ul.main-header > li:hover > a,
.head-main-nav ul.main-header > li > a:focus-visible,
.menuresp .menu ul.resp li.current-menu-item > a,
.menuresp .menu ul.resp li.current-menu-ancestor > a,
.menuresp .menu ul.resp li > a:hover,
.menuresp .menu ul.resp li > a:focus-visible {
  background: var(--kisskh-nav-active-bg) !important;
  color: var(--kisskh-nav-active-text) !important;
  border-radius: 4px;
  box-shadow: none !important;
}

.head-main-nav ul.main-header > li.current-menu-item > a .kisskh-menu-icon,
.head-main-nav ul.main-header > li.current-menu-ancestor > a .kisskh-menu-icon,
.head-main-nav ul.main-header > li:hover > a .kisskh-menu-icon,
.head-main-nav ul.main-header > li > a:focus-visible .kisskh-menu-icon {
  color: inherit !important;
}

body.home #dt_contenedor,
body.home #contenedor,
body.home .module,
body.home .module .content,
body.home .module .sidebar,
body.blog #dt_contenedor,
body.blog #contenedor,
body.blog .module,
body.blog .module .content,
body.blog .module .sidebar {
  background: var(--kisskh-page-bg) !important;
  color: var(--kisskh-page-text) !important;
}

body.home .module .content header,
body.home .module .content header h1,
body.home .module .content header h2,
body.home .module .content header span,
body.home .module .content > h1,
body.home .module .content > h2,
body.home .module .content > p,
body.blog .module .content header,
body.blog .module .content header h1,
body.blog .module .content header h2,
body.blog .module .content header span,
body.blog .module .content > h1,
body.blog .module .content > h2,
body.blog .module .content > p {
  color: var(--kisskh-page-text) !important;
}

body.home .module a,
body.blog .module a,
body.single #single a,
body.single .module a,
.kisskh-playlist-root a {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

body.home .module a,
body.blog .module a,
body.home .module .content .items .item .data h3,
body.home .module .content .items .item .data h3 a,
body.blog .module .content .items .item .data h3,
body.blog .module .content .items .item .data h3 a {
  color: var(--kisskh-page-text) !important;
}

body.single #dt_contenedor,
body.single #contenedor,
body.single .module,
body.single .module .content,
body.single #single,
body.single #single .content,
body.single #single .sidebar,
body.single #single .single_tabs,
body.single #single .sbox:not(.kisskh-tvshow-playlist-section),
body.single .posts,
body.post-template-default #dt_contenedor,
body.post-template-default #contenedor {
  background: var(--kisskh-surface-bg) !important;
  color: var(--kisskh-surface-text) !important;
}

body.single #single :is(h1, h2, h3, h4, h5, h6, p, span, li, strong, b),
body.single #single .sheader .data h1,
body.single #single .sheader .data .extra,
body.single #single .sheader .data .sgeneros,
body.single #single .sheader .data .sgeneros a,
body.single #single .custom_fields b,
body.single #single .custom_fields span {
  color: inherit;
}

body.single #single a,
body.single .module a,
.kisskh-playlist-root a {
  color: inherit !important;
}

body.single #single.dtsingle #cast .kisskh-cast-strip .person .name a,
body.single #single.dtsingle #cast .kisskh-cast-strip .person .name a:visited {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: var(--kisskh-surface-text) !important;
}

body.single #single.dtsingle #cast .kisskh-cast-strip .person .name a:hover,
body.single #single.dtsingle #cast .kisskh-cast-strip .person .name a:focus-visible {
  color: var(--kisskh-accent-color) !important;
}

body.single #single .sbox:not(.kisskh-tvshow-playlist-section),
body.single #single .sidebar .widget,
body.single .posts {
  border-color: var(--kisskh-surface-border) !important;
}

body.single #single .sbox:not(.kisskh-tvshow-playlist-section) :is(p, span, li),
body.single #single .custom_fields span,
body.single #single .sheader .data .extra,
body.single #single .sheader .data .sgeneros {
  color: var(--kisskh-surface-muted) !important;
}

.kisskh-playlist-root {
  --kisskh-theme-accent: var(--kisskh-accent-color);
  --playlist-color: var(--kisskh-accent-color);
  --pl-bg: transparent;
  --pl-bg-soft: var(--kisskh-soft-bg);
  --pl-text: var(--kisskh-surface-text);
  --pl-muted: var(--kisskh-surface-muted);
  --pl-surface-soft: var(--kisskh-soft-bg);
  --pl-surface-soft-hover: var(--kisskh-soft-hover-bg);
  --pl-surface-border: transparent;
  --pl-surface-border-hover: var(--kisskh-surface-border);
  --cooldrama-theme-panel-bg: var(--kisskh-surface-bg);
  --cooldrama-theme-panel-text: var(--kisskh-surface-text);
  color: var(--kisskh-surface-text);
}

.kisskh-playlist-root .playlist-player-pane,
.kisskh-playlist-root .playlist-poster,
.kisskh-playlist-root .kisskh-playlist-frame-host,
.kisskh-playlist-root .kisskh-playlist-frame-host iframe,
.kisskh-playlist-root .kisskh-playlist-html {
  background-color: #000 !important;
}

footer.main,
footer.main .fbox,
footer.main .fcmpbox {
  background: var(--kisskh-navbar-bg, var(--kisskh-panel-bg, #1f1f1f)) !important;
  color: var(--kisskh-navbar-text, var(--kisskh-panel-text, #ffffff)) !important;
}

footer.main .fcmpbox {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
}

footer.main .copy,
footer.main .copy strong,
footer.main .copy p,
footer.main .fcmpbox .primary,
footer.main .fcmpbox .primary .fotlogo,
footer.main .fcmpbox .primary .fotlogo .text,
footer.main .fcmpbox .primary .fotlogo .text p,
footer.main .fcmpbox .primary .columenu .item,
footer.main .fcmpbox .primary .columenu .item h3,
footer.main .fmenu,
footer.main .fmenu li,
footer.main .fmenu a,
footer.main a,
footer.main span,
footer.main i {
  color: var(--kisskh-navbar-text, var(--kisskh-panel-text, #ffffff)) !important;
}

footer.main a:hover,
footer.main a:focus-visible,
footer.main .fmenu a:hover,
footer.main .fmenu a:focus-visible,
footer.main span.top-page a:hover,
footer.main span.top-page a:focus-visible {
  color: var(--kisskh-accent-color, var(--kisskh-theme-accent, #4caf50)) !important;
}

footer.main span.top-page a {
  background: color-mix(in srgb, var(--kisskh-navbar-text, #ffffff) 10%, transparent) !important;
  color: var(--kisskh-navbar-text, var(--kisskh-panel-text, #ffffff)) !important;
}

.kisskh-playlist-root .playlist-list-pane,
.kisskh-playlist-root .playlist-card,
.kisskh-playlist-root .playlist-body {
  background: var(--kisskh-surface-bg) !important;
  color: var(--kisskh-surface-text) !important;
}

.kisskh-playlist-root .episode-item {
  background: var(--kisskh-soft-bg);
  color: var(--kisskh-surface-text);
}

.kisskh-playlist-root .episode-item.active {
  background: transparent !important;
  background-color: transparent !important;
  color: var(--kisskh-surface-text);
}

.kisskh-playlist-root .playlist-context-top .playlist-context-item,
.kisskh-playlist-root .playlist-action-btn,
.kisskh-playlist-root .playlist-btn,
.kisskh-playlist-root .switch-btn,
.kisskh-playlist-root .playlist-server-switch .playlist-server-btn {
  color: var(--kisskh-surface-text);
}

.kisskh-theme-overlay {
  position: fixed;
  inset: 0;
  z-index: 1200;
  background: rgba(0, 0, 0, 0.42);
}

.kisskh-theme-dropdown {
  position: fixed;
  z-index: 1201;
  width: min(18rem, calc(100vw - 1.5rem));
  padding: 0.5rem;
  border: 1px solid var(--kisskh-panel-border);
  border-radius: 0.5rem;
  background: var(--kisskh-panel-bg);
  color: var(--kisskh-panel-text);
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.28);
}

.kisskh-theme-dropdown[hidden],
.kisskh-theme-overlay[hidden],
.kisskh-theme-modal[hidden] {
  display: none !important;
}

.kisskh-theme-options {
  display: grid;
  gap: 0.2rem;
}

.kisskh-theme-option {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  width: 100%;
  min-height: 3rem;
  padding: 0.75rem 0.85rem;
  border: 0;
  border-radius: 0.45rem;
  background: transparent;
  color: var(--kisskh-panel-text);
  cursor: pointer;
  text-align: left;
}

.kisskh-theme-option:hover,
.kisskh-theme-option:focus-visible,
.kisskh-theme-option.is-selected {
  background: color-mix(in srgb, var(--kisskh-panel-hover-bg) 88%, rgba(255, 255, 255, 0.08));
  outline: none;
}

.kisskh-theme-option-radio {
  position: relative;
  width: 1.2rem;
  height: 1.2rem;
  border: 2px solid currentColor;
  border-radius: 50%;
  flex: 0 0 auto;
  opacity: 0.92;
}

.kisskh-theme-option[aria-checked="true"] .kisskh-theme-option-radio {
  border-color: var(--kisskh-theme-option-accent, var(--kisskh-accent-color));
  background: var(--kisskh-theme-option-accent, var(--kisskh-accent-color));
  box-shadow: inset 0 0 0 3px var(--kisskh-panel-bg);
}

.kisskh-theme-option-label {
  flex: 1 1 auto;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
}

.kisskh-theme-option-icon {
  flex: 0 0 auto;
  font-size: 1.45rem;
  color: var(--kisskh-theme-option-primary, var(--kisskh-accent-color));
}

.kisskh-theme-modal {
  position: fixed;
  inset: 0;
  z-index: 1202;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  background: rgba(0, 0, 0, 0.48);
}

.kisskh-theme-modal-sheet {
  width: 100%;
  max-width: 32rem;
  border-radius: 1rem 1rem 0 0;
  background: var(--kisskh-panel-bg);
  color: var(--kisskh-panel-text);
  box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.3);
  overflow: hidden;
}

.kisskh-theme-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem 0.5rem;
}

.kisskh-theme-modal-header h3 {
  margin: 0;
  color: var(--kisskh-panel-text);
  font-size: 1.05rem;
  font-weight: 600;
}

.kisskh-theme-modal-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.4rem;
  height: 2.4rem;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--kisskh-panel-text);
  cursor: pointer;
}

.kisskh-theme-options-mobile {
  padding: 0.35rem 0.75rem 1rem;
}

@media only screen and (min-width: 1131px) {
  .kisskh-theme-modal {
    display: none !important;
  }
}

@media only screen and (max-width: 1130px) {
  .kisskh-theme-dropdown,
  .kisskh-theme-overlay {
    display: none !important;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1130px) {
  .kisskh-theme-modal {
    align-items: flex-end;
    padding: 0 1rem max(40px, calc(40px + env(safe-area-inset-bottom, 0px)));
    box-sizing: border-box;
  }

  .kisskh-theme-modal-sheet {
    width: min(32rem, calc(100vw - 2rem));
    max-height: calc(100dvh - 96px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 1rem;
  }
}

@media only screen and (max-width: 768px) {
  .kisskh-theme-modal {
    align-items: flex-end;
    padding-bottom: max(78px, calc(78px + env(safe-area-inset-bottom, 0px)));
    box-sizing: border-box;
  }

  .kisskh-theme-modal-sheet {
    max-height: calc(100dvh - 112px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 1rem;
  }

  .kisskh-theme-options-mobile {
    padding-bottom: 1rem;
  }
}

@media only screen and (max-width: 1130px) {
  .fixheadresp #arch-menu {
    display: block !important;
    position: fixed !important;
    top: auto !important;
    height: auto !important;
    max-height: none !important;
    padding: 0 !important;
    background: transparent !important;
    overflow: visible !important;
    pointer-events: none;
  }

  .fixheadresp #arch-menu .menu {
    position: relative !important;
    display: block !important;
    min-height: 84px !important;
    width: 100% !important;
    max-width: none !important;
    padding: 10px 14px !important;
    background: rgba(31, 31, 31, 0.96) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 22px !important;
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.5) !important;
    backdrop-filter: saturate(160%) blur(14px);
    -webkit-backdrop-filter: saturate(160%) blur(14px);
    overflow: visible !important;
    pointer-events: auto;
  }

  .fixheadresp #arch-menu .menu .menu-main-menu-container {
    display: block !important;
    width: 100% !important;
    overflow: visible !important;
  }

  .fixheadresp #arch-menu .menu ul.resp {
    position: relative !important;
    z-index: 1;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    align-items: center !important;
    justify-items: center !important;
    gap: 6px !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
  }

  .fixheadresp #arch-menu .menu ul.resp ul.sub-menu {
    display: contents !important;
  }

  .fixheadresp #arch-menu .menu ul.resp > li {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    float: none !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    position: static !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  .fixheadresp #arch-menu .menu ul.resp > li > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    min-width: 42px !important;
    min-height: 58px !important;
    padding: 6px 4px !important;
    background: transparent !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .fixheadresp #arch-menu .menu ul.resp > li > a .kisskh-menu-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .fixheadresp #arch-menu .menu ul.resp > li > a .kisskh-menu-icon .material-icons {
    display: inline-block !important;
  }

  .fixheadresp #arch-menu .menu ul.resp > li > a .kisskh-menu-label,
  .fixheadresp #arch-menu .menu ul.resp > li > a > span:not(.kisskh-menu-icon) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    overflow: hidden !important;
    white-space: nowrap !important;
  }

  .fixheadresp #arch-menu .menu ul.resp > li > a::before,
  .fixheadresp #arch-menu .menu ul.resp > li > a::after,
  .fixheadresp #arch-menu .menu::before,
  .fixheadresp #arch-menu .menu::after {
    content: none !important;
    display: none !important;
  }

  footer.main {
    margin-bottom: calc(104px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

@media only screen and (max-width: 420px) {
  .fixheadresp #arch-menu {
    left: max(16px, env(safe-area-inset-left, 0px)) !important;
    right: max(16px, env(safe-area-inset-right, 0px)) !important;
    width: auto !important;
    transform: none !important;
  }

  .fixheadresp #arch-menu .menu {
    min-height: 72px !important;
    max-width: none !important;
    padding: 8px 10px !important;
    border-radius: 18px !important;
  }

  .fixheadresp #arch-menu .menu ul.resp {
    gap: 4px !important;
  }

  .fixheadresp #arch-menu .menu ul.resp > li {
    min-width: 0 !important;
  }

  .fixheadresp #arch-menu .menu ul.resp > li > a {
    width: 38px !important;
    min-width: 38px !important;
    min-height: 52px !important;
  }

  footer.main {
    margin-bottom: calc(88px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

@media only screen and (max-width: 768px) {
  .fixheadresp #arch-menu {
    left: 50% !important;
    right: auto !important;
    width: clamp(280px, calc(100vw - 160px), 520px) !important;
    max-width: calc(100vw - 32px) !important;
    transform: translateX(-50%) !important;
    box-sizing: border-box !important;
  }

  .fixheadresp #arch-menu .menu,
  .fixheadresp #arch-menu .menu .menu-main-menu-container,
  .fixheadresp #arch-menu .menu ul.resp {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}