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

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

@media only screen and (max-width:736px) {
.img {
    vertical-align: middle;
    width: 100%;
  }
.border {
    border-bottom: 1px dotted black;
    margin-bottom: 10%;
    border-right: 0px;
    margin-bottom: 10%;
  }
.arrow {
    margin-bottom: 10px;
  }
.footer p {
      font-size: 1.1em;
    color: Black;
    margin-bottom: 3%;
    ;
  }
.social-icon {
    margin-bottom: 10px;
  }
.side-navi ul{  width: 100%; display: inline-flex;  float: left;  overflow-x: scroll; margin-left: 0px;  padding-left: 0px;}
.side-navi  ul li a{  width: 200px; display: block;  background-color: #f3cd92; color: black;  padding: 10px 0;  text-align: center;     border-right: 1px solid white;      font-size: 1.1em;     font-weight: 400;}

.border-1 {
      border-right:none;
   
 
  }
 .bg-agri {
    background-color: transparent;
    padding: 21px 0px 30px 0px;
  }
.footer {  margin-top: 45px;}
}

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

}


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

}

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

}

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



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

.about  p{
     
           white-space: pre-line;
    text-align: justify;
    padding: 10px;
    }
.about-us h4 {
 
    text-align: left;
    padding: 5px;
}

}





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

}