* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
  }
  .main-container {
    position: relative;
    top: 3.5rem;
    width: 75%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    font-family: "Raleway", sans-serif;
    max-width: 1460px;
    transform: translate(-50%, 0);
    left: 50%;
  }
  #title_main {
    font-size: 4rem;
    padding-top: 8rem;
    padding-bottom: 8rem;
    padding-left: 8rem;
    font-weight: 800;
  }
  .title_2 {
    font-size: 4rem;
    width: 95%;
    padding-top: 18vw;
    padding-bottom: 4rem;
    padding-left: 8rem;
    font-weight: 800;
  }
  .sottotitolo {
    font-size: 2.2rem;
    font-weight: 800;
    width: 75%;
    padding-left: 2rem;
    padding-top: 2rem;
  }
  .sottotitolo_reappear {
    font-size: 1.6rem;
    font-weight: 800;
    width: 75%;
    padding-left: 2rem;
    top:50%;
    transform: translate(0, -50%);
    opacity:0;
    position: absolute;
  

  }
  .sotto-sottotitolo {
    font-size: 1.8rem;
    font-weight: 400;
    width: 50%;
    padding-left: 2rem;
    padding-top: 1.5rem;
    font-style: italic;
    color: #444444;
  }
  .sottotitolo_macchina {
    color: white;
    font-size: 1.5rem;
    font-weight: 400;
    width: 38%;
    padding-left: 4rem;
    position: relative;
    z-index: 2;
    font-feature-settings: 'pnum' on, 'lnum' on;
    line-height: 1.3;
}
.sottotitolo_macchina_black {
    color:black;
    font-size: 1.5rem;
    font-weight: 400;
    width: 38%;
    padding-left: 4rem;
    position: relative;
    z-index: 2;
    font-feature-settings: 'pnum' on, 'lnum' on;
    line-height: 1.3;
}
  .nome-macchina {
    font-size: 3rem;
    width: 61.8%;
    padding-top: 4rem;
    padding-bottom: 4rem;
    padding-left: 4rem;
    font-weight: 800;
    color: white;
    font-feature-settings: 'pnum' on, 'lnum' on;
    position: relative;
    z-index: 2;
  }
  .nome-macchina_m654 {
    font-size: 3rem;
    width: 61.8%;
    padding-top: 4rem;
    padding-bottom: 4rem;
    padding-left: 4rem;
    font-weight: 800;
    color: black;
    font-feature-settings: 'pnum' on, 'lnum' on;
    position: relative;
    z-index: 2;
  }
  .stronger {
      font-weight: 700;
      display: unset;
      font-feature-settings: 'pnum' on;
      background: unset;
      box-shadow: unset;
      font-feature-settings: 'pnum' on, 'lnum' on;
  }
  .section1 {
    position: sticky;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    max-height: 821px;
    height: 56.25vw;
    width: 100%;
    top:3.5rem;
    align-items: stretch;  
    z-index: 100;
    transition: 0.6s;
  }
  .white-background{
    position: absolute;
    width: 100vw;
  
    height: 100%;
    top:-2px;
    left:50%;
    transform: translate(-50%, 0);
    z-index: -1;
    background-color: white;
  }
  .title-container {
    position: relative;
      width: 23%;
      background: linear-gradient(0deg, #919191 , #c4c4c4 50%, #F2F2F2 100%);
  
      filter: drop-shadow(4px 4px 12px rgba(0, 0, 0, 0.15));
      height: 80%;
      background-size: 200% 200%;
      background-position: 100% 100%;
      transition: 1s;
      cursor: pointer;
      color: rgb(68, 68, 68);
     
  }
  .img-container {
      height: 100%;
      position: absolute;
      right: 0;
      top:0;
  }
  .img_gears {
      position: absolute;
      left: 82%;
      bottom: -10%;
      height: 95%;
      transform: translate(-50%,0);
  }
  .img_medical{
    position: absolute;
    left: 82%;
    transform: translate(-50%,0);
    bottom: -10%;
    height: 87%;
}
.img_micro {
    position: absolute;
    left: 82%;
    transform: translate(-50%,0);
    bottom: -10%;
    height: 92%;
}
  .img_milling-cutter {
      position: absolute;
      left: 82%;
      transform: translate(-50%,0);
      bottom: -10%;
      height: 55%;
  }
  .drive-1000_section,
  .mz130_section,
  .m667_section,
  .m312_section,
  .m641_section,
  .m668_section,
  .m642_section,
  .m657_section {
      background: black;
      max-height: 821px;
     height: 48vw;
    width: 100%;
    position: relative;
  }
  .mz130_section,
  .m667_section,
  .m312_section,
  .m654_section,
  .m668_section {
  margin-top: 18vw;
}
.m654_section {
    background: white;
    max-height: 821px;
   height: 48vw;
  width: 100%;
  position: relative;
  
}
.shadow {
    background: white;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    filter: drop-shadow(4px 4px 12px rgba(0, 0, 0, 0.15));
}
  .img_1000D-left {
      position: absolute;
      right: 100%;
      max-height: 821px;
      height: 48vw;
      margin-right: 1rem;
  }
  .img_mz130-left {
    position: absolute;
    bottom: 0;
    right: 100%;
    max-height: 821px;
    height: 80%;
    padding-right: 1rem;
  }
  .img_m667-left {
    position: absolute;
    right: 100%;
    max-height: 821px;
    height: 48vw;
    padding-right: 1rem;
}
.img_m312-left {
    position: absolute;
    bottom: 0;
    right: 100%;
    max-height: 821px;
    height: 80%;
    padding-right: 1rem;
  }
  .img_m654-left {
    position: absolute;
    bottom: 0;
    right: 100%;
    max-height: 821px;
    height: 18%;
    padding-right: 1rem;
  }
  .img_m668_641-left {
    position: absolute;
    right: 100%;
    max-height: 821px;
    height: 48vw;
    padding-right: 1rem;
}
.img_m642-left {
    position: absolute;
    bottom: 0;
    right: 100%;
    max-height: 821px;
    height: 40%;
    padding-right: 1rem;
}
.img_m657-left {
    position: absolute;
    bottom: 0;
    right: 100%;
    max-height: 821px;
    height: 100%;
    padding-right: 1rem;
  }
  .img_1000D,
  .img_m667,
  .img_m312,
  .img_m641,
  .img_m668,
  .img_m657 {
      height: 100%;
      right: 0%;
      position: absolute;
      z-index: 0;
  }
  .img_mz130,
  .img_m642 {
    height: 100%;
    right: 0%;
    position: absolute;
    z-index: 0;
}
  .gradient_1000,
  .gradient_m667 {
      height: 100%;
      width: 84.56vw;
      max-width: 1233px;
      right: 2px;
      background: linear-gradient(90deg, #000000 14%, rgba(0, 0, 0, 0) 36%);
    position: relative;
      z-index: 1;
    }
    .gradient_mz130 {
        height: 100%;
        width: 60.26vw;
        max-width: 850px;
        right: 2px;
        background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 21.87%);
      position: relative;
        z-index: 1;
      }
      .gradient_m312 {
        height: 100%;
        width: 86.37vw;
        max-width: 1150px;
        right: 2px;
        background: linear-gradient(90deg, #000000 15%, rgba(0, 0, 0, 0) 50%);
        z-index: 1;
        position: relative;
      }
      .gradient_m641 {
        height: 100%;
        width: 86.29vw;
        max-width: 1260px;
        right: 2px;
        background: linear-gradient(90deg, #000000 22%, rgba(0, 0, 0, 0) 50%);
      position: relative;
        z-index: 1;
      }
      .gradient_m668 {
        height: 100%;
        width: 84.4vw;
        max-width: 1232px;
        right: 2px;
        background: linear-gradient(90deg, #000000 8%, rgba(0, 0, 0, 0) 34.62%);
      position: relative;
        z-index: 1;
      }
      .gradient_m642 {
        height: 100%;
        width: 64.5vw;
        max-width: 942px;
        right: 2px;
        background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 21.87%);
        position: relative;
        z-index: 1;
      }
      .gradient_m657 {
        height: 100%;
        width: 75.06vw;
        max-width: 1096px;
        right: 2px;
        background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 21.87%);
        position: relative;
        z-index: 1;
      }

.gearhobbing_wormmilling_specification{
 color: white;
 display: flex;
 justify-content: space-between;
 padding-left: 4rem;
 width: 24.5rem;
 z-index: 3;
 position: relative;
}
.gear_hobbing,
.worm_milling{
    width: calc(50% - 1rem);
    text-align: center;
}
.gear_hob_mill
{
    font-size: 1.5rem;
    font-feature-settings: 'pnum' on, 'lnum' on;
}
  .text-container {
      z-index: 2;
  }
  
  .description {
      position: relative;
      z-index: 2;
      padding-left: 4rem;
      padding-top: 4rem;
      font-feature-settings: 'pnum' on, 'lnum' on;
  }
  .specs-tab {
      padding-top: 4rem;
      padding-left: 4rem;
  }
  .more {
      position: relative;
      z-index: 1;
      padding-left: 4rem;
  }
  .lavorazioni {
      display: flex;
      flex-direction: row;
      position: absolute;
      left: 100%;
      height: 100%;
      align-items: flex-end;
      bottom: 0;
  }
  .specs-tab-text {
    font-size: 1rem;
    padding-bottom: 0.5rem;
    width: 38%; 
    color: white;
    position: relative;
    z-index: 2;
    font-feature-settings: 'pnum' on, 'lnum' on;
  }
  .specs-tab-text_black {
    font-size: 1rem;
    padding-bottom: 0.5rem;
    width: 38%; 
    color: black;
    position: relative;
    z-index: 2;
    font-feature-settings: 'pnum' on, 'lnum' on;
  }
  .testo-giu {
      position: absolute;
      bottom: 3rem;
      width: 100%;
  }

  .left-text {
      width: 15%;
      min-width: 14rem;
  }
  .right-text {
      width: 8%;
      min-width: 6rem;
      text-align: right;
  }
  .line_container {
      padding-bottom: 0.2rem;
  }
  .line {
      display: flex;
      flex-direction: row;
  }
  .line_sub {
    display: flex;
    flex-direction: row;
    left: 2rem;
}
  .testo_piccolo {
    font-size: 1rem;
    line-height: 1.5rem;
    padding-bottom: 1rem;
    width: 24%;
    color: white;
  }
  .link_macchina {
      text-decoration: underline;
      color: white;
      font-weight: 600;
  }
  .link_more {
    text-decoration: underline;
    color: #B4B4B4;
    font-weight: 600;
  }
  .more-text {
    font-size: 1rem;
    line-height: 1.5rem;
    padding-bottom: 1rem;
    width: 24%;
    color: #B4B4B4;
  }
  .lavorazioni_text {
    text-align: left;
    writing-mode: tb-rl;
    transform: rotate(-180deg);
    text-transform: uppercase;
    font-size: 3rem;
    font-weight: 800;
    letter-spacing: 2px;
  }
  .lavorazioni_non-active {
      opacity: 20%;
  }
.for_padding_bot{
   padding-bottom: 0.8rem;
}
.footer {
    position: relative;
    background: black;
    top: 24rem;
    color: white;
    max-height: calc(872px + 1.5rem);
    height: calc(59.726vw + 1.5rem);
    overflow: hidden;
    padding-top: 1rem;
    padding-bottom: 0.5rem;
    display: flex;
    justify-content: center;
  }
  .footer_text_container {
    padding-top: 8rem;
    padding-left: 6rem;
    width: 52%;
    z-index: 1;
  }
  .footer_links {
    text-decoration: underline;
    color: white;
  }
  .footer_text{
    font-family: "Raleway", sans-serif;
    font-size: 3rem;
    font-weight: 800;
    padding-right: 12rem;
    padding-top: 8rem;
  }
  .icons_by_martina_pisano_i {
    position: absolute;
    opacity: 0.1;
    width: 100%;
    max-width: 1460px;
    z-index: 0;
  }

.selected{
    background-position: 0% 0%;
    color: rgb(90, 90, 90);
    cursor: unset;
}

.hover_cathegory_application {
    animation-name: hover_cathegory_application_key;
    animation-duration: 0.5s;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
  }
  
  @keyframes hover_cathegory_application_key {
    0% {
        background-position: top;
    }
    100% {
        background-position: 0% 0%;
        color: rgb(90, 90, 90);
    }
  }

  .title-container:hover,
  .title-container:focus
   {
    background-position: 0% 0%;
  }





  .opacity_in {
    animation-name: opacity_in_key;
    animation-duration: 0.6s;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
  }
  
  @keyframes opacity_in_key {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
  }

  .opacity_out {
    animation-name: opacity_out_key;
    animation-duration: 0.3s;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
  }
  
  @keyframes opacity_out_key {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
  }

  
@media screen and (max-width: 1880px) and (min-width: 1201px) {

    .img_gears {
      height: 84%;
    }
    .img_medical {
      height: 74%;
    }
    .img_micro {
      height: 84%;
    }
    .img_milling-cutter {
      height: 50%;
      left: 80%;
    }
    .lavorazioni_text {
      font-size: 2rem;
    }
    .sotto-sottotitolo {
      font-size: 1.5rem;
    }
    .img_1000D {
      max-width: 100%;
    }
    .img-container {
      width: 100%;
    }
    .gradient_mz130 {
      background: linear-gradient(90deg, #000000 54%, rgba(0, 0, 0, 0) 80%);
    }
    .gradient_m668 {
      background: linear-gradient(90deg, #000000 8%, rgba(0, 0, 0, 0) 49%);
    }
    .gradient_m642 {
      background: linear-gradient(90deg, #000000 32%, rgba(0, 0, 0, 0)55%)
    }
    .gradient_m657 {
      background: linear-gradient(90deg, #000000 12%, rgba(0, 0, 0, 0) 45%);
    }
    .specs-tab {
      padding-top: 2rem;
    }

    .more-text {
      padding-bottom: 0;
    }
   

    .img_mz130-left,
    .img_m667-left,
    .img_m312-left {
     height: 50%; 
     bottom: 0;
    }
    .nome-macchina,
    .nome-macchina_m654 {
      font-size: 5rem;
      padding-top: unset;
      padding-bottom: unset;
      padding-left: 0;
      top: -7.5rem;
      font-weight: 900;
      font-size: 4rem;
    }
    .nome-macchina {
      color: black;
    }
    .mz130_section,
    .m667_section,
    .m312_section,
    .m654_section,
    .m668_section {
      margin-top: 16rem;
    }  
    .drive-1000_section,
    .micro_mills,
    .milling_cutter,
    .m641_section,
    .m642_section,
    .m657_section {
      margin-top: 8rem;
    }
    .footer_text {
      padding-right: unset;
    }
   
  }

@media screen and (max-width: 1481px) and (min-width: 1201px) {
    .sottotitolo {
      font-size: 1.75rem;
      padding-left: 1.5rem;
      padding-top: 1.5rem;
    }
    .sotto-sottotitolo {
      padding-left: 1.5rem;
      padding-top: 1rem;
    }
    .sottotitolo_macchina,
    .sottotitolo_macchina_black {
      font-size: 1.25rem;
    }
    
    .description,
    .more,
    .specs-tab,
    .sottotitolo_macchina,
    .sottotitolo_macchina_black,
    .gearhobbing_wormmilling_specification {
      padding-left: 2rem;
    }
    .sottotitolo_reappear {
      font-size: 1.4rem;
      padding-left: 1rem;
    }

    .gradient_1000 {
      background: linear-gradient(
        90deg, #000000 15%, rgba(0, 0, 0, 0) 50%);
    }
    .footer_text {
      padding-top: 6rem;
    }
    .gradient-white {
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 1;
      background: linear-gradient(
        90deg, #ffffff 30%, rgba(255,255,255,0) 45%
      )}
}

@media screen and (max-width: 1200px) and (min-width: 797px) {
    #title_main {
      font-size: 3rem;
      padding-left: 4rem;
      padding-bottom: 4rem;
    }
    .sottotitolo {
      font-size: 1.1rem;
      padding-left: 1rem;
      padding-top: 1.5rem;
    }
    .sottotitolo_reappear {
      font-size: 1rem;
      padding-left: 0.8rem;
      top: 0.8rem;
      transform: unset;
    }
    .sotto-sottotitolo {
      font-size: 1rem;
      padding-left: 1rem;
      padding-top: 1rem;
    }
    .img_gears {
      height: 78%;
    }
    .img_medical {
      height: 75%;
      left: 76%;
    }
    .img_micro {
      height: 87%;
    }
    .img_milling-cutter {
      height: 53%;
    }
    .title_2 {
      padding-left: 4rem;
      padding-top: 4rem;
      font-size: 2.25rem;
      padding-bottom: 6rem;
    }
    .sottotitolo_macchina,
    .sottotitolo_macchina_black {
      font-size: 1rem;
      min-width: unset;
      width: 50%;
    }


    .specs-tab {
      padding-top: 1rem;
    }
    
    
    .testo-giu {
      top: 100%;
      padding-top: 1rem;

    }
   
    .description,
    .more,
    .specs-tab,
    .sottotitolo_macchina,
    .sottotitolo_macchina_black {
      padding-left: 1.5rem;
    }
    .specs-tab {
      padding-top: 0;
    }
    .specs-tab-text {
      padding-bottom: 0.25rem;
    }
    .description {
      padding-top: unset;
    }
    .testo_piccolo {
      width: 46%;
      line-height: unset;
      color: black;
    }
    .link_macchina {
      color: black;
    }
    .nome-macchina,
    .nome-macchina_m654 {
      padding-top: unset;
      padding-bottom: 1rem;
      padding-left: 0;
      font-size: 2rem;
      top: -3.5rem;
      font-weight: 900;
    }
    .nome-macchina {
      color: black;
    }

    .more-text {
      width: 48%;
      padding-bottom: 0;
    }
    .line_container {
      padding-bottom: 0;
    }
    
    .img_1000D-left,
    .img_m668_641-left {
      height: 48vw;
    }
    .mz130_section,
    .m312_section,
    .medical,
    .micro_mills,
    .milling_cutter {
      margin-top: 16rem;
    }
    .m667_section,
    .m654_section,
    .m668_section {
      margin-top: 12rem;
    }
   
    .img-container {
      width: 100%;
    }
    .gradient_1000 {
      background: linear-gradient(
        90deg, #000000 25%, rgba(0, 0, 0, 0) 50%);
    }
    .gradient_mz130 {
      background: linear-gradient(
        90deg, #000000 48%, rgba(0, 0, 0, 0) 75%);
    }
    .gradient_m667 {
      background: linear-gradient(
        90deg, #000000 20%, rgba(0, 0, 0, 0) 50%);
    }
    .img_m312-left,
    .img_m667-left,
    .img_mz130-left {
      height: 50%;
      bottom: 0;
    }
    
    .gradient-white {
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 1;
      background: linear-gradient(
        90deg, #ffffff 30%, rgba(255,255,255,0) 60%
      )
    }
    .gradient_m641 {
      background: linear-gradient(
        90deg, #000000 20%, rgba(0, 0, 0, 0) 50%);
    }
    .gradient_m668 {
      background: linear-gradient(
        90deg, #000000 20%, rgba(0, 0, 0, 0) 80%);
    }
    .gradient_m642 {
      background: linear-gradient(
        90deg, #000000 35%, rgba(0, 0, 0, 0) 60%);
    }
    .gradient_m657 {
      background: linear-gradient(
        90deg, #000000 10%, rgba(0, 0, 0, 0) 60%);
    }
    .gearhobbing_wormmilling_specification {
      padding-left: 1.5rem;
      width: 16rem;
    }
    
    .gear_hobbing, .worm_milling {
      width: calc(50% - 0.25rem);
    }
    .gear_hob_mill {
      font-size: 1.25rem;
    }
    .lavorazioni_text {
      writing-mode: unset;
      transform: unset;
      font-size: 1.2rem;
      font-weight: 900;
      letter-spacing: 1px;
    }
    .lavorazioni {
      flex-direction: column;
      left: calc(100% - 116px);
      height: unset;
      top: 100%;
      padding-top: 1rem;
    }
    .sottotitolo_macchina,
    .sottotitolo_macchina_black,
    .gearhobbing_wormmilling_specification {
      top: -1.8rem;
    }
    .mz130_section,
    .m312_section {
      margin-top: 16rem;
    }  
    .footer {
      top: 8rem;
      height: unset;
      max-height: unset;
      width: 100%;
      justify-content: unset;
    }
    .footer_text_container {
      width: 61%;
      padding-left: 4rem;
      padding-right: 1.5rem;
      padding-bottom: 4rem;
    }
    .footer_text {
      font-size: 1.75rem;
      padding-right: unset;
      padding-top: unset;
    }
    
  }
  
@media screen and (max-width: 950px) and (min-width: 797px) {
  .specs-tab-text {
    padding-bottom: 0.25rem;
    font-size: 0.9rem;
  }
  .left-text {
    min-width: 10rem;
  }
  .sottotitolo_macchina {
    width: 51%;
  }
}
@media screen and (max-width: 796px) {

    .main-container {
      width: 92%;
    }
    .white-background{
     width: 111.12%;;
    }
    #title_main {
      padding-left: unset;
      padding-top: 4rem;
      padding-bottom: 2rem;
      font-size: 2.5rem;
    }
    .section1 {
      height: calc(100vh - 13rem);
    }
   
    .img_gears {
      height: 46%;
      min-height: 80px;
      bottom: -3.5%;
      left: 75%;
    }
    .img_medical {
      height: 42%;
      min-height: 73px;
      bottom: -3.5%;
      left: 70%;
    }
    .img_micro {
      height: 45%;
      min-height: 78px;
      bottom: -3.5%;
      left: 72%;
    }
    .img_milling-cutter {
      height: 23%;
      min-height: 40px;
      bottom: -3.5%;
      left: 65%;
    }
    .title-container {
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      white-space: nowrap;
      
    }
    .sottotitolo {
      writing-mode: tb-rl;
      transform: rotate(-180deg);
      font-size: 1.5rem;
      padding-bottom: 1rem;
      padding-left: unset;
      padding-right: 0.3rem;
      width: unset;
    }
    .sotto-sottotitolo {
      writing-mode: tb-rl;
      transform: rotate(-180deg);
      font-size: 1.2rem;
      padding-bottom: 1rem;
      padding-left: unset;
      padding-right: 0.5rem;
    }
    .title_2 {
      padding-left: unset;
      padding-top: 4rem;
      padding-bottom: 2rem;
      font-size: 2.5rem;
    }
    .drive-1000_section,
    .mz130_section,
    .m667_section,
    .m312_section,
    .m641_section,
    .m654_section,
    .m668_section,
    .m642_section,
    .m657_section  {
      background: white;
      box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.15);
      height: unset;
      max-height: unset;
    }
    .nome-macchina,
    .nome-macchina_m654 {
      color: unset;
      padding-left: 1.5rem;
      padding-right: 1rem;
      padding-bottom: 3rem;
      padding-top: 3rem;
      width: unset;
      font-weight: 900;
      font-size: 2.7rem;
      line-height: 100%;
    }
    .sottotitolo_macchina,
    .sottotitolo_macchina_black {
      color: unset;
      padding-left: 1.5rem;
      padding-right: 1.5rem;
      width: unset;
      font-size: 1.2rem;
    }
    .specs-tab-text {
      color: unset;
    }
    .testo_piccolo {
      color: unset;
      width: 100%;
    }
    .link_macchina {
      color: unset;
    }
    .more-text {
      width: unset;
    }
    .more {
      padding-left: 1.5rem;
      padding-top: 1rem;
    }
    .testo-giu {
      position: unset;
    }
    .testo-giu-m642 {
      position: absolute;
      bottom: 0;
    }
    .specs-tab {
      padding-top: unset;
      padding-left: 1.5rem;
    }
    .lavorazioni_text {
      writing-mode: unset;
      transform: unset;
      font-size: 1.2rem;
      font-weight: 900;
      letter-spacing: 1px;
    }
    .lavorazioni {
      flex-direction: column;
      height: unset;
      bottom: unset;
      left: unset;
      align-items: unset;
      padding-right: 1.5rem;
      top: 50%;
      transform: translate(0,-50%);
    }
    .description {
      padding-top: 1.5rem;
    }
    .mobile_grid {
      display: grid;
      grid-template-rows: auto auto auto auto;
      grid-template-columns: 61.8% 19.1% 19.1%;
    }
    .nome-macchina {
      grid-column-start: 1;
      grid-column-end: 2;
      grid-row-start: 1;
      grid-row-end: 2;
        }
    .img-container {
      grid-column-start: 1;
      grid-column-end: 4;
      grid-row-start: 3;
      grid-row-end: 4;
      width: 111.11%;
      left:50%;
      transform: translate(-50%, 0);
      position: relative;
      padding-top: 2rem;
      padding-bottom: 1.5rem;
    }   
    .img-container-m654 {
      width: 100%;
    }
    .img_1000D,
    .img_m667,
    .img_m312,
    .img_m641,
    .img_m668,
    .img_m657,
    .img_mz130,
    .img_m642 {
        height: unset;
        width: 100%;
        right: unset;
        position: unset;
    }
    .img_1000D-left,
    .img_m668_641-left,
    .img_m657-left {
      grid-column-start: 3;
      grid-column-end: 4;
      grid-row-start: 4;
      grid-row-end: 5;
      right: unset;
      bottom: 0;
      right: 0;
      padding-bottom: 1rem;
      height: 100%;
    }
    .img_m667-left,
    .img_m312-left {
      grid-column-start: 3;
      grid-column-end: 4;
      grid-row-start: 4;
      grid-row-end: 5;
      right: unset;
      bottom: 0;
      right: 0;
      padding-bottom: 1rem;
      width: 50%;
      height: unset;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
    }
    .img_mz130-left,
    .img_m654-left {
      grid-column-start: 3;
      grid-column-end: 4;
      grid-row-start: 4;
      grid-row-end: 5;
      right: unset;
      bottom: 0;
      right: 0;
      padding-bottom: 1rem;
      width: 60%;
      height: unset;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
    }
    .img_m642-left {
      position: unset;
      grid-column-start: 3;
      grid-column-end: 4;
      grid-row-start: 4;
      grid-row-end: 5;
      right: unset;
      bottom: 0;
      right: 0;
      padding-bottom: 1rem;
      width: 100%;
      height: unset;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
    }

    .machine_hook {
      grid-column-start: 1;
      grid-column-end: 4;
      grid-row-start: 2;
      grid-row-end: 3;
    } 
    
    .machine_specs {
      grid-column-start: 1;
      grid-column-end: 3;
      grid-row-start: 4;
      grid-row-end: 5;
    }
    .specs-tab-text {
      width: unset;
    }
    .line_sub {
      left: 1rem;
    }
    .left-text {
      width: 60%;
    }
    .right-text {
      width: 40%;
    }
    .description {
      padding-left: 1.5rem;
    }
    .gearhobbing_wormmilling_specification {
      color: unset;
      padding-left: 1.5rem;
      width: 20rem;
      justify-content: unset;
  
    }
    .gear_hobbing,
    .worm_milling {
      width: calc(40% - 1rem);
    }
    .worm_milling {
      margin-left: 2.5rem;
    }
    .gear_hob_mill {
      font-size: 1rem;
    }
    .max_module {
      font-size: 0.8rem;
    }

    .lavorazioni {
      grid-column-start: 2;
      grid-column-end: 4;
      grid-row-start: 1;
      grid-row-end: 2;
    }
    .gradient_1000,
    .gradient_mz130,
    .gradient_m667,
    .gradient_m312,
    .gradient_m641,
    .gradient_m668,
    .gradient_m642,
    .gradient_m657
    {
      display: none;
    }
    .footer {
      top: 8rem;
      height: unset;
      max-height: unset;
      width: 100%;
      justify-content: unset;
    }
    .footer_text_container {
      width: 61%;
      padding-left: 2rem;
      padding-right: 1.5rem;
      padding-bottom: 2rem;
    }
    .footer_text {
      font-size: 1.5rem;
      padding-right: unset;
      padding-top: unset;
    }
    .icone_img {
      width: 170%;
      position: relative;
      left: 2%;
    }
    .sottotitolo_reappear {
      display: none;
    }
}

@media screen and (max-width: 430px) {
  .sottotitolo {
    font-size: 1rem;
  }
  .left-text {
    min-width: 10rem;
  }
  .lavorazioni_text {
    font-size: 1.1rem;
  }
}