.login-box {
    height: auto;

}

@media (max-width:600px) {
    .login-box {
        max-width: 90%;

    }
}

@media (max-width:360px) {
    .login-box {
        max-width: 95%;
    }
}

.contact-form {
    padding: 15px 5px;
    border-radius:200px;
    font-weight: bold;
    background-color: #fff;
    width: 200px;
    float: right;
    right: 10px;
    text-align: center;
    position: fixed;
    bottom: 10px;
    cursor: pointer;
    font-size: 14pt;
    z-index: 10;

}

.contactunchecked {
    position: fixed;
    bottom: 0px;
    transition: all .7s;
}

.contactchecked {
    position: fixed;
    transition: all .7s;
    bottom: 690px;
    padding-bottom: 10px;
}

.contactunformchecked {
    position: fixed;
  bottom: 75px;
  right: 0px;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  pointer-events: none;
  max-height: 75%;
  overflow-x: auto;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

.contactformchecked {
    position: fixed;
    bottom: 75px;
    right: 0px;
    opacity: 1;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  pointer-events: auto;
  max-height: 75%;
  overflow-x: auto;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

.contactformchecked::-webkit-scrollbar {
    width: 5px;
}

.contactformchecked::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.contactformchecked::-webkit-scrollbar-thumb {
    background: #888;
}

.contactunformchecked::-webkit-scrollbar {
    width: 5px;
}

.contactunformchecked::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.contactunformchecked::-webkit-scrollbar-thumb {
    background: #888;
}
.input-group-icon > div{
height: 38px !important;
border-radius: 0 0.25rem 0.25rem 0 !important;
width: 40px !important;
justify-content: center !important;
padding: 0 !important;
border-left: none  !important;
}
/* 
@media(max-height:768px) {

    .contactformchecked{
        max-height: 90%;
        overflow-x: auto;
        transition:none;
    }
    .contactchecked{
        bottom: 90%;
        transition:none;
    }
    .contactunchecked{
        transition: none;
    }
    .contactunformchecked{
        transition: none;
    }
} */