.main {
  max-height: 600px;
  overflow: hidden; }
  .main .video-bg {
    min-width: 320px;
    width: 100%;
    min-height: 500px;
    max-width: 100vw;
    display: none; }
  .main .carousel-caption-inner {
    width: 400px;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 5px 30px;
    height: 260px;
    top: auto;
    bottom: 5%; }
    .main .carousel-caption-inner h1 {
      font-size: 40px;
      line-height: 1.15; }
    .main .carousel-caption-inner .btn-video {
      margin-top: 0; }

.ful-width-image .main-image-new .caption p.readmore-white {
  float: none; }

.service-section .row {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  flex-direction: row;
  align-items: center;
  margin: 18px auto;
  margin-bottom: 0; }
.service-section .item {
  width: calc(100%/3 - 10px);
  min-width: 250px;
  position: relative;
  margin-right: 15px;
  margin-bottom: 15px; }
  .service-section .item:last-child {
    margin-right: 0; }
  .service-section .item .title {
    line-height: inherit;
    color: #6c6c6c;
    margin-bottom: 10px; }
    .service-section .item .title.white {
      color: white; }
  .service-section .item .content {
    position: absolute;
    bottom: 0px;
    padding: 0px 30px 20px;
    width: 100%; }
  .service-section .item .content h1 {
    font-size: 32px; }
  .service-section .item .readmore-white {
    font-size: 17px; }
.service-section .service-icon {
  width: 100%; }
  .service-section .service-icon.mobile {
    display: none; }

@media screen and (min-width: 1080px) and (max-width: 1180px) {
  .service-section .item .content h1 {
    font-size: 28px; } }
@media screen and (min-width: 801px) and (max-width: 1080px) {
  .service-section .item .content {
    padding-bottom: 5px; }
    .service-section .item .content h1 {
      font-size: 22px; }
    .service-section .item .content a {
      font-size: 14px;
      margin-bottom: 5px; } }
@media screen and (max-width: 800px) {
  .main {
    max-height: 800px; }
     .main video {
      display: none; }
     .main .play-bt {
      display: none; }
     .main .pause-bt {
      display: none; }
   .main .carousel-caption-inner h1 {
      font-size: 24px; }
  .main .carousel-caption-inner {
    width: 100%; }
   .main  .carousel-caption-inner .btn-video {
      background-position: center center;
      height: 60px;
      margin-top: 0; }
    .main .carousel-caption-inner .btn-video button {
      display: none; }
  .main {
    position: relative; }
    .main .topb {
      margin: 0;
      padding-bottom: 0;
      bottom: 0; }
    .main .video-bg {
      display: block; }
    .main .carousel-caption-inner {
      top: auto;
      bottom: 0;
      left: auto;
      height: auto;
      min-height: 200px;
      text-align: center; }
  .service-section {
    padding-top: 5px; }
    .service-section .row {
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      flex-direction: column;
      align-items: center; }
    .service-section .item {
      width: 100%;
      min-width: auto;
      margin-bottom: 15px;
      margin-right: 0; }
      .service-section .item .readmore-white {
        font-size: 17px; }
    .service-section .service-icon {
      width: 100%; }
      .service-section .service-icon.mobile {
        display: block; }
      .service-section .service-icon.web {
        display: none; }
  p.readmore-white,
  .ful-two-col-block .content p.readmore-white,
  .ful-width-image .caption p.readmore-white {
    float: none; }
  .ful-two-col-block .col-md-6 .content.content-bg .desc {
    text-align: left; }
  .home-full-1 .investor-content {
    padding: 0; }
  .investor-image img {
    min-width: 345px;
    width: 90%; }
  div.investor-news-bg {
    min-height: 650px;
    height: 100vw; }
  .investor-news .investor-content {
    position: relative; }
  .home-full-1 .main-image-new .caption {
    bottom: 0px; }
  .ful-two-col-block .left,
  .ful-two-col-block .right {
    margin-top: 15px; } }
@media screen and (max-width: 500px) {
  .ful-two-col-block .col-md-6 .content.content-bg {
    padding: 20px 40px; } }
@media screen and (max-width: 500px) {
  div.investor-news-bg {
    min-height: 550px; } }

/*# sourceMappingURL=home_custom.css.map */