.background-angle.angle1 > .background {
	-webkit-clip-path: polygon(0% 0%, 100% 9rem, 100% 100%, 0% calc(100% - 9rem));
	clip-path: polygon(0% 0%, 100% 9rem, 100% 100%, 0% calc(100% - 9rem));
}

.background-angle.angle2 > .background {
	-webkit-clip-path: polygon(0% 9rem, 100% 0%, 100% calc(100% - 9rem), 0% 100%);
	clip-path: polygon(0% 9rem, 100% 0%, 100% calc(100% - 9rem), 0% 100%);
}

.background-angle.angle3 > .background {
	-webkit-clip-path: polygon(0% 0%, 100% 9rem, 100% calc(100% - 9rem), 0% 100%);
	clip-path: polygon(0% 0%, 100% 9rem, 100% calc(100% - 9rem), 0% 100%);
}

.background-angle.angle4 > .background {
	-webkit-clip-path: polygon(0% 9rem, 100% 0%, 100% 100%, 0% calc(100% - 9rem));
	clip-path: polygon(0% 9rem, 100% 0%, 100% 100%, 0% calc(100% - 9rem));
}

.background-angle.angle5 > .background {
	-webkit-clip-path: polygon(0% 0%, 100% 9rem, 100% 100%, 0% 100%);
	clip-path: polygon(0% 0%, 100% 9rem, 100% 100%, 0% 100%);
}

.background-angle.angle6 > .background {
	-webkit-clip-path: polygon(0% 9rem, 100% 0%, 100% 100%, 0% 100%);
	clip-path: polygon(0% 9rem, 100% 0%, 100% 100%, 0% 100%);
}

.background-angle.angle7 > .background {
	-webkit-clip-path: polygon(0% 0%, 100% 0, 100% calc(100% - 9rem), 0% 100%);
	clip-path: polygon(0% 0%, 100% 0, 100% calc(100% - 9rem), 0% 100%);
}

.background-angle.angle8 > .background {
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% calc(100% - 9rem));
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% calc(100% - 9rem));
}

@media (max-width: 767px) {
	.background-angle.angle1 > .background {
		-webkit-clip-path: polygon(0% 0%, 100% 8rem, 100% 100%, 0% calc(100% - 8rem));
		clip-path: polygon(0% 0%, 100% 8rem, 100% 100%, 0% calc(100% - 8rem));
	}
	.background-angle.angle2 > .background {
		-webkit-clip-path: polygon(0% 8rem, 100% 0%, 100% calc(100% - 8rem), 0% 100%);
		clip-path: polygon(0% 8rem, 100% 0%, 100% calc(100% - 8rem), 0% 100%);
	}
	.background-angle.angle3 > .background {
		-webkit-clip-path: polygon(0% 0%, 100% 8rem, 100% calc(100% - 8rem), 0% 100%);
		clip-path: polygon(0% 0%, 100% 8rem, 100% calc(100% - 8rem), 0% 100%);
	}
	.background-angle.angle4 > .background {
		-webkit-clip-path: polygon(0% 8rem, 100% 0%, 100% 100%, 0% calc(100% - 8rem));
		clip-path: polygon(0% 8rem, 100% 0%, 100% 100%, 0% calc(100% - 8rem));
	}
	.background-angle.angle5 > .background {
		-webkit-clip-path: polygon(0% 0%, 100% 8rem, 100% 100%, 0% 100%);
		clip-path: polygon(0% 0%, 100% 8rem, 100% 100%, 0% 100%);
	}
	.background-angle.angle6 > .background {
		-webkit-clip-path: polygon(0% 8rem, 100% 0%, 100% 100%, 0% 100%);
		clip-path: polygon(0% 8rem, 100% 0%, 100% 100%, 0% 100%);
	}
	.background-angle.angle7 > .background {
		-webkit-clip-path: polygon(0% 0%, 100% 0, 100% calc(100% - 8rem), 0% 100%);
		clip-path: polygon(0% 0%, 100% 0, 100% calc(100% - 8rem), 0% 100%);
	}
	.background-angle.angle8 > .background {
		-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% calc(100% - 8rem));
		clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% calc(100% - 8rem));
	}
}

@media (max-width: 480px) {
	.background-angle.angle1 > .background {
		-webkit-clip-path: polygon(0% 0%, 100% 6rem, 100% 100%, 0% calc(100% - 6rem));
		clip-path: polygon(0% 0%, 100% 6rem, 100% 100%, 0% calc(100% - 6rem));
	}
	.background-angle.angle2 > .background {
		-webkit-clip-path: polygon(0% 6rem, 100% 0%, 100% calc(100% - 6rem), 0% 100%);
		clip-path: polygon(0% 6rem, 100% 0%, 100% calc(100% - 6rem), 0% 100%);
	}
	.background-angle.angle3 > .background {
		-webkit-clip-path: polygon(0% 0%, 100% 6rem, 100% calc(100% - 6rem), 0% 100%);
		clip-path: polygon(0% 0%, 100% 6rem, 100% calc(100% - 6rem), 0% 100%);
	}
	.background-angle.angle4 > .background {
		-webkit-clip-path: polygon(0% 6rem, 100% 0%, 100% 100%, 0% calc(100% - 6rem));
		clip-path: polygon(0% 6rem, 100% 0%, 100% 100%, 0% calc(100% - 6rem));
	}
	.background-angle.angle5 > .background {
		-webkit-clip-path: polygon(0% 0%, 100% 6rem, 100% 100%, 0% 100%);
		clip-path: polygon(0% 0%, 100% 6rem, 100% 100%, 0% 100%);
	}
	.background-angle.angle6 > .background {
		-webkit-clip-path: polygon(0% 6rem, 100% 0%, 100% 100%, 0% 100%);
		clip-path: polygon(0% 6rem, 100% 0%, 100% 100%, 0% 100%);
	}
	.background-angle.angle7 > .background {
		-webkit-clip-path: polygon(0% 0%, 100% 0, 100% calc(100% - 6rem), 0% 100%);
		clip-path: polygon(0% 0%, 100% 0, 100% calc(100% - 6rem), 0% 100%);
	}
	.background-angle.angle8 > .background {
		-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% calc(100% - 6rem));
		clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% calc(100% - 6rem));
	}
}

@media (max-width: 460px) {
	.menu-close .sec-nav .navbar-collapse.with-background > .background {
		left: calc(-100vw + 78px);
	}
	.menu-close .main-nav .navbar-collapse.with-background > .background {
		right: calc(-100vw + 78px);
	}
}