@media screen and (max-width:1024px) {
    header {
      max-width: 100%;
          width: 100%;
    }
/*   
    .row {
      justify-content: center;
      grid-template-columns: 1fr;
      justify-self: center;
    } */

  
    .head {
      width: 71%;
        padding-top: 1%;
        padding-left: 33.8%;
  }

  

  
  header .container2 .row2 .nav{
    padding-right: 20px;
  }
  section.home{
    position: relative;
  }
  
    section.home .row1 .right-pic {
      /* padding-top: 5%; */
      max-width: 85%;
      position: relative; 
    }
  
    .right-pic #pic0,
    .right-pic #pic1,
    .right-pic #pic2,
    .right-pic #pic3,
    .right-pic #pic4,
    .right-pic #pic5 {
      position: absolute; 
    }
  
    .right-pic #pic0 {
      left: 53.25%;
      bottom: 52%;
    }
  
    .right-pic #pic1 {
      left: 24.25%;
      bottom: 15.75%;
      transition: transform 0.25s ease;
    }
  
    .right-pic #pic2 {
      left: 37.75%;
      top: 13.25%;
      transition: transform 0.1s ease;
    }
  
    .right-pic #pic3 {
      right: 6.5%;
      bottom: 41.75%;
      transition: transform 0.1s ease;
    }
  
    .right-pic #pic4 {
      left: 8.5%;
      bottom: 29.5%;
      transition: transform 0.1s ease;
    }
  
    .right-pic #pic5 {
      top: 27.5%;
      left: 33.5%;
      transition: transform 0.1s ease;
    }
  
    a .set {
      height: 5.8%;
    }
}

   /* tablet size */
   @media screen and (max-width:768px){
    
    a .set {
      height: 5%;
    }
    
    
    section.home {
      padding-bottom: 12.5%;
    }
    
    section.home .container .row1 {
      grid-template-columns: 1fr;
      /* padding-top: 25%; */
    }
    
    section.home .row1 .right-pic {
      max-width: 85%;
      text-align: center;
      position: relative; /* Needed to anchor child absolute elements */
    }
    
    .right-pic #pic0,
    .right-pic #pic1,
    .right-pic #pic2,
    .right-pic #pic3,
    .right-pic #pic4,
    .right-pic #pic5 {
      position: absolute; /* Required for left/right/top/bottom to work */
    }
    
    /* Final clean positions */
    .right-pic #pic0 {
      left: 53.25%;
      bottom: 53.5%;
    }
    
    .right-pic #pic1 {
      left: 26%;
      bottom: 16.25%;
      transition: transform 0.25s ease;
    }
    
    .right-pic #pic2 {
      left: 39.75%;
      top: 13%;
      transition: transform 0.1s ease;
    }
    
    .right-pic #pic3 {
      right: 8.25%;
      bottom: 43.25%;
      transition: transform 0.1s ease;
    }
    
    .right-pic #pic4 {
      left: 11%;
      bottom: 29.75%;
      transition: transform 0.1s ease;
    }
    
    .right-pic #pic5 {
      top: 27.25%;
      left: 34%;
      transition: transform 0.1s ease;
    }
    }
    
       /* mobile size */
@media screen and (max-width:575px){
  .container .row10 .head{
    padding-left: 20%;
    padding-top: 28%;
    width: 86%;
  }
    a .set {
      /* position: static; */
      /* width: 100px; */
      height: 3.7%;
    }
    
    
    
    section.home .row1 .right-pic {
      max-width: 100%;
      padding-top: 42%;
      padding-left: 0px;
      padding-right: 15px;
      
    }
    
    section.home {
      height: 94vh;
      padding-bottom: 12.5%;
    }
    
    section.home .container .row1 {
      grid-template-columns: 1fr;
    }
    
    .right-pic #pic1 {
      left: 23%;
      bottom: 14.75%;
      transition: transform 0.25s ease;
    }
    
    .right-pic #pic0 {
      left: 52%;
      bottom: 38.75%;
    }
    
    .right-pic #pic5 {
      transition: transform 0.1s ease;
      top: 47.75%;
      left: 32%;
      bottom: 50%;
    }
    
    .right-pic #pic2 {
      left: 34.5%;
      top: 37.5%;
      transition: transform 0.1s ease;
    }
    
    .right-pic #pic3 {
      right: 11.25%;
      bottom: 33%;
      transition: transform 0.1s ease;
    }
    
    .right-pic #pic4 {
      left: 9%;
      bottom: 23%;
      transition: transform 0.1s ease;
    }
    
    .desc {
      font-size: 10px;
    }
    }