.column-controller {
  display: flex;
  flex-direction: row;
  gap: 10px;
  padding: 80px 150px 80px 150px;
}

.column-controller .information {
  padding: 0;
}

.column-controller .information .head-title,
.column-controller .information .content {
  margin: 0 !important;
  padding: 0 !important;
}

.left-side {
  width: 40%;
  height: 100%;
}

.left-sidefifty {
  width: 50%;
  height: 100%;
}

.right-sidefifty {
  width: 50%;
  height: 100%;
}

.left-side img {
  height: 400px;
}

.right-side {
  width: 60%;
  height: 100%;
}

.right-side img {
  height: 195px;
}

.right-top {
  height: 100%;
}

.right-bottom {
  height: 195px;
}

.left-sidesixty {
  width: 60%;
  height: 100%;
}

.right-sidefourty {
  width: 40%;
  height: 100%;
}

@media screen and (max-width: 756px) {
  .column-controller {
    flex-direction: column;
    height: auto;
    padding: 40px 16px;
  }

  .left-side {
    width: 100%;
    height: auto;
  }

  .right-side {
    width: 100%;
    height: auto;
    gap: 10px;
  }

  .right-top {
    height: auto;
  }

  .right-bottom {
    height: auto;
  }

  .left-side img {
    height: auto !important;
  }

  .left-sidesixty {
    width: 100%;
    height: auto;
  }

  .right-sidefourty {
    width: 100%;
    height: auto;
    gap: 10px;
  }
}

@media screen and (min-width: 768px) {
  .mice-column-controller {
    padding-top: 0px;
    padding-bottom: 30px;
  }
  .mice-left-sidy {
    border-right: 1px solid #dfe0eb;
    padding-right: 50px;
  }

  .mice-controller-gap {
    gap: 50px;
  }
}

@media screen and (max-width: 768px) {
  .mice-column-controller {
    padding-top: 20px;
    padding-bottom: 0px;
  }
  .mice-left-bottom {
    margin-bottom: 5%;
  }
}

/* board of directors - individual page */
.column-controller#director-profile {
    margin: 0px 15px;
    padding-top: 0px;
    gap: 24px;
}

.column-controller#director-profile .left-side, .column-controller#director-profile .right-side {
    width: 100%;
}

.column-controller#director-profile .left-side .image img {
    /*
    border-radius: 25%;
    box-shadow: 0 0 0 5px #684b9b, 0 0 0 10px #e3d4fe;

    border-radius: 15%;4
    box-shadow: 0 0 0 2px #684b9b;
    */
    border-radius: 30%;
	box-shadow: 0 0 0 2px #e3d4fe, 0 0 0 10px #f8f9fa, 0 0 0 11px #9596ac;
}

@media (min-width: 768px) {
    .column-controller#director-profile {
        gap: 5%;
    }

    .column-controller#director-profile .left-side {
        width: 30%;
    }

	.column-controller#director-profile .right-side {
        width: 70%;
    }

	.column-controller#director-profile .col-sm-9 {
        width: 65% !important;
    }

    .column-controller#director-profile .col-sm-3.zonesub {
        width: 35% !important;
    }
}