/*-- 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: middle;
}
.login_contant_bg1 {
    text-align: center;
    padding: 0;
    width: 100%;
    display: table-cell;
    max-width: 100%;
    vertical-align: middle; height:auto;
}
.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;
}
	
	
}


/* 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;
    }
	.left_image_bg {
    display: none;
}
    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;

}

@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: 5px;
    background: none;
    width: 100%;
    text-align: center;
    vertical-align: middle;
}
.login_contant_bg1 {
    text-align: center;
    padding: 0;
    width: 100%;
    display: table-cell;
    max-width: 100%;
    vertical-align: middle; height:auto;
}
.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;}

	
}

/* Wide Mobile Layout: 480px. */

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