@media (min-width:280px) and (max-width:1224px) {
}
@media (min-width:280px) and (max-width:1199px) {
}
@media (min-width:280px) and (max-width:1024px) {
}
@media screen and (max-device-width : 500px) and (orientation:landscape) {
	section.module.parallax{background:none; height:auto;}
	.parallax-img{display:block;}
}
@media (min-width:280px) and (max-width:1023px) {
}
@media (min-width:280px) and (max-width:999px) {
}
@media (min-width:280px) and (max-width:998px) {
}
@media (min-width:280px) and (max-width:992px) {
}
@media (min-width:280px) and (max-width:991px) {
}
/*@media (min-width:280px) and (max-width:979px) {*/

      @media (min-width:280px) and (max-width:1027px) { .main-menu{
	   display:none;
	}
	.menu,.main-menu-toggle {
		display:none;
	}
	.mobile-menu-wrapper {
		display:block;
	}
	.description,.header .description{
/*		padding:20px 5% 20px 5%;*/
	}.list-item li {
		padding:12px 5% 12px 5%;
	}
	.headline-section {
		padding:50px 5% 8px 5%;
	}
	.header {
	  height: 89px;
	  top:51px;
 	}
    .header .headline-01 {
	 font-size:26px;
	 position:relative;
	 top:0;
	 left:0;
	 margin-bottom:0px;
    }
    .header .main-headline {
	  font-size: 33px;
	  padding-top: 0;
    }
	.header.smaller{
	height: 81px;
	  top: 54px;
	}
	.header.smaller .headline-01 {
	 font-size:21px;
	 top:0;
	
    }
    .header.smaller .main-headline {
	  font-size: 28px;
	    padding-top: 0;
    }
	.headline-section,.mission-section .heading {
		font-size:28px;
	}
      }













    @media (min-width:280px) and (max-width:500px) {
    .main-menu{
	   display:none;
	}
	.menu,.main-menu-toggle {
		display:none;
	}
	.mobile-menu-wrapper {
		display:block;
	}
	.description,.header .description{
		padding:20px 5% 20px 5%;
	}
	.list-item li {
		padding:12px 5% 12px 5%;
	}
	.headline-section {
		padding:50px 5% 8px 5%;
	}
	.header {
	  height: 89px;
	  top:51px;
 	}
    .header .headline-01 {
	 font-size:26px;
	 position:relative;
	 top:0;
	 left:0;
	 margin-bottom:0px;
    }
    .header .main-headline {
	  font-size: 33px;
	  padding-top: 0;
    }
	.header.smaller{
	height: 81px;
	  top: 54px;
	}
	.header.smaller .headline-01 {
	 font-size:21px;
	 top:0;
	
    }
    .header.smaller .main-headline {
	  font-size: 28px;
	    padding-top: 0;
    }
	.headline-section,.mission-section .heading {
		font-size:28px;
	}
	.vision-section .vision-line-01,.vision-section .grey-line{
	font-size:25px;
	}
	.first-slide .middel-cont {
	left:5% !important;
	}
	
	 .middel-cont img{width:250px;
	}
	/*section.module.parallax { 
	 background-attachment: scroll ;
	}*/
	section.module.parallax{background:none; height:auto;}
	.parallax-img{display:block;}
	.fade-in{  opacity: 1 !important;}
	
	}

 @media (max-width: @iphone-screen) {
	/*section.module.parallax {
			background-attachment: scroll;
			 background-size: auto 100%;
	}*/
}
@media (min-width:280px) and (max-width:800px) {
}
@media (min-width:280px) and (max-width:799px) {
}
@media (min-width:280px) and (max-width:768px) {
}
@media (min-width:280px) and (max-width:767px) {
    

.first-slide, .second-slide {
display:none;}

.third-slide .logo.animation {
opacity: 0;
display:block;
-moz-animation: fadein 0.5s ease-in 1s forwards; /* Firefox */
-webkit-animation: fadein 0.5s ease-in 1s forwards; /* Safari and Chrome */
-o-animation: fadein 0.5s ease-in 1s forwards; /* Opera */
animation: fadein 0.5s ease-in 1s forwards;
-ms-animation: fadein 0.5s ease-in 1s forwards;
}
.third-slide .motto-01.animation{
opacity: 0;
display:block;
-moz-animation: fadein 0.5s ease-in 2s forwards; /* Firefox */
-webkit-animation: fadein 0.5s ease-in 2s forwards; /* Safari and Chrome */
-o-animation: fadein 0.5s ease-in 2s forwards; /* Opera */
animation: fadein 0.5s ease-in 2s forwards;
-ms-animation: fadein 0.5s ease-in 2s forwards;
}
.third-slide .motto-line-01.animation{
opacity: 0;
display:block;
-moz-animation: motto-line 0.5s ease-in 3s 1 forwards; /* Firefox */
-webkit-animation: motto-line 0.5s ease-in 3s 1 forwards; /* Safari and Chrome */
-o-animation: motto-line 0.5s ease-in 3s 1  forwards; /* Opera */
animation: motto-line 0.5s ease-in 3s 1 forwards;
-ms-animation: motto-line 0.5s ease-in 3s 1 forwards; /* IE */
}

.third-slide .motto-line-02.animation{
opacity: 0;
display:block;
-moz-animation: motto-line 0.5s ease-in 4s 1 forwards; /* Firefox */
-webkit-animation: motto-line 0.5s ease-in 4s 1 forwards; /* Safari and Chrome */
-o-animation: motto-line 0.5s ease-in 4s 1  forwards; /* Opera */
animation: motto-line 0.5s ease-in  4s 1 forwards;
-ms-animation: motto-line 0.5s ease-in 4s 1 forwards; /* IE */
}

.third-slide .motto-line-03.animation{
opacity: 0;
display:block;
-moz-animation: motto-line 0.5s ease-in 5s 1 forwards; /* Firefox */
-webkit-animation: motto-line 0.5s ease-in 5s 1 forwards; /* Safari and Chrome */
-o-animation: motto-line 0.5s ease-in 5s 1  forwards; /* Opera */
animation: motto-line 0.5s ease-in 5s 1 forwards;
-ms-animation: motto-line 0.5s ease-in 5s 1 forwards; /* IE */
}

.third-slide .motto-02.animation{
opacity: 0;
display:block;
-moz-animation: fadein 0.5s ease-in 6s forwards; /* Firefox */
-webkit-animation: fadein 0.5s ease-in 6s forwards; /* Safari and Chrome */
-o-animation: fadein 0.5s ease-in 6s forwards; /* Opera */
animation: fadein 0.5s ease-in 6s forwards;
-ms-animation: fadein 0.5s ease-in 6s forwards;
}
.third-slide .motto-line-04.animation{
opacity: 0;
display:block;
-moz-animation: motto-line 0.5s ease-in 7s 1 forwards; /* Firefox */
-webkit-animation: motto-line 0.5s ease-in 7s 1 forwards; /* Safari and Chrome */
-o-animation: motto-line 0.5s ease-in 7s 1  forwards; /* Opera */
animation: motto-line 0.5s ease-in 7s 1 forwards;
-ms-animation: motto-line 0.5s ease-in 7s 1 forwards; /* IE */
}
.third-slide .motto-line-05.animation{
opacity: 0;
display:block;
-moz-animation: motto-line 0.5s ease-in 8s 1 ; /* Firefox */
-webkit-animation: motto-line 0.5s ease-in 8s 1 forwards; /* Safari and Chrome */
-o-animation: motto-line 0.5s ease-in 8s 1  forwards; /* Opera */
animation: motto-line 0.5s ease-in 8s 1 forwards;
-ms-animation: motto-line 0.5s ease-in  8s 1 forwards; /* IE */
}
.third-slide .motto-line-06.animation{
opacity: 0;
display:block;
-moz-animation: motto-line 0.5s ease-in 9s 1 ; /* Firefox */
-webkit-animation: motto-line 0.5s ease-in 9s 1 forwards; /* Safari and Chrome */
-o-animation: motto-line 0.5s ease-in  9s 1  forwards; /* Opera */
animation: motto-line 0.5s ease-in 9s 1 forwards;
-ms-animation: motto-line 0.5s ease-in 9s 1 forwards; /* IE */
}
}
@media (min-width:280px) and (max-width:686px) {
.footer .copyright-section ul {
  padding: 12px 0px 0 0px;
}
.footer .social-icons ul{
padding:13px 0 0 10px;
}
@media (min-width:280px) and (max-width:620px) {
.footer .copyright-section ul li{padding:0 4px;}
.footer .copyright-section ul li a{font-size:11px;}

}
@media (min-width:280px) and (max-width:555px) {
.footer .copyright-section,.footer .social-icons {float:none;}
.footer .copyright-section ul li a{font-size:11px;}
.footer .social-icons ul,.footer .copyright-section ul{text-align:center; padding:12px 0 0 0;}
.footer{height:75px;bottom:-75px;}
.footer-icon {bottom: 75px;}
}
@media (min-width:280px) and (max-width:479px) {
.middel-cont img{width:200px;
	}
.landing-slide .middel-cont h1 {
  font-size: 33px;
  padding: 21px 0 10px;
}
.landing-slide .middel-cont p {
  font-size: 15px;
}
}
@media (min-width:280px) and (max-width:450px) {
.footer .copyright-section,.footer .social-icons {float:none;}
.footer .copyright-section ul li a{font-size:11px;}
.footer .social-icons ul{ padding-top:10px 0 0 0 !important; }
.copyright-section ul{text-align:center; padding:0 0 10px 0 !important;}
.footer .copyright-section ul li{display:block; padding:5px 0 0 0; border:none;line-height: 0;}
.footer{height:95px;bottom:-95px;}
.footer-icon {bottom: 95px;}
}
@media (min-width:280px) and (max-width:360px) {
.motto-title {width: 80px;}
}
@media (min-width:280px) and (max-width: 320px) {
}

/*@media all and (min-width: 600px) {
  section.module h2 {
    font-size: 42px;
  }
  section.module p {
    font-size: 20px;
  }
  section.module.parallax h1 {
    font-size: 96px;
  }
}
@media all and (min-width: 960px) {
  section.module.parallax h1 {
    font-size: 160px;
  }
}*/