:root {
  --brand-navac-orange: #F36E22;
  --brand-navac-dark: #000;
  --brand-navac-light-orange: #f79964;
  --brand-navac-lighter-yellow: #FFE08A;
  --brand-navac-darker-orange: #b8490a;
  --brand-navac-placeholder-gray: #B9B9BE;
  --brand-navac-btn-gray: #E8E8E9;
  --brand-navac-btn-ligther-gray: #F0F0F0;
  --brand-navac-font: "Montserrat", sans-serif;
}

.navac-header a {
  outline: none;
  text-decoration: none;
}

.navac-header a:focus,
a:visited {
  outline: none;
}

/* ********* HEADER ********* */
.navac-header {
  width: 100vw !important;
  position: relative;
  margin-left: -50vw;
  left: 50%;
  box-sizing: border-box;
  border: 0;
  font-family: var(--brand-navac-font);
  box-shadow: 0 5px 0 0 var(--brand-navac-orange);
  background: radial-gradient(circle at 50% 200%, rgb(46, 46, 46) -1%, rgba(0, 0, 0, 1) 41%);

}

.navac-header>.row-fluid {
  max-width: 1140px;
  margin: 0 auto;
  padding: 20px 7px;
}

.navac-header .span4.logo-navac-sws {
  width: 260px;
  padding-top: 7px;
}

.navac-header .subheading-nav {
  margin-top: 0px;
}

.row-fluid.navbar.taxonomy-breadcrumbs.sws-breadcrumbs {
  display: none;
}

/* ********* NAV ********* */

.navbar .nav.navbar-navac-subsite {
  margin-right: 0;
  width: 100%;

  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -webkit-box-flex-wrap: nowrap;
  -moz-box-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.navbar .nav.navbar-navac-subsite>li.home-btn {
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin: auto 10px;
}

.navbar .nav.navbar-navac-subsite>li {
  -webkit-box-flex: 4 1 auto;
  -moz-box-flex: 4 1 auto;
  -webkit-flex: 4 1 auto;
  -ms-flex: 4 1 auto;
  flex: 4 1 auto;
  margin: auto 1.2em;
  text-align: center;
}

.navbar .nav.navbar-navac-subsite>li:first-child i.icon-home,
li.home-btn.active-animation.dropdown i.icon-home.icon-blue {
  background-image: url(/images/pages/navac/navac-glyphicons-halflings.png);
  /* margin-top: 4px; */
}

.navac-header .row-fluid .navbar.navbar-inner-navac-subsite {
  float: right;
}

.navac-header .subheading-nav {
  width: 71% !important;
  float: right;
}

.navac-header .row-fluid .navbar .nav-collapse.sws.collapse {
  margin-top: 10px;
}

.navbar-navac-subsite a.nav-home-icon>i {
  margin-top: 3px;
  display: inline-block;
  vertical-align: text-top;
}

.navbar.navbar-inner-navac-subsite .nav>li>a {
  text-shadow: none;
  color: #fff;
  font-weight: 400;
  display: block;
  font-size: 18px;
  white-space: break-spaces;
}

.navbar.mshow.navac-header-nav .dropdown-menu li>a:active {
  background: linear-gradient(90deg, rgba(184, 73, 10, 1) 13%, rgba(243, 110, 34, 1) 79%) !important;

}

.navbar .dropdown-menu li>a:focus,
.navbar .dropdown-menu li>a:focus-visible,
.navbar .nav>li>a:focus,
.navbar .nav>li>a:focus-visible {
  outline: none;
  box-shadow: none;
  background-color: unset !important;
}

/* home button */
.navbar.navbar-inner-navac-subsite .nav> :first-child>a {
  padding: 10px 0px 18px !important;
}

.navbar.navbar-inner-navac-subsite .nav>li>a>img {
  width: 18px;
  height: auto;
}

.navbar.navbar-inner-navac-subsite.mhide .dropdown-menu.navac-whole-cateogies-list-menu {
  width: 494px;
  left: 0px !important;
  border-radius: 3px;
}

/* firefox */

@supports (-moz-appearance: none) {
  .navbar.navbar-inner-navac-subsite.mhide .dropdown-menu.navac-whole-cateogies-list-menu {
    width: 504px;
  }


}

.navbar .nav>li>.navac-whole-cateogies-list-menu.dropdown-menu:before,
.navbar .nav>li>.navac-whole-cateogies-list-menu.dropdown-menu:after {
  display: none;
}

.dropdown-menu.navac-whole-cateogies-list-menu li a {
  white-space: break-spaces;
  padding: 10px 6px 10px 0 !important;
  line-height: 22px;
  font-weight: 400;
  font-size: 16px;
  color: var(--brand-navac-dark);
  text-align: left;
}

.navac-whole-cateogies-list-menu ul {
  list-style: none;
  margin-left: 0;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 10px;
  box-sizing: border-box;
  /* width:50%; */
  float: left;
}


.dropdown-header p {
  color: var(--brand-navac-logo-blue) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  text-decoration: underline solid 3px #F47E3A;
  text-underline-offset: 0.3rem;
  text-align: left;
}

.view-all-li a {
  color: var(--brand-navac-logo-blue) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 26px !important;
}

.navac-whole-cateogies-list-menu ul:nth-child(2) {
  border-left: 1px solid #c8cfde;
}

.navac-whole-cateogies-list-menu ul:last-child li {
  border-right: none;
}

.navbar-navac-subsite .dropdown-menu li.dropdown-header {
  border-top: 1px solid #d5d5d5;
  margin-top: 5px;
}

.navbar-navac-subsite .dropdown-menu li.dropdown-header>a,
.navbar-navac-subsite .dropdown-menu li.dropdown-header>a:hover {
  font-weight: 700 !important;
  color: #333;
  padding: 5px 10px;
  text-transform: uppercase;
  margin-top: 5px;
}

.navbar-navac-subsite .dropdown-menu li.dropdown-header:first-child,
.navbar-navac-subsite .dropdown-menu li.dropdown-header:first-child>a {
  border-top: none;
  margin-top: 0;
  margin-bottom: 1em;
}

ul.dropdown-menu.navac-whole-cateogies-list-menu {
  padding: 16px 16px 10px 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 1px 4px 8px rgba(0, 0, 0, 0.2);
}

.navbar-navac-subsite .hover-underline-animation a {
  padding: 16px 0px 16px !important;
}

/* NAV HOVER COLOURS */
.navbar.navbar-inner-navac-subsite .nav>li>a:active,
.navbar .nav.navbar-navac-subsite li.dropdown.open>.dropdown-toggle,
.navbar .nav.navbar-navac-subsite li.dropdown.active>.dropdown-toggle,
.navbar .nav.navbar-navac-subsite li.dropdown.open.active>.dropdown-toggle {
  color: var(--brand-navac-orange);
  background: unset;
}

.hover-underline-animation {
  display: inline-block;
  position: relative;
  color: var(--brand-navac-orange);
}

.hover-underline-animation::before {
  display: block;
  content: "";
  /* Add content after the element */
  position: absolute;
  /* Position absolute for pseudo-element */
  width: 100%;
  transform: scaleX(0);
  height: 4px;
  /* Height of the underline */
  bottom: 0;
  left: 0;
  background-color: var(--brand-navac-orange);
  /* Background color of the underline */
  transition: transform 0.3s ease-out;
  /* Transition effect for the underline */
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}

.active,
.hover-underline-animation:hover::before {
  transform: scaleX(1);
  /* Scale the underline on hover */
  visibility: visible;
}

.active,
.hover-underline-animation {
  position: relative;
}

.active,
.hover-underline-animation::after {
  background-color: rgb(var(--brand-gasclip-button-blue), 20%);
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}

/*dropdown*/
.navbar-navac-subsite .dropdown-menu li>a:hover,
.navbar-navac-subsite .dropdown-menu li>a:focus,
.navbar-navac-subsite .dropdown-submenu:hover>a,
.navbar-navac-subsite .dropdown-submenu:focus>a,
.navbar-navac-subsite .dropdown-menu li>a:active,
.navbar-navac-subsite .dropdown-submenu:active>a {
  color: var(--brand-navac-orange) !important;
  text-decoration: none;
  background-image: none;
  background-color: #ffffff !important;
}

/*Search bar*/
.navac-search form#ProductDisplayForm button.btn.btn-default {
  border: 2px 0px solid var(--brand-navac-light-orange);
  background-color: #fff;
  border-radius: 0 4px 4px 0;
  margin-top: 0px;
  height: 36px !important;
  /* margin-left: -5px; */
}

.navac-search form#ProductDisplayForm button.btn.btn-default i.icon-search,
.navac-mobile .mobile-search button .icon-search {
  margin-top: 1px !important;
  background-image: url(/images/pages/navac/navac-glyphicons-halflings.png);
}

.navac-search.input-append {
  margin-left: 0;
  padding-right: 5px;
}

.navac-search input#ProductSearch.appendInputButton {
  border-radius: 4px 0 0 4px;
  color: #fff;
  border: 2px solid #fff;
  background-color: unset;
}

.navac-search input.refine-search.appendInputButton:focus,
.navac-search input.refine-search.appendInputButton:focus:invalid:focus {
  color: #093254;
  box-shadow: unset
}

.navac-search input.refine-search.appendInputButton::-webkit-input-placeholder {
  /* Chrome, Opera, Safari */
  color: var(--brand-gasclip-button-blue);
}

.navac-search input.refine-search.appendInputButton:-moz-placeholder {
  /* Firefox 4-18 */
  color: var(--brand-gasclip-button-blue);
}

.navac-search input.refine-search.appendInputButton::-moz-placeholder {
  /* Firefox 19+ */
  color: var(--brand-gasclip-button-blue);
}

.navac-search input.refine-search.appendInputButton:-ms-input-placeholder {
  /* IE 10-11 */
  color: var(--brand-gasclip-button-blue);
}

.navac-search input.refine-search.appendInputButton::-ms-input-placeholder {
  /* MS Edge */
  color: var(--brand-gasclip-button-blue);
}

.navac-search input.refine-search.appendInputButton::placeholder {
  /* your styles */
  color: var(--brand-gasclip-button-blue);
}

/* --- FRENCH --- */

.navbar.navbar-inner-navac-subsite.navbar-inner-navac-subsite-french.mhide .dropdown-menu.navac-whole-cateogies-list-menu {
  width: 538px;
}

.sws-navac-buttons-fr .navac-item img{
  height: 144px;
}

/* --- END FRENCH --- */


/* ********* END HEADER ********* */
/* ********* HEROS ********* */

.navac-sws-store #myCarousel .hero-section {
  background-image: url(/images/pages/navac/navac-diamond-pattern.png);
  background-repeat: repeat;
}

.navac-sws-store #myCarousel .hero-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle, rgb(46 46 46) 0%, rgba(0, 0, 0, 1) 64%);
  opacity: 0.97;
  pointer-events: none;
}

/* Set a fixed height for the carousel inner to prevent jumping */
.navac-sws-store #myCarousel .carousel-inner.hero-section,
.navac-sws-store #myCarousel .carousel-inner.hero-section-french {
  margin-top: -10px;
  height: 374px;
}

.navac-sws-store #myCarousel .hero-content {
  width: 1170px;
  display: grid;
  grid-template-columns: 4fr 3fr;
  height: 100%;
  margin: 0 auto;
}

.navac-sws-store #myCarousel .text-content {
      color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 2.5em;
}

.navac-sws-store .carousel-item-main-mobile{
   height: 100%;
}


.navac-sws-store #myCarousel .image-content {
  text-align: center;
  display: flex;
  align-items: center;
}

.navac-sws-store #myCarousel .carousel-01 .image-content img {
    height: auto;
    width: 50%;
}

.navac-sws-store #myCarousel .carousel-02 .image-content img {
  width: 75%;
  height: auto;

}

.navac-sws-store #myCarousel .carousel-03 .image-content img {
      height: auto;
    margin-top: 20px;
    width: 78%;
}

.navac-sws-store #myCarousel .carousel-04 .image-content img {
  height: 354px;
  margin-top: -31px;
}

.carousel-control-new {
  color: white;
  font-size: 20px;
  /* Adjust the size of the arrow */
  position: absolute;
  /* Position the arrows */
  top: 50%;
  /* Position vertically in the middle */
  transform: translateY(-50%);
  /* Adjust vertical position */
  text-shadow: 1px 0px 2px rgba(0, 0, 0, 1) !important;
}

.carousel-control-new.left {
  left: 10px;
  /* Position the left arrow */
}

.carousel-control-new.right {
  right: 10px;
  /* Position the right arrow */
}

.carousel-top.navac-sws-store {
  margin-top: 0px;
  width: 100vw !important;
  position: relative;
  margin-left: -50vw;
  left: 50%;
  margin-bottom: 30px;
}

/* Other Carousel Styles */
.navac-sws-store #myCarousel h2 {
  font-size: 40px;
  margin-bottom: 15px;
  color: #fff;
  line-height: 100%;
  letter-spacing: 0.5px;
  font-weight: 600;
  font-family: var(--brand-navac-font);
  text-transform: uppercase;
  margin-right: 20px;
  line-height: 45px;
  margin-top: 0px;
}

.navac-sws-store #myCarousel h3 {
  color: #fff;
  font-weight: 600;
  font-size: 24px;
  font-family: var(--brand-navac-font);
  padding-bottom: 1em;
  padding-right: 3em;
}

.navac-sws-store #myCarousel .carousel-btn {
  color: var(--brand-navac-orange);
  background-color: unset;
  text-transform: uppercase;
  border-radius: 4px;
  margin-top: 0px;
  font-size: 16px;
  display: inline-flex;
  font-family: var(--brand-navac-font);
  font-weight: 900;
}

.navac-sws-store #myCarousel .carousel-btn:hover {
  color: #fff;
  transition: 0.3s;
}

/* ********* END Heroes ********* */

/* ********* BUTTONS ********* */

.sws-navac-buttons .navac-grid-item img {
  box-sizing: border-box;
  transition: 0.15s ease-in-out;
  max-height: 200px;
}

.navac-item .application-title {
  font-size: 18px;
  font-weight: 900;
  color: var(--brand-navac-dark);
  text-align: center;
  line-height: 26px;
  font-family: var(--brand-navac-font);
  text-shadow: 0px 0px 20px rgba(240, 240, 240, 1), 0px 0px 20px rgba(240, 240, 240, 1), 0px 0px 20px rgba(240, 240, 240, 1), 0px 0px 10px rgba(240, 240, 240, 1), 0px 0px 10px rgba(240, 240, 240, 1);
}

.navac-item a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  opacity: 0.2;
  z-index: 1;
  filter: grayscale(1);
}

.navac-item a:hover::before {
  opacity: 0.6;
  filter: grayscale(0);
  transition: 0.3s ease;
}

.navac-item a p {
  position: relative;
  z-index: 2;
}

.navac-item.btn-01 a::before {
  background-image: url(/images/pages/navac/NAVAC-NP5DP.webp);
}

.navac-item.btn-02 a::before {
  background-image: url(/images/pages/navac/NAVAC-NEF6LM.webp);
  background-position-y: 21%;
}

.navac-item.btn-04 a::before {
  background-image: url(/images/pages/navac/NAVAC-NRDC4M.png);
  background-size: 80%;
  background-repeat: no-repeat;
}

.navac-item.btn-05 a::before {
  background-image: url(/images/pages/navac/NAVAC-N2A4.webp);
  background-size: 70%;
  background-repeat: no-repeat;
  background-position-y: 50%;
}

.navac-item.btn-06 a::before {
  background-image: url(/images/pages/navac/NAVAC-NX1-Gauge.webp);
  background-size: 80%;
  background-repeat: no-repeat;
}

.navac-item.btn-07 a::before {
  background-image: url(/images/pages/navac/NAVAC-NEVK.webp);
}

.navac-item.btn-08 a::before {
  background-image: url(/images/pages/navac/NAVAC-F1029-Speed.webp);
  background-repeat: no-repeat;
  background-position-y: 30%;
  background-size: 90%;
}

.navac-item a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}

.navac-item.side-ad .navac-side-ad-title p.application-title {
  font-size: 20px;
  font-weight: 900;
  color: var(--brand-navac-orange);
  text-align: center;
  line-height: 22px;
  font-family: var(--brand-navac-font);
  margin: 10px 0px 5px 0px;
}

.navac-flex-container {
  display: flex;

}

.navac-item {
  background-image: linear-gradient(to right, var(--brand-navac-btn-gray), var(--brand-navac-btn-ligther-gray));
  border-radius: 6px;

}

.navac-application {
  height: 100%;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  padding-inline: 20px;
  flex-direction: row-reverse;
}

.navac-item img {
  height: 166px;
}

.navac-item.btn-05,
.navac-item.btn-06,
.navac-item.btn-08,
.navac-item.btn-09,
.navac-item.btn-12 {
  position: relative;
}

.navac-item.btn-02 img {
  height: 131px;
  margin-bottom: -10px;
}

.navac-item.btn-05 img {
  position: absolute;
  bottom: 0px;
  right: 20px;
  height: 131px;
}

.navac-item.btn-06 img {
  position: absolute;
  top: 0px;
  right: 20px;
  height: 145px;
}

.navac-item.about-navac-btn img {
  height: 100px;
}

.navac-item.btn-08 img {
  position: absolute;
  bottom: 0px;
  right: 0px;
}

.navac-item.btn-09 img {
  position: absolute;
  top: 0px;
  right: 20px;
  height: 146px;
}

.navac-item.btn-11 img {
  height: 130px;
  margin-top: -8px;
}

.navac-item.btn-12 img {
  position: absolute;
  bottom: 0px;
  right: 0px;
  height: 134px;
}

.navac-grid-container .navac-item> {
  margin-inline: 20px;
  margin-top: -5px;
}


.navac-item.side-ad {
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 1;
  grid-row-end: 3;
  padding: 1em;
  background-image: url(/images/pages/navac/navac-diamond-grey-pattern.webp);
  background-repeat: repeat;
  height: 290px;
  max-height: 300px;
}

.sws-navac-buttons .navac-grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
  gap: 1.5em;
  margin-bottom: 2.5em;
  width: 100%;

}

.qa img {
  height: 80px;
}

/*Side ad*/
.navac-side-ad-cta a {
  width: fit-content;

}

.navac-application-img {
  grid-area: 1 / 2 / 6 / 3;
}

.side-ad-btn {
  color: #000;
  border: 2px solid var(--brand-navac-orange);
  margin-top: 0px;
  font-size: 14px;
  padding: 5px 21px;
  display: inline-flex;
  font-family: var(--body-gasclip-font);
  font-weight: 600;
  background-color: #ffffff;
  margin-inline: auto;
}

.side-ad-btn:hover {
  color: var(--brand-navac-orange);
  border: 2px solid var(--brand-navac-orange);
  background-color: unset;
  text-decoration: none;
  transition: 0.3s;
}

.navac-item.side-ad .navac-side-ad-subtitle p.application-subtitle {
  font-size: 16px;
  font-weight: 700;
  color: var(--brand-navac-dark);
  margin-bottom: 15px;
  line-height: 20px;
  text-align: center;
}


/*Buttons hover*/
.navac-item:hover .application-title {
  transition: 0.15s ease-in-out;
  grid-area: 1 / 1 / 3 / 2;

}

.navac-item:hover:not(.side-ad) {
  box-shadow: 2px 3px 6px 1px rgba(73, 80, 87, 0.25);
  -webkit-box-shadow: 2px 3px 6px 1px rgba(73, 80, 87, 0.25);
  -moz-box-shadow: 2px 3px 6px 1px rgba(73, 80, 87, 0.25);
  border: none;
  border-bottom: 5px solid var(--brand-gasclip-logo-blue);
  overflow: hidden;
}

/* --- FRENCH --- */


/* --- END FRENCH --- */

/* ********* About Page ********* */
.about-navac {
  font-family: var(--brand-navac-font);
}

.about-navac p,
.about-navac h5 {
  font-size: 16px;
  line-height: 200%;

}

.about-navac-content .about-navac-content-01 h3 {
  color: var(--brand-navac-orange)
}

.about-navac-hero .about-navac-container {
  padding-block: 100px;
}

.about-navac-container {
  margin: 0 auto;
  width: 1170px;
  padding: 40px 20px;
  text-align: center;
  z-index: 2;
  max-width: 100%;
}

.about-navac-content .about-navac-content-02 .about-navac-container {
  padding-top: 80px;
}

.about-navac-content-01 .about-navac-container {
  margin-left: -20px;

}

.about-navac-hero {
  background: radial-gradient(circle, rgb(46, 46, 46) 0%, rgba(0, 0, 0, 1) 64%);
  width: 100vw;
  height: 400px;
  position: relative;
  left: 50%;
  transform: translate(-50%, 0%);
  z-index: -1;
  clip-path: polygon(100% 0, 100% 75%, 50% 100%, 0% 75%, 0 0);
  margin-top: -20px;
}

.about-navac-hero::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('/images/pages/navac/about-navac-bg.webp') no-repeat center/cover;
  opacity: 0.15;
  z-index: -1;
  background-size: 105%;
}

.about-navac-container {
  padding-block: 40px;

}

.about-navac-container h1 {
  color: #fff;
}

.about-navac-container img {
  width: 300px;
}

.about-navac-content-02 {
  margin-top: 0px;
  width: 100vw !important;
  position: relative;
  margin-left: -50vw !important;
  left: 50%;
  background-image: url(/images/pages/navac/navac-diamond-pattern.png);
  background-repeat: repeat;
  clip-path: polygon(50% 20%, 100% 0, 100% 100%, 0 100%, 0 0);
  color: #fff;
  z-index: -1;
  padding-top: 30px;
}

.about-navac-content-02 h3,
.about-navac-content-02 h5,
.about-navac-content-02 p,
.about-navac-content-03 h3,
.about-navac-content-03 h5,
.about-navac-content-03 p {
  color: #fff;

}

.about-navac-content-02::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle, rgb(46 46 46) 0%, rgba(0, 0, 0, 1) 64%);
  opacity: 0.97;
  pointer-events: none;
  z-index: -2;
}

.about-navac-content-03 {
  margin-top: 0px;
  width: 100vw !important;
  position: relative;
  margin-left: -50vw !important;
  left: 50%;
  background-image: url(/images/pages/navac/navac-diamond-pattern.png);
  background-repeat: repeat;
  color: #fff !important;
  z-index: -2;
}

.about-navac-content-03::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--brand-navac-orange);
  opacity: 0.97;
  pointer-events: none;
  z-index: -1;
}

.about-navac-content-04 {
  margin-top: 0px;
  width: 100vw !important;
  position: relative;
  margin-left: -50vw !important;
  left: 50%;
  background-image: url(/images/pages/navac/navac-diamond-grey-pattern.webp);
  ;
  background-repeat: repeat;
  color: #000 !important;
  margin-bottom: -15px;
}

/*********/


/* --- FRENCH --- */

/* --- END FRENCH --- */
/* ********* END About Page ********* */

@media (max-width: 1199px) {

  /* ********* HEADER ********* */
  .navbar .nav.navbar-navac-subsite>li {
    margin: auto 0.2em;
  }

  .navac-header>.row-fluid {
    max-width: 940px;
    margin: 0 auto;
  }

  .navac-header .span4.logo-navac-sws {
    width: 250px;
    margin-left: 15px;
  }

  .navac-header .row-fluid .navbar.navbar-inner-navac-subsite {
    width: 630px;
  }

  .navac-search.input-append {
    width: 92%;
  }

  .span8.subheading-nav {
    margin: 0;
  }

  .navbar-navac-subsite .hover-underline-animation a {
    padding: 16px 6px 16px !important;
  }

  .navac-header .span8.subheading-nav {
    width: 75%;
  }

  .navbar .nav.navbar-navac-subsite {
    display: -moz-box;
    display: -ms-flexbox;
  }

  .navbar.navbar-inner-navac-subsite.mhide .dropdown-menu.navac-whole-cateogies-list-menu {
    width: 299px;
  }

  @supports (-moz-appearance: none) {

    .navbar.navbar-inner-navac-subsite.mhide .dropdown-menu.navac-whole-cateogies-list-menu {
      width: 288px;
    }

  }

  .sws-navac-buttons-fr .navac-item.side-ad .navac-application-img img{
    height: 90px;
  }

  .navac-sws-store #myCarousel .carousel-01 .image-content img{
    margin-top: 20px;
  }

  .navac-sws-store #myCarousel .text-content {
    padding-left: 2em;
  }

  /* ********* NAV ********* */

  .hover-underline-animation::before {
    opacity: 0;
  }

  .navac-sws-store #myCarousel .hero-content {
    grid-template-columns: 1fr 1fr;
  }

  /* ********* END HEADER ********* */

  .navac-sws-store #myCarousel .hero-content {
    width: 940px;
  }

  .navac-sws-store #myCarousel .carousel-02 .image-content img {
    margin-top: 18px;
  }

  /* ********* BUTTONS ********* */

  .navac-application-title .application-title {
    font-size: 13px;
    line-height: 16px;
  }

  .navac-item.btn-12 img {
    height: 115px;
  }

  .navac-item.btn-09 img {
    right: 2%;
  }

  .navac-item.btn-08 img {
    height: 112px;
  }

  .navac-item .application-title {
    font-size: 16px;
  }

  /* Side Ad*/

  .navac-item.side-ad .navac-side-ad-subtitle p.application-subtitle {
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 0px;

  }

  

  .navac-side-ad-cta {
    margin-top: 1em;
  }

  .side-ad-btn {
    padding: 5px 15px;
    font-size: 12px;
  }

  .navac-item.side-ad img {
    height: 91px;
  }

  .navac-item.side-ad {
    padding-top: 1em;
  }

  .navac-item.side-ad {
    height: 230px;
  }

  .sws-navac-buttons .navac-grid-container {
    max-height: 807px;
  }

  .navac-item.side-ad .navac-side-ad-title p.application-title {
    margin: 5px 0px;
    font-size: 18px;
    line-height: 20px;
  }

  /* End Side Ad*/

  /* ********* About Page ********* */

  .about-navac-container {
    width: 80vw;
  }

  .about-navac-content-01 .about-navac-container {
    margin-left: auto;
  }

  .about-navac p,
  .about-navac h5 {
    font-size: 14px;
  }

  /* termina aqui */
  .row-fluid.about-navac-container {
    width: 90vw;
  }

  p.about-us-application-title-p {
    line-height: 26px;
    padding: 5px 28px 12px;
  }

  .about-third-col p.about-us-application-title-p {
    padding: 5px 34px 12px;
  }

  /* ********* END About Page ********* */

  .about-navac-main-content .span8 {
    width: 59%;
  }

  .row-fluid.about-navac-container p {
    padding: 0px;
  }

  .navbar.navbar-inner-navac-subsite.navbar-inner-navac-subsite-french.mhide .dropdown-menu.navac-whole-cateogies-list-menu {
    width: 543px;
  }

  .navac-sws-store #myCarousel .carousel-04 .image-content img {
    height: auto;
    margin-top: -27px;
    width: 342px;
  }

}

@media (max-width: 979px) {

  /* ********* HEADER ********* */
  .navbar-inner.navac-mobile {
    background: radial-gradient(circle at 50% 200%, rgb(46, 46, 46) -1%, rgba(0, 0, 0, 1) 41%);
  }

  .navac-mobile .span4 {
    margin: 24px 10px 1px 0px;
    width: 42%;
    max-width: 316px;
  }

  .navac-mobile img.brand.mobile-logo {
    width: 69%;
    padding: 10px 20px 10px 0px;
    margin-left: 0px;
  }

  .navac-mobile .span8 {
    width: auto;
    margin-bottom: 13px;
    float: none;
    overflow: hidden;
    margin-top: 1.65em;
  }

  .navac-sws-store #myCarousel .hero-content {
    width: 95vw;
    padding-inline: 20px;
  }

  /* ********* NAV ********* */
  .navbar.navbar-inner-navac-subsite .nav>li>a {
    font-size: 16px;
  }

  .navac-mobile .navbar-search {
    position: relative;
    float: left;
    margin-top: 10px;
    margin-bottom: 0 !important;
    max-width: 100%;
    margin-left: 0px !important;
    padding-left: 0px !important;
    padding-top: 0px !important;
    background-color: unset;
  }

  .navac-mobile .input-append input {
    border-radius: 4px 0 0 4px;
  }

  .navac-mobile .input-append .btn {
    margin-left: -1px;
    border: 0px;
    padding: 6px 14px;

    background-color: #fff;
    border-radius: 0 4px 4px 0;
    margin-top: 0px;
    height: 36px !important;
  }

  .navac-mobile .mobile-search .navbar-search #ProductSearch {
    border-radius: 4px 0 0 4px;
    color: #fff;
    border: 2px solid #fff;
    background-color: unset;
  }

  .navac-mobile .mobile-search .navbar-search #ProductSearch:focus:invalid:focus {
    box-shadow: unset;
  }


  .carousel-top.navac-sws-store {
    margin-top: 25px;
  }

  .navac-sws-store #myCarousel .carousel-inner.hero-section,
  .navac-sws-store #myCarousel .carousel-inner.hero-section-french {
    margin-top: -18px;
  }

  .navac-mobile-sub-nav#mobile-sws-1 {
    border-top: 1px solid #000;
  }

  .navac-mobile-sub-nav {
    margin-top: -1px;
  }

  /****** English ******/
  li.home-btn.active-animation.dropdown {
    width: 14.5%;
  }

  .navac-mobile #SWS-mobile-first-nav {
    width: 35%;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
  }

  .navac-mobile #SWS-mobile-third-nav {
    width: 43%;
  }

  .navac-mobile #SWS-mobile-hamburger-nav {
    width: 7%;
    border-left: 1px solid #000;
  }

  /****** End English ******/

  /* HUMBURGER */
  .navac-mobile .sws-mobile-header-nav .btn-navbar {
    background-color: var(--brand-navac-orange);
    border-image: initial;
    outline: none;
    margin: 0px;
    padding: 4px 0px;
    width: 100%;
    float: none;
    box-sizing: border-box;
    border-radius: 0;
    border: none;
    margin-block: 0px;
    height: 27px;
  }

  .navbar .navac-mobile .btn-navbar .icon-bar,
  .navbar .fnavac-mobile .btn-navbar:hover .icon-bar {
    width: 100%;
    max-width: 20px;
    background-color: #000 !important;
    box-shadow: none;
    margin: 3px auto 3px;
  }

  /* END HAMBURGER */

  .navac-mobile #mobile-sws-3 {
    top: -28px;
    background: var(--brand-navac-orange);
  }

  /** Moves the PRODUCTS section to the TOP and align it with the Hamburger button **/
  .navac-mobile .sws-mobile-header-nav .navbar-navac-subsite-mobile {
    background-color: var(--brand-navac-orange);
    width: 100%;
    margin-top: 1px !important;
    left: 0px !important;
    border-radius: 0px;
    margin-right: 0px;
  }

  /* Safari */
  @supports (-webkit-touch-callout: none) {
    .navac-mobile .sws-mobile-header-nav .navbar-navac-subsite-mobile {
      margin-bottom: 0px;

    }
  }

  .navac-mobile .mobile-sws-nav-rest {
    margin-bottom: -28px !important;
  }

  .navac-header-nav .sws-mobile-header-nav {
    margin-top: 38px;
  }

  .navac-header-nav .row-fluid.sws-mobile-header-nav.accordion {
    background-color: var(--brand-navac-orange);

  }

  .navac-mobile .sws-mobile-header-nav .nav>li>a {
    background: var(--brand-navac-orange);
    font-size: 15px;
    color: var(--brand-navac-dark) !important;

    text-align: center;
    text-transform: uppercase;
    border: none;
    font-weight: 600;
    padding: 3.5px;
  }

  .navac-mobile .sws-mobile-header-nav .nav>li>a:hover,
  .navac-mobile .sws-mobile-header-nav .btn-navbar:hover {
    background: rgb(184, 73, 10);
    background: -moz-linear-gradient(0deg, rgba(184, 73, 10, 1) 31%, rgba(243, 110, 34, 1) 89%);
    background: -webkit-linear-gradient(0deg, rgba(184, 73, 10, 1) 31%, rgba(243, 110, 34, 1) 89%);
    background: linear-gradient(0deg, rgba(184, 73, 10, 1) 31%, rgba(243, 110, 34, 1) 89%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b8490a", endColorstr="#f36e22", GradientType=1);

  }

  li.home-btn.active-animation.dropdown a {
    padding-bottom: 3.5px;
  }

  .navac-mobile li.home-btn.active-animation.dropdown:hover i.icon-home.icon-blue {
    background-image: url(/images/pages/navac/navac-glyphicons-halflings-white.png);
  }

  .navac-mobile .sws-mobile-header-nav .nav>li:nth-child(3):hover a {
    margin-right: -1px;
  }

  .navac-mobile .navac-mobile-sub-nav .nav .dropdown-sup a {
    border-radius: 0px;
    text-align: left;
    padding-left: 10px;
    margin-block: 0px;
  }

  .navac-mobile .navac-mobile-sub-nav .nav .dropdown-sup .dropdown-toggle {
    width: 92%;
    border-radius: 0px;
    text-align: left;
    padding-left: 10px;
    margin-block: 0px;

  }

  /** PRODUCTS DROPDOWN in "a" tag **/


  .navac-mobile .navac-mobile-sub-nav .nav .dropdown.open>.dropdown-toggle {
    background-color: var(--brand-gasclip-button-blue);
    color: var(--brand-gasclip-logo-blue);
  }

  .navac-mobile .navac-mobile-sub-nav .nav .dropdown-sup .dropdown-toggle:active {
    background-color: var(--brand-gasclip-button-blue) !important;
    color: var(--brand-gasclip-logo-blue) !important;
  }

  .navac-mobile .navac-mobile-sub-nav .nav>li:nth-child(3):hover a {
    margin-right: 0px;
  }

  .navac-mobile-sub-nav .accordion-inner .accordion-inner-sub.dropdown-menu li.mob-view-all>a,
  .navbar-navac-subsite-mobile .nav-collapse .open>.dropdown-menu li.mob-view-all>a {
    font-weight: 600 !important;
  }

  /** DROPDOWN ABOUT US margin-right->0 **/
  .navbar-navac-subsite-mobile .nav-collapse .open>.dropdown-menu li>a,
  .navbar-navac-subsite-mobile .nav-collapse .open>.dropdown-menu li>strong>a,
  .navac-mobile-sub-nav .accordion-inner .accordion-inner-sub.dropdown-menu li>a {
    font-size: 16px;
    line-height: 22px;
    padding: 5px 0px 5px 10px;
    color: var(--brand-navac-dark) !important;

    font-weight: 500;
    margin-bottom: 2px;
    border: none;
    white-space: break-spaces;
  }

  .navbar-navac-subsite-mobile .nav-collapse .open>.dropdown-menu li>a:hover,
  .navbar-navac-subsite-mobile .nav-collapse .open>.dropdown-menu li>strong>a:hover,
  .navac-mobile-sub-nav .accordion-inner .accordion-inner-sub.dropdown-menu li>a:hover,
  .navac-mobile-sub-nav .accordion-inner .accordion-inner-sub.dropdown-menu li>strong>a:hover {

    background: rgb(184, 73, 10);
    background: -moz-linear-gradient(90deg, rgba(184, 73, 10, 1) 13%, rgba(243, 110, 34, 1) 79%);
    background: -webkit-linear-gradient(90deg, rgba(184, 73, 10, 1) 13%, rgba(243, 110, 34, 1) 79%);
    background: linear-gradient(90deg, rgba(184, 73, 10, 1) 13%, rgba(243, 110, 34, 1) 79%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b8490a", endColorstr="#f36e22", GradientType=1);
  }

  .navac-mobile .accordion-inner .accordion-inner-sub {
    display: block;
    margin: 0 auto;
  }

  .navac-mobile .accordion-inner .accordion-inner-sub li {
    list-style: none;
  }

  .navac-mobile .navac-mobile-sub-nav .dropdown-sup .dropdown-menu {
    margin-left: 0px;
  }

  .navac-mobile .navac-mobile-sub-nav .accordion-inner .mshow .nav {
    margin-bottom: 0px;
  }

  .navac-mobile .navac-mobile-sub-nav .nav {
    margin: 0;
    padding: 0;
  }

  .navac-mobile #mobile-sws-1.navac-mobile-sub-nav .nav {
    margin: 0;
    padding: 10px;
    width: 100%;
    float: left;
    box-sizing: border-box;
    background-color: var(--brand-gasclip-button-blue);
    border-top: none;
  }

  .navac-mobile .sws-mobile-header-nav li.dropdown.dropdown-sup {
    border: none;
    clear: both;
    border-bottom: 1px solid #000;
  }

  .navac-mobile .sws-mobile-header-nav li:last-child.dropdown.dropdown-sup {
    margin-bottom: 0;
    border-bottom: none;
    border-top: 1px solid #000;
  }

  .navac-mobile .sws-mobile-header-nav li:first-child.dropdown.dropdown-sup ul.dropdown-menu .accordion-inner {
    width: 100%;
    float: left;
    box-sizing: border-box;
    margin-bottom: 5px;
    margin-top: 5px;
    background-color: transparent;
  }

  .navac-sws-store #myCarousel .carousel-02 .text-content,
  .navac-sws-store #myCarousel .carousel-01 .text-content {
    padding: 0.5em 2em;
  }

  .navac-sws-store {
    padding-top: 0px;
    margin-top: -27px;
  }

  .navac-sws-store #myCarousel .carousel-02 .image-content img {
    margin-top: 10px;
  }

  .navac-sws-store #myCarousel h2 {
       font-size: 30px;
    line-height: 34px;
  }

  .navac-sws-store #myCarousel .carousel-02 .image-content img {
    width: 275px;
  }

  

  .navac-sws-store #myCarousel h3 {
    font-size: 20px;
    padding-right: 0;
  }

  .navac-sws-store #myCarousel .carousel-inner.hero-section,
  .navac-sws-store #myCarousel .carousel-inner.hero-section-french {
    height: 292px;
  }


  .navac-sws-store #myCarousel .carousel-02 .text-content {
    padding-top: 2em;
  }

  .navac-sws-store #myCarousel .carousel-04 .image-content img {
    height: auto;
    margin-top: -17px;

  }


  /* ********* END HEADER ********* */

  /* ********* BUTTONS ********* */
  /* Side Ad*/

  .navac-application-img {
    grid-area: 1 / 2 / 3 / 4;
  }

  .navac-side-ad-subtitle {
    grid-area: 2 / 1 / 3 / 2;
  }

  .navac-side-ad-cta {
    grid-area: 3 / 1 / 4 / 4;
  }

  .navac-application-title .application-title,
  .navac-item.side-ad .navac-side-ad-title p.application-title {
    grid-area: 1 / 1 / 2 / 2;

  }

  .navac-item.btn-13 img {
    height: 99px;
    transform: rotate(30deg);
  }


  .navac-item img {
    max-height: 121px;
  }


  /* End Side Ad*/


  /* ********* END BUTTONS ********* */

  .about-navac-main-content .span8 {
    width: 46%;
  }

  .about-navac-main-content .span4 {
    min-width: 300px;
  }

  .about-navac-main-content .about-navac_history.date-03 .span6.image,
  .about-navac-main-content .about-navac_history.date-05 .span6.image {
    margin: -12px 0px -5px -5px;
  }

  .about-navac-main-content .span4 {
    display: none;
  }

  .navac-sws-store #myCarousel .carousel-01 .image-content img {
    margin-top: -16px;
  }
  .navac-sws-store #myCarousel .carousel-05 .image-content img {
  width: 80%;
  height: auto;
}

}

@media (max-width: 979px) and (min-width: 768px) {
  .row-fluid.point-down {
    padding: 0;
  }

  .navac-item.about-navac-btn img {
    height: 77px;
  }

  .navac-item.btn-12 {
    overflow: hidden;
  }
}

@media (max-width: 850px) and (min-width: 768px) {

  .navac-item.btn-12 img {
    height: 97px;
    right: -30px;
  }

  .navac-item.btn-01 img {
    max-height: 82px;
  }

  .navac-application {
    padding-inline: 15px;
  }
}

@media (max-width: 767px) {

  /* ********* HEADER ********* */
  .navbar-inner.navac-mobile {
    margin-left: -20px;
    margin-right: -20px;

  }

  .navac-sws-store #myCarousel .hero-section,
  .navac-sws-store #myCarousel .image-content {
    justify-content: start;
  }

  .navac-sws-store #myCarousel .image-content img {
    height: 300px;
    box-shadow: none;
  }

  .navac-sws-store #myCarousel .text-content,
  .navac-sws-store #myCarousel .carousel-02 .text-content {
    padding-top: 0;
    padding-right: 0;
  }

  .navac-sws-store #myCarousel .carousel-inner.hero-section,
  .navac-sws-store #myCarousel .carousel-inner.hero-section-french {

    box-shadow: none;
  }

  .navac-sws-store #myCarousel .text-content {
    margin-left: 0;
  }

  .navac-sws-store .sws-carousel-drop-shadow img {
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
  }

  .navac-sws-store #myCarousel h2 {
    margin-bottom: 10px;
    margin-top: 15px;
  }

  .navac-sws-store #myCarousel h3 {
    font-size: 20px;

  }

  .row-fluid.ipad-view-setting.sws-navac-buttons {
    margin-top: 2em;
  }

  .row-fluid.navac-sws-store.carousel-top ol.carousel-indicators.mshow.ipad-view-setting {
    margin-top: 1em;
    margin-bottom: 1em;
  }

  .sws-navac-buttons .navac-grid-container {
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
  }

  .navac-mobile #SWS-mobile-hamburger-nav {
    width: 6.95%;
  }

  .navac-mobile .sws-mobile-header-nav .navbar-navac-subsite-mobile {
    z-index: 9;
  }

  .navac-sws-store #myCarousel h3 {
    padding-bottom: 1em;
  }

  .carousel-top.navac-sws-store {
    margin-top: 0px;
    margin-bottom: 0px;
  }

 

  .navac-sws-store #myCarousel .carousel-01 .image-content img {
    width: 75%;
  }

  .navac-sws-store #myCarousel .hero-content{
    grid-template-columns: 3fr 2fr;
  }

  /* ********* END HEADER ********* */
  /* ********* BUTTONS ********* */
  .navac-flex-container {
    margin-bottom: 2em;
  }

  .navac-application-title .application-title {
    font-size: 16px;
    line-height: 23px;
  }

  .navac-item img {
    height: 100px;
  }

  .navac-item.btn-08 img {
    height: 92px;
  }

  .navac-item.btn-09 img {
    height: 128px;
  }

  .navac-item {
    height: 9em !important;
  }

  .qa img {
    height: 80px;
  }


  .navac-item.side-ad {
    display: none;
  }

  .navac-item:hover:not(.side-ad) {
    border: 1.5px solid var(--brand-gasclip-button-blue);
    border-bottom: 5px solid var(--brand-gasclip-logo-blue);
  }

  .navac-item.btn-11 img {
    height: 104px;
  }

  .sws-navac-buttons .navac-grid-container {
    gap: 1em;
  }

  /* ********* END BUTTONS ********* */
  .about-navac-main-content .span4 {
    display: none;
  }

  .about-navac-main-content .span8 {
    width: 100%;
    margin-right: 0px;
  }

  .navac-sws-store #myCarousel .carousel-04 .image-content img {
    margin-top: 12px;
  }

  .navac-sws-store #myCarousel .carousel-03 .image-content img {
    height: auto;
    width: 296px;
  }

}

@media (min-width: 601px) and (max-width:767px) {

  .row-fluid.about-navac-main-content p {
    padding-bottom: 0;
  }

  .row-fluid.ipad-view-setting.sws-navac-buttons {
    height: fit-content;
  }

  .navac-item.btn-12 img {
    height: 90px;
  }

  .navac-item.about-navac-btn img {
    height: 79px;
  }

}

@media (max-width: 600px) {
  .navac-mobile #SWS-mobile-first-nav {
    width: 30%;
  }

  .navac-mobile #SWS-mobile-third-nav {
    width: 48%;
  }

  .navac-mobile img.brand.mobile-logo {
    width: 80%;
  }

  .about-us-blue-col {
    width: 60%;
    margin: 0 auto;
  }

  .about-us-blue-col:not(:first-child) {
    margin-top: 3em;
  }

  p.about-us-application-title-p {
    line-height: 26px;
  }

  .about-us-application-title {
    padding-bottom: 1em;
  }

  li.home-btn.active-animation.dropdown {
    width: 14.2%;
  }

  .navac-mobile #SWS-mobile-hamburger-nav {
    width: 7.1%;
  }

  .navac-mobile .span4 {
    margin-top: 28px;
  }

  /****************/
  .navac-sws-store #myCarousel .hero-section {
    justify-content: start;
  }

  .navac-sws-store #myCarousel .image-content {
    order: -1;
    justify-content: center;
  }

  .navac-sws-store #myCarousel .image-content img {
    height: 250px;
    box-shadow: none;
  }

  .navac-sws-store #myCarousel .carousel-01 .image-content img {
    width: auto;
    height: 250px;
    margin-top: 0px;

  }

  .navac-sws-store #myCarousel .hero-section {
    padding-bottom: 4em;
  }

  .navac-sws-store #myCarousel h2 {
    margin-top: 10px;
    margin-bottom: 5px;
  }

  .navac-sws-store #myCarousel .carousel-01 h2 {
    margin-top: 0px;
    width: 80%;
  }

  .navac-sws-store #myCarousel h2 {
    font-size: 26px;
    line-height: 30px;
    text-align: center;
  }

  .navac-sws-store .carousel-01 .text-content,
  .navac-sws-store #myCarousel .carousel-02 .text-content,
  .navac-sws-store #myCarousel .carousel-03 .text-content,
  .navac-sws-store #myCarousel .carousel-04 .text-content ,
  .navac-sws-store #myCarousel .carousel-05 .text-content{
    padding: 2em 0;
    display: flex;
    align-items: center;
  }

  .navac-sws-store #myCarousel .carousel-01 .text-content {
    padding-top: 0.5em;
  }

  .navac-sws-store #myCarousel h3 {
    font-size: 18px;
    padding-bottom: 1em;
    line-height: 24px;
    text-align: center;
  }

  .navac-sws-store #myCarousel .text-content {
    padding-top: 0;
  }

  .navac-sws-store #myCarousel .carousel-inner.hero-section {
    height: 440px;
    box-shadow: none;
    display: block;
  }

  .navac-sws-store #myCarousel h3 {
    padding-right: 0px;
    width: 80%;
  }

  .navac-sws-store #myCarousel .hero-content {
    flex-direction: column;
  }

  .navac-sws-store #myCarousel .carousel-inner.hero-section-french {
    height: 434px;
    box-shadow: none;
  }

  .navac-sws-store #myCarousel h2 {
    margin-right: 0px;
  }

  .navac-sws-store #myCarousel .text-content {
    margin-left: 0;
    display: flex;
    flex-direction: column;
    padding-inline: 7vw;
  }

  .navac-sws-store #myCarousel .carousel-btn {
    padding: 12px 34px;
    display: flex;
    justify-content: center;
    width: 40%;
  }

  .navac-flex-container {
    height: fit-content;
  }

  .navac-application-title .application-title {
    font-size: 14px;
    line-height: 18px;
  }

  .navac-sws-store #myCarousel .image-content img {
    margin-right: 0px;
  }

  .navac-sws-store #myCarousel .hero-content {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
  }

  .navac-sws-store #myCarousel .hero-content {
    padding: 0px;
  }
  .navac-sws-store #myCarousel .carousel-05 .image-content img {
    height: 250px;
    width: auto;
  }

  /* .carousel-05 .text-nowrap
   {
    display: block;
    margin: 0 auto;

  } */
  /* .carousel-05 .text-nowrap, .carousel-05 .carousel-btn{} */

  /********/
  .row-fluid.about-navac-main-content p {
    padding-bottom: 0em;
  }

  .navac-grid-container.about-us-grid-container {
    grid-template-columns: repeat(1, 1fr);
  }

  .navac-item.btn-05 img {
    right: 0;
  }

  .navac-item.btn-12 img {
    right: -29px;
    height: 95px;
  }

  .navac-item.btn-12 {
    overflow: hidden;
  }

  .navac-item.about-navac-btn img {
    height: 64px;
    min-width: 64px;
  }

  .navac-item.btn-06 img {
    right: 0;
  }

  .navac-item.btn-02 img {
    height: 90px;
  }

  .navac-application {
    padding-inline: 10px;
  }

  .navac-item.btn-01 img {
    height: 74px;
  }

  .navac-item.btn-02 img {
    height: 93px;
  }

  .navac-item.btn-05,
  .navac-item.btn-06 {
    overflow: hidden;
  }

  .navac-item.btn-04 img {
    height: 83px;
  }

  .navac-item.btn-05 img {
    height: 100px;
    right: 10px;
  }

  .navac-item.btn-06 img {
    right: 10px;
    height: 106px;
  }

  .navac-item.btn-08 img {
    height: 87px;
  }

  .navac-item.btn-09 img {
    right: 10px;
  }

  .navac-item.btn-06 .application-title,
  .navac-item.btn-01 .application-title,
  .navac-item.btn-02 .application-title,
  .navac-item.btn-05 .application-title {
    width: 80%;
  }

  .navac-sws-store #myCarousel .carousel-03 .image-content img {
    height: 231px;
    width: auto;
  }

  .navac-sws-store #myCarousel .carousel-04 .image-content img {
    margin-top: 0px;
    width: 203px;
  }

  .navac-item.btn-11 img {
    height: 105px;
    min-width: 52px;
    margin-top: 0px;
  }

  .navac-item.btn-12 img {
    height: 98px;
  }

  .navac-sws-store #myCarousel .carousel-02 .image-content img {
    height: 211px;
    width: auto;
    margin-top: 0px;
  }

  .sws-navac-buttons .navac-grid-container {
    max-height: 543px;
  }

  .row-fluid.about-navac-container p {
    font-size: 14px;
  }
}

@media (min-width: 481px) and (max-width:980px) {

  ul.accordion-inner-sub.dropdown-menu,
  ul.accordion-inner.nav.mshow ul.accordion-inner-sub {
    width: 49%;
    display: inline-block !important;
    vertical-align: text-top;
  }
}

@media (max-width: 480px) {

  ul.accordion-inner-sub.dropdown-menu:first-child,
  ul.accordion-inner.nav.mshow ul.accordion-inner-sub:first-child {
    border-bottom: none;

  }

  .navac-mobile-sub-nav .accordion-inner .accordion-inner-sub.dropdown-menu li.mob-view-all>a,
  .navbar-navac-subsite-mobile .nav-collapse .open>.dropdown-menu li.mob-view-all>a {
    font-weight: 600 !important;
  }

  .navac-item img {
    height: 103px;
    min-width: 46px;
  }

  .qa img {
    height: 60px;
  }

  .navac-application-title .application-title {
    font-size: 14px;
    line-height: 22px;
  }

  .navac-item:not(.side-ad) {
    height: 7.5em;
  }

  .navac-sws-store #myCarousel .carousel-inner.hero-section,
  .navac-sws-store #myCarousel .carousel-inner.hero-section-french {
    min-height: 459px;
    max-height: 480px;
  }

  li.home-btn.active-animation.dropdown {
    width: 14%;
  }

  .navbar-inner.navac-mobile-french.navac-mobile #SWS-mobile-first-nav {
    width: 30%;
  }

  .navbar-inner.navac-mobile-french.navac-mobile #SWS-mobile-third-nav {
    width: 48%;
  }

  .navbar-inner.navac-mobile-french.navac-mobile .sws-mobile-header-nav .nav>li>a {
    font-size: 13px;
  }

  .navac-sws-store #myCarousel .carousel-btn {
    width: 50%;
  }

  .navac-header-nav .sws-mobile-header-nav {
    margin-top: 24px;
  }

  .navac-mobile .navbar-search {
    margin-top: 4px;
  }

  .navac-mobile .span8 {
    width: 100%;
  }

  .navac-item.btn-01 img,
  .navac-item.btn-02 img,
  .navac-item.btn-04 img {
    height: 60px;
  }

  .navac-item.btn-05 img {
    height: 83px;
  }

  .navac-item.btn-06 img {
    height: 100px;
  }

  .navac-item.btn-07 img {
    height: 76px;
  }

  .navac-item.btn-08 img {
    height: 82px;
    right: -19px;
  }

  .navac-item.btn-08 {
    overflow: hidden;
  }

  .navac-item.btn-09 img {
    right: -2px;
  }

  .navac-item.btn-09 .navac-application-title {
    width: 62%;
  }

  .navac-item.btn-12 .navac-application-title {
    width: 62%;
  }

  .navac-item.btn-02 img {
    height: 93px;
  }

  .row-fluid.about-navac-hero h1 {
    font-size: 60px;
    line-height: 100%;
  }

  .row-fluid.about-navac-hero.about-us-hero {
    height: 230px;
  }

  .navbar-navac-subsite-mobile .nav-collapse .open>.dropdown-menu li>a,
  .navbar-navac-subsite-mobile .nav-collapse .open>.dropdown-menu li>strong>a,
  .navac-mobile-sub-nav .accordion-inner .accordion-inner-sub.dropdown-menu li>a {
    font-size: 14px;
    line-height: 18px;
  }

}

@media (max-width: 399px) {
  .navbar-inner.navac-mobile-french.navac-mobile #SWS-mobile-first-nav {
    width: 24%;
  }

  .navbar-inner.navac-mobile-french.navac-mobile #SWS-mobile-third-nav {
    width: 52% !important;
  }

  .sws-navac-buttons .navac-grid-container {
    grid-template-columns: repeat(1, 1fr);
  }

  .navac-item:not(.side-ad) {
    height: 10em;
    margin: 0 2em;
  }

  .navac-application-title .application-title {
    font-size: 16px;
    line-height: 24px;
  }

  .navac-item img {
    height: 102px;
  }

  .sws-navac-buttons .navac-grid-container {
    gap: 1.5em;
    margin-bottom: 1em;
  }

  .qa img {
    height: 6em;
  }

  li.home-btn.active-animation.dropdown {
    width: 12%;
  }

  .navac-mobile #SWS-mobile-first-nav {
    width: 30%;
  }

  .navac-mobile #SWS-mobile-third-nav {
    width: 46%;
  }

  .navac-mobile #SWS-mobile-hamburger-nav {
    width: 10.9%;
  }

  .navac-mobile img.brand.mobile-logo {
    width: 94%;
    padding-top: 13px;
  }

  .navac-mobile .sws-mobile-header-nav .nav>li>a {
    font-size: 13px;
  }

  .navbar-inner.navac-mobile-french.navac-mobile .sws-mobile-header-nav .nav>li>a {
    font-size: 12px;
  }

  .navac-mobile .span4 {
    margin-top: 26px;
  }

  li.home-btn.active-animation.dropdown a {
    padding-bottom: 4px;
  }

  .about-us-blue-col {
    width: 80%;
  }

  .row-fluid.about-navac-container h2 {
    line-height: 100%;
  }

  .row-fluid.about-navac-main-content h2 {
    font-size: 32px;
    line-height: 108%;
  }

  .navac-sws-store #myCarousel .carousel-inner.hero-section,
  .navac-sws-store #myCarousel .carousel-inner.hero-section-french {
    max-height: 407px;
  }

  .navac-sws-store #myCarousel .hero-section {
    padding-bottom: 5em;
  }

  .navac-sws-store #myCarousel .carousel-btn {
    width: unset;
  }

  .navac-sws-store #myCarousel h2{
    font-size: 24px;
    line-height: 28px;
  }

  .navac-sws-store #myCarousel .image-content img,
  .navac-sws-store #myCarousel .carousel-01 .image-content img {
    height: 235px;
    padding-top: 0px;
  }

  .navac-item.btn-01 img {
    height: 74px;
  }

  .navac-item.btn-02 img {
    height: 87px;
  }

  .navac-item.btn-04 img {
    height: 83px;
  }

  .navac-item.btn-05 img {
    height: 113px;
    /* right: 2%; */
  }

  .navac-item.btn-06 img {
    right: 0px;
    height: 126px;
  }

  .navac-item.btn-08 img {
    height: 97px;
  }

  .navac-flex-container {
    height: 1040px;
  }

  .navac-item.btn-11 img {
    height: 108px;
    margin-top: 0px;
  }

  .navac-item.btn-12 img {
    height: 107px;
    right: -31px;
  }

  .navac-item.btn-07 img {
    height: 90px;
  }

  .navac-sws-store #myCarousel .carousel-inner.hero-section,
  .navac-sws-store #myCarousel .carousel-inner.hero-section-french {
    min-height: 354px;
  }

  .navac-sws-store #myCarousel .carousel-02 .image-content img {
    height: 170px;
  }

  .navac-sws-store #myCarousel h3 {
    padding-bottom: 0.5em;
  }

  .row-fluid.about-navac-hero h2 {
    font-size: 48px;
  }

  .about-navac-main-content .navac-quote {
    display: none;
  }

  .about-navac-content .about-navac-content-02 .about-navac-container {
    padding-top: 100px;
  }

  .navac-sws-store #myCarousel .carousel-03 .image-content img {
    height: 184px;
  }

  .navac-sws-store #myCarousel .carousel-05 .image-content img {
    height: 230px;
    margin-right: 0px;
  }

  .navac-sws-store #myCarousel .carousel-01 .text-content{
    padding-inline: 0.1em;
  }

}

@media (max-width: 329px) {
  li.home-btn.active-animation.dropdown {
    width: 10.5%;
  }

  .navbar-inner.navac-mobile-french.navac-mobile #SWS-mobile-first-nav {
    width: 25.5%;
  }

  .navac-mobile #SWS-mobile-first-nav {
    width: 31.5%;
  }

  .navac-sws-store #myCarousel .carousel-inner.hero-section,
  .navac-sws-store #myCarousel .carousel-inner.hero-section-french {
    min-height: 460px;
  }

  

  .navac-application-title .application-title {
    line-height: 18px;
  }

  .navac-item:not(.side-ad) {
    height: 8em;
    margin: 0 0em;
  }

  .navac-item img:not.qa img {
    height: 8em;
  }

  .navac-mobile .sws-mobile-header-nav .nav>li>a {
    font-size: 11px;
  }

  .navac-mobile #SWS-mobile-hamburger-nav {
    width: 10.7%;
  }

  .navbar-inner.navac-mobile-french.navac-mobile .sws-mobile-header-nav .nav>li>a {
    font-size: 11px;
  }

  .navac-sws-store #myCarousel .carousel-inner.hero-section {
    padding-bottom: 20px;
  }

  .navac-sws-store #myCarousel .carousel-05 .image-content img {
    height: 230px;
    margin-right: 0px;
  }

}

/**********Repair Center CTA***********/
.navac-header>.row-fluid.navac-repair-center-row {
  padding: 12px 7px 0;
}

ul.repair-center.pull-right {
  text-align: right;
  list-style: none;
}

div.repair-header {
  background: var(--brand-navac-orange);
  margin-bottom: -5px;
}

ul.repair-center.pull-right a {
  color: #000000;
  font-weight: 500;
}

.row-fluid.navac-repair-center-row.repair-mob ul.repair-center.pull-right li:nth-child(1) a {
  color: #fff;
}

span.carousel-btn {
  font-weight: 800;
}

ul.repair-center.pull-right li:nth-child(1) {
  padding-bottom: 6px;
}

ul.repair-center.pull-right li a img {
  margin-left: 10px;
  transition: transform 0.3s ease;
}

ul.repair-center.pull-right li a:hover img {
  transform: translateX(8px);
}

@media (min-width: 980px) {
  .navac-repair-center-row.repair-mob {
    display: none !important;
    visibility: hidden !important;
  }
}

@media (max-width: 979px) {
  .carousel-top.navac-sws-store {
    margin-bottom: 0;
  }

  .row-fluid.navac-repair-center-row.repair-mob {
    padding-bottom: 1em;
  }

  span.carousel-btn {
    color: var(--brand-navac-orange);
  }
}

@media (max-width: 400px) {
  .row-fluid.navac-repair-center-row.repair-mob {
    padding-bottom: 3em;
  }

  .row-fluid.navac-repair-center-row.repair-mob ul.repair-center.pull-right a {
    font-size: 13px;
  }

}