@media only screen and (max-width: 3500px) and (min-width: 2500px)  {

  .login-left{
      padding: 200px 150px 50px 150px;
  }
    .login-right {
    padding:222px 128px 50px 59px;
  }
  .login-hadding h1 {
    font-size: 40px;
  }


}


@media only screen and (max-width: 2499px) and (min-width: 1920px)  {
.login-left {
    padding: 100px 50px 40px;
}
.login-right {
    padding: 400px 50px 60px;
}
}









@media(min-width:3600px){
  .login-left{
  	  padding: 217px 332px 50px 360px;
  }
  .login-right {
  	padding:217px 558px 486px 319px;
  }
  .login-logo {
    max-width: 488px;
    margin-bottom: 61px;
}

}


@media(max-width:2560px){
  .login-left{
      padding: 60px 200px 40px 200px;
  }
  .login-right {
    padding:64px 290px 40px 190px;
  }
  .login-logo {
    max-width: 320px;
    margin-bottom: 25px;
}
.login-hadding {
    max-width: 641px;
    margin: auto;
}
.login-hadding h1 {
    font-size: 31px;
}
.login-right-content p {
    font-size: 17px;
    margin-bottom: 23px;
    line-height: 26px;
}
.login-hadding h1 span{
  min-height: 44px;
  line-height: 39px;
  
}
.social-media.text-center ul li a {
    width: 58px;
    height: 58px;
}
.login-right-content {
    padding: 20px 0px 0 50px;
    max-width: 654px;
}
.social-media.text-center ul {
    margin: 30px 0 18px 0px;
}
.social-media p {
    color: #56667b;
    font-size: 20px;
    margin-bottom: 38px;
}
.row-mr {
    margin-left: -7px;
    margin-right: -7px;
}
.grid-pd {
    padding-left: 7px;
    padding-right: 7px;
}
.form__label {
    left: 74px;
    font-size: 16px;
}
.form__input {
    height: 70px;
    padding-left: 71px;
}
.main-form.active .form__label {
    top: 17px;
    font-size: 12px;
}

.main-form {
    margin-bottom: 14px;
  }
.counter{
      width: 133px;
      right:12px;
      padding: 5px 10px;
}
.form-icon{
  width: 31px;
  transform: translate(25px, -50%);
}
.submit-button button {
    max-width: 428px;
}

}

@media(max-width:2200px){
    .login-left {
    padding: 60px 60px 40px 60px;
}
.login-right {
    padding: 64px 60px 40px 60px;
}
.login-hadding,
.login-right-content{
    max-width: 100%;
}
}

@media(max-width:1920px){
.login-hadding h1 {
    font-size: 25px;
}
.login-logo {
    max-width: 220px;
    margin-bottom: 15px;
}
.submit-button {
    margin-top: 30px;
}
.form__input{
    height: 60px;
}
.login-right-content{
    padding: 20px 0px 0 0px;
}
.submit-button button {
    max-width: 338px;
}
}

@media(max-width:1600px){

.left-body {
    max-width: 950px;
}

.login-left,
.login-right{
    width: 100%;
}

}
}

@media(max-width:991px){
    
}

@media(max-width:767px){
.login-form{
    height:auto;
}    
.login-left {
    padding: 40px 20px 40px 20px;
}
.login-hadding h1 {
    font-size: 16px;
}
.login-hadding h1 span {
    min-height: auto;
}
.social-media.text-center ul li a {
    width: 38px;
    height: 38px;
    font-size: 14px;
}
.social-media ul li {
    margin: 0 4px;
}
.social-media p {
    font-size: 12px;
    margin-bottom: 10px;
}
.form__input {
    height: 48px;
    border-radius: 11px;
    padding-left: 46px;
    font-size: 12px;
}
.form__label {
    left: 50px;
    font-size: 10px;
}
.form-icon {
    width: 24px;
    transform: translate(13px, -50%);
    top: 45%;
}
.counter {
    width: 110px;
    height: 30px;
}
.login-logo {
    max-width: 170px;
}
.main-form.active .form__label {
    top: 1px;
    font-size: 9px;
    left: 44px;
    background: #fff;
    padding: 0px 4px;
}
.counter span{
    width: 20px;
    height: 20px;
}
.submit-button button {
    max-width: 190px;
}
.counter input{
    font-size:13px;
}
}

@media(max-width:1524px){
.login-form {
    flex-wrap: wrap;
}
.left-body {
    max-width: 1420px;
    margin: auto;
}
}