@media only screen and (max-width: 990px) {
 
    .get {
	margin-top: 20px;
}

.footer_grid {
	grid-template-columns: 1fr 1fr 1fr;
}

.hero_text h1 {
	font-size: 50px;
}

}

@media only screen and (max-width: 767px){

    #counter {
	margin-bottom: 20px;
}

.service_grid {
	grid-template-columns: 1fr 1fr;
}

.happy_cliend_grid {
	grid-template-columns: 1fr 1fr;
}

.client_slider {
	margin-top: 30px;
}

.brand {
	grid-template-columns: 1fr 1fr;
}

.servicess_grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
}

.contact_grid {
	grid-template-columns: 1fr;
}

}

@media only screen and (max-width: 500px){

	.hero_text h1 {
	font-size: 24px;
}

.clientss {
	width: 95%;
}

.top_email {
	display: none;
}

.btn_banner a {
	padding: 12px 30px;
}

.about h2 {
	font-size: 24px;
	line-height: 35px;
}

.service_grid {
	grid-template-columns: 1fr;
}

.tesi_contant h2 {
	font-size: 50px;
}

.tesi_contant h4 {
	font-size: 30px;
}

.team h2 {
	font-size: 26px;
	line-height: 35px;
}

.blog_grid {
	grid-template-columns: 1fr;
}

.brand_grid {
	grid-template-columns: 1fr 1fr 1fr;
}

.footer_grid {
	grid-template-columns: 1fr;
	gap: 27px;
}

.servicess_grid {
	grid-template-columns: 1fr;
}
}

@media only screen and (max-width: 400px){

	.btn_banner a {
	padding: 12px 15px;
}
.brand {
	grid-template-columns: 1fr 1fr;
}



}