.container{
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    float: left;

}
.container h1{text-align: center;width: 100%;}
.container h2{text-align: center;width: 100%;font-size: 220%;}
.container h3{text-align: center;width: 100%;font-size: 180%;}
.container h4{text-align: center;width: 100%;}
.container h5{text-align: center;width: 100%;}
.container h6{text-align: center;width: 100%;}


/*----------------------------------------------------------about content-------------------------------------------------------*/

.about_us_left{
    width: 60%;
    height: auto;
    float: left;
    text-align: center;
    font-size: 200%;
}
.about_us_right{
    width: 39%;
    height: 400px;
    float: left;
  background: url(../img/webp/products/1.webp) center center no-repeat;
background-size: 100% auto;
    animation: About_ani 10s ease-in-out 0s infinite alternate-reverse;
    
}
.about_us_right img{
    width: 100%;
    height: auto;
}
.about_us_bottom{width: 100%;height: auto;float: left;text-align: center;}
.about_us_bottom img{width: 40%; height: auto;}
@keyframes About_ani {
    0%{ background: url(../img/animation/1.webp)center center no-repeat;}
    20%{ background: url(../img/animation/2.webp)center center no-repeat;}
    40%{ background: url(../img/animation/3.webp)center center no-repeat;}
    60%{ background: url(../img/animation/4.webp)center center no-repeat;}
    80%{ background: url(../img/animation/5.webp)center center no-repeat;}
    100%{ background: url(.../img/animation/6.webp)center center no-repeat;}
    
}
@media only screen and (max-width: 900px) {
    .about_us_left{
        width: 70%;
        height: auto;
        float: left;
        text-align: center;
        font-size: 120%;
    }
    .about_us_right{
        width: 30%;
        height: 300px;
        float: left;
    
        
    }
    .about_us_right img{
        width: 100%;
        height: 100%;
    }
    
}
@media only screen and (max-width: 760px) {
    .about_us_left{
        width: 100%;
        height: auto;
        float: left;
        text-align: center;
        font-size: 70%;
    }
    .about_us_right{
        width: 100%;
        height: 200px;
        float: left;
    
        
    }
    .about_us_right img{
        width: 100%;
        height: 100%;
    }
    
}
/*----------------------------------------------------------Consultation-------------------------------------------------------*/

.products{
    float: left;
    width: 100%;
   
    background: url(../img/main/BIG\ HARVEST\ AND\ AGRI\ PRODUCTS\ DISTRIBUTORS\ products.webp)   no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size:  auto 120vh;
    color: white;
    text-align: center;
    

    margin-top: 1%;

   
}

.products_item{
width: 47%;
height: auto;
margin: 1%;
border: 1px solid white;
border-radius: 30px;
text-align: center;
float: left;
font-size: 180%;
background-color: rgba(0, 0, 0, 0.226);
}
.products_item_bottom{
width: 98%;
height: auto;
margin: 1%;
border: 1px solid white;
border-radius: 30px;
text-align: center;
float: left;
font-size: 180%;
background-color: rgba(0, 0, 0, 0.226);
}

@media only screen and (max-width: 900px) {
    .products_item{
        width: 98%;
        margin: 1%;
        font-size: 100%;
       
        }
        .products_item_bottom{
            
            font-size: 100%;
          
            }
}

.Btractor{
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
}
.Btractor img{
    width: 50%;
    height: auto;
}
.business_inter{
    float: left;
    width: 100%;
   padding: 0;
    background: url(../img/main/International.webp)   no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size:  auto 120vh;
    color: white;
    text-align: center;
 

   
}
.business_inter_inner{
    height: auto;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    position: relative;
    top: 0;
    margin: 0;
    padding: 0;
    font-size: 180%;
}
.text_inner{
    width: 60%;
    height: auto;
    text-align: left;
    padding: 20px;
    position: relative;
    left: 20%;
}
.text_inner h2{
    margin: 0;
    padding: 0;
    font-size: 120%;
    text-align: center;
}
.text_inner h3{
    margin: 0;
    padding: 0;
    font-size: 100%;
    text-align: center;
}

.b_undeline{
   
    font-weight: bold;
}
.text_inner_img{
    width: 100%;
    height: auto;
    text-align: center;
    float: left;
}
.text_inner_img img{
    width: 95%;
    height: auto;
}
@media only screen and (max-width: 900px) {
    .text_inner{
        width: 98%;
        height: auto;
        text-align: left;
        padding:0;
        position: relative;
        left: 2%;
        font-size: 70%;
    }
}
.services{
width: 100%;
height: auto;

background: url(../img/main/fertilizer-bigharvest-background.webp) center center no-repeat;
background-size:  100% 100%;
float: left;
}
.services h2{
    text-align: center;
    width: 100%;
    font-size: 240%;
    color: white;
}
.services_inner{
    width: 47%;
    color: white;
    height: auto;
    margin: 1%;
    box-shadow: 1px 1px 1px 1px black;
    border-radius: 30px;
    text-align: center;
    float: left;
    font-size: 180%;
    background-color: #87cb28aa;

}
.services_inner_bottom{
    width: 98%;
    height: auto;
    margin: 1%;
    color: white;
   box-shadow: 1px 1px 1px 1px black;
    border-radius: 30px;
    text-align: center;
    float: left;
    font-size: 180%;
    background-color: #87cb28aa;
}
.Triomf{
    width: 100%;
    height: auto;
    float: left;
    text-align: center;

    
}
.Triomf img{
    width: 200px;
    height: auto;
  
}
@media only screen and (max-width: 900px) {
    .services_inner{
        width: 98%;
        margin: 1%;
        font-size: 100%;
       
        }
        .services_inner_bottom{
            
            font-size: 100%;
          
            }
}


.team{
    width: 100%;
    height: auto;
}
.team h4{
    font-size: 120%;
    text-align: center;
}
.team h2{
    text-align: center;
    width: 100%;
    font-size: 240%;
   
}
.team_member{
    width: 20%;
    height: auto;
    margin: 2%;
    border: 1px solid black;
    float: left;

}
.team_member_header{
    width: 100%;
    font-size: 120%;
    text-align: center;
    float: left;
}
.team_member_header img{
    width: 100%;
  
   
}
.team_member_body{
    width: 100%;
    height: auto;
    font-size: 100%;
    float: left;
    text-align: center;
    margin-top: 2%;
    margin-bottom: 4%;
}
.team_member_footer{
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
}
.team_member_footer img{
    height: 40px;
    width: 40px;
   
    margin: 1%;
    text-align: center;
}
@media only screen and (max-width: 800px) {
    .team_member{
        width: 45%;
       
    
    }
    .Triomf img{
        width: 100px;
        height: auto;
      
    }
}
.team h2 {
    font-size: 100%;
}
.contact_us{
    width: 100%;
    height: auto;
    float: left;
}
.contact_us h2{
    width: 100%;
    font-size: 180%;
    text-align: center;
}
.contact_us form{
width: 80%;
height: auto;
margin-left: 10%;
}
.contact_us_group{
width: 48%;
margin: 1%;
float: left;

}
.contact_us_group input{
width: 98%;
float: left;
height: 50px;
}
.contact_us_group input label{
font-size: 100%;
text-align: left;
}
.contact_us form button{
width: 100px;
height: 50px;
color: white;
background-color: #87cb28;
float: right;
margin: 2%;
}
.contact_us form textarea{
    width: 100%;
    float: left;
}
.G_maps{
    width: 93%;
    margin: 3%;
    height: auto;
    float: left;
    text-align: center;
}
@media only screen and (max-width: 800px) {
    .contact_us_group{
        width: 98%;
        margin: 1%;
        float: left;
        
        }
}
.footer{
    width: 100%;
    height: 50px;
    margin-top: 4%;
    color: white;
    text-align: center;
    background-color: #87cb28;
    float: left;
}
.Submit_contact{
    display: none;
}
.error{
    color: red;
    text-align: center;
    width: 100%;
    float: left;
}
.contactUs_reply{
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0%;
    left: 0%;
    background-color: white;
    z-index: 1111111111111111111111;
    display: none;
}
.contactUs_reply_inner{
    width: 30%;
    height: 30%;
    position: absolute;
    top: 30%;
    left: 35%;
   
   background-color: #87cb28;
   text-align: center;
    border-radius: 20px;
 
}
.contactUs_reply_inner button{
    height: 50px;
    width: 100px;
    background-color: white;
    border: 1px solid black;
}
@media only screen and (max-width: 800px) {
    .contactUs_reply_inner{
        width: 95%;
        height: 50%;
        position: absolute;
        top: 10%;
        left: 2%;
       
       background-color: #87cb28;
       text-align: center;
        border-radius: 20px;
     
    }
}