/* Mobile */
@media screen and (max-width: 576px){
    .navbar-brand img{
        width: 45px !important;
    }
    .navbar-brand h1{
        font-size: 20px !important;
    }
    .navbar-nav .nav-item{
        margin-bottom: 7px;
    }
    .navbar-nav{
        position: absolute;
        margin-top: 20px;
        width: 84%;
        background-color: #122d06;
        border-radius: 15px;
        padding: 15px 10px;
        transition: .5s;
    }
    .banner-carousel{
        top: -125px;
    }

    .slide-bg h2{
        font-size: 35px !important;
        margin-bottom: 20px;
    }
    .slide-bg p{
        font-size: 18px;
    }
    .slide-bg a{
        font-size: 20px;
    }
    .who-we-are{
        padding: 0;
    }

    .section-title h2{
        font-size: 40px;
    }
    .section-title span{
        font-size: 18px;
    }
    .who-we-are p{
        font-size: 20px;
        line-height: 38px;
    }
    .btn-main{
        font-size: 20px;
    }

    .cta-section h3{
        font-size: 33px;
        line-height: 52px;
    }
    .input-group{
        width: 100% !important;
    }
    .footer-logo img{
        width: 180px;
    }

    .slide-bg2 h2{
        font-size: 80px !important;
        line-height: 80px !important;
        margin-bottom: 20px;
    }
    .value-section{
        margin-top: -50px;
    }
    .value-section h2{
        font-size: 35px !important;
    }
    .career-form h2{
        font-size: 35px !important;
    }
    .value-section .item p{
        font-size: 18px !important;
        line-height: 32px !important;
    }
    .career-form .form-group{
        margin-bottom: 25px;
    }
    .cta-section h3{
        font-size: 32px !important;
    }
    .service-banner h2{
        font-size: 39px !important;
        line-height: 48px !important;
        margin-bottom: 20px !important;
    }
    .content-section h2{
        font-size: 30px !important;
        line-height: 48px !important; 
    }
    .margin-top-clear{
        margin-top:-100px;
      }
    .bg-img h3{
        font-size: 21px;
        line-height: 38px;
    }
    .impact-snapshot ul{
        margin: 0px 40px !important;
        padding: 30px 0px !important;
    }
    .impact-snapshot ul li{
        font-size: 16px !important;
        margin-bottom: 10px !important;
    }
    .nav-pills .nav-link{
        font-size: 21px !important;
    }
}

/* Small Mobile */
@media screen and (max-width: 399px){
    .navbar-brand h1{
        font-size: 13px !important;
    }
    .navbar-brand img{
        width: 35px !important;
    }
    .navbar-toggler{
        padding: 0 !important;
    }
    .navbar-toggler i{
        font-size: 14px !important;
    }
    .slide-bg h2{
        font-size: 30px !important;
    }
    .slide-bg p{
        font-size: 18px !important;
    }
}

/* Tabs */
@media screen and (max-width: 899px){
    .who-we-are{
        padding: 0;
    }
}
@media screen and (max-width: 999px){
    .navbar-nav{
        position: absolute;
        margin-top: 20px;
        width: 84%;
        background-color: #122d06;
        border-radius: 15px;
        padding: 15px 10px;
        transition: .5s;
    }
}
 
/*Small Labtop */
@media (max-width: 1399px){
    .navbar-brand img{
        width: 50px;
    }
    .navbar-brand h1{
        font-size: 22px
    }
    .nav-link{
        font-size: 16px;
    }
    .btn-agri{
        font-size: 16px;
    }
    .slide-bg h2{
        font-size: 52px;
    }
    .slide-bg p{
        font-size: 21px;
    }
    .slide-bg a{
        font-size: 18px;
    }

    .section-title span{
        font-size: 18px;
    }
    .section-title h2{
        font-size: 40px;
    }
    .who-we-are p{
        font-size: 18px;
        line-height: 37px;
    }
    .btn-main{
        font-size: 18px;
    }
    .btn-main i{
        font-size: 18px;
    }
    .top-left img{
        left:50px;
        margin-top: -107px;
    }
    .top-right img{
        right:50px;
        margin-top: -205px;
    }
    .bottom-left img{
        left:50px;
        width: 350px;
        height: 258px;
    }
    .bottom-right img{
        right:50px;
    }

    .service-section .item h3{
        font-size: 18px;
        padding-bottom: 10px;
    }
    .service-section .item p{
        font-size: 12px;
        padding-bottom: 10px;
    }
    .service-section .item a{
        font-size: 14px;
    }
    .service-section .item a i{
        font-size: 14px;
    }

    .cta-section h3{
        font-size: 37px;
        line-height: 60px;
    }
    .input-group{
        width: 335px !important;
    }
    .input-group input::placeholder{
        font-size: 15px; 
        padding: 15px;
    }
    .input-group .form-control{
        height: 35px;
    }
    .btn-cta{
        font-size: 18px;
        padding: 6px 22px!important;
    }
    .btn-cta i{
        font-size: 18px;
    } 

    .footer-section .widget p{
        font-size: 16px;
        line-height: 34px;
        margin-bottom: 35px;
    }
    .social-media li a{
        padding: 15px 14px;
    }
    .social-media h3{
        margin-bottom: 10px;
    }
    .footer-section .item ul li a{
        font-size: 17px;
        line-height: 30px;
    }
    .footer-section .item p{
        font-size: 17px;
        line-height: 30px;
    }
    .footer-section .item a{
        font-size: 17px;
        line-height: 30px;
    }
    .footer-section .item a i{
        font-size: 17px;
        line-height: 30px;
    }
    .copyright p{
        font-size: 17px;
        line-height: 30px;
    }


    .slide-bg2 h2{
        font-size: 100px;
        line-height: 100px;
    }
    .slide-bg2 p{
        font-size: 19px;
    }
    .slide-bg2 a{
        font-size: 19px;
    }

    .value-section{
        padding: 0;
    }
    .value-section h2{
        font-size: 40px;
    }
    .value-section p{
        font-size: 20px;
        line-height: 38px;
    }
    .value-section .item i{
        font-size: 60px;
        margin-bottom: 8px;
    }
    .value-section .item h3{
        font-size: 20px;
        margin-bottom: 8px;
    }
    .value-section .item p{
        font-size: 13px;
        line-height: 27px;
        text-align: start;
    }

    .career-form h2{
        font-size: 40px;
    }
    .career-form p{
        font-size: 20px;
        line-height: 38px;
    }
    .career-form .form-group label{
        font-size: 22px;
    }
    .career-form .form-group input::placeholder{
        font-size: 22px;
    }

    .service-banner h2{
        font-size: 50px;
        line-height: 70px;
    }
    .service-banner p{
        font-size: 17px;
    }
    .service-banner a{
        font-size: 15px;
    }

    .content-section{
        padding: 30px 0;
    }
    .content-section h2{
        font-size: 35px;
        line-height: 52px;
    }
     
    .bg-img h3{
        font-size: 28px;
        line-height: 45px;
    }
    .item-points li{
        font-size: 20px;
        line-height: 34px;
    }
    .card h5{
        font-size: 17px;
        margin-bottom: 0;
    }
    .card h3{
        font-size: 25px;
        margin-bottom: 0;
    }
    .graph-content span{
        font-size: 16px;
    }
    .platform-features .item img{
    width: 52px;
    }
    .platform-features .item h4{
    font-size: 20px;
    line-height: 28px;
    }
    .platform-benefits .item h3{
    font-size: 20px;
    }
    .platform-benefits .item p{
    font-size: 14px;
    line-height: 24px;
    }
    .agriculture-inputs .item{
        padding: 15px;
    }
    .agriculture-inputs .item img{
        width: 60px !important;
        height:60px !important;
        margin-right: 10px;
    }
    .agriculture-inputs .item h3{
        font-size: 16px;
        margin-bottom: 0;
    }
    .agriculture-inputs .item ul li{
        font-size: 12px;
        line-height: 26px;
    }
    .agriculture-inputs .item ul{
        padding-left:18px
    }
    .impact-snapshot h3{
        font-size: 24px;
    }
    .impact-snapshot ul{
        margin: 0px 50px;
        padding: 12px 0px;
    }
    .impact-snapshot ul li{
        font-size: 18px;
        margin-bottom: 10px;
    }
}