/* --------------

Templ


















ate name: Olive Zaitun
Author: del-code
Version: 1.0

-------------- */

/*------------------------------------------------------------------
[Table of contents]

1. header / #header
2. header text / .v-center h2
3. product /.product-img
4. subscribe / #subscribe
5. service / .line-service
6. divider / .section-divider
7. team / .team-info-container
8. blog / .author img
9. footer label / .footer-label img
10. contact / .mail

------------------------------------------------------------------*/

/* larger than 2560px */
@media (min-width: 2560px) {
	
	body {
		zoom: 200%;
	}

}	

@media (max-width: 1200px) {
	
	/*-- product --*/
	.product-img{
		width: 250px;
	}
	
	/*-- subscribe --*/
	#subscribe{
		white-space: normal;
	}
	
}
@media (max-width: 1200px) {
	
	/*-- product --*/
	.oil{
		margin-top: 10px;
	}
	.product-img-1{
		width: 200px;
		}
    
}
@media (max-width: 990px) {
  .about-section .content-column .inner-column{
    position: relative;
    padding-left: 30px;
    margin-top: 100px;
  }

}
@media (max-width:789px){
  .since {
    margin-top: 31px;
    padding: 0px;
}
	 .col-lg-4.service-gap{
	margin-bottom: 19px;}
}
@media (max-width:768px){
.nav-bar a {
    padding: 10px;
}
.inner-footer {
  width: 100%;
  margin: auto;
  padding: 35px 10px 0px;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  justify-content: center;
}
.ftco-section {
  padding: 2em 0;
  margin-top: -40px;
}
.slogan {
  color: black;
  /* padding: 46px 0 0px 0; */
}
.nav-bar ul {
  display: block;
  /* margin-top: -5px; */
  font-family: 'Lato';
  margin-left: 100px;
  padding: 2px 50px 7px 0px;
}
ul li {
  margin: 20px 0;
  height: 25px;
}
.footer-align {
  margin-left: 30px;
}
.footer-num{
  margin: 70px 0 0 0;
}

}
@media (max-width: 768px) {
	.about-img{
    margin-top: 34px;
  }
  .footer-items{
    padding: 9px 8px;
  }
  .footer-align-1 {
    margin-left: 52px;
}
  .ag-timeline_item:nth-child(2n+1) .ag-timeline-card_arrow {
    margin-left: calc(8px / 2);
    margin-right: calc(-18px / 2);
    }
    .ag-timeline_item:nth-child(2n) .ag-timeline-card_arrow {
    margin-left: 8px;
    
    right: auto;
    left: 0;
    }
    .about{
      margin-top: -73px;
    }
    .num-card3 img{
      margin-left: 160px;
    width: 100px;
    height: 100px;
    }
    .num-card4{
      margin-left: 76px;
    width: 100px;
    height: 100px;
    }
    .num-card5{
          margin-left: 165px;
    width: 100px;
    height: 100px;
}
.num-card2{
  width: 100px;
    height: 100px;
    margin-left: 75px;
}
.num-card1{
      width: 100px;
    height: 100px;
    margin-left: 153px;
}
.ag-timeline-card_item{
  margin-left: 100px;
}
.nav__link.active  {
	color: #5e3e0d;
	border-bottom: 3px solid transparent;
  }
    }
	.slogan, 
	.slogan-white, 
	.slogan-black, 
	.our-team
	{
		font-size: 2.7em;
	}
	.about-section .content-column .inner-column{
    position: relative;
    padding-left: 30px;
    margin-top: 100px;
  }
	/*-- product --*/
	.product-desc,
	.blog-desc
	{
		padding-top: 25px;
		padding-bottom: 25px;
	}
	
	.product-desc.last,
	.blog-desc.last
	{
		padding-bottom: 25px;
	}
	
	/*-- service --*/
	
	.service-container{ padding-bottom: 0; }
	
	.line-service{
		margin-bottom: 15px;
	}
	
	.service-wrap{ 
		padding-left: 3.2em;
		padding-right: 0em;
		padding-bottom: 20px;
	}
	
	.service-wrap.last{ padding-bottom:0; }
	
	.service-desc{ 
		padding-right: 0; 
		padding-left: 6.6em; 
		margin-top: 30px;
	}
	
	/*-- divider --*/
	.section-divider-img h1{ font-size: 3em; }
	
	/*-- team --*/
	.team-info-container{
		padding: 0 15px;
	}
	
	.team-info h3 {
		font-size: 1.6em;
	}
	
	/*-- blog --*/
	.author img{
		padding-bottom: 15px;
	}
	
	/*-- footer --*/
	
	.footer-label{ 
		margin-left: auto; 
		margin-right: auto; 
	}
	
	.footer-widget,
	.footer-link-container,
	.footer-social-container
	{
		text-align: center;
	}
	
	.social-icons{ 
		margin-left: auto;
		margin-right: auto;
	}
	
	.social-icons a{
		padding-left: 10px;
		padding-right: 10px;
	}
	
	#subscribe{ margin-top: 4em; }
	


@media (max-width: 736px) {
	
	/*-- header --*/
	#header,
	.sect-banner,
	#header.child-page,
	.sect-banner.child-page
	{
		height: 95vh;
	}
  .quick-link {
    width: 100%;
}
.ag-timeline-card_point {
 background-image: url(../images/harvesting.png);
  display: none;
}
/* .nav__link.active  {
	color: #5e3e0d;
	border-bottom: 3px solid transparent;
  } */
  .testim .cont > div {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    padding: 344px 0 56px 0;
    opacity: 0;
}
.testmonial {
  height: auto;
  /* margin-top: 250px; */
  margin-bottom: -733px;
}
.testmonial {
  height: auto;
  /* margin-top: 250px; */
  margin-bottom: -733px;
}
	.v-center h2{ font-size: 5.2em; }
	
	/*-- product --*/
	.box{ margin-top: 20px; }
	
	#search-container{
		text-align: center;
	}
	
	.related-product{ padding-left: 0; }
	
	.product-wrap{
		margin-left: 0;
		margin-right: 0;
	}
	
	.product-name{ padding-top: 20px; }
	
	/*-- service --*/
	.service-wrap{ 
		padding-left: 1.5em; 
		padding-right: 0em; 
	}
	
	.service-desc{ padding-left: 6.6em; }
	
	/*-- contact --*/
	.mail{
		background-color: #ffe34c;
	}
	
	.site{
		background-color: rgba(0,0,0,.6);
	}
	
}

@media (max-width: 568px) {
	
	/*-- footer label --*/
	.footer-label img{
		padding: 15px 0;
	}
	
}

@media (max-width: 480px) {
	
	.sect-banner .v-center h2{ letter-spacing: 3.5px; }
	
	.v-center h2{ font-size: 4.7em; }
	
	/*-- round link --*/
	.round-link{ 
		/*margin-left: 15px;*/ 
		margin-bottom: 10px; 
	}
	
	.service-wrap{ padding-left: 0; }
	
	/*-- contact --*/
	.mail{
		background-color: #ffe34c;
	}
	
	.site{
		background-color: rgba(0,0,0,.6);
	}
	
}

@media (max-width: 320px) {
	
	/*-- header text --*/
	.v-center h2{ font-size: 4em; }
	
}
@media (max-width: 789px) {
	
	.col_half { width: 49%; }
.col_third { width: 32%; }
.col_fourth { width: 100% }
.col_fifth { width: 18.4%; }
.col_sixth { width: 15%; }
.col_three_fourth { width: 74.5%;}
.col_twothird{ width: 66%;}
.footer-items .logo p {
  font-size: 31px;
  position: relative;
  left: -19px;
}
.info-wrap h3 {
	color: #fff; 
	padding: 0px;
}
  
	
}
@media screen and (max-width: 700px) {
    .nav-bar {
      display: none;
      position: absolute;
      top: 3.7rem;
      left: 0;
      width: 100%;
      background-color: var(--bgcolor);
      text-align: center;
    }
  
    .nav-bar.responsive {
      display: block;
      z-index: 1;
      margin-top: -20px;
      background-color: white;
    }
    .ag-timeline-card_title {
      display: none;
    }
  
    .nav-bar a {
      display: block;
    }
  
    .menu-icon {
      display: block;
      z-index: 1;
    }
  
    button {
      padding: 0.4rem;
    }
    .logo {
      font-size: 1.4rem;
    }
  }
  /* @import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;600;700;800&display=swap');

*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  margin: 0;
}

.wk-desk-1 {
  width: 8.333333%;
}

.wk-desk-2 {
  width: 16.666667%;
}

.wk-desk-3 {
  width: 25%;
}

.wk-desk-4 {
  width: 33.333333%;
}

.wk-desk-5 {
  width: 41.666667%;
}

.wk-desk-6 {
  width: 50%;
}

.wk-desk-7 {
  width: 58.333333%;
}

.wk-desk-8 {
  width: 66.666667%;
}

.wk-desk-9 {
  width: 75%;
}

.wk-desk-10 {
  width: 83.333333%;
}

.wk-desk-11 {
  width: 91.666667%;
}

.wk-desk-12 {
  width: 100%;
}

@media (max-width: 1024px) {
  .wk-ipadp-1 {
    width: 8.333333%;
  }

  .wk-ipadp-2 {
    width: 16.666667%;
  }

  .wk-ipadp-3 {
    width: 25%;
  }

  .wk-ipadp-4 {
    width: 33.333333%;
  }

  .wk-ipadp-5 {
    width: 41.666667%;
  }

  .wk-ipadp-6 {
    width: 50%;
  }

  .wk-ipadp-7 {
    width: 58.333333%;
  }

  .wk-ipadp-8 {
    width: 66.666667%;
  }

  .wk-ipadp-9 {
    width: 75%;
  }

  .wk-ipadp-10 {
    width: 83.333333%;
  }

  .wk-ipadp-11 {
    width: 91.666667%;
  }

  .wk-ipadp-12 {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .wk-tab-1 {
    width: 8.333333%;
  }

  .wk-tab-2 {
    width: 16.666667%;
  }

  .wk-tab-3 {
    width: 25%;
  }

  .wk-tab-4 {
    width: 33.333333%;
  }

  .wk-tab-5 {
    width: 41.666667%;
  }

  .wk-tab-6 {
    width: 50%;
  }

  .wk-tab-7 {
    width: 58.333333%;
  }

  .wk-tab-8 {
    width: 66.666667%;
  }

  .wk-tab-9 {
    width: 75%;
  }

  .wk-tab-10 {
    width: 83.333333%;
  }

  .wk-tab-11 {
    width: 91.666667%;
  }

  .wk-tab-12 {
    width: 100%;
  }
}

@media (max-width: 500px) {
  .wk-mobile-1 {
    width: 8.333333%;
  }

  .wk-mobile-2 {
    width: 16.666667%;
  }

  .wk-mobile-3 {
    width: 25%;
  }

  .wk-mobile-4 {
    width: 33.333333%;
  }

  .wk-mobile-5 {
    width: 41.666667%;
  }

  .wk-mobile-6 {
    width: 50%;
  }

  .wk-mobile-7 {
    width: 58.333333%;
  }

  .wk-mobile-8 {
    width: 66.666667%;
  }

  .wk-mobile-9 {
    width: 75%;
  }

  .wk-mobile-10 {
    width: 83.333333%;
  }

  .wk-mobile-11 {
    width: 91.666667%;
  }

  .wk-mobile-12 {
    width: 100%;
  }
}.wk-desk-1 {
    width: 8.333333%;
  }
  
  .wk-desk-2 {
    width: 16.666667%;
  }
  
  .wk-desk-3 {
    width: 25%;
  }
  
  .wk-desk-4 {
    width: 33.333333%;
  }
  
  .wk-desk-5 {
    width: 41.666667%;
  }
  
  .wk-desk-6 {
    width: 50%;
  }
  
  .wk-desk-7 {
    width: 58.333333%;
  }
  
  .wk-desk-8 {
    width: 66.666667%;
  }
  
  .wk-desk-9 {
    width: 75%;
  }
  
  .wk-desk-10 {
    width: 83.333333%;
  }
  
  .wk-desk-11 {
    width: 91.666667%;
  }
  
  .wk-desk-12 {
    width: 100%;
  }
  
  @media (max-width: 1024px) {
    .wk-ipadp-1 {
      width: 8.333333%;
    }
  
    .wk-ipadp-2 {
      width: 16.666667%;
    }
  
    .wk-ipadp-3 {
      width: 25%;
    }
  
    .wk-ipadp-4 {
      width: 33.333333%;
    }
  
    .wk-ipadp-5 {
      width: 41.666667%;
    }
  
    .wk-ipadp-6 {
      width: 50%;
    }
  
    .wk-ipadp-7 {
      width: 58.333333%;
    }
  
    .wk-ipadp-8 {
      width: 66.666667%;
    }
  
    .wk-ipadp-9 {
      width: 75%;
    }
  
    .wk-ipadp-10 {
      width: 83.333333%;
    }
  
    .wk-ipadp-11 {
      width: 91.666667%;
    }
  
    .wk-ipadp-12 {
      width: 100%;
    }
  }
  
  @media (max-width: 768px) {
    .wk-tab-1 {
      width: 8.333333%;
    }
  
    .wk-tab-2 {
      width: 16.666667%;
    }
  
    .wk-tab-3 {
      width: 25%;
    }
  
    .wk-tab-4 {
      width: 33.333333%;
    }
  
    .wk-tab-5 {
      width: 41.666667%;
    }
  
    .wk-tab-6 {
      width: 50%;
    }
  
    .wk-tab-7 {
      width: 58.333333%;
    }
  
    .wk-tab-8 {
      width: 66.666667%;
    }
  
    .wk-tab-9 {
      width: 75%;
    }
  
    .wk-tab-10 {
      width: 83.333333%;
    }
  
    .wk-tab-11 {
      width: 91.666667%;
    }
  
    .wk-tab-12 {
      width: 100%;
    }
  }
  
  @media (max-width: 500px) {
    .wk-mobile-1 {
      width: 8.333333%;
    }
  
    .wk-mobile-2 {
      width: 16.666667%;
    }
  
    .wk-mobile-3 {
      width: 25%;
    }
  
    .wk-mobile-4 {
      width: 33.333333%;
    }
  
    .wk-mobile-5 {
      width: 41.666667%;
    }
  
    .wk-mobile-6 {
      width: 50%;
    }
  
    .wk-mobile-7 {
      width: 58.333333%;
    }
  
    .wk-mobile-8 {
      width: 66.666667%;
    }
  
    .wk-mobile-9 {
      width: 75%;
    }
  
    .wk-mobile-10 {
      width: 83.333333%;
    }
  
    .wk-mobile-11 {
      width: 91.666667%;
    }
  
    .wk-mobile-12 {
      width: 100%;
    }
  } */
  @media (max-width:290px){
    .inner-footer {
      width: 100%;
      margin: auto;
      padding: 0px 10px 0px;
      display: flex;
      flex-wrap: wrap;
      box-sizing: border-box;
      justify-content: center;
  }
  }