@import url('https://fonts.googleapis.com/css?family=Lora:400,700');
body{ margin:0; padding:0;font-family: 'Lora', serif;}
#agri-page{width:100%; height:auto; min-height:100%; margin:0 auto 0 auto; position:relative; padding:0;}
#agri-header{width:100%; position:fixed; height:90px; background: #fff; z-index:3;box-shadow: 0px 2px 7px 2px rgba(173,163,161,0.51); top:0;}
#header-logo{height:85px;  width:150px;  padding:0; }
.agri-logo{text-align:left; margin-left:10px; color:#003f06; padding:0; }
.vkagro{width:150px; left:10px; margin-top:25px;}
#header-menu{  float:right; top:10px; position:absolute; right:10px; width:60%; }
.buttons{position:absolute; right:10px; top:5px; }
#openbtn,#closebtn{font-size:40px; color:#222; text-decoration:none;}
#openbtn{top:5px;}
#closebtn{right:20px; position:absolute; top:15px; }
#sidebar{display:none; width:300px; height:100%; background:#fff; position:fixed; right:0; top:0; box-shadow: 0px 2px 7px 2px rgba(173,163,161,0.31); transition:4.5s;}
#menu-ul{margin:80px 0 0 30px; padding:0; list-style:none; }
.menu-li{display:block; width:auto; height:35px;  text-align:left;padding:15px 5px 10px 5px; color:#fff; font-size:22px; cursor:pointer;}
.menu-ref{color:#222; text-decoration:none; font-size:17px; font-weight:800;}
.menu-ref:hover{text-decoration:underline;}
#agri-body{background: #fff; position:relative; margin-top:90px;width:100%;  height:auto;}
  .agri-bg{position:relative;min-height:100vh;background-size:cover;background-repeat:no-repeat;background-position:center center;background-attachment:fixed; z-index:1;}
  .agri-bg.agri-first{background:url("../images/backimg3.jpg");background-attachment:fixed;}
  .agri-bg.agri-second{background:url("../images/backimg4.jpg");background-attachment:fixed;}
  .agri-bg.agri-third{background:url("../images/backimg5.jpg");background-attachment:fixed;}
  .agri-bg-content{position:absolute;left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:90%;max-width:1170px;margin:0 auto;text-align:center;font-size:2rem;
  color:#fff;}
  .agri-template{position:relative;min-height:50%;padding:1em 0;line-height:1.5;-webkit-box-shadow:0 0 50px rgba(0,0,0,.5);padding:1em 0 2em 0;font-size:24px;line-height:2;font-weight:200;
    box-shadow:0 0 50px rgba(0,0,0,.5);z-index:2; }
    .template-header{margin:0; padding:0 0 0.5em 0; text-align:center; text-decoration:underline; font-size:2em; color:#fff}
  .agri-template.agri-one{background:#fff;color:#222;}
  .agri-template.agri-two{background:linear-gradient(125deg,#52c234,#061700);color:#f5f5f5;}
  .agri-template.agri-three{background:linear-gradient(125deg,#1E2761, #000943);color:#f5f5f5;}
  .agri-template-content{width:90%; display:block; margin:0 auto 0 auto;}
  .agri-template-content1{width:94%; display:block; margin:0 auto 0 auto; }
  .agri-template-content2{width:94%; display:block; margin:0 auto 0 auto;  position:relative; padding-top:20px;}
  .vk-agro,.box2-values{display:block; width:94%; min-height:100px; height:auto;margin:10px auto 10px auto;}
  .box2-values{margin-top:60px;}
  .agro-img,.values-img{width:100%;}
  .ag-pic,.val-pic{display:block; margin:0 auto 0 auto;}
  .ag-head,.val-header{margin:0; padding:0; text-align:center; font-size:22px; color:#5A9960;}
  .val-header{padding-top:20px;}
  .ag-para{margin:5px; padding:2px; text-align:center; font-size:17px; color:#f5f5f5;}
  .ag-slog{text-align:center; margin:15px; padding:10px;}
  #blk1{width:100%; }
  .blk-img{display:block; margin:0 auto 0 auto;}
  .agri-gallery{display:block; width:90%; position:relative; margin:5px auto 5px auto; box-shadow: 0px 2px 7px 2px rgba(173,163,161,0.51);}
  .gal-img{object-fit: cover; width:100%; height:auto;}
  .gal-content{position:absolute; bottom:0; height:50px; width:100%;background:#222;}
  .gal-text{margin:0 0 0 10px;; padding:0;color:#fff;}

  #agri-about-body{background: #fff; position:relative; margin-top:90px;width:100%;  height:auto; }
 #about-back-img{background:url("../images/aboutbackimg.jpg"); height:400px; background-size:cover;background-repeat:no-repeat;background-position:center center;
filter:brightness(60%);}
#about-box1,#about-box3{position:relative; width:90%; margin:70px auto 10px auto; }
.page-header{margin:20px 0 0 0; padding:10px 0; font-size:32px; color:#00750c;text-align:center; font-weight:700;}
.page-para{font-size:18px; color:#444; text-align:center; padding:0; margin:30px auto 40px auto;width:90%;}
#about-box2{position:relative; width:100%; min-height:300px; height:auto;  padding:50px 0 30px 0;}

.service-box{display:block; width:100%; min-height:400px; height:auto; margin:10px auto 10px auto; position:relative;padding-top:20px; }
.sbx{display:block; margin:10px auto 10px auto; width:90%;}
.box-img{display:block; margin:0 auto 0 auto; box-shadow: 0px 2px 7px 2px rgba(173,163,161,0.51); width:100%;}
#hide-img{display:block;}
#dp-img{display:none;}
#other-services{ position:relative; width:90%; margin:20px auto 20px auto;}
.other-headers{margin:20px 0 0 0; padding:10px 0; font-size:28px; color:#00750c;text-align:left; font-weight:700;}
.serv-ul{}
.serv-li{font-size:19px; padding:7px 0 7px 0;}
#agrisp-page{position:relative; width:90%; margin:10px auto 10px auto; padding:20px 0 0 0; }
.asp-box{display:block; margin:10px auto 10px auto; padding-bottom:30px;}
.asp-content,.asp-images{display:block; width:100%; margin:0 auto 0 auto; }
.crop-spray{display:inline-block; width:48%; margin-left:1%; }
.spray-img{object-fit:cover; width:100%; display:block; margin:0 auto 0 auto; box-shadow: 0px 2px 7px 2px rgba(173,163,161,0.51)}
#career-page{position:relative; width:90%; margin:20px auto 0 auto; padding-top:40px;}
.career-para{text-align:center; margin:10px auto 10px auto; width:90%;}
#contact-back-img{background:url("../images/contactbackimg.jpg"); height:350px; background-size:cover;background-repeat:no-repeat;background-position:center center;
filter:brightness(95%);}
#contact-page{position:relative; width:90%; margin:20px auto 20px auto; height:auto;}
.contact-box{display:block; width:95%; margin:10px auto 10px auto;  min-height:300px; height:auto;}
.contact-header{font-size:24px; }
.contact-para{font-size:19px;}
.vkagroo{color:#00750c; font-size:19px; font-weight:700;}
#cnt-name,#cnt-email{width:300px;height:40px; border:1px solid #c6d0d6;}
#cnt-text{resize:none; width:300px; height:100px;border:1px solid #c6d0d6;}
#name-err,#email-err,#text-err{margin:0; padding:0; color:#ff0000;font-size:95%;  height:13px;}
#thank-you{margin:0; padding:0; color:#41a317; font-size:98%; display:block;  font-weight:500;}
#cnt-submit{margin-top:10px; display:block;width:140px;height:53px; color:#fff; font-weight:700; font-size:120%; cursor:pointer;
background:#00750c; outline:none;border:none; box-shadow: 0px 2px 7px 2px rgba(173,163,161,0.31); border-radius:3px;}
#agri-footer{ width:100%; background:#00750c;  height:auto; position:relative; margin:0; padding:0; color:#fff;}
.copy-text{ font-size:13px;  color:#fff;text-align:center; display:block; margin:0 auto 0 auto; padding:7px 0;}

@media only screen and (min-width:580px)
 {
.agri-gallery,.box2-values{display:inline-block; width:47%; margin-left:1%;}
 }
 @media only screen and (min-width:768px)
 {
.sbx{width:80%;}
 }
 @media only screen and (min-width:992px)
 {
   #header-logo,.vkagro{width:170px;}
   /*#agri-header{background: linear-gradient(45deg, rgba(255,255,255,1) 10%, rgba(1,111,12,1) 40%, rgba(0,88,9,1) 75%);}
   .menu-ref{color:#fff;}*/
   #sidebar{display:block; position:absolute; box-shadow:none; right:0; top:10px; width:700px;}
   #menu-ul{margin:0;}
   .menu-li{display:inline-block; margin:0 10px 0 10px; padding:15px 9px 10px 9px;}
   .buttons,#closebtn{display:none;}
   .agri-template-content{width:48%; display:inline-block; vertical-align:top;margin:0 0 0 1%; }
   .blk-img{margin-top:50px;}
   .vk-agro{display:inline-block; vertical-align:top; width:29%; margin:10px 1% 10px 2%; }
   .agri-gallery{display:inline-block; width:31%; margin-left:1%;}
   #hide-img{display:none;}
   #dp-img{display:inline-block;}
   .sbx{display:inline-block; vertical-align:top; width:48%;  position:relative;}
   .box-img{object-fit:cover; width:100%; height:400px;}
   .contact-box{display:inline-block; vertical-align:top;}
   .cbx1{width:65%;}
   .cbx2{width:34%;}

 }
 @media only screen and (min-width:1200px)
 {
    #header-logo,.vkagro{width:180px;}
#agri-page{width:100%;}
.box2-values{display:inline-block; width:23%; margin-left:1%;}
/*#agri-header{background: linear-gradient(45deg, rgba(255,255,255,1) 10%, rgba(1,111,12,1) 40%, rgba(0,88,9,1) 75%); }*/
.box-img{width:auto; margin-left:0;}
.sbimg2{float:right;}
 }
 @media only screen and (min-width:1600px)
{
   #header-logo,.vkagro{width:200px;}
#agri-page{width:100%;}
.agri-gallery,.box2-values{display:inline-block; width:23%; margin-left:1%;}
.service-box{width:1500px; margin-left:auto; margin-right:auto;}
 /*#agri-header{background:linear-gradient(45deg, rgba(255,255,255,1) 10%, rgba(1,111,12,1) 40%, rgba(0,88,9,1) 75%); }*/
 }