html,
  body {
    height: 100%;
    margin: 0px;
  }

  .link-dark {
    font-weight: 400;
    color: #555;
    text-decoration: none;
  }
  .carousel-indicators li{
    background-color: #555;
  }

  .regform{
    padding:120px 50px 60px 60px;

  }

  .page-header--base:before {
    position: absolute;
    bottom: 0px;
    left: 0;
    background-image: url(https://www.familyofficeschina.com/images/bg__loop--page-header.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 98%;
    background-color: #f9f6f1;
    content: '';
    height: 100%;
    width: 50%;

  }

  .reg-left{
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 100%;
    }

    .page-header--base:after {
    position: absolute;
    top: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(rgba(249, 246, 241, 0)));
    background: linear-gradient(180deg, #fff 0%, rgba(249, 246, 241, 0) 100%);
    content: '';
    height: 100%;
    width: 100%;

  }
        .carousel{
        padding-top: 15px;
      }
            .ill{
        min-height: 250px;
      }
            .gow{
         min-height: 300px;
      }

            .ipal{
         min-height: 260px;
      }

            .slidepanel{
        padding: 50px 43px; color:#122e31; position: relative; z-index: 1000;
      }

@media (min-width: 1281px) {
  
.page-header--base:before {
    position: absolute;
    bottom: 0px;
    left: 0;
    background-image: url(https://www.familyofficeschina.com/images/bg__loop--page-header.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 98%;
    background-color: #f9f6f1;
    content: '';
    height: 100%;
    width: 50%;

  }

  .reg-left{
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 100%;
    }

    .page-header--base:after {
    position: absolute;
    top: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(rgba(249, 246, 241, 0)));
    background: linear-gradient(180deg, #fff 0%, rgba(249, 246, 241, 0) 100%);
    content: '';
    height: 100%;
    width: 100%;

  }
        .carousel{
        padding-top: 15px;
      }
            .ill{
        min-height: 250px;
      }
            .gow{
         min-height: 300px;
      }

            .ipal{
         min-height: 260px;
      }

            .slidepanel{
        padding: 50px 43px; color:#122e31; position: relative; z-index: 1000;
      }
  
}
  
   
@media (min-width: 320px) and (max-width: 480px) {
    .regform{
    padding:120px 10px 60px 10px;

  }
        .slidepanel{
        padding:  20px; color:#122e31; position: relative; z-index: 1000;
      }
  
.ill{
        min-height: 405px!important;
      }

      .gow{
         min-height: 340px;
      }

      .ipal{
         min-height: 260px;
      }

      .carousel{
        padding-top: 50px;
      }

      .reg-left{
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
    }
    .slidepanel{
        padding: 50px 43px; color:#122e31; position: relative; z-index: 1000;
      }

      .carousel-caption {

    position: absolute;
    right: 5%;
    bottom: 20px;
    left: 5%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;

}

  .page-header--base:before {
    position: absolute;
    bottom: 0px;
    left: 0;
    background-image: url(https://www.familyofficeschina.com/images/bg__loop--page-header.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 98%;
    background-color: #f9f6f1;
    content: '';
    height: 100%;
    width: 100%!important;

  }
  .page-header--base:after {
    position: absolute;
    top: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(rgba(249, 246, 241, 0)));
    background: linear-gradient(180deg, #fff 0%, rgba(249, 246, 241, 0) 100%);
    content: '';
    height: 100%;
    width: 100%;

  }


}

@media (min-width: 481px) and (max-width: 767px) {

  .ill{
        min-height: 250px;
      }

      .gow{
         min-height: 240px;
      }

      .carousel{
        padding-top: 0px;
      }
      .ipal{
         min-height: 250px;
      }

      .reg-left{
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
    }

    .slidepanel{
        padding: 0px 10px!important; color:#122e31; position: relative; z-index: 1000;
      }
  .page-header--base:before {
    position: absolute;
    bottom: 10px;
    left: 0;
    background-image: url(https://www.familyofficeschina.com/images/bg__loop--page-header.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-color: #f9f6f1;
    content: '';
    height: 600px!important;
    width: 100%!important;

  }
  .page-header--base:after {
    position: absolute;
    top: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(rgba(249, 246, 241, 0)));
    background: linear-gradient(180deg, #fff 0%, rgba(249, 246, 241, 0) 100%);
    content: '';
    height: 100%;
    width: 100%;

  }
  
}

  @media (min-width: 768px) and (max-width: 1024px) {
  
.page-header--base:before {
    position: absolute;
    bottom: 0px;
    left: 0;
    background-image: url(https://www.familyofficeschina.com/images/bg__loop--page-header.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 98%;
    background-color: #f9f6f1;
    content: '';
    height: 100%;
    width: 50%;

  }

  .reg-left{
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 100%;
    }

    .page-header--base:after {
    position: absolute;
    top: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(rgba(249, 246, 241, 0)));
    background: linear-gradient(180deg, #fff 0%, rgba(249, 246, 241, 0) 100%);
    content: '';
    height: 100%;
    width: 100%;

  }
        .carousel{
        padding-top: 15px;
      }
            .ill{
        min-height: 400px;
      }
            .gow{
         min-height: 300px;
      }

            .ipal{
         min-height: 260px;
      }


            .slidepanel{
        padding: 50px 43px; color:#122e31; position: relative; z-index: 1000;
      }
  
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

.page-header--base:before {
    position: absolute;
    bottom: 0px;
    left: 0;
    background-image: url(https://www.familyofficeschina.com/images/bg__loop--page-header.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 98%;
    background-color: #f9f6f1;
    content: '';
    height: 100%;
    width: 50%;

  }

  .reg-left{
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 100%;
    }

    .page-header--base:after {
    position: absolute;
    top: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(rgba(249, 246, 241, 0)));
    background: linear-gradient(180deg, #fff 0%, rgba(249, 246, 241, 0) 100%);
    content: '';
    height: 100%;
    width: 100%;

  }

        .carousel{
        padding-top: 15px;
      }
            .ill{
        min-height: 250px;
      }
            .gow{
         min-height: 300px;
      }

            .ipal{
         min-height: 260px;
      }

            .slidepanel{
        padding: 50px 43px; color:#122e31; position: relative; z-index: 1000;
      }
  
}



@media (min-width: 1025px) and (max-width: 1280px) {

.page-header--base:before {
    position: absolute;
    bottom: 0px;
    left: 0;
    background-image: url(https://www.familyofficeschina.com/images/bg__loop--page-header.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 98%;
    background-color: #f9f6f1;
    content: '';
    height: 100%;
    width: 50%;
  }

  .reg-left{
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 100%;
    }

    .page-header--base:after {
    position: absolute;
    top: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(rgba(249, 246, 241, 0)));
    background: linear-gradient(180deg, #fff 0%, rgba(249, 246, 241, 0) 100%);
    content: '';
    height: 100%;
    width: 100%;

  }

      .carousel{
        padding-top: 15px;
      }

      .ill{
        min-height: 250px;
      }

      .gow{
         min-height: 300px;
      }

      .ipal{
         min-height: 260px;
      }

      .slidepanel{
        padding: 50px 43px; color:#122e31; position: relative; z-index: 1000;
      }
  
}