@media only screen and (max-width: 1200px) {
  .bar-div {
    display: block;
  }

  nav ul {
    display: none;
  }

  .edu h4 {
    line-height: 25px;
  }
  .edu h5 {
    line-height: 16px;
  }
  .contact-text {
    width: 40%;
  }

  .contact-form {
    width: 60%;
  }

  .inputs,
  .inputs-textarea {
    width: 90%;
  }
  /* .logo {
    width: 470px;
  } */
}


@media only screen and (max-width: 763px) {
  .text-container h3 {
    font-size: 1rem;
  }

  .text-container h2 {
    font-size: 1.7rem;
  }
  .sidebar-item-div {
    width: 35%;
  }
}

@media only screen and (max-width: 646px) {
  .text-container h3 {
    font-size: 0.9rem;
  }

  .text-container h2 {
    font-size: 1.5rem;
  }
}

@media only screen and (max-width: 580px) {
  .text-container h3 {
    font-size: 0.9rem;
  }

  .text-container h2 {
    font-size: 1.3rem;
    line-height: 30px;
  }

  .image-container {
    background-position: 98% 80%;
    background-size: 60% 86%;
  }
}
@media only screen and (max-width: 500px) {
  .text-container h3 {
    font-size: 0.8rem;
  }

  .text-container h2 {
    font-size: 1rem;
  }
  .edu h4 {
    line-height: 15px;
  }

  .edu h5 {
    line-height: 13px;
  }
}

@media only screen and (max-width: 464px) {
  .image-container {
    width: 240px;
  }

  .text-container {
    width: 170px;
  }
  .text-container h3 {
    font-size: 0.75rem;
  }

  .text-container h2 {
    font-size: 0.9rem;
  }
}

@media only screen and (max-width: 763px) {
  .about-me {
    width: 100%;
    /* height: 1000px; */
    flex-direction: column;
    justify-content: top;
    align-items: center;
  }
  .about-img-div {
    margin-bottom: 30px;
  }

  #experience,
  #education {
    margin-left: 25px;
  }
  .about-img-div {
    width: 60%;
    max-height: 500px;
  }

  .about-text-div {
    width: 85%;
    /* height: 50%; */
    /* border: 1px solid green; */
  }

  .abt-skills-desc,
  .abt-skills div,
  .about-text-div h2,
  .about-text-div p {
    margin-left: 0px;
  }
  .abt-skills-desc {
    height: fit-content;
  }
  .abt-skills-desc {
    width: 100%;
  }
  .edu h4 {
    font-size: 0.8rem;
    line-height: 20px;
  }

  .edu h5 {
    line-height: 15px;
  }
  
  #edu,#ski,#exp{
      margin-left: 0 !important;
  }
  
}

@media only screen and (max-width: 421px) {
  .edu h4 {
    line-height: 13px;
  }

  .edu h5 {
    line-height: 12px;
  }
}

@media only screen and (max-width: 750px) {
  .mywork-sec {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 40px;
    margin-top: 30px;
  }
}

@media only screen and (max-width: 945px) {
  .contact-text {
    width: 40%;
  }

  .contact-form {
    width: 60%;
  }

  .contact-text h2 {
    font-size: 35px;
  }

  .contact-text span {
    font-size: 14px;
  }

  .fa-paper-plane,
  .fa-phone-square {
    font-size: 18px;
  }

  .fa-facebook-square,
  .fa-twitter-square,
  .fa-instagram,
  .fa-linkedin-square {
    font-size: 22px;
  }
}

@media only screen and (max-width: 763px) {
  .contact-section {
    width: 100%;
    height: 800px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .contact-text {
    width: 85%;
    height: 40%;
  }

  .contact-form {
    width: 85%;
    height: 60%;
  }

  .inputs,
  .inputs-textarea,
  .inputs-submit {
    margin-left: 0px;
  }

  .inputs,
  .inputs-textarea {
    width: 100%;
  }
  .text-container h3 {
    font-size: 1rem;
    margin: 0;
    padding: 0;
    line-height: 25px;
  }

  .text-container h2 {
    font-size: 2rem;
    margin: 0;
    padding: 0;
    line-height: 40px;
  }
  /* .about-img-div {
    width: 380px;
  } */
  .abt-skills-desc {
    margin-left: 50px;
  }
  .edu h4 {
    line-height: 22px;
  }
  .edu h5 {
    line-height: 15px;
  }
}