/*
Theme Name: Aveit Child Rinnai
Theme URI: https://wpriverthemes.com/aveit/
Template: aveit
Author: WordPressRiver
Author URI: https://themeforest.net/user/wordpressriver
Description: Aveit - Business Solutions Landing Page WordPress Theme
Tags: business,landing,page,digital,agency,corporate,software,saas
Version: 3.5.1779307242
Updated: 2026-05-20 14:00:42

*/

/* === RINNAI MEGA MENÚ === */

#rinnai-nav {
  width:100%;
  background:#fff;
  font-family:"neue-haas-grotesk-display",Arial,sans-serif;
  color:#3e3a39;
  position:relative;
  line-height:1.5;
}

/* === TOP BAR === */
#rinnai-nav .rnav-top {
  display:flex !important;
  flex-direction:row !important;
  justify-content:flex-end;
  align-items:center;
  height:44px;
  border-bottom:1px solid #f0f0f0;
}
#rinnai-nav .rnav-top-links {
  display:flex;
  align-items:center;
  gap:5px;
}
#rinnai-nav .rnav-top-links a {
  display:flex;
  align-items:center;
  gap:5px;
  padding:9px 15px 8px;
  color:#3e3a39;
  text-decoration:none;
  font-family:"neue-haas-grotesk-display",Arial,sans-serif;
  font-size:16px;
  font-weight:500;
  border-top:3px solid transparent;
  transition:opacity .2s;
}
#rinnai-nav .rnav-top-links a:hover { opacity:.7; }
#rinnai-nav .rnav-top-links a .arrow {
  display:inline-block;
  width:8px;
  height:8px;
  border-top:1px solid #3e3a39;
  border-right:1px solid #3e3a39;
  transform:rotate(45deg);
  flex-shrink:0;
}
#rinnai-nav .rnav-highlights {
  display:flex;
  align-items:stretch;
  margin-left:40px;
}
#rinnai-nav .rnav-highlights a {
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:160px;
  padding:10px 15px;
  background:#777473;
  color:#fff;
  text-decoration:none;
  font-family:"neue-haas-grotesk-display",Arial,sans-serif;
  font-size:16px;
  font-weight:500;
  text-align:center;
  transition:background .2s;
}
#rinnai-nav .rnav-highlights a + a { margin-left:1px; }
#rinnai-nav .rnav-highlights a:hover { background:#3e3a39; }

/* Globo desktop */
#rinnai-nav .rnav-globe-wrap {
  position:relative;
  margin-left:15px;
}
#rinnai-nav .rnav-globe {
  display:flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  cursor:pointer;
  color:#3e3a39;
  background:none;
  border:none;
  border-bottom:2px solid transparent;
  transition:border-color .2s;
}
#rinnai-nav .rnav-globe svg { width:24px; height:24px; }
#rinnai-nav .rnav-globe.open { border-bottom-color:#cf000e; }
#rinnai-nav .rnav-globe.open svg { filter:invert(10%) sepia(94%) saturate(6705%) hue-rotate(352deg) brightness(81%) contrast(106%); }

/* Panel idioma/región */
#rinnai-nav .rnav-lang-panel {
  display:none;
  position:absolute;
  top:calc(100% + 2px);
  right:0;
  width:280px;
  max-height:50vh;
  background:#fff;
  border:1px solid #969392;
  overflow-y:auto;
  z-index:10000;
}
#rinnai-nav .rnav-lang-panel.open { display:block; }
#rinnai-nav .rnav-lang-inner {
  padding:30px 30px 80px;
  position:relative;
}
#rinnai-nav .rnav-lang-close {
  position:absolute;
  bottom:30px;
  right:30px;
  width:26px;
  height:26px;
  background:none;
  border:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:opacity .2s;
}
#rinnai-nav .rnav-lang-close:hover { opacity:.7; }
#rinnai-nav .rnav-lang-close-x {
  position:relative;
  width:18px;
  height:18px;
  display:block;
}
#rinnai-nav .rnav-lang-close-x::before,
#rinnai-nav .rnav-lang-close-x::after {
  content:'';
  position:absolute;
  top:50%;
  left:0;
  width:100%;
  height:1px;
  background:#3e3a39;
}
#rinnai-nav .rnav-lang-close-x::before { transform:rotate(45deg); }
#rinnai-nav .rnav-lang-close-x::after { transform:rotate(-45deg); }
#rinnai-nav .rnav-lang-section { margin-bottom:30px; }
#rinnai-nav .rnav-lang-section + .rnav-lang-section { margin-top:30px; }
#rinnai-nav .rnav-lang-title {
  padding:7px 15px;
  border-left:4px solid #cf000e;
  font-size:18px;
  font-weight:500;
  line-height:1;
  margin:0 0 25px;
  color:#3e3a39;
}
#rinnai-nav .rnav-lang-subtitle {
  padding:0 15px;
  border-left:4px solid #969392;
  font-size:16px;
  font-weight:500;
  line-height:1;
  margin:25px 0 20px;
  color:#3e3a39;
}
#rinnai-nav .rnav-lang-list {
  list-style:none;
  margin:0 0 0 17px;
  padding:0;
}
#rinnai-nav .rnav-lang-list li + li { margin-top:20px; }
#rinnai-nav .rnav-lang-list a {
  display:flex;
  align-items:center;
  gap:6px;
  font-family:"neue-haas-grotesk-display",Arial,sans-serif;
  font-size:16px;
  font-weight:400;
  color:#3e3a39;
  text-decoration:none;
  line-height:1;
}
#rinnai-nav .rnav-lang-list a:hover { opacity:.7; }
#rinnai-nav .rnav-lang-list a .arrow {
  width:8px; height:8px;
  border-top:1px solid #3e3a39;
  border-right:1px solid #3e3a39;
  transform:rotate(45deg);
  flex-shrink:0;
}
#rinnai-nav .rnav-lang-global {
  display:flex;
  align-items:center;
  gap:6px;
  font-family:"neue-haas-grotesk-display",Arial,sans-serif;
  font-size:16px;
  font-weight:400;
  color:#3e3a39;
  text-decoration:none;
  margin:0 0 5px 15px;
  line-height:1;
}
#rinnai-nav .rnav-lang-global:hover { opacity:.7; }
#rinnai-nav .rnav-lang-global .arrow {
  width:8px; height:8px;
  border-top:1px solid #3e3a39;
  border-right:1px solid #3e3a39;
  transform:rotate(45deg);
  flex-shrink:0;
}
#rinnai-nav .rnav-lang-ext {
  display:inline-block;
  width:12px;
  height:12px;
  margin-left:4px;
  vertical-align:middle;
}

/* === MAIN BAR === */
#rinnai-nav .rnav-main {
  display:flex !important;
  flex-direction:row !important;
  align-items:center;
  height:66px;
  padding:0 0 0 196px;
}
#rinnai-nav .rnav-logo {
  position:absolute;
  left:50px;
  top:0;
  height:110px;
  display:flex;
  align-items:center;
}
#rinnai-nav .rnav-logo img { width:146px; height:auto; }
#rinnai-nav .rnav-items {
  display:flex !important;
  flex-direction:row !important;
  align-items:stretch;
  height:100%;
  margin-left:auto;
  gap:10px;
}
#rinnai-nav .rnav-item {
  display:flex;
  align-items:center;
  position:relative;
}
#rinnai-nav .rnav-btn {
  display:flex;
  align-items:center;
  gap:10px;
  padding:15px 10px;
  height:100%;
  background:none;
  border:none;
  cursor:pointer;
  font-size:16px;
  font-weight:500;
  color:#3e3a39;
  font-family:"neue-haas-grotesk-display",Arial,sans-serif;
  text-decoration:none;
  white-space:nowrap;
  position:relative;
  transition:color .2s;
}
#rinnai-nav .rnav-btn::after {
  content:'';
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:2px;
  background:#cf000e;
  transform:scaleX(0);
  transition:transform .2s;
}
#rinnai-nav .rnav-item.open .rnav-btn,
#rinnai-nav .rnav-item:hover .rnav-btn { color:#cf000e; }
#rinnai-nav .rnav-item.open .rnav-btn::after { transform:scaleX(1); }
#rinnai-nav .rnav-btn .chev {
  display:inline-block;
  width:8px;
  height:8px;
  border-top:1px solid #3e3a39;
  border-right:1px solid #3e3a39;
  transform:rotate(135deg);
  transition:transform .2s, border-color .2s;
  flex-shrink:0;
  margin-top:-3px;
}
#rinnai-nav .rnav-item.open .chev,
#rinnai-nav .rnav-item:hover .chev { border-color:#cf000e; }
#rinnai-nav .rnav-item.open .chev { transform:rotate(-45deg); margin-top:3px; }
#rinnai-nav .rnav-mobile-actions { display:none; }
#rinnai-nav .rnav-search {
  display:flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:54px;
  background:none;
  border:none;
  cursor:pointer;
  color:#3e3a39;
  margin-left:10px;
  transition:opacity .2s;
}
#rinnai-nav .rnav-search:hover { opacity:.7; }
#rinnai-nav .rnav-search.open { color:#cf000e; }
#rinnai-nav .rnav-hamburger { display:none; }
#rinnai-nav .rnav-drawer { display:none; }

/* === MEGA PANEL === */
#rinnai-nav .rnav-mega {
  position:absolute;
  top:100%;
  left:50%;
  transform:translateX(-50%);
  width:100vw;
  background:#fff;
  border-top:1px solid #969392;
  box-shadow:0 4px 20px rgba(0,0,0,.1);
  overflow:hidden;
  max-height:0;
  transition:max-height .4s ease, visibility .4s;
  visibility:hidden;
  z-index:9999;
}
#rinnai-nav .rnav-mega.open {
  max-height:80vh;
  visibility:visible;
  overflow-y:auto;
}
#rinnai-nav .rnav-mega-inner {
  width:1120px;
  margin:0 auto;
  padding:70px 0;
  position:relative;
}
#rinnai-nav .rnav-close {
  position:absolute;
  top:33px;
  right:45px;
  background:none;
  border:none;
  cursor:pointer;
  width:24px;
  height:24px;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:opacity .2s;
}
#rinnai-nav .rnav-close:hover { opacity:.7; }
#rinnai-nav .rnav-close-x {
  display:block;
  position:relative;
  width:18px;
  height:18px;
}
#rinnai-nav .rnav-close-x::before,
#rinnai-nav .rnav-close-x::after {
  content:'';
  position:absolute;
  top:50%;
  left:0;
  width:100%;
  height:1px;
  background:#3e3a39;
}
#rinnai-nav .rnav-close-x::before { transform:rotate(45deg); }
#rinnai-nav .rnav-close-x::after { transform:rotate(-45deg); }
#rinnai-nav .rnav-mega-toplink {
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:15px;
  color:#3e3a39;
  text-decoration:none;
}
#rinnai-nav .rnav-mega-toplink:hover { opacity:.7; }
#rinnai-nav .rnav-mega-toplink .arrow {
  width:8px; height:8px;
  border-top:1px solid #3e3a39;
  border-right:1px solid #3e3a39;
  transform:rotate(45deg);
  flex-shrink:0;
}
#rinnai-nav .rnav-mega-section { margin-top:50px; }
#rinnai-nav .rnav-mega-section h4 {
  display:flex;
  align-items:center;
  margin:0;
  padding:7px 20px;
  border-left:8px solid #cf000e;
  font-size:24px;
  font-weight:500;
  line-height:1.2;
  color:#3e3a39;
}
#rinnai-nav .rnav-mega-links {
  display:flex;
  flex-wrap:wrap;
  margin:0 0 0 25px;
}
#rinnai-nav .rnav-mega-links a {
  display:flex;
  align-items:center;
  gap:6px;
  width:25%;
  margin-top:30px;
  font-size:15px;
  font-weight:500;
  color:#3e3a39;
  text-decoration:none;
}
#rinnai-nav .rnav-mega-links a:hover { opacity:.7; }
#rinnai-nav .rnav-mega-links a .arrow {
  width:8px; height:8px;
  border-top:1px solid #3e3a39;
  border-right:1px solid #3e3a39;
  transform:rotate(45deg);
  flex-shrink:0;
}
#rinnai-nav .rnav-mega-cards {
  display:flex;
  flex-wrap:wrap;
  gap:30px;
  margin:30px 0 0 28px;
}
#rinnai-nav .rnav-card {
  width:calc((100% - 60px - 28px) / 3);
  text-decoration:none;
  color:#3e3a39;
  display:block;
}
#rinnai-nav .rnav-card:hover { opacity:.7; }
#rinnai-nav .rnav-card-img {
  width:100%;
  aspect-ratio:16/9;
  background:#f0f0f0;
  object-fit:cover;
  display:block;
  margin-bottom:10px;
}
#rinnai-nav .rnav-card-label {
  display:flex;
  align-items:center;
  gap:6px;
  font-size:15px;
  line-height:1.4;
  text-indent:-1em;
  padding-left:1em;
}
#rinnai-nav .rnav-card-label .arrow {
  width:8px; height:8px;
  border-top:1px solid #3e3a39;
  border-right:1px solid #3e3a39;
  transform:rotate(45deg);
  flex-shrink:0;
  text-indent:0;
}

/* === BÚSQUEDA === */
#rinnai-nav .rnav-search-wrap {
  display:flex;
  align-items:stretch;
  border:1px solid #777473;
  width:100%;
}
#rinnai-nav .rnav-search-input {
  width:calc(100% - 80px);
  padding:13px 20px 12px;
  border:none;
  outline:none;
  font-family:"neue-haas-grotesk-display",Arial,sans-serif;
  font-size:15px;
  color:#3e3a39;
}
#rinnai-nav .rnav-search-btn {
  display:flex;
  align-items:center;
  justify-content:center;
  width:80px;
  background:#777473;
  border:none;
  cursor:pointer;
  transition:opacity .2s;
}
#rinnai-nav .rnav-search-btn:hover { opacity:.7; }

/* === MÓVIL === */
@media (max-width: 767px) {

  #rinnai-nav .rnav-top {
    height:auto;
    padding:0 20px;
    border-bottom:1px solid #969392;
    justify-content:flex-start;
  }
  #rinnai-nav .rnav-top-links {
    width:100%;
    gap:0;
  }
  #rinnai-nav .rnav-top-links a {
    width:50%;
    justify-content:center;
    font-size:13px;
    padding:10px 5px;
    border-top:3px solid transparent;
    text-align:center;
  }
  #rinnai-nav .rnav-highlights { display:none; }
  #rinnai-nav .rnav-top .rnav-globe-wrap { display:none; }

  #rinnai-nav .rnav-main {
    height:60px;
    padding:0 20px;
  }
  #rinnai-nav .rnav-logo {
    position:static;
    height:60px;
    width:93px;
  }
  #rinnai-nav .rnav-logo img { width:73px; }
  #rinnai-nav .rnav-items { display:none !important; }
  #rinnai-nav #rnav-search-btn-desktop { display:none !important; }

  #rinnai-nav .rnav-mobile-actions {
    display:flex;
    align-items:center;
    margin-left:auto;
  }
  #rinnai-nav .rnav-mobile-actions .rnav-search {
    width:44px;
    height:60px;
    margin-left:0;
  }
  #rinnai-nav .rnav-mobile-actions .rnav-globe-wrap {
    position:relative;
    margin-left:0;
  }
  #rinnai-nav .rnav-mobile-actions .rnav-globe {
    width:44px;
    height:60px;
    border-bottom:none;
  }
  #rinnai-nav .rnav-mobile-actions .rnav-lang-panel {
    top:60px;
    right:0;
    max-height:60vh;
  }

  #rinnai-nav .rnav-hamburger {
    display:flex;
    width:44px;
    height:60px;
    background:none;
    border:none;
    cursor:pointer;
    padding:0;
    position:relative;
    flex-shrink:0;
  }
  #rinnai-nav .rnav-hamburger span {
    position:absolute;
    left:10px;
    width:24px;
    height:2px;
    background:#3e3a39;
    transition:transform .3s, opacity .3s, top .3s;
  }
  #rinnai-nav .rnav-hamburger span:nth-child(1) { top:22px; }
  #rinnai-nav .rnav-hamburger span:nth-child(2) { top:29px; }
  #rinnai-nav .rnav-hamburger span:nth-child(3) { top:36px; }
  #rinnai-nav .rnav-hamburger.open span { background:#cf000e; }
  #rinnai-nav .rnav-hamburger.open span:nth-child(1) { top:29px; transform:rotate(-45deg); }
  #rinnai-nav .rnav-hamburger.open span:nth-child(2) { opacity:0; }
  #rinnai-nav .rnav-hamburger.open span:nth-child(3) { top:29px; transform:rotate(45deg); }

  #rinnai-nav .rnav-drawer {
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    background:#fff;
    border-top:1px solid #969392;
    z-index:9999;
    max-height:80vh;
    overflow-y:auto;
    display:none;
  }
  #rinnai-nav .rnav-drawer.open { display:block; }
  #rinnai-nav .rnav-drawer-inner { padding:0 20px 80px; position:relative; }

  #rinnai-nav .rnav-mob-item {
    border-bottom:1px solid #f0f0f0;
    border-left:4px solid #cf000e;
    padding-left:16px;
  }
  #rinnai-nav .rnav-mob-btn {
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    padding:16px 0;
    background:none;
    border:none;
    cursor:pointer;
    font-size:16px;
    font-weight:500;
    color:#3e3a39;
    font-family:"neue-haas-grotesk-display",Arial,sans-serif;
    text-decoration:none;
    text-align:left;
  }
  #rinnai-nav .rnav-mob-item.open .rnav-mob-btn { color:#cf000e; }
  #rinnai-nav .rnav-mob-btn .mob-chev {
    position:relative;
    display:inline-block;
    width:14px;
    height:14px;
    border:none;
    transform:none;
    flex-shrink:0;
    margin-left:auto;
  }
  #rinnai-nav .rnav-mob-btn .mob-chev::before,
  #rinnai-nav .rnav-mob-btn .mob-chev::after {
    content:'';
    position:absolute;
    top:50%;
    left:0;
    width:14px;
    height:2px;
    background:#777473;
    transform:translateY(-50%);
    transition:transform .2s, opacity .2s;
  }
  #rinnai-nav .rnav-mob-btn .mob-chev::after { transform:translateY(-50%) rotate(90deg); }
  #rinnai-nav .rnav-mob-item.open .mob-chev::after { transform:translateY(-50%) rotate(0deg); opacity:0; }
  #rinnai-nav .rnav-mob-item.open .mob-chev::before,
  #rinnai-nav .rnav-mob-item.open .mob-chev::after { background:#cf000e; }

  #rinnai-nav .rnav-mob-panel { display:none; padding:0 0 20px 0; }
  #rinnai-nav .rnav-mob-item.open .rnav-mob-panel { display:block; }
  #rinnai-nav .rnav-mob-toplink {
    display:flex; align-items:center; gap:6px;
    font-size:15px; color:#3e3a39; text-decoration:none; padding:12px 0;
  }
  #rinnai-nav .rnav-mob-toplink:hover { opacity:.7; }
  #rinnai-nav .rnav-mob-toplink .arrow {
    width:8px; height:8px;
    border-top:1px solid #3e3a39; border-right:1px solid #3e3a39;
    transform:rotate(45deg); flex-shrink:0;
  }
  #rinnai-nav .rnav-mob-section { margin-top:20px; }
  #rinnai-nav .rnav-mob-section h5 {
    padding:5px 15px; border-left:4px solid #cf000e;
    font-size:16px; font-weight:500; margin:0 0 15px; color:#3e3a39;
  }
  #rinnai-nav .rnav-mob-links { list-style:none; margin:0 0 0 19px; padding:0; }
  #rinnai-nav .rnav-mob-links li { margin-top:15px; }
  #rinnai-nav .rnav-mob-links a {
    display:flex; align-items:center; gap:6px;
    font-size:15px; color:#3e3a39; text-decoration:none;
  }
  #rinnai-nav .rnav-mob-links a:hover { opacity:.7; }
  #rinnai-nav .rnav-mob-links a .arrow {
    width:8px; height:8px;
    border-top:1px solid #3e3a39; border-right:1px solid #3e3a39;
    transform:rotate(45deg); flex-shrink:0;
  }
  #rinnai-nav .rnav-mob-cards { display:flex; flex-wrap:wrap; gap:15px; margin-top:15px; }
  #rinnai-nav .rnav-mob-card { width:calc(50% - 8px); text-decoration:none; color:#3e3a39; }
  #rinnai-nav .rnav-mob-card:hover { opacity:.7; }
  #rinnai-nav .rnav-mob-card img,
  #rinnai-nav .rnav-mob-card .rnav-card-img {
    width:100%; aspect-ratio:16/9; object-fit:cover;
    background:#f0f0f0; display:block; margin-bottom:6px;
  }
  #rinnai-nav .rnav-mob-card p { display:flex; align-items:center; gap:5px; font-size:13px; line-height:1.4; }
  #rinnai-nav .rnav-mob-card p .arrow {
    width:7px; height:7px;
    border-top:1px solid #3e3a39; border-right:1px solid #3e3a39;
    transform:rotate(45deg); flex-shrink:0;
  }
  #rinnai-nav .rnav-mob-highlights { margin-top:30px; }
  #rinnai-nav .rnav-mob-highlights a {
    display:block; padding:12px 15px; background:#777473; color:#fff;
    text-decoration:none; font-size:15px; font-weight:500;
    margin-bottom:2px; transition:background .2s;
  }
  #rinnai-nav .rnav-mob-highlights a:hover { background:#3e3a39; }

  #rinnai-nav .rnav-drawer-close {
    position:sticky; bottom:20px; left:100%;
    width:40px; height:40px; background:none; border:none;
    cursor:pointer; display:flex; align-items:center;
    justify-content:center; margin-left:auto; margin-top:20px;
    transition:opacity .2s;
  }
  #rinnai-nav .rnav-drawer-close:hover { opacity:.7; }
  #rinnai-nav .rnav-drawer-close-x { position:relative; width:20px; height:20px; display:block; }
  #rinnai-nav .rnav-drawer-close-x::before,
  #rinnai-nav .rnav-drawer-close-x::after {
    content:''; position:absolute; top:50%; left:0; width:100%; height:1px; background:#3e3a39;
  }
  #rinnai-nav .rnav-drawer-close-x::before { transform:rotate(45deg); }
  #rinnai-nav .rnav-drawer-close-x::after { transform:rotate(-45deg); }

  #rinnai-nav .rnav-mega:not(#mega-busqueda) { display:none !important; }
  #rinnai-nav #mega-busqueda {
    display:block !important;
    position:fixed !important;
    top:104px;
    left:0 !important;
    right:0 !important;
    width:100vw !important;
    transform:none !important;
    overflow:visible !important;
    max-height:none !important;
    visibility:hidden;
    opacity:0;
    transition:opacity .3s, visibility .3s;
    box-shadow:0 4px 20px rgba(0,0,0,.1);
    z-index:10000 !important;
  }
  #rinnai-nav #mega-busqueda.open {
    visibility:visible !important;
    opacity:1 !important;
    max-height:none !important;
  }
  #rinnai-nav #mega-busqueda .rnav-mega-inner {
    width:100% !important;
    padding:20px;
    box-sizing:border-box;
  }
  #rinnai-nav #mega-busqueda .rnav-search-wrap { width:100%; }
  #rinnai-nav #mega-busqueda .rnav-search-input {
    width:calc(100% - 56px);
    font-size:16px;
  }
  #rinnai-nav #mega-busqueda .rnav-search-btn { width:56px; }
}

/* === FIXED / SHRINK === */
#rinnai-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9998;
  transition: box-shadow .3s;
}
#rinnai-nav.scrolled {
  box-shadow: 0 2px 12px rgba(0,0,0,.1);
}
#rinnai-nav.scrolled .rnav-top {
  display: none !important;
}
#rinnai-nav.scrolled .rnav-logo {
  height: 54px;
}
#rinnai-nav.scrolled .rnav-logo img {
  width: 80px;
}
#rinnai-nav.scrolled .rnav-main {
  height: 54px;
}

/* Compensar el espacio que ocupa el menú fijo */
body {
  padding-top: 110px;
}
body.scrolled-nav {
  padding-top: 54px;
}

@media (max-width: 767px) {
  #rinnai-nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9998;
  }
  #rinnai-nav.scrolled .rnav-top { display: none !important; }
  #rinnai-nav.scrolled .rnav-main { height: 54px; }
  #rinnai-nav.scrolled .rnav-logo { height: 54px; }
  #rinnai-nav.scrolled .rnav-logo img { width: 60px; }
  body { padding-top: 104px; }
  body.scrolled-nav { padding-top: 54px; }
}