@media (max-width:767px){
    p{
        font-size:14px;
    }
    ul li{
        font-size:14px;
    }
    .about-beadcr-content .aboubeadmenu li a, 
    .about-beadcr-content .aboubeadmenu li {
    font-size: 14px;
    }
    .about-beadcr-content h1 br{
        display:none;
    }
    .reduce-foodmain p{
        text-align:justify;
    }
   .popup-box{
       padding:20px;
   }
   .popup-box .form-group input,
   .popup-box .form-group textarea{
       font-size:14px;
   }
   .popup-box .submit-btn{
         padding: 10px;
        font-size: 15px;  
   }
   .popup-box h4 {
    font-size: 16px;
   }
    .where-agricu-sec .row {
    row-gap: 20px;
    }
    .guaran-teescontent .guaran-poins li {
    padding-left: 20px;
    }
    .guaran-teescontent .guaran-poins li:before{
        font-size:15px;
    }
    .contact-info-sec .row{
        row-gap:20px;
    }
    .about-beadcrum-sec {
    padding: 5rem 0;
    }
    .about-beadcr-content h1 {
    font-size: 25px;
    }
    .ul-ttag li {
    font-size: 14px;
    }
    .building-sustsec{
        padding:3rem 0;
    }
    .guaran-teescontent .title-benef {
    font-size: 16px;
    }
    .building-sustsec .solar-dehyd{
        flex-direction: column-reverse;
    }
    .supports-farmer-sec .row{
       flex-direction: column-reverse; 
    }
    .vision-empower-sec {
    padding: 3rem 0;
    }
    .supports-farmer-sec{
        padding: 3rem 0 0;  
    }
    .empower-farme .vision-empotitle {
    font-size: 16px;
    }
    .empower-farme {
    margin-right: 0;
    }
    .food-system-sec .food-syst-content {
    width: 100%;
    }
    .together-wesec {
    padding: 3rem 0;
    }
    .toget-bui-img, .toget-bui-img img {
    height: auto;
    }
    .shared-respo-sec {
    padding: 0 0 3rem;
    }
    .guaran-teescontent{
        padding:20px;
    }
    .together-main{
        width:100%;
    }
    .toget-bui-content {
    padding: 20px;
    }
    .contri-system-sec {
    padding: 3rem 0;
    }
    .contri-system-content .we-title {
    font-size: 16px;
    }
    .abot-keyboc {
    padding: 10px;
    height:100%;
    }
    .contri-system-sec .container  .row:nth-child(2){
          flex-direction: column-reverse;
    }
    .where-agricumain .real-loss{
         margin-top: 20px;
        gap: 25px;  
    }
    .farmes-waste-box{
        padding:20px;
    }
    .farmes-waste-box img {
    width: 30px;
    }
    .direc-why-sec {
     padding: 3rem 0;
    }
    .harvest-after{
        width: 100%;
        margin: 20px 0 40px; 
    }
    .solar-drying-why {
    margin-left: 0;
    }
    .drying-why-box .dryi-title{
        font-size:17px;
    }
    .solar-drying-why .drying-why-box{
        padding:20px;
    }
    .build-mainbox .natuiraly {
    font-size: 20px;
    }
    .promi-boxmani-bare .ofter-title {
    font-size: 16px;
    }
    .where-agricu-sec {
    padding: 3rem 0;
    }
    .where-agricumain{
        padding:20px;
    }
    .build-mainbox{
        padding:20px;
    }
    .suppor-build-sec {
    padding: 0 0 3rem;
    }
    .about-cta-sec {
    padding: 0 0 3rem;
    }
    .food-system-box img{
        height:auto;
    }
    .food-system-box h4{
        font-size:18px;
    }
    .solar-contemt-box {
    width: 100%;
    }
    .about-cta-main{
        width:100%;
        padding:20px;
    }
    .promi-iconssfruit-box{
        padding:20px;
    }
    .promi-iconssfruit-box .promi-content h4 {
    font-size: 16px;
    }
    .why-partner .why-paicon img{
        width:40px;
    }
    .promises-fruit-sec .row{
        row-gap:20px;
    }
    .solar-technology-sec{
        padding:3rem 0;
    }
    .promises-fruit-sec{
        padding:3rem 0;
    }
    .from-farm-sec{
        padding:3rem 0;
    }
    .missi-vissi-main {
    margin-top: 40px;
    row-gap: 20px;
    }
    .certifi-reco-sec {
        padding:0 0 3rem;
    }
    .recognit-box h4 {
    font-size: 20px;
    }
    .recognit-box .recognit{
       flex-wrap: wrap;
    }
    .our-catio-box{
        padding:20px;
    }
    .our-catio-box h4 {
    font-size: 20px;
    }
    .miss-vissi-box{
        padding:20px;
    }
    .miss-vissi-box .missi-content h4 {
    font-size: 17px;
    }
    .from-farm-sec .container > .row{
        flex-direction: column-reverse;
    }
    .miss-vissi-box .missicon-box img{
        width:50px;
    }
    .rom-farm-content p{
        text-align:justify;
    }
    .abot-keyboc .key-content span{
        font-size:16px;
    }
    .about-key-sec .row{
     row-gap:30px;   
    }
    .about-key-sec{
        padding:3rem 0;
    }
    .header-logo img{
        width:60px;
    }
    .dropdown-menu li{
        width: 30.33%;
    }
    .groiunf-gfren{
        padding:2rem 0;
    }
    .solar{
        font-size:16px;
        margin-bottom:10px;
    }
    .natuiraly{
        font-size:23px;
    }
    .dropdown-menu li a span {
    font-size: 12px;
    margin-top: 5px;
    }
    .secttion-title.text-center{
        margin-bottom:2rem;
    }
    .cliemtdd{
        padding:30px 0;
    }
    .solr-dried{
            gap: 7px;
    flex-wrap: wrap;
    }
    .cobet-image {
   
    width: 100px;
    height: 77px;
   
}
.quicxk li a{
    font-size:13px;
}
.cobet-image img {
    width: 64px;
}
.contact-info-layout{
    display: flex;
    margin:20px 0;
    padding-left: 5px;
    padding-right: 5px;
    flex-direction: column;
}
.quicxkdd li{
        margin: 10px 0;
            padding: 10px;
}
.step-circle{
        width: 75px;
    height: 75px;
}
.step-top{
    margin-bottom:15px;
}
.step-title{
    font-size:1rem;
}
.steps{
    grid-template-columns: repeat(2, 1fr);
}
.step-desc{
    font-size:13px;
}
.process{
    padding:2rem 0;
}
.section-header{
    
    align-items: center;
  
    margin-bottom: 12px;
    gap: 15px;
    flex-direction: column;
    text-align: center;
}
.step:not(:last-child)::after{
    display:none;
}
.badge{
    margin-bottom: 12px;
}
.banner-imagesd img{
        height: 79vh;
    object-fit: cover;
}
.badge span{
    font-size:8px;
}
.banner-titlsd {
    font-size: 23px;
}
.hero-card p {
    margin: 13px 0;
    font-size: 13px;
}
.chip{
    font-size:8px;
}
.farmers-gro-image.colee img{
    width:35px;
}
.step{
    padding:0;
}
.cal-tilsd{
     margin-top: 10px !important;
     font-size: 16px;
}
.contact-info.active{
    transform: translateY(0);
    margin:0;
}
.contact-info.active a {
   
    margin-top: 11px;
    display: block;
}
.contact-info.active .icon-wrap{
        flex-direction: row-reverse;
}
    .fact__item-two h4 span {
    font-size: 41px;
}
.keunbers figure img{
    margin-bottom:10px;
}
.energy-suffient figure img{
    margin-bottom:10px;
}
.thired-keunumbers{
    height:195px;
}
.lkast-keunf {
    height: 131px;
    margin-top: 15px;
}
.sericves-setion{
    padding:2rem 0;
}
.sericves-setion .natuiraly{
    font-size:23px;
    margin-bottom:10px;
    text-align:center;
}
.natuiasl-qiuaty{
    text-align:center;
}
.natuyrakl li{
    font-size:20px;
   
}
.natuyrakl{
     margin-bottom:20px;
}
.dreind-fuitwe img{
    height:unset;
    margin-bottom:20px;
}
.sericves-setion .accordion-body{
    font-size:14px;
}
.sericves-setion .accordion-button{
    padding:13px;
}
.sericves-setion .accordion-item h4{
    font-size:15px;
}
.productss{
    padding:1rem 0 2rem;
}
.tab-sectoon .nav{
    flex-wrap: nowrap;
    overflow: scroll;
    justify-content:unset;
    gap:5px;
}
.tab-sectoon .nav-tabs .nav-link{
        min-width: fit-content;
    width: 100%;
    font-size: 12px;
}
.prodct-sectio i{
        height: 25px;
    width: 25px;
    min-width: 25px;
    font-size: 12px;
}
.black-grapes{
    font-size:12px;
    padding:0 13px;
}
.our-stoiery{
    padding:1rem 0 2rem;
}
.dtikry-comtenty p{
    font-size:14px;
    font-weight:unset;
    text-align: justify;
}
.farmert-btn{
    padding: 9px 20px;
    margin-bottom: 15px;
    font-size: 13px;
}
.farmert-image{
    gap:5px;
}
.farmer-greoe{
    padding:2rem 0;
}
.colee h4{
    font-size:14px;
}
.farmers-gro-image.colee p{
    margin:0;
    font-size:13px;
}
.farmers-gro-image.colee{
    padding:14px;
}
.cta-sectionn{
    padding:1rem 0;
}
.conteny-cta{
    background: #698701ad;
    width: 100%;
    padding: 1rem;
}
.swipons{
    gap: 15px;
    flex-wrap: wrap;
}
.recomnfitons{
    padding:2rem 0;
}
.clientss{
    padding:2rem 0;
}
.farmers-gro-image img{
    object-fit:cover;
}
.footer-xzerctin{
    padding:2rem 0 0;
}
.footr-logo img{
    width:85px;
}
.footer-are{
    margin-bottom:15px;
}
.wuick-lines h4{
    font-size:18px;
}
.wuick-lines{
    margin:10px 0;
}
.wuick-lines.new{
    margin-left:unset;
}
.foot-botm{
    margin-top: 1rem;
    flex-direction: column;
    align-items: center;
    gap:6px;
}
}

@media (min-width:768px) and (max-width:900px){
    .about-beadcrum-sec {
    padding: 5rem 0;
    }
    .banner-titlsd{
        font-size:30px;
    }
    .building-sustsec,
    .where-agricu-sec, 
    .direc-why-sec, .contri-system-sec, 
    .vision-empower-sec, .together-wesec, .shared-respo-sec{
    padding: 4rem 0;
    }
    .toget-bui-content {
    padding: 25px;
    }
    .badge{
        margin-bottom: 20px;
    }
    .building-sustsec .solar-dehyd{
        flex-direction: column-reverse;
    }
    .harvest-after{
         margin: 50px auto 50px;
        width: 100%;   
    }
    .reduce-food-img{
        text-align:center;
    }
    .promi-boxmani-bare .ofter-title {
    font-size: 18px;
    }
    .promi-boxman-img{
        text-align:center;
    }
    .direc-why-content {
    position: relative;
    top: unset;
    text-align: center;
    }
    .solar-drying-why {
    margin-left: 0;
    }
    .drying-why-box .dryi-title {
    font-size: 16px;
    }
    .solar-drying-why .drying-why-box{
        width:49%;
        padding:20px;
    }
    .contri-system-sec .contri-sys-img {
        text-align:center !important;
    }
    .contri-system-sec .container .row:nth-child(2) {
        flex-direction: column-reverse;
    }
    .supports-farmer-sec .container .row{
        flex-direction: column-reverse; 
    }
    .suppo-farmerimg, .vision-empoimg{
        text-align:center;
    }
    .contri-system-content .we-title {
    font-size: 18px;
    }
    .food-system-sec .food-syst-content {
    width: 100%;
    }
    .together-main{
      width: 100%;  
    }
    .toget-bui-img, .toget-bui-img img {
    height: auto;
    }
    .shared-respo-sec .responsi-img{
        margin:0 auto;
    }
    .solar-drying-why{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .guaran-teescontent .title-benef {
    font-size: 18px;
    }
    .abot-keyboc .key-content span {
    font-size: 18px;
    }
    .about-beadcr-content h1 {
    font-size: 30px;
    }
    .promises-fruit-sec  .row{
        row-gap:20px;
    }
    .why-partner .why-paicon img{
        width:40px;
    }
    .about-cta-main{
        padding: 40px;
        width: 100%;  
    }
    .food-system-box img{
        height:auto;
    }
    .our-catio-box h4, .recognit-box h4 {
    font-size: 20px;
    }
    .promi-iconssfruit-box .promi-content h4 {
    font-size: 16px;
    }
    .promi-iconssfruit-box{
        padding:20px;
    }
    .about-key-sec .row{
     row-gap:20px;   
    }
    .certifi-reco-sec {
    padding: 4rem 0;
    }
    .solar-contemt-box {
    width: 100%;
    }
    .from-farm-sec {
        padding: 3rem 0 0;
    }
    .from-farm-img {
        text-align:center;
    }
    .from-farm-sec .container .row{
        row-gap:20px;
    }
    .our-catio-box {
        padding:20px;
    }
    .from-farm-sec .container .row:nth-child(1){
        flex-direction: column-reverse;
    }
    .recognit-box .recognit{
          flex-wrap: wrap;
    }
    .miss-vissi-box{
        padding-right: 40px;
    }
    
    .miss-vissi-box .missicon-box img{
        width:70px;
    }
     .dropdown-menu li {
        width: 15.33%;
    }
    .dropdown-menu li img{
        width:100%;
    }
    .bare-navi .head-log-imahge{
        margin:0 auto;
    }
    .hero-card p{
    margin: 30px 0;
    max-width: 100%;
    font-size: 15px;
    }
    .hero-card{
        padding:40px;
    }
    .banner-imagesd .banner-img{
        height: 500px;
    }
    .hero-card{
        max-height:fit-content;
    }
    .chips{
        margin-bottom: 0;
    }
    .groiunf-gfren {
    padding: 4rem 0;
    }
    .natuiraly {
    font-size: 28px;
    }
    .solar{
        font-size:18px;
    }
    .fact__item-two h4 span {
    font-size: 30px;
    }
    .fact__item-two h4 {
    font-size: 30px;
    }
    .secttion-title.text-center {
    margin-bottom: 2rem;
    }
    .keunbers .fact__item-two {
    margin-bottom: 1rem;
    }
    .groiunf-gfren .row{
        row-gap:30px;
    }
    .dreind-fuitwe img{
        height:auto;
    }
    .natuiasl-qiuaty{
        display:unset;
    }
    .sericves-setion .accordion-item{
        width:49%;
    }
    .increditbs .accordion{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 30px;
    }
    .sericves-setion .accordion-item h4 {
    font-size: 16px;
    }
    .sericves-setion .accordion-body {
    font-size: 15px;
    }
    .sericves-setion .natuiraly {
    font-size: 28px;
    }
    .natuyrakl li{
        font-size:20px;
    }
    .tab-sectoon .nav-tabs .nav-link{
        font-size:15px;
    }
    .black-grapes{
        font-size: 14px;
        width: 90%;
    }
    .prodct-sectio i{
        height: 30px;
        width: 30px;
        min-width: 30px;
    }
    .farmert-image{
        margin-top:30px;
    }
    .dtikry-comtenty p {
    font-size: 18px;
    }
    .farmers-gro-image.colee {
    padding: 20px;
    }
    .colee h4 {
    font-size: 16px;
    }
    .process .steps{
       grid-template-columns: repeat(2, 1fr); 
       row-gap:20px;
    }
    
    .section-header {
        margin-bottom: 40px;
        gap: 40px;
    }
    .step-top {
    margin-bottom: 26px;
    }
    .step-title {
    font-size: 17px;
    }
    .step-desc {
    font-size: 14px;
    }
    
    .cta-sectionn {
    padding: 5rem 0;
    }
    .conteny-cta{
        padding:25px;
    }
    .quicxkdd li {
    padding: 20px;
    }
    .step-circle {
    width: 84px;
    height: 84px;
    }

}

@media (min-width:901px) and (max-width:1200px){
    .about-beadcr-content h1 {
    font-size: 35px;
    }
    .harvest-after{
       margin: 50px 0;
        width: 100%; 
    }
    .abot-keyboc .key-content span{
        font-size:18px;
    }
    .promi-boxmani-bare .ofter-title {
    font-size: 18px;
    }
    .drying-why-box .dryi-title {
    font-size: 18px;
    }
    .contri-system-content .we-title {
    font-size: 18px;
    }
    .food-system-sec .food-syst-content {
    width: 100%;
    }
    .together-main{
      width: 100%;  
    }
    .guaran-teescontent .title-benef {
    font-size: 18px;
    }
    .abot-keyboc {
    padding: 15px;
    height: 100%;
    }
    .miss-vissi-box .missi-content h4 {
    font-size: 18px;
    }
    .miss-vissi-box .missicon-box img{
        width:70px;
    }
    .miss-vissi-box{
        padding-right:30px;
    }
    .our-catio-box h4, .recognit-box h4 {
        font-size: 20px;
    }
    .solar-contemt-box {
    width: 100%;
    margin: 0 auto;
    }
    .promi-iconssfruit-box{
        padding:20px;
    }
    .promi-iconssfruit-box .promi-content h4 {
    font-size: 17px;
    }
    .about-cta-main{
        padding:40px;
    }
    .food-system-box img{
        height:auto;
    }
}

@media (max-width: 1200px){
    .bare-navi{
        position: fixed;
        z-index: 999999;
        background: #fff;
        top: 0;
        width: 100%;
        height: 100vh;
        left: 0;
        padding: 60px 25px 25px;
        transform: translateX(100%);
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s linear;
        overflow-y:hidden;
    }
    .call-icons{
        display:block;
    }
        .bare-navi.shows {
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
        }
    /*.bliuk-order .enrey-btn{*/
    /*    display:none;*/
    /*}*/
    .dropdown-menu{
        position: relative;
        top: unset;
        padding: 10px;
        left: unset;
        width: 100%;
        opacity: 1;
        visibility: visible;
        gap: 10px;
        margin: 10px 0 0;
        height: 400px;
        overflow-x: hidden;
        overflow-y: scroll;
        transform: translateX(0);
    }
    .enrey-btn{
       
    padding: 10px 22px;
  
    font-size: 10px;
   
    }
    .head-log-imahge{
            display: block;
        /* height: 600px; */
        width: 600px;
        object-fit: contain;
        position: relative;
        top: 12%;
}
    .dropdown-menu-bixxx{
        display:none;
    }
    

    .hambuuefer {
        /*position: absolute;*/
        /*right: 21px;*/
        /*top: 25px;*/
        display: block;
        z-index: 999;
    }
    .enrey-btn span:nth-child(1) {
    transform: translate(-3.3em, -5em);
}
.enrey-btn span:nth-child(2) {
    transform: translate(-6em, 2.3em);
}
.enrey-btn span:nth-child(4) {
    transform: translate(3.5em, 2.4em);
}
.enrey-btn span:nth-child(5) {
    transform: translate(3.5em, -4.8em);
}
    .hambuuefer i {
        font-size: 25px;
        color: #771c16;
    }
    .close-button {
        position: absolute;
        right: 20px;
        display: block;
        top: 20px;
    }
    .close-button i {
        font-size: 25px;
        color: #771c16;
    }
    .ul-ttag{
    gap: 10px;
    justify-content: center;
    flex-direction: column;
    align-items: unset;
    padding: 0;
    }
    
    .dropdown-menu-bixxx.visible{
       display:block; 
    }
    .mango-tomat{
        position: absolute;
        right: 0;
        width: 20px;
        height: 20px;
        text-align: center;
        line-height: 23px;
        top: 0;
        background: #000;
        display: block;
        color: #fff;
        border: 1px solid #000;
    }
}