/*
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: 350px) and (max-width: 576px) {
    
    /* edited contact page*/
      .mobile-view{ display:flex; flex-direction:column;}
    
    
    /* edited contact end*/

    /* edited home page */
    .border1{
         border-bottom: 1px solid white!Important;
         padding-top:13px!Important;
         padding-bottom:13px!Important;
    }
 

    
    .top-bar.v1 .top-display-info li:nth-child(2) {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
    }
    
     .hide{
        /*width:350px!important;*/
        width:auto;
        padding-bottom:15px;
    }

     /* edited one */

     .contact-info{
        display: flex;
        flex-direction: column; /* Change to column layout on mobile */
        align-items: center; /* Center items vertically */
        
        padding: 0px;
        justify-content: space-evenly;
        margin: 20px;
    }
   /* Home page layout */
    .abt1 {
        order: 2;
      }
    
      .abt2 {
        order: 1;
      }
   /* Why us layout */   
    
      .abt3 {
        order: 2;
      }
    
      .abt4 {
        order: 1;
      }
    
      .abt5 {
        order: 2;
      }
    
      .abt6 {
        order: 1;
      }
      
      /* Center alignment in mobile view*/
      
      .center-align{
          text-align:center!important;
          
      }
      
      .justify-center{
          justify-content:center!important;
      }
}
@media (min-width: 576px) {
      /* edited contact page*/
      .mobile-view{ display:flex; flex-direction:column; align-items:self-start!Important;}
    
    
    /* edited contact end*/
    
   
    .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) {
    
    /*edited stats*/
    .border1{
         border-right: 2px solid white!Important;
         padding-top:13px!Important;
         padding-bottom:13px!Important;
    }
    .pad{
        padding:0px !Important;
    }
    section {
        padding: 10px 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: 50px;
    }
    .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: -140px;
        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) {

    /* edited one */
    .mobile-view{ display:flex; flex-direction:row;}

    .wrap-property{
        flex-wrap: nowrap;
        width: 100%;
        
    }
    
    .hide{
        display:none;
    }

    .contact-info{
        display: flex;
        flex-direction: row; /* Change to column layout on mobile */
        align-items: center; /* Center items vertically */
        flex-wrap: nowrap   ;
        padding: 0px;
        margin: 0px;
       
    }
    .contact-info li, .my-icon{
        height: 330px;
        /*min-width: 25%;*/
        text-align: center;
        justify-content: center;
        
        padding: 0px;
        margin: 0%;
        align-items: center;
        
    }
    
    .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: 75%;
    }
    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: 150px 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: 65px;
        line-height: 85px;
    }
    .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: 35px;
    }
    .banner.v1 .banner-content ul,
    .banner.v2 .banner-content ul {
        gap: 40px;
    }
    .banner.v1:before {
        opacity: 1;
        background: linear-gradient(90deg, #24231d, 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: 100px 0;
    }
    .about-us.v2 {
        position: relative;
        padding: 0;
        background: var(--color-tr);
    }
    .about-us.v2 .about-us-box {
        padding: 60px 45px;
        border-radius: 5px;
        background: var(--color-white2);
        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: 50%;
    }
    .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: 600px;
        background-repeat: no-repeat;
        background-position: right;
        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: 0.8;
        border-radius: 5px;
    }
    .faq.v1 .faq-content {
        padding: 60px 40px;
    }
    .faq.v2 .faq-img {
        margin: 0 0 -140px;
    }
    .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-bottom: 0;
    }
    .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% - 30px);
    }
    .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 .  {
        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: 48px;
        line-height: 60px;
    }
    .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;
    }
    
      .pad{
        padding-top:50px !Important;
    }
}
@media (min-width: 1200px) {
    .mobile-view{ display:flex; flex-direction:row;}
    .pad{
        padding-top:100px !Important;
    }
    
    .section1 {
        padding: 15px 0;
    }
    section {
        padding: 100px 0;
    }
    section.pt-xl-spach {
        padding-top: 200px;
    }
    section.pb-xl-spach {
        padding-bottom: 200px;
    }
    section.mt-xl-spach {
        margin-top: -100px;
    }
    section.mb-xl-spach {
        margin-bottom: -100px;
    }
    .top-bar.v1 {
        position: relative;
        padding-bottom: 20px;
        background: var(--color-white2);
    }
    .top-bar.v1:before {
        position: absolute;
        content: "";
        width: 100%;
        height: 20px;
        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: 30px 25px;
        border-radius: 5px;
        background: var(--color-white);
        margin-bottom: -20px;
        left:300px;
    }
    .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: 0px;
    }
    .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;
    }
}