/*-- Progressive-Effects --*/

.progressive-effects {
	background: url("../images/banner-2.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	/*--w3layouts--*/
	/*--agileits--*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	padding: 100px 0;
}

#skills h3 {
	text-align: left;
	margin-bottom: 30px;
	font-size: 40px;
	color: #FFF;
}


/*-- Responsive-Code --*/





@media screen and (max-width: 1920px) {
	.agileheaderw3ls {
		padding-bottom: 952px;
	}
}

@media screen and (max-width: 1680px) {
	.agileheaderw3ls {
		padding-bottom: 832px;
	}

}

@media screen and (max-width: 1600px) {
	.agileheaderw3ls {
		padding-bottom: 792px;
	}

}

@media screen and (max-width: 1440px) {
	.agileheaderw3ls {
		padding-bottom: 712px;
	}

}

@media screen and (max-width: 1366px) {
	.agileheaderw3ls {
		padding-bottom: 675px;
	}

}

@media screen and (max-width: 1280px) {
	.agileheaderw3ls {
		padding-bottom: 632px;
	}
}

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

}

@media screen and (max-width: 1024px) {
	.agileheaderw3ls {
		padding-bottom: 504px;
	}
	.camera_caption > div {
		padding: 35px 20px;
	}
	.camera_caption h3 {
		font-size: 40px;
	}
	.agileaboutaitsabout, .w3threespecialityw3ls, .progressive-effects, .portfolio, .w3layoutsbooking {
		padding: 75px 0;
	}
	.agileaboutaits h1 {
		margin-bottom: 15px;
	}
	.agileaboutaits p {
		font-size: 14px;
		line-height: 25px;
		margin-bottom: 20px;
	}
	.grid figcaption h3 {
		font-size: 22px;
	}
	.stats-img {
		margin-bottom: 20px;
	}
	.stats-img img {
		width: 80px;
	}
	.numscroller {
		margin-bottom: 5px;
	}
	.portfolio h3, .w3layoutsbooking h3 {
		margin-left: 15px;
	}
	.gallery-top figure.effect-bubba h4 {
		padding-top: 14%;
	}
	#map {
		height: 400px;
	}
	.booking-form-aits {
		padding: 50px;
	}
	.booking-form-aits input[type="text"], .booking-form-aits input[type="email"] {
		width: 48.9%;
	}
}

@media screen and (max-width: 991px) {
	.agileheaderw3ls {
		padding-bottom: 487px;
	}
	.container {
		width: 100%;
	}
}

@media screen and (max-width: 966px) {
	section.cd-section {
		margin-top: 40px;
	}
}
}

@media screen and (max-width: 900px) {
	.agileheaderw3ls {
		padding-bottom: 442px;
	}
	.booking-form-aits input[type="text"], .booking-form-aits input[type="email"] {
		width: 48.8%;
	}

}

@media screen and (max-width: 853px) {
	section.cd-section {
		margin-top: 20px;
		margin-left: 10px;
	}
	.agileheaderw3ls {
		padding-bottom: 418px;
	}
	.agileaboutaits-image-1 {
		width: 80%;
	}
	.agileaboutaits-image-2 {
		width: 50%;
		top: 60%;
	}
	#about-us .lead {
		font-size: 15px;
	}
	.progress {
		margin-bottom: 15px;
	}
	.gallery-top figure.effect-bubba h4 {
		padding-top: 9%;
	}
	.booking-form-aits input[type="text"], .booking-form-aits input[type="email"] {
		width: 48.7%;
	}
	.footer h5 {
		width: 80%;
		line-height: 26px;
	}
	.footer h4 {
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 800px) {
	.agileheaderw3ls {
		padding-bottom: 392px;
	}
	.cs-style-3 figcaption {
		height: 80px;
	}
	.grid figcaption {
		padding: 30px 0;
	}
	.gallery-top figure.effect-bubba h4 {
		padding-top: 7%;
	}
	.booking-form-aits input[type="text"], .booking-form-aits input[type="email"] {
		width: 48.6%;
	}
	.footer h5 {
		width: 85%;
	}
}

@media screen and (max-width: 768px) {
	.agileheaderw3ls {
		padding-bottom: 376px;
	}
	.camera_caption h3 {
		font-size: 35px;
	}
	.agileaboutaitsabout, .w3threespecialityw3ls, .progressive-effects, .portfolio, .w3layoutsbooking {
		padding: 50px 0;
	}
	.agileaboutaits h1, .w3threespecialityw3ls h2, #skills h3, .portfolio h3, .w3layoutsbooking h3 {
		font-size: 35px;
	}
	.agileaboutaits-info {
		padding: 0;
		width: 100%;
	}
	.agileaboutaits p {
		font-size: 15px;
		line-height: 28px;
	}
	.agileaboutaits-image {
		width: 100%;
		margin-top: 50px;
	}
	.agileaboutaits-image-1 {
		width: 75%;
	}
	.agileaboutaits-image-2 {
		width: 40%;
		top: -10%;
	}
	.w3threespecialityw3ls-grid {
		width: 50%;
		float: left;
	}
	.stats-grid {
		width: 25%;
		float: left;
		padding: 0;
	}
	.gallery-top {
		width: 50%;
		float: left;
	}
	.gallery-top figure.effect-bubba h4 {
		padding-top: 16%;
	}
	#map {
		height: 300px;
	}
	.copyright {
		padding: 30px 10px;
	}
}

@media screen and (max-width: 767px) {
	.agileheaderw3ls {
		padding-bottom: 375px;
	}
	.cd-bouncy-nav {
		width: 100%;
		max-width: 500px;
	}
	.cd-bouncy-nav li {
		width: 33.3%;
		margin: 30px 0;
	}
	.booking-form-aits input[type="text"], .booking-form-aits input[type="email"] {
		width: 48.5%;
	}
	.footer h5 {
		width: 100%;
		font-size: 13px;
	}
	.agileheaderw3ls {
		padding-bottom: 389px;
	}
}

@media screen and (max-width: 736px) {
	.agileheaderw3ls {
		padding-bottom: 360px;
	}
}

@media screen and (max-width: 667px) {
	.agileheaderw3ls {
		padding-bottom: 325px;
	}
	.camera_caption h3 {
		font-size: 30px;
	}
	.gallery-top figure.effect-bubba h4 {
		padding-top: 13%;
	}
	.stats-info p {
		font-size: 17px;
	}
	.booking-form-aits input[type="text"], .booking-form-aits input[type="email"] {
		width: 48.3%;
	}
}

@media screen and (max-width: 640px) {
	.agileheaderw3ls {
		padding-bottom: 312px;
	}
	.cd-bouncy-nav {
		max-width: 450px;
	}
	.cd-bouncy-nav li {
		margin: 10px 0;
	}
	.cd-bouncy-nav a::before {
		left: 40%;
		height: 65px;
		width: 65px;
		background-color: transparent;
	}
	.no-touch .cd-bouncy-nav a:hover::before {
		background-color: transparent;
	}
	.cd-bouncy-nav a {
		padding: 70px 20px 0;
		font-size: 14px;
	}
	.agileaboutaits p {
		font-size: 14px;
		line-height: 25px;
	}
	.stats {
		padding-top: 30px;
	}
	.stats-img img {
		width: 70px;
	}
	.numscroller {
		font-size: 30px;
	}
	.stats-info p {
		font-size: 16px;
	}
	.gallery-top figure.effect-bubba h4 {
		padding-top: 11%;
	}
	.booking-form-aits {
		padding: 30px;
	}
	.booking-form-aits input[type="text"], .booking-form-aits input[type="email"] {
		width: 48.2%;
		padding: 10px 0 5px;
		margin-bottom: 15px;
	}
	.booking-form-aits textarea {
		height: 100px;
	}
	.footer h3 {
		margin-bottom: 25px;
	}
	.newsletter input[type="text"] {
		width: 50%;
	}
}

@media screen and (max-width: 603px) {
	.agileheaderw3ls {
		padding-bottom: 293px;
	}
	.stats-info p {
		font-size: 15px;
	}
}

@media screen and (max-width: 600px) {
	.agileheaderw3ls {
		padding-bottom: 292px;
	}
}

@media screen and (max-width: 568px) {
	.agileheaderw3ls {
		padding-bottom: 276px;
	}
	.agileaboutaitsabout, .w3threespecialityw3ls, .progressive-effects, .portfolio, .w3layoutsbooking {
		padding: 35px 0;
	}
	.agileaboutaits h1, .w3threespecialityw3ls h2, #skills h3, .portfolio h3, .w3layoutsbooking h3, .footer h3 {
		font-size: 30px;
	}
	.agileaboutaits button.btn {
		padding: 8px 20px;
		font-size: 13px;
	}
	.gallery-top figure.effect-bubba h4 {
		padding-top: 8%;
	}
	#map {
		height: 250px;
	}
	.booking-form-aits input[type="text"], .booking-form-aits input[type="email"] {
		width: 48.1%;
	}
	.footer {
		padding-top: 35px;
	}
}

@media screen and (max-width: 533px) {
	.agileheaderw3ls {
		padding-bottom: 258px;
	}
	.camera_caption h3 {
		font-size: 20px;
	}
	.gallery-top figure.effect-bubba h4 {
		padding-top: 6%;
	}
	.booking-form-aits input[type="text"], .booking-form-aits input[type="email"] {
		width: 48%;
		font-size: 13px;
	}
	.footer-grid {
		width: 50%;
		padding: 0;
	}
	.footer-grid-1, .footer-grid-2 {
		height: 150px;
	}
	.newsletter {
		margin-top: 0;
	}
	.newsletter input[type="text"] {
		width: 100%;
		margin: 0;
		margin-bottom: 5px;
	}
	.newsletter input[type="submit"] {
		float: right;
	}
}

@media screen and (max-width: 480px) {
	.agileheaderw3ls {
		padding-bottom: 232px;
	}
	.cd-bouncy-nav-trigger {
		padding: 8px 30px;
		font-size: 15px;
	}
	.modal-title {
		padding-top: 30px;
		font-size: 25px;
	}
	.agileaboutaits p {
		font-size: 13px;
		line-height: 23px;
	}
	.cs-style-3 figcaption {
		height: 60px;
	}
	.grid figcaption {
		padding: 20px 0;
	}
	.grid figcaption h3 {
		font-size: 20px;
	}
	.stats-img img {
		width: 60px;
	}
	figure.effect-bubba figcaption::before, figure.effect-bubba figcaption::after {
		top: 20px;
		right: 20px;
		bottom: 20px;
		left: 20px;
	}
	.gallery-top figure.effect-bubba h4 {
		padding-top: 2%;
	}
	.booking-form-aits input[type="text"], .booking-form-aits input[type="email"] {
		width: 100%;
	}
	.copyright p {
		font-size: 14px;
	}
	.copyright a {
		font-weight: 100;
	}
}

@media screen and (max-width: 414px) {
	.agileheaderw3ls {
		padding-bottom: 200px;
	}
	.agileaboutaits h1, .w3threespecialityw3ls h2, #skills h3, .portfolio h3, .w3layoutsbooking h3, .footer h3 {
		font-size: 25px;
	}
	.w3threespecialityw3ls-grid {
		width: 100%;
	}
	.stats-info p {
		font-size: 13px;
	}
	.tabs-style-bar nav ul li a span {
		letter-spacing: 0;
		font-size: 14px;
	}
	.portfolio h4 {
		margin: 15px 0;
		font-size: 20px;
	}
	.gallery-top {
		width: 100%;
	}
	figure.effect-bubba figcaption::before, figure.effect-bubba figcaption::after {
		top: 50px;
		right: 50px;
		bottom: 50px;
		left: 50px;
	}
	.gallery-top figure.effect-bubba h4 {
		padding-top: 16%;
	}
	.booking-form-aits {
		padding: 30px 20px;
	}
	.footer h5 {
		line-height: 24px;
		text-align: left;
	}
	p {
		font-size: 13px;
	}
}

@media screen and (max-width: 384px) {
	.agileheaderw3ls {
		padding-bottom: 200px;
	}
	.cd-bouncy-nav a {
		padding: 70px 10px 0;
	}
	.stats-grid {
		width: 50%;
	}
	.stats-grid-1, .stats-grid-2 {
		margin-bottom: 40px;
	}
	.stats-img {
		margin-bottom: 5px;
	}
	.numscroller {
		font-size: 25px;
		margin: 0;
	}
	.footer-grid {
		width: 100%;
		height: 100%;
		margin-bottom: 20px;
	}
	.footer-grids {
		margin: 25px 0 10px;
	}
}

@media screen and (max-width: 375px) {
	.gallery-top figure.effect-bubba h4 {
		padding-top: 15%;
	}
	.footer span.glyphicon {
		margin-right: 0;
		font-size: 20px;
	}
}

@media screen and (max-width: 360px) {
	.agileaboutaits-image-2 {
		width: 50%;
		top: -50%;
	}
	.tabs-style-bar nav ul li a span {
		font-size: 13px;
	}
	.gallery-top figure.effect-bubba h4 {
		padding-top: 10%;
	}
}

@media screen and (max-width: 320px) {
	.cd-bouncy-nav a {
		padding: 70px 0 0;
	}
	.agileaboutaits h1, .w3threespecialityw3ls h2, #skills h3, .portfolio h3, .w3layoutsbooking h3, .footer h3 {
		font-size: 23px;
	}
	figure.effect-bubba figcaption::before, figure.effect-bubba figcaption::after {
		top: 25px;
		right: 25px;
		bottom: 25px;
		left: 25px;
	}
}





/*-- //Responsive-Code --*/