.bannerforbtm {
	background: url(../images/homepage.jpg) no-repeat 0px 0px;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	min-height: 710px;
}

.know-more-pad{
	padding-top: 27%;
}
.knowmore-btn{
    background-color: #4B2400;
    padding: 15px 32px;
    border-radius: 100px;
    color: white;
    text-decoration: none;
    font-size: 16px;
    float:right;
}

.knowmore-btn:hover {
	color: white;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}


thead input {
        width: 100%;
    }
html, body {
	font-size: 14px;
	background: #fff;
	 font-family: Merriweather,'Helvetica Neue',Arial,sans-serif;
}

body a {
	
}

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 18px;
}

.agri-mar{
	margin-top: 7%;
}
p {
	margin: 0;
}

ul, label {
	margin: 0;
	padding: 0;
}

body a:hover {
	text-decoration: none;
}
/*-- header --*/
.dropdown-menu{
   max-height:300px;
   overflow-y: scroll;
}

.salesformbrdr{
	border: 1px solid #dddddd;
	padding: 2%;
}

.saleslable{
	font-size: 14px;
}

.salestableheader{
	font-size: 13px;
	font-weight:400;
}

.salestableheader th{
	text-align: center;
}


.salestablebody{
	font-size: 13px;
	font-weight:none;
}

.header{
	/*background: url(../images/headerback.jpg) repeat 0px 0px;
	     background-color: transparent; */
	         background-color: #861212;
}
.logo {
	float: left;
	/* margin-top: 1.5em; */
}

.logo a {
	color: #fdd130;
	font-size: 3em;
	text-decoration: none;
	font-family: Merriweather,'Helvetica Neue',Arial,sans-serif;
	line-height: 60px;
}

.logo a:hover {
	text-decoration: none;
}

.logo a label {
	font-size: 1.5em;
}

.dropdown-menu>li>a {
    padding: 5px 27px;
   }
   
   .nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
}

.logo a span {
	display: block;
    font-size: 22px;
    color: #a924d6;
    line-height: 1;
    font-weight: 600;
}

.top-nav {
	float: right;
	font-family: Merriweather,'Helvetica Neue',Arial,sans-serif;
	margin-top: 2.5%;
}

span.menu {
	display: none;
}

.top-nav ul li {
	display: inline-block;
	float: left;
}

.top-nav ul li a i {
	display: block;
	line-height: 1.5em;
	font-size: 1.2em;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: transparent;
    border-color: transparent;
}

.top-nav ul li a {
	font-size: 15px;
	/* color: #F97F00; */
	color: white;
    font-weight: 700;
	text-decoration: none;
	/*padding: 45px 30px;*/
	text-align: center;
	transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
	text-transform: uppercase;
}

.top-nav ul li a.active, .top-nav ul li a:hover {
	/* color: #fff; */
	background-color: transparent;
}
/* Sweep To Bottom */
.hvr-sweep-to-bottom {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.hvr-sweep-to-bottom:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #FDD130;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus,
	.hvr-sweep-to-bottom:active {
	color: white;
}

.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before,
	.hvr-sweep-to-bottom:active:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}
/* //Sweep To Bottom */
.header-top {
	background: #F5F5F5;
}

.header-top-left {
	float: left;
	margin: 1.2em 0 0 40em;
}

.header-top-left p {
	margin: 0;
}

.header-top-left p a {
	color: #DA1917;
	font-size: 14px;
	text-decoration: none;
}

.header-top-left p a:hover {
	text-decoration: none;
	color: #EA7171;
}

.header-top-lft {
	float: right;
}

.header-top-lft p span {
	font-size: 1.8em;
	color: #fff;
	padding: 13.8px 20px;
	background-color: #fdd130;
	top: -1px;
}

.header-top-right {
	float: right;
}

.header-top-right p {
	font-size: 1.5em;
	background-color: #fff;
	color: #FA4E44;
	margin: 0;
	padding: 11px 20px;
}
/*-- header --*/
/*-- banner --*/
.banner1, .banner2, .banner3 {
	min-height: 375px;
}

.banner1 {
	background: url(../images/agrilinkbanner.jpg) no-repeat 0px 0px;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
}

.banner2 {
	background: url(../images/agrilinkbanner.jpg) no-repeat 0px 0px;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
}

.banner3 {
	background: url(../images/agrilinkbanner.jpg) no-repeat 0px 0px;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
}

.banner-info {
	width: 51.89%;
	margin: 11em 0 1em;
	background-color: #fff;
	padding: 3em;
}

.banner-info h3 {
	font-size: 1.5em;
	color: #fdd130;
	line-height: 1.3em;
	font-family: Merriweather,'Helvetica Neue',Arial,sans-serif;
	margin: 0 0 1em;
	text-transform: capitalize;
}

.banner-info p {
	color: #999;
	font-size: 14px;
	margin: 0 0 4em;
	line-height: 1.8em;
}

.more a {
	padding: 10px 30px;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	background: #fdd130;
	font-family: Merriweather,'Helvetica Neue',Arial,sans-serif;
}

.more a:hover {
	text-decoration: none;
	background: #E31D1B;
}
/*-- //banner --*/
/*-- about --*/
.about {
	padding: 4em 0;
	background-color: #0055a6;
}

.about h3 {
	font-size: 2em;
	font-family: Merriweather,'Helvetica Neue',Arial,sans-serif;
	color: white;
	text-align: center;
}

.about h3:after {
   border-top: 3px solid white;
    display: block;
    width: 74px;
    content: "";
    margin: 18px auto 0;
}
.about p{
	 color: #fff;
    text-align: justify;
    line-height: 1.5em;
    padding-top: 2%;
    font-size: 17px;
}
.about-grid-left h4 {
	font-size: 1.5em;
	color: #281205;
	margin: 0 0 1em;
	text-transform: capitalize;
}

.about-grid-left p {
	color: #000;
	font-size: 15px;
	margin: 0;
	line-height: 1.8em;
	text-align: justify;
}

.about-grid-left p span {
	color: #fdd130;
	margin: 1em 0 0;
	display: block;
}

.about-grid-right img {
	padding: 0.2em;
    border: 4px solid #f97f00;
}

.about-grid-left-grids {
	margin: 1em 0 0;
}

.about-grid-left-grid {
	float: left;
	width: 25%;
}
/*-- //about --*/
/*-- services --*/
/*-- wmuslider --*/
.wmuSlider {
	position: relative;
	overflow: hidden;
}

.wmuSlider .wmuSliderWrapper article img {
	/*--max-width: 100%;
	width: auto;
	height: auto;
	display:block;--*/
	
}
/* Default Skin */
.wmuSliderPagination {
	z-index: 2;
	position: absolute;
	right: 46%;
	top: 96%;
}

ul.wmuSliderPagination {
	padding: 0;
}

.wmuSliderPagination li {
	float: left;
	margin: 0 8px 0 0;
	list-style-type: none;
}

.wmuSliderPagination a {
	display: block;
	text-indent: -9999px;
	width: 22px;
	height: 5px;
	background: #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
}

.wmuSliderPagination a.wmuActive {
	background: #fdd130;
}
/* Default Skin */
.wmuGallery .wmuGalleryImage {
	margin-bottom: 10px;
}

.service-wrap {
	padding: 6em 0;
}
/*-- //wmuslider --*/
.glyphicon-globe, .glyphicon-user, .glyphicon-grain, .glyphicon-glass {
	font-size: 3em;
	/* color:#C3C3C3; */
}

.service-info p {
	font-size: 14px;
	color: #fff;
	margin: 0;
	line-height: 1.8em;
}

.service-info h3 {
	font-size: 2em;
	line-height: 1.3em;
	color: #fff;
	margin: 0 0 .5em;
	font-family: Merriweather,'Helvetica Neue',Arial,sans-serif;
	text-transform: capitalize;
}

.service-info {
	width: 90%;
	margin: 0 auto;
	text-align: center;
}

.service {
	/* background: url(../images/banner1.jpg) no-repeat 0px 0px;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	min-height: 470px; */
}

.services1 {
	padding: 5em 0;
}

.services1 h3 {
	font-size: 2em;
	font-family: Merriweather,'Helvetica Neue',Arial,sans-serif;
	color: #fdd130;
	margin: 0 0 2em;
}

.servc-grid-right h4 {
	font-size: 1.3em;
	color: #B6B6B6;
	margin: 0 0 1em;
	text-transform: capitalize;
	line-height: 1.3em;
}

.servc-grid-right p {
	font-size: 14px;
	color: #999;
	margin: 0;
	line-height: 1.8em;
}

.servc-grids:nth-child(2) {
	margin: 0 0 2em;
}
/*-- //services --*/

/* Agrilink manual */

/* login Form Design */
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
	padding: 4px;
}

.bannerforhm {
	background: url(../images/header2.jpg) no-repeat 0px 0px;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	min-height: 600px;
}

#agri-hm {
	position: relative;
}
.agrilink-designbody {
	padding: 5%;
	box-sizing: border-box;
	-webkit-box-shadow: 0 0 40px #aaa;
	-moz-box-shadow: 0 0 40px #aaa;
	box-shadow: 0 0 40px #aaa; 	
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-webkit-box-shadow: 0px 1px 8px 0px rgba(158, 158, 158, 0.75);
	-moz-box-shadow: 0px 1px 8px 0px rgba(158, 158, 158, 0.75);
	box-shadow: 0px 1px 8px 0px rgba(158, 158, 158, 0.75);
}

.agrilink-designsalesbody {
	padding: 2%;
	box-sizing: border-box;
	-webkit-box-shadow: 0 0 40px #aaa;
	-moz-box-shadow: 0 0 40px #aaa;
	box-shadow: 0 0 40px #aaa;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-webkit-box-shadow: 0px 1px 8px 0px rgba(158, 158, 158, 0.75);
	-moz-box-shadow: 0px 1px 8px 0px rgba(158, 158, 158, 0.75);
	box-shadow: 0px 1px 8px 0px rgba(158, 158, 158, 0.75);
}

.routemapping h3 {
    font-size: 2em;
    font-family: Merriweather,'Helvetica Neue',Arial,sans-serif;
    color: #0054a6;
    text-align: center;
    margin-bottom: 0%;
}

.createaccount{
	padding-top: 10%;
    padding-bottom: 2%;
}

.createaccount h3 {
	font-size: 2em;
	font-family: Merriweather,'Helvetica Neue',Arial,sans-serif;
	color: #0054a6;
	text-align: center;
    margin-bottom: 3%;
    margin-top: 3%;
}

.btn-route-mar{
	margin-top: 3%;
}

.btndesign-route {
	outline: none;
	color: #fff;
	font-size: 20px;
	padding: 1px 0;
	width: 48%;
	background: #FA4E44;
	font-family:Merriweather,'Helvetica Neue',Arial,sans-serif;
	border: none;
	transition: .5s all;
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-o-transition: .5s all;
	-ms-transition: .5s all;
	margin-bottom: 4.5%;
}

.btndesign {
	outline: none;
	color: #fff;
	font-size: 17px;
	padding: 10px 0;
	width: 54%;
	background: #FA4E44;
	font-family: Merriweather,'Helvetica Neue',Arial,sans-serif;
	border: none;
	transition: .5s all;
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-o-transition: .5s all;
	-ms-transition: .5s all;
}

.btndesign:hover {
	background: #FA4E44;
}

.agrilinkcreateaccount-form{
	font-size: 15px;
    border: none;
    border-bottom: 1.5px solid #f97f00;
    background: #fff;
    box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.28);
    outline: none;
    margin-bottom: 1.5em;
    letter-spacing: 1px;
    color: #000;
    box-sizing: border-box;
    border-radius: 0px;
    margin-top: 1.5%;
}

.agrilinkloginform {
	/* background-image:
		url("../images/banner.jpg"); */
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 10px;
	margin-top: 9%;
}

.panel h2 {
	font-size: 2em;
   font-family: Merriweather,'Helvetica Neue',Arial,sans-serif;
    color: #0054a6;
	margin: 0 0 8px 0;
}

.panel p {
	color: #777777;
	font-size: 14px;
	argin-bottom: 10px;
    line-height: 18px;
}

.login-form .form-control {
	background: #f7f7f7 none repeat scroll 0 0;
	border: 1px solid #d4d4d4;
	border-radius: 4px;
	font-size: 14px;
	height: 50px;
	line-height: 50px;
}

.main-div {
	background: #ffffff none repeat scroll 0 0;
	border-radius: 2px;
	margin: 10px auto 30px;
	max-width: 42%;
	padding: 50px 70px 70px 71px;
	border: 3px solid #f1dcad
}

.login-form .form-group {
	margin-bottom: 10px;
}

.login-form {
	text-align: center;
}

.forgot a {
	color: #777777;
	font-size: 14px;
	text-decoration: underline;
}

.login-form  .btn.btn-primary {
	outline: none;
	color: #fff;
	font-size: 20px;
	padding: 13px 0;
	width: 30%;
	background: #fdd130;
	font-family: Merriweather,'Helvetica Neue',Arial,sans-serif;
	border: none;
	transition: .5s all;
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-o-transition: .5s all;
	-ms-transition: .5s all;
}

.login-form  .btn.btn-primary:hover{
	background: #FA4E44;
}

.forgot {
	text-align: left;
	margin-bottom: 30px;
}

.botto-text {
	color: #ffffff;
	font-size: 14px;
	margin: auto;
}

.login-form .btn.btn-primary.reset {
	background: #ff9900 none repeat scroll 0 0;
}

.back {
	text-align: left;
	margin-top: 10px;
}

.back a {
	color: #444444;
	font-size: 13px;
	text-decoration: none;
}

/* //login Form Design End*/
.agrilink-people {
	padding: 7%;
}

.agrilink-people img {
	padding-top: 25%;
}

.agrilink-people p {
	color: black;
	padding-top: 2%;
	text-align: justify;
	font-weight: 500;
}

.agrilink-people i {
	color: #f97f00;
	font-size: 22px;
	padding-right: 1.5%;
	font-weight: bold;
}

.dropbtn {
	background-color: transparent;
	color: #f97f00;
	padding: 16px;
	font-size: 14px;
	border: none;
}

.dropdown {
	position: relative;
	display: inline-block;
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
}

.dropdown-content a {
	color: black;
	padding: 8px 12px;
	text-decoration: none;
	display: block;
}

.dropdown-content a:hover {
	background-color: #ddd;
}

.dropdown:hover .dropdown-content {
	display: block;
}

/* Agrilink manual End */

/*-- services-bottom --*/
.services-bottom {
	background: url(../images/6.jpg) no-repeat 0px 0px;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	min-height: 500px;
	padding: 4em 0;
}

.services-bottom-info {
	width: 70%;
	margin: 0 auto;
}

.services-bottom-info h3 {
	font-size: 1.5em;
	margin: 0;
	line-height: 1.3em;
	text-transform: capitalize;
	color: #fff;
	font-family: Merriweather,'Helvetica Neue',Arial,sans-serif;
}

.services-bottom-info p {
	color: #fff;
	font-size: 14px;
	line-height: 1.8em;
	margin: 1em 0 3em;
}

.services-bottom-info ul li {
	list-style-type: none;
	background: url(../images/tick.png) no-repeat 0px 7px;
	display: block;
	margin: 0 0 10px;
}

.services-bottom-info ul li a {
	color: #D4D3D3;
	font-size: 14px;
	text-decoration: none;
	padding-left: 1.5em;
}

.services-bottom-info ul li a:hover {
	text-decoration: none;
	color: #fff;
}
/*-- //services-bottom --*/
/*-- news --*/
.event {
	padding: 2em 0;
}

.event h3 {
	font-size: 2em;
	font-family: Merriweather,'Helvetica Neue',Arial,sans-serif;
	color: #0054a6;
}

.event-grids:nth-child(2) {
	margin: 3em 0 3em;
}

.evnt-grd {
	padding: 2em 0;
}

.evnt-grd-left p {
	font-size: 1.5em;
	margin: 0;
	color: #fff;
	font-family: Merriweather,'Helvetica Neue',Arial,sans-serif;
	width: 80%;
	padding: .5em 0;
	text-align: center;
	line-height: 1.6em;
	background-color: #f97f00;
}

.evnt-grd-left p span {
	display: block;
	font-size: 20px;
	line-height: 30px;
}

.evnt-grd-right p {
	color: #999;
	font-size: 14px;
	margin: 1em 0 2.5em;
	line-height: 1.8em;
	width: 80%;
}

.event-grid-left img {
	padding: 0.2em;
    border: 4px solid #f97f00;
}
/*-- //news --*/
/*-- contact --*/
.contact-bottom iframe {
	width: 100%;
	min-height: 500px;
	margin: 0 0 -5px;
}

.contact {
	padding: 2em 0;
	background: url(../images/banner.jpg) no-repeat 0px 0px;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	/* min-height:620px; */
}

.contact-left{
	padding: 3%;
}
.contact-left h3 {
	font-size: 1.6em;
	font-family: Merriweather,'Helvetica Neue',Arial,sans-serif;
	color: #0054a6;
}

.contact-left p {
	color: black;
	font-size: 15px;
	line-height: 1.8em;
	margin: 0;
	/* width: 57%; */
	font-weight: 600;
}

.contact-left p span {
	display: block;
	font-weight: 700;
}

.contact-left ul {
	padding: 1em 0 0;
	margin: 0;
}

.contact-left i {
	padding-right: 2%;
	font-size: 24px;
	color: #f97f00;
}

.contact-left ul li {
	list-style-type: none;
	margin: 0 0 5px;
	font-size: 18px;
	color: #f97f00;
	font-weight: 600;
}

.contact-left ul li a {
	font-size: 18px;
	color: #f97f00;
	font-weight: 600;
	text-decoration: none;
}

.contact-left ul li a:hover {
	color: #f97f00;
}

.contact-left input[type="text"], .contact-left input[type="email"],
	.contact-left textarea {
	background: rgba(255, 255, 255, 0.71);
	border: none;
	color: #424341;
	padding: 15px 10px;
	font-size: 14px;
	outline: none;
}

.contact-left input[type="text"], .contact-left input[type="email"] {
	width: 32.7%;
	float: left;
}

.contact-left input[type="email"] {
	margin: 0 5px;
}

.contact-left textarea {
	min-height: 200px;
	resize: none;
	width: 100%;
	margin: .3em 0 1em;
}

.contact-left input[type="submit"] {
	outline: none;
	color: #fff;
	font-size: 20px;
	padding: 13px 0;
	width: 30%;
	background: #fdd130;
	font-family: Merriweather,'Helvetica Neue',Arial,sans-serif;
	border: none;
	transition: .5s all;
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-o-transition: .5s all;
	-ms-transition: .5s all;
}

.contact-left input[type="submit"]:hover {
	background: #FA4E44;
}
/*-- //contact --*/
/*-- footer --*/
.footer {
	padding: 1.5em 0;
	background: #000;
}

.footer-left {
	float: left;
}

.footer-left p {
	font-size: 14px;
	color: #fff;
	margin: 1.5em 0 0;
}

.footer-left p a {
	color: #fdd130;
	font-family: Merriweather,'Helvetica Neue',Arial,sans-serif;
	text-decoration: underline;
}

.footer-left p a:hover {
	color: #fff;
}

.footer-right {
	float: right;
}

.footer-right ul li {
	display: inline-block;
}

.footer-right ul li a.facebook {
	background: url(../images/img-sp.png) no-repeat -77px -10px;
	display: block;
	height: 50px;
	width: 52px;
}

.footer-right ul li a.facebook:hover {
	background: url(../images/img-sp.png) no-repeat -4px -10px;
	display: block;
}

.footer-right ul li a.p {
	background: url(../images/img-sp.png) no-repeat -77px -71px;
	display: block;
	height: 50px;
	width: 52px;
}

.footer-right ul li a.p:hover {
	background: url(../images/img-sp.png) no-repeat -4px -71px;
	display: block;
}

.footer-right ul li a.in {
	background: url(../images/img-sp.png) no-repeat -77px -131px;
	display: block;
	height: 50px;
	width: 52px;
}

.footer-right ul li a.in:hover {
	background: url(../images/img-sp.png) no-repeat -4px -131px;
	display: block;
}

.footer-right ul li a.be {
	background: url(../images/img-sp.png) no-repeat -77px -196px;
	display: block;
	height: 50px;
	width: 52px;
}

.footer-right ul li a.be:hover {
	background: url(../images/img-sp.png) no-repeat -4px -196px;
	display: block;
}

.footer-right ul li a.u-tube {
	background: url(../images/img-sp.png) no-repeat -79px -271px;
	display: block;
	height: 50px;
	width: 52px;
}

.footer-right ul li a.u-tube:hover {
	background: url(../images/img-sp.png) no-repeat -4px -271px;
	display: block;
}
/*-- //footer --*/
/*-----start-responsive-design------*/
@media ( max-width :1440px) {
	.logo a span {
		top: 18%;
		left: 12%;
	}
	.banner-info {
		width: 54.7%;
	}
	.service-wrap {
		padding: 6em 0;
	}
	.service {
		/* min-height: 450px; */
	}
	
	.bannerforhm {
	min-height: 650px;
	}
}

@media ( max-width : 1366px) {
	.logo a span {
		top: 19%;
		left: 10%;
	}
	.banner {
		min-height: 395px;
	}
	.bannerforhm {
	min-height: 650px;
	}
}

@media ( max-width : 1280px) {
	.logo a span {
		top: 18%;
		left: 7.5%;
	}
	/* .top-nav ul li a {
		padding: 37px 21px;
	} */
	.logo {
		margin-top: 0em;
	}
	.bannerforhm {
	min-height: 600px;
	}
}

@media ( max-width : 1024px) {
	.header-top-left {
		margin: 1.2em 0 0 30em;
	}
	.banner-info h3 {
		font-size: 1.3em;
	}
	.about, .services1 {
		padding: 4em 0;
	}
	.about-grid-left h4 {
		font-size: 1.3em;
	}
	.about h3, .services1 h3 {
		margin: 0 0 1.5em;
	}
	.service-info h3 {
		font-size: 1.8em;
	}
	.service-wrap {
		padding: 5em 0;
	}
	.wmuSliderPagination {
		right: 44%;
	}
	.servc-grid-right h4 {
		font-size: 1.2em;
	}
	.evnt-grd-left p, .evnt-grd-right p {
		width: 100%;
	}
	.contact-left input[type="text"], .contact-left input[type="email"] {
		width: 32.5%;
	}
}

@media ( max-width :768px) {
	.banner1 {
		background: url(../images/agrilinkbanner.jpg) no-repeat -282px 0px;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		-ms-background-size: cover;
	}
	.banner2 {
		background: url(../images/agrilinkbanner.jpg) no-repeat -282px 0px;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		-ms-background-size: cover;
	}
	.banner3 {
		background: url(../images/agrilinkbanner.jpg) no-repeat -282px 0px;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		-ms-background-size: cover;
	}
	.header-top-left {
		margin: 1.2em 0 0 15em;
	}
	.logo a {
		font-size: 2.5em;
	}
	.top-nav ul li a {
		padding: 25px 20px;
		font-size: 15px;
	}
	.banner-info h3 {
		font-size: 1em;
	}
	.banner-info {
		margin: 10em 0 1em;
	}
	.banner {
		min-height: 360px;
	}
	.about h3, .services1 h3, .event h3, .contact-left h3 {
		font-size: 1.8em;
	}
	.about h3, .services1 h3, .event h3 {
		margin: 0 0 1em;
	}
	.contact-left h3 {
		margin: 0 0 0.5em;
	}
	.about-grid-left h4 {
		font-size: 1.1em;
	}
	.about-grid-left {
		margin-bottom: 2em;
	}
	.about, .services1, .contact {
		padding: 3em 0;
	}
	.contact-left p, .contact-left ul li, .contact-left ul li a {
		font-size: 14px;
		width: 100%;
	}
	.event {
		padding: 3em 0 2em;
	}
	.service-info h3 {
		font-size: 1.5em;
	}
	.service-wrap {
		padding: 3em 0;
	}
	.service {
		min-height: 360px;
	}
	.servc-grid-right h4 {
		font-size: 1.2em;
	}
	.servc-grid-left {
		text-align: center;
	}
	.services-bottom {
		padding: 3em 0;
		min-height: 460px;
	}
	.services-bottom-info {
		width: 100%;
	}
	.services-bottom-info-left {
		float: left;
	}
	.services-bottom-info-right {
		float: left;
	}
	.event-grid-left {
		float: left;
		width: 50%;
		margin-bottom: 2em;
	}
	.event-grid-right {
		float: right;
		width: 50%;
		margin-top: 4em;
	}
	.event-grids:nth-child(2) {
		margin: 3em 0 0em;
	}
	.logo {
		margin-top: 0.5em;
	}
	.contact-left {
		margin-bottom: 2em;
	}
	.contact-left input[type="text"], .contact-left input[type="email"] {
		width: 32.85%;
	}
	.contact-bottom iframe {
		min-height: 350px;
	}
	.footer-left p {
		margin: 1em 0 0;
	}
	.servc-grid-right {
		margin-bottom: 1em;
	}
	.servc-grids:nth-child(2) {
		margin: 2em 0 0em;
	}
}

@media ( max-width : 667px) {
	.header-top-left {
		margin: 1.2em 0 0 10em;
	}
	.logo a span {
		font-size: 10px;
	}
	.top-nav ul li a {
		font-size: 14px;
	}
}

@media ( max-width :640px) {
	.logo a {
		font-size: 2.2em;
	}
	.header-top-right p {
		font-size: 1.2em;
	}
	.header-top-lft p span {
		font-size: 1.4em;
	}
	.header-top-left {
		margin: 0.8em 0 0 11em;
	}
	.top-nav ul li a {
		padding: 17px 16px;
	}
	.logo {
		margin-top: 0em;
	}
	.banner-info {
		margin: 8.5em 0 1em;
		padding: 1em;
	}
	.banner1, .banner2, .banner3 {
		min-height: 460px;
	}
	.about h3, .services1 h3, .event h3, .contact-left h3 {
		font-size: 1.6em;
	}
	.about-grid-left h4 {
		font-size: 1em;
	}
	.service-info h3 {
		font-size: 1.2em;
	}
	.wmuSliderPagination {
		right: 42%;
	}
	.servc-grid-right h4 {
		font-size: 1em;
		margin: 0 0 .5em;
	}
	.services-bottom-info h3 {
		font-size: 1.3em;
	}
	.event-grid-right {
		margin-top: 2em;
	}
	.contact-left input[type="text"], .contact-left input[type="email"] {
		width: 32.74%;
	}
	.contact-left input[type="submit"] {
		font-size: 16px;
		padding: 10px 0;
	}
	.footer-left {
		float: none;
		text-align: center;
		margin-bottom: 1em;
	}
	.footer-right {
		float: none;
		text-align: center;
	}
	.banner2 {
		background: url(../images/banner.jpg) no-repeat -230px 0px;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		-ms-background-size: cover;
	}
}

@media ( max-width : 600px) {
	.top-nav ul li a {
		padding: 15px 12px;
	}
}

@media ( max-width : 568px) {
	.header-top-left {
		margin: 0.8em 0 0 7em;
	}
}

@media ( max-width :480px) {
	.agrilinkloginform {
    padding: 0px;
    margin-top: 26%;
}
	span.menu {
		display: block;
		cursor: pointer;
		width: 100%;
		position: relative;
		text-align: right;
		margin: 7px 0 0;
	}
	
	.main-div{
		max-width: 100%;
	}
	
	ul.nav {
		display: none;
		background: #F23126;
		margin-top: 2em;
	}
	.top-nav ul {
		position: absolute;
		padding: 1em 0;
		margin: 48px 0 0;
		left: 2%;
		width: 96%;
		z-index: 999;
		background-color: #f97f01;
	}
	.top-nav ul.nav li {
		display: inline-block;
		margin: 0;
		width: 100%;
		padding: 17px 1em;
		text-align: center;
	}
	.top-nav ul li a.active, .top-nav ul li a:hover {
		background: none;
	}
	.header {
		padding: 1em 0;
	}
	.logo a {
		line-height: 40px;
	}
	.top-nav ul li a i {
		display: none;
	}
	.top-nav ul li a {
		color: #fff;
		display: block;
		padding: 0;
	}
	.top-nav ul.nav1 li {
		padding: 10px 0;
	}
	.header-top-left {
		margin: 0.8em 0 0 2em;
	}
	.banner-info {
		width: 60%;
	}
	.about, .services1, .contact {
		padding: 2em 0;
	}
	.service-info h3 {
		font-size: 1em;
	}
	.wmuSliderPagination {
		right: 38%;
	}
	.servc-grid-right, .event-grid {
		padding: 0 !important;
	}
	.servc-grid-right {
		margin-bottom: 2em;
	}
	.services1 {
		padding: 2em 0 0 !important;
	}
	.glyphicon-globe, .glyphicon-user, .glyphicon-grain, .glyphicon-glass {
		font-size: 2em;
	}
	.evnt-grd-left p span {
		font-size: 17px;
		line-height: 13px;
	}
	.evnt-grd-left p {
		font-size: 1.3em;
		padding: .3em 0 .7em;
	}
	.event-grid-left {
		margin-bottom: 0em;
	}
	.event-grid-right {
		margin: 0 0 2em;
	}
	.evnt-grd-right p {
		margin: 1em 0 2em;
	}
	.contact-left input[type="text"], .contact-left input[type="email"] {
		width: 100%;
		float: none;
		padding: 10px 10px;
	}
	.contact-left input[type="email"] {
		margin: 1em 0;
	}
	.contact-left textarea {
		min-height: 150px;
		margin: 1em 0;
	}
	.contact-left input[type="submit"] {
		font-size: 14px;
		padding: 10px 0;
		width: 40%;
	}
	.contact-bottom iframe {
		min-height: 270px;
	}
	.banner {
		background: url(../images/banner.jpg) no-repeat -220px 0px;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		-ms-background-size: cover;
		min-height: 370px;
	}
	.banner1, .banner2, .banner3 {
		min-height: 410px;
	}
	.banner1 {
		background: url(../images/agrilinkbanner.jpg) no-repeat -289px 0px;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		-ms-background-size: cover;
	}
	.banner-info {
		margin: 5.5em 0 1em;
	}
	.banner2 {
		background: url(../images/banner.jpg) no-repeat -264px 0px;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		-ms-background-size: cover;
	}
}

@media ( max-width : 414px) {
	.header-top-left {
		margin: 0.8em 0 0 0em;
	}
	.header-top-right p {
		font-size: 1em;
		padding: 10px 13px;
	}
	.header-top-lft p span {
		padding: 11.8px 16px;
		font-size: 1.2em;
	}
	.banner1 {
		background: url(../images/agrilinkbanner.jpg) no-repeat -367px 0px;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		-ms-background-size: cover;
	}
	.banner2 {
		background: url(../images/agrilinkbanner.jpg) no-repeat -323px 0px;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		-ms-background-size: cover;
	}
	.banner3 {
		background: url(../images/agrilinkbanner.jpg) no-repeat -360px 0px;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		-ms-background-size: cover;
	}
	.banner-info p {
		font-size: 13px;
	}
	.banner {
		min-height: 300px;
	}
}

@media ( max-width : 384px) {
	.banner-info {
		width: 70%;
	}
}

@media ( max-width : 320px) {
	.header-top-left {
		margin: 0.5em 0 0 0.2em;
	}
	.header-top-left p a {
		font-size: 12px;
	}
	.header-top-right p {
		font-size: 14px;
		padding: 10px 5px;
	}
	.header-top-lft p span {
		font-size: 1em;
	}
	.about h3, .services1 h3, .event h3, .contact-left h3 {
		font-size: 1.4em;
	}
	.about-grid-left, .contact-left, .about-grid-right, .event-grid-right,
		.servc-grid, .services-bottom-info-left, .services-bottom-info-right {
		padding: 0 !important;
	}
	.about-grid-left h4 {
		font-size: 1em;
		margin: 0 0 .5em;
	}
	.about-grid-left p, .evnt-grd-right p, .service-info p,
		.servc-grid-right p, .services-bottom-info p, .services-bottom-info ul li a
		{
		font-size: 13px;
	}
	.contact-left p, .contact-left ul li, .contact-left ul li a,
		.contact-left input[type="text"], .contact-left input[type="email"],
		.contact-left textarea {
		font-size: 13px;
	}
	.contact-left input[type="submit"] {
		font-size: 13px;
		padding: 8px 0;
		width: 45%;
	}
	.contact-left {
		margin-bottom: 0em;
	}
	.contact-bottom iframe {
		min-height: 200px;
	}
	.footer-left p {
		margin: 0;
	}
	.contact-left ul {
		padding: .5em 0 0;
	}
	.more a {
		padding: 8px 16px;
		font-size: 13px;
	}
	.event-grid-right {
		margin: 0 0 1em;
	}
	.services-bottom-info p {
		margin: 1em 0 1em;
	}
	.about-grid-left {
		margin-bottom: 1em;
	}
	.banner-info h3 {
		font-size: 0.8em;
		margin: 0 0 .5em;
	}
	.banner-info p {
		font-size: 12px;
	}
	.banner {
		min-height: 275px;
	}
	.banner-info {
		width: 75%;
	}
	.service-wrap {
		padding: 2em 0;
	}
	.service-info {
		width: 100%;
	}
	.wmuSliderPagination {
		right: 32%;
	}
	.service {
		min-height: 370px;
	}
	.servc-grid-right h4 {
		font-size: 0.9em;
	}
	.servc-grid-right {
		margin-bottom: 1em;
	}
	.services1 {
		padding: 2em 0 1em !important;
	}
	.services-bottom {
		padding: 2em 0;
	}
	.services-bottom-info h3 {
		font-size: 1em;
	}
	.top-nav ul.nav li {
		padding: 10px 0;
	}
	.top-nav ul li a, .footer-left p {
		font-size: 13px;
	}
	.event {
		padding: 2em 0 2em;
	}
	.news h3 {
		margin: 0;
	}
	.event-grids:nth-child(2) {
		margin: 1em 0 0em;
	}
	.footer {
		padding: 1em 0;
	}
	.banner1, .banner2, .banner3 {
		min-height: 380px;
	}
}