@media (max-width: 1440px) {
   .product-card .img {
      height: 380px;
   }
}

@media (max-width: 1280px) {
   .area {
      margin-left: auto;
   }


}



@media (max-width: 1024px) {

   .header-top .top .logo img {
      width: 237px;
      height: 68px;
   }

   .header-top .w-430 {
      width: calc(50% - 120px);
      float: left;
   }

   .w-500 {
      float: left;
      width: 240px;
   }

   .header-top .top .w-430-l {
      width: calc(50% - 120px);
      float: right;
      text-align: right;
   }


   .area {
      gap: 5px;
   }










   .product-card .img {
      height: 270px;
   }

   .logistica p {
      max-width: 500px;
   }

   .garantia .text h1 {
      font-size: 50px;
   }

   .bg-empresa {
      padding: 30% 14% 8% 33%;
   }


   .search-new {
      width: auto;
   }

   footer .logo {
      width: 100%;
      max-width: 250px;
   }
}



@media (max-width: 950px) {

   .w-500,
   .area,
   .idiomas {
      display: none;
   }

   .header-top {
      align-items: center;
      box-shadow: 0px 0px 9px #CCC;
   }

   .btn-download2 {
      width: 150px;
      margin: 10px auto;
   }

   .logo {
      width: 100%;
      max-width: 200px;
   }

   .list-product {
      flex-direction: column;
   }

   .title-degrade {
      font-size: 33px !important;
   }

   .enterprise p {
      text-align: justify;
   }

   .btn-ver-mais-gradiente{
      position: static;
   }
   .banner-image img{
      margin-top: 0;
   }
}

@media (max-width: 768px) {

   .header-top .top .w-430-l {
      width: 40px;
      margin-top: 20px;
   }

   .sub-menu {

      right: 2px;
   }

   .title-degrade {
      background: -webkit-linear-gradient(rgba(9, 9, 121, 1) 0%, rgba(0, 212, 255, 1) 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      font-weight: 700;
      font-style: Bold;
      font-size: 50px;
      line-height: 70px;
      letter-spacing: 0px;
   }

   .garantia .text h1 {
      font-size: 38px;
   }

   .logistica {
      background-image: url(../images/logistica.png);
      background-position: right;
      background-repeat: no-repeat;
      background-size: 34%;
      padding-bottom: 10%;
      margin-top: 30px;
   }

   .robo {
      display: none;
   }


   .nav-listProducts {
      gap: 0;
      margin: 0;
   }

   .product-card .img {
      height: 170px;
   }

   main {
      margin-top: 0;
      background: #E6E7E8;
      min-height: calc(100vh - 451px);
      padding-top: 100px;
   }

   .image-carousel {
      width: 100%;
      min-height: calc(100vh - 451px);

   }

   .banner-text {
      text-align: center;
      max-width: 100%;
   }

   .banner-image {
      text-align: center;
   }


   .nav-listProducts {
      flex-direction: column;
      align-items: center;
      border-bottom: none;
   }

   .nav-listProducts li {
      margin: 10px 0;
   }

   .nav-listProducts a {
      padding: 5px 0;
   }

   .nav-listProducts a.active {
      border-bottom: 2px solid #007bff;
   }
}

@media (max-width: 600px) {}

@media (max-width: 425px) {

   .products-container {
      display: block;

   }

   .bg-empresa {
      padding: 10px;
      background: none;
   }

   .garantia {
      background: none;
   }

   .garantia .text {
      width: 100%;
      float: right;
   }

   .garantia .text h1 {
      font-size: 2rem;
   }

   .logistica {
      background: none;
      margin-top: 30px;
   }

   main {
      margin-top: 0;
      background: #E6E7E8;
      min-height: calc(100vh - 468px);
   }

   .image-carousel {
      width: 100%;
      height: calc(100vh - 468px);

   }
}

@media (max-width: 375px) {

   .header-top .top {
      width: 100%;
      padding-right: 30px;
      padding-left: 30px;
      padding-top: 10px;
      height: 75px;
   }

   .header-top .top .logo img {
      width: 200px;
      height: auto;
   }

   .top {}

   .product-card .img {
      height: 285px;
   }
}

@media (max-width: 325px) {

   .product-card .img {
      height: 240px;
   }
}