@media(min-width: 768px) {.footer-mobile{ display:none;}}


@media(max-width: 1400px) {}

@media(max-width: 1299px) {
	h2 { font-size: 40px; margin: 0px 0px 20px; }

.content-box { padding: 50px 0 80px; }
.testimonial .test-des p br { display: none; }
.Get-touch .touch-right h2{ color:#ffffff;}
.Get-touch .touch-right span{ color:#ffffff;}


}

@media(max-width: 1050px) {
	h2 { font-size: 35px; }
	h3 { font-size: 18px; margin: 0px 0px 20px; }

.tabin-section .icon { margin: 0 auto 25px; }
.tabin-section ul li { padding: 20px 0; }
.testimonial .test-img { padding: 0; text-align: center; }
.meet-team { padding: 50px 0 120px; }
.team.category.blog .col-sm-4 { padding-left: 25px; padding-right: 25px; }
.team.category.blog .col-sm-4:nth-child(n+4) { margin-top: 80px; }

.Get-touch .touch-right .form .col-sm-6{ width:100%;}
.Get-touch .touch-right .form .btn-submit{ margin-top:18px;}
#g-recaptcha-6{     margin: -12px 0 0 -76px;}
.Call-today{ margin-left:25px;}
.header-left .logo {width: 140px;}
.home-slider .banner-text h1, .banner-text h2{ color:#ffffff;}
.inner-banner .banner-overle h1, .inner-banner .banner-overle h2{ color:#ffffff;}

}


@media(max-width: 999px) {
	h2 { font-size: 32px; }

.content-box { padding: 40px 0 60px; }
.right-side { max-width: 100%; width: 100%; }
.content-side.right { max-width: 100%; width: 100%; float: left; margin-top: 40px; }
.right-col + .right-col { margin-top: 50px; }
.testimonial { padding: 30px 0 20px; }
.meet-team { padding: 50px 0 90px; }
.team.category.blog .col-sm-4 { width: 50%; float: left; }
.team.category.blog .col-sm-4:nth-child(n+3) { margin-top: 60px; }
.meet-team .meet-des p:last-child { padding: 0 0 60px; }

.about-us span{ font-size:18px;}
.about-us h2{ font-size:38px;}
.about-us p{ padding:0 0 60px;}

  #g-recaptcha-6{ margin: -12px 0 0 -56px; }

  .top-header{ display:block;}
  .search-bar { display:block;}
  .our-clients h2 { font-size:40px;}
  .services-right h2{ font-size:40px;}
  .home-slider .banner-text span{ font-size:27px; }
  .inner-banner .banner-overle span{font-size:38px;}
  .services-right p { padding:0 0 40px;}
  .our-clients { padding: 80px 0 80px;}
  .Our-services{     max-width: 1240px; width: 94%; padding: 0; margin-left: auto; margin-right: auto;}
  .services-right { padding-left:20px;}

  .search-bar button.search-btn { box-shadow: none; border: none; cursor: pointer; display: block !important; margin: 0 auto; background: #a5c893; color: #ffffff;position: absolute; top: 0; right: 0; height: 50px; }
  .search-bar .form-search input { width: 100%; padding: 15px; background: #ffffff; }
  .Our-services .col-sm-4 {   line-height: 0;   width: 100%;}.Our-services .col-sm-8 {   padding: 0;   width: 100%;}.services-box .services-img{ width:229px;}
  .Our-services .col-sm-3 { width: 50%; }
  .Our-services h2 {font-size: 38px;}
  .Call-today { margin-left: 0; margin-right: 10px;  margin-top: 8px;}

.right-top-phone-icon-mobile { display: block; }
.right-top-phone-icon-desktop { display: none; }

.home-slider { height: 330px; }
.home-slider .carousel-inner { height: 330px; }
.home-slider .carousel-inner .item { height: 330px; }
.home-slider .carousel-inner .item img { height: auto; max-width: 1020px; width: auto; position: relative; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); }

}

/***mobile*******/
@media(max-width: 767px) {
    .team.article .col-xs-6{width: 100% !important;}
	h2 { font-size: 30px; margin: 0 0 15px; }
	h3 { font-size: 17px; margin: 0px 0px 15px; line-height: 24px; }

.tabin-section .icon { margin: 0 auto 20px; }
.tabin-section ul li { padding: 15px 0; }
.right-col + .right-col { margin-top: 40px; }
.testimonial .test-img { text-align: left; }
.testimonial .test-des p { font-size: 18px; letter-spacing: 1px;  }

.team .team-img { width: 215px; height: 215px; }
.meet-team { padding: 40px 0 70px; }
.team .team-des { margin-top: 20px; }
.team.category.blog .col-sm-4:nth-child(n+3) { margin-top: 50px; }

.footer-top ul.social{ float:none; margin-top:35px;}
.footer-top{ text-align:center; border-bottom:none; padding-top:47px; padding-bottom:58px;}
.footer-bottom{ padding-top:0; padding-bottom:57px;}
.footer-bottom p{ text-align:center; padding-bottom:28px;}
.footer-menu{ text-align:center;}
.footer-bottom ul.footer-menu{ float:none;}

.about-us h2{ font-size:32px;}
.about-us .about-icon{ margin:0 auto 16px; width:100%; max-width:234px;}
.about-us .about-icon p{ padding-bottom:36px;}
.about-us p{ padding:0 0 55px;}
.Get-touch .touch-left{ display:none;}
.Get-touch .touch-right h2{     color: #ffffff;}
input[type="text"], input[type="email"], input[type="tel"], textarea{ border-bottom:1px solid #a5c893;}

#g-recaptcha-6 { margin: -12px 0 0 -133px;}
.our-clients{ background:#4b9228;}
.our-clients h2{ color:#ffffff; padding-bottom:20px;}
.our-clients span{ color:#ffffff;}
.our-clients  a{ color:#ffffff;}
.our-clients { padding: 25px 0 52px;}
.our-clients h2 { font-size:36px;}
.services-right h2{ font-size:36px;}
.services-left{ display:none;}
.Our-services { max-width: 1240px; width: 94%; margin-left: auto; margin-right: auto; margin-bottom: 10px; padding:0 15px;}
.services-right{ padding-left:0;}
.services-right p{ display:none;}
.services-box .services-des p{ display:block;}
.sldiebanner-wrap .mail-bottom{ display:none;}
.home-slider .banner-text .contact-us{ display:none;}
.home-slider .banner-text p{ padding:0;}
.home-slider .banner-text p br { display: none; }
.home-slider { height: 300px; }
.home-slider .carousel-inner { height: 300px; }
.home-slider .carousel-inner .item { height: 300px; }
.home-slider .carousel-inner .item img { max-width: 920px; }
.about-us{ padding-top:20px;}
.about-us span{ padding-bottom:20px;}

.inner-banner .banner-overle .contact-us{ display:none;}

.content-side.left{ width:100%;}
.content-box .left-side{ width:100%;}
.content-side.both{ width:100%;}
  .container{ padding:0 15px;}
  .footer-bottom ul.footer-menu li { margin-right:9px;}
  .Get-touch { margin-top: 20px;}
  
  .Our-services .col-sm-3 { width: 100%;}
	.Our-services h2 {font-size: 31px;}
  .Our-services p{ font-size:14px; min-height:0;}
  .Our-services h3{ min-height:0;}
  .footer-bottom ul.footer-menu li a{ font-size:14px;}
  .inner-banner .banner-overle span{ font-size:31px;}

  .inner-banner .custom { height: 300px; }
  .inner-banner .banner-overle { bottom: 60px; }

}

@media(max-width: 479px) {
	h2 { font-size: 26px; }

  .content-box { padding: 30px 0 45px; }
  .right-col + .right-col { margin-top: 30px; }
  .team-right .team-img { margin-bottom: 25px; }
  .content-side.right { margin-top: 30px; }
  .testimonial { padding: 20px 0; }
  .testimonial .test-img { text-align: center; width: 100%; max-width: 100%; margin-bottom: 15px; }
  .testimonial .test-des { max-width: 100%; width: 100%; }
  .testimonial .test-des p { font-size: 17px; }
  .testimonial .test-des .title { font-size: 18px; }
  .tabin-section ul li { padding: 12px 0; }
  .tabin-section .icon { margin: 0 auto 15px; }
  .meet-team { padding: 30px 0 60px; }
  .team.category.blog .col-sm-4 { width: 100%; }
  .team .col-sm-4:nth-child(n+2) { margin-top: 40px; }
  .meet-team .meet-des p:last-child { padding: 0 0 45px; }
  .team .team-des { margin-top: 15px; }

  .about-us h2 { font-size:30px; line-height:30px;}
  .about-us p{ padding:0 0 45px;}

  #g-recaptcha-6 { margin: -12px 0 0 -76px;}
  .our-clients h2 { font-size:30px; max-width: 160px; margin-top:0;}
  .our-clients { padding: 19px 0 22px;}
  .Get-touch .touch-right { margin-bottom: 120px;}

  .services-right h2{ font-size:30px; line-height:33px;}
  .services-box .services-des p{ max-width:206px;}
  .services-box .services-img { margin-bottom:28px;}
  .services-box .services-des h3, .services-box .services-des h3 a{ margin-bottom:16px;}
  .services-box .services-des p { padding-bottom:33px;}


  .home-slider { min-height: 335px; } 
  .home-slider .carousel-inner > .item.active { max-height: 335px; }
  .home-slider .carousel-inner > .item > img { height: auto; max-width: 1001px; width: auto; position: relative; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); }
  .home-slider .banner-text span, .banner-text span{ font-size:26px;}
  .home-slider .banner-text p { margin: 0 auto; line-height: 20px;     font-size: 14px;}
  .row{ margin:0;}

  .speak-experts .contact-detail ul li img { margin-right:8px;}
  .speak-experts .contact-detail ul li a{ font-size:16px;}
  .speak-experts .contact-detail ul.right li { margin:20px 0;}
  .speak-experts .contact-detail ul li p{ font-size:16px; padding-left:41px;}
  .our-clients .col-sm-6 { padding-left: 0;  padding-right: 0;}
  .Get-touch .col-sm-4 { padding-left: 0;  padding-right: 0;}
  .inner-banner .banner-overle span{ font-size:26px;}

  .home-slider .carousel-control { padding: 0 5px; }

}	

@media (min-width: 992px){
  .inner-banner .banner-overle span {
     font-family: 'DDINBold';
     display: block;
     margin-bottom: 20px;
    padding-bottom: 0;
  }
  
  .inner-banner .banner-overle span + p {
    margin-bottom: 20px;
    padding: 0;
  }
  
  .home-slider .banner-text .banner-text-center,
  .inner-banner .banner-overle {
    background-image: linear-gradient(to right, rgba(2, 198, 196, 0.75), rgba(75, 146, 40,0.75));
    background-color: transparent; 
    padding: 15px;
    padding-top: 2.5em;
    padding-bottom: 2.5em;
    max-width: 1050px;
  }
  
  .home-slider .banner-text .banner-text-center{
    background-image: linear-gradient(to right, rgba(2, 198, 196, 0), rgba(75, 146, 40,0));
  }
  
  .home-slider .banner-text p {
    margin-bottom: 20px;
    padding-bottom: 0;
    display: block;
  }
  
  .home-slider .banner-text .contact-us,
  .inner-banner .banner-overle .contact-us{
    font-family: 'DDINBold' ;
    font-size: 20px;
    padding-top: 23px;
    padding-bottom: 23px;
    letter-spacing: 1px;
    background-color: rgba(25,255,255,0.3);
  }
  
  .inner-banner .banner-overle p:last-child,
  .home-slider .banner-text p:last-child {
    margin-bottom: 0;
    margin-top: 30px;
  }
}

._u_flx-cntnr > div {flex: 1 0 auto; width: auto; padding-top:10px;padding-bottom:10px;}

@media (min-width:1024px){
  ._u_flx-cntnr {
    display: flex;
    flex-wrap: wrap;
  }
  
  ._u_flx-cntnr > div {flex: 1 0 auto; width: auto;}
}

.form-flx-cntnr {
  display:flex;
  flex-wrap: wrap;
}

.form-flx-cntnr > div {
  line-height:0;
  margin-bottom:6px;
  flex-basis: 100%;
}

.touch-right input[type="text"], 
.touch-right input[type="email"], 
.touch-right input[type="tel"], 
.touch-right textarea {
  margin-bottom:0;
  height: initial;
}

#h-captcha-32 {
	line-height:0;
}

.Our-services p {
  padding-bottom:0;
  min-height: initial;
}

.legal-box p {
  margin-bottom: 12px;
}

.legal-box p.find-more {
  margin-bottom:0;
  font-weight: 600;
}
.our-services--flx-cntnr {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

.our-services--flx-cntnr > div {
		flex-basis: 100%;
	}

@media (min-width:600px){
  
	.our-services--flx-cntnr > div {
		flex-basis: calc(50% - 10px);
	}  
  
}

@media (min-width:1024px){

	.our-services--flx-cntnr > div {
		flex-basis: calc(25% - 10px);
	}
  .Our-services p.top {
    margin-bottom:2em;
  }
  
}

.legal-box {
  transition: all 0.3s ease-out;
  padding: 10px;
  border-radius: 6px;
}

.legal-box:hover {
  background-color: #4b9228;
  transition: all 0.3s ease-out;
}

.legal-box > a > * {
	transition: all 0.3s ease-out;
}

.legal-box:hover > a > * {
  color: #fff !important;
	transition: all 0.3s ease-out;
}

.left-side .left-col .dj-megamenu-mlt_menu li.dj-up {
  padding: 0 !important;
}

.left-side .left-col .dj-megamenu-mlt_menu.verticalMenu li a.dj-up_a {
  padding: 20px;
  transition: all 0.3s ease-out;
}

.left-side .left-col .dj-megamenu-mlt_menu.verticalMenu li.active a.dj-up_a {
  padding: 20px;
  transition: all 0.3s ease-out;
}

.left-side .left-col .dj-megamenu-mlt_menu.verticalMenu li.active a.dj-up_a span {
  color: #4b9228;
}

.left-side .left-col .dj-megamenu-mlt_menu.verticalMenu li a.dj-up_a:hover {
  background-color:rgba(75,146,40,0.2);
  transition: all 0.3s ease-out;
}

.right-side .right-col .dj-megamenu-mlt_menu {
  float: none;
  max-width: 100%;
}

.right-side .right-col .dj-megamenu-mlt_menu li.dj-up {
  padding: 0 !important;
  margin: 0 !important;
}

.right-side .right-col .dj-megamenu-mlt_menu.verticalMenu li a.dj-up_a {
  padding: 20px;
  transition: all 0.3s ease-out;
  border: none !important;
}

.right-side .right-col .dj-megamenu-mlt_menu.verticalMenu li a.dj-up_a span {
  font-family: 'DDINExpBold';
  line-height: normal;
  color:#444444;
}

.right-side .right-col .dj-megamenu-mlt_menu.verticalMenu li.active a.dj-up_a {
  padding: 20px;
  transition: all 0.3s ease-out;
}

.right-side .right-col .dj-megamenu-mlt_menu.verticalMenu li.active a.dj-up_a span {
  color: #4b9228;
}

.right-side .right-col .dj-megamenu-mlt_menu.verticalMenu li a.dj-up_a:hover {
  background-color:rgba(75,146,40,0.2);
  transition: all 0.3s ease-out;
}

.inner-banner {
  float: none;
}

.content-box > .container {
  display: flex;
  flex-wrap: wrap;
}

.content-side.right {
  max-width: initial;
  width: initial;
  float: none;
  flex-basis:100%
}

.right-side {
  max-width: initial;
  width: initial;
  float: none;
  flex-basis:100%;
  margin-left: auto;
}

@media (min-width: 1024px){
  .content-side.right {
  max-width: initial;
  width: initial;
  float: none;
  flex-basis:60%
}

.right-side {
  max-width: initial;
  width: initial;
  float: none;
  flex-basis:30%;
  margin-left: auto;
}

}

.sldiebanner-wrap > .inner-banner > .custom {
  background-attachment: fixed;
  background-size: contain;
  background-position: top center;
}

.sldiebanner-wrap > .inner-banner > .custom > .container {
  max-width:100%;
  width:100%;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0,0.1));
  backdrop-filter: grayscale(0.5);
}

.cta-2022 {
    padding-bottom:2em;
    text-align: right;
    border-bottom: 1px solid #ccc;
}

.cta-2022--text {
  font-size: 30px;
  color: rgba(102,102,102,1);
  display: block;
  margin-bottom: 1em;
  text-align: left;
}

a.cta-2022--btn {
  font-size: 28px;
  background-color: #4b9227;
  color: #fff;
  display: block;
  width: 100%;
  padding-top:20px;
  border: 3px solid  #4b9227;
  border-radius: 6px;
  padding-bottom:21px;
  text-align: center;
  margin: 1em 0;
  transition: all 0.3s ease-out;
}

a.cta-2022--btn:hover {
  font-size: 28px;
  background-color: #4b9227;
  color: #fff;
  display: block;
  width: 100%;
  padding-top:20px;
  border: 3px solid rgba(255,255,255,0.6);
  border-radius: 6px;
  padding-bottom:21px;
  text-align: center;
  margin: 1em 0;
  transition: all 0.3s ease-out;
 
}

.cta-2022--tel {
  border-bottom: 1px dotted #4b9227;
  display: inline-block;
}

.our-clients > .container > .moduletable > .custom > .row,
.Get-touch > .container > .row > .moduletable > .custom {
  display:flex;
  flex-wrap: wrap;
  justify-content:center
}

.our-clients > .container > .moduletable > .custom > .row > div,
.Get-touch > .container > .row > .moduletable > .custom > div {
  flex-basis: 60%;
}

.Get-touch .touch-right .form .btn-submit {
  height: auto;
  padding: 20px;
  border: 2px solid rgba(255,255,255,0.7);
  width:100%;
  transition: all 0.3s ease-out;
}

.Get-touch .touch-right .form .btn-submit:hover {
  height: auto;
  padding: 20px;
  border: 2px solid rgba(255,255,255,0.7);
  width:100%;
  background-color:rgba(255,255,255,0.2);
  transition: all 0.3s ease-out;
}

.Get-touch {
  background-image : linear-gradient(to right, rgba(75, 146, 40,1), rgba(75, 146, 40,1));
}

.frm-txt {
  color: #fff;
}

.call-mail span.prfx {
  display:inline-block;
  width: 50px;
  color:#000;
}

.Get-touch .call-mail .mail,
.Get-touch .call-mail span.InfinityNumber.clickable a {
  color: rgba(255,255,255,1);
  letter-spacing: 0;
  display:inline-block;
  margin-bottom:20px;
}

.Get-touch .call-mail .mail:hover,
.Get-touch .call-mail span.InfinityNumber.clickable a:hover {
  color: rgba(255,255,255,.7);
}

.touch-right input[type="text"], 
.touch-right input[type="email"],
.touch-right input[type="tel"], 
.touch-right textarea, 
.touch-right select {
  padding-left:10px;
  color:#fff;
  background-color:rgba(255,255,255,0);
  border-top: 0px solid rgba(255,255,255,0.3);
  border-bottom: 1px solid rgba(255,255,255,0.7);
  margin-bottom:12px;
  font-size: 21px;
  font-family: 'DDIN';
}

.touch-right textarea {
  padding-top:15px;
} 

.touch-right select {
    font-family: 'DDIN';
    font-size: 21px;
    line-height: normal;
    outline: none;
    width: 100%;
    background-color: rgba(255,255,255,0); /* #4b9228 */
    color: #fff;
    border: none;
    border-top: 0px solid rgba(255,255,255,0.3);
    border-bottom: 1px solid rgba(255,255,255,0.7);
    resize: none;
    height: auto;
    margin-bottom: 12px;
    padding: 15px 0 15px 10px;
}

.touch-right select option {
  background-color: #4b9228 ;
}

.touch-right input[type="text"]::placeholder, 
.touch-right input[type="email"]::placeholder, 
.touch-right input[type="tel"]::placeholder, 
.touch-right textarea::placeholder{
     font-family: 'DDIN';
    font-size: 21px;
}

.touch-right input[type="text"]:focus, 
.touch-right input[type="email"]:focus, 
.touch-right input[type="tel"]:focus, 
.touch-right textarea:focus,
.touch-right select:focus {
  background-color: rgba(255,255,255,0.1);
  transition: all 0.3s ease-out;
}

.Get-touch .touch-right .frm-txt-lbl {
  display:inline-block;
  font-size:14px;
  margin-left:10px;
  color: rgba(0,0,0,0.64);
  font-family: Lato, sans-serif;
}

#h-captcha-32 {padding: 15px 0;}

header {position:relative;background-color:#fff;z-index:1;}
header.fix {position: fixed;}
.vh-vid {height: 50vh;}
.pos-fxd {position: fixed;}
.carousel-inner > .item > img {opacity:0;}

.about-us,
.Our-services,
.our-clients {
  background-color:#fff;position:relative;z-index:1;
}

.Get-touch,
footer {position: relative; z-index:1;}

.vid-cntnr {position: relative; height: 50vh; max-height:420px;}

.vimeo-wrapper {
  height: 100%;
  left:0;
  overflow:hidden;
  pointer-events: none;
  top:0;
  width:100%;
  z-index:0;
}

.vimeo-wrapper iframe {
  height:56.25vw;
  left:50%;
  min-height: 100vh;
  min-width: 177.77vh;
  position:absolute;
  top:50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 100vw;
  border:0;
}

.our-clients .carousel-control {
  color:#999;
}



@media (min-width:1024px){
  #testimonialshome {min-height:183px;}
  
  .our-clients .carousel-control.left {
    left:20%;
}
  
    .our-clients .carousel-control.right {
    right:20%;
}
  
  .content-box .content-side.full {
    /*
    width:65%;
    margin-left:auto;
    margin-right: auto;
    */
  }

}

.home-slider {
  background-image: linear-gradient(to right, rgba(2, 198, 196, 0.75), rgba(75, 146, 40,0.75));
  height: 100%;
}
