/*
Theme Name: Farmus - Agriculture and Organic Farm HTML5 Template
Theme URI: https://themeforest.net/user/techsometimes/portfolio
Design by: techsometimes
Developed by: A N Abdullah Al Numan
Version: 1.0
License: 
Tags: 
*/

:root{--color-white:#fff;--color-white2:#f8f7f0;--color-white3:#f7f7f7;--color-black:#24231d;--color-black2:#333f4d;--color-gBlack:#878680;--color-border:#e3e3e3;--color-green:#4baf47;--color-yellow:#eec044;--color-tr:transparent}
@media (min-width:300px) and (max-width:876px){
	.top-bar.v1 {
   display:none;
}

	.top-bar.v1 .top-display-info li:nth-child(2){display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}
}
@media (min-width:576px){.top-bar.v1 .top-display-info li:nth-child(2){display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}
.info-footer.v2 .row>div:first-child .footer__widget,.info-footer.v2 .row>div:nth-child(2) .footer__widget{margin-top:0}
}
@media (min-width:767px){section{padding:80px 0}
.top-bar.v1 .top-display-info li:nth-child(3){display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}
.banner.v1 .banner-content{padding:80px 0}
.about-us.v1 .about-us-img{width:90%}
.about-us.v1 .about-us-img img{width:100%;margin-top:-10px}
.about-us.v1 .about-us-img .count-shap{width:65%}
.about-us.v1 .about-us-img .about-profile .img-shap-left{width:120px;height:90px;left:calc(5% + 8px);bottom:10%}
.about-us.v1 .about-us-img .about-profile .img-shap-right{width:84px;height:100px;top:0px;right:0}
.projects-gallery.v1 .row>div:nth-last-child(2) .gallery-card,.projects-gallery.v2 .row>div:nth-last-child(2) .gallery-card,.services.v1 .row>div:nth-last-child(2) .provide-card,.services.v2 .row>div:nth-last-child(2) .provide-card,.work-process.v1 .row>div:nth-last-child(2) .work-card{margin-bottom:0}
.counting-items.v1,.counting-items.v2{padding-bottom:80px}
.our-blogs.v1 .row>div:nth-last-child(2) .blog-card,.our-blogs.v2 .row>div:nth-last-child(2) .blog-card,.our-team.v1 .row>div:nth-last-child(2) .team-card,.our-team.v2 .row>div:nth-last-child(2) .team-card{margin-bottom:0}
.info-footer.v2 .logo-subscriber .sent-email{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:60px;width:calc(100% - 290px)}
.info-footer.v2 .logo-subscriber .sent-email input{width:calc(100% - 200px);height:100%}
.info-footer.v2 .logo-subscriber .sent-email input~button{margin-top:0}
.info-footer.v2 .logo-subscriber .sent-email button{width:200px;height:100%;border-radius:0}
}
@media (min-width:992px){.section-title-center-white h6,.section-title-center h6{max-width:25%}
.section-title-center-white h2,.section-title-center h2{max-width:42%}
.section-title-center-white p,.section-title-center p{max-width:90%}
section.pt-lg-spach{padding-top:200px}
section.pb-lg-spach{padding-bottom:200px}
section.mt-lg-spach{margin-top:-100px}
section.mb-lg-spach{margin-bottom:-100px}
.title-left-right .left-content{width:45%}
.breadcum.v1 .breadcum-content{padding:180px 0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;text-align:inherit}
.breadcum.v1 .breadcum-content h2~ul{margin-top:0}
.play-btn.v2{width:80px;height:80px}
.message-form.v1 .my-select,.message-form.v1 input,.message-form.v2 .my-select,.message-form.v2 input{width:calc(50% - 15px)}
.message-form.v3 .my-select,.message-form.v3 input{width:calc(33.3333333% - 20px)}
.blog-sidebar__wrapper .blog-sidebar__widget:first-child{margin-top:0}
.blog-sidebar__wrapper .blog-sidebar__widget-head{padding:20px 30px;border-radius:5px 20px 0 0}
.blog-sidebar__wrapper .blog-sidebar__widget-head .blog-sidebar__widget-title{font-size:24px;line-height:36px}
.blog-sidebar__wrapper .category-list li{gap:10px}
.blog-sidebar__wrapper .category-list h6{font-size:18px;line-height:28px}
.banner.v1 .banner-content,.banner.v2 .banner-content{padding:100px 50px 100px 0}
.banner.v1 .banner-content h2,.banner.v2 .banner-content h2{font-size:40px;line-height:50px}
.banner.v1 .banner-content h2~p,.banner.v1 .banner-content h6~h2,.banner.v2 .banner-content h2~p,.banner.v2 .banner-content h6~h2{margin-top:8px}
.banner.v1 .banner-content p~ul,.banner.v2 .banner-content p~ul{margin-top:15px}
.banner.v1 .banner-content ul,.banner.v2 .banner-content ul{gap:40px}
.banner.v1:before{opacity:1;        background: linear-gradient(92deg, #24231d87, transparent);}
.banner.v1 .circle-dot-shap,.banner.v1 .circle-shap,.banner.v1 .line-shap,.banner.v1 .lip-shap,.banner.v1 .right-bottom-shap{display:block}
.banner.v1 .banner-content{padding:160px 0}
.about-us.v2{position:relative;padding:0;background:#f8f7f0;}
.about-us.v2 .about-us-box{padding:60px 0px;border-radius:5px;background:#f8f7f0;display:-ms-flexbox;display:flex;gap:45px}
.about-us.v2 .about-us-img{width:50%}
.about-us.v2 .about-us-img .count-shap{width:26%}
.about-us.v2 .about-us-img~.about-us-content{margin-top:0}
.about-us.v2 .about-us-content{width:50%}
.about-us.v2 .about-us-content .box-img-list{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;gap:30px}
.about-us.v2 .about-us-content .box-img-list .left-img{width:50%}
.about-us.v2 .about-us-content .box-img-list .left-img~.check-mark-list{margin-top:0}
.about-us.v2 .about-us-content .box-img-list ul{width:90%}
.projects-gallery.v1 .row>div:nth-last-child(3) .gallery-card,.projects-gallery.v2 .row>div:nth-last-child(3) .gallery-card,.services.v1 .row>div:nth-last-child(3) .provide-card,.services.v2 .row>div:nth-last-child(3) .provide-card{margin-bottom:0}
.faq.v1{position:relative;padding:90px 0 0;z-index:1}
.faq.v1 .faq-img{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end;position:absolute;top:0;left:-5vw;width:63vw;height:100%;background-repeat:no-repeat;background-position:-4vw 0;background-size:cover;border-radius:0;z-index:-1;margin-bottom:0}
.faq.v1 .faq-img .small-box{position:relative;padding:20px;width:35%;right:calc(8vw + 23px);bottom:30px}
.faq.v1 .faq-img .small-box:before{opacity:.8;border-radius:5px}
.faq.v1 .faq-content{padding:30px 40px}
.faq.v2 .faq-img{margin:0 0 -70px}
.work-process.v1 .row>div:nth-last-child(3) .work-card,.work-process.v1 .row>div:nth-last-child(4) .work-card,.work-process.v2 .row>div:nth-last-child(3) .work-card,.work-process.v2 .row>div:nth-last-child(4) .work-card{    margin: 0 auto 30px;}
.counting-items.v1 .counting-item-list li{width:calc(33.3333333% - 20px)}
.counting-items.v2 .counting-item-list{padding:50px 100px}
.counting-items.v2 .counting-item-list li{width:calc(25% - 25px)}
.our-blogs.v1 .row>div:nth-last-child(3) .blog-card,.our-blogs.v2 .row>div:nth-last-child(3) .blog-card,.our-team.v1 .row>div:nth-last-child(3) .team-card,.our-team.v1 .row>div:nth-last-child(4) .team-card,.our-team.v2 .row>div:nth-last-child(3) .team-card{margin-bottom:0}
.service-details.v1 .service-links-list h5{padding:20px 40px}
.service-details.v1 .service-links-list ul{padding:4px 20px;border-radius:0 0 5px 5px}
.service-details.v1 .service-links-list li a{font-size:18px}
.service-details.v1 .service-content{margin-top:0}
.service-details.v1 .serv-box-img-text .box-img,.service-details.v1 .serv-box-img-text .box-text{width:calc(50% - 15px)}
.service-details.v1 .our-features ul{gap:40px 30px}
.service-details.v1 .our-features ul li{width:calc(50% - 30px)}
.projects-details.v1 .projects-social{-ms-flex-pack:end;justify-content:flex-end}
.projects-details.v1 .main-content .projects-info .info-list{margin:-65px 60px 0}
.projects-details.v1 .main-content .projects-info .info-list li{padding-left:40px;width:25%}
.projects-details.v1 .main-content .projects-info .info-list li~li{border-left:1px solid var(--color-border)}
.projects-details.v1 .main-content .prev-next-btns{margin-top:100px}
.contact-us.v1 .contact-info{margin-top:0}
.contact-us.v1 .contact-info .contact-list li{width:calc(50% - 15px)}
.contact-us.v1 .contact-info .contact-list .my-icon{font-size:40px}
.faq-info.v1 .accordion li{width:calc(50% - 15px)}
.map-info.v1 .contact-info{margin-top:-70px}
.map-info.v1 .contact-info li{width:calc(30% - 30px)}
.blog-post.v1 .blog-post-card .post-body{padding:50px 30px 0}
.blog-post.v1 .blog-post-card .post-body .day-box{position:absolute;right:30px;top:calc(-20% - 18px);padding:20px;width:100px;height:100px;text-align:center;font-size:24px;line-height:30px;color:var(--color-white);border-radius:5px;background:var(--color-green);z-index:1}
.blog-post.v1 .blog-post-card .post-body .day-box~.post-title{margin-top:0}
.blog-details.v1 .main-text h2{font-size:30px;line-height:45px}
.blog-details.v1 .main-text .article-text{padding:110px 30px 35px}
.blog-details.v1 .main-text .article-text:before{top:35px;left:30px;font-size:65px}
.blog-details.v1 .next-preve-post{-ms-flex-pack:justify;justify-content:space-between}
.blog-details.v1 .next-preve-post a{width:calc(50% - 20px)}
.blog-details.v1 .next-preve-post a.next-post{-ms-flex-pack:end;justify-content:flex-end;border-left:1px solid var(--color-green)}
.info-footer.v1 .footer__widget{margin-top:0}
}
@media (min-width:1200px){section{padding:30px 0}

section.pt-xl-spach{padding-top:80px}
section.pb-xl-spach{padding-bottom:200px}
section.mt-xl-spach{margin-top:-100px}
section.mb-xl-spach{margin-bottom:0px}
.top-bar.v1{position:relative;padding-bottom:2px;background:var(--color-white2)}
.top-bar.v1:before{position:absolute;content:"";width:100%;bottom:0;left:0;background:var(--color-green)}
.top-bar.v1 .top-info{padding:20px 25px}
.top-bar.v1 .top-display-info{position:relative;gap:20px;-ms-flex-pack:justify;justify-content:space-between;padding:20px 25px;border-radius:5px;margin-bottom:0px}
.top-bar.v1 .top-display-info li~li{border-left:1px solid var(--color-border);padding-left:20px}
.top-bar.v1 .top-display-info .info-icon .my-icon{font-size:30px}
.top-bar.v1 .top-display-info .info-text p{display:block}
.top-bar.v1 .top-display-info .info-text p~h6{margin-top:0}
.top-bar.v1 .top-display-info .info-text h6{font-size:16px}
.top-bar.v1 .top-display-info .top-bar-search .search-close{top:120px;right:80px}
.top-bar.v1 .top-display-info .top-bar-search form{width:50%;height:70px}
.top-bar.v1 .top-display-info .top-bar-search form button,.top-bar.v1 .top-display-info .top-bar-search form input{font-size:24px}
.menu-bar.v1{background:var(--color-green)}
.menu-bar.v1 .menu-bar-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20}
.menu-bar.v1 .mobile-header{display:none}
.banner.v2 .profile-img .main-img{text-align:right}
.banner.v2 .profile-img .main-img:before{width:calc(100% - 90px);height:calc(100% - 50px);left:40px;border-radius:40% 0 0 40%}
.banner.v2 .profile-img .main-img img{width:calc(100% - 130px)}
.banner.v2 .profile-img .plan-p{margin-top:0}
.banner.v2 .profile-img .plan-p li{position:absolute;z-index:2;width:115px;height:115px}
.banner.v2 .profile-img .plan-p li:first-child{top:calc(10% + 22px);left:30px}
.banner.v2 .profile-img .plan-p li:nth-child(2){top:calc(50% + 35px);transform:translateY(-50%);left:0}
.banner.v2 .profile-img .plan-p li:nth-child(3){bottom:0;left:30px}
.banner.v2 .profile-img .plan-p li:nth-child(3)~li{display:none}
.counting-items.v1,.counting-items.v2{padding-bottom:0}
.massage-form.v1{position:relative;padding:0;z-index:1;overflow:hidden}
.massage-form.v1 .right-bottom-shap,.massage-form.v1:before{position:absolute;content:"";width:calc(50vw + 30px);height:100%;top:0;right:0;z-index:-1}
.massage-form.v1:before{background:var(--color-white2)}
.massage-form.v1 .main-form-massage{margin-top:0}
.info-footer.v1,.info-footer.v2{padding-top:85px}
.info-footer.v1 .main-footer,.info-footer.v2 .main-footer{margin-top:35px}
.info-footer.v1 .footer__widget .subscriber form{padding:10px 10px 10px 0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;border:1px solid var(--color-green);border-radius:5px}
.info-footer.v1 .footer__widget .subscriber form input{width:70%;border:none;border-radius:0}
.info-footer.v1 .footer__widget .subscriber form input~button{margin-top:0}
.info-footer.v1 .footer__widget .subscriber~.address-info{margin-top:65px}
.info-footer.v1 .footer__widget .address-info>li{width:calc(50% - 15px)}
.info-footer.v2 .footer__widget{margin-top:0}
.info-footer.v2 .logo-subscriber .footer-subscrib{width:calc(100% - 330px)}
}
@media (min-width:1400px){.banner.v2 .profile-img .plan-p li{width:135px;height:135px}
}