/* Extra small devices - xs (portrait phones, less than 576px) */
@media (max-width: 575px) { 

/* Heading Styles Starts */

h1 { font-size: 38px; }

/* Navigation Styles Starts */

	#nav .navbar-brand {
		margin-left: 5px;
		font-size: 34px;
	}
		#nav .navbar-brand .fa {
			font-size: 18px;
			vertical-align: 6px;
		}
	#nav .navbar-toggler {
		margin-right: 5px;
	}
	#nav .navbar-nav {	
		margin-top: 0;
	}
		#nav .nav-item {	
			margin-right: 0;
			margin-top: 3px;
			font-size: 13px;
		}
	#nav .navbar-collapse {
	}	

/* Main Slider Styles Starts */

	#main-slider .carousel-item > .carousel-caption {
		bottom: 0;
	}
		#main-slider .carousel-item > .carousel-caption h1 {
			font-size: 20px;
		}
	#main-slider .carousel-indicators {
		display: none;
	}		

/* Intro Home Section Styles Starts */

	.intro-home {
		padding-top: 70px;
	}
		.intro-home .img-fluid {
			margin-top: 60px;
		}	

/* Services Home Section Styles Starts */
	
	.services-home h1 + h5::after {
		width: auto;
	}
	
/* Doctors About Section Styles Starts */

	.doctors-about-section h1 + h5::after {
		width: auto;		
	}
		.doctors-about-col h5 {
			margin-top: 30px;
		}	
	
/* Accordions Styles Starts */

	#accordion-1 {
		margin-top: 20px;
		margin-bottom: 0;
	}
		#accordion-1 .panel {
			margin-top: 10px;
			border: none;
		}
			#accordion-1 .panel-heading {
				padding: 14px 20px;
			}
				#accordion-1 .panel-title {
					font-size: 16px;
				}
			#accordion-1 .panel-body {
				padding: 20px 15px 10px;
				font-size: 14px;
				line-height: 24px;
			}
		
/* Gallery Page Styles Starts */

	ul#gallery-grid li {
		min-height: 154px;
		height: auto !important;
		height: 154px;
	}
	
/* Info Services Section Starts */

	.info-services-section h1 + h5::after {
		width: auto;
	}	
	
/* Testimonials Section Styles Starts */

	.testimonials-section h1 {
		font-size: 42px;
		word-wrap: break-word;
	}

/* Newsletter Section Styles Starts */

	.newsletter-section .form-control {			
		padding: 20px;
		min-width: auto;
	}	
	.newsletter-section .btn {
		margin-left: 0;
	}
	
/* Footer Styles Starts */

	.copyright h5 {
		margin-top: 10px;
	}	

/* Generic Styles Starts */

	.d-xs-block {
		display: block !important;
	}
	.d-xs-none {
		display: none;
	}
	.img-center-xs {
		margin-left: auto;
		margin-right: auto;
	}	

	#nav .nav-item.dropdown.active > a:hover, 
	#nav .nav-item.dropdown.active > a:focus, 
	#nav .nav-item.dropdown:hover > a, 
	#nav .nav-item.dropdown:focus > a, 
	#nav .nav-item > a, 
	#nav .nav-item > a:hover, 
	#nav .nav-item > a:focus, 
	#nav .nav-item.active > a, 
	#nav .nav-item.active > a:focus, 
	#nav .nav-item.active > a:hover {
		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
				border-radius: 0;
	}
	
	.box-1 .img-fluid {
		-webkit-border-radius: 5px 5px 0 0;
		   -moz-border-radius: 5px 5px 0 0;	
				border-radius: 5px 5px 0 0;	
	}

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

}

/* Small devices - sm (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px) { 

/* Heading Styles Starts */

	h1 {
		font-size: 50px;
	}

/* Navigation Styles Starts */

	#nav .navbar-brand {
		font-size: 42px;
	}
		#nav .navbar-brand .fa {
			font-size: 28px;
			vertical-align: 6px;
		}
	#nav .navbar-nav {	
		margin-top: 0;
	}
		#nav .nav-item {	
			margin-right: 0;
			margin-top: 6px;
		}
	#nav .navbar-collapse {
		margin-top: 10px;
		border: solid #666;
		border-width: 1px 0 0;
	}
	
/* Main Slider Styles Starts */

	#main-slider .carousel-item > .carousel-caption {
		bottom: 30px;
	}
		#main-slider .carousel-item > .carousel-caption h1 {
			font-size: 40px;
		}
	#main-slider .carousel-indicators {
		display: none;
	}	

/* Intro Home Section Styles Starts */

	.intro-home {
		padding-top: 70px;
	}
		.intro-home .img-fluid {
			margin-top: 60px;
		}
	
/* Services Home Section Styles Starts */
	
	.services-home h1 + h5::after {
		width: auto;
	}

/* Doctors About Section Styles Starts */

	.doctors-about-section h1 + h5::after {
		width: auto;		
	}
		.doctors-about-col h5 {
			margin-top: 30px;
		}

/* Info Home Section Styles Starts */

	.info-home-section {
		padding-top: 50px;
		padding-bottom: 20px;
	}
		.info-home-section li {
			margin-bottom: 40px;
		}
			.info-home-section li p {
				margin-bottom: 15px;
			}		

/* Info About Section Styles Starts */

	.info-about-section {
		padding-top: 50px;
		padding-bottom: 50px;
	}
		.info-about-section h1 {
			margin-bottom: 40px;
		}
	
/* Info Services Section Starts */

	.info-services-section h1 + h5::after {
		width: auto;
	}

/* Memories Home Section Styles Starts */

	.memoried-home-section {
		padding-top: 70px;
		padding-bottom: 70px;
	}
		.memoried-home-section .img-fluid {
			margin-bottom: 40px;
		}
	
/* Testimonials Section Styles Starts */

	.testimonials-section h1 + h5::after {
		width: auto;
	}

/* Gallery Page Styles Starts */

	ul#gallery-grid li {
		min-height: 222px;
		height: auto !important;
		height: 222px;
	}
		
/* Box Styles Starts */

	.box-1 > .row > .col-12 + .col-12 {
		padding-left: 40px;
		padding-right: 40px;
	}	

/* Newsletter Section Styles Starts */

	.newsletter-section .form-control {			
		padding: 20px 40px;
		min-width: auto;
	}
	.newsletter-section .btn {
		margin-left: 0;
	}	

/* Footer Styles Starts */

	.copyright h5 {
		margin-top: 10px;
	}
	
/* List Styles Starts */

	.list-style-1 {
		margin-bottom: 0;
	}	
		.list-style-1 li {
			padding-top: 14px;
		}	

/* Generic Styles Starts */

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

	#nav .nav-item.dropdown.active > a:hover, 
	#nav .nav-item.dropdown.active > a:focus, 
	#nav .nav-item.dropdown:hover > a, 
	#nav .nav-item.dropdown:focus > a, 
	#nav .nav-item > a, 
	#nav .nav-item > a:hover, 
	#nav .nav-item > a:focus, 
	#nav .nav-item.active > a, 
	#nav .nav-item.active > a:focus, 
	#nav .nav-item.active > a:hover {
		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
				border-radius: 0;
	}
	
	.box-1 .img-fluid {
		-webkit-border-radius: 5px 5px 0 0;
		   -moz-border-radius: 5px 5px 0 0;	
				border-radius: 5px 5px 0 0;	
	}

}

/* Medium devices - md (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) { 

/* Navigation Styles Starts */

	#nav .navbar-brand {
		padding-left: 8px;
		padding-right: 8px;
		font-size: 38px;
	}
		#nav .navbar-brand .fa {
			font-size: 22px;
		}
	#nav .navbar-nav {	
		margin-top: 0;
	}
		#nav .nav-item {	
			margin-right: 4px;
		}
			#nav .nav-item > a {
				padding: 8px 12px;
				font-size: 14px;
			}
		#nav .dropdown:hover .dropdown-menu {
			display: block;
		}	
			#nav .dropdown-menu > .dropdown-item {
				font-size: 14px;
			}
			
/* Main Slider Styles Starts */

	#main-slider .carousel-item > .carousel-caption {
		bottom: 50px;
	}
		#main-slider .carousel-item > .carousel-caption h1 {
			font-size: 50px;
		}
	
/* Info Home Section Styles Starts */

	.info-home-section {
		padding-top: 50px;
		padding-bottom: 20px;
	}
		.info-home-section li {
			margin-bottom: 40px;
		}
			.info-home-section li p {
				margin-bottom: 15px;
			}
		
/* Doctors About Section Styles Starts */

	.doctors-about-col {
		margin-top: 50px;
	}
		.doctors-about-col h5 {
			margin-top: 30px;
		}
	
/* Gallery Page Styles Starts */

	ul#gallery-grid li {
		min-height: 207px;
		height: auto !important;
		height: 207px;
	}		

/* Newsletter Section Styles Starts */

	.newsletter-section .form-control {			
		min-width: 500px;
	}	
	
/* Generic Styles Starts */

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

}

/* Large devices - lg (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) { 

/* Navigation Styles Starts */

	#nav .navbar-brand {
		padding-left: 14px;
		padding-right: 14px;
		font-size: 68px;
	}
		#nav .nav-item {	
			margin-right: 5px;
		}
			#nav .nav-item > a {
				padding: 10px 16px;
				font-size: 17px;
			}
		#nav .dropdown:hover .dropdown-menu {
			display: block;
		}	
		
/* Gallery Page Styles Starts */

	ul#gallery-grid li {
		min-height: 176px;
		height: auto !important;
		height: 176px;
	}	

/* Generic Styles Starts */

	.img-center-lg {
		margin-left: auto;
		margin-right: auto;
	}	

}

/* Extra large devices - xl (large desktops, 1200px and up) */
@media (min-width: 1200px) { 

/* Navigation Styles Starts */

	#nav .dropdown:hover .dropdown-menu {
		display: block;
	}	

}