body {
	font-family: 'RobotoSlab-Light', Arial, Verdana, Geneva, Tahoma, sans-serif  ;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
	background-size: cover;
}
@font-face {
    font-family: 'RobotoSlab-Bold';
    src: url('../fonts/RobotoSlab-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'RobotoSlab-Light';
    src: url('../fonts/RobotoSlab-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'RobotoSlab-Regular';
    src: url('../fonts/RobotoSlab-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'RobotoSlab-Thin';
    src: url('../fonts/RobotoSlab-Thin.ttf') format('truetype');
}
.backlayer {
	height: 100%;
	width: 100%;
}
.backlayer .layerLeft {
	min-height: 90px;
	width: 100%;
	background-color: #a9321e;
    background-image: -o-linear-gradient(e75138d4, #bd202b 0%, #a9321ee8 100%);
    background: linear-gradient(154deg, #e75138d4 0%, #a9321ee8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 );
    padding: 13px;
	position: relative;
	z-index: 99;
    border-bottom: solid 3px #f7a632;
}
.backlayer .layerRight {
}
.backlayer .logo {
	z-index: 1;
	width: 100%;
}
.backlayer .logo img {
	max-width: 439px;
}
.backlayer .dark-header {
	background: #3c54a5;
}
.page-login {
}
.login-page {
	color: #fff;
	padding: 40px 30px;
	width: 400px;
    background-color: #90312f;
    background-image: -o-linear-gradient(154deg, #d9534f2e 0%, #90312fd9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 );
    background: linear-gradient(154deg, #d9534f2e 0%, #90312fd9 100%);
	border: solid 5px rgba(255, 255, 255, 0.6);
	margin: 10% auto;
}
.login-page .form-control.underline-input {
	font-size: 16px;
}
.login-page .btn.btn-greensea {
	width: auto;
}
#admin-wrapper .login-page {
	margin:13% 5% 0 0;
}
.admin-login .login-page {
	margin:20% 0;
}
.mt-20 {
	margin-top: 20px !important;
}
.mp-20 {
	margin-top:20% !important;
}
.mp-10 {
	margin-top:10% !important;
}
.mp-4 {
	margin-top:4% !important;
}
.mp-6 {
	margin-top: 6% !important;
}
.mp-8 {
	margin-top: 8% !important;
}
.login-page .form-control.underline-input {
	font-size: 14px;
}
.form-control.underline-input {
	background:#ebeff8;
	box-shadow:none;
	padding: 5px 15px;
	height: 40px;
	border: 1px #d6d6d685 solid;
	border-radius: 50px;
}
.form-control {
	color: #616f77;
	outline: 0;
	vertical-align: top;
	background-color: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 2px;
	border: 1px solid #dbe0e2;
}
.btn.btn-greensea {
	background-color: #f0ad4e;
    color: white;
    border-color: #f0ad4e;
	padding: 6px 40px;
	margin-right:20px;
	border-radius: 50px;
	border: 2px #fff solid;
}
.btn.btn-greensea:hover, .btn.btn-greensea:active, .btn.btn-greensea.active {
	background-color: transparent;
	border-color: #3c54a5;
	color: #3c54a5;
	-webkit-box-shadow: 0 0 0 rgba(80, 182, 255, 0.31);
	box-shadow: 0 0 0 rgba(80, 182, 255, 0.31);
}
.form-validation h4 {
	font-size:18px;
	margin-bottom:20px;
	font-weight:600;
}
.frgt {
	font-size:13px;
	text-decoration:underline;
	color: #fff;
}
.flt {
	float:left;
	line-height:34px;
}
.mr10 {
	margin-right:10px;
}
.dp_ful {
	display:inline-block;
	width:100%;
}
.dp_ful .captcha_txt.flt .form-control {
	width: 160px;
	border-radius: 50px;
}
.loginfooter-lgn {
	font-size: 0px;
	text-align: center;
	background: none 0% 0% repeat scroll rgb(220, 220, 220);
	padding: 8px 0px;
    z-index:9;
	position:fixed;
	width:  100%;
	bottom: 0;
}
.error_404 {
	font-size:24px;
	font-weight:900;
	color:#000;
}
.error_p {
	font-size: 14px;
	line-height: 20px;
	color: #979797;
}
.error_p strong {
	color:#000;
}
.error_img {
	text-align:center;
	display:inline-block;
	width:100%;
	margin-bottom:30px;
}
.error_img img {
	width:100px;
}
.error_img:before {
	content:'error';
	position:absolute;
	top: 250px;
	left: 360px;
	font-weight:  600;
	color: rgba(0, 0, 0, .05);
	font-size: 13vw;
	font-family: sans-serif;
}
.form-validation .form-group {
	position:relative;
}
.form-validation .form-group .fa {
	position: absolute;
	top: 13px;
	right: 20px;
	color: #9e9e9e;
}
.form-validation .form-group label {
	font-weight:normal;
	margin-right:10px;
}
.form-validation .form-group input[type=radio] {
	position:relative;
	top:2px;
	margin-right:5px;
}
.error_page .backlayer:before {
	background:#fff;
}
.error_page .login-page {
	background:transparent;
	border:0px;
	margin: 4% auto;
}
.error_page .btn.btn-greensea, .lgt-frm .btn.btn-greensea {
	border-color:#3c54a5;
}
.error_page .btn.btn-greensea:hover, .lgt-frm .btn.btn-greensea:hover {
	color:#3c54a5;
	border-color:#3c54a5;
}
.error_page .btn-brd {
	background:#fff;
	color:#3c54a5;
	margin:15px 0 0px 0;
}
.error_page .btn-brd:hover {
	background:#3c54a5;
	color:#fff !important;
}
.lgt-frm .login-page {
	background:#fff;
	border: solid 4px rgba(60, 84, 165, 0.16);
	border-radius: 10px;
	color:#000;
	margin: 8% 6% 0 8%;
}
.lgt-frm .frgt {
	color:#000;
}
.ole-rst .backlayer .layerRight:before {
	background: rgba(60, 84, 165, 0.83);
	transform:rotate(34deg);
	height: 1500px;
	top: -250px;
	width: 1000px;
	left: 80px;
}
.ole-rst #wrap {
	overflow:hidden;
}
.ole-rst .form-control.underline-input, .ole-rst .dp_ful .captcha_txt.flt .form-control {
	background:#fff;
	border:0px;
	border-bottom:1px #ddd solid;
	border-radius:0px;
	box-shadow:none;
	padding: 5px 10px;
}
.ole-rst .form-control.underline-input:focus, .ole-rst .dp_ful .captcha_txt.flt .form-control:focus {
	box-shadow:none;
	border-bottom:1px #3c54a5 solid;
}
.ole-rst .form-validation .form-group .fa {
	right:10px;
}
.lgt-frm.adt-cd .login-page {
	background: #255e6f;
	border: solid 4px rgb(32, 77, 95);
	color: #fff;
	margin: 8% auto;
}
.lgt-frm.adt-cd.alu-lg .login-page {
	background: #3c54a5;
	background: -moz-linear-gradient(top, #3c54a5 0%, #2989d8 99%);
	background: -webkit-linear-gradient(top, #3c54a5 0%, #2989d8 99%);
	background: linear-gradient(to bottom, #3c54a5 0%, #2989d8 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c54a5', endColorstr='#2989d8', GradientType=0 );
	border:0px;
}
.adt-cd.alu-lg .form-control.underline-input, .adt-cd.alu-lg .dp_ful .captcha_txt.flt .form-control {
	background:rgba(0, 0, 0, 0.10);
	border: 2px rgba(234, 234, 234, 0.67) solid;
}
.adt-cd .form-control.underline-input, .adt-cd .dp_ful .captcha_txt.flt .form-control {
	background: rgba(26, 59, 77, 0.49);
	box-shadow:none;
	padding: 5px 10px 5px 30px;
	border: 2px #d6d6d64a solid;
	color: #fff;
}
.adt-cd .form-control.underline-input:focus, .adt-cd .dp_ful .captcha_txt.flt .form-control:focus {
	box-shadow:none;
	border-color:#fff;
}
.adt-cd .form-validation .form-group .fa {
	right: auto;
	left: 15px;
}
.adt-cd .dp_ful .captcha_txt.flt .form-control {
	padding: 5px 10px 5px 10px;
}
.lgt-frm.adt-cd .frgt {
	color:#fff;
}
.adt-cd .btn.btn-greensea {
	background-color: #fff;
	color: #1e4b59;
	border-color: #fcf8e3;
	margin-right:20px;
	border: 2px #fcf8e3 solid;
}
.adt-cd .btn.btn-greensea:hover, .adt-cd .btn.btn-greensea:active, .adt-cd .btn.btn-greensea.active {
	background-color: transparent;
	border-color: #fff;
	color: #fff;
	-webkit-box-shadow: 0 0 0 rgba(80, 182, 255, 0.31);
	box-shadow: 0 0 0 rgba(80, 182, 255, 0.31);
}
/*--  Dashboard Start Here-- */
.dashboard, .dashboard .backlayer:before {
	background:#f5f5f5;
	height:100%;
}
.backlayer.result:before {
	background:transparent;
}
.item .carousel-caption {
	font-size: 20px;
	padding: 0;
	font-weight: 600;
}
.card-box {
	padding:20px;
	border-radius:5px;
	margin-bottom:20px;
	background-color:#fff;
	box-shadow:0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);
}
.dashboard .loginfooter-lgn {
	position: relative;
	height: 42px;
	float: left;
}
.dashboard .backlayer .logo {
	text-align:left;
	float: left;
	width:  auto;
}
.dateformatbg {
	float:right;
	color:#fff;
	text-align:right;
	margin-top: 10px;
	font-size:12px;
	line-height:24px;
}
.dateformatbg a {
	color:#fff;
}
.dateformatbg a i {
	color:#9dce9d;
}
.dateformatbg #date {
}
.wrapper {
	padding:40px 0;
}
.widget-title {
	position: relative;
	font-size: 16px;
	padding: 0 0 5px;
	border-bottom: 2px solid rgba(0, 0, 0, 0.1);
	margin-bottom: 20px;
}
.widget-title h4 {
	font-size: 14px;
	min-height: 15px;
	font-weight: 600;
}
.widget-title:after {
	content: "";
	background: #2c2f34;
	width: 40px;
	height: 2px;
	position: absolute;
	bottom: -2px;
	left: 0;
}
.widget-title-icon {
	position: absolute;
	right: 0;
	top: 1px;
	color: #b9bec3;
}
.form_ul ul {
	padding:0px;
}
.form_ul li {
	font-size: 12px;
	list-style: none;
	padding:  5px 0;
	margin: 2px 0;
	position:  relative;
	color: #000;
}
.form_ul li span {
	width:100%;
	display:inline-block;
}
.form_ul li span em {
	display:block;
	color:#777;
}
.form_ul li span a {
	color: #000;
}
.form_ul li span img {
	margin-left:10px;
}
.form_ul.gnr_not span {
	padding-left: 40px;
}
.form_ul .dlfle {
	position:  absolute;
	left: 0px;
}
.form_ul .dlfle a {
	background: transparent;
	border: 1px #008000 solid;
	border-radius:  50px;
	padding: 8px 10px;
	width:  30px;
	height:  30px;
	float: left;
}
.form_ul .dlfle a:hover {
	box-shadow: 0 0 20px #00800080;
	border: 1px #ffffff solid;
}
.form_ul .dlfle a i {
	color: #008000;
}
.view_all {
	padding: 5px 0 0;
	border-top: 1px #ddd solid;
	text-align:  right;
	margin-top:10px;
	margin-bottom: -10px;
}
.view_all span {
}
.view_all a {
	font-size:12px;
	color: red;
}
.view_all a:hover {
	text-decoration:underline;
	color:red;
}
.blurb-custom {
	text-align:center;
	padding: 0 20px 0px;
	width: 100%;
}
.blurb-custom .icon-image-lg {
	width: 100px;
	height: 100px;
}
.blurb-custom .icon {
	display:inline-block;
	text-align:center;
}
.blurb-custom .icon-image {
	margin-top: 20px;
}
.blurb-custom .icon-image-primary {
	background: #fefefe;
	border: 1px #e5e5e5 solid;
}
.icon-image img {
	width: 50px;
}
.blurb-custom .blurb-title {
	margin-top: 20px;
	font-weight: 600;
	margin-bottom: 0;
	height: 76px;
	color: #3c54a5;
	line-height: 24px;
}
.blurb-custom .blurb-title a {
	color: #3c54a5;
	font-size: 14px;
	line-height: 24px;
}
.blurb-custom .blurb-content {
	margin-top: 0px;
	color:#555555;
	font-size: 13px;
	line-height:22px;
	height: auto;
}
.ovrflw {
	height: 432px;
}
.ovrflw .form_ul {
	height: 305px;
	overflow:auto;
}
.ovrflw .form_ul::-webkit-scrollbar {
width: 5px;
height: 8px;
background-color: #aaa;
}
.ovrflw .form_ul::-webkit-scrollbar-thumb {
background: #000;
}
.lgt-frm .result .login-page {
	padding: 20px 20px;
	width: 320px;
}
.lgt-frm .result .dp_ful .captcha_txt.flt .form-control {
	width:155px;
}
.lgt-frm .login-page.payment {
	border:0px;
	background:url(img/bg_v1.png) #fff;
	padding-bottom: 130px;
	background-position: right 0px bottom -130px;
	background-size:  100%;
	background-repeat:  no-repeat;
}
.lgt-frm .login-page.online_bg, .lgt-frm .login-page.internal {
	border:0px;
	background: url(img/bg_v2.png) #fff;
	padding-bottom: 110px;
	background-position: right 0px bottom 0px;
	background-size:  100%;
	background-repeat:  no-repeat;
	border-radius: 0px;
	margin-top: 7%;
}
.lgt-frm .login-page.internal {
	border:0px;
	background:url(img/bg_v3.png) #fff;
	padding-bottom: 130px;
	background-position: right 0px bottom 0px;
	background-size:  100%;
	background-repeat:  no-repeat;
	border-radius:10px;
	box-shadow: 0px 1px 22px #145a95a8;
}
.lgt-frm .login-page.student_bg {
	border-top-left-radius: 70px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 70px;
	border-bottom-left-radius: 0px;
	border: 0px;
	padding: 60px 40px;
}
.lgt-frm .student_bg .form-control.underline-input, .student_bg .dp_ful .captcha_txt.flt .form-control {
	border-top-left-radius: 0;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 20px;
}
.admin_bg .form-control.underline-input, .admin_bg .dp_ful .captcha_txt.flt .form-control {
	border-radius: 0px;
	border: 2px #d6d6d685 solid;
}
.admin_bg .btn.btn-greensea {
	border-radius: 0px;
	color: #fff;
	border: 2px #d6d6d685 solid;
}
/* Global Button Styles */
a.animated-button:link, a.animated-button:visited {
	position: relative;/* display: block; */
	margin: 0px 20px 0px 0px;
	color: #fff;
	text-transform: uppercase;
	overflow: hidden;
	letter-spacing: .08em;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
a.animated-button:link:after, a.animated-button:visited:after {
	content: "";
	position: absolute;
	height: 0%;
	left: 50%;
	top: 50%;
	width: 150%;
	z-index: -1;
	-webkit-transition: all 0.75s ease 0s;
	-moz-transition: all 0.75s ease 0s;
	-o-transition: all 0.75s ease 0s;
	transition: all 0.75s ease 0s;
}
a.animated-button:link:hover, a.animated-button:visited:hover {
	color: #FFF !important;
	text-shadow: none;
}
a.animated-button:link:hover:after, a.animated-button:visited:hover:after {
	height: 450%;
}
a.animated-button.victoria-one {
	border: 2px solid #3c54a5;
	border-radius:5px;
}
a.animated-button.victoria-one:after {
	background: #3c54a5;
	-moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	color: #fff;
}
a.animated-button.victoria-two {
	border: 2px solid #3c54a5;
}
a.animated-button.victoria-two:after {
	background: #F44336;
	-moz-transform: translateX(-50%) translateY(-50%) rotate(25deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(25deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(25deg);
	transform: translateX(-50%) translateY(-50%) rotate(25deg);
}
a.animated-button.victoria-four {
	border: 2px solid #3c54a5;
	background: transparent;
	color: #3c54a5;
}
a.animated-button.victoria-four:hover {
	color:#fff;
}
a.animated-button.victoria-four:after {
	background: #3c54a5;
	opacity: .5;
	-moz-transform: translateY(-50%) translateX(-50%) rotate(90deg);
	-ms-transform: translateY(-50%) translateX(-50%) rotate(90deg);
	-webkit-transform: translateY(-50%) translateX(-50%) rotate(90deg);
	transform: translateY(-50%) translateX(-50%) rotate(90deg);
}
a.animated-button.victoria-four:hover:after {
	opacity: 1;
	height: 600% !important;
}
a.animated-button.thar-one {
	color: #fff;
	cursor: pointer;
	position: relative;
	border: 2px solid #3c54a5;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
a.animated-button.thar-one:hover {
	color: #fff;
	background-color: transparent;
	text-shadow: none;
	border: 2px solid #ff5f5f !important;
}
a.animated-button.thar-one:hover:before {
	bottom: 0%;
	top: auto;
	height: 100%;
}
a.animated-button.thar-one:before {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 0px;
	width: 120%;
	z-index: -1;
	content: '';
	color: #fff !important;
	background: #ff5f5f;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
a.animated-button.thar-two {
	color: #fff;
	cursor: pointer;
	position: relative;
	border: 2px solid #3c54a5;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
a.animated-button.thar-two:hover {
	color: #fff !important;
	background-color: transparent;
	text-shadow: none;
	border: 2px solid #ff5f5f;
}
a.animated-button.thar-two:hover:before {
	top: 0%;
	bottom: auto;
	height: 100%;
}
a.animated-button.thar-two:before {
	display: block;
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 0px;
	width: 100%;
	z-index: -1;
	content: '';
	color: #000 !important;
	background: #3c54a5;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
a.animated-button.thar-three {
	color: #fff;
	cursor: pointer;
	position: relative;
	border: 2px solid #fff;
	transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}
a.animated-button.thar-three:hover {
	color: #fff !important;
	background-color: #3c54a5;
	text-shadow: nthree;
}
a.animated-button.thar-three:hover:before {
	left: 0%;
	right: auto;
	width: 100%;
}
a.animated-button.thar-three:before {
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 100%;
	width: 0px;
	z-index: -1;
	content: '';
	color: #000 !important;
	background: #3c54a5;
	transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}
a.animated-button.thar-four {
	color: #fff;
	cursor: pointer;
	position: relative;
	border: 2px solid #F7CA18;
	transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}
a.animated-button.thar-four:hover {
	color: #fff !important;
	background-color: transparent;
	border:2px #F7CA18 solid !important;
}
a.animated-button.thar-four:hover:before {
	right: 0%;
	left: auto;
	width: 100%;
	background: #f7ca18;
}
a.animated-button.thar-four:before {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 0px;
	z-index: -1;
	content: '';
	color: #000 !important;
	background: #F7CA18;
	transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}
/*--  Dashboard End Here-- */

/* new admin with content*/ 
.content_li {
	float: left;
	color: #fff;
	padding: 40px 20px;
	background:rgba(0, 0, 0, 0.54);
	border: solid 5px rgba(255, 255, 255, 0.6);
	margin: 9.5% auto;
}
.content_li h4 {
	color:#fff;
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 20px;
	margin-top: 0;
	line-height: 28px;
}
.content_li .col-md-4 {
	padding-left: 0;
}
.content_li ul {
	padding:0px;
}
.content_li ul li {
	font-size:13px;
	line-height: 22px;
	list-style:none;
	background: url(img/tick_icon.png) no-repeat;
	padding-left: 20px;
}
.admin-login .login-page {
	height: 395px;
}
.new_blue .content_li {
	background: rgba(60, 84, 165, 0.63);
	border: solid 4px rgba(255, 255, 255, 0.6);
	border-radius: 10px;
}
/* new admin with content*/


/*--  slider css start Here-- */
#admin-wrapper {
	width: 100%;
	position: absolute;
	top: 0;
}
#admin-wrapper .carousel-wrapper, #admin-carousel {
	height: 100%;
	width: 100%;
	position: absolute;
}
#admin-carousel img {
	left: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	max-width: none;
	width: 100%;
	height: auto;
}
#admin-carousel i {
	position: absolute;
	top: 50%;
}
#admin-wrapper .carousel-fade .carousel-inner .item {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition: opacity 2s ease-in;
	-moz-transition: opacity 1s ease-in;
	-o-transition: opacity 1s ease-in;
	-ms-transition: opacity 1s ease-in;
	transition: opacity 1s ease-in;
}
#admin-wrapper .carousel-fade .carousel-inner .active {
	opacity: 1;
}
#admin-wrapper .carousel-fade .carousel-inner .active.left, #admin-wrapper .carousel-fade .carousel-inner .active.right {
	left: 0;
	opacity: 0;
	z-index: 1;
}
#admin-wrapper .carousel-fade .carousel-inner .next.left, #admin-wrapper .carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}
#admin-wrapper .carousel-fade .carousel-control {
	z-index: 2;
}
.page-login.pay_sum .login-page {
	width:440px;
}
.page-login .box_sha {
	border-radius: 5px;
	box-shadow: 0 0 10px #dcdcdc;
	padding: 10px;
	margin-top: 20px;
}
.page-login .table {
	margin: 0px;
	border:0px;
	border-radius:5px;
}
.page-login .table td {
	padding: 5px;
	color: #000;
	text-align: left;
	border: 0px;
	font-size: 13px;
}
.page-login .table td:first-child {
	font-weight:600;
}
.custom-text-left {
    text-align:left !important;
}
.modal-header {
    background: #e75138;
    color: #fff;
}
/*--  slider css end Here-- */
  
@media (max-width:1024px) and (min-width:769px) {
    body {
    background-size: auto;
    }
    .error_img:before {
    left: 310px;
    top: 240px;
    }
    .admin-login .login-page {
    width: 300px;
    height: auto;
    }
    .content_li {
    width: 100%;
    }
    .content_li ul li {
    font-size:12px;
    line-height:20px;
    }
    #admin-carousel img {
    max-width:150%;
    }
    .mp-4 {
    margin: 10% 30% !important;
    }
    .lgt-frm.adt-cd .login-page, .lgt-frm .login-page, .login-page {
    margin: 15% 30%;
    }
    .mp-6, .mp-10, .mp-8 {
    margin-top: 15% !important;
    }
    .lgt-frm .new_blue .login-page {
    margin: 15% 0%;
    }
}
 @media (max-width:768px) and (min-width:641px) {
    body {
    background-size: auto;
    }
    .error_img:before {
    left: 240px;
    top: 280px;
    }
    .login-page {
    }
    .content_li {
    width: 100%;
    top: 30%;
    left: 50%;
    }
    .admin-login .login-page {
    height: 300px;
    float: none !important;
    margin: 0px auto 0 auto;
    }
    .admin-login.backlayer .layerRight {
    padding: 0;
    }
    #admin-wrapper .login-page {
    margin: 30% 0 0 0;
    }
    .mp-4 {
    margin: 25% !important;
    }
    .lgt-frm.adt-cd .login-page {
    margin: 35% 25%;
    }
    .lgt-frm .login-page, .login-page {
    margin: 35% 25%;
    }
    .mp-6, .mp-10, .mp-8 {
    margin-top: 35% !important;
    }
    .mp-20 {
    margin-top: 10% !important;
    }
    .lgt-frm .new_blue .login-page {
    margin: 0% 25%;
    }
}
 @media (max-width:640px) {
    body {
        background-size: auto;
    }
    .login-page {
        width:100%;
        padding: 40px 20px;
        border-width:2px;
        margin-right: 0 !important;
    }
    .backlayer .logo img {
        max-width: 300px;
    }
    .dp_ful .captcha_txt.flt .form-control {
        width: 120px;
    }
    .error_img:before {
        top: 54%;
        left: 50px;
        font-size: 100px;
    }
    .dashboard .backlayer .layerLeft {
        height:100px;
    }
    .dateformatbg a {
        display:none;
    }
    #admin-wrapper .login-page {
        margin: 40% 0;
    }
    #admin-wrapper .carousel-wrapper, #admin-carousel {
        height: auto;
        width: 100%;
        position: relative;
        display:none;
    }
    #admin-wrapper {
    background: #fff;
    background:url(img/login-bg.jpg)
    }
    .error_page .btn-brd {
    margin:0px 0 0px 0;
    }
     .admin-login.backlayer .layerRight {
    padding:0 !important;
    }
    .content_li {
    width: 100%;
    top: 70%;
    left: 50%;
    padding:10px;
    border-width:2px;
    }
    .admin-login .loginfooter-lgn {
    position: relative;
    margin-top: 60px;
    }
    .admin-login .login-page {
    height:auto;
    border-width:2px;
    margin: 10% auto;
    }
    .content_li ul li {
    font-size:12px;
    line-height:20px;
    }
    .backlayer .layerRight {
    padding:0px;
    }
    .error_page .btn.btn-greensea {
    margin-bottom:10px !important;
    }
}


 @media only screen and (min-device-width : 360px) and (max-device-width: 823px) and (orientation : landscape) {
   .loginfooter-lgn {display:none;}
}