.what-we-do-ul.new-3 li{ width: 33%; padding: 0 1%;}
.what-we-do-ul.new-3{margin-left: -2%; margin-right: -2%; display: flex; flex-wrap: wrap;}
.what-we-do-ul.new-3 > :nth-child(3n-1)  { margin-top:-95px;}
.about-top-3-cl li{ border: none;}
.about-top-3-cl li .border-style{ border: solid 1px #47816a; padding: 5%;}
.what-we-img{ background: #fff;}
.recipes-detail-banner{ height: 100vh;}
.recipes-detail-banner-img{ width: 72%; margin-left: auto; margin-right: auto;}
.recipes-detail-banner-img img{ max-width: 100%;}
.rec-banner-top{ width: 100%; position: absolute; left: 0; top: 0; z-index: 50; height: 100%;}
 
.banner-main.h-auto{ height: auto;}

.header-main{ z-index: 999 !important;}
.search-block{z-index: 1000 !important;}
.btn-primary.fill-yellow:focus{ background: #bfa22c !important; color: #fff;}




@media screen and (max-width: 1300px) {
.banner-txt {
    position: unset;
    padding-top: 35px;
    padding-bottom: 10px;
    background: #4f8932;
}
.page-template-about-us .banner-txt {
    padding-bottom: 104px;
}
.counder-block{ margin-top:45px; top: unset;}
.footer-img-01{     background-size: 130% !important;}
}


@media screen and (max-width: 1024px) {
.header-main .menu-ul{ max-width: unset;}
.banner-main{ padding-top: 99px  }
.what-we-do-ul.new-3 li{ width: 50%;}
.what-we-do-ul.new-3 > :nth-child(3n-1){margin-top: 0;}
.what-we-do-ul.new-3{margin-left: 0; margin-right: 0;}
.about-top-3-cl li .border-one{height: 100%;}
.search-block-ul select{padding: 20px;}
}



@media screen and (max-width: 820px) {
    .inner-banner{height:525px !important;}
 
    .recipes-detail-banner {
        height: 47vh;
    }
    .inner-banner .sub-banner-txt {
        padding-top: 12vh !important;
    }
    .banner-txt-about .wrap{margin-left: 3%; margin-right: 3%; width: calc(100% - 6%);}
    .footer-img-01 {
        background-size: 154% !important;
    }
}


@media screen and (max-width: 600px) {
    .inner-banner .sub-banner-txt { padding-top: 10vh !important;}
      
    .inner-banner h1 {font-size: 36px !important;}
    .what-we-do-ul.new-3 li{ width: 100%;}
    .what-we-do-ul.new-3{margin-left: 0; margin-right: 0;}
    .what-we-do-ul.new-3 > :nth-child(3n-1)  { margin-top:0px;}
    .margin-top-mob .pt-90.w-100{ padding-top: 0;}
    .recipes-detail-banner {
        height: 260px;
    }
    .inner-banner{height:225px !important;}
    .message-box{margin-left: 0; margin-right: 0; width: 100%;}
    .contact-form-main .contact-form-block{padding-right: 0;}
    .f-link-ul li.fc-01{width: 40%;}
    .footer-img-01 {
        background-size: 250% !important;
    }
}


.inner-banner{ height: 630px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; overflow: hidden;}
.inner-banner h1{ font-weight: 400; font-size: 95px; margin: 0; text-transform: uppercase; text-align: center; color: #fff; z-index: 50; position: relative;}
.inner-banner .sub-banner-txt{ padding-top: 38vh;}
.inner-banner .wrap{ height: 100%;}
.ele-1{ position: absolute;  z-index: 80; bottom: 0; left: 0; width: 41%;}
.ele-2{position: absolute; z-index: 80; bottom: 0; right:5%; width: 40.5%;}
.ele-3{position: absolute; z-index: 80; bottom: 8%; right: -10%; width: 17%;}
.ele-4{position: absolute; z-index: 80; bottom: 33%; right: 3%; width: 17%;;}
.ele-5{position: absolute; z-index: 80; top: 0; left: 0%; width: 17%;;}

.leaves-animation img{
    transition: all linear 1s;
    position: relative;
	-moz-transition: all linear 1s;
	-webkit-transition: all linear 1s;
	-o-transition: all linear 1s;
	-ms-transition: all linear 1s;
	animation: ball .8s linear infinite alternate;
	-moz-animation: ball .8s linear infinite alternate;
	-webkit-animation: ball .8s linear infinite alternate;
	-o-animation: ball .8s linear infinite alternate;
	-ms-animation: ball .8s linear infinite alternate;
}



.ele-1-m{ position: absolute; left: 0; top: 0; width: 52%; }
.ele-2-m{ position: absolute; right: 0; top: 0; width: 27%; }
.ele-3-m{position: absolute; width: 38%; left: 31%; bottom:-40px;}
.ele-4-m{ width:7.8%; position: absolute; left:0%; bottom: 10%;}
.ele-5-m{ width:41.8%; position: absolute; left:-8%; bottom: 10%;}
.ele-6-m{ width:14.8%; position: absolute; right: 0%; bottom: 5%;}