@media screen and (max-width: 3000px) {
    .hexagon2{
        visibility: hidden;
    } 

    .onOff{
        display:none;
    } 
}


@media screen and (max-width: 1500px){
    .group7{
        padding-right:140px;
    }
}

@media screen and (max-width: 1300px) {
    .group3{
        padding-top:30vh;
    }

    .group3-1{
        padding-top:27vh;
    }

    .image-text{
        left:60px;
    }

    .group8{
        display:none;
    }

    .hexagon2{
        visibility: hidden;
    }

    .group7{
        display:none;
    }
  }

  @media screen and (max-width: 1200px) {
    .group3{
        padding-top:40vh;
    }

    .group3-1{
        padding-top:30vh;
    }

    .image-text{
        left:60px;
    }

    .group13{
        display: inline-block;
        top:1000px;
        min-width: 800px;
    }

    .group15{
        display:none;
    }
  }

  @media screen and (max-width: 1000px) {
    .container1{
        display:none;
    }

    .hexagon2{
        visibility: visible;
    }

    .onOff{
        display:block;
    }

    .group13{
        display: inline-block;
        top:1000px;
        min-width: 400px;
    }
  }

  @media screen and (max-width: 850px) {
    .group3{
        padding-top:40vh;
    }

    .group3-1{
        padding-top:30vh;
    }

    .image-text{
        left:60px;
    }
    
    .paddingTop1{
        max-width: 680px;
    }

    .group4{
        max-width: 700px;
    }
  }

  @media screen and (max-width: 800px) {
    .group4{
        max-width: 600px;
    }

    .all{
        max-width: 500px;
    }

    .group8{
        max-width: 500px;
    }

    .group9{
        max-width: 500px;
    }

    .group12{
        max-width: 500px;
    }
  }

  @media screen and (max-width: 750px) {    
    .group3-1{
        max-width: 720px
    }

    .paddingTop1{
        max-width: 500px;
    }
    
    .group4{
        max-width: 500px;
    }

    .group5{
        max-width: 500px;
    }
  }

@media screen and (max-width: 700px) {
    .group3{
        padding-top:50vh;
    }

    .group3-1{
        max-width: 670px;
        padding-top:30vh;
    }

    .paddingTop1{
        max-width: 480px;
    }
  }

  @media screen and (max-width: 675px) {
    .group3{
        padding-top:60vh;

    }

    .group3-1{
        max-width: 670px;
        padding-top:40vh;
    }

  }

  @media screen and (max-width: 650px) {
    .group3{
        padding-top:60vh;

    }

    .group3-1{
        max-width: 670px;
        padding-top:40vh;
    }

    .group4{
        max-width: 400px;
    }

    .group5{
        max-width: 400px;
    }

    .paddingTop1{
        max-width: 380px;
    }

    .all{
        max-width: 400px;
    }

    .group9{
        max-width: 400px;
    }

    .group12{
        max-width: 400px;
    }
  }

  @media screen and (max-width: 600px) {
    .group3{
        padding-top:60vh;
    }

    .paddingTop1{
        padding-top: 100px;
    }

    .group3-1{
        max-width: 670px;
        padding-top:40vh;
    }

    .all{
        max-width: 350px;
    }

    .group9{
        max-width: 350px;
    }

    .group12{
        max-width: 350px;
    }
    
    .group13{
        display: inline-block;
        top:1100px;
        min-width: 250px;
    }

    .group14{
        font-size: medium;
    }
  }

@media screen and (max-width: 500px) {
    .group2{
        padding-left:40px;
    }
    
    .group3{
        padding-top:70vh;

    }

    .group3-1{
        max-width: 420px;
        padding-top:45vh;
        padding-left:60px;
    }

    .group4{
        max-width: 300px;
    }

    .group5{
        max-width: 300px;
    }

    .paddingTop1{
        padding-top: 40%;
        max-width: 230px;
        display:none;
    }

    .all{
        max-width: 270px;
    }

    .group9{
        max-width: 270px;
    }

    .group12{
        max-width: 270px;
    }
  }

  @media screen and (max-width: 450px) {
    .all{
        max-width: 300px;
    }

    .group4{
        max-width: 150px;
        text-align: right;
    }

    .group9{
        max-width: 250px;
    }

    .group12{
        max-width: 250px;
    }
  }

  @media screen and (max-width: 400px) {
    .all{
        max-width: 300px;
        padding-left: 40px;
    }

    .paddingTop2{
        padding-left: 17%;
    }
    

    .group4{
        max-width: 10px;
        text-align: right;
        padding-left: 20px;
    }

    .group5{
        padding-left: 80px;
    }

    .group9{
        max-width: 355px;
        padding-left: 40px;
    }

    .group12{
        max-width: 350px;
        padding-left: 60px;
    }

    .group3{
        padding-left:40px;
    }
  }