.bg-form{ 
    background: url("../img/background-new2.png"); 
    background-size: 100%; 
    background-repeat: no-repeat; margin: auto; 
    -webkit-box-shadow: 2px 10px 34px 0px rgba(0,0,0,0.36);
    -moz-box-shadow: 2px 10px 34px 0px rgba(0,0,0,0.36);
    box-shadow: 2px 10px 34px 0px rgba(0,0,0,0.36);
}
.blog-post .post-content{
  max-height: unset;
}
.row{ padding-bottom: 20px;  }
body .row-form{ 
   margin-right: auto;
   margin-left: auto;
   max-width: 813px;
   margin-top: 42px; 
 }
body .col-max{ 
 flex: 0 0 52.33333%;
 max-width: 41.33333%; }

.title {
    font-weight: 600;
}

.block-profile{
  /*background: #00ADEF;
  color: #fff;*/
}

.block-profile-content{
  padding-top: 5px;
  padding-bottom: 5px;

}

.block-profile-content h6{
  /*color: #fff;*/
}

.badge{
  font-size: 14px;
}
.badge.badge-green{
  background: #02d102 !important;
  color: #fff;
}

.badge-default{
  background: #eee;
}

.badge-warning{
  background: #fbaa00;
  color: #fff;
}

.course-title {
  font-weight: 600 !important;
}

.btn-orange {
  background-color: #ff6600;
}
@media (min-width: 1024px) and (max-width: 1365px){
  body.landing-page .registration-login-form { min-height: 600px; 
    max-height: 600px;}
}
@media (min-width: 768px) and (max-width: 1023px){
  body.landing-page .bg-form {
    background-size: cover;
    background-position: center;
  }
  body.landing-page .registration-login-form {
    min-height: 0px;
    max-height: 500px;
    padding-top: 0px;
  }
}

@media (max-width: 767px){
  body.landing-page .row{     
    display: block;
    margin-right: 0px;
    margin-left: 0px;
  }

  body.landing-page .bg-form {
    background-size: cover;
    background-position: center;
  }
  body.landing-page .registration-login-form {
    padding-top: 0px; min-height: 300px; 
  }
  body .registration-login-form .content{ padding: 35px 5px; }
  body.landing-page .registration-login-form p{
  font-size: 14px;
    color: #02251b;
    font-weight: 700;
  }
  body.landing-page .col-max {
    flex: unset;
    max-width: 100%;

}
}

body .label-floating .form-control, .label-floating input, .label-floating select{
  padding-top: 30px;
}
@media (min-width: 320px) and (max-width: 767px) {
 
  .col-s-h {
      height: 125px !important;
    }

}