﻿.header__wrapper--mobile{
	display:none;
}
@media (min-width: 481px) and (max-width: 1039px) {
	
	.header__wrapper--desktop {
		display:none;
	}
	
	.main-menu{
		top:50pt;
	}
	
	.logo img{
    max-width: 150px;
	margin-top: 15px;
  }

  .mobile-toggle{
    right: 90px;
    top: 30px;
	z-index: 1000000000;
  }
  
.header .slogan{
	display:none;
	
}
.header .phone .headermail
	{
		display: block;
	}

  .txt{
    position: absolute;
	left: 40px;
	text-transform: uppercase;
	font-weight: bold;
  }

  .MobileMnu{
    position: fixed;
    top: 10.1%;
	left: -9999px;
	transition: 0.2s;
	background: #ffffff;
  }

  .sticky{
 
    border: none;
    border-bottom: none;
  }
	
	.header{
	  position: relative;
	}

	
	
	.open-nav{
		min-height: 100000%;
		left: 7%;
		transition: 0.2s;
		padding-left: 20px;
	}
	
	.header__wrapper--mobile{
		display: block;
		position: fixed;
		left: 0;
		right: 0;
		top: -5px;
		background: white;
		z-index: 1000;
		min-height: 10.7%;
		padding: 0 10px;
	}
	
	.header{
		margin-top: 73px;
	}
}

@media (min-width: 320px) and (max-width: 480px) {
	
	.header__wrapper--desktop {
		display:none;
	}

  .logo img{
    max-width: 170px;
	margin-top: 15px;
  }
  .instagram img
  {
	  width: 20pt;
  }
  .facebook img
  {
	  width: 20pt;
  }
  .header .phone .headermail
	{
		display: block;
	}
  

  .mobile-toggle{
    right: 90px!important;
    top: 30px!important;
	z-index: 1000000000!important;
  }

  .txt{
    position: absolute;
	left: 40px;
	text-transform: uppercase;
	font-weight: bold;
  }

  .MobileMnu{
    position: fixed;
    top: 10.1%;
	left: -9999px;
	transition: 1s;
	background: #ffffff;
  }

  .sticky{
    
    border: none;
    border-bottom: none;
  }
	
	.header{
	  position: relative;
	}

	.MobNav ul a{
		color: #7C7A7B;
		font-weight: bold;
		margin-top: 0;
	}
	
	.open-nav{
		min-height: 100000%!important;
		left: 15%!important;
		transition: 0.5s!important;
		padding-left: 20px!important;
	}
	
	.main-menu{
		top: 55pt!important; 
	}
	
	.header__wrapper--mobile{
		display: block;
		position: fixed;
		left: 0;
		right: 0;
		top: -5px;
		background: white;
		z-index: 1000;
		min-height: 9%;
		padding: 0 10px;
	}
	
	.header{
		margin-top: 73px;
	}
}
 @media screen and(max-width: 480px) {
	 
			  .header .logo{
				width: 150px!important;
			  }

			  .header .logo img{
				max-width: 100%!important;
			  }

			  .mobile-toggle{
				right: 25px!important;
			  }

			  .txt{
				display: none!important;
			  }

			  .MobileMnu{
				position: absolute!important;
				top: 0!important;
			  }

			  .sticky{
				background-color: transparent!important;
			  }
			  .header .phone .headermail
				{	
					display: block;
				}
		 }