@media (max-width : 700px) {


.carousel-caption > p {
  height: 130px;
  overflow: auto;
}


}
@media (max-width : 1000px) {


.duty-department > p {
  height: 200px;
  overflow: auto;
}

}


/*head*/

.head p {
  display: block;
  justify-content: center;
  text-align: center;
  font-size: large;
  color: white;
  margin: 20px;
  padding: 20px;
  background-color: #0c71c3;
}

/*head2*/
.head2 p {
  margin: 0px 50px 30px 50px;
}

/*structure*/

.structure {
  display: block;
  justify-content: center;
  text-align: center;
}

.structure img {
  max-width: 100%;
}


/*logig*/

.carousel-item {
  margin-top: 20px;
  margin-bottom: 20px;
}

.bd-placeholder-img {
  height: 230px;
}

.carousel-caption > * {
  color: black;
}

.carousel-caption > h3 {
  margin-top: 10px;
}

.carousel-caption > p {
  font-size: 18px;
}

/*duty*/

.duty-department {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  padding: 40px;
  margin: 0px 50px 0px 5cqb;
}

.duty-department > p {
  font-size: larger;
  color: #746A6A;
}

/*human*/
.department-man {
  display: flex;
  justify-content: center;
  text-align: center;
}

.col-12 img {
  width: 80%;
  margin-top: 20px;
  max-width: 100%;
  height: auto;
}