@media (min-width: 768px) {
.wrapper {
    width: 580px;
    margin: 0 auto;
    margin-top: 1em;
    border: 1px solid #ccc;
    padding: 2em;
    background: #fff;
    border-radius: 8px;
}

.reg {
    width: 600px;    
}
}

@media (max-width: 768px) {
.wrapper {
    width: 95%;
    margin: 0 auto;
    margin-top: 1em;
    border: 1px solid #ccc;
    padding: 1em;
    background: #fff;
    border-radius: 8px;
}

.reg {
    width: 95%;    
}
}

.select2-selection--single {
    height: 31px !important;
    padding-top: 5px;
}

.wrapper h4 {
  color: #000;
}

.wrapper .btn {
  padding: 4px 10px !important;
  font-size: 1.8rem !important;
}

.wrapper a:hover {
  //color: #dc2a1c;
}

.wrapper input {
  -webkit-box-shadow: none;
  box-shadow: none
}

@media (min-width: 768px) {
#loginsection {
    height: 100vh;    
  position: relative;
  text-align: center;
  width: 100vw;
}

.vcenter {
    top: 50%;
    position: absolute;
    margin: 0 auto;    
    left: 50%;
    -ms-transform: translate(-50%, -60%);
    transform: translate(-50%, -60%);
}