@media all and (max-width: 1920px){
	.home-body-sheap:after{
		left: 50%;
		top: 250px;
		-webkit-transform: translateX(-50%);
		        transform: translateX(-50%);
		height: 6900px;
		max-width: 1920px;
		background: url("../images/index-top-sheap.png")no-repeat scroll center center / cover;
		background-size: cover;
	}
	.home-body-sheap:before{
		height: 2500px;
		background: url("../images/index-bottom-sheap.png")no-repeat scroll center center / cover;
		z-index: -1;
		background-size: cover;
	}

	.solution-body-sheap:before{
		height: 1750px;
		background: url("../images/solution-sheap.png")no-repeat scroll center center / cover;
		background-size: cover;
	}
}
@media all and (max-width: 1440px){
		/* Common Css */
	.heading1{
		font-size: 60px;
		line-height: 70px;
	}
	.Solutions-banner-content .heading1{
		font-size: 50px;
		line-height: 60px;
	}
	.heading2{
		font-size: 40px;
		line-height: 50px;
	}
	.heading3{
		font-size: 30px;
	}
	.font26px{
		font-size: 22px;
	}


	/* Home Page Css */
	.home-body-sheap:after{
		height: 5200px;
	}
	.home-body-sheap:before{
		height: 2000px;
	}


	.header-logo a img {
		max-width: 300px;
		height: 80px;
	}
	.automatisierung-area {
    padding-top: 180px;
    padding-bottom: 140px;
	}
	.automatisierung-content {
    margin-left: 80px;
	}
	.Versprechen-content .heading2 {
    padding-bottom: 28px;
	}
	.Versprechen-inner-content {
    gap: 50px 12px;
	}
	.solutions-area {
    padding-top: 180px;
    padding-bottom: 60px;
	}
	.vereinbaren-area {
    padding-bottom: 220px;
	}
	.devider-content-main {
    gap: 70px 220px;
	}
	.right-devider-content {
    gap: 70px 0px;
	}
	.work-title-content {
    padding-bottom: 180px;
	}
	.left-devider-content {
    gap: 150px 0px;
	}
	.about-area {
    padding-top: 300px;
    padding-bottom: 250px;
	}
	.about-left-content {
    padding-top: 100px;
    padding-left: 20px;
	}
	.about-right-content-inner {
    padding-top: 70px;
	}
	.about-right-single-content .font26px {
    padding-bottom: 30px;
	}
	.about-right-single-content .font20px.fw-bold {
    padding-top: 22px;
	}
	.referenzen-area {
    padding-bottom: 90px;
	}
	.partner-area {
    padding-bottom: 200px;
	}
	.contact-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 50px 60px;
	}
	.contact-area {
    padding-bottom: 100px;
	}
	.contact-address {
    padding-top: 70px;
	}





	/* Solution Page */
	.solution-banner-img:after{
		right: 10%;
		top: -140px;
		height: 300px;
		width: 300px;
	}
	.solution-banner-left-inner {
    padding-right: 60px;
	}
}
@media all and (max-width: 1365px){
	

}
@media all and (max-width: 1199px){
	/* Common Css */
	.heading1{
		font-size: 50px;
		line-height: 60px;
	}
	.Solutions-banner-content .heading1{
		font-size: 45px;
		line-height: 50px;
	}
	.heading2{
		font-size: 35px;
		line-height: 45px;
	}
	.heading3{
		font-size: 28px;
	}
	.font26px{
		font-size: 20px;
	}
	
	/* Home page css */
	.home-body-sheap:after {
			background-size: cover;
			height: 5300px;
			top: 200px;
	}
	.home-body-sheap:before{
		height: 1600px;
	}
	.header-logo a img {
    max-width: 250px;
    height: 60px;
	}
	.mainMenu ul li a {
    font-size: 20px;
	}
	.vereinbaren-content {
    gap: 50px 50px;
	}
	.left-devider-content {
    gap: 100px 0px;
	}
	.about-content {
    gap: 50px 161px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
	}
	.about-right-content-inner {
    padding: 70px 20px 0px 20px;
	}
	.about-area {
    padding-top: 180px;
    padding-bottom: 180px;
	}
	.contact-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
	}
	.contact-form-main {
    max-width: 100%;
	}




		/* Solution Page */
	.solution-banner-img:after {
    right: 5%;
    top: -86px;
    height: 185px;
    width: 185px;
	}
	.solution-banner-inner-content {
    -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
		gap:30px;
	}
	.solution-banner-img{
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
	}
	.solution-banner-left {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
	}
	.solution-banner-left-inner {
    padding-right: 0px;
		float: none;
		max-width: 100%;
	}
	.banner-pera-bottom {
    margin-bottom: 0px; 	
	}


}


@media all and (min-width: 1025px){
	.header-menu{
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
	}
	.header-nav nav{
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
	}
	.desk-logo{
		display: block !important;
	}
	.modile-logo2.display-block{
		display: none !important;
	}
	.header-area.change-bg{
  	background: #FFFFFF;
	}
}
@media all and (max-width: 1024px){
	.desk-logo{
		display: none;
	}
	.modile-logo1{
		display: block;
	}


	/* Mobile menu ----------------------------*/
	.mobile-menu {
		display: block;
	}
	.header-nav nav{
		position: absolute;
		width: calc(100% + 40px);
		top: calc(100% - 2px);
		left: -20px;
		background: #101421;
		z-index: 1;
		box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
		padding:40px 0;
		height: 100vh;
		box-sizing: border-box;
		text-align: center;
		display: none;
	}
	.header-nav nav ul{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;	
	}
	.mainMenu ul li a{
		color: #FFF;
	}
	.mainMenu ul li a:hover{
		color: #FFF;
	}
	.mobile-btn{
		display: block;
	}

	.mainMenu > ul li:hover > .sub-menu-mobile {
    pointer-events: inherit;
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
	.mainMenu ul li .sub-menu-mobile li a{
		color: #FFF !important;
		font-size: 18px;
	}	
	.mainMenu ul li .sub-menu-mobile {
    padding: 15px 0;
		padding-bottom: 5px;
    position: inherit !important;
    pointer-events: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		gap: 15px;
    min-width: 100%;
    max-width: 100%;
		width: 100%;
    margin: 0;
    background: transparent;
    box-shadow: none;
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    z-index: 10;
    -webkit-transition: .4s;
    transition: .4s;
}
	.mobile-menu-item-none{
		display: none;
	}
	.mobile-menu-item-block{
		display: block;
	}
}

@media all and (max-width:991px){
	/* Common Css */
	.heading1{
		font-size: 38px;
		line-height: 42px;
	}
	.Solutions-banner-content .heading1{
		font-size: 38px;
		line-height: 42px;
	}
	.heading2{
		font-size: 30px;
		line-height: 36px;
	}
	.heading3{
		font-size: 26px;
		line-height: 30px;
	}


	/* Home page css */
	.home-body-sheap:after {
			height: 5200px !important;
			top: 200px;
	}
	.home-body-sheap:before {
    height: 1500px;
	}
	.banner-content {
    padding: 121px 0px;
		padding-top: 169px;
	}
	.automatisierung-content {
			margin-left: 0px;
	}
	.Versprechen-inner-content {
    -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
		gap: 0px 0px;
	}
	.Versprechen-inner-content:before {
    position: inherit;
		display: none;
	}	
	.Versprechen-inner-content:after {
    position: inherit;
		display: none;
	}
	.single-versprechen{
		position: relative;
	}
	.single-versprechen:last-child.single-versprechen:after{
		display: none;
	}
	.single-versprechen:nth-child(5).single-versprechen:after{
		display: none;
	}
	.single-versprechen:after{
		position: absolute;
		content: "";
		height: 4px;
		width: 140px;
		left: 50%;
		bottom: 0px;
		-webkit-transform: translateX(-50%);
		        transform: translateX(-50%);
		background: url("../images/Line.jpg")no-repeat scroll center center / cover;
	}

	.Versprechen-inner-content .single-versprechen:nth-child(2):after {
    height: 4px;
		width: 140px;
		left: 50%;
		bottom: 0px;
		-webkit-transform: translateX(-50%);
		        transform: translateX(-50%);
		background: url("../images/Line.jpg")no-repeat scroll center center / cover;
		z-index: 99;
	}
	.Versprechen-inner-content .single-versprechen:nth-child(2):before {
    display: none;
	}
	.Versprechen-inner-content {
    gap: 0px 12px;
	}
	.vereinbaren-area {
    padding-bottom: 142px;
	}
	.vereinbaren-content {
    -webkit-box-align: start;
        -ms-flex-align: start;
                -ms-grid-row-align: flex-start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
	}
	.left-devider-content {
    gap: 70px 0px;
	}
	.work-title-content {
    padding-bottom: 100px;
	}
	.about-left-content {
    padding-top: 0px;
	}
	.referenzen-content {
    float: left;
    padding-right: 0px;
	}
	.partner-area {
    padding-bottom: 150px;
	}
	.contact-button {
    margin-top: 30px;
	}
	.contact-form-main .form-control {
    padding: 18px 14px;
	}
	.scroll-down span {
    font-size: 21px;
	}
	.devider-content-main {
    gap: 70px 180px;
	}


	/* Solution Page */
	.solution-banner-inner-content {
    padding-top: 87px;
	}
	.banner-pera-top {
    padding-bottom: 50px;
	}
	.solutions-content .heading2 {
    padding-bottom: 10px;
	}
	.vereinbaren-area.solutionPage {
    padding-bottom: 180px;
	}
	.vereinbaren-area.solutionPage {
    display: none;
	}

}

@media all and (max-width:767px){
	.mobile-menu {
    margin-top: 0px;
	}
.home-body-sheap:after {
    background: url("../images/mobile-body-after.png")no-repeat scroll center top / cover;
    height: 5620px !important;
    background-size: cover;
}
	.home-body-sheap:before {
		background: url("../images/mobile-body-before.png")no-repeat scroll center bottom / cover;
		background-size: cover !important;
    height: 1850px;
		bottom: 1100px;
	}
	.scroll-down{
		display: none !important;
	}
	.heading4{
		font-size: 18px;
		line-height: 22px;
	}
	.font18px{
		font-size: 18px;
		line-height: 22px;
	}
	.single-solution .heading4 {
    padding-bottom: 25px;
	}
	.banner-content {
    padding: 121px 0px;
    padding-top: 100px;
}
	.banner-content .font26px {
    margin-bottom: 89px;
	}
	.automatisierung-area {
    padding-top: 0px;
	}
	.Versprechen-inner-content {
    -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
		background: #FFF;
		padding-top: 20px;
	}
	.single-versprechen {
    padding: 50px 20px;
		text-align: center;
	}
	.single-versprechen .font22px{
		font-size: 26px;
	}	
	.single-versprechen .font22px br{
		display: none;
	}
	.single-versprechen .font26px br{
		display: none;
	}
	.single-versprechen .btn-primary{
		background: #FFFFFF;
	}
	.solutions-area {
    padding-top: 150px;
    padding-bottom: 50px;
	}
	.solution-icon span svg{
		height: 85px;
		width: 90px;
		margin-bottom: 30px;
	}
	.solution-icon .hover-color-change{
		height: 85px;
		width: 90px;
		margin-bottom: 30px;
	}
	.solution-icon .hover-color-change svg{
		height: 85px;
		width: 90px;
	}
	.single-solution {
    padding: 40px 24px 60px 24px;
	}
	.devider-content-main {
    -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
	}
	.devider-content-main{
		display: none;
	}
	 .devider-content-main-mobile{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 60px;
	 }
	.devider-content-main-mobile .single-left-devider-content{
		text-align: left;
	}
	.devider-content-main-mobile .heading3{
		padding-bottom: 15px;
	}
	.work-title-content {
    -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
	}
	.work-title-content {
    padding-bottom: 70px;
	}
	.devider-content-main .heading3 {
    padding-bottom: 30px;
	}
	.about-area {
    padding-top: 150px;
    padding-bottom: 150px;
	}
	.about-left-inner-content .btn-primary{
		display: none;
	}
	.about-area-mobile-btn{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.blank-div{
		display: none;
	}
	.single-left-devider-content {
    text-align: left;
		max-width: 339px;
	}	
	.single-right-devider-content {
		max-width: 339px;
	}
	.single-left-devider-content .heading3 br{
		display: none;
	}
	.referenzen-area {
    padding-bottom: 42px;
	}
	.referenzen-content .heading2 {
    padding-bottom: 30px;
	}
	.single-partner {
    padding: 40px 8px;
	}
	.about-right-content img {
    border-radius: 0px;
		width: 120%;
	}
	.contact-content {
    gap: 42px 60px;
	}
	.contact-form-main .btn-primary {
    margin-top: 30px;
	}
	.contact-form-main .form-control {
    font-size: 18px;
    padding: 16px 14px;
	}
	.contact-form-main .form-control.text-area {
    margin-bottom: 20px;
	}
	.desk-contact-address{
		display: none;
	}
	.mobile-contact-address{
		display: block;
		margin-top: -12px;
	}
	.footer-content{
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.footer-nav{
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
	}
	.footer-logo{
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
	}

	/* Solution page css */
	.solution-body-sheap:before {
		bottom: 600px;
		height: 2670px;
		background: url("../images/mobile-body-before.png")no-repeat scroll center bottom / cover;
		background-size: cover;
	}
	.Solutions-banner-area {
    padding-top: 100px;
	}
	.solution-banner-img {
    width: calc(100% + 40px);
    left: -20px;
}

}

@media all and (min-width:576px){
	.partner-sliders.owl-carousel .owl-dots.disabled, .partner-sliders.owl-carousel .owl-nav.disabled {
    display: none;
	}
}
@media all and (max-width:575px){
	.home-body-sheap:after {
    height: 5439px !important;
    background-size: cover;
	}
	.home-body-sheap:before {
		height: 2370px;
		bottom: 873px;
	}
	.about-right-content-inner {
    -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
    gap: 70px;
	}

	.partner-sliders.owl-carousel .owl-dots.disabled,
	.partner-sliders.owl-carousel .owl-nav.disabled {
    display: none;
	}
	.owl-carousel {
    padding: 0px 0px;
  }



	
	/* Reduce space between whole website */
	.banner-content .font26px {
		margin-bottom: 50px;
	}
	.automatisierung-area {
		padding-bottom: 100px;
	}
	.single-versprechen {
		padding: 35px 20px;
	}
	.solutions-area {
		padding-top: 100px;
	}
	.vereinbaren-content {
		gap: 35px 50px;
	}
	.vereinbaren-area {
		padding-bottom: 100px;
	}
	.work-title .heading2 {
		padding-bottom: 20px;
	}
	.about-area {
		padding-top: 100px;
		padding-bottom: 100px;
	}
	.about-left-inner-content .heading2 {
		padding-bottom: 20px;
	}
	.about-left-inner-content .font26px {
    padding-bottom: 30px;
	}
	.about-content {
    gap: 30px 161px;
	}
	.about-right-content-inner {
    padding: 50px 20px 0px 20px;
	}
	.about-right-single-content .font26px {
    padding-bottom: 20px;
	}
	.about-right-content-inner {
    gap: 55px;
	}
	.referenzen-content .heading2 {
    padding-bottom: 20px;
	}
	.partner-area {
    padding-bottom: 100px;
	}
	.contact-left-content .heading2 {
    padding-bottom: 20px;
	}
	.contact-address {
    padding-top: 40px;
	}
	.contact-tel-mail {
    padding: 30px 0px;
	}
	.contact-left-content .heading2 {
    padding-bottom: 20px;
	}


	/* Solution page reduce */
	.Solutions-banner-area {
    padding-top: 80px;
	}
	.solution-banner-inner-content {
    padding-top: 70px;
	}
	.solutions-area.solutionPage {
    padding-top: 120px;
	}
}


@media all and (max-width:450px){
	.home-body-sheap:after {
    height: 5620px !important;
    background-size: cover;
	}
	.banner-content {
    padding-top: 80px;
	}
	.btn-primary {
		padding: 14px 25px;
		font-size: 20px;
	}
	.about-area-mobile-btn .btn-primary{
		padding: 14px 16px;
	}


}


@media all and (max-width:375px){
	.home-body-sheap:after {
    background-size: cover;
    height: 5970px !important;
	}
	.heading1 {
    font-size: 34px;
    line-height: 42px;
	}
	.btn-primary {
		padding: 14px 16px;
		font-size: 18px;
	}
	.banner-content .font26px {
    font-size: 24px;
    line-height: 34px;
	}
	.single-versprechen {
    padding: 30px 10px;
	}
	.single-versprechen .font22px {
			font-size: 22px;
	}



	.footer-nav ul {
    gap: 0px 26px;
	}
}

@media all and (max-width:320px){
	.home-body-sheap:after {
    height: 6750px !important;
}
}