@media only screen and (max-width: 992px) {
  h1{
	
	font-size: 2.0rem;
	font-weight: 600;
}
h2{
	font-weight: 600;
	font-size: 1.5rem;

}
h4{
	font-size: 1.0rem;
}
.upper-header .upper-header-flex .left-tiles ul li:first-child{
	display: none;
}
.navbar-toggler{
	color: #12b6e9;
}
.navbar-toggler:focus{
	box-shadow: none;
	outline: none;
	outline: none;
}

.banner-caption h1{
	color: #fff;
	font-weight: 600;
	line-height: 35px;
	margin-top: 20px;
}
.banner-caption span{
	color: #fff;
	letter-spacing: 4px;
	font-weight: 500;
	font-size: 13px;
}
.banner-btn{
	text-align: center;
	margin-top: 20px;
}
.banner-btn a{
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px
}

.btn-solid{
	background-color: #fff;
	outline: none;
	border:2px solid #fff;
	color: #777;
	padding: 10px 20px 10px 20px;
	border-radius: 30px;
	font-weight: 500;

}

.btn-outline{
	background-color: transparent;
	outline: none;
	border:2px solid #fff;
	color: #fff;
	padding: 10px 20px 10px 20px;
	border-radius: 30px;
	font-weight: 500;
	

}
}

@media only screen and (max-width: 800px){
	.section-padding{
	padding-top: 30px;
	padding-bottom: 30px;
}
.section-title-small h4{
  color: #777;
  font-size: 13px;
  letter-spacing: 4px;
  line-height: 20px
} 
.section-title-small h4 span{
	background-color: #12b6e9;
	border-radius: 30px;
	padding: 2px 5px 2px 5px;
	color: #fff;
}
.upper-footer-flex{
	display: flex;
	flex-wrap: wrap; 
}
.footer-form{
	min-width: 100%;
	position: relative;
}
.about-content-area{
	max-width: 900px;
	margin: 30px auto;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	text-align: center;
}
.year-area{
	width: 100px;
	text-align: center;
	margin: auto;
}

.blue-area-content h2{
	margin-top: 30px;
	color: #fff;
	font-size: 30px;
}
.team-tiles .team-tiles-details{
	right: 0px;	
}
.team-tiles:hover .team-tiles-details{
	right: 0px;	
}
.second-sm{
	order: 2
}
.first-sm{
	order: 1
}
.tes-txt p{
	font-size: 16px;
}
.we-do-txt{
	margin-top: 20px;
}
.we-do-txt h4{
  	color: #101010;
  	font-weight: 500;
  	font-size: 18px;
  }
    .we-do-txt .coloe-theme-txt p{
  	 color: #0797b9;
  	 font-size: 15px;
  	 font-weight: 500;
  	 margin-top: 20px;
  	 margin-bottom: 20px;
  }

    .btn-till-blue{
  	background-color: #0797b9;
  	color: #fff;
  	font-size: 15px;
  	outline: none;
  	border:none;
  	border-radius: 30px;
  	padding: 10px 40px 10px 40px;
  	text-transform: uppercase;
  	font-weight: 500;
  }

    .btn-till-blue:hover{
  	background-color: #0984a1;
  	color: #fff;
  
  }
  .tiles-address .tiles-icon{
	width: 40px!important;
	height: 40px!important;
	border:2px solid #285b9a;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 0px;
	padding: 5px;
}
}
@media only screen and (max-width: 600px){
	.upper-header .upper-header-flex .left-tiles ul li span{
		display: none;
	}
	.upper-header .upper-header-flex .right-tiles ul li span{
		display: none;
	}
	.services-item{
	padding: 25px;
	max-width: 100%;
	-webkit-transition:.5s;
	-moz-transition:.5s;
	transition: .5s
}
.section-title h2 span{
    border-bottom: none;
}
.about-banner-caption .btn-flex{
	display: flex;
	justify-content: flex-start;
	margin-top: 15px;
	flex-wrap: wrap;
}
.about-banner-caption .btn-flex a{
	margin-top: 20px;
	width: 100%;

}
.about-banner-caption{
	max-width: 100%;
	top: 25%;
}
.section-title-heading p{
	color: #101010;
	font-weight:500;
	font-size: 18px;
	line-height: 20px;
}
.parent-text-area {
	
	padding: 20px;

	margin-top: 0px;
}
.parent-text-area p{
	color: #fff;
	font-size: 18px;
	line-height: 20px;
}

}