@media only screen and (max-width: 809px) {
		body {
			overflow-x: hidden !important;
		}

		body p {
			line-height: 26px;
		}

		h1 {
			font-size: 32px;
			margin-bottom: 1rem;
			line-height: 42px;
		}

		h2 {
			font-size: 28px;
			margin-bottom: 1rem;
			line-height: 35px;
		}

		h3 {
			font-size: 21px;
			margin-bottom: 1rem;
			line-height: 27px;
		}

		h4 {
			font-size: 21px;
			margin-bottom: 1rem;
			line-height: 27px;
		}

		h5 {
			font-size: 19px;
			margin-bottom: 1rem;
			line-height: 24px;
		}

		h6 {
			font-size: 16px;
			margin-bottom: 1rem;
			line-height: 23px;
		}

		.container {
			padding-left: 20px !important;
			padding-right: 20px !important;
		}

		.pb-80 {
			padding-bottom: 40px;
		}

		.pt-80 {
			padding-top: 40px;
		}

		.btn {
			font-size: 15px;
			margin-bottom: 15px;
			padding: 7px 25px;
			min-width: auto;
		}

		.page-content {
			padding-top: 60px;
			padding-bottom: 40px;
		}

		.hideOverflowOnMobile {
			overflow: hidden;
		}

		.navbar {
			height: 60px;
		}

		#navbar {
			background-color: #fff;
			position: fixed;
			top: 0;
			transition: all 0.5s ease-out;
			height: 100%;
			width: 70%;
			left: -100%;
			z-index: 9;
		}

		.navbar-nav {
			display: block;
		}

		#navbar .navbar-toggler {
			margin-left: auto;
			margin-right: 15px;
			margin-top: 15px;
		}

		.navbar-nav li:nth-child(4) {
			margin-left: 0 !important;
		}

		.navbar-inverse .navbar-nav>li>a {
			color: #000;
			padding: 13px 20px;
		}

		.navbar-toggler {
			display: block;
		}

		.navbar-toggler i {
			color: #58d68d;
		}

		.navbar-toggler:focus {
			text-decoration: none;
			box-shadow: none;
		}

		.navbar-nav .dropdown-menu {
			position: static !important;
			background-color: transparent;
			border-top: none;
			margin-left: 30px;
		}

		.navbar-nav .dropdown-menu .dropdown-item {
			color: #333;
			border-bottom: 1px solid #5d5d5d;
		}

		.navbar-nav .nav-item {
			padding: 0;
			border-bottom: 1px solid #fff;
		}

		.dropdown-toggle::after {
			top: 16px !important;
		}

		#navbar {
			display: block;
		}

		.r-btn {
			display: block;
			width: 162px;
			height: 38px;
			margin-bottom: 25px;
			margin-left: 20px;
			line-height: 13px;
		}

		.l-btn {
			margin-left: 20px;
		}

		.sticky {
			position: relative;
		}

		.reg-form {
			width: 100%;
		}

		.reg-content {
			padding: 40px 20px;
		}

		.reg-title {
			padding: 65px 20px;
		}

		.reg-form input {
			margin-bottom: 15px;
		}

		.reg-form label {
			margin-bottom: 0;
		}

		.log-container {
			width: 100%;
			padding: 0 20px;
		}
		

		.log-top img {
			width: 135px;
		}

		.log-head,
		.log-top {
			height: 50px;
		}

		.login-footer {
			padding: 18px 20px;
		}

		.ml-0 {
			margin-left: 0 !important;
		}

		/*.filter {
			margin-top: 15px;
		}*/

		.filter span {
			margin: 0 8px;
		}

		.filter input {
			width: 110px;
			height: 35px;
			background-position: 88px center;
			padding-left: 10px;
		}

		.admin {
			display: flex;
			align-items: center;
		}

		.sidebar {
			background-color: #fff;
			position: fixed;
			top: 0;
			transition: all 0.5s ease-out;
			height: 100%;
			width: 70%;
			left: -100%;
			z-index: 9;
			box-shadow: none;
			border-radius: 0px;
		}

		.side-left {
			left: 0;
		}

		.close-side {
			width: max-content;
			margin-left: auto;
			margin-bottom: 15px;
		}

		#ad-menu i {
			color: #fff;
			
		}

		.welcome {
			font-size: 15px;
		}

		.page-content {
			padding-top: 30px;
			padding-bottom: 20px;
		}

		.log-row {
			display: block;
		}

		.content {
			margin-left: 0;
		}

		.content {
			width: 100%;
		}

		.dash-box {
			padding: 25px 10px 20px;
		}

		.feel>div {
			padding: 2px;
		}

		.feel-text {
			font-size: 12px;
		}

		.title {
			align-items: center;
		}

		.content h2 {
			font-size: 25px;
			margin-bottom: 0;
			line-height: 29px;
		}

		.dash-box h3 {
			font-size: 22px;
		}

		.cur-date {
			min-width: 140px;
			height: 35px;
		}

		.cur-date span {
			margin: 0 6px;
		}

		.lin {
			width: 10px;
		}

		.pro-table tr td:first-child {
			width: 40%;
		}

		.goal-box {
			padding: 20px;
		}

		.pro-box {
			padding: 20px;
		}

		.tbl-container {
			overflow-x: scroll;
		}

		.report-table {
			width: 1000px;
		}






		/*Home Page*/
		.banner {
			padding: 80px 0;
		}

		.banner-mdt h1 {
			margin-bottom: 25px;
		}

		.pad {
			margin: 40px 0px;
		}

		.sc-blk {
			padding: 10px 0;
		}

		.sc-blk h2 {
			font-size: 42px;
			margin-bottom: 0;
		}

		.sc-blk h3 {
			margin-bottom: 5px;
		}

		.schools-sec .sc-blk {
			margin-bottom: 30px;
		}

		.how-box {
			min-height: auto;
			height: auto;
			margin-bottom: 70px;
		}

		.b {
			height: auto;
			padding: 20px;
			background-size: cover;
			background-repeat: no-repeat;
		}

		.cont {
			min-height: auto;
			padding: 40px 0;
		}

		.l-container {
			width: 100%;
			padding: 0 30px;
		}

		.learn-box {
			margin-bottom: 75px;
			padding: 65px 30px 20px;
		}

		.learn-content {
			padding: 35px 30px 35px;
		}

		.learn-content p {
			font-size: 21px;
		}

		.learn-box h2 {
			font-size: 38px;
		}

		.learn-box h3 {
			font-size: 21px;
		}

		.bene-cta {
			margin-top: 35px;
		}

		.bene-cta h3 {
			font-size: 22px;
		}

		.footer-right {
			display: block;
		}

		.footer-social li a {
			width: 40px;
			height: 40px;
		}

		.footer-social {
			width: max-content;
			margin: 10px auto;
		}

		.news-title h3 {
			font-size: 20px;
		}

		.test-box {
			min-height: auto;
			margin-bottom: 30px;
			height: auto;
			padding: 20px 20px 25px;
		}

		.info-box {
			padding: 20px 15px 15px;
		}

		.inv-btn {
			width: 125px;
			height: 35px;
			font-size: 15px;
		}

		.inv-row {
			display: block;
			margin: 20px 0 30px;
		}

		.t-c {
			text-align: center;
		}

		.inv-input input {
			margin-bottom: 20px;
		}

		.inv-table {
			width: 700px;
		}

		.pagination {
			display: block;
		}

		.page-count ul {
			margin-left: 5px;
			margin-right: 5px;
		}

		.page-count ul li {
			margin: 0 1px;
			width: 30px;
			height: 30px;
		}

		.pagination {
			padding: 25px 20px;
		}

		.pagination p {
			margin-bottom: 15px;
			text-align: center;
		}

		.d-b {
			display: block;
		}

		.d-b .filter {
			margin-top: 15px;
		}

		.fil-sel {
			width: 100%;
		}

		.view-search {
			margin-top: 15px;
		}

		.view-search input {
			width: 100%;
		}

		.view-table {
			width: 800px;
		}

		.man-input input {
			width: 100%;
		}
		/* .goal-sec .man-input input {
			width: 80%;
		} */

		.man-box {
			padding: 15px 15px 21px;

		}

		.user-pro {
			top: 50px;
			right: 20px;
		}

		#modal2 .modal-content {
			padding: 20px;
		}

		#modal2 .modal-content h4 {
			font-size: 23px;
			line-height: 30px;
		}

		.goal-table tr td:last-child {
			padding-right: 15px;
		}

		.mob-pro {
			padding: 10px 20px;
			display: flex;
			justify-content: space-between;
		}

		.mob-pro p {
			color: #333;
			font-size: 16px;
			font-weight: 500;
		}

		.pro-icon a i {
			color: #58d68d;
			font-size: 16px;
			
		}

		.welcome {
			display: none;
		}

		.all-sel {
			background-position-x: 96% !important;
		}






































	}
























	@media only screen and (min-width: 768px) and (max-width:992px) {
		body {
			overflow-x: hidden !important;
		}

		body p {
			line-height: 26px;
		}

		h1 {
			font-size: 32px;
			margin-bottom: 1rem;
			line-height: 42px;
		}

		h2 {
			font-size: 28px;
			margin-bottom: 1rem;
			line-height: 35px;
		}

		h3 {
			font-size: 21px;
			margin-bottom: 1rem;
			line-height: 27px;
		}

		h4 {
			font-size: 21px;
			margin-bottom: 1rem;
			line-height: 27px;
		}

		h5 {
			font-size: 19px;
			margin-bottom: 1rem;
			line-height: 24px;
		}

		h6 {
			font-size: 16px;
			margin-bottom: 1rem;
			line-height: 23px;
		}

		.container {
			padding-left: 20px !important;
			padding-right: 20px !important;
		}

		.pb-80 {
			padding-bottom: 40px;
		}

		.pt-80 {
			padding-top: 40px;
		}

		.g-30 {
			--bs-gutter-x: 20px;
		}

		.g-40 {
			--bs-gutter-x: 30px;
		}

		.btn {
			font-size: 15px;
			margin-bottom: 15px;
			padding: 7px 25px;
			min-width: auto;
		}

		.page-content {
			padding-top: 60px;
			padding-bottom: 40px;
		}

		.hideOverflowOnMobile {
			overflow: hidden;
		}

		.navbar {
			height: 60px;
		}

		#navbar {
			background-color: #fff;
			position: fixed;
			top: 0;
			transition: all 0.5s ease-out;
			height: 100%;
			width: 70%;
			left: -100%;
			z-index: 9;
		}

		.navbar-nav {
			display: block;
			margin-top: 35px;
		}

		.navbar-nav li:nth-child(4) {
			margin-left: 0 !important;
		}

		.navbar-inverse .navbar-nav>li>a {
			color: #000;
			padding: 13px 20px;
		}

		.navbar-toggler {
			display: block;
		}

		.navbar-toggler i {
			color: #58d68d;
		}

		.navbar-toggler:focus {
			text-decoration: none;
			box-shadow: none;
		}

		.navbar-nav .dropdown-menu {
			position: static !important;
			background-color: transparent;
			border-top: none;
			margin-left: 30px;
		}

		.navbar-nav .dropdown-menu .dropdown-item {
			color: #fff;
			border-bottom: 1px solid #5d5d5d;
		}

		.navbar-nav .nav-item {
			padding: 0;
			border-bottom: 1px solid #fff;
		}

		.dropdown-toggle::after {
			top: 16px !important;
		}

		#navbar {
			display: block;
		}


		.sticky {
			position: relative;
		}

		.reg-form {
			width: 100%;
		}

		.reg-content {
			padding: 40px 20px;
		}

		.reg-title {
			padding: 65px 20px;
		}

		.reg-form input {
			margin-bottom: 15px;
		}

		.reg-form label {
			margin-bottom: 0;
		}

		.log-container {
			width: 100%;
			padding: 0 20px;
		}

		.log-top img {
			width: 135px;
		}

		.log-head,
		.log-top {
			height: 50px;
		}

		.login-footer {
			padding: 18px 20px;
		}

		.ml-0 {
			margin-left: 0 !important;
		}

		/*.filter {
			margin-top: 15px;
		}*/

		.filter span {
			margin: 0 8px;
		}

		.filter input {
			width: 110px;
			height: 35px;
			background-position: 88px center;
			padding-left: 10px;
		}

		.admin {
			display: flex;
			align-items: center;
		}

		.sidebar {
			background-color: #fff;
			position: fixed;
			top: 0;
			transition: all 0.5s ease-out;
			height: 100%;
			width: 70%;
			left: -100%;
			z-index: 9;
			box-shadow: none;
			border-radius: 0px;
		}

		.side-left {
			left: 0;
		}

		.close-side {
			width: max-content;
			margin-left: auto;
			margin-bottom: 15px;
		}

		#ad-menu i {
			color: #fff;
			
		}

		.welcome {
			font-size: 15px;
		}

		.page-content {
			padding-top: 30px;
			padding-bottom: 20px;
		}

		.log-row {
			display: block;
		}

		.content {
			margin-left: 0;
		}

		.content {
			width: 100%;
		}

		.dash-box {
			padding: 25px 10px 20px;
		}

		.feel>div {
			padding: 2px;
		}

		.feel-text {
			font-size: 12px;
		}

		.title {
			align-items: center;
		}

		.content h2 {
			font-size: 25px;
			margin-bottom: 0;
			line-height: 29px;
		}

		.dash-box h3 {
			font-size: 22px;
		}

		.cur-date {
			min-width: 140px;
			height: 35px;
		}

		.cur-date span {
			margin: 0 6px;
		}

		.lin {
			width: 10px;
		}

		.pro-table tr td:first-child {
			width: 40%;
		}

		.goal-box {
			padding: 20px;
		}

		.pro-box {
			padding: 20px;
		}

		.tbl-container {
			overflow-x: scroll;
		}

		.report-table {
			width: 1000px;
		}






		/*Home Page*/
		.banner {
			padding: 80px 0;
		}

		.banner-mdt h1 {
			margin-bottom: 25px;
		}

		.pad {
			margin: 40px 0px;
		}

		.sc-blk {
			padding: 10px 0;
		}

		.sc-blk h2 {
			font-size: 42px;
			margin-bottom: 0;
		}

		.sc-blk h3 {
			margin-bottom: 5px;
		}

		.schools-sec .sc-blk {
			margin-bottom: 30px;
		}

		.how-box {
			min-height: auto;
			height: 100%;
			margin-bottom: 70px;
		}

		.b {
			height: auto;
			padding: 20px;
			background-size: cover;
			background-repeat: no-repeat;
		}

		.cont {
			min-height: auto;
			padding: 40px 0;
		}

		.l-container {
			width: 100%;
			padding: 0 30px;
		}

		.learn-box {
			margin-bottom: 75px;
			padding: 65px 30px 20px;
		}

		.learn-content {
			padding: 35px 30px 35px;
		}

		.learn-content p {
			font-size: 21px;
		}

		.learn-box h2 {
			font-size: 38px;
		}

		.learn-box h3 {
			font-size: 16px;
		}

		.bene-cta {
			margin-top: 35px;
		}

		.bene-cta h3 {
			font-size: 22px;
		}

		.footer-right {
			display: block;
		}

		.footer-social li a {
			width: 40px;
			height: 40px;
		}

		.footer-social {
			width: max-content;
			margin: 10px auto;
		}

		.news-title h3 {
			font-size: 20px;
		}

		.test-box {
			min-height: auto;
			margin-bottom: 30px;
			height: auto;
			padding: 20px 20px 25px;
		}

		.info-box {
			padding: 20px 15px 15px;
		}

		.inv-btn {
			width: 125px;
			height: 35px;
			font-size: 15px;
		}

		.inv-row {
			display: block;
			margin: 20px 0 30px;
		}

		.t-c {
			text-align: center;
		}

		.inv-input input {
			margin-bottom: 20px;
		}

		.inv-table {
			width: 700px;
		}

		.pagination {
			display: block;
		}

		.page-count ul {
			margin-left: 5px;
			margin-right: 5px;
		}

		.page-count ul li {
			margin: 0 1px;
			width: 30px;
			height: 30px;
		}

		.pagination {
			padding: 25px 20px;
		}

		.pagination p {
			margin-bottom: 15px;
			text-align: center;
		}

		.d-b {
			display: block;
		}

		.d-b .filter {
			margin-top: 15px;
		}

		.fil-sel {
			width: 100%;
		}

		.view-search {
			margin-top: 15px;
		}

		.view-search input {
			width: 100%;
		}

		.view-table {
			width: 800px;
		}

		.man-input input {
			width: 100%;
		}

		.man-box {
			padding: 15px 15px 21px;

		}

		.user-pro {
			top: 50px;
			right: 20px;
		}

		#modal2 .modal-content {
			padding: 20px;
		}

		#modal2 .modal-content h4 {
			font-size: 23px;
			line-height: 30px;
		}

		.goal-table tr td:last-child {
			padding-right: 15px;
		}


	}


	
/* -----Responsive----- */
@media screen and (max-width: 991px) {
    .ars2{
        right: 20px !important;
    }
    .ab2{
        left: 12px;
    }
}
@media screen and (min-width: 480px) and (max-width: 699px){
    .mobile_chart{
        display: block;
    }
    .default_chart{
        display: none;
    }
    .mobile_chartbox_1{
        background: #fff;
        border-radius: 75px;
        padding: 41px;
        width: 100%;
        border: 3px solid #ffe682;
        height: auto;
    }
    .mobile_chartbox_1 p{
        text-align: center;
        font-size: 20px;
        font-weight: 700;
    }
    .m_icon1{
        display: block;
        margin: 0 auto;
        width: 7%;
    }
    .p_box{
        margin-top: 37px;
    }
    .m_icon_3{
        position: absolute;
        top: 8.5em;
        width: 43%;
        left: 2em;
        height: 63%;
    }
    .theory_behind_wellcheq_section .row_style{
        flex-direction: row-reverse;
    }
    .theory_behind_wellcheq_section .row_style2{
        flex-direction: column-reverse;
        margin-top: 2em;
    }
    .line_icon_style{
        display: none;
    }
    .theory_behind_wellcheq_section .icon_m_align{
        margin-left: 9em;
    }
    .icon_m_align3{
        margin-right: 8em;
    }
}