body, html{ min-height:100%}
.loginbody{background: url(../images/bg_1280x800.jpg) bottom no-repeat; background-size:cover; background-attachment:fixed; min-height:100%; height:100%;   font-family:"Times New Roman", Times, serif; font-size:14px;}
.loginbody .container-fluid{}
.logo {
    /*margin: 20px auto;*/
    margin: -55px auto;
    text-align: center;
}
.navbar-default{ background:rgba(152,116,91,0.6); border:none; min-height:100px; bottom:0px; text-align:center;}
.tid-id-auti{ text-align:center; bottom:115px; position: absolute; bottom:134px; left:50%; margin-left:-150px; width:300px;}
.brand-logo{ text-align:center; font-family:'Stardos Stencil', Arial, Helvetica, sans-serif; font-size:25px; color:#fff; text-shadow:1px 1px 3px #333; font-weight:700; margin:5px 0px 8px 0px;}
.nav-main-sec li span{ display:block;}
.nav-main-sec li{ text-align:center; padding:0px 10px; float:none; display:inline-block;  }
.nav-main-sec li a{ font-size:17px; text-shadow:1px 2px 3px #000; color:#fff !important; padding:5px 10px;}
.nav-main-sec .navbar-collapse{ border:none;}
.nav-main-sec .navbar-collapse ul{ margin:-10px auto; float:none; text-align:center; }
.navbar-toggle, .navbar-toggle:hover, .navbar-toggle:focus, .navbar-toggle:active{ background:#414141 !important; border:none;}
.navbar-default .navbar-toggle .icon-bar{ background-color:#fff;}
.tid-id-auti img { width:80%;margin: 140px auto; cursor:pointer}
.cursor-pointer {cursor:pointer}
.loginbody .login_container_outer{background:#00447a;  margin-top:25px; padding:0px 0px 12px 0px; }
.loginbody .login_container_outer.col-lg-4, .col-md-4{max-width:490px; min-width:490px;}
.loginbody .login_container{ background:url(../images/login_box_design.png) left bottom repeat-x; padding:20px 0px 32px 0px;}
.loginbody .login_container_outer{}
.loginbody .login_container .logo_sec{ text-align:center;}
.loginbody .login_container .logo_sec img{ display:inline;}
.loginbody .login_container .logo_sec p{ font-size:15px; font-family:"Times New Roman", Times, serif; color:#fff; font-weight:bold; padding-top:10px; margin-bottom:0px;}
.loginbody .login_form .control-label{ font-size:17px; font-family:"Times New Roman", Times, serif; font-weight:normal; color:#fff; padding:0px;}
.loginbody .login_form .login_link{ margin:5px 0px;}
.loginbody .login_form .login_link label{ margin-bottom:0px; display:block;}
.loginbody .login_form .login_link a{ font-size:14px; font-family:"Times New Roman", Times, serif; font-weight:normal; color:#fff; text-decoration:underline;}
.loginbody .login_form .login_link a:hover{ text-decoration:none;}
.loginbody .login_form .login_page_btn{ background:#008c45; font-size:17px; font-family:"Times New Roman", Times, serif; margin-top:4px; width:100%; border:none; border-radius:0px; color:#fff;}
.loginbody .login_form .form-control{ background:#f2fafb; padding:4px 12px; height:auto; border-radius:0px;}
.loginbody .login_form .form-group{ margin-bottom:5px;}
@media screen and (width: 1920px){
.loginbody{ background:#6290c2 url(../images/bg_1900x900.png) bottom no-repeat;}
}

@media screen and (max-width:1024px) {
body{ background:url(../images/bg_1024x768.jpg) bottom center no-repeat; background-attachment:fixed; background-size:cover}
.tid-id-auti img{ width:50%}
.logo img{ width:30%;}
.logo{ margin-top:-30px;}
}
@media screen and (max-width:768px) {
body{ background:url(../images/bg_768x1024.jpg) bottom center no-repeat; background-attachment:fixed; background-size:cover}
.navbar-default{ min-height:50px; bottom:0px;}
.brand-logo{ font-size:17px; position:absolute; left:20px; top:10px;}
.tid-id-auti img{ width:50%}
.logo img{ width:30%;}
.tid-id-auti{ bottom:50px;}
}
@media screen and (max-height:600px){
.loginbody{ background:#628bb7 url(../images/bg_1280x800.jpg) bottom no-repeat;}
}
@media screen and (max-width: 1024px){
.loginbody{ background:#628bb7 url(../images/bg_1024.jpg) bottom no-repeat;}
}
@media screen and (max-width: 1000px){
.loginbody{ background:#628bb7 url(../images/bg_1000.jpg) bottom no-repeat;}
}
@media screen and (max-width: 800px){
.loginbody{ background:#628bb7 url(../images/bg_800.png) bottom no-repeat;}
.loginbody .login_container_outer{margin-top:100px;}
}

@media screen and (max-width: 767px){
.loginbody{ background:#628bb7 url(../images/bg_768.png) bottom no-repeat; min-height:1000px;}
.loginbody .login_container_outer.col-lg-4, .col-md-4{max-width:inherit; min-width: inherit;}
.loginbody .login_container .logo_sec p{ font-size:22px;}
.loginbody .login_container_outer{ margin-top:10px; }
.loginbody .login_form .login_link label{ display:block; margin-bottom:5px;}
.loginbody .login_form .login_link a{ font-size:14px;}
.loginbody .login_form .control-label{ padding-left:15px; padding-right:15px;}
.loginbody .login_container .logo_sec p{ margin-bottom:50px;}

}
@media screen and (max-width:600px){
.loginbody{ background:#628bb7 url(../images/bg_600.png) bottom no-repeat;  background-size:contain;}
}
@media screen and (max-width:480px){

}
@media screen and (max-width:360px){


}
@media screen and (max-width:1280px) {
.tid-id-auti{bottom:168px;}
}
@media screen and (max-width:1024px) {
body{ background:url(../images/bg_1024x768.jpg) bottom center no-repeat; background-attachment:fixed; background-size:cover}
.tid-id-auti img{ width:50%}
.logo img{ width:30%;}
.logo{ margin-top:-30px;}
}
@media screen and (max-width:900px) {
body{ background:url(../images/bg_900x768.jpg) bottom center no-repeat; background-attachment:fixed; background-size:cover}
}
@media screen and (max-width:768px) {
body{ background:url(../images/bg_768x1024.jpg) bottom center no-repeat; background-attachment:fixed; background-size:cover}
.navbar-default{ min-height:50px; bottom:0px;}
.brand-logo{ font-size:17px; position:absolute; left:20px; top:10px;}
.tid-id-auti img{ width:50%}
.logo img{ width:30%;}
.tid-id-auti{ bottom:50px;}
}
@media screen and (max-width:767px) {
.nav-main-sec li{ display: inline-block; width:45%;}
.nav-main-sec .navbar-collapse ul{ text-align:left;}

}
@media screen and (max-width:560px) {
.brand-logo{ font-size:14px;}
.tid-id-auti{ bottom:80px;}
.logo img{ width:40%;}
}
@media screen and (max-width:480px) {
.logo img{ width:80%;}
.tid-id-auti img{ width:40%}
}
@media screen and (max-width:360px) {
body{ background:url(../images/bg_360x640.jpg) bottom center no-repeat; background-attachment:fixed; background-size:cover}
}
@media screen and (max-width:320px) {

.logo{ margin:0px auto;}
}


/*@media screen and (max-width: 1280px){
.loginbody .login_form{ padding-right:15px;}
.loginbody{ background:url(../images/login_bg.png) 100% 100% no-repeat; background-size:cover;}
}
@media screen and (max-width: 900px){
.loginbody .login_container .logo_sec p{ font-size:17px;}
}
*/