/*
====================================
Medium Screen - Others
====================================
*/
@media screen and (min-width: 992px) and (max-width: 1200px) {

	.navbar-nav li {
		padding-left: 30px;
	}


	.header-btn a {
		font-size: 14px;
		padding: 10px 10px;
	}

	.hero-left h4 {
		font-size: 32px;
	}

	.plan-area {
		padding-top: 70px;
	}

	.zikzak-cnt h4 {
		font-size: 30px;
	}

	.unsere-item p {
		font-size: 16px;
	}

	.unsere-item {
		padding: 50px 15px;
		min-height: 270px;
	}

	.contact-left h4 {
		font-size: 28px;
	}


	.footer-cnt ul li a,
	.footer-cnt p,
	.footer-cnt ul li {
		font-size: 15px;
	}


	/*=== page-2 start ===*/
	.sub-nav-part ul li .active-p2 {
		padding: 15px 40px;
	}

	/*=== page-3 start ===*/










}

/*
====================================
Small Screen - Tablate
====================================
*/
@media screen and (min-width: 768px) and (max-width: 991px) {

	.navbar-nav li {
		padding: 10px 0;
	}

	.navbar-nav {
		margin-top: 10px;
	}

	.hamburger-box {
		margin-top: 10px;
	}

	.header-btn a {
		font-size: 15px;
		padding: 14px 14px;
		margin-top: 18px;
	}

	.hero-area {
		padding: 100px 0;
	}

	.hero-left {
		margin-top: 70px;
		text-align: center;
	}

	.plan-area {
		padding: 70px 0;
	}

	.zikzak-item-1 {
		padding-left: 0;
	}

	.zikzak-item-2 {
		padding-right: 0;
	}

	.zikzak-cnt {
		padding-top: 60px;
	}

	.contact-left h4 {
		font-size: 25px;
	}

	.contact-right input {
		padding: 20px 15px;
	}

	.contact-right [type="submit"] {
		padding: 10px 15px;
		width: 150px;
	}

	.footer-cnt {
		padding: 20px 0;
	}

	.footer-cnt ul {
		margin-top: 20px;
	}

	/*=== page-2 start ===*/
	.sub-nav-part ul li .active-p2 {
		padding: 15px 0;
		display: block;
		width: 100%;
	}

	.sub-nav-part ul li {
		padding: 0 10px;
	}

	.sub-nav-part ul .fst {
		width:100%;
		display: block;
		text-align: center;
		padding: 0;
	}

	.starter-lft-inner h4 {
		font-size: 18px;
	}

	.st-inr-item img {
		max-width: 70px;
	}

	.starter-left p {
		font-size: 14px;
	}

	.starter-right-inner img {
		max-width: 24px;
	}

	.st-inrr-cnt h4 {
		font-size: 15px;
	}

	.st-inrr-cnt p {
		font-size: 14px;
	}

	.st-right-btm h2 {
		font-size: 32px;
	}

	.st-right-btm  p {
		font-size: 14px;
	}

	.st-inrr-cnt {
	    margin-left: 20px;
	}

	.st-right-btm {
		padding: 10px;
	}

	
	.cms-part label {
		margin: 10px 0;
	}

	/*=== page-4 start ===*/
	.table-responsive table {
		width: 768px;
	}

	.qual-part table {
	    margin-bottom: 20px;
	}
 
	




	

	










}

/*.sub-nav-part ul {
	height: 58.40px;
	width: 100%;
}

.sub-nav-part ul li{
	float: left;
	width: 16.667%;
	padding-right: 0!important;
}
.sub-nav-part ul li a{
	padding: 15px!important;
	display: block!important;
	text-align: center;
}
.sub-nav-part ul li .icon{
	padding: 0!important;
	margin: auto;
	margin-top: 16px!important;
}*/
.qual-area .daten-area .col-xl-9.full{
	max-width: 100%!important;
	flex: 0 0 100%;
}
/*
====================================
Small Screen - Mobile
====================================
*/
@media screen and (max-width: 767px) {

	.navbar-nav li {
		padding: 10px 0;
	}

	.navbar-nav {
		margin-top: 10px;
	}

	.hamburger-box {
		margin-top: 16px;
	}


	.header-btn a {
		font-size: 14px;
		padding: 13px 15px;
		margin-top: 25px;
	}

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

		.header-btn a {
			font-size: 12px;
			/*padding: 13px 0;*/
			/*margin-top: 25px;*/
			padding: 6px 0;
			margin-top: 28px;
			width: 131px;
			display: block;
			text-align: center;
			margin-left: -18px;
		}

		.navbar-brand img {
		    width: 85px;
		}

		.navbar {
			padding-left: 0;
		}


	}


	.hero-area {
		padding: 65px 0;
	}

	.hero-left {
		margin-top: 60px;
		text-align: center;
	}

	.hero-left p,
	.hero-left a {
		font-size: 14px;
		line-height: 25px;
	}


	.hero-left h4 {
		font-size: 27px;
		line-height: 40px;
	}

	.plan-area {
		padding: 60px 0;
	}

	.plan-upper {
		padding-bottom: 0;
	}

	.plan-actv {
		margin-top: 30px;
	}

	.zikzak-item-1 {
		padding-left: 0;
	}

	.zikzak-item-2 {
		padding-right: 0;
	}

	.zikzak-cnt {
		padding-top: 40px;
	}

	.zikzak-cnt h4 {
		font-size: 27px;
		line-height: 36px;
	}

	.zikzak-cnt p,
	.zikzak-cnt a {
		font-size: 14px;
		line-height: 28px;
	}

	.zikzak-area-2 {
	    padding-top: 70px;
	}

	.unsere-area {
		padding: 70px 0;
	}

	.contact-area {
		padding: 70px 0;
	}

	.contact-left h4 {
		font-size: 27px;
		text-align: center;
		line-height: 38px;
	}

	.contact-right input {
		padding: 15px 15px;
	}

	.contact-right {
		margin-top: 30px;
	}

	.contact-right [type="submit"] {
		position: initial;
		margin: auto;
		margin-top: 40px;

	}

	.footer-cnt {
		padding: 20px 0;
	}

	.footer-area {
		padding: 30px 0;
	}

	.footer-cnt ul {
		margin-top: 20px;
	}

	.footer-cnt ul li a,
	.footer-cnt ul li,
	.footer-cnt p {
		font-size: 14px;
	}

	.copyright-area p {
		font-size: 14px;
	}

	/*=== page-2 start ===*/
	.sub-nav-part ul li .active-p2 {
		padding: 15px 0;
		display: block;
		width: 100%;
		font-size: 16px;
	}

	.sub-nav-part ul li {
		padding: 5px 10px;
	}

	.sub-nav-part ul li a {
		padding: 0;
		font-size: 15px;
	}

	.sub-nav-part ul .fst {
		width:100%;
		display: block;
		text-align: center;
		padding: 0;
	}
	.sub-nav-part ul{
		height: 31.6px
	}
	.sub-nav-part ul li{
		display: inline-block!important;
		width: auto!important;
		padding: 0!important;
		float: left;
		width: 20%!important;
	}
	.sub-nav-part ul li a{
		padding: 8px 2px!important;
		font-size: 9.2px!important;
		display: block!important;
		width: auto!important;
	}
	.sub-nav-part ul li a.icon{
		display: none!important;
	}

	.starter-lft-inner h4 {
		font-size: 18px;
	}


	.st-inr-item img {
		max-width: 70px;
	}

	.starter-left p {
		font-size: 14px;
		margin-top: 10px;
	}

	.starter-right-inner img {
		max-width: 28px;
	}

	.st-inrr-cnt h4 {
		font-size: 16px;
	}

	.st-inrr-cnt p {
		font-size: 15px;
	}

	.st-right-btm h2 {
		font-size: 32px;
	}

	.st-right-btm  p {
		font-size: 15px;
	}

	.st-inrr-cnt {
	    margin-left: 20px;
	    width: 100%;
	}

	.starter-part {
	    padding: 40px 20px;
	    margin-top: 20px;
	}

	.starter-right {
		margin-top: 20px;
	}

	.qual-part {
		padding: 30px 25px;
	}

	.qual-area [value="Weiter"] {
		width: 100%;
	}

	.ccnt,
	.qual-part p,
	.qual-part p span {
		font-size: 15px;
	}

	.cms-part label {
		margin: 10px 0;
	}

	.cms-part {
		padding: 30px;
	}

	/*=== page-3 start ===*/
	.actung-part {
		padding: 15px;
	}

	/*=== page-4 start ===*/
	.table-responsive table {
		width: 768px;
	}

	.qual-part table {
	    margin-bottom: 20px;
	}





	







}