@media screen and (max-width: 1199px) {
  .container {
  	max-width: 95%;
  }
  .banner .carousel-inner .carousel-caption h1 {
  	font-size: 85px;
  }
  .has-service {
  	padding: 30px 16px;
  }
}

@media screen and (max-width: 1099px) {
	.banner .carousel-inner .carousel-caption h1 {
		font-size: 72px;
	}
	.header .navbar-nav .nav-item {
		padding: 0 10px;
	}
	.has-service span {
		font-size: 68px;
	}
	.has-servright strong {
		font-size: 33px;
	}
	.has-servright small {
		font-size: 12px;
	}
	.contact-info {
		padding: 30px;
	}
	.info-title {
		font-size: 24px;
		line-height: 34px;
	}
}

@media screen and (max-width: 991px) {
	.banner .carousel-inner .carousel-item img {
		height: 800px;
		object-fit: cover;
	}
	.banner .carousel-inner .carousel-caption h1 {
		font-size: 54px;
		line-height: 56px;
	}
	br {
		display: none;
	}
	.banner .carousel-inner .carousel-caption p {
		font-size: 22px;
	}
	.about-section:after {
		display: none;
	}
	.about-section {
		padding-top: 80px;
	}
	.about-right {
		padding: 50px 0;
	}
	.has-service {
		margin-left: 0;
	}
	.navbar-collapse .social {
		display: block;
		margin: 20px 0;
	}
	.navbar-collapse a.btn {
		display: inline-block;
	}
	.topbar .social, .topbar .row [class*="col-"]:last-child {
		display: none;
	}
	.topbar {
		padding: 10px 0;
		text-align: center;
	}
	.header {
		background: #000;
		border: none;
	}
	.navbar-toggler-icon {
		background: #fff;
		height: 2px;
		border-radius: 10px;
		position: relative;
	}
	.navbar-toggler-icon:before {
		position: absolute;
		top: -10px;
		left: 0;
		z-index: 1;
		width: 100%;
		height: 2px;
		border-radius: 10px;
		content: "";
		background: #fff;
	}
	.navbar-toggler-icon:after {
		position: absolute;
		top: 10px;
		left: 0;
		z-index: 1;
		width: 100%;
		height: 2px;
		border-radius: 10px;
		content: "";
		background: #fff;
	}
	.header .navbar-nav {
		margin: 20px 0 30px;
	}
	.header .navbar-nav .nav-item {
		padding: 0;
	}
	.whatsapp-box {
		padding: 20px 0;
		border-top: 1px solid rgba(255, 255, 255, 0.1);
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	}
	.navbar-collapse a.btn {
		margin-bottom: 15px;
		display: none;
	}
	.header .navbar-nav .nav-item .nav-link {
		padding: 8px 0;
	}
}

@media screen and (max-width: 767px) {
	.carousel-caption {
		left: 0;
		right: auto;
		width: 100%;
		padding: 100px 20px 0 !important;
	}
	.banner .carousel-inner .carousel-caption h1 {
		margin-bottom: 0;
	}
	.banner .carousel-inner .carousel-caption p {
		margin-bottom: 25px;
	}
	.btn-xl {
		padding: 15px 50px;
	}
	.arrow-btn, .owl-prev, .owl-next {
		width: 47px;
		height: 37px;
	}
	.arrow-btn span img {
		width: 20px;
	}
	.banner .carousel .carousel-control-next {
		left: 85px;
	}
	.banner .carousel-inner .carousel-item img {
		height: 650px;
	}
	.client-section {
		padding: 20px 0 50px;
	}
	.owl-carousel .owl-nav button.owl-prev:after, .owl-carousel .owl-nav button.owl-next:after {
		background-size: 20px auto;
		height: 15px;
		width: 22px;
	}
	.contact-form {
		padding-bottom: 50px;
	}
	.info-box {
		padding-bottom: 30px;
	}
	.contact-info {
		padding-bottom: 0;
	}
	footer {
		padding: 30px 0;
	}
	.map-section {
		height: 250px;
	}
	.about-section {
		padding: 50px 0 0;
	}
	.info-section {
		margin-bottom: 50px;
	}
	.banner .carousel .carousel-control-prev, .banner .carousel .carousel-control-next {		
		left: 38%;
		display: none;
	}
	.banner .carousel .carousel-control-next {
		left: 51%;
	}
	.banner .carousel .carousel-control-prev-icon, .banner .carousel .carousel-control-next-icon {
		margin-top: -4px;
	}
	.service-section {
		padding: 50px 0;
	}
	.service-items {
		margin: 0;
	}
	.form-control {
		height: 50px;
		font-size: 16px;
	}
	.form-group {
		margin-bottom: 15px;
	}
	.avatar-box {
		width: 50px;
		height: 50px;
	}
	.avatar-box img {
		width: 15px;
	}
	textarea.form-control {
		height: 100px;
	}
	.navbar-collapse {
		height: 100vh;
		overflow: scroll;
		margin-bottom: 100px;
	}
}

@media screen and (max-width: 479px) {
	.banner .carousel-inner .carousel-caption h1 {
		font-size: 38px;
		line-height: 40px;
	}
	.banner .carousel-inner .carousel-caption p {
		font-size: 20px;
		line-height: 28px;
	}
	.btn-xl {
		padding: 10px 30px;
	}
	.heading-title {
		font-size: 40px;
		line-height: 43px;
		margin-bottom: 0;
	}
	.about-inner {
		flex-direction: column;
	}
	.about-inner p {
		padding: 25px 0 0;
		width: 100%;
	}
	.info-right small {
		font-size: 16px;
	}
	.info-title {
		font-size: 18px;
		line-height: 24px;
	}
	footer .social a {
		width: 45px;
		height: 45px;
	}
	footer .social a .fa {
		font-size: 19px;
	}
	.contact-form h2, .service-section h3 {
		font-size: 33px;
		line-height: 40px;
	}
	.has-service {
		padding: 20px;
	}
	.header-left {
		font-size: 17px;
	}
	.header {
		top: 44px;
	}
	.navbar-brand img {
		width: 120px;
	}
}