/* ------------------------------------------------------------------
   Exact Funnel — CLS fix for plasmaspray.co.in
   1) Mobile nav: navigation.js adds .navigation-portrait only after
      $(document).ready, so below 992px the menu paints fully expanded
      (~167px) and then collapses, shoving the whole page up. These are
      the same declarations navigation.css/navigation.dropdown.css apply
      via .navigation-portrait, re-applied by media query at first paint.
   2) Hero: #main-slider has no reserved height; Revolution sets it from
      startwidth 1600 / startheight 600 (= 37.5% of width, capped 600px).
   ------------------------------------------------------------------ */

@media (max-width: 991px) {
  .navigation:not(.navigation-portrait) { /* height: 48px*/ }
  .navigation:not(.navigation-portrait) .nav-brand { font-size: 18px; line-height: 48px }
  .navigation:not(.navigation-portrait) .nav-logo>img { height: 36px; margin: 6px auto 6px 15px; padding: 0 }
  .navigation:not(.navigation-portrait) .nav-toggle { display: block }
  .navigation:not(.navigation-portrait) .nav-menus-wrapper { width: 290px; height: 100%; top: 0; left: -400px; position: fixed; background-color: #fff; z-index: 20000; overflow-y: auto; -webkit-overflow-scrolling: touch; transition-duration: .8s; transition-timing-function: ease }
  .navigation:not(.navigation-portrait) .nav-menus-wrapper.nav-menus-wrapper-right { left: auto; right: -400px }
  .navigation:not(.navigation-portrait) .nav-menus-wrapper-close-button { display: block }
  .navigation:not(.navigation-portrait) .nav-menu { width: 100% }
  .navigation:not(.navigation-portrait) .nav-menu>li { width: 100%; position: relative; border-top: solid 1px #f0f0f0 }
  .navigation:not(.navigation-portrait) .nav-menu>li:last-child { border-bottom: solid 1px #f0f0f0 }
  .navigation:not(.navigation-portrait) .nav-menu>li>a { height: auto; width: 100%; padding: 6px 15px 6px 20px }
  .navigation:not(.navigation-portrait) .nav-menu.nav-menu-social { width: 100%; text-align: center }
  .navigation:not(.navigation-portrait) .nav-menu.nav-menu-social>li { width: auto }
  .navigation:not(.navigation-portrait) .nav-menu.nav-menu-social>li>a { padding: 15px }
  .navigation:not(.navigation-portrait) .submenu-indicator { width: 54px; height: 44px; margin-top: 0; position: absolute; top: 0; right: 0; text-align: center; z-index: 20000 }
  .navigation:not(.navigation-portrait) .submenu-indicator-chevron { position: absolute; top: 18px; left: 24px }
  .navigation:not(.navigation-portrait) .submenu-indicator.submenu-indicator-up { -ms-transform: rotate(-180deg); transform: rotate(-180deg) }
  .navigation:not(.navigation-portrait) .nav-search { height: 48px; padding: 0 10px; margin-right: 52px }
  .navigation:not(.navigation-portrait) .nav-search-button { width: 50px; height: 48px; line-height: 46px; font-size: 22px }
  .navigation:not(.navigation-portrait) .nav-search-inner { height: 48px }
  .navigation:not(.navigation-portrait) .nav-search-inner input[type=search],
.navigation:not(.navigation-portrait) .nav-search-inner input[type=text] { height: 48px; font-size: 18px; line-height: 48px }
  .navigation:not(.navigation-portrait) .nav-search-close-button { top: 10px; right: 14px }
  .navigation:not(.navigation-portrait) .nav-button { width: calc(100% - 52px); margin: 17px 26px }
  .navigation:not(.navigation-portrait) .nav-text { width: calc(100% - 52px); margin: 12px 26px 0 }
  .navigation:not(.navigation-portrait) .nav-text+ul { margin-top: 15px }
  .navigation:not(.navigation-portrait) .nav-dropdown { width: 100%; position: static; left: 0 }
  .navigation:not(.navigation-portrait) .nav-dropdown>li>a { padding: 10px 15px 10px 20px; color: #1a4d85 }
  .navigation:not(.navigation-portrait) .nav-dropdown>li>a:hover { color: #1a4d85 }
  .navigation:not(.navigation-portrait) .nav-dropdown>li>ul>li>a { padding-left: 50px }
  .navigation:not(.navigation-portrait) .nav-dropdown>li>ul>li>ul>li>a { padding-left: 70px }
  .navigation:not(.navigation-portrait) .nav-dropdown>li>ul>li>ul>li>ul>li>a { padding-left: 90px }
  .navigation:not(.navigation-portrait) .nav-dropdown>li>ul>li>ul>li>ul>li>ul>li>a { padding-left: 110px }
  .navigation:not(.navigation-portrait) .submenu-indicator { right: 0; top: 0 }
  .navigation:not(.navigation-portrait) .nav-dropdown .submenu-indicator .submenu-indicator-chevron { -ms-transform: rotate(45deg); transform: rotate(45deg) }
}

#main-slider { aspect-ratio: 1600 / 600; }
@media (min-width: 1600px) { #main-slider { aspect-ratio: auto; min-height: 600px; } }


/* --- Mobile horizontal-overflow fix (28 Oct 2026) --- */
@media (max-width: 767px) {
  table.blog-table,
  .blog-page-wrapper table,
  .blog-container table {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .blog-page-wrapper img,
  .blog-container img {
    max-width: 100%;
    height: auto;
  }
  ul.social-icons {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
    margin-left: 0;
    padding-left: 0;
    list-style: none;
  }
  ul.social-icons li { margin: 0 8px 8px 0; }
  ul.social-icons img { max-width: 100%; height: auto; }
}