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

	.m-menu-open,
	.m-menu-close {
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 30px;
		position: absolute;
		z-index: 2;
		right: 0;
		top: 35%;
		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-top: 1px solid rgba(255, 255, 255, 0.3);
	}

	.nav-menu li a i {
		display: none;
	}

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

	.headinfo {
		display: none;
	}

	.search-container {
		display: none;
	}
}

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

	.m30 {
		margin: 30px 0;
	}

	.p30 {
		padding: 30px 0;
	}

	a.btn {
		padding: 10px 20px;
	}

	/* tool bar */
	.tool-bar {
		left: 0;
		bottom: 0;
		width: 100%;
		border-top: 3px solid var(--hover-color);
	}

	.tool-item {
		float: left;
		width: 25%;
		padding-bottom: 20%;
	}

	.tool-item .fa {
		font-size: 18px;
		margin-top: 18px;
	}

	/* end tool bar */
	/* reset */
	/* header */
	.headbar{
		padding: 15px 0;
	}
	/* header */
	/* slider */
	.slider{
		height: 400px;
	}
	/* slider */
	/* layout */
	/* box-title */
	.box-title h2 {
		font-size: 30px;
		line-height: 40px;
	}

	/* box-title */
	/* section-title */
	.section-title h2 {
		font-size: 30px;
	}

	/* section-title */

	/* layout */
	/* footer */

	/* footer */
	/* page-banner */

	/* page-banner */

	/* single */
	.toppro-text h1 {
		font-size: 30px;
		line-height: 40px;
	}

	.toppro-contact {
		display: block;
	}

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

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

	/* single */

}