body
{
	display:block;
	height:750px;
	background-repeat:no-repeat;
	overflow:hidden;
	font-family: 'Quicksand', sans-serif;
}
h3
{
	font-family: 'Quicksand', sans-serif;
}
.form_fields {

    width:55%;
    border:0px;

    border-bottom: 2px solid #A9A9A9;

}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color:#808080;
  
 }
 span
{
padding-right:15px;
}
  .span_txt{
	padding-left:10px;
  }
  .btnlogin{
  width: 40%;

padding: 8px 0px;

background:
#FEB100;

border: 2px solid
#FEB100;

border-radius: 20px;

color:white;
font-weight: bold;
margin-left:68px;
}
.checkmark {
  position: absolute;
  top: 135px;

left: 101px;

height: 17px;

width: 17px;
  background-color: red;
}
/* The container */

.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left:-2px;
  height:17px;
  width:17px;
  background-color:#FEB100;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #FEB100;
}
.form-group {

    margin-bottom: 23px !important;

}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color:#FEB100;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 7px;

top: 4px;

width: 5px;

height: 9px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.container, .container a,a{
font-size:15px;font-family: 'Quicksand', sans-serif !important;
}
.form_img{
	margin-top:26%;
	margin-left:-35%;
}
.login_frm {
width:100%;
    position: absolute;
    top: 38%;
    left: 43%;

}
.login_frm h3
{
	padding-left: 80px;

padding-bottom: 20px;
}
@media(min-width:1701px) and (max-width:1760px){
    body{
		-moz-background-size: cover ;
            -webkit-background-size: cover !important;
            -o-background-size: cover !important;
            background-size: cover !important; 
            background-size: contain !important;
            display: inline-block !important;
            width: 100%;
            
            background-size: 100% !important;
            background-position: left top !important;
            background-repeat: no-repeat !important;
            
        }
        .form_img {

   
    margin-left: -26%;

}
        .login_frm {
            left: 42%;
            width:85%;
            top: 40%;
        }
}
@media(min-width:1651px) and (max-width:1700px){
    body{
		-moz-background-size: cover ;
            -webkit-background-size: cover !important;
            -o-background-size: cover !important;
            background-size: cover !important; 
            background-size: contain !important;
            display: inline-block !important;
            width: 100%;
            
            background-size: 100% !important;
            background-position: left top !important;
            background-repeat: no-repeat !important;
            
        }
        .form_img {

   
    margin-left: -26%;

}
        .login_frm {
            left: 42%;
            width: 90%;
            top: 40%;
        }
}
@media(min-width:1590px) and (max-width:1650px){
    body{
		-moz-background-size: cover ;
            -webkit-background-size: cover !important;
            -o-background-size: cover !important;
            background-size: cover !important; 
            background-size: contain !important;
            display: inline-block !important;
            width: 100%;
            
            background-size: 100% !important;
            background-position: left top !important;
            background-repeat: no-repeat !important;
            
        }
        .login_frm {
            left: 42%;
            width: 90%;
        }
}
@media(min-width:1486px) and (max-width:1500px){
    body{
		-moz-background-size: cover ;
            -webkit-background-size: cover !important;
            -o-background-size: cover !important;
            background-size: cover !important; 
            background-size: contain !important;
            display: inline-block !important;
            width: 100%;
            
            background-size: 100% !important;
            background-position: left top !important;
            background-repeat: no-repeat !important;
            
        }
        .login_frm {
            left:46%;
        }
}
@media(min-width:1400px) and (max-width:1485px){
    body{
		-moz-background-size: cover ;
            -webkit-background-size: cover !important;
            -o-background-size: cover !important;
            background-size: cover !important; 
            background-size: contain !important;
            display: inline-block !important;
            width: 100%;
            
            background-size: 100% !important;
            background-position: left top !important;
            background-repeat: no-repeat !important;
            
        }
        .login_frm {
            left:50%;
        }
}

@media(min-width:1300px) and (max-width:1399px){
    body{
		-moz-background-size: cover ;
            -webkit-background-size: cover !important;
            -o-background-size: cover !important;
            background-size: cover !important; 
            background-size: contain !important;
            display: inline-block !important;
            width: 100%;
            
            background-size: 100% !important;
            background-position: left top !important;
            background-repeat: no-repeat !important;
            overflow:scroll;
            
        }
        .login_frm {
            left:60%;
        }
        .container, .container a, a {
            font-size: 14px;
            
        }
        
}
@media(min-width:1200px) and (max-width:1299px){
    body{
		-moz-background-size: cover ;
            -webkit-background-size: cover !important;
            -o-background-size: cover !important;
            background-size: cover !important; 
            background-size: contain !important;
            display: inline-block !important;
            width: 100%;
            
            background-size: 100% !important;
            background-position: left top !important;
            background-repeat: no-repeat !important;
            overflow:scroll;
            
        }
        .login_frm {
            left:68%;
        }
        .container, .container a, a {
            font-size: 13px;
            
        }
        
}
@media(min-width:1100px) and (max-width:1199px){
    body{
		-moz-background-size: cover ;
            -webkit-background-size: cover !important;
            -o-background-size: cover !important;
            background-size: cover !important; 
            background-size: contain !important;
            display: inline-block !important;
            width: 100%;
            
            background-size: 100% !important;
            background-position: left top !important;
            background-repeat: no-repeat !important;
            overflow:scroll;
            
        }
        .login_frm {
            left:73%;
        }
        .container, .container a, a {
            font-size: 11px;
            
        }
        .form_fields {
    width:70%;}
        
}

@media(min-width:1024px) and (max-width:1099px){
    body{
		-moz-background-size: cover ;
            -webkit-background-size: cover !important;
            -o-background-size: cover !important;
            background-size: cover !important; 
            background-size: contain !important;
            display: inline-block !important;
            width: 100%;
            
            background-size: 100% !important;
            background-position: left top !important;
            background-repeat: no-repeat !important;
            overflow:scroll;
            
        }
        .login_frm {
            left:64%;
        }
      
        .form_fields {
    width:65%;}
    
    img{
    width: 685px !important; 
    height: 650px !important;
}
.container, .container a, a {
    font-size: 10px;
    font-weight: bold;
}
        
}

@media(min-width:992px) and (max-width:1024px){
    body{
		-moz-background-size: cover ;
            -webkit-background-size: cover !important;
            -o-background-size: cover !important;
            background-size: cover !important; 
            background-size: contain !important;
            display: inline-block !important;
            width: 100%;
            
            background-size: 100% !important;
            background-position: left top !important;
            background-repeat: no-repeat !important;
            overflow:scroll;
            
        }
        .login_frm {
            left:49%;
            top: 34%;
        }
      .form_img {

    margin-top: 15%;
    margin-left: -60%;

}
        .form_fields {
    width:65%;}
    
    img{
    width: 685px !important; 
    height: 650px !important;
}
.container, .container a, a {
    font-size: 10px;
    font-weight: bold;
}
        
}

@media only screen and (max-width : 991.5px) {

    body{
		-moz-background-size: cover ;
            -webkit-background-size: cover !important;
            -o-background-size: cover !important;
            background-size: cover !important; 
            background-size: contain !important;
            display: inline-block !important;
            width: 100%;
            
            background-size: 100% !important;
            background-position: left top !important;
            background-repeat: no-repeat !important;
            overflow:scroll;
            
        }
        img{
            margin-top: 2% !important;

margin-left: 15% !important;
    width: 650px !important; 
    height: 650px !important;
}
.form_fields {
    width: 65%;
}
.login_frm {
  left: 46%;

top: 29%;width: 29%;
}
.login_frm h3 {
    padding-left: 55px;
}
}

@media(min-width:990px) and (max-width:990px){
    body{
		-moz-background-size: cover ;
            -webkit-background-size: cover !important;
            -o-background-size: cover !important;
            background-size: cover !important; 
            background-size: contain !important;
            display: inline-block !important;
            width: 100%;
            
            background-size: 100% !important;
            background-position: left top !important;
            background-repeat: no-repeat !important;
            overflow:scroll;
            
        }
        img{
    width: 650px !important; 
    height: 650px !important;
}
.form_fields {
    width: 65%;
}
.login_frm {
   left: 62%;
   top: 34%;
}
.login_frm h3 {
    padding-left: 55px;
}
}

@media(min-width:980px) and (max-width:989px){
    body{
		-moz-background-size: cover ;
            -webkit-background-size: cover !important;
            -o-background-size: cover !important;
            background-size: cover !important; 
            background-size: contain !important;
            display: inline-block !important;
            width: 100%;
            
            background-size: 100% !important;
            background-position: left top !important;
            background-repeat: no-repeat !important;
            overflow:scroll;
            
        }
       .form_img {
    margin-top: 5%;
    margin-left: 13%;
}
.login_frm {
   width: 35%;

left: 46%;

top: 30%;
}
img{
    width: 650px;
    height: 650px;
}
.btnlogin{
    padding:4px 0px;
}
.form-group {
    margin-bottom: 20px !important;
}
.bottom_links {
    text-align:left !important;
}
}


@media(min-width:950px) and (max-width:979px){
    body{
		-moz-background-size: cover ;
            -webkit-background-size: cover !important;
            -o-background-size: cover !important;
            background-size: cover !important; 
            background-size: contain !important;
            display: inline-block !important;
            width: 100%;
            
            background-size: 100% !important;
            background-position: left top !important;
            background-repeat: no-repeat !important;
            overflow:scroll;
            
        }
      .form_img {
    margin-top: 3%;
    margin-left: 16%;
    width: 615px;
    height: 615px;
}
.login_frm {
    width: 40%;
    left:46%;
    top: 30%;
}
img{
    width: 650px;
    height: 650px;
}
.btnlogin{
    padding:4px 0px;
}
.form-group {
    margin-bottom: 20px !important;
}
.bottom_links {
    text-align:left !important;
}
.bottom_links a{ font-size:13px;}
}

@media(min-width:900px) and (max-width:949px){
    body{
		-moz-background-size: cover ;
            -webkit-background-size: cover !important;
            -o-background-size: cover !important;
            background-size: cover !important; 
            background-size: contain !important;
            display: inline-block !important;
            width: 100%;
            
            background-size: 100% !important;
            background-position: left top !important;
            background-repeat: no-repeat !important;
            overflow:scroll;
            
        }
      .form_img {
    margin-top: 3%;
    margin-left: 16%;
    width: 615px;
    height: 615px;
}
.login_frm {
    width: 40%;
    left:50%;
    top: 30%;
}
img{
    width: 650px;
    height: 650px;
}
.btnlogin{
    padding:4px 0px;
}
.form-group {
    margin-bottom: 20px !important;
}
.bottom_links {
    text-align:left !important;
}
.bottom_links a{ font-size:13px;}
.login_frm h3 {
    padding-left: 55px;
}
}
@media(min-width:850px) and (max-width:899px){
    body{
		-moz-background-size: cover ;
            -webkit-background-size: cover !important;
            -o-background-size: cover !important;
            background-size: cover !important; 
            background-size: contain !important;
            display: inline-block !important;
            width: 100%;
            
            background-size: 100% !important;
            background-position: left top !important;
            background-repeat: no-repeat !important;
            overflow:scroll;
            
        }
      .form_img {
    margin-top: 3%;
    margin-left: 16%;
    width: 615px;
    height: 615px;
}
.login_frm {
    width: 40%;
    left:50%;
    top: 30%;
}
img{
    width: 650px;
    height: 650px;
}
.btnlogin{
    padding:4px 0px;
}
.form-group {
    margin-bottom: 20px !important;
}
.bottom_links {
    text-align:left !important;
}
.bottom_links a{ font-size:13px;}
.login_frm h3 {
    padding-left: 55px;
}
}
@media(min-width:830px) and (max-width:849px){
    body{
		-moz-background-size: cover ;
            -webkit-background-size: cover !important;
            -o-background-size: cover !important;
            background-size: cover !important; 
            background-size: contain !important;
            display: inline-block !important;
            width: 100%;
            
            background-size: 100% !important;
            background-position: left top !important;
            background-repeat: no-repeat !important;
            overflow:scroll;
            
        }
      .form_img {
    margin-top: 3%;
    margin-left:10%;
    width: 615px;
    height: 615px;
}
.login_frm {
    width:48%;
    left:45%;
    top: 30%;
}
img{
    width: 650px;
    height: 650px;
}
.btnlogin{
    padding:4px 0px;
}
.form-group {
    margin-bottom: 20px !important;
}
.bottom_links {
    text-align:left !important;
}
.bottom_links a{ font-size:13px;}
.login_frm h3 {
    padding-left: 55px;
}
}
@media(min-width:800px) and (max-width:829px){
    body{
		-moz-background-size: cover ;
            -webkit-background-size: cover !important;
            -o-background-size: cover !important;
            background-size: cover !important; 
            background-size: contain !important;
            display: inline-block !important;
            width: 100%;
            
            background-size: 100% !important;
            background-position: left top !important;
            background-repeat: no-repeat !important;
            overflow:scroll;
            
        }
      .form_img {
    margin-top: 3%;
    margin-left: 16%;
    width: 615px;
    height: 615px;
}
.login_frm {
    width:48%;
    left:52%;
    top: 30%;
}
img{
    width: 650px;
    height: 650px;
}
.btnlogin{
    padding:4px 0px;
}
.form-group {
    margin-bottom: 20px !important;
}
.bottom_links {
    text-align:left !important;
}
.bottom_links a{ font-size:13px;}
.login_frm h3 {
    padding-left: 55px;
}
}

@media(min-width:750px) and (max-width:799px){
    body{
		-moz-background-size: cover ;
            -webkit-background-size: cover !important;
            -o-background-size: cover !important;
            background-size: cover !important; 
            background-size: contain !important;
            display: inline-block !important;
            width: 100%;
            
            background-size: 100% !important;
            background-position: left top !important;
            background-repeat: no-repeat !important;
            overflow:scroll;
            
        }
      .form_img {
    margin-top: 3% !important;
    margin-left:7% !important;
    width: 615px !important;
    height: 615px !important;
}
.login_frm {
    width:40%;
    left:46%;
    top: 30%;
}
img{
    width: 650px;
    height: 650px;
}
.btnlogin{
    padding:4px 0px;
}
.form-group {
    margin-bottom: 20px !important;
}
.bottom_links {
    text-align:left !important;
}
.bottom_links a{ font-size:13px;}
.login_frm h3 {
    padding-left: 55px;
}
}
@media(min-width:700px) and (max-width:749px){
    body{
		-moz-background-size: cover ;
            -webkit-background-size: cover !important;
            -o-background-size: cover !important;
            background-size: cover !important; 
            background-size: contain !important;
            display: inline-block !important;
            width: 100%;
            
            background-size: 100% !important;
            background-position: left top !important;
            background-repeat: no-repeat !important;
            overflow:scroll;
            
        }
      .form_img {
    margin-top:0% !important;
    margin-left:4% !important;
    width: 615px !important;
    height: 615px !important;
}
.login_frm {
    width:40%;
    left:46%;
    top: 28%;
}
img{
    width: 650px;
    height: 650px;
}
.btnlogin{
    padding:4px 0px;
}
.form-group {
    margin-bottom: 20px !important;
}
.bottom_links {
    text-align:left !important;
}
.bottom_links a{ font-size:13px;}
.login_frm h3 {
    padding-left: 53px;
    padding-bottom: 4px;
    font-size: 21px;
}
}
@media(min-width:670px) and (max-width:699px){
    body{
		-moz-background-size: cover ;
            -webkit-background-size: cover !important;
            -o-background-size: cover !important;
            background-size: cover !important; 
            background-size: contain !important;
            display: inline-block !important;
            width: 100%;
            
            background-size: 100% !important;
            background-position: left top !important;
            background-repeat: no-repeat !important;
            overflow:scroll;
            
        }
      .form_img {
    margin-top:0% !important;
    margin-left:2% !important;
    width: 600px !important;
    height: 600px !important;
}
.login_frm {
    width:42%;
    left:46%;
    top: 28%;
}
img{
    width: 650px;
    height: 650px;
}
.btnlogin{
    padding:4px 0px;
}
.form-group {
    margin-bottom: 20px !important;
}
.bottom_links {
    text-align:left !important;
}
.bottom_links a{ font-size:13px;}
.login_frm h3 {
    padding-left: 53px;
    padding-bottom: 4px;
    font-size: 21px;
}
.container a, a {

    font-size: 14px;
    font-family: 'Quicksand', sans-serif !important;

}
}
@media(min-width:630px) and (max-width:669px){
    body{
		-moz-background-size: cover ;
            -webkit-background-size: cover !important;
            -o-background-size: cover !important;
            background-size: cover !important; 
            background-size: contain !important;
            display: inline-block !important;
            width: 100%;
            
            background-size: 100% !important;
            background-position: left top !important;
            background-repeat: no-repeat !important;
            overflow:scroll;
            
        }
      .form_img {
    margin-top:0% !important;
    margin-left:0% !important;
    width: 600px !important;
    height: 600px !important;
}
.login_frm {
    width:47%;
    left:46%;
    top: 28%;
}
img{
    width: 650px;
    height: 650px;
}
.btnlogin{
    padding:4px 0px;
}
.form-group {
    margin-bottom: 20px !important;
}
.bottom_links {
    text-align:left !important;
}
.container, .container a, a{ font-size:12px;}
.login_frm h3 {
    padding-left: 53px;
    padding-bottom: 4px;
    font-size: 21px;
}
}
@media(min-width:600px) and (max-width:629px){
    body{
		-moz-background-size: cover ;
            -webkit-background-size: cover !important;
            -o-background-size: cover !important;
            background-size: cover !important; 
            background-size: contain !important;
            display: inline-block !important;
            width: 100%;
            
            background-size: 100% !important;
            background-position: left top !important;
            background-repeat: no-repeat !important;
            overflow:scroll;
            
        }
      .form_img {
    margin-top:0% !important;
    margin-left:-3% !important;
    width: 600px !important;
    height: 600px !important;
}
.login_frm {
    width:47%;
    left:48%;
    top: 28%;
}
img{
    width: 650px;
    height: 650px;
}
.btnlogin{
    padding:4px 0px;
}
.form-group {
    margin-bottom: 20px !important;
}
.bottom_links {
    text-align:left !important;
}
.container, .container a, a{ font-size:12px;}
.login_frm h3 {
    padding-left: 53px;
    padding-bottom: 4px;
    font-size: 21px;
}
}

@media(min-width:550px) and (max-width:599px){
    body{
		-moz-background-size: cover ;
            -webkit-background-size: cover !important;
            -o-background-size: cover !important;
            background-size: cover !important; 
            background-size: contain !important;
            display: inline-block !important;
            width: 100%;
            
            background-size: 100% !important;
            background-position: left top !important;
            background-repeat: no-repeat !important;
            overflow:scroll;
            
        }
      .form_img {
    margin-top:0% !important;
    margin-left:-6% !important;
    width: 600px !important;
    height: 600px !important;
}
.login_frm {
    width:50%;
    left:48%;
    top: 28%;
}
img{
    width: 650px;
    height: 650px;
}
.btnlogin{
    padding:4px 0px;
}
.form-group {
    margin-bottom: 20px !important;
}
.bottom_links {
    text-align:left !important;
}
.container, .container a, a{ font-size:12px;}
.login_frm h3 {
    padding-left: 53px;
    padding-bottom: 4px;
    font-size: 21px;
}
}
@media(min-width:525px) and (max-width:549px){
    body{
		-moz-background-size: cover ;
            -webkit-background-size: cover !important;
            -o-background-size: cover !important;
            background-size: cover !important; 
            background-size: contain !important;
            display: inline-block !important;
            width: 100%;
            
            background-size: 100% !important;
            background-position: left top !important;
            background-repeat: no-repeat !important;
            overflow:scroll;
            
        }
      .form_img {
    margin-top:-7% !important;
    margin-left:-6% !important;
    width: 600px !important;
    height: 600px !important;
}
.login_frm {
    width:60%;
    left: 50%;
    top: 24%;
}
img{
    width: 650px;
    height: 650px;
}
.btnlogin{
    padding:4px 0px;
}
.form-group {
    margin-bottom: 20px !important;
}
.bottom_links {
    text-align:left !important;
}
.container, .container a, a{ font-size:12px;}
.login_frm h3 {
    padding-left: 53px;
    padding-bottom: 4px;
    font-size: 21px;
}
}

@media(min-width:500px) and (max-width:524px){
    body{
		-moz-background-size: cover ;
            -webkit-background-size: cover !important;
            -o-background-size: cover !important;
            background-size: cover !important; 
            background-size: contain !important;
            display: inline-block !important;
            width: 100%;
            
            background-size: 100% !important;
            background-position: left top !important;
            background-repeat: no-repeat !important;
            overflow:scroll;
            
        }
      .form_img {
    margin-top: -7% !important;
    margin-left: -7% !important;
    width: 530px !important; 
    height: 530px !important;
}
.login_frm {
    width:50%;
    left: 45%;
    top: 21%;
}

.btnlogin{
    padding:2px 0px;
}
.form-group {
    margin-bottom: 20px !important;
}
.bottom_links {
    text-align:left !important;
}
.container, .container a, a{ font-size:12px;}
.login_frm h3 {
    padding-left: 53px;
    padding-bottom: 4px;
    font-size: 18px;
}
}

@media(min-width:450px) and (max-width:499px){
    body{
		-moz-background-size: cover ;
            -webkit-background-size: cover !important;
            -o-background-size: cover !important;
            background-size: cover !important; 
            background-size: contain !important;
            display: inline-block !important;
            width: 100%;
            
            background-size: 100% !important;
            background-position: left top !important;
            background-repeat: no-repeat !important;
            overflow:scroll;
            
        }
      .form_img {
   margin-top: -1% !important;

margin-left: 4% !important;

width: 400px !important;

height: 400px !important;
}
.login_frm {
    width:45%;

left: 45%;

top: 26%;
}

.btnlogin{
    padding:0px 0px;
    margin-left: 45px;
    font-size: 12px;
}
.form-group {
    margin-bottom:8px !important;
}
.bottom_links {
    text-align:left !important;
}
.container, .container a, a{ font-size:8px;}
.login_frm h3 {
    padding-left: 37px;

padding-bottom: 0px;

font-size: 15px;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
 font-size:12px;
}
.fa, .fas {

    font-weight: 900;
    font-size: 12px;

}
.checkmark {
    top: 0;
    left: -2px;
    height: 13px;
    width: 13px;
}
.container .checkmark::after {

   left:5px;
    top: 2px;
    width: 4px;
    height: 8px;
}
}

@media(min-width:410px) and (max-width:449px){
    body{
		-moz-background-size: cover ;
            -webkit-background-size: cover !important;
            -o-background-size: cover !important;
            background-size: cover !important; 
            background-size: contain !important;
            display: inline-block !important;
            width: 100%;
            
            background-size: 100% !important;
            background-position: left top !important;
            background-repeat: no-repeat !important;
            overflow:scroll;
            
        }
      .form_img {
   margin-top: -1% !important;

margin-left:0% !important;

width: 400px !important;

height: 400px !important;
}
.login_frm {
    width: 50%;

left:47%;

top: 26%;
}

.btnlogin{
    padding:0px 0px;
    margin-left: 45px;
    font-size: 12px;
}
.form-group {
    margin-bottom:8px !important;
}
.bottom_links {
    text-align:left !important;
}
.container, .container a, a{ font-size:8px;}
.login_frm h3 {
    padding-left: 37px;

padding-bottom: 0px;

font-size: 15px;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
 font-size:12px;
}
.fa, .fas {

    font-weight: 900;
    font-size: 12px;

}
.checkmark {
    top: 0;
    left: -2px;
    height: 13px;
    width: 13px;
}
.container .checkmark::after {

   left:5px;
    top: 2px;
    width: 4px;
    height: 8px;
}
}
@media(min-width:390px) and (max-width:409px){
    body{
		-moz-background-size: cover ;
            -webkit-background-size: cover !important;
            -o-background-size: cover !important;
            background-size: cover !important; 
            background-size: contain !important;
            display: inline-block !important;
            width: 100%;
            
            background-size: 100% !important;
            background-position: left top !important;
            background-repeat: no-repeat !important;
            overflow:scroll;
            
        }
      .form_img {
   margin-top: -1% !important;

margin-left:0% !important;

width: 400px !important;

height: 400px !important;
}
.login_frm {
    width: 50%;

left:52%;

top: 26%;
}

.btnlogin{
    padding:0px 0px;
    margin-left: 45px;
    font-size: 12px;
}
.form-group {
    margin-bottom:8px !important;
}
.bottom_links {
    text-align:left !important;
}
.container, .container a, a{ font-size:8px;}
.login_frm h3 {
    padding-left: 37px;

padding-bottom: 0px;

font-size: 15px;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
 font-size:12px;
}
.fa, .fas {

    font-weight: 900;
    font-size: 12px;

}
.checkmark {
    top: 0;
    left: -2px;
    height: 13px;
    width: 13px;
}
.container .checkmark::after {

   left:5px;
    top: 2px;
    width: 4px;
    height: 8px;
}
}






@media(min-width:375px) and (max-width:389px){
    body{
		-moz-background-size: cover ;
            -webkit-background-size: cover !important;
            -o-background-size: cover !important;
            background-size: cover !important; 
            background-size: contain !important;
            display: inline-block !important;
            width: 100%;
            
            background-size: 100% !important;
            background-position: left top !important;
            background-repeat: no-repeat !important;
            overflow:scroll;
            
        }
      .form_img {
    margin-top: -7% !important;
    margin-left:0% !important;
    width: 346px !important;
    height: 370px !important;
}
.login_frm {
    width:50%;
    left: 43%;
    top: 21%;
}

.btnlogin{
    padding:0px 0px;
    margin-left: 45px;
    font-size: 12px;
}
.form-group {
    margin-bottom:8px !important;
}
.bottom_links {
    text-align:left !important;
}
.container, .container a, a{ font-size:8px;}
.login_frm h3 {
    padding-left: 37px;

padding-bottom: 0px;

font-size:13px;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
 font-size:10px;
}
.fa, .fas {

    font-weight: 900;
    font-size: 12px;

}
.checkmark {
    top: 0;
    left: -2px;
    height: 13px;
    width: 13px;
}
.container .checkmark::after {

    left: 6px;
    top: 1px;
    width: 4px;
    height: 8px;
}
}
@media(min-width:350px) and (max-width:374px){
    body{
		-moz-background-size: cover ;
            -webkit-background-size: cover !important;
            -o-background-size: cover !important;
            background-size: cover !important; 
            background-size: contain !important;
            display: inline-block !important;
            width: 100%;
            
            background-size: 100% !important;
            background-position: left top !important;
            background-repeat: no-repeat !important;
            overflow:scroll;
            
        }
      .form_img {
    margin-top: -7% !important;
    margin-left:-2% !important;
    width: 346px !important;
    height: 370px !important;
}
.login_frm {
    width:45%;
    left:46%;
    top: 21%;
}

.btnlogin{
    padding:0px 0px;
    margin-left: 45px;
    font-size: 12px;
}
.form-group {
    margin-bottom:8px !important;
}
.bottom_links {
    text-align:left !important;
}
.container, .container a, a{ font-size:8px;}
.login_frm h3 {
    padding-left: 37px;

padding-bottom: 0px;

font-size:13px;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
 font-size:10px;
}
.fa, .fas {

    font-weight: 900;
    font-size: 12px;

}
.checkmark {
    top: 0;
    left: -2px;
    height: 13px;
    width: 13px;
}
.container .checkmark::after {

    left: 6px;
    top: 1px;
    width: 4px;
    height: 8px;
}
}
@media(min-width:340px) and (max-width:349px){
    body{
		-moz-background-size: cover ;
            -webkit-background-size: cover !important;
            -o-background-size: cover !important;
            background-size: cover !important; 
            background-size: contain !important;
            display: inline-block !important;
            width: 100%;
            
            background-size: 100% !important;
            background-position: left top !important;
            background-repeat: no-repeat !important;
            overflow:scroll;
            
        }
      .form_img {
    margin-top: -7%;
    margin-left:-3%;
    width: 346px;
    height: 370px;
}
.login_frm {
    width:50%;
    left:46%;
    top: 21%;
}

.btnlogin{
    padding:0px 0px;
    margin-left: 45px;
    font-size: 12px;
}
.form-group {
    margin-bottom:8px !important;
}
.bottom_links {
    text-align:left !important;
}
.container, .container a, a{ font-size:8px;}
.login_frm h3 {
    padding-left: 37px;

padding-bottom: 0px;

font-size:13px;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
 font-size:10px;
}
.fa, .fas {

    font-weight: 900;
    font-size: 12px;

}
.checkmark {
    top: 0;
    left: -2px;
    height: 13px;
    width: 13px;
}
.container .checkmark::after {

    left: 6px;
    top: 1px;
    width: 4px;
    height: 8px;
}
}

@media(min-width:339px) and (max-width:340px){
    body{
		-moz-background-size: cover ;
            -webkit-background-size: cover !important;
            -o-background-size: cover !important;
            background-size: cover !important; 
            background-size: contain !important;
            display: inline-block !important;
            width: 100%;
            
            background-size: 100% !important;
            background-position: left top !important;
            background-repeat: no-repeat !important;
            overflow:scroll;
            
        }
      .form_img {
    margin-top: -11%;
    margin-left:-9%;
    width: 346px;
    height: 370px;
}
.login_frm {
    width: 56%;

left: 43%;
    top: 18%;
}

.btnlogin{
    padding:0px 0px;
    margin-left: 45px;
    font-size: 12px;
}
.form-group {
    margin-bottom:8px !important;
}
.bottom_links {
    text-align:left !important;
}
.container, .container a, a{ font-size:8px;}
.login_frm h3 {
    padding-left: 37px;

padding-bottom: 0px;

font-size:13px;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
 font-size:10px;
}
.fa, .fas {

    font-weight: 900;
    font-size: 12px;

}
.checkmark {
    top: 0;
    left: -2px;
    height: 13px;
    width: 13px;
}
.container .checkmark::after {

    left: 6px;
    top: 1px;
    width: 4px;
    height: 8px;
}
}
@media(min-width:319px) and (max-width:339px){
    body{
		-moz-background-size: cover ;
            -webkit-background-size: cover !important;
            -o-background-size: cover !important;
            background-size: cover !important; 
            background-size: contain !important;
            display: inline-block !important;
            width: 100%;
            
            background-size: 100% !important;
            background-position: left top !important;
            background-repeat: no-repeat !important;
            overflow:scroll;
            
        }
      .form_img {
    margin-top: -11%;
    margin-left:-9%;
    width: 346px;
    height: 370px;
}
.login_frm {
    width:50%;
    left:46%;
    top: 18%;
}

.btnlogin{
    padding:0px 0px;
    margin-left: 45px;
    font-size: 12px;
}
.form-group {
    margin-bottom:8px !important;
}
.bottom_links {
    text-align:left !important;
}
.container, .container a, a{ font-size:8px;}
.login_frm h3 {
    padding-left: 37px;

padding-bottom: 0px;

font-size:13px;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
 font-size:10px;
}
.fa, .fas {

    font-weight: 900;
    font-size: 12px;

}
.checkmark {
    top: 0;
    left: -2px;
    height: 13px;
    width: 13px;
}
.container .checkmark::after {

    left: 6px;
    top: 1px;
    width: 4px;
    height: 8px;
}
}