/* Normal desktop :1200px. */
@media (min-width: 1400px) and (max-width: 3840px) {
  .icon {
    position: absolute;
    left: 21.5%;
    top: 7.5%;
  }
  .login-icon {
    position: absolute;
    left: 31.65%;
    top: 7.5%;
  }
}
/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1399px) {
  .icon {
    position: absolute;
    left: 17%;
    top: 7.5%;
  }
  .login-icon {
    position: absolute;
    left: 28.7%;
    top: 7.5%;
  }
}


/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1199px) {

  .icon {
    position: absolute;
    left: 10.8%;
    top: 7.5%;
  }
  .login-icon {
    position: absolute;
    left: 24.9%;
    top: 7.5%;
  }
}


/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {

  .icon {
    position: absolute;
    left: 9.1%;
    top: 7.4%;
  }
  .login-icon {
    position: absolute;
    left: 16.4%;
    top: 7.4%;
  }
}

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

  .icon {
    position: absolute;
    left: 9.1%;
    top: 7.2%;
  }
  .login-icon {
    position: absolute;
    left: 12.5%;
    top: 7.2%;
  }
}

@media (min-width: 180px) and (max-width: 479px) {

  .icon {
    position: absolute;
    left: 9.3%;
    top: 7.2%;
  }
  .login-icon {
    position: absolute;
    left: 9.3%;
    top: 7.2%;
  }
  .login-top-icon{
      width:110px;
  }
    .icon img {
      width: 130px;
    }
}