.ntlgpanel-push,
.ntlgpanel-push-left,
.ntlgpanel-push-right {
	height: 100%;
	overflow: hidden;

	body {
		height: 100%;
		overflow: hidden;
	}
}

.ntlgpanel-push,
.ntlgpanel-push-width,
.ntlgpanel-push-responsive {
	@include transition-duration(.4s);

	&.ntlgpanel-push-fast {
		@include transition-duration(.1s);
	}

	&.ntlgpanel-push-slow {
		@include transition-duration(.8s);
	}
}

.ntlgpanel-push-left {

	.ntlgpanel-push {
		@include translateX(100%);
	}

	.ntlgpanel-push-responsive {
		@include MINQ(S) {
			@include translateX($screen-sm);
		}

		@include MINQ(M) {
			@include translateX($screen-sm);
		}

		@include MINQ(L) {
			@include translateX($screen-md);
		}

		@include translateX($container-max-width);
	}
}

.ntlgpanel-push-right{
	.ntlgpanel-push {
		@include translateX(-100%);
	}

	.ntlgpanel-push-responsive {
		@include MINQ(S) {
			@include translateX(-$screen-sm);
		}

		@include MINQ(M) {
			@include translateX(-$screen-sm);
		}

		@include MINQ(L) {
			@include translateX(-$screen-md);
		}

		@include translateX(-$container-max-width);
	}
}