/* Large Devices Styles Starts */

@media (min-width: 1200px) {
	
}

/* Medium Devices Styles Starts */

@media (min-width: 992px) and (max-width: 1199px) {
	
/* Navigation Styles Starts */	

	#nav .navbar-nav > li > a {
		padding-left: 13px;
		padding-right: 13px;
	}
	
/* Features Section Styles Starts */

	.features-list {
		margin-top: 30px;
	}	
		.features-list li {
			margin-top: 20px;
			margin-bottom: 20px;
		}
			.features-list .fa {
				margin-top: 15px;
			}

}

/* Small Devices Styles Starts */

@media (min-width: 768px) and (max-width: 991px) {
	
/* Navigation Styles Starts */

	#nav .navbar-nav > li > a {
		padding-top: 23px;
		padding-left: 5px;
		padding-right: 4px;
		font-size: 13px;
	}
	
/* Header Styles Starts */

	.main-header h1 {
		margin-top: 40px;
		font-size: 50px;
	}
	.main-header h4 {
		margin-top: 30px;
		font-size: 22px;
		line-height: 32px;
	}
	.main-header .btn-secondary {
		margin-top: 20px;
		margin-bottom: 40px;
		padding: 12px 28px;
		font-size: 22px;
	}	
	
/* Scroll Styles Starts */

	#scroll {
		bottom: 35px;
	}		
	
/* Features Section Styles Starts */

	.features-list {
		margin-top: 10px;
	}	
		.features-list li {
			margin-top: 10px;
			margin-bottom: 10px;
			font-size: 13px;
		}
			.features-list h4 {
				font-size: 20px;
			}
			.features-list .fa {
				margin-top: 15px;
				width: 34px;
				height: 34px;
				line-height: 32px;
				text-align: center;
				font-size: 22px;
				color: #1f1f1f;
				border: 1px solid #1f1f1f;				
			}
	
/* About Section Styles Starts */

	.about {
		padding-bottom: 60px;
	}
	.about h2:after {
		left: 50%;
		margin-left: -85px;
	}
		#about-carousel {
			margin-bottom: 100px;
		}
			#about-carousel .carousel-indicators {
				bottom: -70px;
			}
	
/* Testimonails Section Styles Starts */

	#testimonial-carousel blockquote h3 {
		margin-top: 30px;
		font-size: 32px;
		line-height: 42px;
	}
	#testimonial-carousel .carousel-control {
		top: 45%;
	}
	#testimonial-carousel .carousel-control.left {
		left: 0;
	}
	#testimonial-carousel .carousel-control.right {
		right: 0;
	}
	
/* Screenshot Section Styles Starts */

	#screenshot-carousel .screenshot-list li a.screenshot-zoom > i.fa {
		font-size: 34px;
	}
	
/* Genric Styles Starts */

	.img-center-sm {
		margin-left: auto;
		margin-right: auto;
	}	
	.text-center-sm {
		text-align: center;
	}
	
}

/* Extra Small Devices Styles Starts */

@media (max-width: 767px) {
	
/* Navigation Styles Starts */

	#nav .navbar-nav > li > a {
		padding: 12px 24px;
	}
	
/* Header Styles Starts */

	.main-header h1 {
		margin-top: 40px;
		font-size: 50px;
	}
	.main-header h4 {
		margin-top: 30px;
		font-size: 22px;
		line-height: 32px;
	}
	.main-header .btn-secondary {
		margin-top: 20px;
		margin-bottom: 40px;
		padding: 12px 28px;
		font-size: 22px;
	}	
	
/* Scroll Styles Starts */

	#scroll {
		bottom: 30px;
	}
	
/* Features Section Styles Starts */

	.features-list {
		margin-top: 0;
	}
		.features-list .fa {
			margin-bottom: 10px;
		}
	
/* About Section Styles Starts */

	.about {
		padding-bottom: 60px;
	}
	.about h2:after {
		left: 50%;
		margin-left: -85px;
	}
		#about-carousel {
			margin-bottom: 100px;
		}
			#about-carousel .carousel-indicators {
				bottom: -70px;
			}	
	
/* Testimonails Section Styles Starts */

	#testimonial-carousel blockquote h3 {
		margin-top: 30px;
		font-size: 32px;
		line-height: 42px;
	}
	#testimonial-carousel .carousel-control {
		top: 45%;
	}
	#testimonial-carousel .carousel-control.left {
		left: 0;
	}
	#testimonial-carousel .carousel-control.right {
		right: 0;
	}	
	
/* Screenshot Section Styles Starts */
	
	#screenshot-carousel .screenshot-list li a.screenshot-zoom > i.fa {
		font-size: 28px;
	}	
	
/* Download Section Styles Starts */

	.download .btn-list {
		margin: 25px 0 70px;
	}
		.subscribe-now {
			margin-top: 20px;
			margin-bottom: 30px;
		}
			.subscribe-now .form-group {
				width: auto;
			}
			
/* Genric Styles Starts */

	.img-center-xs {
		margin-left: auto;
		margin-right: auto;
	}	
	.text-center-xs {
		text-align: center;
	}			
	
}

/* Smallest Devices Styles Starts */

@media (max-width: 478px) {
	
/* Section Styles Starts */

	.section h2 {
		font-size: 42px;
	}
	
/* Testimonails Section Styles Starts */

	#testimonial-carousel blockquote h3 {
		margin-top: 40px;
		font-size: 22px;
		line-height: 32px;
	}
	
/* Stats Section Styles Starts */

	.stats .fa {
		font-size: 44px;
	}
	.stats h1 {
		font-size: 50px;
	}
	.stats h4 {
		font-size: 18px;
	}
	
/* Screenshot Section Styles Starts */

	#screenshot-carousel .screenshot-list li a.screenshot-zoom > i.fa {
		font-size: 20px;
	}		
	
/* Download Section Styles Starts */

	.download {
		padding-top: 40px;
		padding-bottom: 40px;
	}
		.download .btn-list {
			margin: 25px 0;
		}
			.download .btn-list > li {
				margin-top: 5px;
				padding-left: 5px;
				padding-right: 5px;
			}
				.download .btn-list > li > .btn-secondary {
					padding: 8px 16px;
					font-size: 16px;
				}
				.download .btn-list > li > .btn-secondary .fa {
					margin-right: 10px;
					font-size: 20px;
				}
		.subscribe-now {
			margin-top: 30px;
			margin-bottom: 40px;
		}
			.subscribe-now .form-group {
				margin-right: 0;
				height: 48px;
			}
			.subscribe-now .form-control, 
			.subscribe-now .btn-secondary {
				padding: 10px 24px;
			}
			.subscribe-now .btn-secondary {
				font-size: 20px;
			}
	
}