@media (min-width: 1280px) and (max-width: 4000px) {
   .mobile-nav-show {
      display: none;
   }
}

@media (max-width: 1279px) {
   .navbar {
      position: fixed;
      top: 0;
      right: -100%;
      width: 100%;
      max-width: 300px;
      bottom: 0;
      transition: 0.3s;
      z-index: 9997;
   }

   .navbar ul {
      display: block;
      position: absolute;
      inset: 0;
      padding: 50px 0 10px 0;
      margin: 0;
      background: #fff;
      overflow-y: auto;
      transition: 0.3s;
      z-index: 10001;
   }

   .navbar a,
   .navbar a:focus {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 10px 20px;
      font-family: var(--font-primary);
      font-size: 15px;
      font-weight: 600;
      color: var(--color-default);
      white-space: nowrap;
      transition: 0.3s;
   }

   .navbar>ul>li {
      padding: 0;
   }

   .navbar a i,
   .navbar a:focus i {
      font-size: 12px;
      line-height: 0;
      margin-left: 5px;
   }

   .navbar a:hover,
   .navbar .active,
   .navbar .active:focus,
   .navbar li:hover>a {
      color: var(--color-default);
   }

   .navbar a:hover:before,
   .navbar li:hover>a:before,
   .navbar .active:before,
   .navbar .current-menu-item a:before,
   .navbar.page .current-menu-item a:before {
      visibility: hidden;
   }

   .navbar .button,
   .navbar .button:focus,
   .navbar.scrolled .button,
   .navbar .button:focus,
   .navbar.page .button,
   .navbar.page .button:focus {
      margin: 0 20px;
   }

   .navbar .dropdown ul,
   .navbar .dropdown .dropdown ul {
      position: static;
      display: none;
      padding: 10px 0;
      margin: 10px 20px;
      transition: all 0.5s ease-in-out;
      border: 1px solid #19335c;
   }

   .navbar .dropdown>.dropdown-active,
   .navbar .dropdown .dropdown>.dropdown-active {
      display: block;
   }

   .mobile-nav-active .navbar {
      right: 0;
   }

   .mobile-nav-hide {
      color: #fff;
      font-size: 32px;
      cursor: pointer;
      line-height: 0;
      transition: 0.5s;
      position: fixed;
      right: 20px;
      top: 25px;
      z-index: 9999;
   }
}

@media (min-width: 1280px) and (max-width: 1600px) {

   .navbar a,
   .navbar a:focus {
      padding: 0 5px;
      font-size: 16px;
   }

   #produtos-destaque .btn-default,
   .btn-default:focus {
      padding: 0.75rem 1.125rem;
   }

   #produtos-destaque .icon-box {
      height: 29rem;
   }

   .blog .card {
      margin: 20px 0;
      min-height: 560px;
   }

   footer p {
      font-size: 14px;
   }

   footer a.btn-default,
   footer a.btn-default:focus {
      font-size: 14px;
      padding: 12px 30px;
   }
}

@media (min-width: 1278px) {
   .abc .user-display p {
      margin: 5px 0 0 10px;
      font-size: 12px;
   }
}

@media (min-width: 769px) and (max-width: 1279px) {
   .navbar .social {
      display: none;
   }

   #cta .content h4 {
      font-size: 48px;
   }

   #aluguel-equipamentos .icon-box {
      flex-flow: column;
   }

   .blog .card {
      margin: 20px 0;
      min-height: 560px;
   }

   footer p {
      font-size: 14px;
   }

   footer a.btn-default,
   footer a.btn-default:focus {
      font-size: 14px;
      padding: 12px 30px;
   }
}

@media (width: 820px) and (height: 1180px) {

   .navbar .current-menu-item a:before,
   .navbar.page .current-menu-item a:before {
      visibility: hidden;
      width: 0;
   }

   #hero .swiper-slide {
      min-height: 50vh;
   }

   #nossos-profissionais .btn-default,
   #nossos-profissionais .btn-default:focus {
      padding: 12px 0px;
      font-size: 10px;
   }

   footer .btn-default,
   footer .btn-default:focus {
      padding: 12px 10px;
   }
}

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

   .navbar .current-menu-item a:before,
   .navbar.page .current-menu-item a:before {
      visibility: hidden;
      width: 0;
   }

   #hero .swiper-slide {
      min-height: 50vh;
   }

   #nossos-profissionais .btn-default,
   #nossos-profissionais .btn-default:focus {
      padding: 12px 0px;
      font-size: 10px;
   }

   footer .btn-default,
   footer .btn-default:focus {
      padding: 12px 10px;
   }

}

@media (min-width: 320px) and (max-width: 480px) {
   body .overlay {
      position: relative;
   }

   body .overlay h1 {
      font-size: 22px;
      padding: 40px 0 0 10px;
   }

   #bricks-component-zxzaVoeAwFbTRUvsFJXNBg-wrapper.rdstation-popup-position-bottom_right.floating-button.floating-button--close .bricks--floating--button {
      right: 15px !important;
   }

   #header {
      background: #fff;
   }

   .navbar .current-menu-item a:before,
   .navbar.page .current-menu-item a:before {
      visibility: hidden;
      width: 0;
   }

   .navbar .social {
      display: none;
   }

   .abc {
      z-index: 9999991;
   }

   .abc .account {
      position: absolute;
      left: -12px;
      bottom: 20px;
   }

   .abc .user-display {
      position: absolute;
      left: 80px;
      bottom: 16px;
   }

   .dgwt-wcas-search-wrapp {
      display: none;
   }

   #hero .banners-home {
      height: 27vh;
      margin-top: 102.3px;
   }

   #hero .swiper-slide {
      padding: 0;
      text-align: center;
      background-repeat: no-repeat;
      min-height: 20vh;
   }

   #hero .swiper-slide svg {
      width: 100%;
   }

   .btn-default,
   .btn-default:focus {
      position: relative;
      bottom: -90px;
      left: 205px;
      padding: 0.45rem 1.125rem;
      font-size: 0.80rem;
   }

   section#quem-somos {
      padding: 0;
   }

   #quem-somos .content {
      padding: 0 1em;
   }

   #quem-somos .content h2 {
      margin: 42px 0 20px;
   }

   #quem-somos .content .button,
   #produtos-destaque .content .button {
      margin: 30px 0 50px;
   }

   #catalogo-content #filters {
      display: none;
   }

   #catalogo-content .icon-list-img img {
      width: 60%;
      padding: 3px 0;
   }

   #catalogo-content #banner {
      max-width: 180px;
      height: auto;
      margin: auto;
   }

   #catalogo-content .product-list-item h5 {
      font-size: 8px;
      text-align: center;
      display: none;
   }

   #catalogo-content .product-list-item h4 {
      font-size: 10px;
      text-align: center;
      max-width: 150px;
   }

   .product-list .btn-default,
   .product-list .btn-default:focus {
      font-size: 10px;
      padding: 0;
   }

   #catalogo-content .blocks .icon-box .icon-box-footer .btn-default {
      padding: 0.7rem 1rem;
      margin: 0px 3.7rem .73rem;
   }

   #single-product .product_desc p {
      font-size: 11px;
   }

   #single-product h1.product_title.entry-title {
      font-size: 14px;
   }

   #single-product .table th {
      font-size: 10px;
   }

   #single-product .table td {
      font-size: 12px
   }

   #single-product .variacoes {
      display: unset;
   }

   #single-product .variacoes .content {
      padding: 0;
   }

   #single-product .variacoes img {
      height: 40px;
   }

   #single-product .variacoes h6 {
      font-size: 10px;
   }

   #single-product .product_desc .col-md-12 {
      margin-left: -50%;
      margin-top: 15%;
   }

   #single-product .product_desc .container.variacoes {
      margin: 25px 30px 20px -70%;
      width: 130%;
      display: inline-block
   }

   #linha-custom {
      background: linear-gradient(to bottom, #fff 45%, #818181 60%);
   }

   #linha-custom .colors {
      flex-direction: column;
      align-items: center;
   }

   #cta .content h4 {
      font-size: 30px;
   }

   #contato h5 {
      font-size: 30px;
   }

   footer a.btn-default,
   footer a.btn-default:focus {
      margin-bottom: 20px;
      display: block;
   }

   footer img {
      width: 100%;
   }

   #hero-expedicoes .swiper-slide h1 {
      font-size: 40px;
   }

   #a-expedicao .content {
      padding-left: 0;
   }

   #a-expedicao .content h2 {
      font-size: 48px;
   }

   #informacoes-adicionais .section-title h3 {
      font-size: 48px;
   }

   #itinerario .content {
      padding-left: 0;
   }

   #incluso .content {
      padding-left: 0;
   }

   #blog-page {
      margin-top: 5em;
   }

   #blog-page h2 {
      text-align: center;
      padding-bottom: .5em;
   }

   #blog-page #search-input {
      text-align: center;
      margin: .5em auto;
      float: none;
   }

   #blog-single .share {
      padding: 0 1em;
   }

   #blog-single .post-tags {
      padding: 1em 1em 0 1em;
   }

   #blog-single .blog-posts-nav {
      padding: 0 1em;
      margin: 38px auto;
   }

   #blog-single h2.related-posts {
      padding: 0 1em;
   }

   .post-single .single-header {
      left: 10px;
   }

   .post-single p {
      padding: 0 1em;
   }

   .post-single blockquote>p {
      padding: 0 1em;
      margin-bottom: 8px;
      font-size: 20px;
   }

   #search {
      margin-top: 5em;
   }

   #search .list-group {
      margin: 0 1em 20px 1em;
   }
}