/***********************************************
Example use only - Delete when done..!
***********************************************/
body                                            { margin:20px 0; }
body.nomargin                                            { margin:0; }
.grid-highlight                                 { margin-bottom:5px; }
.grid-highlight [class^="grid_"]                { line-height:30px; text-align:center; background-color:#fff; }



/***********************************************
Screen 1200px+
***********************************************/
.example                                        {  }
.form { width:500px; margin:0 auto }

.login_image_top_space__ {top:220px;position:relative;}

/***********************************************
Screen Smaller than 1199px
***********************************************/
@media only screen and (min-width:960px) and (max-width: 1199px) {

.example                                        {  }
.form { width:500px; margin:0 auto }
.img-max-login                                        { padding: 30px 0 0 0; margin:0 0 30px; max-width: 100%; height:auto; }
.latest-download  {width:100%;padding:0; font-size:18px; font-family: 'Open Sans', sans-serif;text-align:center; border:4px solid #000;}

.login_image_top_space__ {top:220px;position:relative;}
}

/***********************************************
Tablet (Smaller than 959px)
***********************************************/
@media only screen and (min-width:768px) and (max-width: 959px) {

.example                                        {  }
.form { width:100%; margin:0 auto }
.latest-download { width:100%;padding:0; font-size:18px; font-family: 'Open Sans', sans-serif;text-align:center; border:4px solid #000;}


.login_image_top_space__ {top:220px;position:relative;}

}

/***********************************************
Mobile (portrait 300px)
***********************************************/
@media only screen and (max-width:767px) {

.example                                        {  }
.form {  width:100%; margin:0 auto }

.login_image_top_space__ {top:50px;position:relative;}

}

/***********************************************
Mobile (landscape 420px)
***********************************************/
@media only screen and (min-width: 430px) and (max-width: 767px) {

.example                                        {  }
input[type="image"].paynow                      { border:none;max-width: 100%; height:auto; }
.form {  width:100%; margin:0 auto }
.latest-download {width:100%;padding:0; font-size:18px; font-family: 'Open Sans', sans-serif;text-align:center; border:4px solid #000;}



}


@media only screen and (min-width: 330px) and (max-width: 430px) {

#aksubmit{
width:70% !important;margin:0 6px 6px 0; padding:0 10px; font-size:12px; line-height:20px;display:inline;
}

#aksubmit1{
width:70% !important;margin:0 6px 6px 0; padding:0 10px; font-size:12px; line-height:20px;display:inline;
}

.latest-download  {width:100%;padding:0; font-size:18px; font-family: 'Open Sans', sans-serif;text-align:center; border:4px solid #000;}
}