@media only screen and (max-width: 1080px) {
	.top-nav ul li {
		margin: 0 0.6em;
	}
}
@media only screen and (max-width: 991px) {
	.navbar-default .navbar-nav > li > a {
		font-size: 14px;
		padding: 1em 0;
	}
	.w3-about p.para {
		width: 100%;
	}
	.services.news .news-agileinfo .col-sm-3 {
		width: 50%;
		margin-bottom: 10px;
	}
	.services.news .news-agileinfo .col-sm-3 p {
		height: 65px;
		overflow: hidden;
	}
	.testi-w3agileinfo .tab-content {
		width: 100%;
		padding: 2em 1em;
	}
}
@media only screen and (max-width: 850px) {
	#steps {
		width:100%
		margin: 10px auto 10px;
		height: 100%;
	}
	#steps .step {
		position: relative;
		width: 100%;
	}
	.step-wrap {
		width: 100%;
		height: auto;
	}
	.step span {
		position: relative;
		width: 100%;
		height: 40px;
		display: block;
	}
	.step.step-even span {
		top: 0;
		width: inherit;
		height: inherit;
		left: auto;
	}
	#steps .content {
		font-size: 10px;
		margin: 5px 15px;
		width: 95%;
	}
	#steps .step-even .content {
		margin-left: 15px;
		margin-top: 5px;
	}
	#steps .step.step-3, #steps .step.step-4,#steps .step.step-5, #steps .step.step-6,#steps .step.step-7, #steps .step.step-8,
	#steps .step.step-9, #steps .step.step-10,#steps .step.step-11, #steps .step.step-12 {
		left: 0;
		top: 0;
	}
	.step.step-even span {
		text-align: left;
		padding-left: 15px;
	}
	.step-12 span br {
		display: none;
	}
}
@media only screen and (max-width: 767px) {
	.navbar-toggle {
		float: right;
	}
	.w3layouts-logo {
		text-align: left;
		width: 130px;
	}
	.top-nav {
		height: 0;
	}
	.home .banner {
		min-height: auto;
		padding: 0 0 50px;
	}
	.services.news .news-agileinfo .col-sm-3 {
		float: left;
	}
	.banner-dot {
		min-height: auto;
		background: none;
	}
	.wthreesearch, .header-top-left {
		display: none
	}
	.w3-agile-footer .wthreesearch,.w3-agile-footer .header-top-left {
		display: inline-block;
	}
	.navbar-collapse.in {
		overflow: visible;
	}
	.top-nav ul.sub-menu {
		position: absolute;
		background-color: #000;
		width: 100%;
		top: 55px;
		left: 0;
	}
	.top-nav ul.sub-menu li {
		width: 100%;
	}
	.top-nav ul.sub-menu a::after {
		right: 152px;
	}
	.navbar-default .navbar-nav > li > .fa {
		position: absolute;
		top: 15px;
		right: 0;
		color: #fff;
		cursor: pointer;
	}
	#menu-main-menu > li:hover ul.sub-menu {
		display: none;
	}
	.slider-wrapper .container-fluid {
		padding: 0;
	}
	.slider .contact-form {
		margin-top: 20px;
	}
}
@media only screen and (max-width: 740px) {
	.wthreesearch {
		width: 35.33%;
		position: relative;
	}
	.wthreesearch .btn-default {
		margin-top: 0;
		position: absolute;
		right: 0;
	}
	.footer-grid {
		min-height: 285px;
	}
	.w3-agile-footer .header-top-left {
		width: 100%;
	}
	.w3-agile-footer .wthreesearch {
		width: 80%;
		margin: 20px auto;
	}
	.slider .contact-form .captcha input[type="text"] {
		width: 50%;
	}
}
@media only screen and (max-width: 460px) {
	.services.news .news-agileinfo .col-sm-3 {
		width: 100%;
	}
	.footer-grid {
		min-height: auto;
		width: 100%;
	}
	.slider .contact-form {
		margin-top: 60px;
	}
	.flexslider .slides img {
		width: auto;
		min-height: 370px;
	}
	body .main-textgrids img {
		width: 100%;
		float: none !important;
		padding: 10px 0 !important;
	}
	.contact-form .captcha input[type="text"] {
		width: 55%;
	}
	.sitemap {
		width: 100%;
	}
}