#banner-csr {
   background: url(../images/panner/banner-new.png);
   background-position: 50%;
   background-repeat: no-repeat;
   background-size: auto;
   min-height: 250px;
}

.banner-container {
   display: flex;
   align-items: center;
   justify-content: center;
}

.font-banner {
   color: #fff;
   font-size: 28px;
   font-weight: 600;
   text-transform: uppercase;
   font-family: Roboto, sans-serif;
   text-shadow: 0 4px 4px rgba(0, 0, 0, .25);
}

.business-story-content {
   background: #eef3ff;
}

.breadcrumb-section {
   background-color: rgba(0, 69, 136, .1);
   padding: .75rem 0;
}

.breadcrumb {
   color: #212529;
   font-size: 15px;
   margin: 0;
   padding: 0;
}

.breadcrumb-item {
   align-items: center;
   display: flex;
   flex-direction: row;
}

.breadcrumb-item:first-child.individual:before {
   background-image: url(../images/svg/icon-individual.svg);
}

.breadcrumb-item+.breadcrumb-item:before {
   background: url(../images/svg/icon-arrow-breadcumb.svg) no-repeat 0 transparent;
   content: "";
   float: none;
   height: 24px;
   padding: 0;
   width: 24px;
}

.breadcrumb-item+.breadcrumb-item {
   padding-left: 0;
}

.breadcrumb-item:first-child:before {
   margin-right: 12px;
   content: "";
   float: none;
   height: 24px;
   padding: 0;
   width: 24px;
}

.breadcrumb-item.individual>a {
   color: #004588;
   cursor: pointer;
}

.layout-content {
   padding-top: 50px;
   padding-bottom: 50px;
}

.container-left .multimedia-item {
   margin-bottom: 20px;
}

.multimedia-item .latest-news {
   height: 100%;
   background-color: #fff;
   transition: all .1s ease;
}

.multimedia-item .multimedia-image {
   width: 100%;
   height: 180px;
   object-fit: cover;
   overflow: hidden;
}

.latest-news .multimedia-image img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   transition: all .2s ease;
}

.latest-news:hover {
   box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.1), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
}

.latest-news:hover .multimedia-image img {
   transform: scale(1.06);
}

.img-banner-top .banner-advertisment img,
.img-banner-bottom .banner-advertisment img {
   width: 100%;
   height: auto;
}

.img-banner-bottom {
   margin-top: 10px;
}

.multimedia-content {
   padding: 20px 10px;
}

.other-info .icon-clock {
   color: #212529;
}

.multimedia-content .creation-time {
   color: #a0a0a0;
   font-size: 14px;
   padding: 0 2px;
}

.multimedia-content .news-title:hover {
   text-decoration: underline;
   color: #004b8e;
}

.div-pagination .page-item {
   width: 40px;
   display: flex;
   background: #fff;
   border-radius: 50%;
   margin: 0 4px;
   align-items: center;
   justify-content: center;
   box-shadow: 0 2px 6px rgba(0, 0, 0, .25);
}

.div-pagination .page-link,
.page-item.active .page-link {
   margin: 0;
}

.detail-video {
   width: auto;
   height: auto;
   margin-top: 20px;
   margin-bottom: 20px;
}

.personal-promotion-detail-wrapper-title {
   color: #212121;
}

.common-title {
   font-size: 25px;
   line-height: 45px;
   font-weight: 600;
}

.other-info.details {
   font-size: 14px;
}

.detail-img {
   margin-top: 20px;
   margin-bottom: 20px;
   text-align: center;
}

.detail-img img {
   width: 100%;
   height: 400px;
   object-fit: cover;
   box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
   margin-bottom: 25px;
   border-radius: 2px;
}


@media only screen and (min-width: 375px) and (max-width: 768px) {
   .breadcrumb-section {
      padding: .75rem 0 !important;
   }

   .layout-content {
      padding-bottom: 30px;
      padding-top: 30px;
   }

   .multimedia-item .multimedia-image {
      height: 250px;
   }

   .img-banner-bottom {
      display: none;
   }

   .detail-video {
      width: 100%;
      height: auto;
      margin-top: 10px;
      margin-bottom: 10px;
   }

   .breadcrumb-section.details {
      margin-top: 16.5%;
   }

   .detail-img {
      margin-bottom: 0;
   }

   .detail-img img {
      width: 100%;
      height: 300px;
      margin-bottom: 0;
   }
}