/*--Big tablets to 1200px (widths smaller than 1200px)--*/

@media only screen and (max-width: 1200px) {
}

/*--Small tablets to big tablets: from 768px to 1023px--*/

@media only screen and (max-width: 1023px) {
  .profile-maininfo {
    margin: 7.9rem 8rem;
  }
  .basicinfo-education {
    flex-direction: column;
    gap: 7rem;
  }
  .education {
    width: 100%;
  }
  .youtube-links {
    padding-right: 8rem;
  }
}

/*--Small Phones to small tablets: from 481px to 767px--*/

@media only screen and (max-width: 767px) {
  .profile-maininfo {
    flex-direction: column;
    gap: 5rem;
  }

  .profile-maininfo-photoside {
    padding-right: 0;
    align-items: flex-start;
    border-right: 0;
  }
  .profile-maininfo-content {
    padding-left: 0;
  }

  .profile-maininfo-content .heading-secondary {
    text-align: left;
  }

  /* releveant resources */
  .youtube-links {
    width: 100%;
    padding-right: 0;
    border-right: 0;
    align-items: center;
  }
  .other-links {
    width: 100%;
    padding-left: 0;
    text-align: center;
  }
  .resources-container {
    flex-direction: column;
    text-align: center;
    gap: 4rem;
  }
  .info-content {
    padding: 3.7rem;
  }
}

/*--Small Phones: from 0px to 480px--*/

@media only screen and (max-width: 480px) {
  .profile-table tr {
    flex-direction: column;
  }
  .profile-table tr td {
    width: 100%;
  }
}