@media all and (max-width: 1780px) {
	.main-support-area .single-support {
		width: 255px;
	}

	.single-support-btm li {
		padding: 25px 0;
		font-size: 16px;
	}
}

@media all and (max-width: 1700px) {
	.single-support-header {
		width: 15%;
	}

	.support-content p {
		min-height: 255px;
	}

	.single-support-1 {
		min-height: 360px;
	}

	.main-support-area .single-support {
		width: 248px;
	}

	.single-support-btm {
        min-height: 378px;
    }

	.single-support-btm li {
        padding: 25px 0;
        font-size: 16px;
    }
}

@media all and (max-width: 1600px) {
	.main-support-area .single-support {
		width: 232px;
	}

	.single-support-btm li {
		padding: 25px 0;
		font-size: 16px;
	}

	.single-support-header {
		width: 14%;
	}

	.support-content p {
		min-height: 225px;
	}

	.single-support-1 {
		min-height: 330px;
	}
	.support-bottom li button {
		padding: 7px 2px;
	}

}


@media all and (max-width: 1500px) {
	
	.arbeits h1 {
		max-width: 160px;
	}

	h1 {
		font-size: 16px;
	}

	.arbeits img {
		width: 55px;
		height: 55px;
		padding: 12px;
	}

	.search-form label {
		font-size: 18px;
		margin-right: 2px;
	}

	.search-form input {
		width: 210px;
	}

	.single-support-header, .single-support-1 {
		width: 215px;
	}

	.main-support-area .single-support,
	.support-bottom li,
	.support-check,
	.support-content,
	.support-title {
		width: 258px;
	}

	.all-main-support-content {
		width: 800px;
		overflow: hidden;
	}

	.main-support-area {
		overflow-x: auto;
	}

	.single-support-btm {
        min-height: 354px;
    }

	.support-content p {
		min-height: 200px;
	}

	.single-support-1 {
		min-height: 305px;
	}


	.hamburger {
		display: block;
		margin-right: 20px;
	}
	.show-hamburger .line1 {
		-webkit-transform: rotate(-45deg) translate(-5px, 6px);
		transform: rotate(-45deg) translate(-5px, 6px);
	}

	.show-hamburger .line2 {
		-webkit-transition: all 0.7s ease;
		transition: all 0.7s ease;
		width: 0;
		visibility: hidden;
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}

	.show-hamburger .line3 {
		-webkit-transform: rotate(45deg) translate(-5px, -6px);
		transform: rotate(45deg) translate(-5px, -6px);
	}
	.desktop-right-area {
		display: flex;
		align-items: center;
	}
	/*.h-left-icon {
		display: none;
	}*/

	.kvp-main-area {
		position: relative;
	}

	.left-sidebar {
		position: absolute;
		width: 300px;
		height: auto;
		top: 0;
		left: -200px;
		visibility: hidden;
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		-webkit-transition: .2s;
		transition: .2s;
	}

	.left-sidebar.show-left-sidebar {
		left: 0;
		visibility: visible;
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		z-index: 2;
		-webkit-transition: .2s;
		transition: .2s;
		min-height: 100vh;
	}




}

@media all and (max-width: 1399px) {
	.main-support-area {
		padding: 10px;
	}

	.single-support-header {
		padding: 10px;
	}

	.single-check label,
	.support-content p {
		font-size: 14px;
	}

	.support-bottom li a {
		padding: 8px;
		font-size: 14px;
	}

	.single-support-btm li,
	.single-support-1 h2 {
		font-size: 16px;
	}

	.support-title h2 {
		font-size: 20px;
		margin-bottom: 3px;
	}

	.single-reifegrad {
		padding-top: 18px;
	}

	.all-header-area .col-xxl-2 {
		display: none;
	}

	.left-sidebar ul li a p {
		font-size: 14px;
	}

	.left-sidebar ul li a i {
		margin-right: 15px;
	}

	.left-sidebar ul li a {
		padding: 15px;
	}

	.kvp-main-content-area {
		padding: 15px;
	}

	.single-support-btm {
        min-height: 385px;
    }

	.single-support-btm li,
	.single-support-1 {
		padding: 25px 0;
	}
	.single-support-header, .single-support-1 {
		width: 185px;
	}
	.main-support-area .single-support, .support-bottom li, .support-check, .support-content, .support-title {
		width: 240px;
	}
	.support-content p {
		min-height: 225px;
	}
	.single-support-1 {
		min-height: 325px;
	}
	.single-support-btm {
        min-height: 378px;
    }
    .support-bottom li button {
        padding: 5px;
        font-size: 14px;
    }


}

@media all and (max-width: 1267px) {
	.main-support-area .single-support, .support-bottom li, .support-check, .support-content, .support-title {
		width: 222px;
	}
   .single-support-btm {
		min-height: 380px;
	}
	.kvp-main-table-area table tr th {
		font-size: 14px;
		padding: 15px !important;
	}
	.kvp-main-table-area table tr td {
		font-size: 14px;
		padding: 15px !important;
	}
}
@media all and (max-width: 1199px) {
	.h-left-icon {
		display: none;
	}
	.search-form {
		display: none;
	}
	.kvp-main-content-area {
		width: 98%;
	}

	.kvp-produktionsumfeld-progress-content {
		padding: 15px 25px;
	}

}

@media all and (min-width: 1051px) {
	.single-support {
		display: block !important;
	}
}

@media all and (max-width: 1050px) {

	.single-support-btm li,
	.single-support-1 h2 {
		font-size: 16px;
	}

	.support-tab-btn {
		display: block;
	}

	.single-support-1 {
		min-height: auto;
		margin-bottom: 20px;
	}

	.main-support-area .single-support,
	.support-bottom li,
	.support-check,
	.support-content,
	.support-title {
		width: 100%;
	}

	.single-support-btm {
        min-height: 355px;
    }

	.single-support-1.single-support-2 {
		border-top: none;
	}

	.support-content p {
		min-height: auto;
	}

	.single-support-header,
	.single-support-1 {
		width: 250px;
	}

	.main-support-area {
		overflow-y: hidden;
	}

}

@media all and (max-width: 991px) {

	.hamburger {
		margin-right: 0px;
	}

	/*.hamburger {
		display: block;
	}


	.show-hamburger .line1 {
		-webkit-transform: rotate(-45deg) translate(-5px, 6px);
		transform: rotate(-45deg) translate(-5px, 6px);
	}

	.show-hamburger .line2 {
		-webkit-transition: all 0.7s ease;
		transition: all 0.7s ease;
		width: 0;
		visibility: hidden;
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}

	.show-hamburger .line3 {
		-webkit-transform: rotate(45deg) translate(-5px, -6px);
		transform: rotate(45deg) translate(-5px, -6px);
	}

	.kvp-main-area {
		position: relative;
	}

	.left-sidebar {
		position: absolute;
		width: 300px;
		height: auto;
		top: 0;
		left: -200px;
		visibility: hidden;
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		-webkit-transition: .2s;
		transition: .2s;
	}

	.left-sidebar.show-left-sidebar {
		left: 0;
		visibility: visible;
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		z-index: 2;
		-webkit-transition: .2s;
		transition: .2s;
	}*/

	.single-video iframe {
		height: 130px;
		width: 220px;
	}

	.reifegrad-content h2 {
		font-size: 16px;
	}

	.arbeits {
		display: none;
	}

	/*.header-main-content {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}*/

	.video-content {
		width: 97%;
		margin: auto;
	}


	.single-check label {
		width: 85%;
	}

	.single-support-btm li,
	.single-support-1 h2 {
		font-size: 16px;
		padding: 25px 0;
	}
    .comment-meta-name p span {
        font-size: 10px;
    }
    .comment-meta {
        margin-right: 10px;
    }
    .old-comments .single-comment:nth-child(even) .comment-meta {
        margin-left: 10px;
    }

    .kvp-main-table-area {
		overflow-x: auto;
	}
	.kvp-main-table-area table {
		width: 920px;
		overflow: hidden;
	}

	.kvp-main-table-area table tr td,
	.kvp-main-table-area table tr th {
		padding: 10px !important;
	}


	/* Profile */
	.kvp-meine-benachrichtigungen {
		margin-top: 20px;
	}

	.kvp-settings-for-system form {
		overflow: scroll;
	}
	
	.kvp-settings-for-system table {
		width: 950px;
	}

	.kvp-settings-system-btn {
		padding-bottom: 15px;
	}

	.kvp-produktionsumfeld-fokus .row {
		margin: 0 auto;
	}

	#pills-Fokus {
		overflow-x: scroll;
	}

	.kvp-fokus-table {
		width: 1000px;
	}

	.kvp-profile-comment-area {
		max-height: unset;
		height: auto;
	}



}

@media all and (max-width: 767px) {
	h3 {
		font-size: 17px;
		margin-bottom: 5px;
	}

	.video-description p {
		font-size: 14px;
	}

	.reifegrad-area {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.reifegrad-date ul {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.reifegrad-content {
		width: 100%;
	}

	.reifegrad-date {
		width: 100%;
		margin: 28px 0;
		margin-top: 18px;
	}

	.reifegrad-date ul li {
		margin-bottom: 0;
		margin-right: 10px;
		margin-top: 10px;
	}

	.profile-area h2 {
		margin-left: 12px;
		font-size: 14px;
	}

	.profile-area a {
		font-size: 18px;
	}

	.profile-area img {
		width: 42px;
		height: 42px;
	}

	.fa-solid.fa-chevron-down {
		font-size: 12px;
	}

	.left-sidebar ul li a p {
		font-size: 14px;
	}

	.left-sidebar ul li a span {
		font-size: 12px;
	}

	.left-sidebar ul li a i {
		margin-right: 12px;
		font-size: 16px;
	}

	.left-sidebar ul li a {
		padding: 10px 10px 10px 20px;
	}

	.main-support-area .single-support,
	.support-bottom li,
	.support-check,
	.support-content,
	.support-title {
		width: 100%;
	}

	.single-support-btm {
        min-height: 355px;
    }

	.single-support-1.single-support-2 {
		border-top: none;
	}

	.support-content p {
		min-height: auto;
	}

	.single-support-header,
	.single-support-1 {
		width: 200px;
	}
    .main-comment-area {
        padding: 0;
    }

	.kvp-notification-btn {
		width: 52px;
	}

	.kvp-settings-notification-area ul li h2 {
		width: 90%;
	}

	.kvp-produktionsumfeld-single-progress {
		flex-wrap: wrap;
	}

	.kvp-produktionsumfeld-single-progress h2, .kvp-produktionsumfeld-single-progress .progress  {
		width: 100%;
	}

	.kvp-produktionsumfeld-single-progress h2::after {
		height: 30px;
		width: 30%;
	}


}

@media all and (max-width: 575px) {
	.single-video {
		margin-top: 32px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.single-video iframe {
		height: 220px;
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.support-title h2 {
		font-size: 20px;
		margin-bottom: 3px;
	}

	.single-check label,
	.support-content p {
		font-size: 14px;
		line-height: 26px;
	}

	.single-support-1 h2 {
		font-size: 18px;
	}

	.single-support-1 i {
		font-size: 20px;
	}

	.select-team label h2 {
		font-size: 14px;
	}

	.select-team select {
		font-size: 14px;
	}

	.select-team {
		padding: 8px;
		margin: 0;
		margin-left: 10px;
	}

	.profile-area h2 {
		display: none;
	}

	.single-support-header {
		width: 180px;
	}

	.single-support-btm li,
	.support-bottom li {
		font-size: 14px;
	}

	.single-support-btm {
        min-height: 342px;
    }

	.support-bottom li span {
		padding: 10px 5px;
	}

	.support-tab-btn li {
		padding: 8px 10px;
		font-size: 14px;
	}
    #all-comment .modal-header h1, #support .modal-header h1 {
        font-size: 16px !important;
    }
    #support .modal-header {
        padding: 12px 15px !important;
    }
    #support .modal-body {
        padding: 15px;
    }
    #support .modal-single-support h2 {
        font-size: 14px;
        padding-bottom: 3px;
    }
    .modal-single-support p {
        font-size: 14px;
        line-height: 24px;
    }
   
   
    .comment-text p {
        font-size: 14px;
    }


	/* Profile */

	.kvp-profile-user-image {
		margin-top: 15px;
	}

	.kvp-profile-user-info {
		display: flex;
		flex-direction: column-reverse;
		gap: 0;
	}

	.kvp-profile-user-details h2, .kvp-profile-user-image ul li button {
		font-size: 15px;
		padding: 15px;
	}

	.kvp-profile-description-area > h2 a {
		margin-left: 0;
	}

	.kvp-profile-info-area > h2, .kvp-profile-description-area > h2 {
		margin-left: 5px;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 10px;
	}
	
	.kvp-profile-description-area .kvp-profile-single-comment:last-child {
		padding-bottom: 0;
		margin-bottom: 0;
	}

	.kvp-settings-notification-area, .kvp-settings-for-system {
		margin: 30px 10px;
	}

	.kvp-settings-for-system ul#pills-tab {
		gap: 12px;
	}

	.kvp-settings-for-system ul#pills-tab li button {
		padding: 7px 25px;
		font-size: 15px;
		font-weight: 600;
	}

	.kvp-settings-notification-area .container > button {
		padding: 8px 50px;
		font-size: 15px;
		font-weight: 600;
	}

	.kvp-settings-system-btn button {
		padding: 7px 25px;
		font-size: 15px;
		font-weight: 600;
	}

	.kvp-settings-system-btn {
		gap: 12px;
	}

	.kvp-produktionsumfeld-top {
		margin: 20px 15px;
	}

	.kvp-produktionsumfeld-progress-content {
		padding: 15px;
	}
	
	.kvp-produktionsumfeld-single-progress .progress {
		height: 28px;
	}

	.kvp-produktionsumfeld-single-progress .progress .progress-dot {
		height: 20px;
		width: 20px;
	}

  

}

@media all and (max-width: 450px) {

	.single-video iframe {
		height: 170px;
		margin-bottom: 12px;
	}

	.login-form h2 {
		font-size: 20px;
		padding: 15px;
	}

	.login-form form {
		padding: 20px;
	}

	.login-form form input {
		padding: 7px 10px;
		font-size: 14px;

	}

	.submit_button.login-btn {
		width: 90px;
	}

	.login-form {
		max-width: 90%;
	}

	.single-support-header {
		width: 140px;
	}

	.single-support-btm {
        min-height: 383px;
    }

	.main-support-area .single-support,
	.support-bottom li,
	.support-check,
	.support-content,
	.support-title {
		width: 200px;
	}
    .comment-meta-name {
        display: none;
    }
    .comment-avator img {
        margin-left: 0;
    }
    .comment-text {
        font-size: 14px;
        width: 90%;
    }
    .comment-text p {
        font-size: 14px !important;
        line-height: 23px;
    }

	.kvp-settings-notification-area ul li h2 {
		width: 84%;
	}


	.kvp-notification-btn {
		width: 40px;
		height: 20px;
	}

	.kvp-notification-btn span {
		width: 15px;
		height: 15px;
	}

	.kvp-notification-btn.active span {
		left: 20px;
	}



}