@media (min-width:1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1164px;
    }
    .big-container .container,
    .big-container .container-lg,
    .big-container .container-md,
    .big-container .container-sm,
    .big-container .container-xl,
    .big-container .container-xxl {
        max-width: 1190px;
    }
}

@media (min-width:1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1164px;
    }
    .big-container .container,
    .big-container .container-lg,
    .big-container .container-md,
    .big-container .container-sm,
    .big-container .container-xl,
    .big-container .container-xxl {
        max-width: 1290px;
    }
}
@media(max-width: 1200px){
    a.remind-edit-btn {
        padding-right: 30px;
    }
}

@media only screen and (min-width: 992px) {
    .mobile-menu.mobile_only {
        display: none;
    }
}


/* Home Page With Header & Footer Start */


/* Max Width 991px */

@media only screen and (max-width: 991px) {
    .about-area p span{
        font-size: 30px !important;
        line-height: 40px;
    }
    .about-section{
        padding: 40px 0;
    }
    .about_page .footer{padding-top: 40px;}
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 100%;
    }
    .big-conatiner .container,
    .big-conatiner .container-lg,
    .big-conatiner .container-md,
    .big-conatiner .container-sm,
    .big-conatiner .container-xl,
    .big-conatiner .container-xxl {
        max-width: 100%;
    }
    .menu {
        display: none;
    }
    .toggle-mobile-menu {
        display: block;
        cursor: pointer;
    }
    .header-area {
        padding: 10px 0;
    }

    /* 09/02/22 */
    .home_page_content{
        margin-top: 90px;
    }
    .header.smaller .header-area .logo {
        max-height: 50px;
        height: 50px;
    }
    .header.smaller .header-area .logo img {
        max-height: 50px;
        height: 50px;
    }
    section#about {
        padding-top: 60px;
    }

    /* 09/02/22 */

    .top_logo {
        max-width: 50px;
    }
    .mobile-menu__panel-body {
        min-height: calc(100vh - 51px);
        overflow-y: auto;
        padding-bottom: 40px;
    }
    .mobile-menu__panel-body .site-btn.bg_white {
        display: block;
        text-align: center;
        position: fixed;
        bottom: 0;
        width: 100%;
        border-radius: 0;
        border-color: #ffffff;
    }
    .banner-area {
        /* padding: 40px 0; */
        padding: 40px 0 0 0;
    }
    .banner-area .main-title {
        margin-bottom: 20px;
    }
    .main-title {
        font-size: 40px;
        line-height: 50px;
    }
    .banner-area p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 30px;
    }
    .site-btn {
        font-size: 14px;
        line-height: 14px;
    }
    .banner-img {
        margin-top: 30px;
    }
    .about-text {
        /* padding-bottom: 80px; */
        padding-bottom: 0;
    }

    /* 09/02/22 */







    /* 09/02/22 */

    .about-cont .title {
        margin-bottom: 20px;
    }
    .title {
        font-size: 30px;
        line-height: 40px;
    }
    .about-cont p {
        font-size: 18px;
        line-height: 30px;
    }
    .about-text p {
        margin-bottom: 30px;
    }
    .about-content{
        padding-top: 60px;
    }
    .plan{
        padding: 60px 0 40px;
    }
    .plan .title {
        margin-bottom: 6px;
    }
    .plan-content {
        padding: 10px;
    }
    .plan-content > h3 {
        font-size: 40px;
        line-height: 45px;
        margin-bottom: 10px;
        padding: 0;
    }
    .plan-content > h6 {
        font-size: 20px;
        padding: 0;
        margin-bottom: 30px;
    }
    .plan-text {
        padding: 0;
        margin-bottom: 20px;
    }
    .plan-text > div:first-child {
        padding-right: 10px;
    }
    .plan-text > div:last-child {
        padding-left: 10px;
    }
    .download {
        max-width: 100%;
        position: static;
        align-items: center;
        padding: 30px;
    }
    .footer {
        padding-top: 40px;
    }
    .download p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 20px;
    }
    .social {
        margin-top: 20px;
    }
    .download br {
        display: none;
    }
    .doc-upload-btn.upload-fiile-reminder {
        padding: 15px 12px 15px;
    }
    .page-content.doc-upload-step1.dashboard_page.entity_management.bill-detail-wrapper {
        padding-bottom: 70px;
    }
    .list-item-inner-mobile a.list-link {
        padding-left: 56px !important;
        padding-right: 33px;
        text-align: left;
        padding-top: 12px;
        padding-bottom: 12px;
        font-size: 14px;
        line-height: 22px;
        font-weight: normal;
        color: #ffffff;
    }
    .mobile-menu__links .list-item-inner-mobile {
        display: none;
    }
    li.list-link.close .line2 {
        display: none;
    }
}


/* Max Width 767px */

@media only screen and (max-width: 767px) {
    .about-img {
        margin-top: 24px;
    }
    .about-cont {
        max-width: 100%;
    }
    .uploaded-file-area-left, .uploaded-file-area-right.doc-upload-step1{
        padding-right: 0;
        width: 100%;
    }
    .uploaded-file-area {
        display: block;
        margin-bottom: 0;
    }
    a.reminder-btn {
        padding: 8px 19px 8px 20px;
    }
    .dashborad-btn a {
        height: 40px;
    }
    .doc-upload-btn.upload-fiile-reminder.bill-payment-btn {
        display: block;
    }
    a.remind-edit-btn {
        padding-right: 0px;
    }
    .bill-payment-btn-remind-outer-right {
        width: 100%;
        margin-top: 5px;
        border-top: 1px solid #ddd;
        padding-top: 5px;
    }
    .payment-history-box.payment-history-detail-box {
        margin-bottom: 24px !important;
    }
    .uploadedDoc-row a {
        font-size: 14px;
        line-height: 21px;
        padding-right: 10px;
    }
    .page-content.doc-upload-step1.dashboard_page.entity_management.bill-detail-wrapper {
        padding-bottom: 90px;
    }
    .download {
        display: block;
        text-align: center;
    }
    .about-section{
        padding: 30px 0;
    }
    .about_page .footer{padding-top: 30px;}
}


/*max width 576px */
@media(max-width: 576px){
    .upload-file .title_pagination {
        margin-bottom: 15px;
    }
    section.doc-upload.upload-file .dash-title-area {
        display: block;
    }
    ul.ploaded-file-list li {
        flex: 0 0 100%;
        margin-bottom: 10px;
        padding-right: 0;
    }
    .uploaded-file-area-left h4 {
        margin-bottom: 10px;
    }
    .uploaded-file-area-left .uploaded-file-detail {
        margin-top: 10px;
    }
    .uploaded-file-btn button {
        margin-left: 6px;
    }
    .otp-form-box {
        margin: 20px 0;
    }
    
}

@media only screen and (max-width: 575px) {
    .plan-content{min-height: auto;}
}

/* Max Width 480px */

@media only screen and (max-width: 480px) {
    .logo img {
        max-width: 60px;
    }
    .home_page_content{
        margin-top: 62px;
    }
    .main-title {
        font-size: 30px;
        line-height: 40px;
    }
    .title {
        font-size: 24px;
        line-height: 30px;
    }
    .about-cont p {
        font-size: 16px;
        line-height: 24px;
    }
    .about-text p {
        font-size: 16px;
        line-height: 24px;
    }
    .plan-text > div > p {
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;
        color: #1C1C1C;
    }
    .plan-content > h3 {
        font-size: 30px;
        line-height: 40px;
    }
    .download > div:last-child {
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: center;

    }
    .download p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 0;
    }
    .download .site-btn {
        margin-top: 20px;
    }
    .footer-menu {
        padding: 20px 0;
    }
    .footer-menu > li:not(:last-child){
        margin: 0 20px 10px 0;
    }
    .footer-menu > li{
        margin-bottom: 10px;
    }
    .download .site-btn {
        width: 120px;
        height: 42px;
    }
    .download .site-btn:first-of-type {
        margin-right: 0px;
    }
    .download {
        padding: 20px;
    }
    .download .site-btn > svg {
        margin-right: 8px;
        width: 18px;
        height: 18px;
    }
    .download {
        padding: 20px;
    }
    .download .site-btn {
    margin-left: 5px;
    margin-right: 5px;
}

}


/* Home Page With Header & Footer End */



/* Login, Register, Forgot Password And Other Start */


/* Max Width 991px */

@media only screen and (max-width: 991px) {
    .login .login-right {
        height: auto;
        padding-top: 100px;
        padding-bottom: 100px;
        border-radius: 30px 30px 0 0;
    }
    .login .login-left {
        min-height: 30vh;
    }
    .login .title {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 30px;
    }
    .forgot-pas-area {
        margin-bottom: 25px;
    }

    /* People.. */

    .login.people .title {
        font-size: 30px;
        line-height: 40px;
    }
    .people-content p:first-of-type {
        font-size: 20px;
        line-height: 30px;
    }
    .people-content-area {
        padding-left: 162px;
    }
}


/* Max Width 767px */

@media only screen and (max-width: 767px) {
    .setup-img,
    .wizard-content-area {
        width: 100%;
        min-height: auto;
    }
    .wizard-content p:first-of-type {
        margin-bottom: 14px;
    }
    .wizard-content-area {
        padding-left: 0;
    }
    .setup-img {
        padding-right: 0;
    }

    /* People.. */

    .header-people {
        border-radius: 0 0 30px 30px;
        position: static;
        height: auto;
        padding: 84px 12px 30px;
    }
    .people-menu {
        height: auto;
        padding: 0;
        justify-content: center;
    }
    .people-menu > ul > li {
        display: inline-block;
    }
    .people-menu > ul > li:not(:last-child) {
        margin-bottom: 0;
        margin-right: 20px;
    }
    .people-menu > ul > li > a {
        height: 30px;
        width: 30px;
    }
    .people-menu > ul {
        display: flex;
        align-items: center;
    }
    .people-menu > ul > li > a::after {
        width: 20px;
        height: 1px;
        bottom: auto;
        left: auto;
        transform: translate(100%, -50%);
        right: -2px;
        top: 50%;
    }
    .people-logo {
        left: 50%;
        top: 30px;
        transform: translateX(-50%);
        max-width: 30px;
    }
    .login.people {
        padding: 0 0 30px;
    }
    .people-container {
        padding: 30px 0;
    }
    .people-content-area {
        padding-left: 0;
        height: auto;
    }
    .people-content {
        max-width: 100%;
    }
    .people-form-area {
        max-width: 100%;
    }
    .people-form .form-fields {
        max-height: 100%;
    }
}



/* Max Width 640px */

@media only screen and (max-width: 640px) {
    .login .login-left .logo a img {
        max-width: 130px;
    }

}



/* Max Width 480px */

@media only screen and (max-width: 480px) {
    .login .login-left {
        min-height: 25vh;
    }
    .close-btn {
        top: 30px;
        right: 12px;
    }
    .login .title {
        font-size: 22px;
        line-height: 30px;
    }
    .form-field {
        margin-bottom: 20px;
        position: relative;
    }
    .forgot-pas-area {
        margin-bottom: 20px;
    }
    .register .privacy-text {
        margin: 0 0 20px;
    }
    .forgot_password.login .privacy-text {
        margin: 0 0 30px;
    }
    .forgot_password .form-field:last-of-type {
        margin-bottom: 20px;
    }

    /* People... */

    .login.people .title {
        font-size: 24px;
        line-height: 30px;
    }
    .people-content p:first-of-type {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 10px;
    }
    .add-field {
        margin-bottom: 30px;
    }
    .modal-title {
        font-size: 16px;
        line-height: 24px;
    }
}


/* Login, Register, Forgot Password And Other Page End */



/* Dashboard Start */


/* Max Width 1200px */

@media only screen and (max-width: 1200px) {

    /* Dashboard Empty */

    label.uploadDoc {
        height: 160px;
        width: 160px;
        margin: 0 auto 30px;
    }
    .dash-upload-doc-content h5 {
        font-size: 28px;
        line-height: 40px;
        margin-bottom: 10px;
    }
    .dash-upload-doc-content p {
        font-size: 16px;
        line-height: 24px;
    }

    /* My Files */

    /* .my_files .receUpload-filter {
        align-items: flex-start;
        flex-direction: column;
    }
    .my_files .search-filter {
        margin-bottom: 10px;
    } */
    .my_files .search-filter {
        align-items: flex-start;
        flex-direction: column;
    }
    .my_files .quick-filter {
        margin-left: 0;
    }
    .my_files .receUpload-filter {
        align-items: flex-start;
    }
    .my_files .filterSearch {
        margin-bottom: 10px;
    }
}




/* Max Width 991px */

@media only screen and (max-width: 991px) {
    
    /* Dashboard Empty */

    .search {
        margin-left: 0;
        display: none;
    }
    .filter {
        display: none;
    }
    .search-mobile {
        display: block;
    }
    .filter-mobile {
        display: block;
        margin-left: 8px;
    }
    .fremium {
        display: none;
    }
    .account-drowpdown {
        display: none !important;
    }
    .account-drowpdown-responsive {
        display: block !important;
    }
    .mobile-menu-toggle {
        margin-left: 15px;
        width: 20px;
        height: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .admin-sec .dropdown button img {
        border-radius: 0;
        width: 20px;
        height: 20px;
    }
    .content-header .admin-sec .dropdown button {
        padding: 0;
        vertical-align: middle;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 20px;
        height: 20px;
    }
    .admin-sec .notification {
        margin: 0 8px;
    }
    .sidebar {
        display: none;
    }
    .dashboard_empty .page-content {
        padding: 95px 12px 35px;
    }
    .dashboard_empty .page-content.doc-upload-step1 {
        padding: 60px 12px 100px;
    }
    .content-header {
        padding: 0 12px;
        height: 60px;
    }
    .dashboard_empty .page-content {
        height: auto;
    }
    .dash-upload-doc,
    .dash-upload-doc-content,
    .dash-upload-form-area {
        height: auto;
    }
    .dashboard_empty .top_logo {
        max-width: 130px;
    }
    [dir=ltr] .mobile-menu__links>li>a .image {
        position: relative;
        height: 24px;
        width: 24px;
        margin: 0 15px 0 0;
    }
    [dir=ltr] .mobile-menu__links>li>a .image::after {
        content: '';
        position: absolute;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        width: 24px;
        height: 24px;
    }
    [dir=ltr] .mobile-menu__links>li>a .image.dash::after {
        background: url(../images/icon_dashboard-white.svg);
    }
    [dir=ltr] .mobile-menu__links>li>a .image.location::after {
        background: url(../images/icon_document-white.svg)
    }
    [dir=ltr] .mobile-menu__links>li>a .image.student::after {
        background: url(../images/account-white.svg);
        background-position: center;
        background-repeat: no-repeat;
    }
    [dir=ltr] .mobile-menu__links>li>a .image.package::after {
        background: url(../images/header-receipt-white.svg);
        background-position: center;
        background-repeat: no-repeat;
    }
    [dir=ltr] .mobile-menu__links>li>a .image.program::after {
        background: url(../images/icon_card-white.svg)
    }
    [dir=ltr] .mobile-menu__links>li>a .image.staff::after {
        background: url(../images/icon_entity-white.svg)
    }
    [dir=ltr] .mobile-menu__links>li>a .image.certificate::after {
        background: url(../images/icon_category-white.svg)
    }
    .fremium-mobile {
        display: block;
        position: fixed;
        right: 0;
        left: 0;
        margin: 0;
        bottom: 0;
        padding: 12px 20px;
        text-align: center;
        border-radius: 0;
        border: 0;
    }
    [dir=ltr] .dashboard_empty .mobile-menu__links > li > a {
        font-size: 14px;
        line-height: 22px;
        font-weight: normal;
        color: #ffffff;
    }
    /* ------------------------------------------------------------------------------------------- */
    .dashboard_empty {
        height: auto;
    }
    .dashboard_empty .page-content.dashboard_empty_page {
        min-height: 100vh;
		display: flex;
		align-items: center;
		justify-content: center;
    }
    .page-content.dashboard_empty_page .title {
        text-align: center;
    }

    /* doc upload step */

    .doc-upload-btn {
        padding: 20px 12px 20px;
    }

    /* dashboad details */

    .dashboard_page .hr-line {
        margin: 30px -12px 30px -12px;
    }
    .dashboard_page.doc-upload-step1 .hr-line {
        margin: 30px -12px 20px -12px;
    }

    /* Recent Upload */

    .receUpload-area {
        padding: 20px 20px 10px 20px;
    }
    .recent_upload .dataTables_paginate {
        margin-top: 20px !important;
    }

    /* My Card */

    .my_card .hr-line {
        margin: 30px -12px 6px -12px;
    }

    /* Contact Us */

    .contact-form {
        margin-top: 30px;
    }
	.doc-upload {
		padding-top: 30px;
	}

}


/* Max Width 767px */

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

    /* doc upload step */

    .title-progress {
        display: block;
        width: calc(100% - 30px);
    }
    .progress-area {
        margin-top: 20px;
    }
    .progress-text {
        margin-left: 0;
    }
    .doc-upload-title-area {
        margin-left: 0;
        padding-left: 0;
        align-items: flex-start;
    }
    .doc-upload-left,
    .doc-upload-right {
        width: 100%;
    }
    .doc-upload-left {
        max-width: 100%;
        padding-right: 0;
    }
    .doc-upload-type {
        max-width: 100%;
    }
    .doc-upload-step1 label.uploadDoc {
        max-width: 100%;
    }
    .doc-upload-right {
        padding-left: 0;
        margin-top: 40px;
    }
    .doc-upload-btn > .site-btn {
        width: auto;
        height: auto;
    }
    .uploaded-doc {
        max-height: 100%;
    }
    .doc-upload-step4 .uploaded-doc {
        max-height: 100%;
    }

    /* Recent Upload */

    .receUpload-area {
        overflow-x: auto;
    }
    #list_student_wrapper {
        overflow-x: auto;
    }
    

    /* My Files */

    .my_files .receUpload-filter {
        flex-direction: column;
    }
    .select-apply {
        margin-top: 10px;
    }

    /* Entity Management */

    .people-form .form-fields {
        padding-right: 0;
    }
    .padding-right-10 {
        padding-right: 0;
    }
    .add-field {
        width: 100%;
    }
	.doc-upload-step1 .doc-upload-content {
		margin-bottom: 0px;
	}
	.prev-details-box, .uploaded-doc {
		padding-right: 0;
	}
}



/* Max Width 640px */

@media only screen and (max-width: 640px) {

    .reminder-box {
        width: 100px;
    }
}



/* Max Width 480px */

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

    .site-btn {
        padding: 11px 30px;
    }
    
    
    /* Dashboard Empty */
    
    .mobile-menu-toggle {
        margin-left: 10px;
    }
    .admin-sec .notification {
        margin: 0 3px;
    }
    .filter-mobile {
        margin-left: 3px;
    }
    .dash-logo {
        width: 100px;
    }
    .dashboard_empty .page-content {
        padding: 90px 12px 30px;
    }
    .dashboard_empty .page-content.doc-upload-step1 {
        padding: 60px 12px 100px;
    }
    .dashboard_empty .title {
        font-size: 20px;
    }
    .dash-upload-form-area {
        padding-top: 30px;
    }
    label.uploadDoc {
        height: 100px;
        width: 100px;
    }
    .dash-upload-doc-content h5 {
        font-size: 22px;
        line-height: 30px;
    }
    .dash-upload-doc-content p {
        font-size: 14px;
        line-height: 20px;
    }

    /* doc upload step */

    /* .doc-upload-title-area {
        padding-bottom: 30px;
    } */
    .page-content .progress {
        max-width: 60%;
    }
    .doc-upload-step1 .sub-title {
        margin-bottom: 20px;
    }
    .sub-title {
        font-size: 18px;
        line-height: 26px;
    }
    .docTypeUpload-form .form-field:last-of-type {
        margin-bottom: 30px;
    }
    .doc-upload-right {
        margin-top: 30px;
    }
    .doc-upload {
        padding-top: 20px;
    }
    .add-new-category {
        margin-bottom: 10px;
    }
    .select-category-form .form-field label {
        font-size: 14px;
        line-height: 14px;
        height: auto;
        width: auto;
        padding: 8px 16px;
    }
    .doc-upload-step2 .add-field {
        width: auto;
        padding: 8px 16px;
        height: auto;
    }
    .select-category-form .form-field:not(:last-of-type) {
        margin-right: 10px;
    }
    .select-category-form .form-field {
        margin-top: 10px;
    }
    .modal-body .hr-line {
        margin: 20px 0;
    }
    .addCategoryForm .modal-title {
        margin-bottom: 5px;
    }
    .addCategoryForm button {
        margin-top: 20px;
    }
    .select-category-form.addEntityForm .form-field {
        margin-bottom: 20px;
    }
    .doc-upload-step2.dashboard_page .add-field.white {
        width: auto;
        padding: 8px 16px;
        height: auto;
    }


    /* dashboad details */

    .dash-title-area {
        margin-bottom: 0px;
    }
    .reminder-area .reminder-box:not(:last-child) {
        margin-right: 24px;
    }
    .reminder-img {
        margin-bottom: 10px;
    }
    .dashboard_page .hr-line {
        margin: 20px -12px 20px -12px;
    }
    .dashboard_page.doc-upload-step1 .hr-line {
        margin: 20px -12px 20px -12px;
    }
    .recent-upload-title {
        margin-bottom: 0px;
    }
    .recent-upload-box {
        width: 121px;
    }

    /* Offcanvas */

    .offcanvas-header {
        padding: 20px;
    }
    .offcanvas-body {
        padding: 20px 20px 96px;
    }
    .offcanvas-end {
        border-radius: 0;
    }

    /* Filter */

    .filter-form .select-category-form .form-field:not(:last-of-type) {
        margin-right: 10px;
    }
    .filter-form .select-category-form .form-field {
        margin-top: 10px;
    }
    .filter-form .select-category-form input#dateFrom,
    .filter-form .select-category-form input#dateTo {
        width: 100%;
    }
    .filter-form .select-category-form .form-field.date-field {
        margin-right: 0;
        width: 100%;
    }
    .filter-btn-area {
        padding: 20px;
    }
    .filter-btn-area .site-btn {
        width: 135px;
    }

    /* Recent Upload */

    .recent_upload .dash-title-area {
        align-items: flex-start;
        flex-direction: column;
    }
    .title_pagination .title {
        margin-bottom: 5px;
    }
    .title_pagination {
        margin-bottom: 15px;
    }
    .receUpload-filter {
        align-items: flex-start;
        flex-direction: column;
    }
    .receUpload-filter input[type="search"] {
        width: 150px;
    }
    .select-apply {
        margin-top: 10px;
    }
    .my_files .quick-filter {
        flex-direction: column;
        align-items: flex-start;
    }
    .my_files .quick-filter .select-apply:first-of-type {
        margin: 10px 0 !important;
    }

    /* Account */

    .account-form .form-field {
        margin-bottom: 10px;
    }

    .people-container > p {
        font-size: 14px;
        line-height: 20px;
    }

    /* entity Management */

    .nav-pills .nav-link {
        font-size: 14px;
        line-height: 14px;
        padding: 11px 30px;
    }
    .entity-management-area .nav {
        margin-bottom: 30px;
    }
    .about-area p span{
        font-size: 24px !important;
        line-height: 30px;
    }
    .about_page .title{
        margin-bottom: 16px !important;
    }
    
}


/* Dashboard End */