html, body {height: 100%; width: 100%;}
img {max-width: 100%; height: auto;}
.press-release{ margin: 0px; padding: 40px 0px;}

.press-release h2{ font-size: 3rem;
  font-weight: 700;
  color: #0094d3;
  padding: 0px 0px 0px 0px;
  margin: 0px;
  font-family: 'Montserrat', sans-serif; font-weight: 700;}

  .press-release h3{ font-size: 2rem;
    font-weight: 700;
    color: #000000;
    padding: 0px 0px 20px 0px;
    margin: 0px;
    font-family: 'Montserrat', sans-serif; font-weight: 700;}

  .press-release p {
    font-size: 22px;
    font-weight: 500;
    line-height: 30px;
    color: #232323;
    padding-bottom: 20px;
}

p.f22 {
  font-size: 22px;
  font-weight: 500;
  line-height: 30px;
  color: #232323;
  padding-bottom: 20px;
}


.banner-press{margin: 0px; padding: 40px 0px;}

.press-border{ border-bottom: 3px solid #dedede;}
.prBanner {background-image: url(../../img/press-release/pr-banner.jpg); background-size: cover; background-position: center center; position: relative; padding-top: 80px; padding-bottom: 220px;}
#curve {position: absolute; width: 100%; bottom: 0;}
#curve path {fill: #fff;}
.prBannerContent {text-align: center; color: #fff;}
h1.mainTitle {font-weight: bold; text-transform: uppercase;}
.subTitle {font-weight: 400;}
.prFeature {position: relative;}
/* .prFeature::after {content: ""; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; max-width: 1140px; margin: auto; height: 3px; background-color: #ccc;} */
.prFeature .prContent {padding: 0 0 0 15px;}
.prImg img {width: 100%;
  border: 2px solid #dedede;
  padding: 2px;}
.sectionTitle {font-weight: 700; margin-bottom: 20px;}

.prStudent {text-align: center;}
.prList, .prLatestList {display: flex; flex-wrap: wrap; margin: 30px -15px 0;}
.prItem { padding: 0 15px; width: calc(100%/3); }
.prItemBox { height: 100%; text-align: left; background-color: #fff; overflow: hidden; box-shadow: 0 1px 5px #ccc; border-radius:5px ; -webkit-border-radius:5px ; -moz-border-radius:5px ; -ms-border-radius:5px ; -o-border-radius:5px ; }
.prItemBox:hover{box-shadow: 0 1px 15px #ccc;}
.prList .prImg {height: 180px; overflow: hidden;}
.prList .prImg img { height: 180px; object-fit: cover; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
.prContent {padding: 15px;}
.prList .prImg:hover img { transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; }

.prLatestList .prItem {width: calc(100%/2); margin-bottom: 30px;}
.prLatestList .prItemBox {display: flex; background-color: #f8f9fa; height: 100%;}
.prLatestList .prImg {padding: 15px; padding-right: 0; width: 150px; overflow: hidden;}
.prLatestList .prContent {flex: 1; max-width: calc(100% - 150px);}

.prExtra { margin-top: 20px; line-height: initial;}
.prDate {display: inline-block; padding-right: 12px; margin-right: 10px; border-right: 1px solid #ccc; }

@media (max-width:991px) {
  .prList .prItem {width: 100%; margin-bottom: 30px;}
  .prList .prImg {height: auto; max-height: 300px;}
  .prList .prImg img {height: auto;}
  .prLatestList .prItem {width: 100%;}
}
@media (max-width:767px) {
  .prFeature .prContent {padding: 15px 0;}
}
@media (max-width:575px) {
  .prLatestList .prItemBox {flex-direction: column;}
  .prLatestList .prImg {width: 100%; height: auto; padding-right: 15px; max-height: 250px;}
  .prLatestList .prImg img {object-fit: contain; max-height: 100%;}
  .prLatestList .prContent {width: 100%; max-width: 100%;}
}
.container {
  max-width: 1250px
}