@media (max-width: 1630px) {
	.screen-shold {
		max-width: 1160px;
	}
}

@media (max-width: 1500px) {
	body.boxed-v #wrapper {
		max-width: 100%;
	}
}

@media (max-width: 1199px) {
	.screen-shold {
		max-width: 1000px;
	}
}

@media (max-width: 992px) {
	#nav .nav-list li {
		padding: 0 4%;
	}

	.screen-shold {
		max-width: 768px;
		padding: 58px 0 0;
	}

	.screen-shold .cover {
		margin: 0;
		max-width: 280px;
	}

	.screen-shold img {
		padding: 0 10px;
	}

	.poitns li {
		width: 49.5%;
	}

	.app-screen {
		max-width: 650px;
		background-size: 100% auto;
		padding: 17px 78px 20px 82px;
	}
}

@media (max-width: 767px) {
	.hidden-xs {
		display: none;
	}

	.visible-xs {
		display: block !important;
	}

	.logo {
		margin: 0;
		min-width: 50px;
		font-size: 25px;
		line-height: 50px;
	}

	#header .holder {
		padding: 25px 0;
	}

	#header.sticky .holder .logo {
		margin: 0;
	}

	#nav {
		left: 0;
		right: 0;
		top: 80px;
		max-height: 0;
		overflow: hidden;
		position: absolute;
		-webkit-transition: all ease .3s;
		transition: all ease .3s;
		background: #272c3f;
	}

	#nav .nav-list {
		float: none;
		width: 100%;
	}

	#nav .nav-list li {
		padding: 0;
		display: block;
		text-align: left;
		border-bottom: 1px solid #3c4252;
	}

	#nav .nav-list a {
		display: block;
		padding: 10px 20px;
	}

	.main-banner .heading {
		font-size: 40px;
		line-height: 60px;
	}

	.nav-active #nav {
		max-height: 500px;
	}

	.poitns {
		padding: 0;
	}

	.poitns li {
		width: 100%;
	}

	.app-screen {
		max-width: 280px;
		padding: 8px 35px 0 35px;
	}

	.screen-shold {
		max-width: 320px;
		padding: 52px 0 0;
	}

	.screen-shold .cover {
		width: 255px;
		max-width: 400px;
	}

	.mt-social,
	#footer {
		text-align: center;
	}

	.magnify .magnify-lens {
		width: 50px;
		height: 50px;
	}
}