.h3-heading{
    font-size: 25px;
    font-family: inherit;
    text-decoration: underline;
    text-align: center;
        
    } 
    
  
    .div-company-details{
    display: inline-flex;
    }
    .divhead{
    display: inline-block;
    width: 100%;
    font-family: math;
    font-size: 19px;
    font-weight: bold;
    border: 1px black solid;
    line-height: 2;

    }
    
  
    .label-one{
    border: 1px solid;
    border-radius: 10px;
    width: 8%;

    }
    .input-one{
    border: 1px solid;
    border-radius: 10px;
   text-transform: capitalize;
   width: 9%;
    }
 
#district{
     width:23.5%;
}

#input-width{
    width:24.50%;
        }
#input-width-two{
    width:15.50%;
        }
#input-width-3 {
    width: 11.5%;
    padding: 15px 0px 15px;
}
#primaryrole{
    width: 15.5%;
    padding: 13px 26px 15px;
}
#subrole{
    width: 15.5%;
    padding: 13px 38px 15px;

}

#uptext{
    text-transform: uppercase;
}
#input-width-lowertext{
   text-transform: lowercase;
    width: 24.5%;



}
@media only screen and (max-width: 600px){
    
 .divhead{
    font-size: 15px;
    line-height: 2;
    
    }
    .label-one{
    width: 18%;

    }
    .input-one{
      width:30%;
     font-weight: bolder;
    }
 


#input-width{
    width:80.50%;
        }
#input-width-two{
    width:60.50%;
        }
#leb-one {
   width:38%;
}
#input-width-2{
    width:60.50%;
    
}
#input-width-3{
   width: 80.5%;
    padding: 6px 27px 8px;
    text-align: center;
}
#primaryrole{
     width: 60.5%;
    padding: 6px 27px 8px;
    text-align: center;

}
#subrole{
    width: 60.5%;
    padding: 6px 27px 8px;
    text-align: center; 
}
#input-width-lowertext{
  
    width: 99.5%;
}
#password{
    width:60.50%;
}
form i {
   margin-left:-26px;
    cursor: pointer;



}
.div-userheading{
   margin-left: 5%;
}
.h3-heading{
    font-size: 19px;
        
    } 
#img{
    display:none;
}
#district{
     width:80.50%;
}
}