@media screen and (max-width: 1200px) {

	.m-menu-open,
	.m-menu-close {
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 30px;
		position: absolute;
		right: 0;
		top: 30%;
		color: var(--hover-color);
	}

	.m-menu-open {
		display: inline-block;
	}

	.m-nav-show .m-menu-open {
		display: none;
	}

	.m-nav-show .m-menu-close {
		display: inline-block;
	}

	.nav-menu {
		display: none;
		width: 100%;
		text-align: center;
	}

	.nav-menu li a {
		display: block;
		padding: 10px 0;
		background: var(--hover-color);
		color: var(--white-color);
		border-bottom: 1px solid var(--border-color);
	}

	.m-nav-show .nav-menu {
		display: block;
		position: absolute;
		z-index: 999;
		right: 0;
		top: 90%;
	}

	.sidebar {
		display: none;
	}
}

@media screen and (max-width: 768px) {
	.container {
		margin-left: 15px;
		margin-right: 15px;
	}

	.m30 {
		margin: 30px 0;
	}

	.p30 {
		padding: 30px 0;
	}

	/* reset */
	/* header */
	.header-contact {
		display: none;
	}

	/* header */
	/* section-title */
	.section-title h2 {
		font-size: 26px;
	}

	/* section-title */
	/* home-1 */
	.home-1-ul {
		grid-template-columns: repeat(2, 1fr);
		margin-top: 30px;
	}

	/* home-1 */
	/* home-5 */
	.ul-home-5-ul {
		grid-template-columns: repeat(2, 1fr);
	}

	/* home-5 */
	/* single */
	.toppro-contact {
		display: block;
	}

	.toppro-contact a {
		display: block;
		margin: 10px 0;
	}

	.single-title h1 {
		font-size: 26px;
		line-height: 40px;
	}

	/* single */
	/* about */
	.about-4-ul>li>.time {
		gap: 10px;
	}

	/* about */
}