section {
    overflow-y: hidden;
  }
  
  .produtos{
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      overflow-y: hidden;
  }
  
  .container_tab{
      display: flex;
      justify-content: center;
      align-items: center;
      width: 1100px;
      padding: 30px;
      flex-direction: column;
  }
  
  .container_tab .tab_box{
      display: flex;
      justify-content:space-around;
      align-items: center;
      border-bottom: 4px solid;
      color: #EFEFEF;
      position: relative;
      width: 1300px;
      
  }
  
  .tab_box .tab_btn{
      font-size: 19px;
      font-weight: 600;
      color: #656565;
      background: none;
      padding: 18px;
      cursor: pointer; 
      border: none; 
      width: 200px;
  }
  
  .content_box{
      display: flex;
      padding: 20px;
      flex-direction: column;
      justify-content: left;
      align-items: left;
      
  }
  
  .content_box .content {
      display: none;
      margin-top: 20px;
      width: 100%;
  }
  
  .content.active {
      display: block;
  }
  
  .content_box .content h2{
      margin-bottom: 10px;
  }
  
  .line_pr{
      position: absolute;
      top:62px;
      left: 30px;
      width: 200px;
      height: 5px;
      background-color: orange;
      transition: all .2s ease-in-out;
      border-radius: 10px;
  }
  
  .content li{
      list-style-type: none;
  }
  
  .content img{
      width: 26.1px;
      height: 33.56px;
  }
  
  .content .textProd {
      width: 510px;
  }
  
  .content .textProd p{
      font-size: 18px;
      padding-top: 20px;
  }
  
  .content .listaProd{
      display: flex;
      flex-direction: row; 
  }
  
  .listaProd .list1{
      float: left; 
      margin-left: -43px;
  }
  
  .listaProd .list2{
      padding-left: 70px;
  }
  
  .content .imgProd{
      width: 420px;
      height: 410px;
      overflow: hidden; 
      float: left;
      margin-right: 87px;
  
      animation-name: is-bouncing;
      animation-duration: 7s;
      animation-timing-function: ease-in-out;
      animation-iteration-count: infinite;
      animation-direction: alternate;
  }

  .content .imgProdweb{
    width: 420px;
    height: 350px;
    overflow: hidden; 
    float: left;
    margin-right: 87px;

    animation-name: is-bouncing;
    animation-duration: 7s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
  
         @keyframes is-bouncing{
          0% {
          transform: translateY(0);
          }
          25% {
          transform: translateY(-20px);
          }
          50% {
          transform: translateY(0);
           }
          75% {
           transform: translateY(-10px);
           }
           100% {
           transform: translateY(0);
           }
      }
  
  
  .content .contentInside{
      display: flex;
      flex-direction: row;
  }
  
  .content .alignall{
      display: flex;
      flex-direction: column;
      align-items: left;
      padding-top: 50px;
  }
  
  .textProd h2{
      padding-top: inherit;
  }
  
  .tab_btn:nth-of-type(1).active{
      color: #FFA53A;
  }
  
  .tab_btn:nth-of-type(2).active{
      color: #F296C4;
  }
  
  .tab_btn:nth-of-type(3).active{
      color: #EA7722;
  }
  
  .tab_btn:nth-of-type(4).active{
      color: #ED8C44;
  }
  
  .tab_btn:nth-of-type(5).active{
      color: #282D32;
  }
  
  .h2produtos{
      text-align: center;
      color: black;
  }
  
  .videobuttonProd{
      background: #FFA53A;
      width: 310px;
      height: 46px;
      border-radius: 23px;
      color: #FFFFFF;
      border: none;
      outline: none;
      cursor: pointer;
      font-size: 14px;
      margin-top: 14px;
  }
  
  .videoicon{
      padding-right: 6px;
  }
  
  .list1 li{
      padding-top: 5px;
  }
  
  .list2 li{
      padding-top: 5px;
  }
  
  .btn_card{
      visibility: hidden;
  }
  
  .h2produtos{
      margin-bottom: -3%;
  }

  /* Responsividade Iphone do 13*/
  @media only screen and (device-width: 390px) and (device-height: 844px) {
    .produtos {
      display: flex;
      justify-content: center;
      align-items: center;
    }
  
    .container_tab {
      display: flex;
      justify-content: center;
      align-items: center;
    } 
  
    .videobuttonProd {
        position: absolute;
        margin-left: -5%;
    }

    .content .textProd p{
        font-size: 18px;
        padding-top: 20px;
    
    }

    .content .textProd {
        width: 460px;
    }


 
    
}

  
  /* Celulares mais recentes */
  @media (min-width: 320px) and (max-width: 480px) {
  
        section{
            overflow: hidden;
        }
          .produtos{
              overflow: hidden;
          }
  
          .content_box{
              display: flex;
              flex-direction: column;
          }
  
          .container_tab .tab_box{
              display: none;
          }
  
          #produtos {
              font-size: 16px;
          }
  
          .container_tab {
              width: 90%;
              padding: 20px;
          }
  
          .tab_btn {
              font-size: 14px;
              padding: 12px;
              width: 120px;
          }
  
          .line_pr {
              top: 48px;
              left: 15px;
              width: 120px;
          }
  
          .content_box {
              padding: 10px;
          }
  
          .imgProd {
              display: block;
              max-width: 100%;
              height: auto;
              margin: 0 auto;
          }
  
          .contentInside{
              /* position: relative; */
              display: flex;
              justify-content: center;
              align-items: center;
              flex-direction: column;
              flex-wrap: wrap;
              height: auto;
              background: #FFFFFF;
              box-shadow: 0px 4px 100px rgba(132, 132, 132, 0.25);
              border-radius: 20px;
              width: 86vw;
              height: 680px;
              overflow: hidden;
              
          }
  
              .contentInside .imgProd {
              padding-top: 0;
              padding-bottom: 0;
              margin: 0;
              padding-left: 30px;
              padding-right: 30px;
          }

          .contentInside .imgProdweb {
            padding-top: 0;
            padding-bottom: 0;
            margin: 0;
            padding-left: 5px;
            padding-right: 5px;
        }
           
            .contentInside .alignall {
              width: 60%;
          }
  
              .btn_card{
              visibility: visible;
              border: none;
              background: none;
              margin-left: 0%;
              margin-top: 6%;
          }
  
          .contentInside .alignall{
              font-size: 12px;
              margin: auto;
              display: flex;
              flex-direction: column;
          }
  
          .contentInside .alignall p{
              font-size: 14px;
              width: 58%;
              text-align: justify;
              margin-left: -35px;
          }
  
          .contentInside .alignall h2{
              font-size: 32px;
              margin-left: -35px;
              
              
          }
  
          .contentInside .alignall{
              margin-top: -80px;
          }
  
          .contentInside .alignall .listaProd{
              width: 90%;
  
          } 
          
          .listaProd li{
              width: 150px;
          }
  
          .listaProd{
              
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0 auto;
            text-align: center;
          }

          .listaProd .list1{
            text-align: left;
            margin-left: 2%;
          }
  
          .listaProd .list2{
              padding-left: 1%;
              text-align: left;
          }
  
          .videobuttonProd {
          position: relative;
          align-items: center;
          right: 22%;
          }
  
          .btn_card_format {
          width: 390px;
          height: 390px;
          display: flex;
          justify-content: center;
          z-index: 3;
          position: absolute;
          bottom: 60%;
          left: 50%;
          transform: translate(-50%, 50%);
          gap: 65vw;
      }
  
          .btn_card_format img {
          width: 100%; 
          height: 100%; 
          }
  
          .listaProd li img{
            display: none;
          }
  

          .contentInside .imgProd{
            height: 320px;
            margin-top: 10%;
            margin-bottom: 10%;
          }

          .contentInside .imgProdweb{
            height: 280px;
            width: 650px;
            margin-top: 15%;
            margin-bottom: 15%;
          }
      
  }

   /* /Monitores de 24 a 21 Polegadas/ */
   @media (min-width: 1920px) and (max-width: 2208px){
    .h2produtos{
        margin-bottom: -6%;
        margin-top: 3%;
    }

    .container_tab .tab_box{
        width: 1300px;
    }

    .contentInside .imgProdweb{
        height: 336px;

    }

}

       /* /Monitores de 19 Polegadas/ */
       @media (min-width: 1280px) and (max-width: 1440px){
        .container_tab .tab_box{
            width: 98%;
        }

        .line_pr{
            left: 0px;
        }

        .contentInside .imgProdweb{
            height: 336px;
        }

    }

    @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-device-pixel-ratio: 3) {
    .btn_card_format img {
        width: 100%; 
        height: 100%;
        }
    }