@media only screen and (max-width: 1110px)
{
	.toggle
	{
		position: fixed;
		display: block;
		cursor: pointer;
		top: 50px;
		left: 50px;
		margin: -14px 0 0 -21px;
		z-index: 1001;
	}

	.toggle span
	{
		display: block;
		background: #FFF;
		width: 42px;
		height: 4px;
		border-radius: 3px;
		-webkit-transition: .25s margin .25s, .25s transform;
		transition: .25s margin .25s, .25s transform;
		-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
		-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
		box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
	}

	.toggle span:nth-child(1) { margin-bottom: 8px; }
	.toggle span:nth-child(3) { margin-top: 8px; }

	.toggle.active span
	{
		-webkit-transition: .25s margin, .25s transform .25s;
		transition: .25s margin, .25s transform .25s;
	}

	.toggle.active span:nth-child(1)
	{
		margin-top: 8px;
		margin-bottom: -4px;
	}

	.toggle.active span:nth-child(1),
		.toggle.active span:nth-child(2)
	{
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.toggle.active span:nth-child(3)
	{
		margin-top: -4px;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
	}

	ul
	{
		overflow: hidden;
		padding-top: 0px;
		height: 0px;
		transition: all 0.2s ease;
		background: black;
		margin: 0px;
		position: fixed;
		top: 0px;
		left: 0px;
		bottom: 0px;
		right: 0px;
		z-index: 1000;
		-webkit-backdrop-filter: blur(20px);
	}
	.navblur{
		-webkit-backdrop-filter: blur(20px);
		background: rgba(0, 0, 0, 0.6);
	}
	.navshow
	{
		height: 100vh;
		transition: all 0.4s cubic-bezier(.87,.41,.19,1.44);
		padding-top: 80px;
	}

	li
	{
		position: relative;
		padding: 15px 0;
		display: block;
	}

	.arrow
	{
		height: 29px;
		width: 93px;
		background: url(../../images/down.png);
		background-size: cover;
		position: absolute;
		bottom: 14px;
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		transition: all 0.3s;
	}

	.arrow:hover { bottom: 24px; }
	.mobilenone{
		pointer-events: none;
    	cursor: default;
    	color:grey;
	}
	.littlenav {
		min-height: 100px;
	}
	body, html {
	    margin-top: 50px;
	}
}
@media only screen and (max-width: 376px)
{
.navlogo{
margin-left: 80px;
}
}
