html { -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; text-size-adjust:100%; }

body {
  margin-top: 1cm;
  margin-bottom: 1cm;
  background-image: url(wp.jpg);
  background-repeat: repeat;
}
body, td, th {
  color:#000000;
  font-size:16px;
  font-family:"Trebuchet MS", Trebuchet, Arial, sans-serif;
}
.top2 { background:#ffffff; border-radius:15px; border:1px solid #cc0066; }
a:link { color:#ffffff; text-decoration:none; }
a:visited { color:#ffffff; text-decoration:none; }
a:hover { color:#FF33CC; text-decoration:none; }
a:active { text-decoration:none; }
h1 { color:#FF0066; font:21px Georgia, Arial !important; margin:0 !important; }
h2 { font-family:"Trebuchet MS", Trebuchet, Arial, sans-serif !important; font-size:20px !important; color:#009900; margin:0 0 8px 0; line-height:1.35; }
h3 { font-family:"Trebuchet MS", Trebuchet, Arial, sans-serif !important; color:#111111; margin:12px 0 6px 0; }
.style3 { color:#000000; font-size:20px; }
.style5 { color:#FFFFFF; }
.style6 { color:#FFFFFF; font-size:20px; }
.style8 { font-size:14px; color:#FFFFFF; }
.hr { background:url("hr2.jpg") repeat scroll 0 0 rgba(0,0,0,0); border:0 none; height:1px; margin:5px 0; }
a.newlink:link, a.newlink:visited { color:#ff0000; text-decoration:underline; }
a.newlink:hover { color:#ff0000; text-decoration:none; }
.article-box, .hero2-box, .quick-box, .jump-box, .cta-box, .faq-box, .related-box {
  background:#fcfcfc;
  border:1px solid #d7d7d7;
  border-radius:14px;
  padding:14px 16px;
  margin:12px 0 16px 0;
  font-family:"Trebuchet MS", Trebuchet, Arial, sans-serif;
  line-height:1.58;
  box-sizing:border-box;
}
.hero2-box { background:#fffafa; border-left:4px solid #b30059; }
.hero2-box p { margin:0; font-size:16px; color:#222222; }
.quick-box { background:#fffafa; border-left:4px solid #b30059; }
.quick-box p { margin:0; }
.article-box p, .cta-box p, .faq-box p, .related-box p { margin:0 0 10px 0; }
.article-box a, .hero2-box a, .quick-box a, .jump-box a, .cta-box a, .faq-box a, .related-box a { color:#c40000 !important; text-decoration:underline; font-weight:bold; }
.article-img { width:100%; max-width:100%; height:auto; border-radius:14px; border:1px solid #d7d7d7; margin:10px auto 12px auto; display:block; box-sizing:border-box; }
.jump-box h2, .cta-box h2, .faq-box h2, .related-box h2 { font-size:18px !important; color:#009900; }
.jump-box ul, .related-box ul { margin:6px 0 0 18px; padding:0; }
.jump-box li, .related-box li { margin:4px 0; }
.cta-links a { display:inline-block; margin:4px 8px 4px 0; padding:8px 12px; border-radius:10px; background:#c40000; color:#ffffff !important; font-weight:bold; text-decoration:none !important; }
.cta-links a.whatsapp-btn { background:#128c7e; }
.faq-item { margin-bottom:12px; padding-bottom:12px; border-bottom:1px solid #e8e8e8; }
.faq-item:last-child { margin-bottom:0; padding-bottom:0; border-bottom:0; }
.faq-item strong { color:#111111; }
.desktop-menu-table a { color:#ffffff !important; }
.mobile-topbar, .mobile-menu, .mobile-floating { display:none; }
.mobile-topbar { background:#000000; height:42px; line-height:42px; width:100%; box-sizing:border-box; }
.hamburger-btn { width:42px; height:42px; border:0; background:#000000; padding:9px 8px; cursor:pointer; }
.hamburger-btn span { display:block; height:3px; background:#ffffff; margin:5px 0; border-radius:2px; }
.mobile-menu { background:#000000; padding:8px 8px 12px 8px; box-sizing:border-box; }
.mobile-menu a { display:block; background:#eeeeee; color:#000000 !important; border-radius:10px; padding:11px 12px; margin:7px 0; font-family:"Trebuchet MS", Arial, sans-serif; font-weight:bold; text-decoration:none !important; }
.mobile-menu a:hover { background:#ffffff; color:#cc0066 !important; }
@media only screen and (max-width: 768px) {
  body { margin:0; padding-top:42px; background-image:url(wp.jpg); }
  .mobile-topbar { display:block; position:fixed; top:0; left:0; right:0; z-index:9999; }
  .desktop-menu-table { display:none !important; }
  table[width="924"], table[width="900"], table[width="887"] { width:100% !important; max-width:100% !important; box-sizing:border-box; }
  .top2 { border-radius:0; border-left:0; border-right:0; }
  .desktop-header td { display:block; width:100% !important; text-align:center; }
  .desktop-header img { max-width:100%; height:auto; }
  .hero-table td { height:130px !important; background-size:cover; background-position:center top; }
  .hero-table h1 { font-size:19px !important; padding:6px 10px 0 10px !important; line-height:1.25; }
  .content-table td { display:block; width:100% !important; box-sizing:border-box; }
  .article-box, .hero2-box, .quick-box, .jump-box, .cta-box, .faq-box, .related-box { margin:10px 8px 12px 8px; padding:13px 12px; }
  .article-img { width:100%; height:auto; }
  .mobile-floating { display:block; }
  .float-whatsapp, .float-call, .floating-whatsapp, .floating-call { position:fixed; bottom:15px; width:58px; height:58px; border-radius:50%; z-index:9998; color:#ffffff !important; text-align:center; line-height:58px; font-weight:bold; font-size:13px; text-decoration:none !important; box-shadow:0 2px 8px rgba(0,0,0,.35); }
  .float-whatsapp, .floating-whatsapp { right:16px; background:#25D366; }
  .float-call, .floating-call { left:16px; background:#d60000; }
}


/* Titlu informativ in bara mobila fixa */

.mobile-page-title {
  display:none;
}
@media only screen and (max-width: 768px) {
  .mobile-topbar {
    display:block;
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:9999;
    background:#000000;
    height:42px;
    line-height:42px;
    width:100%;
    box-sizing:border-box;
    overflow:hidden;
  }
  .hamburger-btn {
    float:left;
  }
  .mobile-page-title {
    display:block;
    color:#ffffff;
    font-family:"Trebuchet MS", Arial, sans-serif;
    font-size:14px;
    font-weight:bold;
    line-height:42px;
    height:42px;
    margin-left:50px;
    padding-right:10px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    box-sizing:border-box;
  }
}



/* Mini banner mobil: apare sub bara neagra, apoi dispare natural la scroll */
.mobile-article-banner {
  display:none;
}

.article-card-grid {
  text-align:center;
  margin:10px 0 12px 0;
  padding:0;
}

.article-card {
  display:inline-block;
  width:270px;
  vertical-align:top;
  background:#fcfcfc;
  border:1px solid #d7d7d7;
  border-radius:14px;
  padding:10px;
  margin:8px 7px 12px 7px;
  box-sizing:border-box;
  text-align:center;
  font-family:"Trebuchet MS", Arial, sans-serif;
}

.article-card a {
  color:#b30000 !important;
  text-decoration:none !important;
  font-weight:bold;
}

.article-card a:hover {
  color:#cc0066 !important;
  text-decoration:underline !important;
}

.article-card img {
  width:100%;
  height:auto;
  display:block;
  border-radius:12px;
  border:1px solid #d7d7d7;
  margin:0 auto 9px auto;
  box-sizing:border-box;
}

.article-card-title {
  display:block;
  font-size:15px;
  line-height:1.3;
  min-height:40px;
}

@media only screen and (max-width: 768px) {
  .mobile-article-banner {
    display:block;
    margin:0;
    padding:0;
    line-height:0;
    width:100%;
    box-sizing:border-box;
    background:#000000;
  }

  .mobile-article-banner img {
    display:block;
    width:100%;
    height:auto;
    border:0;
    margin:0;
    padding:0;
  }

  .article-card-grid {
    margin:6px 8px 10px 8px;
  }

  .article-card {
    display:block;
    width:auto;
    max-width:100%;
    margin:8px 0 12px 0;
    padding:10px;
  }

  .article-card-title {
    min-height:0;
    font-size:16px;
  }
}



/* FIX MOBIL FINAL:
   Pe mobil ascundem complet headerul vechi de desktop, bannerul vechi up.jpg si meniul desktop.
   Rămân doar bara neagră fixă + bannerul mobil + conținutul articolului.
   Desktopul rămâne neatins. */
@media only screen and (max-width: 768px) {
  .desktop-header,
  .hero-table,
  .desktop-menu-table {
    display:none !important;
  }

  .site-shell {
    margin-top:0 !important;
  }

  table.site-shell > tbody > tr > td,
  table.site-shell > tr > td {
    padding-top:8px !important;
  }

  .content-table {
    margin-top:0 !important;
  }

  .content-table tr:first-child td {
    display:none !important;
  }

  html,
  body {
    overflow-x:hidden;
  }
}



/* Hover corect meniu desktop, aceeași culoare existentă în site */
.desktop-menu-table a:hover,
.desktop-menu-table a:active {
  color:#FF33CC !important;
  text-decoration:none !important;
}


/* FIX FINAL MOBIL - ascunde complet headerul vechi desktop pe mobil.
   Pe mobil NU se mai vad:
   - logo mare Coroane Funerare Ieftine
   - program zilnic / comenzi NonStop
   - bannerul vechi up.jpg
   - meniul desktop.
   Rămân doar bara neagră fixă + bannerul mobil + conținutul articolului.
   Desktopul nu este afectat. */
@media only screen and (max-width: 768px) {
  table.desktop-header,
  .desktop-header,
  table.hero-table,
  .hero-table,
  table.desktop-menu-table,
  .desktop-menu-table {
    display:none !important;
    visibility:hidden !important;
    height:0 !important;
    max-height:0 !important;
    min-height:0 !important;
    overflow:hidden !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
  }

  table.desktop-header tr,
  table.desktop-header td,
  table.desktop-header img,
  table.hero-table tr,
  table.hero-table td,
  table.hero-table h1,
  table.desktop-menu-table tr,
  table.desktop-menu-table td {
    display:none !important;
    visibility:hidden !important;
    height:0 !important;
    max-height:0 !important;
    min-height:0 !important;
    overflow:hidden !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
  }

  table.site-shell,
  .site-shell {
    margin-top:0 !important;
  }

  table.site-shell > tbody > tr > td,
  table.site-shell > tr > td {
    padding-top:8px !important;
  }

  .content-table {
    margin-top:0 !important;
  }

  .content-table tr:first-child td {
    display:none !important;
  }

  html,
  body {
    overflow-x:hidden;
  }
}

/* Hover corect meniu desktop, aceeași culoare existentă pe site */
.desktop-menu-table a:hover,
.desktop-menu-table a:active {
  color:#FF33CC !important;
  text-decoration:none !important;
}


/* FIX FINAL MOBIL - latime corecta, fara deschidere zoomata / taiata pe dreapta.
   Nu afecteaza desktopul. */
@media only screen and (max-width: 768px) {
  * {
    box-sizing:border-box;
  }

  html,
  body {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow-x:hidden !important;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
    text-size-adjust:100%;
  }

  table,
  tbody,
  tr,
  td {
    max-width:100% !important;
  }

  table[width="924"],
  table[width="900"],
  table[width="887"],
  .site-shell,
  .content-table,
  .footer-table {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    table-layout:fixed !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }

  table.site-shell > tbody > tr > td,
  table.site-shell > tr > td {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    padding:8px 8px 10px 8px !important;
    overflow:hidden !important;
  }

  .content-table,
  .content-table tbody,
  .content-table tr,
  .content-table td {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow:hidden !important;
  }

  .article-box,
  .hero2-box,
  .quick-box,
  .jump-box,
  .cta-box,
  .faq-box,
  .related-box {
    width:calc(100vw - 16px) !important;
    max-width:calc(100vw - 16px) !important;
    min-width:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
    overflow:hidden !important;
  }

  .article-box p,
  .hero2-box p,
  .quick-box p,
  .jump-box p,
  .cta-box p,
  .faq-box p,
  .related-box p,
  .article-box h2,
  .article-box h3 {
    max-width:100% !important;
    overflow-wrap:break-word !important;
    word-wrap:break-word !important;
  }

  .article-img,
  .content-img,
  .article-card img,
  img {
    max-width:100% !important;
    height:auto !important;
  }

  .article-card-grid {
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    overflow:hidden !important;
  }

  .article-card {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
    overflow:hidden !important;
  }

  .mobile-article-banner,
  .mobile-article-banner img {
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
  }

  .float-whatsapp,
  .float-call,
  .floating-whatsapp,
  .floating-call {
    color:#ffffff !important;
    text-decoration:none !important;
    font-family:Arial, Helvetica, sans-serif !important;
  }

  .float-call,
  .floating-call {
    font-size:30px !important;
    line-height:58px !important;
  }

  .float-whatsapp,
  .floating-whatsapp {
    font-size:18px !important;
    line-height:58px !important;
    letter-spacing:.3px;
  }
}


/* FIX FINAL REAL MOBIL - fara zoom / fara scroll orizontal.
   Corecteaza pagina hub si articolele fara sa atinga desktopul. */
@media only screen and (max-width: 768px) {
  html, body {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow-x:hidden !important;
    -webkit-text-size-adjust:100% !important;
    -ms-text-size-adjust:100% !important;
    text-size-adjust:100% !important;
  }

  body {
    margin:0 !important;
    padding-top:42px !important;
  }

  * {
    box-sizing:border-box !important;
  }

  table, tbody, tr, td {
    max-width:100% !important;
  }

  table[width="924"],
  table[width="900"],
  table[width="887"],
  .site-shell,
  .content-table,
  .footer-table {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
    table-layout:auto !important;
  }

  table.site-shell > tbody > tr > td,
  table.site-shell > tr > td {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    padding:8px !important;
    overflow:hidden !important;
  }

  .content-table,
  .content-table tbody,
  .content-table tr,
  .content-table td {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow:hidden !important;
  }

  .article-box,
  .hero2-box,
  .quick-box,
  .jump-box,
  .cta-box,
  .faq-box,
  .related-box {
    display:block !important;
    width:auto !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:10px 0 12px 0 !important;
    padding:13px 12px !important;
    overflow:hidden !important;
  }

  .article-box p,
  .hero2-box p,
  .quick-box p,
  .jump-box p,
  .cta-box p,
  .faq-box p,
  .related-box p,
  .article-box h2,
  .article-box h3,
  .article-card-title {
    max-width:100% !important;
    overflow-wrap:break-word !important;
    word-wrap:break-word !important;
    white-space:normal !important;
  }

  .article-img,
  .content-img,
  .article-card img,
  img {
    max-width:100% !important;
    height:auto !important;
  }

  .article-card-grid {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:6px 0 10px 0 !important;
    padding:0 !important;
    overflow:hidden !important;
    text-align:center !important;
  }

  .article-card {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:8px 0 12px 0 !important;
    padding:10px !important;
    overflow:hidden !important;
  }

  .mobile-article-banner,
  .mobile-article-banner img {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
  }

  .float-call,
  .float-whatsapp {
    display:block !important;
    width:58px !important;
    height:58px !important;
    border-radius:50% !important;
    text-align:center !important;
    color:#ffffff !important;
    text-decoration:none !important;
    font-family:Arial, Helvetica, sans-serif !important;
    font-weight:bold !important;
    z-index:9998 !important;
  }

  .float-call {
    font-size:34px !important;
    line-height:58px !important;
  }

  .float-whatsapp {
    font-size:0 !important;
    line-height:58px !important;
  }

  .float-whatsapp:before {
    content:"☎";
    display:block;
    color:#ffffff;
    font-size:31px;
    line-height:58px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    transform:rotate(18deg);
  }
}


/* FIX PUNCTUAL ICONURI FLOATING - nu modifica layoutul */
@media only screen and (max-width: 768px) {
  .float-call,
  .float-whatsapp {
    display:block !important;
    position:fixed !important;
    width:58px !important;
    height:58px !important;
    border-radius:50% !important;
    z-index:9998 !important;
    text-align:center !important;
    text-decoration:none !important;
    color:#ffffff !important;
    font-size:0 !important;
    line-height:58px !important;
    overflow:hidden !important;
  }

  .float-call {
    left:16px !important;
    right:auto !important;
    bottom:18px !important;
    background:#d60000 !important;
  }

  .float-whatsapp {
    right:16px !important;
    left:auto !important;
    bottom:18px !important;
    background:#25D366 !important;
  }

  .float-call svg,
  .float-whatsapp svg {
    display:block !important;
    position:absolute !important;
    top:50% !important;
    left:50% !important;
    transform:translate(-50%, -50%) !important;
    fill:#ffffff !important;
    color:#ffffff !important;
  }

  .float-call svg {
    width:34px !important;
    height:34px !important;
  }

  .float-whatsapp svg {
    width:36px !important;
    height:36px !important;
  }
}


/* FIX PUNCTUAL MOBILE PENTRU PAGINI SUPORT VECHI:
   preturi-coroane-funerare.html, livrare-coroane-funerare.html, mesaje-coroane-funerare.html.
   Nu afecteaza desktopul, ruleaza doar sub 768px. */
@media only screen and (max-width: 768px) {
  body.mobile-support-page {
    margin:0 !important;
    padding-top:42px !important;
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
    background-image:url(wp.jpg) !important;
  }

  body.mobile-support-page .top2 {
    width:100% !important;
    max-width:100% !important;
    border-left:0 !important;
    border-right:0 !important;
    border-radius:0 !important;
    margin:0 !important;
  }

  body.mobile-support-page .top2 > tbody > tr > td,
  body.mobile-support-page .top2 > tr > td {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    padding:8px !important;
    overflow:hidden !important;
  }

  body.mobile-support-page table {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    table-layout:auto !important;
    box-sizing:border-box !important;
  }

  body.mobile-support-page tbody,
  body.mobile-support-page tr,
  body.mobile-support-page td {
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }

  body.mobile-support-page .desktop-header,
  body.mobile-support-page .hero-table,
  body.mobile-support-page .desktop-menu-table {
    display:none !important;
    visibility:hidden !important;
    height:0 !important;
    max-height:0 !important;
    overflow:hidden !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
  }

  body.mobile-support-page .content-box,
  body.mobile-support-page .jump-box,
  body.mobile-support-page .cta-box,
  body.mobile-support-page .faq-box,
  body.mobile-support-page .price-note,
  body.mobile-support-page .article-box,
  body.mobile-support-page .hero2-box,
  body.mobile-support-page .quick-box,
  body.mobile-support-page .related-box {
    display:block !important;
    width:auto !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:10px 0 12px 0 !important;
    padding:13px 12px !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }

  body.mobile-support-page p,
  body.mobile-support-page div,
  body.mobile-support-page h1,
  body.mobile-support-page h2,
  body.mobile-support-page h3,
  body.mobile-support-page li,
  body.mobile-support-page strong {
    max-width:100% !important;
    overflow-wrap:break-word !important;
    word-wrap:break-word !important;
  }

  body.mobile-support-page img {
    max-width:100% !important;
    height:auto !important;
  }

  body.mobile-support-page .content-img,
  body.mobile-support-page .article-img {
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    display:block !important;
  }

  body.mobile-support-page .cta-links a {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:7px 0 !important;
    text-align:center !important;
  }

  body.mobile-support-page .mobile-topbar {
    display:block !important;
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    z-index:9999 !important;
  }

  body.mobile-support-page .mobile-article-banner {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    line-height:0 !important;
  }

  body.mobile-support-page .mobile-article-banner img {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    border:0 !important;
    margin:0 !important;
    padding:0 !important;
  }
}


/* FIX PUNCTUAL: hamburger stabil + iconuri Call/WhatsApp corecte pe mobil.
   Nu modifica layoutul, boxurile, cardurile sau desktopul. */
@media only screen and (max-width: 768px) {
  .mobile-menu {
    display:none !important;
  }

  .mobile-menu.menu-open {
    display:block !important;
    position:fixed !important;
    top:42px !important;
    left:0 !important;
    right:0 !important;
    z-index:9998 !important;
    background:#000000 !important;
    padding:8px 8px 12px 8px !important;
    box-sizing:border-box !important;
    max-height:calc(100vh - 42px) !important;
    overflow-y:auto !important;
  }

  .float-call,
  .float-whatsapp {
    display:block !important;
    position:fixed !important;
    width:58px !important;
    height:58px !important;
    border-radius:50% !important;
    z-index:9998 !important;
    text-align:center !important;
    text-decoration:none !important;
    color:#ffffff !important;
    font-size:0 !important;
    line-height:58px !important;
    overflow:hidden !important;
    box-shadow:0 2px 8px rgba(0,0,0,.35) !important;
  }

  .float-call {
    left:16px !important;
    right:auto !important;
    bottom:18px !important;
    background:#d60000 !important;
  }

  .float-whatsapp {
    right:16px !important;
    left:auto !important;
    bottom:18px !important;
    background:#25D366 !important;
  }

  .float-call svg,
  .float-whatsapp svg {
    display:block !important;
    position:absolute !important;
    top:50% !important;
    left:50% !important;
    transform:translate(-50%, -50%) !important;
    fill:#ffffff !important;
    color:#ffffff !important;
  }

  .float-call svg {
    width:34px !important;
    height:34px !important;
  }

  .float-whatsapp svg {
    width:36px !important;
    height:36px !important;
  }
}


/* FIX FINAL OFICIAL - MENIU + MOBILE FRIENDLY PAGINI SUPORT/LOCALE
   Stil aprobat: meniu negru, text gri deschis, chenar gri deschis rotunjit.
   Iconurile Call/WhatsApp raman cele aprobate.
   Reguli doar pe mobil: desktopul ramane neatins. */
@media only screen and (max-width: 768px) {
  html,
  body {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow-x:hidden !important;
    -webkit-text-size-adjust:100% !important;
    -ms-text-size-adjust:100% !important;
    text-size-adjust:100% !important;
  }

  body.mobile-support-page {
    margin:0 !important;
    padding-top:42px !important;
    background-image:url(wp.jpg) !important;
  }

  * {
    box-sizing:border-box !important;
  }

  table,
  tbody,
  tr,
  td {
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }

  table[width="924"],
  table[width="900"],
  table[width="887"],
  .top2,
  .content-table,
  .footer-table {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
    table-layout:auto !important;
  }

  body.mobile-support-page .top2 {
    border-left:0 !important;
    border-right:0 !important;
    border-radius:0 !important;
    margin:0 !important;
  }

  body.mobile-support-page .top2 > tbody > tr > td,
  body.mobile-support-page .top2 > tr > td {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    padding:8px !important;
    overflow:hidden !important;
  }

  .desktop-header,
  .hero-table,
  .desktop-menu-table,
  table.desktop-header,
  table.hero-table,
  table.desktop-menu-table {
    display:none !important;
    visibility:hidden !important;
    height:0 !important;
    max-height:0 !important;
    min-height:0 !important;
    overflow:hidden !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
  }

  .mobile-topbar {
    display:block !important;
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    z-index:9999 !important;
    background:#000000 !important;
    height:42px !important;
    line-height:42px !important;
    width:100% !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }

  .hamburger-btn {
    float:left !important;
    width:42px !important;
    height:42px !important;
    border:0 !important;
    background:#000000 !important;
    padding:9px 8px !important;
    cursor:pointer !important;
  }

  .hamburger-btn span {
    display:block !important;
    height:3px !important;
    background:#ffffff !important;
    margin:5px 0 !important;
    border-radius:2px !important;
  }

  .mobile-page-title {
    display:block !important;
    color:#ffffff !important;
    font-family:"Trebuchet MS", Arial, sans-serif !important;
    font-size:14px !important;
    font-weight:bold !important;
    line-height:42px !important;
    height:42px !important;
    margin-left:50px !important;
    padding-right:10px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .mobile-menu {
    display:none !important;
    background:#000000 !important;
  }

  .mobile-menu.menu-open {
    display:block !important;
    position:fixed !important;
    top:42px !important;
    left:0 !important;
    right:0 !important;
    z-index:9998 !important;
    background:#000000 !important;
    padding:8px 8px 12px 8px !important;
    box-sizing:border-box !important;
    max-height:calc(100vh - 42px) !important;
    overflow-y:auto !important;
  }

  .mobile-menu a,
  .mobile-menu a:link,
  .mobile-menu a:visited,
  .mobile-menu.menu-open a,
  .mobile-menu.menu-open a:link,
  .mobile-menu.menu-open a:visited {
    display:block !important;
    background:rgba(255,255,255,0.04) !important;
    color:#d9d9d9 !important;
    border:1px solid rgba(215,215,215,0.85) !important;
    border-radius:10px !important;
    padding:11px 12px !important;
    margin:7px 0 !important;
    font-family:"Trebuchet MS", Arial, sans-serif !important;
    font-weight:bold !important;
    text-decoration:none !important;
    box-shadow:none !important;
  }

  .mobile-menu a:hover,
  .mobile-menu a:active,
  .mobile-menu.menu-open a:hover,
  .mobile-menu.menu-open a:active {
    background:rgba(255,255,255,0.10) !important;
    color:#ffffff !important;
    border-color:#eeeeee !important;
  }

  .mobile-article-banner {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    line-height:0 !important;
  }

  .mobile-article-banner img {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    border:0 !important;
    margin:0 !important;
    padding:0 !important;
  }

  .content-box,
  .jump-box,
  .cta-box,
  .faq-box,
  .price-note,
  .article-box,
  .hero2-box,
  .quick-box,
  .related-box {
    display:block !important;
    width:auto !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:10px 0 12px 0 !important;
    padding:13px 12px !important;
    background:#fcfcfc !important;
    border:1px solid #d7d7d7 !important;
    border-radius:16px !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
    font-family:"Trebuchet MS", Arial, sans-serif !important;
    line-height:1.55 !important;
  }

  .content-box h2,
  .article-box h2,
  .hero2-box h2,
  .quick-box h2,
  .jump-box h2,
  .cta-box h2,
  .faq-box h2,
  .related-box h2 {
    max-width:100% !important;
    overflow-wrap:break-word !important;
    word-wrap:break-word !important;
  }

  p, div, h1, h2, h3, li, strong {
    max-width:100% !important;
    overflow-wrap:break-word !important;
    word-wrap:break-word !important;
  }

  img {
    max-width:100% !important;
    height:auto !important;
  }

  .content-img,
  .article-img {
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    display:block !important;
  }

  .cta-links a {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:7px 0 !important;
    text-align:center !important;
  }

  .mobile-floating {
    display:block !important;
  }

  .float-call,
  .float-whatsapp {
    display:block !important;
    position:fixed !important;
    width:58px !important;
    height:58px !important;
    border-radius:50% !important;
    z-index:9998 !important;
    text-align:center !important;
    text-decoration:none !important;
    color:#ffffff !important;
    font-size:0 !important;
    line-height:58px !important;
    overflow:hidden !important;
    box-shadow:0 2px 8px rgba(0,0,0,.35) !important;
  }

  .float-call {
    left:16px !important;
    right:auto !important;
    bottom:18px !important;
    background:#d60000 !important;
  }

  .float-whatsapp {
    right:16px !important;
    left:auto !important;
    bottom:18px !important;
    background:#25D366 !important;
  }

  .float-call svg,
  .float-whatsapp svg {
    display:block !important;
    position:absolute !important;
    top:50% !important;
    left:50% !important;
    transform:translate(-50%, -50%) !important;
    fill:#ffffff !important;
    color:#ffffff !important;
  }

  .float-call svg {
    width:34px !important;
    height:34px !important;
  }

  .float-whatsapp svg {
    width:36px !important;
    height:36px !important;
  }
}