/*mobile styles*/





/*Tablet Landscape*/

@media (max-width: 1199px) {
	
	#Product-Preview{
	padding-top:70px;
	}
	
	#Product-Preview h3{
	font-size:26px;
	}
	
	.shop-btn{
		padding-top:10px;
		padding-bottom:10px;
		margin-right:50px;
	}
	
	#Bottom-Image h1 {
    font-size:40px;
	width:400px;
	padding: 20px 20px;
	}
	
	#Services{
    padding-bottom:5%;
	}
	
	h1{
    font-size:50px;
	}
	
	h2{
    font-size:35px;
	}
	
	h3{
    font-size:28px;
	}
	
	h4{
    font-size:24px;
	}
	
	#Services h3{
    font-size:26px;
	}
	
	#About-Image{
    padding-top:70px;
	}
   
  .menu-hiding{
		display:block;
		margin-top:15px;
		cursor: pointer; 
	}
	
	.menu-hiding img{
		height:45px;
		position: absolute;
		z-index: 10;
	}

	
	.container {
		max-width: 1840px
	}
	
	.header-link {
		display: none;
	}
	.services-text.tile-right {
    margin-right: 0px;
	}
	.services-text.tile-left {
    margin-left: 0px;
	}
}

@media (max-width: 1000px) {
	
	.headline-product {
    width: 800px;
	}
}

@media (max-width: 850px) {
	
	.index-btn{
		left:0px;
		bottom:0px;
	}
	
	.link-btn button{
		padding:10px 20px;
	}
	
	#Services h3{
		padding-top: 30px;
	}
	
	#Bottom-Image img{
		padding-left:0px;
		padding-right:0px;
	}
	
	#Bottom-Image h1{
		width:300px;
		padding: 10px 20px;
	}
	
	#Services {
		padding-bottom: 100px;
	}
	
	.menu-hiding{
		padding-right:50px;
	}
	
	#Top-Image h2{
		left: 30px;
	}
	
	.headline-product{
		padding:30px;
		width:600px;
		margin: 0px;
		bottom: 0px;
	}
	
	.headline-product h1{
		font-size:35px;
	}
	
	.headline-product h2{
		font-size:28px;
	}
	
	#Top-Image-Mot{
		padding-top: 100px;
	}
	
	#Top-Image{
		padding-top: 100px;
	}
	
	.product-info{
		bottom:20%;
		left:10%;
	}
	
	#Services .product-info h3{
		padding-top:0px;
		width: 300px;
	}
	
	.sections-picture{
		padding-left:auto;
		padding-right:auto;
	}

	
	#Services img{
		width:600px;
	} 

}

@media (max-width: 550px) {
	
	.index-btn{
		padding:10px 20px;
	}

	.index-btn button{
		font-size:22px;
	}

	#Top-Image h2{
		width: 400px;
	}
	
	#Bottom-Image h1{
		width:240px;
		padding: 10px 20px;
	}
	
	.bottom-btn{
		left: 115px;
		bottom:10px;
	}
	
	
	#Header .col{
		margin-left:0px;
	}
	
	.menu-hiding{
		padding-right:60px;
	}
	
	.footer-btn{
		padding: 10px;
	}
	
	#About-Image img{
		padding-left:0px;
		padding-right:0px;
	}
	
	.about-headline{
		padding-left:70px;
		padding-right:70px;
	}
	
	#Top-Image-Mot{
		padding-top:120px;
	}
	
	.headline-product{
		width:400px;
	}
	
	#Services img{
		width:400px;
	} 
	
	.second-tile{
		padding-top:70px;
	}
	
	.logo-switch1{
	display:none;
	}
	
	.logo-switch2{
	display:block;
	}
	
	#Header .logo a img {
    width: 175px;
    padding: 10px;
	}
	
	.shop-btn {
    padding: 10px;
	margin-right: 0px;
	}
	
	#Header .mobile-menu ul {
    transform: translate(-55%, -50%);
	}
	
	.headline-product {
    padding: 20px;
    width: 400px;
    margin: 0px;
    bottom: 0px;
	}
	
	.headline-product h1 {
    font-size: 24px;
	}
	
	.headline-product h2 {
    font-size: 20px;
	}
	
	.product-shop-btn {
    padding: 10px;
	}
	
	.product-shop-btn button{
    font-size: 20px;
	}
	
	#Product-Preview {
    padding-top: 130px;
	}
	
	#Product-Preview .product-picture img{
    margin-left: 20px;
	}
	
	#Product-Preview .product-picture{
    padding-left: 20px;
	}
	
	#Product-Preview h3 {
    font-size: 22px;
	}
	
	.product-text {
    bottom: 0px;
	width:200px;
	}
	
	.link-btn button {
    padding: 5px 10px;
	}
	
	.about-mke {
    padding-left: 0px;
    padding-right: 0px;	
	}
	
	#Header {
		width:auto;
	}
	
	#Specs-List {
    margin-right: 5%;
	}
	
	#ContactUs .trans-btn button {
    padding: 10px 10px;
	}
	
	#Services {
    padding-bottom: 70px;
	}
	
	.disappear{
		display:none;
	}
}