.workdetail {
  position: fixed;
  right: 60px;
  width: 25%;
  top: 440px;
  height: calc(100% - 460px);
  overflow-y: auto; 
}
.workdetail::-webkit-scrollbar {
  width: 10px;
}
.workdetail::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.workdetail::-webkit-scrollbar-thumb {
  background: #888;
}
.workdetail::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.workdetail p {
  margin-bottom: 0;
  line-height: 1.6;
}
.workdetail li {
  list-style-type: none;
}
.workdetail ul {
  padding: 0;
}
.workdetail li a {
  color: #000000;
  text-decoration: none;
}
@media only screen and (max-width: 767px) {
  .workdetail {
    display: block;
    position: fixed;
    left: 40px;
    width: auto;
    top: 500px;
    bottom: 10px;
    min-height: calc(100% - 480px); /* Adjust 80px to your footer's height */
    margin-bottom: -480px; /* Negative value of footer's height */
    overflow-y: auto; 
  }
}