/* CSS Document */


body {
	max-width: 1700px;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
}
.green{
	height: 20px;
	border: 0;
	width: 100%;
	background-image: url("../images/line.png");
}
.top_navigation{
	height: auto;
}
.top_navigation img{
	width: 43%;
	margin-left: 1%;
	margin-top: .0%;
	margin-bottom: 1%;
	margin-right: 1%;
	float: left;
}
.example{
	padding-top: 20px;
	float: left;
	width: 22%;
	margin-bottom: 15px;
}
.radiou{
	border-radius: 50px;
}
.remainig{
	width: 30%;
	float: left;
}
.cont{
	width: 45%;
	float: left;
	font-size: 11pt;
	color: darkgreen;
}
.contt{
	width: 55%;
	float: left;
	font-size: 11pt;
	color: darkgreen;
}
.conttt{
	width: 100%;
	float: left;
	font-size: 11pt;
	color: darkgreen;
	margin-top: 5px;
}
.fa{
	margin-right: 10px;
}

.fa-quote-right{
	padding-left: 10px;
}


@media only screen and (max-width:1080px){
	.green{
		background-image: url("../images/line1080.png");
	}
	.example{
		width: 27%;
		
	}
	.cont{
		width: 100%;
	}
	.contt{
		display: none;
	}	
	.conttt{
		margin-top: 0;
	}
}


@media only screen and (max-width:768px){
	.green{
		height: 12px;
		background-image: url("../images/line768.png");
	}
	.remainig{
		display: none;
	}
	.top_navigation img{
		width: 55%;
	}
	.example{
		width: 36%;
		margin-left: 1%;
	}
	form.example button {
 		 width: 15% !important;
 		 font-size: 20px;
}


}




	@media only screen and (max-width:480px){
	.green{
		height: 10px;
		margin-top: 5px;
		background-image: url("../images/line480.png");
	}
		.topnav a.icon{
			margin-top: 0%;
		}
		.search{
			width: 9% !important;
			height: 36px !important;
			margin-right: 1%;
}
		.remainig{
		display: none;
	}
	
	.top_navigation img{
		width: 90%;
		margin-bottom: 0;
	}
	.example{
		width:70%;
		margin-left: 25%;
		padding-top: 10px;
	}
	form.example button {
 		 width: 12% !important;
 		 font-size: 20px;
}

footer{

    
 
}
		
	}