@font-face {
  font-family: "ConthraxSb-Regular";
  src: url("./fonts/conthrax-sb.eot"); /* IE9 Compat Modes */
  src: url("./fonts/conthrax-sb.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("./fonts/conthrax-sb.otf") format("opentype"), /* Open Type Font */
    url("./fonts/conthrax-sb.svg") format("svg"), /* Legacy iOS */
    url("./fonts/conthrax-sb.ttf") format("truetype"), /* Safari, Android, iOS */
    url("./fonts/conthrax-sb.woff") format("woff"), /* Modern Browsers */
    url("./fonts/conthrax-sb.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}


/*** vISION AND Mission ***/
.vison_and_mission_content {
	float:left;
	width:49%;
	padding:3% 0 0 0;
}
.vison_and_mission_content img {
	float:left;
	padding:0 0 0 0;
}	
.vison_and_mission_content h1 {
	float:left;		
	font-size:20px;
	color:#4b4b4b;
font-family: 'Roboto', sans-serif;
  width:98%;
  text-align:left;
	padding:3% 0 1% 0;
 }
 .vison_and_mission_content p {
	float:left;		
	font-size:17px;
	color:#4b4b4b;
font-family: 'Roboto', sans-serif;
  width:95%;
  text-align:left;
	padding:1% 0 1% 0;
	text-align:justify;
	line-height:30px;
 }	
/*** vISION AND Mission ***/

/*** About Banner ***/
.about_banner_content {
	float:left;
	width:100%;
	background:url(../images/about-us-banner.jpg) no-repeat center;
}
.about_data_main {
	float:left;
	width:100%;
	padding:7% 0 7% 0;
}	
.about_data_content {
	float:left;
	width:40%;
}	
.about_data_content h1 {
	float:left;
	width:100%;
font-family: 'roboto', sans-serif;
	font-size:23px;
	color:#ffffff;
}	
.about_data_content p {
	float:left;
	width:100%;
font-family: 'roboto', sans-serif;
	font-size:14px;
	text-align:left;
	color:#d02921;
	padding:1% 0 1% 0;
	line-height:26px;
	font-weight:400;
}
.about_data_content a {
font-family: 'roboto', sans-serif;
	font-size:14px;
	color:#efefef;
	padding:0 0 1% 0;
}
.about_data_content a:hover {
	color:#f49e15;
}
.about_data_one {
	float:left;
	width:60%;
}	
.about_data_one h2 {
	float:right;
	width:70%;
font-family: 'roboto', sans-serif;
	font-size:18px;
	color:#ffffff;
	text-align:right;
	line-height:30px;
}

/*** About Banner ***/

/**** ABout Us ****/
.about_us_content {
	float:left;
	width:100%;
	padding:3% 0 3% 0;
}	
.about_us_one {
	float:left;
	width:100%;
	padding:0 0 0 0;
}
.about_us_one img {
	float:left;
	padding:0 0 0 0;
}	
.about_us_one h1 {
	float:left;
	width:100%;
font-family: 'Poppins', sans-serif;
	font-size:30px;
	color:#40464a;
	padding:0 0 1% 0;
}
.about_us_one h3 {
	float:left;
	width:100%;
	text-align:center;
font-family: 'Poppins', sans-serif;
	font-size:20px;
	color:#ffffff;
	padding:0 0 1% 0;
}	
.about_us_one p {
	float:left;
	width:100%;
font-family:'Poppins', sans-serif;
	font-size:14px;
	text-align:justify;
	color:#696a6c;
	padding:1% 0 0 0;
	line-height:26px;
	font-weight:normal;
}
.about_us_one h5 {
	float:left;
	width:100%;
font-family:'Poppins', sans-serif;
	font-size:17px;
	text-align:center;
	color:#ffffff;
	padding:1% 0 2% 0;
	line-height:26px;
	font-weight:normal;
}

.about_us_two {
	float:left;
	width:27%;
	padding-left:3%;
	padding-top:2%;
}	
.about_us_two p {
	float:left;
	padding:0 0 1% 0;
font-family: 'Roboto', sans-serif;
	font-size:13px;
		width:100%;
}	
.about_us_two a {
	float:left;
font-family: 'Roboto', sans-serif;
	font-size:14px;
	width:95%;
	padding:5% 7px 5% 8px;
	color:#191717;
	border-bottom:1px solid #f3f3f3;
	text-transform:uppercase;
	text-decoration:none;
	background:#f6f6f6;
	text-align:left;
}	
.about_us_two .line_one {
	border-bottom:none;
}			
.about_us_two a:hover {
	color:#FFFFFF;
	background:#30bba2;
}
.about_us_two .active {
	background:#30bba2;
	color:#FFFFFF;
}

.about_us_three {
	float:left;
	width:25%;
	padding:2% 0 2% 0;
}	
.about_us_three img {
	float:left;
	padding:3% 0 3% 15%;
}	
.about_us_three h3 {
	float:left;
	width:93%;
font-family: 'roboto', sans-serif;
	font-size:14px;
	font-weight:normal;
	text-align:center;
	color:#686767;
	padding:3% 0 1% 0;
	line-height:25px;
}

/**** ABout Us ****/






/***** Contact ****/
.contact_page_content {
	float:left;
	width:100%;
}

.contact_details {
	float:left;
	width:50%;
	padding:1px 0 5px 0;
}	
.contact_details h1 {
 font-family: 'ConthraxSb-Regular';
	font-size:25px;
	color:#d02921;
	width:99%;
	letter-spacing:normal;
	padding:10px 0 0 0;
}
.contact_details h2 {
	float:left;
	width:90%;
font-family: 'Poppins', sans-serif;
	font-size:16px;
	padding:10px 0 4px 0;
	color:#http://localhost/Anjali%20Agro%20Exports/contact-us.php;
	font-weight:600;
	letter-spacing:normal;
}
.contact_details img {
	float:left;
	padding:2px 3px 0 0;
}
.contact_details p {
	float:left;
	font-size:15px;
	color:#888888;
	width:95%;
	padding:0 0 0 0;
	letter-spacing:normal;
	line-height:26px;
font-family: 'Poppins', sans-serif;
}
.contact_details .onetwo {
	width:52.4%;
	text-align:right;
}	


.feedback_content {
	float:left;
	width:40%;
	padding-top:2%;
}
.feedback_content h1 {
	float:left;
font-family: 'Poppins', sans-serif;
	font-size:16px;
	color:#1f60a9;
	letter-spacing:normal;
}
.feedback_content p {
		float:left;
	font-size:12px;
	color:#676767;
	width:90%;
font-family: 'Poppins', sans-serif;
}
contact_page_content3  h2 {
	float:left;
	width:90%;
font-family: 'Poppins', sans-serif;
	font-size:16px;
	padding:10px 0 10px 0;
	color:#3a586c;
	font-weight:600;
	letter-spacing:normal;
}

/***** Contact ****/


/*** Certificate ****/
.certificate_content {
	float:left;
	width:100%;
	padding:3% 0 3% 0;
}
.certificate_content h1 {
	float:left;
	width:100%;
font-family: 'Poppins', sans-serif;
	font-size:30px;
	color:#40464a;
	padding:0 0 1% 0;
}
.certificate_content_one {
	float:left;
	width:40%;
	border:1px solid #e7e3e4;
	padding:0 0 0 0;
	margin-left:6%;
	margin-bottom:3%;
	margin-top:2%;
}
.certificate_content_one img {
	float:left;
	padding:0 0 0 0;
}		
/*** Certificate ****/

/*** Resposive ***/


@media only screen and (min-width:320px) {
.about_data_one {
	width:99%;
}
.about_data_content {
	width:87%;
}
.about_data_one h2 {
	float:left;
	width:99%;
}
.about_us_two {
	width:60%;
	margin-left:1%;
	margin-top:2%;
	margin-bottom:5%;
}
.about_us_one {
	width:87%;
	padding-left:9%;
	padding-top:3%;
}
.project_logistic_one {
	width:99%;
	padding-right:0;
}
.project_logic_data img {
	padding:0 0 0 0;
	width:99%;
}
.project_logic_data p {
	width:99%;
}
.project_logic_data_one img {
	padding:0 0 0 0;
	width:99%;
	float:left;
}
.project_logic_data_one p {
	width:99%;
}
.project_logistic_two {
	width:55%;
}
.service_page_one {
	width:100%;		
}	

.contact_details {
	width:100%;
}
.feedback_content {
	width:99%;
}
.vison_and_mission_content {
	width:95%;
	padding:3% 0 0 4%;
}

	
}


@media only screen and (min-width:400px) {
.service_page_one {
	width:90%;
	margin-left:5%;		
}
}
@media only screen and (min-width:460px) {
.service_page_one {
	width:90%;
	margin-left:10%;		
}
}

@media only screen and (min-width:500px) {
.about_data_one {
	width:49%;
}
.about_data_content {
	width:50%;
}
.about_data_one h2 {
	float:right;
	width:70%;
}
.about_us_two {
	width:37%;
	padding-right:3%;
}
.about_us_one {
	width:90%;
	padding-left:10%;
}
.project_logistic_two {
	width:25%;
}
.project_logistic_one {
	width:74%;
	padding-left:1%;
}	
.service_page_one {
	width:60%;
	margin-left:15%;		
}
}
@media only screen and (min-width:600px) {
.about_data_one {
	width:40%;
}
.about_data_content {
	width:57%;
}
.about_data_one h2 {
	float:left;
	width:99%;
}
.about_us_two {
	width:30%;
	padding-right:1%;
}
.about_us_one {
	width:90%;
	padding-left:10%;
}
.service_page_one {
	width:49%;
	margin-left:1%;		
}
.contact_details {
	width:45%;
}
.feedback_content {
	width:50%;
}	
.vison_and_mission_content {
	width:85%;
	padding:3% 0 0 12%;
}
}

@media only screen and (min-width:720px) {
.about_us_two {
	width:27%;
	padding-right:2%;
}
.about_us_one {
	width:90%;
	padding-left:10%;
}
.vison_and_mission_content {
	width:80%;
	padding:3% 0 0 15%;
}	
}
@media only screen and (min-width:768px) {
.vison_and_mission_content {
	width:80%;
	padding:3% 0 0 20%;
}
}
@media only screen and (min-width:800px) {
.about_us_one {
	padding-top:0;
}
}

@media only screen and (min-width:990px) {
.vison_and_mission_content {
	width:49%;
	padding:3% 0 0 0;
}

/*** Resposive ***/