/* Large Devices Styles Starts */

@media (min-width: 1200px) {
	
/* Navigation Styles Starts */

	#nav .navbar-nav > li {
		float: none;
	}
	#nav .navbar-nav > li, 
	#nav .navbar-nav > li > a {
		display: inline-block;
	}
	
/* Generic Styles Starts */

	.text-left-lg   { text-align: left;   }
	.text-center-lg { text-align: center; }
	.text-right-lg  { text-align: right;  }	
	
	.pull-left-lg  { float: left;  }
	.pull-right-lg { float: right; }
	
}

/* Medium Devices Styles Starts */

@media (min-width: 992px) and (max-width: 1199px) {
	
/* Navigation Styles Starts */

	#nav .navbar-nav > li {
		float: none;
	}
	#nav .navbar-nav > li, 
	#nav .navbar-nav > li > a {
		display: inline-block;
	}	
	#nav .navbar-nav > li > a {
		padding-left: 5px;
		padding-right: 5px;
	}
	
/* Generic Styles Starts */

	.img-center-md {
		margin-left: auto;
		margin-right: auto;
	}	
	
	.text-left-md   { text-align: left;   }
	.text-center-md { text-align: center; }
	.text-right-md  { text-align: right;  }	

	.pull-left-md  { float: left;  }
	.pull-right-md { float: right; }

}

/* Small Devices Styles Starts */

@media (min-width: 768px) and (max-width: 991px) {
	
/* Header Styles Starts */

	.logo {
		margin-top: 20px;
	}
	
/* Navigation Styles Starts */

	#nav > .container {
		width: auto;
		padding-left: 0;
		padding-right: 0;
	}
		#nav .navbar-header{
			float: none;
		}
		#nav .navbar-toggle{
			padding-right: 45px;
			display: block !important;
		}
		#nav.navbar-default .navbar-collapse {
			padding-top: 10px;
			padding-bottom: 10px;
			border-top: 1px solid #b1b1b1;
		}
		#nav .navbar-collapse.collapse {
		   display: none !important;
		}	
		#nav .navbar-collapse.collapse.in {
			display: block !important;
		}
			#nav .navbar-nav {
				float: none!important;
			}
			#nav .navbar-nav > li {
				float: none;
			}

/* Slider Styles Starts */

	#slider .carousel-caption {
		bottom: 30px;
	}
	#slider .carousel-indicators {
		bottom: 0;
	}
		#slider h2 {
			font-size: 36px;
			line-height: 46px;
		}
	
/* Intro Section Styles Starts */

	.intro-content {
		padding-bottom: 50px;
	}
		.intro-content h4::after {
			margin-left: auto;
			margin-right: auto;
		}
	
/* Services Section Styles Starts */

	.service-box {
		margin-bottom: 40px;
	}
	
/* News Section Styles Starts */

	.news-box {
		margin-bottom: 20px;
	}
	
/* Generic Styles Starts */

	.img-center-sm {
		margin-left: auto;
		margin-right: auto;
	}	
	
	.text-left-sm   { text-align: left;   }
	.text-center-sm { text-align: center; }
	.text-right-sm  { text-align: right;  }	

	.pull-left-sm  { float: left;  }
	.pull-right-sm { float: right; }
	
}

/* Extra Small Devices Styles Starts */

@media (max-width: 767px) {
	
/* Header Styles Starts */

.main-header {
	padding-top: 20px;
	padding-bottom: 20px;
}
	
/* Top Bar Styles Starts */

	.top-bar {
		padding-top: 13px;
		padding-bottom: 13px;
	}
		.top-bar ul {
			margin-bottom: 10px;
		}
	
/* Slider Styles Starts */

	#slider .carousel-caption h2 {
		font-size: 36px;
		line-height: 46px;
	}
		#slider .carousel-indicators li {
			margin-left: 2px;
			margin-right: 2px;
			width: 12px;
			height: 12px;
		}
	
/* Intro Section Styles Starts */

	.intro-content {
		padding-bottom: 50px;
	}
		.intro-content h4::after {
			margin-left: auto;
			margin-right: auto;
		}	
	
/* Services Section Styles Starts */

	.service-box {
		margin-bottom: 30px;
	}	
	
/* Testimonial Section Styles Starts */

	.testimonails-section .owl-theme .owl-controls .owl-page span {
		width: 12px;
		height: 12px;
	}
	
/* News Section Styles Starts */

	.news-box {
		margin-bottom: 20px;
	}
	
/* Generic Styles Starts */

	.img-center-xs {
		margin-left: auto;
		margin-right: auto;
	}	
	
	.text-left-xs   { text-align: left;   }
	.text-center-xs { text-align: center; }
	.text-right-xs  { text-align: right;  }	

	.pull-left-xs  { float: left;  }
	.pull-right-xs { float: right; }
	
}

/* Extremely Small Devices Styles Starts */

@media (max-width: 478px) {
	
/* Slider Styles Starts */

	#slider .carousel-caption {
		bottom: 20px;
		display: none;
	}
	#slider .carousel-indicators {
		bottom: 10px;
	}
	#slider .carousel-caption h2 {
		font-size: 26px;
		line-height: 36px;
	}
		#slider .carousel-indicators li {
			width: 8px;
			height: 8px;
		}	
	
/* List Styles Starts */

	.list-style-1 li {
		font-size: 15px;
	}
	.list-style-1 li + li {
		padding-top: 10px;
	}
	.list-style-1 li::before {
		padding-right: 10px;		
	}
	
}