/* extra small devices */
@media (max-width: 319px) {
	.navbar-light .navbar-nav .nav-link {
		text-align: center;
	}
	.banner-text h2 {
		font-size: 25px;
	}
	.banner-text h1 {
		font-size: 18px;
	}
	.banner-text p {
		font-size: 13px;
	}
	.about-header h2 {
		width: 22%;
	}
	.about-img img {
		margin-top: 30px;
		margin-left: 3rem;
	}
	.service-header h2 {
		width: 31%;
	}
	.ser-slide-item {
		margin-top: 60px;
	}
	.mission-img {
		height: 18rem;
		width: 25rem;
		margin-top: 70px;
		margin-left: 10px;
	}

	.ser-slider {
		margin-top: 30px;
	}
	.team-header h2 {
		width: 22%;
	}
	.port-header h2 {
		width: 34%;
	}
	.test-text {
		height: 260px;
	}
	}
@media (min-width: 320px) and (max-width: 449px) {
	.navbar-light .navbar-nav .nav-link {
		text-align: center;
	}
	.banner-text h2 {
		font-size: 25px;
	}
	.banner-text h1 {
		font-size: 20px;
	}
	.banner-text p {
		font-size: 13px;
	}
	.about-header h2 {
		width: 22%;
	}
	.about-img img {
		margin-top: 30px;
		margin-left: 1.5rem;
	}
	.service-header h2 {
		width: 31%;
	}
	.mission-img {
		height: 13rem;
		margin-left: 0;
	}
	.ser-slide-item {

		margin-top: 60px;
	}
	.ser-slider {
		margin-top: 30px;
	}
	.team-header h2 {
		width: 22%;
	}
	.port-header h2 {
		width: 34%;
	}
	
	.test-text {
		height: 260px;
	}
	#service{
		margin-top: 50px;
	}
	
	}
@media (min-width: 450px) and (max-width: 575px) {
.navbar-light .navbar-nav .nav-link {
	text-align: center;
}
.banner-text h2 {
	font-size: 25px;
}
.banner-text h1 {
	font-size: 26px;
}
.banner-text p {
	font-size: 13px;
}
.about-header h2 {
	width: 22%;
}
.about-img img {
	margin-left: 6rem;
	margin-top: 0rem;
}
.service-header h2 {
	width: 31%;
	margin-top: 60px;
}
.ser-slide-item {
	margin-top: 60px;
}
.ser-slider {
	margin-top: 30px;
}
.team-header h2 {
	width: 22%;
}
.mission-img {
	height: 18rem;
	width: 25rem;
	margin-top: 70px;
	margin-left: 10px;
}
.port-header h2 {
	width: 34%;
}
.test-text {
	height: 260px;
}
.photo-gallery {
	grid-template-columns: repeat(1, 1fr);
	gap: 8px;
}
.doc-img {
	height: 17rem;
	width: 80%;
	
}
.about-text {
	text-align: center;
}
#service{
	padding: 730px 20px 20px 30px;
}
}

/* small devices */
@media (min-width: 576px) and (max-width: 767px) {
.navbar-light .navbar-nav .nav-link {
	text-align: center;
}
.about-header h2 {
	width: 19%;
}
.about-img img {
	margin-top: 30px;
	margin-left: 7rem;
}
.banner-text h1 {
	font-size: 28px;
}
.service-header h2 {
	width: 27%;
}
.ser-slide-item {
	margin-top: 75px;
}
.ser-slider {
	margin-top: 20px;
}
.port-header h2 {
	width: 30%;
}
.team-header h2 {
	width: 19%;
}
.testimonial-header h2 {
	width: 25%;
}
.test-text {
	height: 220px;
}
}

/* medium sevices */
@media (min-width: 768px) and (max-width: 991px) {
.navbar-light .navbar-nav .nav-link {
	text-align: center;
}
.about-header h2 {
	width: 14%;
}
.about-img img {
	margin-top: 30px;
	margin-left: 12rem;
}
.ser-slide-item {
	margin-top: 75px;
}
.ser-slider {
	margin-top: 20px;
}
.service-header h2 {
	width: 20%;
}
.port-header h2 {
	width: 22%;
} 
#service{
 margin-top: 50px;
}
}

/* large devices */
@media (min-width: 992px) and (max-width: 1199px) {
.about-header h2 {
	width: 11%;
}

.banner-text h1 {
	font-size: 28px;
}
.about-header {
	margin-bottom: 30px;
}
.service-header h2 {
	width: 15%;
}
.port-header h2 {
	width: 17%;
}
.test-text {
	height: 230px;
}
}

/* extra large devices */
@media (min-width: 1200px) {
	.about-header h2 {
		width: 11%;
	}
	.about-header {
		margin-bottom: 30px;
	}
	.service-header h2 {
		width: 15%;
	}
	.port-header h2 {
		width: 17%;
	}
	.test-text {
		height: 230px;
	}
	  
}