@media (max-width: 1500px) {
	body.boxed-v #wrapper {
		max-width: 100%;
	}
}
@media (max-width: 1199px) {
	.quote-form{
		.info{
			float: none;
			display: block;
			padding: 0 0 10px;
		}
		&.style2{
			.btn{
				float: right;
				width: inherit;
				display: inline;
			}
			.form-group{
				width: 230px;
			}
			&.small{
				max-width: 440px;
			}
		}
	}

}
@media (max-width: 992px) {
	.main-banner .heading {
		font-size: 33px;
		line-height: 40px;
	}
	.quote-form {
		padding: 40px 20px 49px;
		h2 {
			font-size: 42px;
		}
		&.style2{
			padding: 15px 0 15px 20px;
			.form-group{
				width: 330px;
				margin: 0 20px 20px 0;
			}
			.btn{
				float: left;
				width: 330px;
			}
			&.small{
				max-width: 370px;
			}
		}
	}
	.services-section .txt-box {padding: 0 0 0 8.5%;}
	.main-banner .arrow{
		width: 135px;
		height: 73px;
		bottom: -9px;
	}
	.counter-section .counter{
		font-size: 50px;
		line-height: 60px;
	}
}

@media (max-width: 767px) {
	.mt-social,
	.main-banner .arrow,
	#header .top-list {display: none;}
	#header {
		padding: 20px 0;
		.nav-opener{display: inline-block;}
		&.sticky{
			top: 0;
			left: 0;
			right: 0;
			position: fixed;
			#nav{
				top: 100%;
				position: absolute;
			}
		}
	}
	#nav{
		top: 100%;
		height: 0;
		left: -15px;
		right: -15px;
		bottom: auto;
		overflow: hidden;
		max-height: 100vh;
		transition: all ease 0.3s;
		.nav-list{
			padding: 0;
			border-radius: 0;
			li{
				padding: 0;
				display: block;
			}
			.button{float: none;}
			a{
				display: block;
				padding: 10px 20px;
			}
		}
	}
	.nav-active #nav{
		height: 300px;
		overflow-y: auto;
	}
	.main-banner.small,
	.main-banner {padding: 90px 0;}
	.services-section .services-box {margin: 0;}
	.services-section .services-box li{
		width: 100%;
		background: rgba(33,33,33,1);
		&:last-child{background: rgba(33,33,33,1);}
		&:nth-child(odd){background: rgba(33,33,33,0.9);}
	}
	.quote-section h2 {
		font-size: 32px;
		line-height: 40px;
	}
	.quote-form {
		margin: 80px 0 0;
		&.style2{
			margin: 0 auto 20px;
			max-width: 320px;
			padding: 20px;
			.form-group{
				width: 100%;
				margin: 0 0 10px;
			}
			.btn{
				float: none;
				width: 100%;
				display: block;
			}
		}
	}
	.top-list{
		text-align: left;
		padding: 40px 0 10px;
		li {
			padding: 0 70px 20px;
			.fa{
				left: 0;
				right: auto;
			}
		}
	}
	#footer .bottom {
		border: 0;
		margin-top: 0;
		padding-top: 0;
		p{margin: 0;}
	}
	.lightbox .quote-form{width: 100%;}
}