@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";
body {
    font-family: 'Poppins', Arial, 'Times New Roman', sans-serif;
    background-size: cover;
    background: #fff;
}
#wrap {
    background:#eeffee;
}
.backlayer {
    height: 100%;
    width: 100%;
}
.service-provide {
    list-style:none;
}
.service-provide li {
    width: 48%;
    color: #318188;
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 14px;
    display: inline-block;
}
.welcome-login-head {
    font-size: 28px;font-weight: 600;
}
.leftcol-login {
    background: #e3fce6;
    padding-top: 75px;
    padding-bottom: 117px;
}
.backlayer .layerLeft {
    height: 90px;
    width: 100%;
    background: radial-gradient(at 50% -20%, #2ea1b2d4, #2ea1b2ed);
    padding: 13px;
    position: relative;
    z-index: 99;
    box-shadow: 0px 0px 35px 0px rgb(17 103 115);
}

    .backlayer .logo {
        z-index: 1;
        text-align: center;
        width: 100%;
    }

        .backlayer .logo img {
            max-width: 470px;
        }

    .backlayer .dark-header {
        background: #3a3a3a;
    }

.login-page {
    color: #fff;
    padding: 40px 30px;
    width: 360px;
    background: rgba(0, 0, 0, 0.54);
    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: 20% 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: #f39c12;
    color: white;
    border-color: #f39c12;
    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: #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);
    }

.form-validation h4 {
    font-size: 18px;
    color: #fff;
    margin-bottom: 20px;
    font-weight: 600;
    border-bottom: solid 1px #fff;
    padding-bottom: 10px;
}
.login-page .form-group {
    margin-bottom:20px;
}
.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; font-size:13px;
    }

.loginfooter-lgn {
    font-size: 0px;
    text-align: center;
    background: none 0% 0% repeat scroll rgb(220, 220, 220);
    padding: 8px 0px;
    position: absolute;
    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: #f39c12;
}

    .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: 16% 0 !important;
}

.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;
        }

    
.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 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 {
    background: #2ea1b2bf;
    padding-bottom: 50px;
    background-position: right 0px bottom 0px;
    background-size: 100%;
    border-bottom-right-radius: 50px;
    background-repeat: no-repeat;
    border-top-left-radius: 50px;
    border: solid 1px #e5ece5;
}
.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;
}

.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;
    background: transparent;
    color: #fff;
    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: fixed;
    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;
        }

/*--  slider css end Here-- */
.response-pg {
    width: 50%;
    margin: 0 auto;
    border: none;
    padding: 80px 0;min-height:500px;
}



@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: 85% 0 0 30%;
    }

    .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:736px) {
    body {
        background-size: auto;
    }

    .login-page {
        width: 100%;
        padding: 40px 20px;
        border-width: 2px;
    }

    .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;
    }
    .response-pg {
        width: 100%;
    }
    .leftcol-login {
        padding-top: 5px;
        padding-bottom: 10px;
    }
    .lgt-frm .login-page {
        margin: 8% 0 !important;
    }
    .service-provide li {
        width: 100%;
    }
    .welcome-login-head {
        font-size: 25px;
    }
}