@media screen and (max-width: 2000px) {
  body {
    overflow: hidden;
  }
}
@media screen and (max-width: 992px) {
  .skillset .acc .hexa {
    gap: 1rem;
  }
  .hexa .hexaArea1 .hexagon img {
    height: 5rem;
    width: 5rem;
  }
  .hexa .hexaArea2 .hexagon img {
    height: 5rem;
    width: 5rem;
  }
}

@media screen and (max-width: 768px) {
  body {
    overflow: hidden;
  }
  .navbar {
    display: flex;
    /* flex-direction: column; */
  }
  .bar0 a img {
    justify-content: center;
    align-items: center;
    margin-left: 2rem;
    margin-right: 10rem;
  }
  .sec1 .navsec {
    margin-top: 11rem;
  }
  .bar {
    display: none;
  }
  .bar-alt {
    display: none;
  }
  .bar-alter {
    display: unset;
    /* background-color: #090a0f; */
    transition: all linear 0.5s;
  }
  .bar-alter {
    display: flex;
    gap: 0.5rem;
  }
  .bar-alter-cont {
    display: none;
  }
  .bar-alter:hover .bar-alter-cont {
    display: unset;
  }
  .bar-alter ul {
    list-style: none;
    /* padding-left:150px ; */
  }
  .bar-alter ul li {
    opacity: 1;
    margin-bottom: 0.5rem;
    margin-right: 0.2rem;
    /* padding-right: auto; */
    color: black;
    transition: all linear 0.5s;
  }

  .bar-alter ul li a {
    text-decoration: none;
    color: #d8d3d0;
  }

  .bar-alter li :hover {
    color: #909098;
    margin: 0;
    text-decoration: underline #404044;
  }
  .bar-alter li :active {
    color: rgb(34, 33, 32);
    text-decoration: line-through;
  }
  header:hover .bar-alter {
    background-color: #090a0f;
    transition: all linear 0.5s;
  }

  header:hover .bar-alter img {
    border: 2px white solid;
  }
  .bar-alter img:hover {
    cursor: pointer;
    border: 2px white solid;
  }
  .bar-alter img {
    height: 2rem;
    width: 2rem;
    /* margin-right: 15rem; */
  }

  .sintro {
    display: flex;
    flex-direction: column;
  }
  .introhead {
    display: flex;
    flex-direction: column;
  }
  .textintro {
    margin-top: 1rem;
    /* margin-right: 0.8rem; */
    color: whitesmoke;
    font-size: 6rem;
    font-weight: 700;
    /* line-height: 1.3; */
    text-align: center;
  }
  #styletext {
    /* margin-left: 14px; */
    /* padding-top: 65px; */
    color: white;
    /* font: 5vw/50vh "Tangerine"; */
    /* position: absolute; */
    font-family: "Tangerine", serif;
    font-size: 6rem;
    font-weight: bolder;
  }
  .tom {
    /* margin-left: 0; */
    /* padding-top: 4rem; */
    color: white;
    font-family: "Tangerine", serif;
    font-size: 6rem;
    font-weight: bolder;
  }
  .social {
    display: flex;
    text-align: center;
    justify-content: center;
    margin-top: 3rem;
  }

  .social img {
    height: 2.5rem;
    width: 2.5rem;
    /* padding: 2rem; */
    /* padding-left:30px; */
  }
  .intro-sec3 ul {
    display: flex;
    flex-direction: column;
  }
  .sec3intro1 {
    font-size: 2rem;
    font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS",
      sans-serif;
    padding-bottom: 4rem;
  }
  .sec3intro2 {
    font-size: 1rem;
    color: white;

    font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS",
      sans-serif;
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .skillset p {
    display: none;
  }
  #clickptimg {
    display: none;
  }
  .clickpt {
    display: none;
  }
  .skillset .acc .hexa {
    display: flex;
    flex-direction: row;
    gap: 3rem;
    align-items: center;
    justify-content: center;
  }
  .skillset .hexaArea1 {
    flex-direction: column;
    padding: 0;
    margin: 0;
    gap: 0;
  }
  .skillset .hexaArea2 {
    flex-direction: column;
    margin: 0;
    padding-top: 0;
    gap: 0;
  }
  .proedu {
    display: flex;
    flex-direction: column;
  }
  .edu .educont {
    justify-content: center;
    align-items: center;
    /* margin-left: 100rem; */
    padding-left: 8rem;
  }
  .edu p {
    max-width: 250px;
  }
  .edu p:nth-child(odd) {
    border-right: 3px solid;
    justify-content: center;
    align-items: center;
    padding-left: 0px;
  }
  .edu p:nth-child(odd):before {
    /* left: 100%; */
    margin-left: -20px;
  }

  .edu p:nth-child(even) {
    border-left: 3px solid;
    padding-right: 0;
  }
  .edu p:nth-child(even):before {
    /* right: 100%; */
    margin-right: -20px;
  }

  .edu p:first-child {
    border-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
  }

  .edu p:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .works {
    padding: 0;
    margin: 0;
    margin-bottom: 2rem;
  }
  .works .work1 {
    padding: 0;
    margin: 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 2rem;
  }
  .work1 .work1pic {
    transform: scale(0.5);
    padding: 0;
    margin: 0;
  }
  .work1 .work1text {
    margin: 0;

    /* text-align: center; */
  }
  .works .work2 {
    padding: 0;
    margin: 0;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    margin-bottom: 2rem;
  }
  .work2 .work2pic {
    transform: scale(0.5);
    padding: 0;
    margin: 0;
  }

  .work2 .work2text {
    margin: 0;

    /* text-align: center; */
  }
  .contactmap {
    flex-direction: column-reverse;
    gap: 0;
    justify-content: center;
    align-items: center;
  }
  .sec5 .maploc iframe {
    margin: 0;
    padding: 0;
    transform: scale(0.5);
    justify-content: center;
    align-items: center;
    margin-right: 2rem;
    margin-left: 6rem;
  }

  .sec5 footer {
    margin-top: 20px;
  }
  .sec5 footer ul {
    list-style: none;
    display: flex;
    text-align: center;
    justify-content: center;
  }
  .sec5 footer ul li {
    padding: 0.5rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin: auto;
  }
  .sec5 footer ul li span {
    padding: 1rem;
    color: rgb(236, 236, 236);
    text-align: left;
  }
}