@media only screen and (max-width: 1000px) {
    body{
        padding-left: 10px;
    }
    section:nth-child(1):before {
        height: 360px;
    }
    
    .header {
        top: 60px;
        left: 20px;
    }
    .hero {
        width: 50%;
         margin: unset;
        position: absolute;
        top: 70px;
        left: 50%;
        
    }
    .language{
        margin: 0;
    }
    #hero {
        margin-top: 240px;
        margin-left: 3%;
    }
    .skills {
        width: 300px;
    }
    .aboutme{
        width: 400px;
    }
    .something {
        height: 271px;
        width: 189px;
        margin-top: 15px;
    }
    .me {
        width: 150px;
    }
    .wave {
        left: 0;
        top: 360px;
    }
    .details {
        font-size: 15px;
    }
    .somethingaboutme{
        margin-top: 30px;
        width: 300px;

      }
    .sections{
        display: inline-block;
      }
    .headings {
        font-size: 50px;
    }
    .latest-word {
        width: 350px;
    }
    .heading {
        font-size: 50px;
    }
    .joblottie{
        display: none;
    }
    #certificate img{
        height: unset;
        width: 90%;
      }
      #close{
        right: 10px;
        top: 10px;
       }
}
@media only screen and (max-width: 400px){
    .herodiv {
        height: 80px;
    }
    .language{
        margin: 0;
    }
    .flip-card-front, .flip-card-back {
        margin-top: -14px;
    }
    #close{
        right: 5px;
        top: 5px;
       }
      .joblottie{
          display: none;
      }
.heading {
    font-size: 40px;
}
.details {
    font-size: 10px;
}
.aboutme {
    width: 250px;
}
i {
    font-size: 30px;
}
.hero {
    top: 100px;
    
}
#hero {
    margin-left: 5%;
}
.skills {
    width: 250px;
}
.latest-word {
    width: 250px;
    height: 200px;
}
.headings {
    font-size: 30px;
}
}