/*-- Space-Class --*/

[class|=space] {
    display: block;
    width: 100%;
    overflow: hidden
}

.space-10 {
    height: 10px;
}

.space-20 {
    height: 20px;
}

.space-30 {
    height: 30px;
}

.space-40 {
    height: 40px;
}

.space-50 {
    height: 50px;
}

.space-60 {
    height: 60px;
}

.space-70 {
    height: 70px;
}

.space-80 {
    height: 80px;
}

.space-90 {
    height: 90px;
}

.space-100 {
    height: 100px;
}


@media only screen and (min-height: 500px) and (max-height: 640px) {
.logo_bg img {  max-width: 260px;}
.login_contant_bg3 h2 {  padding-bottom: 15px;  font-size: 24px;}
.logo_bg {  padding-bottom: 15px;}	
.form_bg .form-group {margin-bottom:12px;}
.form_bg label {    font-size: 15px; margin-bottom:2px;}

	
	}


/* Medium Layout: 1280px. */

@media only screen and (min-width: 992px) and (max-width: 1280px) {
    
    .angle:after {
        height: 80px;
    }
	.section-padding {
    padding-top: 80px;
    padding-bottom: 80px;
}


.logo_bg img {  max-width: 100px;}
.login_contant_bg3 h2 {  padding-bottom: 15px;  font-size: 24px;}
.logo_bg {  padding-bottom: 15px;}	
.form_bg .form-group {margin-bottom:12px;}
.form_bg label {    font-size: 15px; margin-bottom:2px;}

	
	
}

/* Tablet Layout: 768px. */
@media (max-width: 991px) {
	

	
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    

.logo_bg img {  max-width: 90px;}
.login_contant_bg3 h2 {  padding-bottom: 15px;  font-size: 23px;}
.logo_bg {  padding-bottom: 15px;}	
.form_bg .form-group {margin-bottom:12px;}
.form_bg label {    font-size: 14px; margin-bottom:2px;}	
.footer_links ul li a { font-size: 13px;}	
	
	
}


@media only screen and (min-width: 600px) and (max-width: 767px) {
    

.logo_bg img {  max-width: 260px;}
.login_contant_bg3 h2 {  padding-bottom: 15px;  font-size: 23px;}
.logo_bg {  padding-bottom: 15px; text-align:center;}	
.form_bg .form-group {margin-bottom:12px;}
.form_bg label {    font-size: 14px; margin-bottom:2px;}	
.footer_links ul li a { font-size: 13px;}	
.footer_links ul li { padding-right: 5px;  padding-left: 5px;}

.right_login_bg {
    height: 100%;
    max-width: 100%;
    display: table;
    padding: 0;
    background: none;
    width: 100%;
    text-align: center;
    vertical-align: bottom;       
	/* position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: inherit;*/
}
.login_contant_bg1 {
    text-align: center;
    padding: 0;
    width: 100%;
    display: table-cell;
    max-width: 100%;
    vertical-align: bottom; height:auto; position:inherit; left:0; background:none; padding-top: 210px;
}
.login_contant_bg2 {
    display: inline-block;
    width: 100%;
    max-width: 400px;
    background: #fff;
    padding: 25px;
    border-radius: 5px;
    text-align: left; height:auto;
}
.login_contant_bg3 {
    display: block;
    width: 100%;
    vertical-align: inherit;
    max-width: inherit;
}

.left_image_bg {display:block !important; height: auto;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        z-index: 3;
        background: none;
        padding: 15px;        text-align: center;}
.left_image_bg:before{display:none;}
.login_img_over h4 { font-size: 18px; line-height: 25px;        margin: 0;
        padding-bottom: 5px; padding-top: 10px;}
.login_img_over h3 {font-size: 30px; line-height: 35px;}
	
	
}


/* Mobile Layout: 320px. */

@media only screen and (max-width: 767px) {
    body {
        font-size: 14px;
		background:url(../images/banner.jpg) no-repeat center;
	background-size:cover;
    }
	
    h1 {
        font-size: 40px;
    }
    h3 {
        font-size: 22px;
    }
    .bttn-white {
        padding: 8px 30px;
    }
    .section-padding {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .angle:after {
        height: 60px;
    }
    /*-- Main-Menu-Style --*/
    .mainmenu-area {
        padding: 5px 10px;
    }
    .footer_links { padding-top: 10px;  text-align: center;}
	.login_contant_bg3 h2 {text-align:center;}
	.login_img_mob {display:inline-block; margin-bottom: 20px; width: 200px}
.logo_bg  {display: none;}
button.bttn-default {  max-width: 200px;}
section.login_main_section{background: none;}
body.login_body {
    background: url(../images/banner.jpg) no-repeat center;
    background-size: cover;
}
.banner_bg_ab { background: rgb(0 0 0 / 55%);}

}
@media (max-width: 599px) {
	

.logo_bg img {  max-width: 100px;}
.login_contant_bg3 h2 {  padding-bottom: 10px;  font-size: 20px;}
.logo_bg {  padding-bottom: 10px; text-align:center;}	
.form_bg .form-group {margin-bottom:10px;}
.form_bg label {    font-size: 13px; margin-bottom:2px;}	
.footer_links ul li a { font-size: 12px;}	
.footer_links ul li { padding-right: 3px;  padding-left: 3px;}

.right_login_bg {
    height: 100%;
    max-width: 100%;
    display: table;
    padding: 0;
    background: none;
    width: 100%;
    text-align: center;
    vertical-align: bottom;       
	/* position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: inherit;*/
}
.login_contant_bg1 {
    text-align: center;
    padding: 0;
    width: 100%;
    display: table-cell;
    max-width: 100%;
    vertical-align: bottom; height:auto; position:inherit; left:0; background:none; padding-top: 210px;
}
.login_contant_bg2 {
    display: inline-block;
    width: 100%;
    max-width: 350px;
    background: #fff;
    padding: 20px;
    border-radius: 5px;
    text-align: left; height:auto;
}
.login_contant_bg3 {
    display: block;
    width: 100%;
    vertical-align: inherit;
    max-width: inherit;
}

.bttn-default { padding: 10px 20px 10px;}

.left_image_bg {display:block !important; height: auto;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        z-index: 3;
        background: none;
        padding: 15px;        text-align: center;}
.left_image_bg:before{display:none;}
.login_img_over h4 { font-size: 16px; line-height: 24px;        margin: 0;
        padding-bottom: 5px; padding-top: 10px;}
.login_img_over h3 {font-size: 28px; line-height: 34px;}

    .login_img_mob {
        width: 160px;
    }
	
}

/* Wide Mobile Layout: 480px. */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	
	
	
	
}