@media only screen and (max-width: 1199px) {
	.container {float: left;width: 100%;padding: 0 15px;}
	.user-login-info a {display: none;}
	.user-login-info .round-shape {margin-right: 0px;}
	.user-login-info {padding: 20px 15px; min-width: auto;}
	.section-row {padding: 50px 0 34px;}
	.typo-col:first-child {width: 100%; padding: 0;margin-bottom: 60px;}
	.typo-col:first-child h3 {display: none; }

	.main-nav {background-color: #fff;position: relative;z-index: 1;}
	.main-nav::after {content: ""; position: absolute; top: 0; bottom: 0; left: -15px; right: -15px; background-color: #fff; z-index: -1; }
	.main-nav ul li {width: 25%; border-left: none !important; border-bottom: 2px solid transparent; }
	.main-nav ul li.active {border-bottom-color: #F86F00;}
	.main-nav ul li a {padding: 20px 15px 20px 15px;text-align: center;}

	.typo-col:nth-child(2) {width: 250px; padding-right: 30px; }
	.typo-col:nth-child(3) {width: calc(100% - 250px); padding-right: 0; }

	.login-col {width: 400px;}
	.login-image-col {width: calc(100% - 440px);}

	.machtigingen-part .left-main-col {display: none; }
	.left-main-col {width: 100%;padding-right: 0;}
	.right-main-col {width: 100%;}

	.left-tab-part {width: calc(100% - 320px);}
	.status-text {max-width: 250px;}
	.datalist-row h4 {max-width: 160px;}
	.datalist-row > p {max-width: 220px;}

	/* Dashboard */
	.main-content {padding: 00px 0 55px;}
	.left-main-col .main-nav {margin-bottom: 50px;}
	.pagination-footer {margin-top: 30px;}
	.search-result-bar h4,.search-result-bar h4 span {font-size: 15px;}

	.popup-wrapper {max-width: 90%;}
	.popup-body {padding: 28px 30px 10px;}
	.selection-list li {width: 30%; margin-right: 5%; margin-bottom: 30px; }
	.checkbox-label::before {font-size: 11px;top: 3px;}	
	.service-list .checkbox-label::before {top: 2px;}
	.popup-header .search-open {width: 353px;}
	.label-right-info small {max-width: 330px; margin-right: 20px; }
	.label-right-info small br{display: none;}

	.popup-form {width: 65%;}
	.form-text-part {width: 30%;}


	.service-list .checkbox-label > p {width: 380px; }
	.list-item li > p {max-width: 50%;}
	.list-item .label-right-info {max-width: 50%;}

	/* sub menu */
	.main-nav ul .sub-menu {padding-left: 0; }
	.main-nav ul .sub-menu li {width: 100%;}


}

@media only screen and (max-width : 1024px) {
	.label-right-info small {display: none;}
	
	.form-row [class*="form-col-"] {width: 100%;}	
	.list-item .label-right-info small {max-width: 210px;}

	.group-select-list + .main-form {margin-bottom: 25px; }

	.card .card-body {padding: 20px 20px 20px;}
	.tablist {display: flex; overflow: auto; width: 100%; padding-bottom: 10px; }
	.tablist li {margin-right: 25px; white-space: nowrap; }
}

@media only screen and (max-width : 767px) {
	.section-row {padding: 20px 0 24px;}
	.main-nav ul {white-space: nowrap;overflow: auto;}
	.main-nav ul li {float: none;display: inline-block;vertical-align: middle;white-space: normal;width: auto;}
	.typo-col:first-child {margin-bottom: 40px;}
	.typo-col:nth-child(2) {width: 100%; padding-right: 0; margin-bottom: 30px; }
	.typo-col:nth-child(3) {width: 100%; padding-right: 0; }
	h1 {font-size: 28px;}
	h2 {font-size: 22px; }
	.login-col {width: 100%;}
	.login-image-col {display: none;}
	.two-col-form .form-list {width: 100%;}
	.top-title-bar h1 {width: 100%; margin-bottom: 30px; }
	.right-search-part {width: 100%;}
	.top-bar-col {margin-left: 10px;}
	.top-button-col {float: right;/*margin-left: 0px;*/}
	.input-search {z-index: 1;left: 0;right: inherit;}
	.search-open {/*width: 290px; */padding-right: 20px; padding-left: 40px; left: 0px;}
	.search-icon {z-index: 1; left: 0px;}
	.filter-dropdown,.download-dropdown {left: 0;right: inherit;width: 200px;}
	.download-dropdown {width: 190px;}
	.filter-dropdown.open, .download-dropdown.open {top: 50px;}
	.page-dropdown {display: none;}
	.pagination-bar {padding: 20px 10px;}
	.page-nav-option {margin-top: 0px;width: 100%;text-align: center;}
	.page-nav {width: 40px; height: 40px; border: 1px solid #D4D6DC; border-radius: 50%; text-align: center; font-size: 0;line-height: 40px;}
	.page-nav > i {margin: 0 !important; font-size: 24px; }
	.page-nav {float: right;margin-left: 0px;}
	.page-nav.prev-nav {margin-right: 0; margin-left: 0; float: left; }
	.page-number {margin-top: 4px;}

	.left-tab-part {width: 100%; padding-right: 0; }
	.status-text {max-width: 100%;margin-top: 3px;font-size: 14px;line-height: 20px;}
	.tab-arrow {right: 25px; top: 50%; width: 18px; height: 20px; transform: translateY(-50%); line-height: 20px; }
	.tab-header {padding: 20px 60px 21px 20px;}
	.botom-margin {margin-bottom: 20px; }
	.datalist-row h4 {max-width: 100%; width: 100%; margin-right: 0;margin-bottom: 6px;white-space: normal;}
	.datalist-row p {max-width: 100%; width: 100%; white-space: normal; margin-right: 0;font-size: 10px;line-height: 12px;}
	.edit-delete-action {display: none;}
	.right-data-info {float: right; width: 100%; }
	.main-btn {padding: 12px 22px;height: auto;line-height: normal;}
	.info-table-col {width: 100%;margin-bottom: 20px;}
	.info-table-col:last-child {margin-bottom: 0; }
	.info-table-row > label {width: 75px;padding-right: 10px;word-break: break-word;}
	.info-table-text {width: calc(100% - 75px);}
	.inner-tab-header {padding-right: 50px;}
	.inner-tab-header .tab-arrow {right: 15px; top: 48%; }
	.user-datalist-row .edit-delete-action {display: block;}
	.user-datalist-row .round-shape {margin-right: 7px;}
	.user-datalist-row h4 {width: calc(100% - 80px);}
	.user-delete-modal p {font-size: 10px;line-height: 12px;}
	.user-delete-modal {padding: 6px 30px;}

	.label-tab-header.tab-header {padding-right: 60px; }
	.label-tab-header.tab-header .left-tab-part {width: 100%; }
	.eh-image {float: left;}
	.user-level-info > p {width: 100%;color: #0B1B44;max-width: 100%;margin-top: 0;margin-bottom: 5px;}
	.user-left-info {width: 100%;}
	.user-left-info h4 {width: 100%;margin-bottom: 10px;}
	.user-left-info .eh-image {margin-left: 0px;}
	.footer-left-part {text-align: center;width: 100%;}
	.footer-logo {max-width: 100%;width: 100%;}
	.footer-logo a, .footer-logo a > img {float: none; display: inline-block; }
	.footer-left-part p {margin-top: 12px;margin-left: 0;width: 100%;}
	.footer-menu {padding-top: 10px;width: 100%;text-align: center;}
	.footer-menu ul {width: 100%;}
	.footer-menu ul li {margin: 0 10px;float: none;display: inline-block;vertical-align: middle;}

	.tablist {width: 100%; overflow: auto; white-space: nowrap; margin-bottom: 20px; padding-bottom: 10px; }
	.tablist li {float: none;display: inline-block;}
	.search-result-bar h4 {width: 100%;margin-bottom: 10px;}
	.loading-bar.third-bar {display: none;}
	.loading-bar {width: 90%;}
	.loading-bar.second-bar {width: 70%;}
	.datalist-row .eh-image {margin-top: 0px;}

	.tag {font-size: 10px;}
	.selection-list li {width: 100%;margin-right: 0;}
	.popup-body {padding: 28px 20px 10px;} 
	.steps-tablist .tablist {margin: -20px 0px 20px;}
	.step-content .input-search {padding-left: 20px;padding-right: 50px;}
	.search-dropdown-list li {padding: 15px 10px;}
	.step-content p {line-height:normal;}
	.data-table {width: 770px;}
	.top-bar-tab {width: 100%;}
	.popup-header .search-bar {width: 100%;}
	.popup-header .search-open {width: 100%; padding-left: 40px; padding-right: 20px; }
	.popup-inner-wrapper {padding: 40px 30px 0px;}
	.service-title {padding: 12px 10px 11px;}
	.service-list .checkbox-label > p {	width: 100%; font-size: 14px; line-height: normal; }
	.group-select-list .checkbox-label p .tag {display: none;}
	.step-content .datalist-row h4 .edit-icon {position: absolute;right: 15px;top: 15px;margin-left: 0;}

	.service-data-list .datalist-row h4 {max-width: 100%; }
	.step-header.step-header-group {padding-right: 60px; }

	.form-text-part {display: none;}
	.popup-form {padding: 57px 20px 0px;width: 100%;}
	.form-element.last-input-element {margin-left: -20px;padding: 10px;width: calc(100% + 40px);}

	.datalist-wrap {-ms-flex-wrap: wrap; flex-wrap: wrap;width: 100% !important;}
	.checkbox-label > .label-right-info {float: left; }
	.popup-inner-part {margin-left: -30px; margin-right: -30px;}
	.tab-selection-list > li {width: 100%;}
	.group-select-list .checkbox-label p img {vertical-align: middle; margin-right: 0px; display: block; vertical-align: top; }
	.tab-selection-list .selection-box {padding: 15px 14px 10px;}

	.dropdown-toggle {min-width: 220px; padding: 15px 15px;}
	.dropdown-toggle ul li:not(:last-child) {margin-bottom: 11px; }

	.group-select-list .checkbox-accordion-title .checkbox-label {padding-right: 39px; }
	.list-item li > p {max-width: 100%; }
	.list-item .label-right-info {max-width: 100%; }
	.list-item .label-right-info small {max-width: 100%; text-align: left; margin: 5px 0px 10px; }
	.tab-selection-list.col-list-3 > li {width: 100%; }
	.btn-tooltip-text {max-width: 230px; }

	.info-list label:not(.tag) {width: 100%; padding-bottom: 5px;}
	.step-list ul li {width: 100%; padding: 0px 15px; margin-bottom: 40px;}
	.step-list ul {margin:  0px -15px;}
	.card .card-body.padding-40 {padding: 20px; }
	
	.bottom-part {margin-top: 12px;}
	.empty-area {height: auto; padding: 20px 20px;}
	.nav-accordion-content .main-nav {margin-bottom: 0px;}
	.datalist-action p {width: 100%; padding-right: 0; text-align: center; margin-bottom: 15px;}
	.logo-bottom-list {width: 100%; text-align: center;}
	.logo-bottom-list .logo-wrap:first-child {margin-right: 10px;}
	.share-checklist .checkbox-label {padding:14px 20px 14px 48px;}
	.share-checklist .checkbox-label,.share-checklist .checkbox-label > p {font-size: 14px;line-height: 1.2; padding-right: 10px;}
	.share-checklist .title {width: auto;}
	.share-checklist .checkbox-label > p {width:calc(100% - 16px);}

	/* New login screen */
	.new-login-box {padding: 20px 15px 24px;}
	.checkbox-label .tooltip-icon .tooltop-box {-moz-transform: translateX(-160px) translateY(-111%); -webkit-transform: translateX(-160px) translateY(-111%); -o-transform: translateX(-160px) translateY(-111%); transform: translateX(-160px) translateY(-111%); }
	.checkbox-label .tooltip-icon .tooltop-box::after {left: initial;right: 34px;}
	.new-login-header h1 {font-size: 24px; line-height: 32px; padding: 0; }
	.logo-bottom-part {margin-top: 10px;}

	/* New header before login */
	.hd-menu {display: block; float: right; margin-top: 18px; font-size: 38px; color: #0B1B44; }
	.main-header.before-login .header-right-part {position: absolute; left: 0; right: 0; top: 80px; background-color: #fff; padding: 10px 15px; border-top: 1px solid #EFF1F5;box-shadow: 0 2px 4px rgba(0,0,0,0.15);display: none;}
	.nav-normal {margin-top: 0; width: 100%; }
	.nav-normal li {margin-right: 0; width: 100%; }
	.nav-normal li a{width: 100%; padding: 10px 0;}
	.nav-lang {margin-left: 0; border-left: none; border-top: 1px solid #EFF1F5; padding: 20px 0; width: 100%; margin-top: 10px;}

	/* Alert box */
	.alert-box {top: initial; bottom: 50px; width: 240px; padding: 15px 20px 13px 40px; }
	.right-icon {width: 18px; height: 18px; left: 10px; top: 18px; font-size: 13px; }

	/* New submenu design */
	.main-nav ul {white-space: normal; overflow: initial; }
	.main-nav ul li {float: left; width: 100%; }
	.main-nav ul li a {padding: 10px 15px 10px 15px; text-align: left; }
	.main-nav ul .sub-menu {padding-left: 30px; }
	.main-nav ul .sub-menu li a {padding: 6px 20px 6px; width: auto; }
	.main-nav ul li.active {border-bottom-color: transparent; }

}