@font-face {
	font-family: GibSon-Regular;
	font-display: block;
	src: url(/wp-content/themes/brook-child/fonts/GibSon-Regular.ttf);
	src: url(/wp-content/themes/brook-child/fonts/GibsonRegular.OTF);
	
}
@font-face {
	font-family: GibSon-Light;
	font-display: block;
	src: url(/wp-content/themes/brook-child/fonts/GibSon-Light.ttf);
}

@font-face {
	font-family: GibSon-Semi-bold;
	font-display: block;
	src: url(/wp-content/themes/brook-child/fonts/Gibson-SemiBold.ttf);
}

@font-face {
	font-family: GibSon-Bold;
	font-display: block;
	src: url(/wp-content/themes/brook-child/fonts/Gibson-Bold.otf);
}

body{background-color:#fff;}

.hero-image .mobile-video{
	display: none;
}


header * {
    -webkit-transition: none;
    transition: none;
}
header li.GOM-signup-free a {
    -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
    transition: all .3s cubic-bezier(.645,.045,.355,1);
}

.GOM-signup-free > a {
    border: 1px solid #0FB96B !important;
    border-radius: 36px;
}

.GOM-signup-free:hover>a .menu-item-title:after {
	display:none !important;
}

.GOM-signup-free-fr > a {
    border: 1px solid #0FB96B !important;
    border-radius: 36px
}

.GOM-signup-free-fr:hover>a .menu-item-title:after {
	display:none !important;
}

header#page-header.header-layout-fixed.new-header {
	display: block;
}
.headroom--pinned .branding__logo {
      min-height: 65.5px;
    min-width: 170px;
}

header#page-header.header-layout-fixed.new-header .header-right {
    flex-shrink: unset;
}
 .header-layout-fixed.headroom--top div#page-header-inner ul li.GOM-signup-free a:hover {
	    background-color: #ffffff !important;
    border-color: #0fb96b !important;
    color: #0fb96b !important;
}
 .header-layout-fixed.headroom--unpinned div#page-header-inner ul li.GOM-signup-free a:hover {
	background-color: #0fb669 !important;
	border-color: #0fb96b !important;
	color: #ffffff !important;
}
.custom-btn:hover {
	color: #fff;
	border-color: #0fb96b;
	background-color: #0fb96b;
}

.plant-section .custom-btn:hover,
.sales-section .custom-btn:hover {
	background-color: #ffffff;
	border-color: #0fb96b;
	color: #0fb96b;
	border: 1px solid;
}
.faq-section .row .button-wrapper a:hover {
	color: #0fb96b;
	background-color: #ffffff;
	border-color: #0fb96b;
}
.join-section a.custom-btn:hover {
	border-color: #fff;
}
.faq-section .row .button-wrapper a:hover {
	background-color: #ffffff;
	color: #0fb96b;
	border-color: #0fb96b;
}
/*****Hero Image*******/

.header-layout-fixed {}  .header-layout-fixed.headroom--unpinned div#page-header-inner {
	background-color: white;
}
 .header-layout-fixed.headroom--unpinned div#page-header-inner ul li a {
	color: #0FB96B;
}
 .header-layout-fixed.headroom--unpinned div#page-header-inner ul li.GOM-signup-free a {
	background-color: transparent !important;
	color: #0FB96B !important;
	font-size: 18px;
	border-color: #0FB96B !important;
	padding: 8px 40px !important;
}

 .header-layout-fixed.headroom--unpinned .header-wrap {
	padding-top: 0px;
}
 .header-layout-fixed.headroom--pinned div#page-header-inner {
	background-color: white;
}
 .header-layout-fixed.headroom--pinned div#page-header-inner ul li a {
	/* color: #0FB96B; */
}
 .header-layout-fixed.headroom--pinned div#page-header-inner ul li.GOM-signup-free a {
	/* background-color: transparent !important; */
	/* color: #0FB96B !important; */
	/* font-size: 18px; */
	/* border-color: #0FB96B !important; */
	/* padding: 8px 40px !important; */
}
 .header-layout-fixed.headroom--pinned .header-wrap {
	padding-top: 0px;
}
 .header-layout-fixed.headroom--top .header-wrap {
	padding-top: 5px;
	padding-bottom: 0px;
}
 .header-layout-fixed.headroom--top div#page-header-inner {
	 background-color: white;
}

 .header-layout-fixed.headroom--top div#page-header-inner ul li a {
	/* color: #000; */
	/* text-transform: uppercase; */
	/* font-size: 17px; */
}
 .header-layout-fixed.headroom--top div#page-header-inner ul li.GOM-signup-free a {
	 /* background-color: #00BA70 !important; */
	 /* color: #fff; */
	 /* font-size: 17px; */
	 /* border-color: #fff !important; */
	 /* padding: 9px 35px 8px 35px !important; */
	 margin-left: 4.5vw;
}
.contact-section .col-md-3.col-lg-3.col-sm-6:nth-child(2) ul li:last-child > a {
	border-bottom: 1px solid #000;
}
.contact-section .col-md-3.col-lg-3.col-sm-6:nth-child(2) ul li:last-child > a:hover {
    border-color: #0fb96b;
}


.hero-image {
	height: 110vh;
	position: relative;
}

.hero-image .hero-bg video {
    height: 113vh;
    overflow: hidden;
    background-color: #707070;
        width: 100%;
    object-fit: cover;
}


.hero-image:before {
   content: '';
   background-color: #0000001c;
   position: absolute;
   left: 0;
   right: 0;
   width: 100%;
   z-index: 1;
   top: 0;
   width: 100%;
   height: 113vh;
   position: absolute;
   top: 0;
   left: 0;
}
.hero-image .text-wrapper {
	
	vertical-align: middle;
	height: 100%;
	padding: 0 150px;
	 display: table;
        z-index: 1;
    position: absolute;

    top: 0;
    left: 0;
    width: 100%;
   
}
.hero-image .text-wrapper a.custom-btn:hover {
    color: white !important;
}
.hero-image .text-wrapper .text-row{
display: table-cell;
    position: absolute;
    top: 54%;
    transform: translate(0% ,-50%);
}
.hero-image .text-wrapper h1 {
	margin: 0;
	font-size: 118px;
	color: #fff;
	max-width: 1400px;
	font-family: GibSon-Semi-bold,Arial,sans-serif;
	line-height: 115px;
	padding-right: 50px;
	margin-top: -5px;
}
.custom-btn {
	border-radius: 36px;
	color: #00BA70;
	border: 1px solid;
	border-color: #fff;
	background-color: #fff;
	display: table;
	padding: 13px 0px;
	font-size: 25px;
	text-align: center;
	min-width: 345px;
	font-family: GibSon-Regular,Arial,sans-serif;
}
.hero-image .hero-bg .text-wrapper label {
	font-size: 24px;
	color: #fff;
	max-width: 480px;
	font-family: GibSon-Light,Arial,sans-serif;
	display: block;
	font-weight: 600;
	padding: 68px 0;
	line-height: 35px;
}
.hero-image .text-wrapper .text-row .custom-btn:focus {
    color: #00BA70;
}
.highlight-text {
	color: #0FB96B;
}
/*****how-work*******/
body .home_wrap .how_it_work.our-work h2.col-md-6.col-md-offset-3 {
	padding-top: 60px;
	padding-bottom: 60px;
}
/*****our-work*******/
.our-work {
	padding-top: 200px;
	padding-bottom: 200px;
	padding-left: 110px;
	padding-right: 110px;
}
.our-work h4.highlight-text {
	margin: 0;
	font-size: 18px;
	font-family: GibSon-Semi-bold,Arial,sans-serif;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 5px;
}
body .home_wrap #our-work h2.col-md-6.col-md-offset-3 {
	padding-top: 60px;
	padding-bottom: 60px;
}
.our-work h2 {
	font-size: 42px;
	color: #000000;
	text-align: center;
	padding: 78px 0px;
	font-family: GibSon-Semi-bold,Arial,sans-serif;
}
.our-work p {
	margin: 0;
	font-size: 21px;
	text-align: center;
	color: #000000;
	font-family: GibSon-Light,Arial,sans-serif;
	padding-bottom: 156px;
	width: 650px;
	margin: 0 auto;
}
.supplier_wrap .our-work p{
	max-width: 260px;

}
.our-work .image-wrapper .image-box.first-image {
	background-repeat: no-repeat;
	background-image: url(/wp-content/uploads/2020/12/image-0-compressed-1.jpg);
	padding: 63.5% 0;
	background-color: #3e3e3e;
	background-size: cover;
	max-width: 470px;
}
.our-work .image-wrapper .image-box.second-image {
	background-repeat: no-repeat;
	background-image: url(/wp-content/uploads/2020/12/image-1-compressed-1.jpg);
	padding: 63.5% 0;
	background-size: cover;
	max-width: 470px;
	background-color: #3e3e3e;
	background-size: cover;
}
.our-work .image-wrapper .image-box.third-image {
	background-repeat: no-repeat;
	background-image: url(/wp-content/uploads/2020/12/image-2-compressed-1.jpg);
	padding: 63.5% 0;
	background-size: cover;
	max-width: 470px;
	background-color: #3e3e3e;
	background-size: cover;
}
.our-work .image-wrapper .image-box {
	margin: 0 40px;
}
.our-work .image-wrapper h5 {
	font-size: 60px;
	margin-bottom: -29px;
	text-align: right;
	font-family: GibSon-Semi-bold,Arial,sans-serif;
	padding-right: 36px;
	position: relative;
	z-index: 1;
}
.our-work .image-text {
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: 0.5s;
	background-color: #00ba70b5;
}
.our-work .image-text p {
	padding: 46% 0 0 50px;
	font-size: 32px;
	max-width: unset;
	margin: 0;
	color: #fff;
	line-height: 33px;
	font-family: GibSon-Semi-bold,Arial,sans-serif;
	text-align: left;
	max-width: 86%;
}
.our-work .image-wrapper .icon-box i {
	color: #fff;
	font-size: 45px;
}
.our-work .image-wrapper .icon-box img {
    width: 45px;
}
.our-work .image-wrapper .icon-box {
	display: none;
}
.our-work .image-wrapper .image-box:hover .icon-box {
	display: block;
	z-index: 2;
	left: 50px;
	position: absolute;
	right: 0;
	top: unset;
	bottom: 40px;
}
.our-work h2.col-md-6.col-md-offset-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: unset;
    max-width: 710px;
    margin: 0 auto;
}
.our-work .image-wrapper .image-box {
	position: relative;
}
.our-work .image-wrapper .image-box:hover .image-text {
	opacity: 1;
	transition: 0.5s;

}
/*****plant-section*******/
.plant-section .image-box {
	background-color: #707070;
	padding: 54% 0;
	min-height: 800px;
	background-image: url(/wp-content/uploads/2021/01/homepage-landscape-img.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.sales-section .image-box {
	background-color: #707070;
	padding: 54% 0px;
	min-height: 800px;
	 background-image: url(/wp-content/uploads/2021/01/homepage-nursery-img.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.plant-section .row,
.sales-section .row {
	margin: 0;
	align-items: flex-end;
}
/******our-service*******/
.our-service {
	background-color: #f2f2f2;
	padding: 100px 0 75px 0;
}
.our-service .icon-wrapper {
	text-align: center;
	display: inline-block;
	width: 100%;
}


.our-service .icon-wrapper span {
	padding-bottom: 0px;
	display: table;
	line-height: 112px;
	width: 100%;
}
.our-service .icon-wrapper span img {
    width: 120px;
    height: auto;
}
.our-service .icon-wrapper label {
	display: block;
	font-size: 30px;
	line-height: 35px;
	padding: 25px 58px 25px 58px;
	font-family: GibSon-Semi-bold,Arial,sans-serif;
	max-width: 500px;
	margin: 0 auto;
}
.our-service .container {
	max-width: 1700px;
}
/*****Sales Section********/
.sales-section {
	padding: 200px 0 200px 0;
}
.plant-section {
	padding: 200px 0 0 0;
}
.plant-section ul,
.sales-section ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.plant-section ul li,
.sales-section ul li {
	padding: 15px 0 35px 0;
}
.plant-section ul li label,
.sales-section ul li label {
	font-size: 30px;
	text-transform: unset;
	padding-bottom: 13px;
	color:#00BA70;
	font-family: GibSon-Semi-bold,Arial,sans-serif;
	display: block;
}
.plant-section ul li p,
.sales-section ul li p {
	margin-bottom: 0;
	font-size: 21px;
	font-family: GibSon-Light,Arial,sans-serif;
	max-width: 100%;
	padding-right: 50px;
}
.plant-section .col-xl-8.col-lg-6.col-md-6.col-sm-12 {
	padding-left: 100px;
}
.sales-section .col-xl-8.col-lg-6.col-md-6.col-sm-12 {
	padding-left: 160px;
}
.plant-section span.highlight-text,
.sales-section span.highlight-text {
	padding-bottom: 0;
	display: block;
	font-family: GibSon-Semi-bold,Arial,sans-serif;
	font-size: 18px;
	letter-spacing: 5px;
}
.plant-section p,
.sales-section p {
	font-size: 21px;
	max-width: 89%;
	margin-bottom: 40px;
	font-family: GibSon-Semi-bold,Arial,sans-serif;
}
.plant-section h2,
.sales-section h2 {
	padding: 65px 0;
	font-family: GibSon-Semi-bold,Arial,sans-serif;
	max-width: 65%;
	font-size: 42px;
	margin: 0;
}
.plant-section .custom-btn,
.sales-section .custom-btn {
	background-color: #00BA70;
	border: 1px solid;
	border-color: #00BA70;
	color: white;
	padding: 14px 0px;
	margin: 20px 0 0 0;
}
/*****Faq Section********/
.faq-section {
	padding: 150px 0px 0 0px;
}
.faq-section .image-box {
	background-color: #707070;
	padding: 50.5% 0;
	max-width: 814px;
	background-image: url(/wp-content/uploads/2021/01/1609863228328.jpeg);
	    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.faq-section p {
	margin: 0;
	padding: 25px 0;
	font-family: GibSon-Light,Arial,sans-serif;
	max-width: 750px;
	font-size: 21px;
}
.faq-section .row {
	align-items: center;
	margin: 0;
}
.faq-section .row .button-wrapper a {
	color: white;
	display: inline-block;
	background-color: #0fb96b;
	border: 1px solid;
	border-color: #0fb96b;
	padding: 14px 0px;
	margin: 40px 9% 40px 0;
}
.faq-section .col-md-8.col-lg-6.col-sm-12 {
	padding-left: 100px;
}
.faq-section .col-xl-8.col-md-6.col-lg-6.col-sm-12 {
	padding-left: 150px;
}
.faq-section h2 {
	font-family: GibSon-Semi-bold,Arial,sans-serif;
	margin-bottom: 25px;
	font-size: 42px;
}
/*****Join Section********/
.join-section {
	background-color: #0fb96b;
	color: white;
	text-align: center;
	padding: 100px 0;
}
.join-section p {
	margin: 0;
	font-family: GibSon-Regular,Arial,sans-serif;
	padding: 50px 0;
	font-size: 24px;
}
.join-section h2 {
	color: white;
	font-size: 48px;
	font-family: GibSon-Semi-bold,Arial,sans-serif;
	margin-bottom: 0;
}
.join-section a.custom-btn {
	margin: 0 auto;
	border: 1px solid;
}
/*****Partner Section********/
.partner-section, .home_wrap .our-work .container {
	padding: 0 150px;
}
.partner-section h4 {
	font-size: 18px;
	margin: 0;
	font-family: GibSon-Semi-bold,Arial,sans-serif;
	padding-bottom: 50px;
	letter-spacing: 5px;
}
.partner-section h3 {
	float: left;
	font-family: GibSon-Semi-bold,Arial,sans-serif;
	font-size: 42px;
	margin-bottom: 0;
}
.our-partners {
	clear: both;
	padding: 50px 50px;
}
.our-partners .col-md-4.col-sm-6 {
	padding: 35px 20px;
}
.partner-section p {
	float: right;
	font-size: 21px;
	font-family: GibSon-Light,Arial,sans-serif;
}
.our-partners .col-md-4.col-sm-6 {
	text-align: center;
}
.our-partners img {
	height: 85px;
	width: auto;
}
.our-partners .col-md-4.col-sm-6:nth-child(5) img {
    padding: 2px;
}
/*****Contact Section********/
.contact-section {
	background-color: #f2f2f2;
	padding: 170px 150px 170px 150px;
	margin: 536px 0 0 0;
	
}
.contact-section .image-box {
	padding: calc(70% - -5px) 0;
	margin-top: -383px;
	/* width: 100%; */
	height: 100%;
	background-repeat: no-repeat;
	max-height: 714px;
	background-image: url(/wp-content/uploads/2020/12/IMG_1346_e_RETOUCHED-compressed-1.jpg);
	background-size: cover;
	background-position: top;
	background-color: #3e3e3e;
	transform: translateX(150px);
	left: 0;
	right: 0;
	bottom: 0;
	top:0;
	position: absolute;
}
.contact-section h2.highlight-text {
	margin: 0;
	font-family: GibSon-Semi-bold,Arial,sans-serif;
	font-size: 18px;
	padding-bottom: 60px;
	text-transform: uppercase;
	letter-spacing: 5px;
}
.contact-section label {
	padding-right: 40px;
	font-size: 42px;
	font-family: GibSon-Semi-bold,Arial,sans-serif;
	display: block;
}
.contact-section span {
	font-size: 21px;
	display: block;
	font-family: GibSon-Light,Arial,sans-serif;
}
.contact-section ul li label {
	font-size: 21px;
	display: block;
	line-height: 34px;
	font-family: GibSon-Semi-bold,Arial,sans-serif;
}
.contact-section ul span {
	font-size: 21px;
	padding: 45px 0 35px 0;
	font-family: GibSon-Semi-bold,Arial,sans-serif;
	/* text-transform: uppercase; */
}
.contact-section ul li a {
	color: #000;
	font-size: 21px;
	font-family: GibSon-Regular,Arial,sans-serif;
}
.contact-section ul li a:hover {
    color: #0fb96b;
}
.contact-section ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.contact-section ul li {
	padding: 20px 0;
}
.contact-section .col-md-3.col-lg-3.col-sm-6:nth-child(2) {
	padding-top: 125px;
}
/*****custom col******/

.plant-section .col-xl-4.col-lg-6.col-md-6.col-sm-12 {
	flex: 0 0 42%;
	max-width: 42%;
	padding-right:20px;
	padding-left: 0; 
}
.plant-section .col-xl-8.col-lg-6.col-md-6.col-sm-12 {
	flex: 0 0 50%;
	max-width: 50%;
}
.sales-section .col-xl-8.col-md-6.col-lg-6.col-sm-12 {
	flex: 0 0 58%;
	max-width: 58%;
}
.sales-section .col-xl-4.col-md-6.col-lg-6.col-sm-12 {
	flex: 0 0 42%;
	max-width: 42%;
	padding-left:20px;
	padding-right: 0;
}
.sales-section ul li p {
	padding-right: 15%;
}
.faq-section .col-xl-4.col-md-6.col-lg-6.col-sm-12 {
	flex: 0 0 42%;
	max-width: 42%;
	padding-left: 0;
}
.faq-section .col-xl-8.col-md-6.col-lg-6.col-sm-12 {
	flex: 0 0 58%;
	max-width: 58%;
}
/*****Footer*********/
div#page-footer-wrapper {
	display: none;
}

footer .footer-link ul li {
    float: left;
    min-width: 50%;
}

footer .footer-link ul li:nth-child(2n + 1) {
    clear: both;
}
footer {
	background-color: black;
	padding: 150px 115px 55px 115px;
}
footer .footer-link ul li a {
	color: #fff;
	font-size: 20px;
	font-family: GibSon-Semi-bold,Arial,sans-serif;
}
footer .footer-link ul {
	list-style-type: none;
}
footer .footer-link ul li {
	padding: 3px 0;
}
footer .input-wrapper input {
	float: left;
	display: inline-block;
	width: calc(100% - 238px);
	font-size: 21px;
	font-family: GibSon-Light,Arial,sans-serif;
	height: auto;
	padding: 8px 25px;
	margin-right: 0;
	font-size: 20px;
	color: #000;
}
footer .input-wrapper .input-box .hs_submit.hs-submit input.hs-button {
    margin-left: 25px;
    margin-right: 0;
}

footer .input-wrapper button.custom-btn {
	float: right;
	vertical-align: middle;
	height: auto;
	padding: 8px 0;
	font-family: GibSon-Regular,Arial,sans-serif;
	color: #000;
	line-height: normal;
	font-size: 20px;
	min-width: 208px;
	transform: 0.5s;
}
footer .input-wrapper button.custom-btn:hover {
    color: #fff;
    transform: unset;
    transition: 0.5s;
}
footer .input-wrapper {
	padding-top: 15px;
}
footer .input-wrapper h5 {
	font-size: 20px;
	font-family: GibSon-Semi-bold,Arial,sans-serif;
	color: #fff;
}
footer .input-wrapper .input-box {
	width: 100%;
}
footer .input-wrapper .input-box  footer .input-wrapper .input-box  .hbspt-form {
    text-align: left;
}


footer .input-wrapper .input-box  .hbspt-form .submitted-message  p {
    color: #fff;
    text-align: left !important;
}
 div#page-footer-wrapper {
	display: none;
}
footer .branding__logo img.light-logo {
	display: block;
	width: 208px;
}
footer .input-wrapper input:focus {
    color: #000;
}
.footer-icons span a i {
	color: white;
	width: 26px;
	height: 26px;
	margin: 0 12px;
	font-size: 26px;
}
footer .footer-icons {
	margin: 0 auto;
	display: table;
	padding-top: 150px;
	text-align: center;
}
footer .footer-icons p.heading {
	color: #707070;
	font-family: GibSon-Light,Arial,sans-serif;
	font-size: 12px;
	text-align: center;
	padding: 5px 0;
}
footer .footer-icons span {
	padding-bottom: 10px;
	display: inline-block;
}
footer .col-md-4.col-lg-4.col-xl-2.col-sm-12:nth-child(2) {
	padding-left: 65px;
}
footer .col-md-4.col-lg-4.col-xl-2.col-sm-12:nth-child(3) {
	margin-left: -20px;
}
footer .col-md-4.col-lg-4.col-xl-2.col-sm-12 {
    flex: 0 0 17.66667%;
    max-width: 17.66667%;
}

footer  .col-md-12.col-lg-12.col-xl-6.col-sm-12 {
        flex: 0 0 46%;
    max-width: 46%;
    padding-left: 115px;
}

footer .col-md-4.col-lg-4.col-xl-2.col-sm-12:nth-child(3) {
    padding-left: 45px;
}
footer .footer-icons span a i:hover {
	color: #0fb96b;
}
footer .footer-link ul li a:hover {
	color: #00ba70;
}
footer .input-wrapper .input-box .hs_email.hs-email {
    width: 100%;
}

footer .input-wrapper .input-box .hs_email.hs-email input {
    width: 100%;
    border-radius: 0 !important;
}
footer .input-wrapper .input-box .hs_email.hs-email input:focus {
    border-color: #0fb96b !important;
}
footer .input-wrapper .input-box .hbspt-form form {
    width: 100% !important;
    margin: 0 !important;
}

footer .input-wrapper .input-box .hs_submit.hs-submit input.hs-button {
    float: right;
    vertical-align: middle;
    height: auto !important;
    padding: 8px 0 !important;
    font-family: GibSon-Regular,Arial,sans-serif;
    color: #000;
    line-height: normal !important;
    transform: unset;
    font-size: 20px;
    font-weight: bold;
    margin-top: 1px !important;
    min-width: 208px;
    width: auto !important;
    background-color: white !important;
    border-color: white !important;
}
footer .input-wrapper .input-box .hs_submit.hs-submit {
    flex: unset;
}
footer .input-wrapper .input-box .hs_error_rollup ul li label {
    color: #fff;
}

footer .input-wrapper .input-box .hs_error_rollup ul {
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 12px;
}

footer .input-wrapper .input-box #hsForm_4b3b6800-83cf-4ce1-b384-3fb7253c59e1 {
	    width: 100% !important;
	}
	footer .input-wrapper .input-box #hsForm_4ae0bf4c-6d16-4d78-8e06-b24c0432dbc0 {
	    width: 100% !important;
	}
footer .input-wrapper .input-box .hs_submit.hs-submit input.hs-button:hover {
    border-color: #0fb96b !important;
    background-color: #0FB96A !important;
    color: #fff;
}
.contact-section ul li:last-child {
	padding-top: 55px;
	padding-bottom: 0;
}
/********Gallery***************/

.gallery-bg {

	background: url(/wp-content/uploads/2021/01/IMG_1346_e_RETOUCHED-compressed.jpg) center  / cover;
	position: absolute;
	height: 100%;
	width: 100%;
    background-size: 100% 122%;
    display: table;
    background-blend-mode: overlay;

    background-attachment: fixed;
    background-position: 0px -168px;
}
.gallery-bg:after {
    	position: absolute;
	    content: '';
	    background-color: #191919;
	    background-attachment: fixed;
	    left: 0;
	    right: 0;
	    width: 100%;
	    height: 100%;
	    z-index: 1;
	    opacity: 0.4;
	}
	.gallery-hero-image .text-wrapper h4 {
	    position: relative;
	    z-index: 2;
	}

	.gallery-hero-image .text-wrapper h2 {
	    position: relative;
	    z-index: 2;
	}

	.gallery-hero-image .text-wrapper p {
	    position: relative;
	    z-index: 2;
	}
body {
	padding: 0;
	margin: 0;
}
.gallery-hero-image {
	height: 100vh;
	position: relative;
	display: table;
	width: 100%;
}
.gallery-hero-image .text-wrapper {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding-top: 150px;
}
.gallery-hero-image .text-wrapper h4 {
	color: #fff;
	margin: 0;
	font-size: 18px;
	letter-spacing: 5px;
	text-transform: uppercase;
	font-family: GibSon-Semi-bold,Arial,sans-serif;
}
.gallery-hero-image .text-wrapper h2 {
	margin: 0;
	padding: 65px 0;
	font-family: GibSon-Semi-bold;
	color: #fff;
	font-size: 42px;
}
.gallery-hero-image .text-wrapper p {
	color: #fff;
	width: 650px;
	font-size: 21px;
	margin: 0 auto;
	line-height: 34px;
	font-family: GibSon-Light,Arial,sans-serif;
}
/*****Our Gallery*********/
.gallery-images-section .image-box {
	padding: 31.5% 0;
	background-size: cover;
	background-color: #3e3e3e;
	background-repeat: no-repeat;
}
.gallery-images-section .grid a {
    display: table;
    width: 100%;

    cursor: pointer;
}
.gallery-images-section .image-box.third-image {
	background-image: url(/wp-content/uploads/2020/12/image-2-compressed.jpg);
	height: 100%;
}
.gallery-images-section .image-box.first-image {
	background-image: url(/wp-content/uploads/2020/12/image-0-compressed.jpg);
}
.gallery-images-section .image-box.second-image {
	background-image: url(/wp-content/uploads/2020/12/image-1-compressed.jpg);
}
.gallery-images-section .image-box.fifth-image {
	background-image: url(/wp-content/uploads/2020/12/image-3-compressed.jpg);
}
.gallery-images-section .image-box.fourth-image {
	background-image: url(/wp-content/uploads/2020/12/Mask-Group-8-compressed.jpg);
}
.gallery-images-section .col-md-6 {
	padding: 0;
}
.gallery-images-section .image-box:hover .hover-content {
	opacity: 1;
}
.gallery-images-section .image-box {
	position: relative;
}
.gallery-images-section .image-box .hover-content {
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: 0.5s;
	background-color: #00ba70b5;
}
.gallery-images-section .image-box .hover-content .image-text {
	color: #fff;
	padding: 14% 14% 3% 12%;
	height: 100%;
}
.gallery-images-section .image-box .hover-content .image-text .hide-in-desktop {
    display: none;
}
.our-work .image-wrapper .image-box  .hide-in-desktop {
    display: none;
}
.gallery-images-section .image-box .hover-content .image-text h5 {
	margin: 0;
	color: #fff;
	font-size: 32px;
	font-family: GibSon-Semi-bold,Arial,sans-serif;
}
.gallery-images-section .image-box .hover-content .image-text label {
	font-size: 22px;
	padding: 5px 0 0 0;
	cursor: pointer;
	display: block;
	color: #fff;
	font-family: GibSon-Regular,Arial,sans-serif;
}
.gallery-images-section .image-box .hover-content .image-text p {
	font-size: 21px;
	max-width: 280px;
	padding-top: 30px;
	color: #fff;
	font-family: GibSon-Light,Arial,sans-serif;
}
.gallery-images-section .image-box .hover-content .icon-box i {
	font-size: 45px;
	color: white;
}
.gallery-images-section .image-box .hover-content .icon-box {
	position: absolute;
	bottom: 44px;
}
.gallery-images-section .image-box .hover-content .icon-box img {
    width: 45px;
    height: 45px;
}
/*****Project*********/
.your-project {
	padding:150px 150px;
	text-align: center;
    background-color: #ECF0EF;
}
.your-project .text-container a.custom-btn {
	color: #fff;
	margin: 0 auto;
	background-color: #00BA70;
	border-color: #00ba70;
	font-family: GibSon-Regular,Arial,sans-serif;
}
.your-project .text-container p {
	padding: 70px 0;
	width: 600px;
	margin: 0 auto;
	font-size: 21px;
	font-family: GibSon-Light,Arial,sans-serif;
}
.your-project .text-container h2 {
	margin: 0;
	font-family: GibSon-Semi-bold,Arial,sans-serif;
	font-size: 42px;
}
.gallery-images-section .custom-container .col-md-5 {
	padding: 0;
}
.gallery-images-section .custom-container .col-md-7 {
	padding: 0;
}
.gallery-images-section .custom-container .col-md-7 {
	flex: 0 0 54.5%;
	max-width: 54.5%;
}
.gallery-images-section .custom-container .col-md-5 {
	flex: 0 0 45.5%;
	max-width: 45.5%;
}
.gallery-images-section .image-box.fifth-image .hover-content p {
	max-width: 322px;
}
.gallery-images-section .image-box.second-image .image-text {} .gallery-images-section .image-box.second-image .hover-content .image-text p {
	max-width: 300px;
}
.your-project .text-container a.custom-btn:hover {
	background-color: #ffffff;
	color: #00ba70;
	cursor: pointer;
}
/******Resources*********/

.resources-bg {
	background-image: url(/wp-content/uploads/2020/12/AdobeStock_283615522-compressed.jpg);
	position: absolute;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100% 146%;
    display: table;
    background-blend-mode: overlay;
    background-color: #3e3e3e;
    background-position: 0px -404px;
}
.resources-hero-image {
	height: 100vh;
	position: relative;
	display: table;
	width: 100%;
}
.resources-hero-image .text-wrapper {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding-top: 135px;
}
.resources-hero-image .text-wrapper h4 {
	color: #fff;
	margin: 0;
	font-size: 18px;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-family: GibSon-Semi-bold,Arial,sans-serif;
	letter-spacing: 5px;
}
.resources-hero-image .text-wrapper h2 {
	margin: 0;
	padding: 65px 0 45px 0;
	font-family: GibSon-Semi-bold,Arial,sans-serif;
	color: #fff;
	line-height: 54px;
	font-size: 42px;
}
.resources-hero-image .text-wrapper p {
	color: #fff;
	width: 760px;
	font-size: 21px;
	margin: 0 auto;
	line-height: 34px;
	font-family: GibSon-Regular,Arial,sans-serif;
}
/*****Resources Work*********/
.resources-work.our-work {
	padding-top: 200px;
	padding-bottom: 191px;
	padding-left: 96px;
	padding-right: 96px;
}
.resources-work.our-work h4.highlight-text {
	margin: 0;
	font-size: 18px;
	font-family: GibSon-Semi-bold,Arial,sans-serif;
	text-align: center;
	text-transform: uppercase;
}
.resources-work.our-work h2 {
	font-size: 42px;
	color: #000000;
	text-align: center;
	/* padding: 80px 45px; */
	font-family: GibSon-Semi-bold,Arial,sans-serif;
}
.resources-work.our-work p {
	margin: 0;
	font-size: 24px;
	text-align: center;
	color: #000000;
	font-family: GibSon-Light,Arial,sans-serif;
	padding-bottom: 225px;
	max-width: 42%;
	margin: 0 auto;
}
.resources-work.our-work .image-wrapper .image-box.first-image {
	background-repeat: no-repeat;
	background-image: url(/wp-content/uploads/2021/01/gomat-case-study-img-3-1.jpg);
	padding: 58.5% 0;
	background-size: cover;
	max-width: 470px;
	background-color: #3e3e3e;
	background-position: center;
}
.resources-work.our-work .image-wrapper .image-box.second-image {
	background-repeat: no-repeat;

	background-image:url(https://gomaterials.com/wp-content/uploads/2021/01/gomat-case-study-img-3-2.jpg);
	padding: 58.5% 0;
	background-size: cover;
	max-width: 470px;
	background-color: #3e3e3e;
	background-size: cover;
	background-position: center;
}
.resources-work.our-work .image-wrapper .image-box.third-image {
	background-repeat: no-repeat;
	background-image: url(https://gomaterials.com/wp-content/uploads/2021/01/gomat-case-study-img-3-3.jpg);
	padding: 58.5% 0;
	background-size: cover;
	background-color: #3e3e3e;
	max-width: 470px;
	background-size: cover;
	background-position: center;
}
.resources-work.our-work .image-wrapper .image-box {
	margin: 0 45px;
}
.resources-work.our-work .image-wrapper .image-box .image-text p {
	max-width: 100%;
}
.resources-work.our-work .image-wrapper .image-box.third-image .image-text p {
	max-width: 100%;
}
.resources-work.our-work .image-wrapper h5 {
	font-size: 60px;
	margin-bottom: -14px;
	text-align: right;
	font-family: GibSon-Semi-bold,Arial,sans-serif;
	padding-right: 44px;
	position: relative;
	z-index: 1;
}
.resources-work.our-work .image-text {
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 1;
	transition: 0.5s;
	background-color: unset;
	overflow: hidden;
	z-index: 0;
}
.resources-work.our-work .image-text p {
	padding: 43% 35px 43% 50px;
	font-size: 33px;
	max-width: unset;
	margin: 0;
	font-family: GibSon-Semi-bold,Arial,sans-serif;
	color: #fff;
	text-align: left;
	position: relative;
	z-index: 40;
	line-height: 38px;
}
.resources-work.our-work .image-text p:after {
        left: 0;
        content:'';
        position: absolute;
        border-radius: unset;
        right: 0;
        top: 2.5%;
        width: 100%;
        height: 100%;
        opacity: 1;
        transition: 0.5s;
        background-color: unset;
        z-index: -1;
        overflow: hidden;
        background-repeat: no-repeat;
        background-image: url(https://gomaterials.com/wp-content/uploads/2021/01/gomat-case-study-img-2-1-removebg-preview.png);
        background-size: cover;
}

.resources-work.our-work .image-wrapper .icon-box i {
	color: #fff;
	font-size: 45px;
}
.resources-work.our-work .image-wrapper .icon-box {
	    display: block;
    z-index: 0;
    left: 0 !important;
    position: absolute;
    right: 0;
    top: unset;
    bottom: 40px;
    width: 100%;
}
.resources-work.our-work .image-wrapper .image-box .icon-box .button-wrapper {
    text-align: center;
    margin: 0 auto;
    display: table;
}

.resources-work.our-work .image-wrapper .image-box .icon-box .button-wrapper .custom-btn {
    background-color: #00ba6f;
    border-color: #00ba6f;
    color: white;
        min-width: 246px;
    font-size: 22px;
    padding: 8px 0;
}

.resources-work.our-work .image-wrapper .image-box .icon-box .button-wrapper .custom-btn:hover {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #00ba6f;
}
/*.resources-work.our-work .image-wrapper .image-box:hover .icon-box {
	display: block;
	z-index: 999;
	left: 35px;
	position: absolute;
	right: 0;
	top: unset;
	bottom: 35px;
}*/
.resources-work.our-work .image-wrapper .image-box {
	position: relative;
}
/*.resources-work.our-work .image-wrapper .image-box:hover .image-text {
	opacity: 1;
	transition: 0.5s;
}*/
.custom-btn {
	border-radius: 36px;
	color: #00BA70;
	border: 1px solid;
	border-color: #fff;
	background-color: #fff;
	display: table;
	padding: 14px 0px;
	font-size: 25px !important;
	text-align: center;
	min-width: 250px;
}
.resources-hero-image .text-wrapper h2 {
	width: 850px;
	margin: 0 auto;
}
.resources-hero-image .text-wrapper p {
	padding: 0 12px;
}
.resources-work.our-work h4.highlight-text {
	padding-bottom: 0px;
	letter-spacing: 5px;
}
.resources-work.our-work h2 {
    padding: 40px 45px;
    margin-bottom: 50px;
}
/*****Guides & Ebooks*********/
.guides-section {
	padding: 0px 120px 100px 120px;
}
.guides-section h2 {
    font-size: 42px;
    color: #000000;
    text-align: center;
    padding: 40px 45px;
    margin-bottom: 50px;
    font-family: GibSon-Semi-bold,Arial,sans-serif;
}

.guides-section h3.highlight-text {
	letter-spacing: 5px;
	text-align: center;
	font-size: 18px;
	margin-bottom: 0px;
	font-family: GibSon-Semi-bold,Arial,sans-serif;
	text-transform: uppercase;
}
.guides-section .filter-wrapper .col-md-12 {
	padding: 0;
}
.guides-section .filter-wrapper span {
	font-family: GibSon-Light,Arial,sans-serif;
	font-size: 18px;
	margin-top: 10px;
	display: block;
}
.guides-section .e-books-section span.show_count {
    margin-left: -15px;
    font-size: 18px;
    font-family: GibSon-Light,Arial,sans-serif;
}
.guides-section .e-books-section .row:first-child {
	padding-top: 10px;
}
.guides-section .e-books-section .row:last-child {
	border: 0;
}
.guides-section .filter-wrapper label {
	font-size: 18px;
	font-family: GibSon-Semi-bold,Arial,sans-serif;
	text-transform: uppercase;
	letter-spacing: 4px;
	width: 100%;
	display: table;
}
.guides-section .filter-wrapper {
	display: table;
	width: 100%;
}
.guides-section .filter-wrapper select {
	background-image: url(/wp-content/uploads/2020/12/select-arrow.png);
	margin-bottom: 25px;
	padding: 6px 15px;
	margin-top: 25px;
	border: 1px solid black;
	height: auto;
	appearance: none;
	width: 100%;
	color: #000;
	font-size: 18px;
	font-family: GibSon-Light,Arial,sans-serif;
	flex: 0 0 16.66667%;
	max-width: 16.66667%;
}
.guides-section .e-books-section {
	padding-top: 50px;
}
.guides-section .e-books-section .row {
	justify-content: center;
	align-items: center;
}
.guides-section .e-books-section .row img {
	background-color: gray;
	min-height: 14vw;
	/*267px*/
	width: 100%;
}
.guides-section .e-books-section .row h1 {
	margin: 0;
	font-size: 32px;
	padding: 0 75px;
	width: unset;
	font-family: GibSon-Semi-bold,Arial,sans-serif;
}
.guides-section .desc-wrapper p {
	font-family: GibSon-Light,Arial,sans-serif;
	width: 480px;
	font-size: 21px;
	padding-right: 77px;
}
.guides-section .e-books-section .col-lg-2 {
	padding: 0;
}
.guides-section .button-wrapper a.custom-btn {
	text-align: center;
	background-color: #00BA70;
	color: white;
	min-width: 250px;
	padding: 13px 0;
	border: 1px solid #00ba70;
}
.guides-section .e-books-section .button-wrapper {
	margin-left: 35px;
}
.guides-section .button-wrapper a.custom-btn:hover {
	background-color: #fff;
	color: #00ba70;
	border-color: #00ba70;
}
.guides-section .e-books-section .row .row:last-child {
	border: 0;
}
.guides-section .e-books-section .row {
	border-bottom: 1px solid #E4E4E4;
	padding: 80px 0;
}
.guides-section .e-books-sectionv .cvf-universal-pagination ul {
    margin: 0 auto;
    display: table;
    text-align: center;
    width: 100%;
}

.guides-section .e-books-section .cvf-universal-pagination ul {
    margin: 0 auto;
    display: table;
    padding: 50px 0 0 0;
}

.guides-section .e-books-section .cvf-universal-pagination ul li {
    font-family: GibSon-Semi-Bold,Arial,sans-serif;
    font-size: 18px;
    transition: 0.5s;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    margin: 5px 9px;
}

.guides-section .e-books-section .cvf-universal-pagination ul li.selected {
    background-color: transparent;
    color: #00ba70;
}

.guides-section .e-books-section .cvf-universal-pagination ul li.inactive {
    background: transparent;
  
}

.guides-section .e-books-section .cvf-universal-pagination ul li:hover {
    color: #00ba70;
    background-color: transparent;
    transition: 0.5s;
}
/*******BLOG**********/

.blog-section {
	padding: 100px 150px 200px 150px;
}
.blog-section .row {
    	margin: 0 -89px;
	}
.blog-section h2 {
	 font-size: 42px;
	 color: #000000;
	 text-align: center;
	 padding: 40px 45px 25px 45px;
	 margin-bottom: 50px;
	 font-family: GibSon-Semi-bold,Arial,sans-serif;
	 display: table;
	 width: 100%;
	 position: relative;
}
.blog-section h2:after {
    content: '';
    background: #0fb96b;
    position: absolute;
    left: 0;
    right: 0;
    width: 95px;
    height: 4px;
    bottom: 0;
    margin: 0 auto;
}
.blog-section p {
    padding-bottom: 71px;
    display: table;
    width: 100%;
    text-align: center;
    font-size: 21px;
    font-family: GibSon-Light,Arial,sans-serif;
}
.blog-section h3.highlight-text {
	text-align: center;
	width: 100%;
	margin: 0;
	letter-spacing: 5px;
	padding-bottom: 0px;
	font-size: 18px;
	font-family: GibSon-Semi-bold,Arial,sans-serif;
	text-align: center;
	text-transform: uppercase;
}
.blog-section .blog-wrapper {
	padding: 0 15px;
}
.blog-section .blog-wrapper .image-box img {
 
    min-height: 353px;
    width: 100%;
    max-width: 533px;
    object-fit: cover;
    height: auto;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s
}
.blog-section .blog-detail {
	padding: 34px 0;
	   
}
.blog-section .blog-detail a label {
    color: black;
    text-align: center;
    margin: 0 auto;
    display: table;
    padding:0 30px; 
    font-family: GibSon-Regular,Arial,sans-serif;
    font-size: 16px;
    width: auto;
}
.blog-section .blog-detail a {
    display: table;
    width: 100%;
    margin: 0 auto;
}

.blog-section .blog-detail a label span:hover {
    color: #00ba70;
    cursor: pointer;
}
.blog-section .blog-detail a label span:hover:before {
    color: black;
}
.blog-section .blog-detail h2 {
	font-family: GibSon-Regular,Arial,sans-serif;
	margin: 0;
	transition: 0.5s;
	text-align: center;
	padding: 19px 30px 25px 30px;
	margin: 0 auto;
	font-size: 18px;
	width: auto;
}
.blog-section .blog-detail h2:after {
    display: none;
}
.blog-section .button-wrapper a {
    background-color: #0fb96b;
    color: white;
    text-align: center;
}
.blog-section .blog-detail a label span:before {
    content: "|";
    position: absolute;
    top: 0px;
    left: 2px;
}

.blog-section .blog-detail a label span {
    position: relative;
    padding-left: 15px;
    margin-left: 7px;
    font-size: 16px;
    padding-left: 16px;
    margin-left: 16px;
}
.blog-section .button-wrapper {
    margin: 0 auto;
    display: table;
    padding: 27px 0 0 0;
}

.blog-section .button-wrapper a:hover {
    background-color: #ffffff;
    color: #0fb96b;
}
.blog-section .blog-detail h2:hover {
    color: #00ba70;
    transition: 0.5s;
}
.blog-section .blog-detail p {
	font-size: 24px;
	margin: 0;
	font-size: 17px;
	padding: 0px 0px 35px 0;
	font-family: GibSon-Regular,Arial,sans-serif;
}
.blog-section .blog-detail a.see-more {
	font-size: 16px;
	color: #000;
	display: none;
	border-bottom: 1px solid black;
	font-family: GibSon-Semi-bold,Arial,sans-serif;
}
.blog-section .blog-detail a.see-more:hover {
	color: #0fb96b;
	border-color: #0fb96b;
}
.blog-section .blog-wrapper .image-box {
    overflow: hidden;
}

.blog-section .blog-wrapper .image-box img:hover {
    transform: scale3d(1.1, 1.1, 1.1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}
.join-section {
	background-color: #0fb96b;
	color: white;
	text-align: center;
	padding: 150px 0;
}
.join-section p {
	margin: 0;
	font-family: GibSon-Regular,Arial,sans-serif;
	padding: 70px 0;
	font-size: 21px;
}
.join-section a.custom-btn:hover {
	border-color: #ffffff;
	color: #ffffff !important;
	background-color: #0fb96b;
}
.join-section a.custom-btn:focus {
    color: #0fb96b;
}

.join-section h2 {
	color: white;
	font-size: 42px;
	font-family: GibSon-Semi-bold,Arial,sans-serif;
	margin-bottom: 0;
}
.join-section a.custom-btn {
	margin: 0 auto;
	font-family: GibSon-Regular,Arial,sans-serif;
	border: 1px solid;
	font-size: 22px;
}
/*********Send a List Form**************/
footer .hbspt-form form .hs_submit .actions {
    margin-top: 6px;
}

.hbspt-form form input {
    background-color: #f5f8fa;
    box-sizing: border-box;
    padding: 0 15px;
    min-height: 27px;
    height: 40px;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #33475b;
    border: 1px solid #cbd6e2;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

.hbspt-form form label {
    font-size: 13px;
    margin-bottom: 6px;
        color: #33475b;
    display: block;
    font-family: arial, helvetica, sans-serif;
}

.hbspt-form form span.hs-form-required {
    color: red;
}

.hbspt-form form .hs-form-field {
    margin-bottom: 18px;
}

#hbspt-form-1612338515345-5383367906 {
    width: 60%;
    margin: 0 auto;
}


.hbspt-form form .hs_message.hs-message.hs-fieldtype-textarea.field.hs-form-field legend.hs-field-desc {
    padding: 0px 0 6px 0;
    margin: 0;
    font-family: arial, helvetica, sans-serif;
    color: #7C98B6;
    font-size: 11px;
}
.hbspt-form form .hs_submit .actions {
    text-align: left;
}

.hbspt-form form ul.no-list.hs-error-msgs {
    padding: 0;
    list-style: none;
    margin: 0;
    padding-top: 3px;
}

.hbspt-form form ul.no-list.hs-error-msgs li {
    font-family: arial, helvetica, sans-serif;
    font-size: 13px;
    color: #f2545b;
}
.hbspt-form form ul.no-list.hs-error-msgs li label.hs-error-msg {
    color: #f2545b;
}

.hbspt-form form  input.hs-input.error {
    border-color: #c87872;
}
.hbspt-form form ul.no-list.hs-error-msgs label.hs-main-font-element {
    color: #f2545b;
}
.hbspt-form form textarea {
    background-color: #f5f8fa;
    color: #33475b;
    border-radius: 3px;
    border: 1px solid #cbd6e2;
 
}

.hbspt-form form input[type="file"] {
    background-color: unset;
    border: 0;
    padding: 0;
}

.hbspt-form form input[type="submit"] {
    background-color: #00ba70;
    color: white;
    border: 1px solid #00ba70;
    padding: 0px 25px;
    transform: unset;
}

.hbspt-form form input[type="submit"]:hover {
    background-color: #fff;
    color: #00ba70;
    border: 1px solid #00ba70;
}

.hbspt-form form  .hs_submit .actions {
    text-align: left;
  /*  margin-top: 28px;*/
}

#blog-newsletter .hbspt-form form .hs_submit .actions {
    margin-top: 7px;
    margin-left: 20px;
}

/***********MEDIA QUERY*************/
@media only screen and (max-height: 900px) {
	
    .resources-bg {
		background-position: right;
	}
	.gallery-bg {
    	background-position: center;
	}
}
@media only screen and (height: 700px) {
	
    .resources-bg {
		background-position: right;
	}
	
}
@media only screen and (max-height: 700px) {
	
   .gallery-bg {
    	background-position: center;
	}
}

@media only screen and (max-width: 2500px) {
	.plant-section,
	.sales-section,
	.faq-section,
	.partner-section,
	.home_wrap .our-work .container {
		max-width: 1920px;
		margin: 0 auto;
	}
	.contact-section .row {
		justify-content: center;
		max-width: 1920px;
		margin: 0 auto;
	}
	.our-work .image-wrapper .image-box {
		max-width: 100% !important;
	}
	.gallery-images-section {
		max-width: 1920px;
		margin: 0 auto;
	}
	.resources-work.our-work,
	.blog-section,
	.guides-section {
		max-width: 1920px;
		margin: 0 auto;
		
	}
	.resources-work.our-work .image-wrapper .image-box {
		max-width: 100% !important;
	}
}
@media only screen and (max-width: 1800px) {
	.our-work .image-text p {
	
	        font-size: 25px;
    padding: 45% 0 0 30px;
        max-width: 79%;
	}
	.hero-image .text-wrapper h1 {
    	max-width: 1200px;
    	font-size: 106px;
	}
	.our-work .image-wrapper h5 {
    	font-size: 60px;
    	margin-bottom: -28px;
	}
	.faq-section .col-xl-8.col-md-6.col-lg-6.col-sm-12 {
    	padding-left: 100px;
	}
	.partner-section p{
		font-size: 21px;
	}
	 .header-layout-fixed.headroom--top div#page-header-inner ul li a {
        /* padding: 18px 0px 18px 40px; */
    }
    .header-layout-fixed.headroom--top div#page-header-inner ul li.GOM-signup-free a {
        /* margin-left: 4vw; */
    }
}
@media only screen and (max-width: 1750px){
	.resources-work.our-work .image-wrapper .image-box .image-text p {
	    font-size: 28px;
	    line-height: 35px;
	}
}
@media only screen and (max-width: 1700px) {
	 .header-layout-fixed.headroom--top div#page-header-inner ul li a {
	    /* padding: 18px 0px 18px 40px; */
	}

	 .header-layout-fixed.headroom--top div#page-header-inner ul li.GOM-signup-free a {
	    /* margin-left: 4vw; */
	}
}
@media only screen and (max-width: 1600px) {
	
	.faq-section .col-xl-8.col-md-6.col-lg-6.col-sm-12 {
		padding-left: 100px;
	}
	.guides-section .e-books-section .button-wrapper {
    	margin-left: 0;
	}

	 .header-layout-fixed.headroom--top div#page-header-inner ul li.GOM-signup-free a {
    	/* margin-left: 3vw; */
 }

	 .header-layout-fixed.headroom--top div#page-header-inner ul li a {
    	/* padding: 18px 0px 18px 40px; */
 }
	.hero-image .text-wrapper h1 {
		font-size: 85px;
		line-height: 95px;
	}
	.hero-image .hero-bg .text-wrapper label {
		font-size: 21px;
		padding: 40px 0;
		line-height: 30px;
	}
	.our-work .image-text p{
		font-size: 26px;
		    line-height: 28px;
	}
	.plant-section .image-box{
		min-height:800px;
	}
	.partner-section p{
		font-size: 18px;
	}
	.custom-btn {
		min-width: 300px;
		font-size: 22px;
	}
	.our-work {
		padding-top: 200px;
		padding-bottom: 200px;
		padding-left: 135px;
		padding-right: 135px;
	}
	.our-work h2.col-md-6.col-md-offset-3{
		width: 560px;
	}
	.our-work h2 {
		font-size: 38px;
		padding: 40px 0;
	}
	.our-work p {
		font-size: 25px;
		padding-bottom: 150px;
	}
	.our-work .image-wrapper h5 {
		font-size: 50px;
		margin-bottom: -28px;
		padding-right: 18px;
	}
	.our-work .image-wrapper .image-box {
		margin: 0 20px;
	}
	.our-service {
		padding: 100px 0 75px 0;
	}
	.plant-section {
		padding: 250px 0;
	}
	.plant-section h2,
	.sales-section h2 {
		font-size: 40px;
		padding: 40px 0;
	}
	.plant-section p,
	.sales-section p {
		margin-bottom: 30px;
		font-size: 21px;
	}
	.plant-section ul li,
	.sales-section ul li {
		padding: 15px 0 25px 0;
	}
	.plant-section ul li label,
	.sales-section ul li label {
		font-size: 30px;
	}
	.plant-section ul li p,
	.sales-section ul li p {
		font-size: 21px;
	}
	.sales-section {
		padding: 0px 0 250px 0;
	}
	.partner-section h3 {
		font-size: 38px;
	}
	.partner-section p {
		font-size: 19px;
	}
	.faq-section {
		padding: 100px 0 0 0;
	}
	.contact-section {
		padding: 150px 150px 130px 150px;
		margin: 350px 0 0 0;
	}
	.join-section {
		padding: 100px;
	}
	.join-section p {
		padding: 60px 0;
	}
	.contact-section .col-md-3.col-lg-3.col-sm-6:nth-child(2) {
		padding-top: 80px;
	}
	.resources-work.our-work {
		padding-top: 200px;
		padding-bottom: 200px;
		padding-left: 150px;
		padding-right: 150px;
	}
	.resources-work.our-work h2 {
		font-size: 38px;
		padding: 40px 0;
	}
	.resources-work.our-work p {
		padding-bottom: 150px;
	}
	.resources-work.our-work .image-wrapper .image-box .image-text p {
    	font-size: 25px;
    	line-height: 32px;
	}
	.resources-work.our-work .image-wrapper h5 {
		font-size: 50px;
		margin-bottom: -11px;
		padding-right: 18px;
	}
	.resources-work.our-work .image-wrapper .image-box {
		margin: 0 20px;
	}
	.guides-section .e-books-section .row h1 {
		font-size: 30px;
		padding: 0 40px;
	}
	.guides-section .desc-wrapper p {
		padding-right: 50px;
		font-size: 19px;
		width: auto;
	}
	.contact-section .image-box{
		top: 0;
	}
	 .header-layout-fixed.headroom--top div#page-header-inner ul li a {
        /* padding: 18px 0px 18px 40px; */
    }
    .blog-section h2,
    .resources-work.our-work h2,
    .guides-section h2 {
        font-size: 38px;
        padding: 40px 0;
    }
}
@media only screen and (max-width: 1599px) {
	.hero-image .text-wrapper {
		padding: 0 52px;
	}
}
@media only screen and (max-width: 1500px) {
	 .hero-image .text-wrapper h1 {
        width: 900px;
    }
    
	.partner-section p {
		font-size: 21px;
		max-width: 60%;
		margin-top: -25px;
	}
	.our-work h2.col-md-6.col-md-offset-3 {
    	width: 560px;
	}
	.our-service .icon-wrapper label {
		line-height: 30px;
		padding: 25px 60px;
		font-size: 25px;
	}
	 .header-layout-fixed.headroom--top div#page-header-inner ul li a {
		/* padding: 18px 25px; */
		/* font-size: 16px; */
	}
	.contact-section {
		padding: 150px 100px 150px 100px;
	}
	.contact-section .image-box {
		padding: 72.0% 0;
	}
	.contact-section ul li:last-child {
		padding-top: 30px;
	}
	.contact-section .image-box {
		margin-top: -280px;
		transform: translateX(98px);
	}
	footer .input-wrapper button.custom-btn {
		min-width: 200px;
		padding: 8px 0;
	}
	footer .input-wrapper input {
		width: calc(100% - 240px);
		margin-right: 20px;
		padding: 9px 15px;
		font-size: 18px;
	}
	footer .col-md-12.col-lg-12.col-xl-6.col-sm-12 {
    	padding-left: 30px;
	}
	footer .col-md-4.col-lg-4.col-xl-2.col-sm-12:nth-child(3) {
    	padding-left: 20px;
	}
	footer {
    	padding: 150px 100px 55px 100px;
	}
	.faq-section .row .button-wrapper a {
		margin: 40px 40px 40px 0;
	}
	.our-work .image-text p {
		font-size: 21px;
		padding: 33% 0 0 30px;
		line-height: 25px;
		max-width: 85%;
	}

	.guides-section .e-books-section .row h1 {
		font-size: 28px;
	}
	.guides-section .desc-wrapper p {
		font-size: 18px;
		display: inline-flex;
	}
	.guides-section {
		padding: 0 100px 100px 100px;
	}
	.guides-section .button-wrapper a.custom-btn {
		font-size: 18px;
	}
	.guides-section .e-books-section .button-wrapper {
		margin-left: 0px;
	}
	.guides-section .button-wrapper a.custom-btn {
		min-width: 100%;
	}
	.resources-work.our-work .image-text p {
		font-size: 21px;
		padding: 35% 40px;
	}
	.blog-section .blog-detail a label {
        font-size: 16px;
        width: auto;
        
    }

    .blog-section .blog-detail a label span {
        font-size: 16px;
        padding-left: 16px;
        margin-left: 16px;
    }

    .blog-section .blog-detail h2 {
        font-size: 16px;
        width: auto;
    }
    .blog-section p {
		padding-bottom:50px;
	}
	.blog-section .blog-wrapper .image-box img {
	  min-height: 255px;
	}
	
		.resources-work.our-work .image-wrapper .image-box .icon-box .button-wrapper .custom-btn {
	    min-width: 180px;
	    font-size: 17px;
	    
	}

	.resources-work.our-work .image-wrapper .image-box .image-text p {
	    font-size: 22px;
	}
	.resources-work.our-work .image-text p:after {
    	top: -1%;
 }
}
@media only screen and (max-width: 1440px) {
	.plant-section .image-box {
		    padding: 68.5% 0;

        min-height: 760px;
	}
	.plant-section h2,
	.sales-section h2 {
		font-size: 34px;
		padding: 32px 0;
	}
	.plant-section p,
	.sales-section p {
		margin-bottom: 20px;
	}
	.plant-section ul li label,
	.sales-section ul li label {
		font-size: 28px;
	}
	.plant-section ul li,
	.sales-section ul li {
		padding: 13px 0 23px 0;
	}
	.sales-section .image-box {
		padding: 67.5% 0px;
		min-height: 700px;
	}
	.contact-section span {
		font-size: 20px;
	}
	.contact-section ul span {
		padding: 30px 0;
	}
	.contact-section label {
		font-size: 35px;
	}
	footer .col-md-4.col-lg-4.col-xl-2.col-sm-12:nth-child(2) {
		padding-left: 20px;
	}
	.header-layout-fixed.headroom--top div#page-header-inner ul li a {
        padding: 18px 0px 18px 40px;
       
    }
    .header-layout-fixed.headroom--top div#page-header-inner ul li.GOM-signup-free a {
        
        margin-left: 3vw;
    }
}
@media only screen and (max-width: 1400px) {
	
	.hero-image .text-wrapper h1 {
		font-size: 75px;
		line-height: 85px;
	}
	.contact-section label {
		padding-right: 25px;
		font-size: 32px;
	}
	.contact-section ul span {
		padding: 20px 0;
		font-size: 21px;
	}
	.contact-section ul li label {
		font-size: 21px;
	}
	.contact-section ul li a {
		font-size: 21px;
	}
	.contact-section ul li {
		padding: 10px 0;
	}
	.custom-btn {
		min-width: 250px;
		font-size: 25px;
	}
	.faq-section .row .button-wrapper a {
		padding: 13px 0;
	}
	.our-work {
		padding: 100px 150px 100px 150px;
	}
	.our-work h2 {
		font-size: 32px;
		padding: 35px 0;
		margin-bottom: 0;
	}
	.our-work p {
		padding-bottom: 100px;
		font-size: 21px;
		max-width: 60%;
	}
	.our-work .image-wrapper h5 {
		font-size: 35px;
		margin-bottom: -20px;
	}
	.plant-section {
		padding: 150px 0;
	}
	.plant-section h2,
	.sales-section h2 {
		font-size: 33px;
		padding: 25px 0;
	}
	.plant-section span.highlight-text,
	.sales-section span.highlight-text {
		font-size: 19px;
	}
	.plant-section p,
	.sales-section p {
		margin-bottom: 20px;
	}
	.plant-section ul li label,
	.sales-section ul li label {
		font-size: 24px;
	}
	.plant-section ul li p,
	.sales-section ul li p {
		font-size: 21px;
	}
	.partner-section h3 {
		font-size: 28px;
	}
	.partner-section h4 {
		padding-bottom: 40px;
	}

	.our-partners .col-md-4.col-sm-6 img {
		width: auto;
		height: 60px;
	}
	.our-partners .col-md-4.col-sm-6 {
		padding: 25px 15px;
	}
	.our-partners .row {
		align-items: center;
	}
	.faq-section p {
		font-size: 21px;
	}
	.join-section h2 {
		font-size: 38px;
	}
	.join-section p {
		padding: 50px 0;
		font-size: 21px;
	}
	.our-work .image-text p {
		font-size: 18px;
		padding: 33% 0 0 30px;
		line-height: 23px;
	}
	.our-work .image-wrapper .image-box:hover .icon-box {
		left: 30px;
	}
	.our-work .image-wrapper .icon-box img {
		width: 30px;
	}
	
	.gallery-images-section .image-box .hover-content .image-text {
		padding: 10% 10% 2% 10%;
	}
	.resources-work.our-work {
		padding: 100px 150px 80px 150px;
	}
	.resources-work.our-work .image-wrapper .image-box .icon-box img {
		width: 40px;
	}
	.resources-work.our-work h2 {
		font-size: 32px;
		padding: 35px 0;
		
	}
	.resources-work.our-work p {
		padding-bottom: 100px;
		font-size: 21px;
		max-width: 60%;
	}
	.resources-work.our-work .image-wrapper h5 {
		font-size: 35px;
		margin-bottom: -9px;
	}
	.resources-work.our-work .image-text p {
		font-size: 20px;
		
	}
	.guides-section {
		padding: 100px;
	}
	.guides-section .e-books-section .row h1 {
		font-size: 25px;
		padding: 0 30px;
	}
	.guides-section .desc-wrapper p {
		font-size: 18px;
		padding: 0 20px;
	}
	.desc-wrapper {
		display: inline-flex;
		width: 100%;
	}
	.guides-section .button-wrapper a.custom-btn {
		font-size: 19px;
	}
	.guides-section .e-books-section .row {
		padding: 60px 0;
	}
	.blog-section {
		padding: 100px 100px 150px 100px;
	}
	.guides-section h3.highlight-text {
		font-size: 19px;
	}
	.resources-work.our-work h4.highlight-text {
		font-size: 19px;
		padding-bottom: 0px;
	}
	.blog-section h3.highlight-text {
		font-size: 19px;
	}
	.guides-section .e-books-section {
		padding: 50px 00px 0 0px;
	}
	.guides-section .desc-wrapper p {
		padding: 0 25px 0 0;
		margin-left: -30px;
	}
	.guides-section .button-wrapper a.custom-btn {
		min-width: 250px;
		font-size: 21px;
		margin-left: 18px;
	}
	.blog-section .blog-wrapper .image-box img {
		width: 100%;
		
	}
	.blog-section .blog-wrapper {
		padding: 0 15px;
	}
	.blog-section .blog-detail {
		padding: 15px 0 30px 0;
		/* border-bottom: 1px solid gray; */
	}
	.blog-section h3.highlight-text {
		padding-bottom: 0px;
	}
	
	.blog-section .blog-detail h2 {
		font-size: 18px;
	}
	.blog-section .blog-detail p {
		font-size: 17px;
	}
	.guides-section .button-wrapper a.custom-btn {
		font-size: 20px;
		min-width: 190px;
	}
	.join-section h2 {
		font-size: 38px;
	}
	.join-section p {
		padding: 50px 0;
		font-size: 21px;
	}
	.blog-section h2,
    .resources-work.our-work h2,
    .guides-section h2 {
        font-size: 32px;
        padding: 35px 0;
    }
}
@media only screen and (max-width: 1366px) {
	.plant-section .image-box {
		padding: 60.5% 0;
		min-height: 690px;
	}
	.plant-section h2,
	.sales-section h2 {
		font-size: 35px;
		padding: 26px 0;
		max-width: 68%;
		
	}
	.plant-section p,
	.sales-section p {
		margin-bottom: 15px;
	}
	.plant-section ul li,
	.sales-section ul li {
		padding: 15px 0 20px 0;
	}
	.contact-section ul li:last-child {
		padding-top: 50px;
	}
	.our-service .icon-wrapper label {
		padding: 25px 50px;
	}
	.resources-work.our-work .image-wrapper .image-box .image-text p {
	    font-size: 20px;
	    line-height: 25px;
	}
}
@media only screen and (max-width: 1300px) {
	footer .input-wrapper button.custom-btn {
		min-width: 200px;
		padding: 7px 0;
	}
	.our-work h2.col-md-6.col-md-offset-3 {
    	width: 470px;
	}
	footer .input-wrapper input {
		width: calc(100% - 230px);
		font-size: 16px;
	}
	.plant-section .image-box {
		padding: 60.5% 0;
		    min-height: 715px;
	}
	.sales-section .image-box {
	    padding: 63.5% 0px;
	    min-height: 700px;
	}
	.plant-section h2,
	.sales-section h2 {
		font-size: 32px;
		padding: 20px 0;
		max-width: 70%;
	}
	.plant-section p,
	.sales-section p {
		margin-bottom: 15px;
	}
	.plant-section p,
	.sales-section p {
		margin-bottom: 20px;
	}
	.plant-section ul li label,
	.sales-section ul li label {
		font-size: 24px;
	}
	.plant-section ul li,
	.sales-section ul li {
		padding: 10px 0 18px 0;
	}
	.contact-section .image-box {
		margin-top: -260px;
		transform: translateX(98px);
	}
	.contact-section ul li:last-child {
		padding-top: 30px;
	}
	.contact-section span {
		font-size: 20px;
	}
	 .header-layout-fixed.headroom--top div#page-header-inner ul li.GOM-signup-free a {
		margin-left: 25px;
	}
	footer .col-md-4.col-lg-4.col-xl-2.col-sm-12:nth-child(2) {
		padding-left: 0px;
	}
	.guides-section .button-wrapper a.custom-btn {
		font-size: 18px;
		min-width: 100%;
		margin-left: 18px;
	}
	.resources-bg {
	    background-position: center;
	}

	.resources-hero-image .text-wrapper {
	    padding-top: 50px;
	}
	.resources-work.our-work .image-wrapper .image-box .image-text p {
	    font-size: 18px;
	    padding: 30% 0 33%  30px;
	    line-height: 25px;
	}

	.resources-work.our-work .image-text p:after {
	    top: -9%;
	}
}
@media only screen and (max-width: 1100px) {
	.guides-section .e-books-section .row h1 {
		font-size: 22px;
	}
	.guides-section .desc-wrapper p {
		font-size: 14px;
	}
}
@media only screen and (max-width: 1200px) {
	.header-layout-fixed.headroom--top div#page-header-inner ul li a {
        padding: 18px 0px 18px 40px;
        font-size:14px;
    }
	.faq-section .row .button-wrapper a {
		margin: 40px 20px 0 0px;
	}
	.faq-section .col-xl-8.col-md-6.col-lg-6.col-sm-12 {
		padding-left: 50px;
	}
	
}
@media only screen and (max-width: 1024px) {

	.custom-btn:focus {
		color: #fff;
		border-color: #0fb96b;
		background-color: #0fb96b;
	}
	.faq-section .row{
		margin:0;
	}
	.resources-bg {
    	background-size: cover;
	}
	.hero-image .hero-bg video {
	    height: 100vh;
	}

	.hero-image:before {
	    height: 100vh;
	}

	.hero-image {
	    height: 100vh;
	}
	
    .hero-image .text-wrapper h1 {
        width: auto;
    }
	.hero-image .hero-bg {
		background-position: center;
		background-size: cover;
	}
	.our-work h2.col-md-6.col-md-offset-3 {
    	width: 355px;
	}
	.menu-open .page-open-mobile-menu .icon i:hover,
	.menu-open .page-open-mobile-menu .icon i:focus {
		color: #fff;
	}
	.our-work h2 {
		font-size: 24px;
		padding: 25px 0;
	}
	.our-work {
		padding: 70px;
	}
	.our-work p {
		padding-bottom: 60px;
	}
	.our-service .icon-wrapper label {
		padding: 25px 30px;
		font-size: 20px;
		line-height: 25px;
		max-width: unset;
	}
	.our-service .icon-wrapper span img {
	    width: 100px;
	}

	.our-service {
	    padding: 50px;
	}

	.our-service .icon-wrapper span {
	    line-height: unset;
	}

	.our-service .icon-wrapper label {
	    padding: 20px 20px 0 20px;
	}
	.plant-section .col-xl-8.col-md-8.col-lg-6.col-sm-12 {
		padding-left: 50px;
	}
	.plant-section .row,
	.sales-section .row {
		align-items: center;
		margin: 0;
	}
	.plant-section h2,
	.sales-section h2 {
	font-size: 27px;
	max-width: 88%;
	}
	.plant-section p,
	.sales-section p {
		margin-bottom: 15px;
		font-size: 18px;
		
	}
	.plant-section ul li,
	.sales-section ul li {
		padding: 15px 0;
	}
	.plant-section ul li label,
	.sales-section ul li label {
		font-size: 22px;
	}
	.sales-section { 
		padding: 0px 0 150px 0;
	}
	.partner-section, .home_wrap .our-work .container {
		padding: 0 100px;
	}
	.partner-section h3 {
		font-size: 22px;
	}
	.supplier_wrap .home_wrap .partner-section {
		padding: 230px 128px 0;
	}
	.supplier_wrap .testimonials_grid:before {
		width: 32px;
	    height: 40px;
	    left: -30.5px;
	}
	.supplier_wrap .testimonials_grid {
	    padding: 50px 46px 48px;
	}
	.supplier_wrap .partner-section h3 {
		font-size: 35px;
	}
	.our-partners {
		padding: 20px 0;
	}
	.our-partners .col-md-4.col-sm-6 {
		padding: 25px 0;
	}
	.faq-section p {
		max-width: 88%;
		padding: 15px 0;
		font-size: 18px;
	}
	.faq-section .row .button-wrapper a {
		margin: 20px 30px 20px 0px;
	}
	.contact-section {
		padding: 100px 50px 100px 30px;
		margin: 200px 0 0 0;
	}
	.contact-section span {
		font-size: 17px;
	}
	.join-section a.custom-btn {
        font-size: 18px;
    }
    .contact-section .row{
    	margin:0;
    }
    .supplier_wrap .case_study_wrap .contact_us .box_block {
    	padding: 116px 0 155px 50px;
    }
    .supplier_wrap .case_study_wrap p{
    	max-width: 299px;
    }
	.contact-section .image-box {
		margin-top: -200px;
		padding: 65% 0;
		max-width: 390px;
		transform: translateX(132px);
	} 
	.contact-section label {
		font-size: 24px;
	}
	.contact-section ul li label {
		font-size: 18px;
	}
	.contact-section ul li a {
		font-size: 18px;
	}
	.contact-section ul li {
		font-size: 5px;
		padding: 5px 0;
	}
	.contact-section ul span {
		font-size: 18px;
		padding: 15px 0;
	}
	.join-section {
		padding: 80px 0;
	}
	.join-section h2 {
		font-size: 30px;
	}
	.join-section p {
		font-size: 18px;
		padding: 30px 0;
	}
	.custom-btn {
		font-size: 18px;
		min-width: 250px;
	}
	.faq-section .col-md-8.col-lg-6.col-sm-12 {
		padding-left: 75px;
	}
	.faq-section .col-xl-8.col-md-6.col-lg-6.col-sm-12 {
		padding-left: 75px;
	}
	.sales-section .col-xl-8.col-lg-6.col-md-8.col-sm-12 {
		padding-left: 50px;
	}
	.contact-section .col-md-3.col-lg-3.col-sm-6:nth-child(2) {
		padding-top: 0px;
	}
	.our-work .image-text p {
		font-size: 17px;
		padding: 25% 25px;
		max-width: 100%;
		line-height: 22px;
	}
	.plant-section .col-xl-4.col-lg-6.col-md-6.col-sm-12 {
		flex: 0 0 50%;
		max-width: 50%;
		padding-left: 0;
	}
	.plant-section .col-xl-8.col-lg-6.col-md-6.col-sm-12 {
		flex: 0 0 50%;
		max-width: 50%;
	}
	.sales-section .col-xl-8.col-md-6.col-lg-6.col-sm-12 {
		flex: 0 0 50%;
		max-width: 50%;
	}
	.sales-section .col-xl-4.col-md-6.col-lg-6.col-sm-12 {
		flex: 0 0 50%;
		max-width: 50%;
		padding-right: 0;
	}
	.sales-section ul li p {
		padding-right: 0;
	}
	.faq-section .col-xl-4.col-md-6.col-lg-6.col-sm-12 {
		flex: 0 0 50%;
		max-width: 50%;
		padding-left: 0;
	}
	.faq-section .col-xl-8.col-md-6.col-lg-6.col-sm-12 {
		flex: 0 0 50%;
		max-width: 50%;
	}
	.plant-section .col-xl-8.col-lg-6.col-md-6.col-sm-12 {
		padding: 0 40px 0 20px;
	}
	.sales-section .col-xl-8.col-lg-6.col-md-6.col-sm-12 {
		padding: 0 20px 0 40px;
	}
	.blog-section h2,
    .resources-work.our-work h2,
    .guides-section h2 {
        font-size: 24px;
        padding: 25px 40px;
        margin-bottom: 25px;
    }
	footer {
		padding: 100px 100px;
	}
	.footer-icons {
		padding-top: 80px;
	}
	 .page-open-mobile-menu .icon i {
		color: #fff;
	}
	footer .col-md-4.col-lg-4.col-xl-2.col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%;

    }

	footer .input-wrapper .input-box .hs_error_rollup ul {
	  
	    bottom: 1px;
	}
    footer .input-wrapper .input-box .hs_submit.hs-submit input.hs-button {
	    min-width: 180px;
	    margin-left: 20px;
	    margin-right: 0;
	}

    footer  .col-md-12.col-lg-12.col-xl-6.col-sm-12 {
        flex: 0 0 50%;
        padding-left: 15px;
        max-width: 50%;
    }

    footer .col-md-4.col-lg-4.col-xl-2.col-sm-12:nth-child(3) {
        padding-left: 20px;
    }



    footer {
        padding: 150px 70px 55px 70px;
    }
    footer .footer-link ul li a {
        font-size: 16px;
    }

    footer .footer-link ul {
        padding-left: 0px;
    }
    footer .input-wrapper input {
        font-size: 15px;
        padding: 9px 15px;
    }
    footer .col-md-8.col-lg-8.col-xl-4.col-sm-12 {
    	flex: 0 0 38.66667%;
    	max-width: 38.66667%;
	}
	/*body.menu-open .navigation {
		display: block;
		position: fixed;
		left: -450px;
		min-width: 300px;
		background-color: #0fb96b;
		height: 100%;
		top: 0;
		z-index: 99999;
		transition: 0.5s;
	}
	body.menu-open .navigation.nav-open {
		display: block;
		position: fixed;
		left: 0;
		background-color: #ffffff;
		height: 100%;
		top: 0;
		z-index: 99999;
	}*/
	 div#page-navigation nav#menu ul {
		list-style: none;
		padding: 0;
	}
	 div#page-navigation nav#menu ul li a {
		padding: 10px 15px;
	}
	 .header-layout-fixed.headroom--top div#page-header-inner ul li.GOM-signup-free a {
		
		min-width: 200px !important;
		border: 0 !important;
		    text-align: center;
    	padding: 10px 15px 7px 15px !important;
	}
	/*body.menu-open .page-open-mobile-menu .icon i:before {
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	body.menu-open .page-open-mobile-menu .icon i::after {
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg)
	}
	body.menu-open .page-open-mobile-menu .icon i:after,
	body.menu-open .page-open-mobile-menu .icon i:before {
		position: absolute;
		top: 0px;
		left: 0px;
		content: "";
		width: 24px;
		height: 3px;
		background: currentColor;
		-webkit-transform-origin: 50% 50%;
		-ms-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
	}*/
	/*.menu-open .page-open-mobile-menu .icon i {
		width: 0;
	}*/
	/*body.menu-open:before {
		z-index: 999;
		content: '';
		position: fixed;
		left: 0;
		right: 0;
		width: 100%;
		background-color: #0000005e;
		height: 100%;
		z-index: 1;
	}
	*/
	.plant-section .image-box {
		min-height: 624px !important;
	}
	.sales-section .image-box {
		min-height: 624px !important;
	}
	.your-project {
		padding: 100px;
	}
	.your-project .text-container p {
		padding: 55px 0;
		font-size: 21px;
		max-width: 80%;
	}
	.gallery-images-section .image-box .hover-content .icon-box {
		bottom: 30px;
	}
	.gallery-images-section .image-box .hover-content .icon-box img{
		height: 35px;
		width: 35px;
	}
	.gallery-hero-image .text-wrapper p {
    	font-size: 25px;
	}
	.resources-work.our-work h2 {
		font-size: 24px;
		padding: 25px 0;
	}
	.resources-work.our-work {
		padding: 70px;
	}
	.resources-work.our-work p {
		padding-bottom: 60px;
	}
	.resources-work.our-work.image-text p {
		font-size: 21px;
		padding: 25% 25px;
	}
	.resources-work.our-work .image-wrapper .image-box .icon-box .button-wrapper .custom-btn {
	    min-width: 170px;
	    font-size: 15px;
	    padding: 10px 0;
	}
	.blog-section .row {
    	margin: 0 -6px;
	}
	.blog-section h3.highlight-text {
		padding-bottom: .0px;
	}
	.blog-section .blog-wrapper {
		padding: 0;
	}
	 .blog-section .blog-detail h2 {
        font-size: 16px;
        width: auto;
    }
    .blog-section .blog-detail a label span {
        font-size: 13px;
        padding-left: 10px;
        margin-left: 5px;
    }
     .blog-section .blog-detail a label {
        font-size: 13px;
        width: auto;
        padding: 0 5px;
    }
    .blog-section .blog-detail a label span:before {
        font-size: 14px;
    }
	.blog-section .blog-detail {
		padding: 15px 0;
	}
	.blog-section .blog-detail p {
		padding: 0 0 20px 0;
		font-size: 17px;
	}
	.guides-section {
		padding: 50px;
	}
	.guides-section h3.highlight-text {
		margin-bottom: 0px;
	}
	.resources-work.our-work h4.highlight-text {
		padding-bottom: 0px;
	}
	.guides-section .filter-wrapper select {
		margin-bottom: 40px;
	}
	.guides-section .filter-wrapper {
		padding-top: 00px;
	}
	.guides-section .e-books-section .row {
		padding: 30px 0;
	}
	.guides-section .e-books-section .row h1 {
		font-size: 22px;
	}
	.guides-section .button-wrapper a.custom-btn {
		font-size: 16px;
		min-width: 130px;
	}
	.guides-section .desc-wrapper p {
		font-size: 14px;
	}
	.blog-section {
		padding: 25px 30px 100px 30px;
	}
	.join-section {
		padding: 80px 0;
	}
	.join-section h2 {
		font-size: 30px;
	}
	.join-section p {
		font-size: 18px;
		padding: 30px 0;
	}
	.custom-btn {
		font-size: 18px !important;
		min-width: 250px;
	}
	.resources-work.our-work.image-wrapper .icon-box img {
		width: 30px;
	}
	.resources-work.our-work .image-wrapper .image-box .image-text p {
		max-width: 100%;
		font-size: 16px;
		line-height: 20px;
	}
	.gallery-bg {
	    background-position: center;
	    background-size: cover;
	}
	
	.gallery-bg:after {
    	position: absolute;
	    content: '';
	    background-color: #191919;
	    background-attachment: fixed;
	    left: 0;
	    right: 0;
	    width: 100%;
	    height: 100%;
	    z-index: 1;
	    opacity: 0.4;
	}
	.gallery-hero-image .text-wrapper h4 {
	    position: relative;
	    z-index: 2;
	}

	.gallery-hero-image .text-wrapper h2 {
	    position: relative;
	    z-index: 2;
	}

	.gallery-hero-image .text-wrapper p {
	    position: relative;
	    z-index: 2;
	}
	 .gallery-images-section .grid .image-box .hover-content .image-text p {
        display: none;
    }
    .gallery-images-section .image-box .hover-content .icon-box {
        display: none;
    }
    .gallery-images-section .image-box .hover-content .image-text .hide-in-desktop {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        height: 100%;
        display: flex;
            justify-content: flex-end;
    	align-items: flex-end;
    }
    .gallery-images-section .image-box .hover-content .image-text .hide-in-desktop button.read-more {
        margin: 0 20px 20px 0px;
	    display: table;
	    text-align: left;
	    color: #fff;
	    width: auto;
	    border: 0;
	    border-bottom: 1px solid white;
	    border-radius: 0;
	    padding: 0;
	    height: auto;
	    font-weight: normal;
	    font-family: GibSon-Regular,Arial,sans-serif;
	    line-height: normal;
	    background-color: transparent
    }
    .gallery-images-section .image-box .hover-content {
        opacity: 1;
        background-color: rgba(0,0,0,.3);
    }
    .resources-hero-image {
	    height: calc(100vh - 70px);
	}
	.our-work .image-wrapper .image-box .image-text {
    	opacity: 1;
	    transition: 0.5s;
	    background-color: rgba(0,0,0,0.3);
	}

	.our-work .image-wrapper .image-box .hide-in-desktop {
	    position: absolute;
	    left: 0;
	    right: 0;
	    top: 0;
	    height: 100%;
	    display: flex;
	    justify-content: flex-end;
	    align-items: flex-end;
	}

	.our-work .image-wrapper .image-box .icon-box img {
	    display: none;
	}

	.our-work .image-wrapper .image-box .hide-in-desktop a.read-more {
	    margin: 0 20px 20px 0px;
	    display: table;
	    text-align: left;
	    color: #fff;
	    width: auto;
	    border: 0;
	    border-bottom: 1px solid white;
	    border-radius: 0;
	    padding: 0;
	    height: auto;
	    font-weight: normal;
	    font-family: GibSon-Regular,Arial,sans-serif;
	    line-height: normal;
	    background-color: transparent;
	}

}

@media only screen and (width:1080px) and (height:1920px) {
        .contact-section .image-box {
        transform: translateX(95px);
            padding: 93% 0;
    }
	    .plant-section .col-xl-8.col-lg-6.col-md-6.col-sm-12 {
	    flex: 0 0 56%;
	    max-width: 56%;
	}

	.sales-section .col-xl-8.col-lg-6.col-md-6.col-sm-12 {
	    padding-left: 40px;
	}
	footer .col-md-12.col-lg-12.col-xl-6.col-sm-12 {
	    flex: 0 0 60%;
	    max-width: 60%;
	    padding-left: 15px;
	    
	}
}


/****ipad pro landscape view****/
@media only screen and (width: 1366px) and (height:1024px) {
	.contact-section .image-box {
    
	    transform: translateX(100px);
	}
 .gallery-images-section .grid .image-box .hover-content .image-text p {
        display: none;
    }
    .gallery-images-section .image-box .hover-content .icon-box {
        display: none;
    }
    .gallery-images-section .image-box .hover-content .image-text .hide-in-desktop {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        height: 100%;
        display: flex;
            justify-content: flex-end;
    	align-items: flex-end;
    }
    .gallery-images-section .image-box .hover-content .image-text .hide-in-desktop button.read-more {
        margin: 0 20px 20px 0px;
	    display: table;
	    text-align: left;
	    color: #fff;
	    width: auto;
	    border: 0;
	    border-bottom: 1px solid white;
	    border-radius: 0;
	    padding: 0;
	    height: auto;
	    font-weight: normal;
	    font-family: GibSon-Regular,Arial,sans-serif;
	    line-height: normal;
	    background-color: transparent
    }
    .gallery-images-section .image-box .hover-content {
        opacity: 1;
        background-color: rgba(0,0,0,.3);
    }
    .our-work .image-wrapper .image-box .image-text {
	    opacity: 1;
	    transition: 0.5s;
	        background-color: rgba(0,0,0,0.3);
	}

	.our-work .image-wrapper .image-box .hide-in-desktop {
	    position: absolute;
	    left: 0;
	    right: 0;
	    top: 0;
	    height: 100%;
	    display: flex;
	    justify-content: flex-end;
	    align-items: flex-end;
	}

	.our-work .image-wrapper .image-box .icon-box img {
	    display: none;
	}

	.our-work .image-wrapper .image-box .hide-in-desktop a.read-more {
	    margin: 0 20px 20px 0px;
	    display: table;
	    text-align: left;
	    color: #fff;
	    width: auto;
	    border: 0;
	    border-bottom: 1px solid white;
	    border-radius: 0;
	    padding: 0;
	    height: auto;
	    font-weight: normal;
	    font-family: GibSon-Regular,Arial,sans-serif;
	    line-height: normal;
	    background-color: transparent;
	}

}

@media only screen and (max-width: 991px) {
	#blog-newsletter .hbspt-form form .hs_submit .actions{
		margin-left: 0;
	}
	.gallery-bg {
    background-size: cover;
    background-position: bottom;
}
	/*.hero-image .text-wrapper h1 {
		font-size: 50px;
		line-height: 60px;
		max-width: unset;
	}*/
	.supplier_wrap .hero-image .text-wrapper h1{
		max-width: 548px;
	}
	.our-work h2 {
		font-size: 22px;
		padding: 20px 0;
		max-width: 62%;
		margin: 0 auto;
	}
	.our-work p {
		max-width: 80%;
		font-size: 18px;
		padding-bottom: 30px;
	}
	.our-work .image-wrapper h5 {
		font-size: 24px;
		margin-bottom: -15px;
		padding-right: 0px;

	}
	.our-work .image-wrapper .image-box {
		/* max-width: 350px  !important; */
		margin: 0;
		width: 100%;
		background-position: center !important;
	}
	.our-service .icon-wrapper label {
		font-size: 18px;
		padding: 20px 0 0 0;
		line-height: 20px;
	}
	.our-service .icon-wrapper span {
		padding-bottom: 0;
	}
	.our-service {
		padding: 50px 0;
	}
	.plant-section .col-xl-8.col-md-8.col-lg-6.col-sm-12 {
		padding-left: 40px;
	}
	.plant-section .row,
	.sales-section .row {
		align-items: center;
	}
	.plant-section h2,
	.sales-section h2 {

		font-size: 20px;
		padding: 18px 0;
	}
	.plant-section p,
	.sales-section p {
		margin-bottom: 10px;
		font-size: 14px;
		
	}
	.plant-section ul li,
	.sales-section ul li {
		padding: 10px 0;
	}
	.plant-section ul li label,
	.sales-section ul li label {
		font-size: 16px;
	}
	.sales-section {
		padding: 0px 0 150px 0;
	}
	.plant-section span.highlight-text,
	.sales-section span.highlight-text {
		font-size: 18px;
	}
	.plant-section ul li p,
	.sales-section ul li p {
	font-size: 14px;
	padding-right: 0;
	}
	.plant-section ul,
	.sales-section ul {
		padding: 0 25px 0 0;
	}
	.plant-section {
		padding: 80px 0;
	}
	.plant-section .custom-btn,
	.sales-section .custom-btn {
		max-width: 200px;
		font-size: 16px;
	}
	.sales-section .col-xl-8.col-md-6.col-lg-6.col-sm-12 {
		padding-left: 50px;
	}
	.partner-section, .home_wrap .our-work .container {
		padding: 0 50px;
	}
	.partner-section h4 {
		padding-bottom: 25px;
	}
	.sales-section {
		padding: 0 0 80px 0;
	}
	.partner-section p {
		max-width: 50%;
		margin: -28px 0 0 0;
		font-size: 14px;
	}
	.faq-section {
		padding: 80px 0;
	}
	.faq-section h2 {
        font-size: 22px;
    }
	.contact-section {
		margin: 50px 0 0 0;
		padding: 50px;
	}
	.contact-section .image-box {
		transform: translateX(50px);
		margin-top: -140px;
		width: 100%;
		/* max-width: 333px; */
	}
	.contact-section h2.highlight-text {
		padding-bottom: 30px;
	}
	.contact-section label {
		font-size: 22px;
	}
	.contact-section span {
		font-size: 15px;
	}
	.contact-section ul span {
		padding: 10px 0;
		font-size: 15px;
	}
	.contact-section ul li label {
		font-size: 16px;
		line-height: 21px;
	}
	.contact-section ul li a {
		font-size: 16px;
	}
	.faq-section .col-xl-8.col-md-6.col-lg-6.col-sm-12 {
		padding-left: 40px;
	}
	.our-work .image-text p {
		font-size: 16px;
		padding: 25% 25px;
		line-height: 19px;
	}
	.our-work .image-wrapper .icon-box i {
		color: #fff;
		font-size: 35px;
	}
	 .page-open-mobile-menu .inner {
		padding-right: 25px;
	}
	.gallery-hero-image .text-wrapper p {
		/* max-width: 66%; */
		padding: 0px 60px;
	}
	.your-project {
		padding: 80px;
	}
	.your-project .text-container h2 {
		font-size: 38px;
	}
	.your-project .text-container p {
		min-width: 90%;
		padding: 35px 0;
	}
	.guides-section .e-books-section span.show_count {
    	margin-left: 15px;
    	display: table;
    	width: 100%;
	}
	.gallery-images-section .image-box .hover-content .icon-box {
    	bottom: 20px;
	}
	.gallery-images-section .image-box .hover-content .image-text h5 {
		font-size: 25px;
	}
	.gallery-images-section .image-box .hover-content .image-text label {
		font-size: 18px;
	}
	.gallery-images-section .image-box .hover-content .image-text p {
		font-size: 16px;
		padding-top: 20px;
	}
	.gallery-images-section .image-box .hover-content .icon-box img {
		width: 30px;
		height: 30px;
	}
	.resources-hero-image .text-wrapper p {
		padding: 0px 60px;
	}
	.resources-work.our-work {
	    padding: 70px 20px;
	}

	.resources-work.our-work .image-wrapper .icon-box {
	    bottom: 20px;
	}
	.resources-work.our-work .image-text p:after {
	    top: -9%;
	    /* width: 125px; */
	    /* height: 125px; */
	}
	.blog-section .button-wrapper a {
	    margin: 0 auto;
	}

	.blog-section .button-wrapper {
	    width: 100%;
	    padding: 0px 0 30px 0;
	}
	.guides-section .e-books-section .title-wrapper {
		padding: 30px 0 20px 0;
		text-align: left;
	}
	.resources-work.our-work h2 {
		font-size: 22px;
		padding: 20px 0;
		max-width: 62%;
		margin: 0 auto;
	}
	.resources-work.our-work p {
		max-width: 80%;
		font-size: 18px;
		padding-bottom: 30px;
	}
	.resources-work.our-work .image-wrapper h5 {
		font-size: 28px;
		margin-bottom: -7px;
		padding-right: 0px;

	}
	.resources-work.our-work .image-wrapper .image-box:hover .icon-box {
		left: 16px;
	}
	.resources-work.our-work .image-wrapper .image-box {
		margin: 0;
		width: 100%;
		background-position: center !important;
	}
	.resources-work.our-work .image-text p {
		font-size: 14px;
		padding: 15% 12px;
	}
	.resources-work.our-work .image-wrapper .icon-box i {
		color: #fff;
		font-size: 25px;
	}
	.resources-hero-image .text-wrapper h2 {
		width: auto;
		padding: 65px 20px;
	}
	.resources-work.our-work .image-wrapper .image-box .icon-box img {
		width: 25px;
	}
	.resources-work.our-work .image-wrapper .image-box .image-text p {
		font-size: 16px;
	}
	.resources-work.our-work h4.highlight-text {
		padding-bottom: 0px;
	}
	.blog-section .blog-detail {
		padding: 15px 0 0px 0;
		border-bottom: 0px solid gray;
		width: 100%;
	}
	.blog-section .blog-wrapper {
		padding: 0 0 28px 0;
	}
	.guides-section .button-wrapper a.custom-btn {
		min-width: 250px;
	}
	.guides-section .e-books-section .row h1 {
		padding: 0;
	}
	.guides-section .button-wrapper a.custom-btn {
		font-size: 16px;
		min-width: 130px;

	}
	.blog-section .blog-wrapper .image-box img {
		width: 100%;
	
		max-width: unset;
		max-height: 250px;
	}
	.blog-section .blog-detail h2 {
        width: auto;
    }
	.blog-section .blog-wrapper {
		margin: 0 auto;
		display: table;
	}
	.guides-section .e-books-section .row img {
		width: auto;
		min-height: 215px;
	}
	.guides-section .e-books-section .row {
		width: calc(50% - 32px);
		/* float: left; */
		flex-wrap: unset;
		display: inline-block;
		margin: 0 15px;
		vertical-align: top;
		border: 0;
	}
	.guides-section .e-books-section {
		margin: 0 -30px;
	}
	.guides-section .e-books-section .col-lg-4 {
		padding: 0;
	}
	.guides-section .desc-wrapper p {
		margin: 0;
		padding-bottom: 25px;
		min-height: 97px;
	}
	.guides-section .button-wrapper a.custom-btn {
		margin: 0;
	}
	.guides-section .e-books-section {
		padding: 10px 00px 0 0px;
	}
	.blog-section {
		padding: 25px 30px 50px 30px;
	}
	.guides-section {
		padding: 50px 50px 0 50px;
	}
	.blog-section h2,
    .resources-work.our-work h2,
    .guides-section h2 {
        font-size: 22px;
        padding: 25px 30px;
        margin-bottom: 20px;
    }
    .blog-section p {
        padding-bottom: 30px;
    }
	 footer .col-md-4.col-lg-4.col-xl-2.col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }


    footer  .col-md-12.col-lg-12.col-xl-6.col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
    }
    footer .col-md-8.col-lg-8.col-xl-4.col-sm-12 {
    	flex: 0 0 100%;
    	max-width: 100%;
	}

    footer .col-md-4.col-lg-4.col-xl-2.col-sm-12:nth-child(3) {
        padding-left: 20px;
        flex: 0 0 50%;
        max-width: 50%;
    }
	footer .input-wrapper .input-box .hs_error_rollup ul {
	    bottom: -40px;
	    left: 14px;
	}


    footer {
        padding: 70px 70px 55px 70px;
    }
    footer .footer-link ul li a {
        font-size: 16px;
    }

    footer .footer-link ul {
        padding-left: 0px;
    }
    footer .input-wrapper input {
        font-size: 15px;
        padding: 9px 15px;
    }
    footer .col-md-4.col-lg-4.col-xl-2.col-sm-12:nth-child(2) {
	   
	    flex: 0 0 50%;
	    max-width: 50%;
	    padding-left: 20px;
	}
	footer .col-md-4.col-lg-4.col-xl-2.col-sm-12:nth-child(3) {
	    
	    flex: 0 0 50%;
	    max-width: 50%;
	}
	footer .input-wrapper .input-box .hs_email.hs-email input {
	    width: calc(100% - 225px);
    	margin-right: 10px;
	}

	footer .input-wrapper .input-box .hs_submit.hs-submit input.hs-button {
	    max-width: 208px;
	    margin-top: 0 !important;
	}
	#hsForm_4ae0bf4c-6d16-4d78-8e06-b24c0432dbc0 .hs-email,
	footer .hbspt-form form .hs_submit .actions {
    	margin: 0;
	}
	footer .input-wrapper {
    	padding-top: 50px;
	}
}
@media screen and (max-width: 991px) and (orientation: landscape) {
	#blog-newsletter .hbspt-form form .hs_submit .actions{
		margin-left: 15px;
	}
	.hero-image .text-wrapper h1 {
		font-size: 40px;
		line-height: 45px;
		padding-top: 66px;
	}
	.hero-image .hero-bg .text-wrapper label {
		padding: 25px 0;
	}
	.hero-image .text-wrapper {
		padding: 0 58px;
	}
	.resources-hero-image .text-wrapper h2 {
		font-size: 35px;
		line-height: 40px;
		padding: 35px;
	}

	.resources-hero-image .text-wrapper {
		padding-top: 50px;
	}

	.resources-hero-image .text-wrapper p {
		font-size: 20px;
		line-height: 26px;
	}
	.gallery-hero-image .text-wrapper {
		padding-top: 50px;
	}

	.gallery-hero-image .text-wrapper h2 {
		padding: 30px;
        font-size: 28px;
    }
    
     .gallery-images-section .grid .image-box .hover-content .image-text p {
        display: none;
    }
    .gallery-images-section .image-box .hover-content .icon-box {
        display: none;
    }
    .gallery-images-section .image-box .hover-content .image-text .hide-in-desktop {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        height: 100%;
        display: flex;
            justify-content: flex-end;
    	align-items: flex-end;
    }
    .gallery-images-section .image-box .hover-content .image-text .hide-in-desktop button.read-more {
        margin: 0 20px 20px 0px;
	    display: table;
	    text-align: left;
	    color: #fff;
	    width: auto;
	    border: 0;
	    border-bottom: 1px solid white;
	    border-radius: 0;
	    padding: 0;
	    height: auto;
	    font-weight: normal;
	    font-family: GibSon-Regular,Arial,sans-serif;
	    line-height: normal;
	    background-color: transparent
    }
    .gallery-images-section .image-box .hover-content {
        opacity: 1;
        background-color: rgba(0,0,0,.3);
    }

	.our-work .image-wrapper .image-box  .hide-in-desktop {
	    position: absolute;
	    left: 0;
	    right: 0;
	    top: 0;
	    height: 100%;
	    display: flex;
	    justify-content: flex-end;
    	align-items: flex-end;
	}

	.our-work .image-wrapper .image-box .hide-in-desktop .read-more {
	    margin: 0 20px 20px 0px;
	    display: table;
	    text-align: left;
	    color: #fff;
	    width: auto;
	    border: 0;
	    border-bottom: 1px solid white;
	    border-radius: 0;
	    padding: 0;
	    height: auto;
	    font-weight: normal;
	    font-family: GibSon-Regular,Arial,sans-serif;
	    line-height: normal;
	    background-color: transparent;
	}
	.our-work .image-text {
    	opacity: 1;
    	background-color: rgba(0,0,0,.3);
	}
}
@media screen and (width: 812px) and (orientation: landscape) {
   
}

@media only screen and (max-width: 767px) {
	.hbspt-form form ul.no-list.hs-error-msgs label.hs-main-font-element{
		text-align: center;
	}
	.hero-image .hero-bg {
	    background-position: center;
	    background-size: cover;
	    background-image: url('/wp-content/themes/brook-child/images/Bonaventure_mobile_copy_Moment.jpg');
	    height: 100%;
	}

	.hero-image .mobile-video{
		display: block;
	}

	.hero-image .desktop-video{
		display: none;
	}

	.our-work .image-wrapper .image-box  .hide-in-desktop {
	    position: absolute;
	    left: 0;
	    right: 0;
	    top: 0;
	    height: 100%;
	    display: flex;
	         justify-content: flex-end;
    	align-items: flex-end;
	}
	.our-work .image-wrapper .image-box .icon-box img {
	    display: none;
	}

	.our-work .image-wrapper .image-box .hide-in-desktop .read-more {
	        margin: 0 20px 20px 0px;
	    display: table;
	    text-align: left;
	    color: #fff;
	    width: auto;
	    border: 0;
	    border-bottom: 1px solid white;
	    border-radius: 0;
	    padding: 0;
	    height: auto;
	    font-weight: normal;
	    font-family: GibSon-Regular,Arial,sans-serif;
	    line-height: normal;
	    background-color: transparent;
	}
	
	.gallery-images-section .grid .image-box .hover-content .image-text p{
		display: none;
	}
	.gallery-images-section .grid .image-box .hover-content .image-text p {
	    display: none;
	}
	.gallery-images-section .image-box .hover-content .image-text .hide-in-desktop a {
	    display: none;

	}
	.gallery-images-section .grid a {
	    -webkit-tap-highlight-color: transparent;
	    overflow: hidden;
	}
	.gallery-images-section .image-box .hover-content .image-text .hide-in-desktop  button.read-more {
	    margin: 0 20px 20px 0px;
	    display: table;
	    text-align: left;
	    color: #fff;
	    width: auto;
	    border: 0;
	    border-bottom: 1px solid white;
	    border-radius: 0;
	    padding: 0;
	    height: auto;
	    font-weight: normal;
	    font-family: GibSon-Regular,Arial,sans-serif;
	    line-height: normal;
	    background-color: transparent
	}
	.gallery-images-section .image-box .hover-content .image-text .hide-in-desktop button.read-more:focus,
	.gallery-images-section .image-box .hover-content .image-text .hide-in-desktop button.read-more:hover {
	    color: #00ba70;
	    border-color: #00ba70;
	        transition: unset;
	        transform: unset;
	}

	.gallery-images-section .image-box .hover-content .image-text .hide-in-desktop a {
	    color: #fff;
	}

	.gallery-images-section .image-box .hover-content .icon-box {
	    display: none;
	}

	.gallery-images-section .image-box .hover-content .image-text .hide-in-desktop {
	    position: absolute;
	    left: 0;
	    right: 0;
	    top: 0;
	    height: 100%;
	    display: flex;
	    justify-content: flex-end;
		    align-items: flex-end;
		
	}

	.gallery-bg {
	    background-size: cover;
	    background-position: center;
	    background-attachment: scroll;
	}
	.hero-image .hero-bg video {
    	object-position: center;
	}
	.guides-section .e-books-section span.show_count {
    	margin-left: 0;
	}
	
    .hero-image .text-wrapper h1 {
        width: auto;
    }
	.our-work h2.col-md-6.col-md-offset-3 {
    	width: auto;
	}
	.our-work .image-text {
	    opacity: 1;
	    background-color: rgba(0,0,0,.3);
	}
	.our-work .image-wrapper .image-box .icon-box {
	    display: block;
	    z-index: 999;
	    left: 30px;
	    position: absolute;
	    right: 0;
	    top: unset;
	    bottom: 40px;
	    display: none;
	}
	.resources-work.our-work .image-wrapper .image-box .image-text {
	    opacity: 1;
	}

	.resources-work.our-work .image-wrapper .image-box .icon-box {
	    display: block;
	    z-index: 0;
	    left: 35px;
	    position: absolute;
	    right: 0;
	    top: unset;
	    bottom: 35px;
	}
	.plant-section .image-box {
		min-height: unset !important;
	}
	.sales-section .image-box {
		min-height: unset !important;
	}
	footer .input-wrapper .input-box .hs_email.hs-email {
    	
    	margin-bottom: 25px;
	}
	footer .input-wrapper .input-box .hs_error_rollup ul li label{
		font-size: 13px;
	}
	footer .col-md-4.col-lg-4.col-xl-2.col-sm-12:nth-child(2) {
		padding-left: 15px;
	}
	footer .col-md-4.col-lg-4.col-xl-2.col-sm-12:nth-child(3) {
		margin-left: 0px;
	}
	footer {
		padding: 50px 20px;
	}
	footer .input-wrapper .input-box .hs_error_rollup ul {

	    bottom: 49px;
	    left: 0;
	    text-align: center;
	    width: 100%;
	}
	footer .footer-link ul {
		padding: 0;
	}
	footer .footer-link ul {
		padding: 0;
	}
	footer .input-wrapper input {
		width: 100%;
		float: unset;
	}
	footer .col-md-8.col-lg-8.col-xl-4.col-sm-12 {
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	footer .input-wrapper button.custom-btn {
		float: unset;
		margin: 20px auto 0 auto;
	}
	footer .input-wrapper .input-box .hs_email.hs-email input {
	    width: 100%;
	    max-width: unset;
	    margin: 0 !important;
	    min-width: unset;
	}

	footer .input-wrapper .input-box .hs_submit.hs-submit input.hs-button {
	    max-width: 208px;
	    margin: 20px auto 0 auto !important;
	}



	footer .input-wrapper .input-box #hsForm_4b3b6800-83cf-4ce1-b384-3fb7253c59e1 {
	    width: 100% !important;
	}
	footer .input-wrapper .input-box #hsForm_4ae0bf4c-6d16-4d78-8e06-b24c0432dbc0 {
	    width: 100% !important;
	}
	footer .input-wrapper {
    	padding-top: 50px;
	}

	footer .input-wrapper .input-box .hs_submit.hs-submit {
	    margin: 0 auto;
	    display: table;
	}
	#hsForm_4ae0bf4c-6d16-4d78-8e06-b24c0432dbc0 .hs-email,
	footer .hbspt-form form .hs_submit .actions {
    	margin: 12px 0;
	}
	.hero-image .text-wrapper h1 {
		font-size: 30px;
		line-height: 36px;
		    padding-right: 10px;
	}
	.our-work h2 {
		font-size: 22px;
		padding: 20px 0;
		max-width: 62%;
		margin: 0 auto;
	}
	.our-work p {
		max-width: 100%;
		font-size: 16px;
		padding-bottom: 20px;
	}
	.our-work .image-wrapper h5 {
		font-size: 28px;
		margin-bottom: -14px;
		padding-right: 0px;
		    margin-right: -2px;
	}
	.our-work .image-wrapper .image-box {
		/* max-width: 350px  !important; */
		margin: 0;
		width: 100%;
		background-position: center !important;
	}
	.our-service .icon-wrapper label {
		font-size: 18px;
		padding: 20px 0 0 0;
		line-height: 24px;
	}
	.our-service {
		padding: 35px 0;
	}
	.our-service .icon-wrapper span {
		padding-bottom: 0;
		line-height: 25px;
	}
	.plant-section .col-xl-8.col-md-8.col-lg-6.col-sm-12 {
		padding-left: 40px;
	}
	.plant-section .row,
	.sales-section .row {
		align-items: center;
		margin: 0;
	}
	.plant-section h2,
	.sales-section h2 {
		max-width: 100%;
		font-size: 23px;
		padding: 18px 0;
	}
	.sales-section .row {
		flex-wrap: wrap-reverse;
	}
	.blog-section .row {
    	margin-left: -.9375rem;
    	margin-right: -.9375rem;
	}
	.plant-section p,
	.sales-section p {
		margin-bottom: 10px;
		font-size: 14px;
		max-width: 100%;
	}
	.plant-section ul li,
	.sales-section ul li {
		padding: 10px 0;
	}
	.plant-section ul li label,
	.sales-section ul li label {
		font-size: 16px;
	}
	.sales-section {
		padding: 0px 0 150px 0;
	}
	.plant-section span.highlight-text,
	.sales-section span.highlight-text {
		font-size: 13px;
		padding-top: 25px;
		letter-spacing: 3px;
	}
	.our-work h4.highlight-text {
        letter-spacing: 3px;
        font-size: 13px;
       }
	.plant-section ul li p,
	.sales-section ul li p {
		max-width: 100%;
		font-size: 14px;
		padding-right: 0;
	}
	.plant-section ul,
	.sales-section ul {
		padding: 0 0px 0 0;
	}
	.plant-section {
		padding: 0px 0px 50px 0;

	}
	.plant-section .custom-btn,
	.sales-section .custom-btn {
		max-width: 200px;
		font-size: 16px;
	}
	.sales-section .col-xl-8.col-md-6.col-lg-6.col-sm-12 {
		padding-left: 50px;
	}
	.partner-section, .home_wrap .our-work .container {
		padding: 0 20px;
	}
	.partner-section h4 {
		font-size: 13px;
		letter-spacing: 3px;
		padding-bottom: 25px;
	}
	.sales-section {
		padding: 0px 0 50px 0;
	}
	.partner-section p {
		max-width: 100%;
		float: unset;
		margin: 10px 0 0 0;
	}
	.faq-section .row {
	   
	    margin: 0;
	}
	.faq-section {
		padding: 30px 0px;
	}
	.faq-section .col-xl-8.col-md-6.col-lg-6.col-sm-12 {
		padding-left: 0px;
	}
	.contact-section {
		margin: 0px 0 0 0;
		padding: 50px 0px 12px 0px;
	}
	.contact-section .image-box {
		transform: translateX(48px);
		margin-top: -100px;
	}
	.contact-section h2.highlight-text {
		padding-bottom: 30px;
		font-size: 13px;
		letter-spacing: 3px;
	}
	.contact-section label {
		font-size: 21px;
		padding-right: 0;
		padding-bottom: 13px;
	}
	.contact-section span {
		font-size: 15px;
	}
	.contact-section ul span {
		padding: 10px 0;
		font-size: 15px;
	}
	.contact-section ul li label {
		font-size: 14px;
		line-height: 16px;
		padding-bottom: 9px;
	}
	.contact-section ul li a {
		font-size: 14px;
	}
	.hero-image .text-wrapper {
		padding: 0 20px;
	}
	.home_wrap .hero-image .text-wrapper {
		word-break: break-word;
	}
	.hero-image .hero-bg .text-wrapper label {
		font-size: 18px;
		line-height: 25px;
		padding: 20px 10px 20px 0;
	}
	.custom-btn {
		font-size: 18px;
		min-width: 150px;
	}
	.our-work {
		padding: 50px 20px;
	}
	.our-work h2 {
		font-size: 20px;
		max-width: 100%;
	}
	.our-work .image-wrapper .image-box {
		margin: 0px 0 35px 0px;
	}
	.our-service .icon-wrapper {
		padding: 20px 0;
	}
	.our-service .icon-wrapper span img {
		width: : 70px;
	}
	.sales-section .image-box {
		margin-top: 0px;
	}
	.faq-section h2 {
		padding-top: 20px;
		margin: 0;
	}
	.faq-section p {
		max-width: 100%;
		font-size: 14px;
		padding: 10px 0;
	}
	.faq-section .row .button-wrapper a {
		margin: 10px 10px;
	}
	.faq-section .button-wrapper {
		text-align: center;
	}
	 .contact-section .image-box {
		margin: 15px 0 0 0;
		transform: unset;
		position: relative;
		max-width: unset;
	}
	.join-section {
		padding: 30px 20px;
	}
	.join-section h2 {
		font-size: 21px;
	}
	.join-section p {
		font-size: 14px;
		padding: 15px 0;
	}
	.plant-section .col-xl-8.col-lg-6.col-md-6.col-sm-12 {
		padding-left: 20px;
	}
	.plant-section .col-xl-4.col-lg-6.col-md-6.col-sm-12 {
		flex: 0 0 100%;
		max-width: 100%;
		    padding: 0px;
	}
	.plant-section .col-xl-8.col-lg-6.col-md-6.col-sm-12 {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.sales-section .col-xl-8.col-md-6.col-lg-6.col-sm-12 {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.sales-section .col-xl-4.col-md-6.col-lg-6.col-sm-12 {
		flex: 0 0 100%;
		max-width: 100%;
		padding: 0px 0px 0 0px;
	}
	.sales-section ul li p {
		padding-right: 0;
	}
	.faq-section .col-xl-4.col-md-6.col-lg-6.col-sm-12 {
		flex: 0 0 100%;
		max-width: 510%;
		padding: 0;
	}
	.faq-section .col-xl-8.col-md-6.col-lg-6.col-sm-12 {
		flex: 0 0 100%;
		max-width: 100%;
		padding: 0 15px;
	}
	.plant-section .col-xl-8.col-lg-6.col-md-6.col-sm-12 {
		padding: 0 15px 0 15px;
	}
	.sales-section .col-xl-8.col-lg-6.col-md-6.col-sm-12 {
		padding: 0 15px 0 15px;
	}
	.partner-section h3 {
		float: unset;
	}
	.contact-section .col-md-6.col-lg-6.col-sm-12 {
		padding: 0;
	}

	.contact-section .col-md-3.col-lg-3.col-sm-6 {
		padding: 0 20px;
	}


	body.menu-open .navigation {
		min-width: 250px;
	}
	.gallery-images-section .image-box .hover-content {
    	opacity: 1;
	    background-color: rgba(0,0,0,0.3);
	}

	.gallery-images-section .custom-container .col-md-7 {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.gallery-images-section .custom-container .col-md-5 {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.gallery-images-section .custom-container .col-md-5 {
		padding: 0 30px;
	}
	.gallery-images-section .custom-container .col-md-7 {
		padding: 0 30px;
		/* margin: 25px; */
	}
	.gallery-images-section {
		padding: 40px 0 25px 0;
	}
	.your-project {
		padding: 30px 20px 50px 20px;
	}
	.your-project .text-container h2 {
		font-size: 30px;
	}
	.your-project .text-container p {
		padding: 30px 15px;
		max-width: unset;
		font-size: 18px;
		width: auto;
	}
	.your-project .text-container a.custom-btn {
		font-size: 18px;
		min-width: 200px;
	}
	.gallery-images-section .image-box {
		margin: 15px 0px 0px 0;
	}
	.gallery-hero-image .text-wrapper h2 {
		font-size: 30px;
	}
	.gallery-hero-image .text-wrapper p {
		font-size: 18px;
		line-height: 24px;
		width: auto;
		max-width: unset;
		padding: 0 15px;
	}
	.gallery-images-section .image-box.fifth-image {
		margin-top: 0;
	}
	.gallery-images-section .col-md-6 {
		padding: 0 30px;
		margin: 15px 0 0 0;
	}
	.gallery-images-section .image-box.second-image .hover-content .image-text p {
		max-width: unset;
		font-size: 15px;
	}
	.gallery-images-section .image-box .hover-content .image-text h5 {
		font-size: 18px;
	}
	.gallery-images-section .image-box .hover-content .image-text label {
		font-size: 14px;
	}
	.gallery-images-section .image-box .hover-content .image-text p {
		font-size: 14px;
		max-width: unset;
		padding-top: 10px;
	}
	.gallery-images-section .image-box .hover-content .icon-box i {
		font-size: 25px;
	}
	.gallery-images-section .image-box .hover-content .icon-box {
		bottom: 15px;
	}
	.gallery-images-section .image-box .hover-content .image-text {
		padding: 20px;
	}
	.gallery-images-section .image-box .hover-content .icon-box img {
		width: 20px;
		height: 20px;
	}
	.resources-hero-image .text-wrapper p {
		font-size: 18px;
		line-height: 24px;
		width: auto;
		max-width: unset;
		padding: 0 15px;
	}
	.resources-work.our-work {
		padding: 50px 20px;
	}
	.resources-work.our-work h2 {
		font-size: 20px;
		max-width: 100%;
	}
	 .resources-work.our-work .image-wrapper .image-box .image-text p {
       height: 100%;
       padding: 32% 40px 0 30px;
       width: 300px;
           font-size: 20px;
    	line-height: 23px;
    }

     .resources-work.our-work .image-text p:after {
       top: -15px;
    }

	.resources-work.our-work .image-wrapper .image-box {
		margin: 0px 0 35px 0px;
	}
	.resources-work.our-work .image-text p {
		font-size: 20px;
		padding: 15% 12px;
	}
	.resources-work.our-work h2 {
		padding: 20px 0;
		margin: 0 auto;
	}
	.resources-work.our-work p {
		max-width: 100%;
		font-size: 16px;
		padding-bottom: 20px;
	}
	.resources-work.our-work .image-wrapper h5 {
		font-size: 28px;
		margin-bottom: -7px;
		padding-right: 0px;
		    margin-right: 0px;
	}
	.resources-work.our-work .image-wrapper .image-box {
		width: 100%;
		background-position: center !important;
	}
	.join-section {
		padding: 30px 20px;
	}
	.join-section h2 {
		font-size: 22px;
	}
	.join-section p {
		font-size: 14px;
		padding: 15px 0;
	}
	.guides-section .button-wrapper a.custom-btn {
		min-width: 200px;
		font-size: 18px;
		line-height: 19px;
	}
	.guides-section .e-books-section .row h1 {
		padding: 0;
		font-size: 22px;
		line-height: 29px;
	}
	.blog-section {
		padding: 20px;
	}
	.guides-section .e-books-section {
		padding: 20px;
	}
	.blog-section p {
		font-size: 14px;
        padding-bottom: 0px;
        padding-top:10px;
    }
	
	.resources-hero-image .text-wrapper h2 {
		font-size: 22px;
		padding: 33px 20px;
		line-height: 29px;
	}
	.guides-section {
		padding: 0px 20px 20px 20px;
	}
	.resources-work.our-work {
		padding: 20px;
	}
	.guides-section h3.highlight-text {
		font-size: 16px;
	}
	.resources-work.our-work h4.highlight-text {
		font-size: 16px;
		padding-top: 20px;
	}
	.guides-section .desc-wrapper p {
		font-size: 14px;
		width: auto;
	}
	.blog-section h3.highlight-text {
		padding-bottom: 0px;
		font-size: 16px;
	}
	.blog-section .blog-wrapper .image-box img {
		min-height: 200px;
		width: 100%;
		max-height: 280px;
	}
	.blog-section .button-wrapper {
	    padding: 0px 0 30px 0;
	}
	
	.blog-section .blog-detail p {
		font-size: 14px;
	}
	.blog-section .blog-detail a.see-more  {
		font-size: 15px;
	}
	.join-section a.custom-btn {
		min-width: 200px;
		font-size: 18px;
		line-height: 19px;
	}
	.guides-section .filter-wrapper select {
		margin: 15px 0;
		width: 100%;
		max-width: 100%;
		font-size: 16px;
	}
	.guides-section .filter-wrapper label {
		font-size: 18px;
	}
	.guides-section .filter-wrapper {
		padding-top: 30px;
	}
	.guides-section .e-books-section .row {
		margin: 0;
		width: 100%;
	}
	.guides-section .e-books-section {
		margin: 0;
		padding: 0 0;
	}
	.guides-section .filter-wrapper {
		padding: 0 15px;
	}
	.guides-section .filter-wrapper span {
		margin-top: 5px;
		font-size: 16px;
	}
	.guides-section .desc-wrapper p {
		min-height: unset;
	}
	.blog-section h2,
    .resources-work.our-work h2,
    .guides-section h2 {
        font-size: 20px;
        padding: 25px 20px;
        margin-bottom: 10px;
    }
    .guides-section .e-books-section .cvf-universal-pagination ul li {
	    padding: 0 3px;
	    font-size: 12px;
	    margin: 3px;
	}

	.guides-section .e-books-section .cvf-universal-pagination ul {
	    padding: 10px 0 0 0;
	}
	.resources-hero-image {
	    height: calc(100vh - 57px);
	}
	.hbspt-form form input[type="file"] {
	    font-size: 12px;
	    margin-top: 5px;
	}
	.hbspt-form form  .hs_submit .actions {
    	margin-top: 10px;
	}	


}

@media screen and (max-width: 767px) and (orientation: landscape) {
	#blog-newsletter .hbspt-form form .hs_submit .actions {
    	margin-left: 0;
	}
	.hero-image .text-wrapper h1 {
		font-size: 31px;
		line-height: 36px;
		padding-top: 80px;
	}
	.hero-image .hero-bg .text-wrapper label {
		padding: 16px 0;
	}
	.hero-image .text-wrapper {
		padding: 0 20px;
	}
	.our-work .image-wrapper .image-box {
		max-width: 100% !important;
	}
	.resources-work.our-work .image-wrapper .image-box {
		max-width: 100% !important;
	}
	.resources-hero-image .text-wrapper h2 {
		font-size: 22px;
		line-height: 25px;
		padding: 25px;
	}

	.resources-hero-image .text-wrapper {
		padding-top: 50px;
	}

	.resources-hero-image .text-wrapper p {
		font-size: 18px;
		line-height: 26px;
	}
	.contact-section {
    	margin: 0px 0 0 0;
    	padding: 50px 0px 0px 0px;
	}
}
@media screen and (max-width: 320px) {
 	.resources-work.our-work .image-wrapper .image-box .image-text p {
       height: 100%;
       padding: 32% 40px 0 30px;
       width: 300px;
    }
}
@media only screen and (max-width: 280px){
	.join-section p {
	    font-size: 14px;
	    padding: 15px 0;
	}
	.join-section h2 {
    	font-size: 18px;
	}
	.resources-work.our-work .image-wrapper .image-box .image-text p{
		width: auto;
	    font-size: 15px;
    	line-height: 21px;
	}
	.gallery-hero-image .text-wrapper h2 {
	    font-size: 18px;
	    padding: 65px 15px;
	}
	.your-project .text-container p {
	    padding: 20px 10px;
	    font-size: 16px;
	}
	.your-project .text-container h2 {
    	font-size: 24px;
	}

	.contact-section h2.highlight-text {
		font-size: 12px;
		letter-spacing: 3px;
	}

	.partner-section h4 {
		font-size: 12px;
		letter-spacing: 2px;
		padding-bottom: 25px;
	}

	.plant-section span.highlight-text, .sales-section span.highlight-text {
		font-size: 12px;
		padding-top: 25px;
		letter-spacing: 2px;
	}

	.our-work h4.highlight-text {
		letter-spacing: 2px;
		font-size: 12px;
	}
	footer .input-wrapper .input-box .hs_error_rollup ul {
	    bottom: 50px;
	}

	footer .input-wrapper .input-box .hs_error_rollup ul li label {
	    font-size: 13px;
	}
}
/*******HEADER*********/

header#page-header.header-layout-fixed.new-header {
	display: block;
	    position: fixed;
    width: 100%;
}

.header-layout-fixed.headroom--unpinned div#page-header-inner {
	background-color: white;
}
.header-layout-fixed.headroom--unpinned div#page-header-inner ul li a {
	color: #0FB96B;
}
.header-layout-fixed.headroom--top div#page-header-inner ul li.GOM-signup-free a:hover {
	    background-color: #ffffff !important;
    border-color: #0fb96b !important;
    color: #0fb96b !important;
}
.header-layout-fixed.headroom--unpinned div#page-header-inner ul li.GOM-signup-free a {
	background-color: transparent !important;
	color: #0FB96B !important;
	font-size: 18px;
	border-color: #0FB96B !important;
	padding: 8px 40px !important;
}
.header-layout-fixed.headroom--unpinned .header-wrap {
	padding-top: 0px;
}
.header-layout-fixed.headroom--pinned div#page-header-inner {
	background-color: white;
}
.header-layout-fixed.headroom--pinned div#page-header-inner ul li a {
	/* color: #0FB96B; */
}

.header-layout-fixed.headroom--pinned .header-wrap {
	padding-top: 0px;
}
.header-layout-fixed.headroom--top .header-wrap {
	padding-top: 0px;
	padding-bottom: 0px;
}
.header-layout-fixed.headroom--top div#page-header-inner {
	 background-color: white;
	 position: unset;
	 height: 70px;
}
.header-layout-fixed.headroom--top div#page-header-inner ul li a {
	/* color: #000; */
	/* text-transform: uppercase; */
	/* font-family: GibSon-Regular; */
	/* font-size: 17px; */
}

.header-wrap .branding .branding__logo img {
	width: 170px !important;
}


.header-layout-fixed.headroom--unpinned div#page-header-inner ul li a,
.header-layout-fixed.headroom--pinned div#page-header-inner ul li a {
    color: #000;
    text-transform: uppercase;
    font-family: GibSon-Regular,Arial,sans-serif;
    /* padding: 18px 0px 18px 40px; */
    font-size: 15px;

}

.header-layout-fixed.headroom--unpinned div#page-header-inner ul li.GOM-signup-free a ,
.header-layout-fixed.headroom--pinned div#page-header-inner ul li.GOM-signup-free a {
    background-color: #00BA70 !important;
    color: #fff !important;
    font-size: 15px;
    border-color: #fff !important;
    padding: 7px 35px 5px 35px !important;
    margin-left: 4.5vw;
    max-height: 32px;
}
/*.header-layout-fixed.headroom--unpinned div#page-header-inner ul li:last-child a,
.header-layout-fixed.headroom--pinned div#page-header-inner ul li:last-child a {
    padding: 18px 0px 18px 40px !important;
}*/
.header-layout-fixed.headroom--unpinned div#page-header-inner ul li a,
.header-layout-fixed.headroom--pinned div#page-header-inner ul li a{
	padding: 18px 0px 18px 40px;
}
.header-layout-fixed.headroom--unpinned div#page-header-inner ul li.GOM-signup-free a:hover,
.header-layout-fixed.headroom--pinned div#page-header-inner ul li.GOM-signup-free a:hover{
	background-color: #ffffff !important;
    border-color: #0fb96b !important;
    color: #0fb96b !important;
}


@media only screen and (max-width: 1890px){
	/*.header-layout-fixed.headroom--top div#page-header-inner ul li a {
		padding: 18px 0px 18px 40px;

	}*/
	.header-layout-fixed.headroom--unpinned div#page-header-inner ul li a,
	.header-layout-fixed.headroom--pinned div#page-header-inner ul li a {
	    /* padding: 18px 0px 18px 40px; */
	}
}
@media only screen and (max-width: 1890px){
	.blog-section .blog-detail {
	    width: calc(100% - 0px);
	}
}
@media only screen and (max-width: 1800px){
	.header-layout-fixed.headroom--top div#page-header-inner ul li.GOM-signup-free a {
	    /* margin-left: 4vw; */
	}
	/*.header-layout-fixed.headroom--top div#page-header-inner ul li a {
    	padding: 18px 0px 18px 40px;
	}*/
	.header-layout-fixed.headroom--unpinned div#page-header-inner ul li a,
	.header-layout-fixed.headroom--pinned div#page-header-inner ul li a {
	    /* padding: 18px 0px 18px 60px; */
	}
	.header-layout-fixed.headroom--unpinned div#page-header-inner ul li.GOM-signup-free a ,
	.header-layout-fixed.headroom--pinned div#page-header-inner ul li.GOM-signup-free a {
    	/* margin-left: 4vw; */
 }
}

@media only screen and (max-width: 1700px){
	.header-layout-fixed.headroom--top div#page-header-inner ul li.GOM-signup-free a {
	    /* margin-left: 3.5vw; */
	}

	.header-layout-fixed.headroom--top div#page-header-inner ul li a {
	    /* padding: 18px 0px 18px 40px; */
	}
	.header-layout-fixed.headroom--unpinned div#page-header-inner ul li a,
	.header-layout-fixed.headroom--pinned div#page-header-inner ul li a {
	    /* padding: 18px 0px 18px 40px; */
	}
	.header-layout-fixed.headroom--unpinned div#page-header-inner ul li.GOM-signup-free a ,
	.header-layout-fixed.headroom--pinned div#page-header-inner ul li.GOM-signup-free a {
    	/* margin-left: 3.5vw; */
 }

}
@media only screen and (max-width: 1600px){
	.header-layout-fixed.headroom--top div#page-header-inner ul li a {
	    /* padding: 18px 0px 18px 40px; */
	}
	.header-layout-fixed.headroom--top div#page-header-inner ul li.GOM-signup-free a {
    	/* margin-left: 3vw; */
    	/* font-size: 16px; */
    	/* padding: 7px 35px 5px 35px !important; */
 }
	.header-layout-fixed.headroom--unpinned div#page-header-inner ul li a,
	.header-layout-fixed.headroom--pinned div#page-header-inner ul li a {
	    /* padding: 18px 0px 18px 55px; */
	}
	.header-layout-fixed.headroom--unpinned div#page-header-inner ul li.GOM-signup-free a ,
	.header-layout-fixed.headroom--pinned div#page-header-inner ul li.GOM-signup-free a { 
    	margin-left: 3vw;
    	
    	padding: 7px 35px 5px 35px !important;
	}
	.header-layout-fixed.headroom--unpinned div#page-header-inner ul li a, .header-layout-fixed.headroom--pinned div#page-header-inner ul li a {
	    /* font-size: 16px; */
	}
}

@media only screen and (max-width: 1500px) {
	
	.header-layout-fixed.headroom--unpinned div#page-header-inner ul li a,
	.header-layout-fixed.headroom--pinned div#page-header-inner ul li a {
	    /* padding: 18px 25px; */
	    /* font-size: 16px; */
	}
/*	.header-layout-fixed.headroom--unpinned div#page-header-inner ul li:last-child a,
	.header-layout-fixed.headroom--pinned div#page-header-inner ul li:last-child a {
    	padding: 18px 0px 18px 30px !important;
	}*/
}
@media only screen and (max-width: 1300px) {
	.header-layout-fixed.headroom--top div#page-header-inner ul li.GOM-signup-free a {
		margin-left: 25px;
		font-size: 13px;
	}
	


	.header-layout-fixed.headroom--unpinned div#page-header-inner ul li a, .header-layout-fixed.headroom--pinned div#page-header-inner ul li a {
	    font-size: 15px;
	    padding: 18px 0px 18px 30px;
	}


	.header-layout-fixed.headroom--unpinned div#page-header-inner ul li.GOM-signup-free a, .header-layout-fixed.headroom--pinned div#page-header-inner ul li.GOM-signup-free a{
	     margin-left: 25px;
	    font-size: 15px;
	}
	html[lang="fr-FR"] .header-layout-fixed.headroom--unpinned div#page-header-inner ul li a, html[lang="fr-FR"] .header-layout-fixed.headroom--pinned div#page-header-inner ul li a, html[lang="fr-FR"] .header-layout-fixed.headroom--top div#page-header-inner ul li a {
	    
	    font-size: 14px;
	    padding-left: 23px !important;
	}
	html[lang="fr-FR"] .header-layout-fixed.headroom--unpinned div#page-header-inner ul li.GOM-signup-free a,
	html[lang="fr-FR"] .header-layout-fixed.headroom--pinned div#page-header-inner ul li.GOM-signup-free a,
	html[lang="fr-FR"] .header-layout-fixed.headroom--top div#page-header-inner ul li.GOM-signup-free a {
	    padding: 7px 16px 5px 16px !important;
	}
}

@media only screen and (max-width: 1200px) {
	.header-layout-fixed.headroom--unpinned div#page-header-inner ul li a, .header-layout-fixed.headroom--pinned div#page-header-inner ul li a {
	    font-size: 14px;
	    padding: 18px 0 18px 25px;
	}
}

@media only screen and (max-width: 1100px) {
	.header-layout-fixed.headroom--top div#page-header-inner ul li.GOM-signup-free a {
	    margin-left: 15px;
	}

	.header-layout-fixed.headroom--top div#page-header-inner ul li a {
	    padding: 18px 16px;
	}
}
@media only screen and (max-width: 1024px) {
	.page-open-mobile-menu .icon i {
		color:#00bc70 !important
	}
	/*.menu-open .page-open-mobile-menu .icon i:hover,
	.menu-open .page-open-mobile-menu .icon i:focus {
		color: #00bc70 !important
	}
	body.menu-open .navigation {
		display: block;
		position: fixed;
		left: -450px;
		min-width: 300px;
		background-color: #ffffff;
		height: 100%;
		top: 0;
		z-index: 99999;
		transition: 0.5s;
	}
	body.menu-open .navigation.nav-open {
		display: block;
		position: fixed;
		left: 0;
		background-color: #ffffff;
		height: 100%;
		top: 0;
		z-index: 99999;
	}*/
	div#page-navigation nav#menu ul {
		list-style: none;
		padding: 0;
	}
	div#page-navigation nav#menu ul li a {
		padding: 10px 15px;
		color:#000;
	}
	.header-layout-fixed.headroom--top div#page-header-inner ul li.GOM-signup-free a {
		
		min-width: 200px !important;
		border: 0 !important;
		    text-align: center;
    	padding: 7px 15px 7px 15px !important;
	}
	.header-layout-fixed.headroom--top div#page-header-inner ul li a {
	    display: block;
	    color: white;
	}

	.header-layout-fixed.headroom--top div#page-header-inner ul li.GOM-signup-free a {
	    margin-left: 0;
	   
	}

	
	/*body.menu-open .page-open-mobile-menu .icon i:before {
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	body.menu-open .page-open-mobile-menu .icon i::after {
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg)
	}
	body.menu-open .page-open-mobile-menu .icon i:after,
	body.menu-open .page-open-mobile-menu .icon i:before {
		position: absolute;
		top: 0px;
		left: 0px;
		content: "";
		width: 24px;
		height: 3px;
		background: currentColor;
		-webkit-transform-origin: 50% 50%;
		-ms-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
	}
	.menu-open .page-open-mobile-menu .icon i {
		width: 0;
	}
	body.menu-open:before {
		z-index: 999;
		content: '';
		position: fixed;
		left: 0;
		right: 0;
		width: 100%;
		background-color: #0000005e;
		height: 100%;
		z-index: 1;
	}*/
	


	
	
}
@media only screen and (max-width: 767px){
		body.menu-open .navigation {
    	min-width: 250px;
	}
	
	.header-wrap .branding .branding__logo img{
	 width: 108px !important;
	 margin: 8px 0 0 0;
}

.header-sticky-both .headroom.headroom--not-top .branding img,
.header-sticky-up .headroom.headroom--not-top.headroom--pinned .branding img,
.header-sticky-down .headroom.headroom--not-top.headroom--unpinned .branding img {
	    width: 108px;
	}



	.header-sticky-both .headroom.headroom--not-top  .header-wrap,
	 .header-sticky-up .headroom.headroom--not-top.headroom--pinned  .header-wrap,
	 .header-sticky-down .headroom.headroom--not-top.headroom--unpinned  .header-wrap{
	      min-height: 57px;
	 }



	.header-layout-fixed.headroom--top .header-wrap {
	    padding-top: 0;
	}

}

html[lang="en-US"] span.show_count.en, html[lang="fr-FR"] span.show_count.en {
    display: block;
}

html[lang="en-US"] span.show_count.fr, html[lang="fr-FR"] span.show_count.en {
    display: none;
}

/********French Language**************/
html[lang="fr-FR"] .join-section a.custom-btn {
    font-size: 22px;
    min-width: 300px;
    padding: 14px 0 14px 0;
}

html[lang="fr-FR"] .hero-image .text-wrapper .text-row a.custom-btn {
    min-width: 300px;
}

html[lang="fr-FR"] .our-work h2.col-md-6.col-md-offset-3 {
    max-width: 1200px;
    width: 1200px;
}
html[lang="fr-FR"] .our-work p {
    width: 615px;
}
html[lang="fr-FR"] .our-work h2.col-md-6.col-md-offset-3 {
    max-width: 1000px;
    width: 900px;
}
/* html[lang="fr-FR"] .home .hero-image .text-wrapper h1 {
    font-size: 110px;
    line-height: 118px;
    max-width: 1600px;
} */

html[lang="fr-FR"] .hero-image .hero-bg .text-wrapper label {
    max-width: 700px;
}
html[lang="fr-FR"]  .our-service .icon-wrapper label {
    padding: 25px 30px 25px 30px;
}
html[lang="fr-FR"]  .our-work .image-wrapper h5 {
    padding-right: 37px;
}
html[lang="fr-FR"] .our-work .image-text p {
    max-width: 90%;
}
/*****Resource Page FR*******/
html[lang="fr-FR"] .resources-hero-image .text-wrapper h2 {
    width: 1200px;
}

html[lang="fr-FR"] .resources-hero-image .text-wrapper p {
    width: 850px;
}
/* html[lang="fr-FR"] .resources-work.our-work .image-text p {
    padding: 38% 35px 43% 50px;
} */
html[lang="fr-FR"]  .resources-work.our-work .image-wrapper h5 {
    margin-bottom: -14px;
    padding-right: 44px;
}
html[lang="fr-FR"] footer .footer-link ul li.career-fr {
    display: none;
}
/*****Gallery Page FR********/
html[lang="fr-FR"] .your-project .text-container p{
    width: 550px;
}


html[lang="fr-FR"] .custom-btn {
    padding: 14px 15px 12px;
}

html[lang="fr-FR"] .faq-section .row .button-wrapper a {
    padding: 15px 15px 12px 15px;
}


@media only screen and (max-width: 1800px){
	/* html[lang="fr-FR"] .home .hero-image .text-wrapper h1 {
	    max-width: 1700px;
	    font-size: 106px;
	} */
	html[lang="fr-FR"] .our-work .image-wrapper h5 {
    	font-size: 60px;
    	margin-bottom: -28px;
 	}
 	html[lang="fr-FR"] .header-layout-fixed.headroom--unpinned div#page-header-inner ul li a,
 	html[lang="fr-FR"] .header-layout-fixed.headroom--pinned div#page-header-inner ul li a {
	    padding: 18px 0px 18px 20px;
	}

	html[lang="fr-FR"] .header-layout-fixed.headroom--unpinned div#page-header-inner ul li.GOM-signup-free a,
	html[lang="fr-FR"] .header-layout-fixed.headroom--pinned div#page-header-inner ul li.GOM-signup-free a {
	    margin-left: 3vw;
	    padding: 7px 25px 5px 25px !important;
	}
}

@media only screen and (max-width: 1600px){
	html[lang="fr-FR"] .resources-work.our-work .image-wrapper .image-box .image-text p {
	    font-size: 23px;
	    line-height: 26px;
	}
	/* html[lang="fr-FR"] .home .hero-image .text-wrapper h1 {
	    max-width: unset;
	}
	html[lang="fr-FR"] .home .hero-image .text-wrapper h1 {
	    font-size: 85px;
	    line-height: 95px;
	} */
	html[lang="fr-FR"]  .our-work .image-wrapper h5 {
	    font-size: 50px;
	    margin-bottom: -28px;
	    padding-right: 18px;
	}
	html[lang="fr-FR"] .resources-work.our-work .image-wrapper h5 {
    	margin-bottom: -10px;
    	padding-right: 20px;
 	}
 	html[lang="fr-FR"]  .partner-section p {
    	max-width: 60%;
    	margin-top: -20px;
	}
	html[lang="fr-FR"] .header-layout-fixed.headroom--unpinned div#page-header-inner ul li a, html[lang="fr-FR"] .header-layout-fixed.headroom--pinned div#page-header-inner ul li a {
    	font-size: 15px;
    padding: 18px 0px 18px 20px
	}

}
@media only screen and (max-width: 1500px){
	html[lang="fr-FR"]  .our-work .image-wrapper h5 {
	    font-size: 50px;
	
	    margin-bottom: -28px;
	    padding-right: 18px;
	}
	html[lang="fr-FR"] .resources-work.our-work .image-wrapper .image-box .image-text p {
	    font-size: 20px;
	    line-height: 24px;
	}
	
	html[lang="fr-FR"] footer .footer-link ul li a{
		font-size:16px;
	}
	html[lang="fr-FR"] .header-layout-fixed.headroom--unpinned div#page-header-inner ul li a,
	html[lang="fr-FR"] .header-layout-fixed.headroom--pinned div#page-header-inner ul li a {
	    font-size: 13px;
	    padding: 18px 0 18px 18px;
	}
	html[lang="fr-FR"] .header-layout-fixed.headroom--unpinned div#page-header-inner ul li.GOM-signup-free a, html[lang="fr-FR"] .header-layout-fixed.headroom--pinned div#page-header-inner ul li.GOM-signup-free a {
	    margin-left: 2vw;
	    padding: 7px 20px 5px 20px !important;
	    font-size: 13px;
	}
	
}
@media only screen and (max-width: 1400px){
	html[lang="fr-FR"]  .contact-section span {
	    font-size: 18px;
	}
	
}

@media only screen and (max-width: 1400px){
	html[lang="fr-FR"]  .faq-section p {
	    padding: 25px 25px 25px 0;
	}
	/* html[lang="fr-FR"] .home .hero-image .text-wrapper h1 {
	    font-size: 75px;
	    line-height: 85px;
	} */
	
	html[lang="fr-FR"]  .our-work .image-wrapper h5 {
	    font-size: 35px;
	    margin-bottom: -20px;
	}

}

@media only screen and (max-width: 1300px){
	html[lang="fr-FR"]  .our-work h2.col-md-6.col-md-offset-3 {
    	width: auto;
	}
	html[lang="fr-FR"] .resources-work.our-work .image-wrapper .image-box .image-text p {
	    font-size: 18px;
	    padding: 26% 0 30% 30px;
	    line-height: 22px;
	}
	html[lang="fr-FR"]  .hero-image .text-wrapper h1 {
	    width: auto;
	}
	html[lang="fr-FR"] .our-service .icon-wrapper label {
	    font-size: 22px;
	    line-height: 26px;
	}
	html[lang="fr-FR"] .contact-section span {
	    font-size: 15px;
	}
	html[lang="fr-FR"] .header-layout-fixed.headroom--unpinned div#page-header-inner ul li a,
	html[lang="fr-FR"] .header-layout-fixed.headroom--pinned div#page-header-inner ul li a,
	html[lang="fr-FR"]  .header-layout-fixed.headroom--top div#page-header-inner ul li a {
	    font-size: 13px;
	     padding-left: 20px !important;
	}
}
@media only screen and (max-width: 1200px){
	html[lang="fr-FR"] .header-layout-fixed.headroom--unpinned div#page-header-inner ul li a, html[lang="fr-FR"] .header-layout-fixed.headroom--pinned div#page-header-inner ul li a, html[lang="fr-FR"] .header-layout-fixed.headroom--top div#page-header-inner ul li a {
	    font-size: 13px;
	    padding-left: 15px !important;
	}
}

@media only screen and (max-width: 1199px){
	html[lang="fr-FR"] .resources-hero-image .text-wrapper h2 {
	    width: auto;
	}

	html[lang="fr-FR"] .resources-hero-image .text-wrapper p {
	    width: auto;
	}
	html[lang="fr-FR"] .resources-hero-image .text-wrapper h2 {
	    width: auto;
	}
	html[lang="fr-FR"] .home .hero-image .text-wrapper h1 {
    	width: auto;
	}
	.page-mobile-main-menu li.GOM-signup-free {
    	text-align: center;
	}
	#page-mobile-main-menu .page-mobile-menu-content ul#mobile-menu-primary li.GOM-signup-free > a {
	    width: 100% !important;
	    border: 0 !important;
	    font-size: 14px;
	    text-transform: uppercase;
	    font-family: GibSon-Regular,Arial,sans-serif;
	    background-color: unset;
	    color: #000 !important;
	    text-align: left !important;
	    padding-left: 0 !important;
	    padding-top: 10px !important;
	    padding-bottom: 10px !important;
	}
	#page-mobile-main-menu .page-mobile-menu-content ul#mobile-menu-primary li a {
    	width: 100%;
	}
	#page-mobile-main-menu .page-mobile-menu-content ul#mobile-menu-primary li a {
	    color: #000;
	    font-size: 14px;
	    text-transform: uppercase;
	    font-family: GibSon-Regular,Arial,sans-serif;
	    padding-bottom: 10px;
	    padding-top: 10px;
	}

	#page-mobile-main-menu .page-mobile-menu-content ul#mobile-menu-primary {
	    margin: 0px 32px 20px;
	}
	#page-mobile-main-menu li.GOM-signup-free a:hover {
    	background-color: unset !important;
	}

}

@media only screen and (max-width: 1024px){
	html[lang="fr-FR"] .resources-work.our-work .image-wrapper .image-box .image-text p {
	    font-size: 14px;
	    padding: 24% 0 40% 30px;
	    line-height: 20px;
	}
	html[lang="fr-FR"] .our-service .icon-wrapper label {
    	font-size: 20px;
	    line-height: 24px;
	    padding: 15px 15px;
	}
	html[lang="fr-FR"] .our-work .image-wrapper h5 {
	    font-size: 35px;
	    margin-bottom: -20px;
	}
	html[lang="fr-FR"] .our-work h2.col-md-6.col-md-offset-3 {
	    width: 500px;
	}
	html[lang="fr-FR"]  .contact-section ul li a {
    	font-size: 18px;
	}
	html[lang="fr-FR"] .join-section a.custom-btn {
	    font-size: 18px;
	    padding: 13px 0 12px 0;
	}
	html[lang="fr-FR"] .resources-work.our-work .image-wrapper h5 {
	    margin-bottom: -9px;
	}
	html[lang="fr-FR"] footer .footer-link ul li a {
    	font-size: 16px;
	}
}
@media only screen and (max-width: 991px){
	html[lang="fr-FR"] .hero-image .text-wrapper .text-row a.custom-btn {
	    min-width: 250px;
	}

	html[lang="fr-FR"] .custom-btn {
	    min-width: 200px;
	    padding: 15px 0 12px 0;
	    font-size: 15px;
	}

	html[lang="fr-FR"] .join-section a.custom-btn {
	    min-width: 250px;
	}
	html[lang="fr-FR"] .our-service .icon-wrapper label {
	    font-size: 16px;
	    line-height: 20px;
	    padding: 15px 10px 15px 10px;
	}
	/* html[lang="fr-FR"] .home .hero-image .text-wrapper h1 {
	    font-size: 50px;
	    line-height: 60px;
	} */
	html[lang="fr-FR"] .our-work h4.highlight-text {
	    font-size:16px;
	}

	html[lang="fr-FR"] .plant-section span.highlight-text,
	html[lang="fr-FR"] .sales-section span.highlight-text {
	     font-size:16px;
	}

	html[lang="fr-FR"] .plant-section ul li label, .sales-section ul li label {
	 font-size: 14px;
	} 

	html[lang="fr-FR"] .partner-section h4 {
	 font-size:16px;
	}

	html[lang="fr-FR"] .contact-section h2.highlight-text {
	 font-size:16px;
	}
	html[lang="fr-FR"] .contact-section label {
    	font-size: 15px;
	}
	html[lang="fr-FR"] .our-work .image-wrapper h5 {
	    font-size: 24px;
	    margin-bottom: -15px;
	    padding-right: 0px;
	}
	html[lang="fr-FR"] .contact-section ul li a{
		font-size: 15px;
	}
	html[lang="fr-FR"] .resources-work.our-work .image-wrapper h5 {
	    margin-bottom: -6px;
	    padding-right: 0px;
	}
	html[lang="fr-FR"] .contact-section span {
    	font-size: 10px;
	}

}

@media only screen and (max-width: 767px){
	html[lang="fr-FR"] .our-work h2.col-md-6.col-md-offset-3 {
	    width: auto;
	}
	html[lang="fr-FR"] .partner-section p {
    	max-width: 100%;
    	margin-top: 10px;
	}

	html[lang="fr-FR"] .join-section a.custom-btn {
	    font-size: 15px;
	    min-width: 200px;
	}
	html[lang="fr-FR"] .our-work .image-wrapper h5 {
	    margin-right: 0px;
	}
	html[lang="fr-FR"] .resources-work.our-work .image-wrapper .image-box .image-text p {
	   height: 100%;
	    padding: 30% 40px 0 30px;
	    width: 300px;
	  
	        font-size: 20px;
    	line-height: 23px;
	}
	html[lang="fr-FR"] .resources-work.our-work .image-text p:after {
    	top: -15px;
	}
	html[lang="fr-FR"] .resources-work.our-work .image-wrapper h5 {
	    margin-bottom: -7px;
	    margin-right: 0;
	}
	/* html[lang="fr-FR"] .home .hero-image .text-wrapper h1 {
	    font-size: 30px;
	    line-height: 35px;
	} */

	html[lang="fr-FR"] .our-work .image-wrapper h5 {
	    font-size: 28px;
	    padding-right: 0;
	    margin-bottom: -14px;
	    margin-right: -2px;
	}

	html[lang="fr-FR"] .contact-section label {
	    font-size: 14px;
	}
	html[lang="fr-FR"] .your-project .text-container p {
	    width: auto;
	}
	html[lang="fr-FR"] .gallery-hero-image .text-wrapper h2 {
	    font-size: 26px;
	    padding: 65px 10px;
	}
	html[lang="fr-FR"] .our-service .icon-wrapper label {
    	font-size: 18px;
	}
	html[lang="fr-FR"] .hero-image .text-wrapper .text-row a.custom-btn {
	    min-width: 200px;
	}
	html[lang="fr-FR"] .contact-section span {
    	font-size: 15px;
	}
	html[lang="fr-FR"] footer .footer-link ul li a {
	    font-size: 16px;
	}
	html[lang="fr-FR"] footer .footer-link ul li {
	    min-width: 46%;
	}
}
@media only screen and (max-width: 320px){
	html[lang="fr-FR"] .resources-work.our-work .image-wrapper .image-box .image-text p{
	    font-size: 18px;
	    line-height: 21px;
	}
}

@media only screen and (max-width: 280px){

	/* html[lang="fr-FR"] .home .hero-image .text-wrapper h1 {
	    line-height: 28px;
	    font-size: 25px;
	} */

	html[lang="fr-FR"] .hero-image .hero-bg .text-wrapper label {
	    font-size: 15px;
	    line-height: 20px;
	}

	

	html[lang="fr-FR"] .plant-section h2,
	html[lang="fr-FR"] .sales-section h2 {
	    font-size: 18px;
	}

	html[lang="fr-FR"] .partner-section h3 {
	    font-size: 18px;
	}

	html[lang="fr-FR"] .faq-section h2 {
	    font-size: 18px;
	}
	html[lang="fr-FR"] .resources-work.our-work .image-wrapper .image-box .image-text p {
	    font-size: 15px;
	    line-height: 17px;
	    width: auto;
	    padding: 30% 22px 0 22px;
	}
}

.single-post .entry-title {
    margin: 60px 0 19px !important;
}
.single.project .vc_row-no-padding .tm-heading, .single.projet-fr .vc_row-no-padding .tm-heading {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
.single.project .vc_row-no-padding .tm-heading h2.heading, .single.projet-fr .vc_row-no-padding .tm-heading h2.heading {
	padding-top: 65px !important;
	padding-bottom: 65px !important;
}
.single.projet-fr .entry-header {
	display: none;
}


/* case study page css start */
:root {
	--green: #1CBA70;
	--dark-green: #0FB96B;
}
.case_study_wrap .small_title {
	letter-spacing: 3.6px;
	text-transform: uppercase;
	font-size: 18px;
	font-family: GibSon-Semi-bold,Arial,sans-serif;
	font-weight: normal;
	margin: 0;
}
.case_study_wrap .large_title {
	font-size: 42px;
	line-height: 48px;
	font-family: GibSon-Semi-bold,Arial,sans-serif;
}
.case_study_wrap .medium_title {
	font-size: 36px;
	font-family: GibSon-Semi-bold,Arial,sans-serif;
	line-height: 34px;
}
.case_study_wrap p {
	font-size: 24px;
	line-height: 40px;
}
.case_study_wrap .ipad_img, .case_study_wrap .mobile_img {
	display: none;
}
.case_study_wrap .text-bold {
	font-family: GibSon-Semi-bold,Arial,sans-serif;
}
.case_study_wrap .text-green {
    color: var(--green);
}
.case-study-hero-image {
	background-image: url('/wp-content/themes/brook-child/images/case-study/pine-lake/hero_bg_1920.jpg');
	background-size: cover;
	background-position: center;
	height: auto;
	min-height: 10vh;
	padding-top: 328px;
	padding-bottom: 434px;
}
.pine-lake-case-study .case-study-hero-image {
	background-image: url('/wp-content/themes/brook-child/images/case-study/pine-lake/hero_bg_1920.jpg');
}
.case-study-hero-image .text-wrapper {
	text-align: center;
}
.case-study-hero-image .text-wrapper *, .case-study-numbers * {
	color: #ffff;
}
.case-study-hero-image .text-wrapper h2 {
	font-size: 42px;
	line-height: 50px;
	font-family: GibSon-Semi-bold,Arial,sans-serif;
	margin: 58px auto 0px;
	max-width: 620px;
}
.case-study-numbers {
	background-color: var(--green);
    max-width: 1250px;
	margin: -225px auto 0px;
}
.case-study-numbers .box {
	padding: 60px 15px 90px;
}

.case-study-numbers .row {
	justify-content: space-around;
	text-align: center;
	margin: 0px;
	padding: 0 28px;
}

.case-study-numbers .box h3 {
	font-size: 30px;
	font-family: GibSon-Semi-bold,Arial,sans-serif;
	margin-bottom: 9px;
}

.case-study-numbers .box p {
	font-size: 24px;
	line-height: 28px;
	max-width: 196px;
}
.case-study-about {
	padding-bottom: 330px;
	padding-top: 250px;
	text-align: center;
}

.case-study-about .small_title {
	color: var(--green);
	margin-bottom: 76px;
}

.case-study-about .large_title {
	max-width: 500px;
	margin: 76px auto 0px;
}
.case-study-about .case-study-about-logo {
	margin-top: 76px;
}
.case-study-about .content_block {
	max-width: 1021px;
	margin: 76px auto 0px;
}

.challenges_section .challenges_container {
	max-width: 1601px;
	width: 90%;
	display: flex;
}

.challenges_section .challenges_container .col_1 {
	width: 51.6%;
	background-image: url('/wp-content/themes/brook-child/images/case-study/pine-lake/challenges_bg_1920.jpg');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.challenges_section .challenges_container .col_2 {
	width: 50%;
}
.challenges_content>div {
	padding-left: 19.5%;
}

.challenges_content .large_title {
	margin-top: 76px;
	max-width: 433px;
	margin-bottom: 0px;
}

.challenges_content .info {
	margin-top: 58px;
	margin-bottom: 120px;
}

.challenges_content .info p + p {
	margin-top: 45px;
}

.challenges_content .info p {
	margin-bottom: 0;
}

.challenges_content .green_bg {
	background-color: var(--dark-green);
	color: #fff;
	padding-top: 110px;
	padding-bottom: 123px;
	padding-right: 15px;
}

.challenges_content .green_bg .medium_title {
	color: #fff;
}

.challenges_content .number_list {
	margin: 54px 0 0;
	padding: 0;
	list-style: none;
}

.challenges_content .number_list li {
	display: table;
	margin-bottom: 50px;
}

.challenges_content .number_list li>div {
	display: table-cell;
}

.challenges_content .number_list li .num span {
	width: 40px;
	height: 40px;
	font-size: 16px;
	background: #fff;
	color: var(--green);
	text-align: center;
	border-radius: 50%;
	line-height: 40px;
	display: table;
    font-family: GibSon-Semi-bold,Arial,sans-serif;
}

.challenges_content .number_list li .text {
	padding-left: 35px;
	max-width: 320px;
}

.challenges_content .number_list li .text p {
	line-height: 30px;
}

.challenges_content .small_title {
	color: var(--green);
	padding-top: 50px;
}
.challenges_content .number_list li:last-child {
	margin-bottom: 0pc;
}
.solution_block_section {
	margin-top: 395px;
	margin-bottom: 340px;
}

.solution_block_section .solution_continer {
	max-width: 1668px;
	margin: 0 0 0 auto;
	width: 90%;
	display: flex;
}

.solution_block_section .col_2 {
	width: 48.8%;
	background-image: url('/wp-content/themes/brook-child/images/case-study/pine-lake/solution_overly_bg_1920.jpg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right;
}
.solution_block_section .col_2 .img_wrap {
	/* height: 77.2%; */
	/* background-image: url('/wp-content/themes/brook-child/images/case-study/pine-lake/solution_bg_1920.jpg'); */
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	margin-top: 80px;
	overflow: hidden;
	display: flex;
	justify-content: center;
}
.solution_block_section img {
	max-width: none;
}
.solution_block_section .desktop_img {
	display: block;
}
.solution_block_section .small_desktop_img {
	display: none;
}
.solution_block_section .solution_content .list_view li:last-child {
	margin-bottom: 50px;
}
.solution_block_section .col_1 {
	width: 51.2%;
}

.solution_block_section .col_1 .solution_content {
	max-width: 633px;
	margin-right: 20px;
}

.solution_block_section .solution_content .large_title {
	margin: 0;
	max-width: 420px;
}

.solution_block_section .solution_content .large_title + p {
	margin-top: 58px;
	margin-bottom: 87px;
}

.solution_block_section .solution_content .medium_title {
	color: var(--green);
	margin: 0;
}

.solution_block_section .solution_content .list_view {
	margin: 78px 0 0;
	padding: 0;
	list-style: none;
}

.solution_block_section .solution_content .list_view li {
	display: table;
}

.solution_block_section .solution_content .list_view li>div {
	display: table-cell;
	vertical-align: top;
}

.solution_block_section .solution_content .list_view li .text {
	padding-left: 80px;
	max-width: 400px;
}

.solution_block_section .solution_content .list_view li .text p {
	line-height: 30px;
	margin-top: -7px;
}
.solution_block_section .solution_content .list_view li + li {
	margin-top: 63px;
}
.featured_project_block {
	max-width: 1680px;
	margin: 0 auto;
	padding: 0 20px;
}

.featured_project_block .featured_project_container {
	padding-top: 82px;
	border-top: 1px solid #E4E4E4;
}

.featured_project_block  .small_title {
	color: var(--green);
	margin-bottom: 76px;
}

.featured_project_block .col_1, .featured_project_block .col_2 {
	padding: 0 15px;
	width: 50%;
	box-sizing: border-box;
}

.featured_project_block .col_1 .large_title {
	max-width: 515px;
}

.featured_project_block .col_2 p.text-bold {
	line-height: 28px;
	margin-bottom: 30px;
}

.featured_project_block .col_2 .info {
	margin-bottom: 100px;
}

.featured_project_block .col_2 .info p {
	margin-bottom: 44px;
}

.featured_project_block .col_2 .info p:last-child {
	margin-bottom: 0;
}

.featured_project_block .challenges_list .text-green {
	color: var(--green);
}

.featured_project_block .challenges_list ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.featured_project_block .challenges_list ul li {
	padding-left: 39px;
	padding-right: 35px;
	position: relative;
	font-size: 24px;
	line-height: 30px;
	width: 50%;
	box-sizing: border-box;
	float: left;
	margin-bottom: 37px;
}

.featured_project_block .challenges_list ul li:after {
	content: '';
	width: 12px;
	height: 12px;
	background: var(--green);
	top: 5px;
	left: 0;
	display: table;
	border-radius: 50%;
	position: absolute;
}

.featured_project_block .challenges_list ul:after {
	content: '';
	clear: both;
	display: table;
}

.featured_project_block .challenges_list ul li:nth-child(odd) {
	clear: both;
}

.featured_project_block .featured_project_img {
	margin-top: 104px;
}
.case_study_helped_section {
	padding-top: 280px;
	padding-bottom: 250px;
}

.case_study_helped_section .case_study_helped_container {
	max-width: 1020px;
	margin: 0 auto;
}

.case_study_helped_section .col_1 {
	width: 41%;
}
.case_study_helped_section .case_study_helped_container .row {
	align-items: center;
}
.case_study_helped_section .col_2 {
	width: 59%;
	padding-left: 154px;
}

.case_study_helped_section .step_layout_block {
	margin-top: 83px;
}

.case_study_helped_section .step_layout_block .row {
	display: block;
	margin: 0;
}

.case_study_helped_section .step_container .num, .case_study_helped_section .step_container span {
    width: 40px;
    height: 40px;
    background: #00BA70;
    color: #fff;
    line-height: 40px;
    border-radius: 50%;
    margin: 0 auto;
    font-family: GibSon-Regular,Arial,sans-serif;
    font-weight: 600;
    position: relative;
    z-index: 3;
    display: table;
    text-align: center;
}

.case_study_helped_section .our-work .step_container .num {
    margin-bottom: 37px;
    background: #fff !important;
}

.case_study_helped_section .step_container .box:nth-child(1) span {
    background: rgba(0 186 112/0.3);
}

.case_study_helped_section .step_container .box:nth-child(2) span {
    background: rgba(0 186 112/0.55);
}

.case_study_helped_section .step_container .box:nth-child(3) span {
    background: rgba(0 186 112/0.80);
}

.case_study_helped_section .step_container .box:nth-child(4) span {
    background: rgba(0 186 112/1);
}

.case_study_helped_section .step_container .num:after {
    content: '';
    position: absolute;
    width: 40px;
    height: 40px;
    background: #fff;
    display: table;
    border-radius: 50%;
    top: 0;
    z-index: -1;
}

.case_study_helped_section .step_container .step_box:after {
    content: '';
    position: absolute;
    top: 18px;
    border-left: 2px dashed #1CBA70;
    z-index: 0;
    height: 93%;
    left: 20px;
}

.case_study_helped_section .step_container .step_box {
    position: relative;
    padding-bottom: 59px;
}

.case_study_helped_section .step_container .text {
	display: table-cell;
	padding-left: 56px;
	vertical-align: top;
}

.case_study_helped_section .step_container .num {
	display: table;
	width: 40px;
	vertical-align: top;
	float: left;
}

.case_study_helped_section .step_container .box:last-child .step_box {
	padding-bottom: 0px;
}

.case_study_helped_section .step_container .box:last-child .step_box::after {
	height: 0px;
}

.case_study_helped_section .step_container .step_box .text p {
	line-height: 30px;
}

.case_study_helped_section .col_2 .large_title {
	margin: -9px 0 0;
}
.case_study_store_date {
	text-align: center;
	margin-bottom: 205px;
}

.case_study_store_date .large_title {
	color: var(--green);
	margin: 0;
}

.case_study_store_date .large_title .text-black {
	color: #000;
}

.case_study_store_date  .info {
	max-width: 845px;
	margin: 0 auto;
	padding-top: 77px;
}

.glance_section {
	background: #ECF0EF;
	padding: 177px 20px 553px;
}

.glance_section .glance_section_container {
	max-width: 1663px;
	margin: 0 auto;
}

.glance_section .glance_section_container .text-green {
	color: var(--green);
	margin-bottom: 76px;
}

.glance_section .glance_section_container .col_1 {
	width: 23%;
}

.glance_section .glance_section_container .col_1, .glance_section .glance_section_container .col_2 {
	padding: 0 15px;
	box-sizing: border-box;
}

.glance_section .glance_section_container .col_1 .large_title {
	max-width: 350px;
}

.glance_section .glance_section_container .col_2 {
	width: 77%;
}

.glance_section .glance_section_container .right_text {
	display: table;
	margin: 0 0 0 auto;
}

.glance_section .glance_section_container .right_text .box {
	text-align: center;
	float: left;
}

.glance_section .glance_section_container .right_text .box + .box {
	margin-left: 130px;
}

.glance_section .glance_section_container .right_text .box .number {
	line-height: 127px;
	font-size: 125px;
	margin: 0;
	font-family: GibSon-Semi-bold,Arial,sans-serif;
}

.glance_section .glance_section_container .right_text .box p {
	font-family: GibSon-Semi-bold,Arial,sans-serif;
	max-width: 278px;
	line-height: 30px;
	margin: 10px auto 0px;
}
.more_case_study {
	max-width: 1643px;
	margin: -247px auto 0;
}

.more_case_study .more_case_study_container {
	padding: 0px 15px;
}

.more_case_study .col_2 {
	background-color: var(--dark-green);
	color: #fff;
	width: 58.8%;
}

.more_case_study .col_1 {
	width: 41.2%;
}

.more_case_study .bg_img {
	background-image: url('/wp-content/themes/brook-child/images/case-study/pine-lake/more_case_study_1920.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.more_case_study  .comment {
	max-width: 608px;
	margin: 193px auto;
}

.more_case_study .comment p {
	font-size: 33px;
	line-height: 36px;
	font-family: GibSon-Semi-bold,Arial,sans-serif;
	margin-bottom: 75px;
}

.more_case_study .comment .comment_info p {
	font-size: 24px;
	line-height: 30px;
	margin: 0px;
	font-family: GibSon-Light, Arial;
}

.more_case_study .comment .comment_info .text-bold {
	font-family: GibSon-Semi-bold,Arial,sans-serif;
}

.more_case_study .more_case_study_container .custom-btn {
	margin-top: 196px;
	text-align: center;
	display: table;
	margin-left: auto;
	margin-right: auto;
	min-width: 402px;
	background: var(--green);
	color: #fff;
	font-size: 25px;
	line-height: 30px;
	box-sizing: border-box;
	margin-bottom: 330px;
}
.case_study_wrap .grid_faq_contact_section .row_container .col_1 {
    width: 40%;
}

.case_study_wrap .grid_faq_contact_section .row_container .col_2 {
    width: 60%;
}
.case_study_wrap .grid_faq_contact_section .row_container {
	display: flex;
}
.case_study_wrap .contact_us .box_block {
	padding: 153px 18.5%;
	max-width: 687px;
	margin: 0;
}
.case_study_wrap .grid_faq_contact_section .row_container .box_block .desc {
	margin-bottom: 76px;
	max-width: 547px;
}
.case_study_wrap .grid_faq_contact_section .custom-btn {
	background: var(--green);
	color: #fff;
    min-width: 345px;
	font-size: 25px;
	line-height: 30px;
}
.case_study_wrap .contact_us .custom-btn:focus, .case_study_wrap .contact_us .custom-btn:hover {
	background: #ecf0ef;
	color: var(--green);
	border-color: var(--green);
}

.case_study_wrap .contant_box {
	background: #ECF0EF;
	margin-top: 203px;
}
.case_study_wrap .contact_us .contact_bg {
	background: url('/wp-content/themes/brook-child/images/case-study/pine-lake/contact_bg_1920.jpg');
	background-size: cover;
	background-position: center;
}
.case_study_wrap .contact_us .box_block .large_title {
	margin-top: 76px;
	margin-bottom: 87px;
}
.page-scroll-up i {
	line-height: 60px;
}
/* case study strathmore */
.strathmore-case-study .case-study-hero-image {
	background-image: url('/wp-content/themes/brook-child/images/case-study/strathmore/hero_bg_1920.jpg');
}
.strathmore-case-study .case-study-hero-image .text-wrapper h2 {
	max-width: 490px;
}
.strathmore-case-study .case-study-numbers .box:nth-child(2) p {
	max-width: 144px;
}
.strathmore-case-study .challenges_section .challenges_container .col_1 {
	background-image: url('/wp-content/themes/brook-child/images/case-study/strathmore/challenges_bg_1920.jpg');
}
.strathmore-case-study .challenges_content .number_list li .text {
	max-width: 450px;
}
.strathmore-case-study .challenges_content .large_title {
	max-width: 500px;
}
.strathmore-case-study .solution_block_section .solution_content .large_title {
	max-width: 470px;
}
/* .strathmore-case-study .solution_block_section .col_2 .img_wrap {
	background-image: url('/wp-content/themes/brook-child/images/case-study/strathmore/solution_bg_1920.jpg');
	height: 77.40%;
} */
.strathmore-case-study .solution_block_section .solution_content .list_view li:last-child {
	margin-bottom: 56px;
}
.strathmore-case-study .solution_block_section .col_2 {
	background-image: url('/wp-content/themes/brook-child/images/case-study/strathmore/solution_overly_bg_1920.jpg');
}
.strathmore-case-study .featured_project_block .col_1 .large_title {
	max-width: 480px;
}
.strathmore-case-study .more_case_study .bg_img {
	background-image: url('/wp-content/themes/brook-child/images/case-study/strathmore/more_case_study_1920.jpg');
}

/* case study mccarey */
.mccarey-case-study .case-study-hero-image {
	background-image: url('/wp-content/themes/brook-child/images/case-study/mccarey/hero_bg_1920.jpg');
}
.mccarey-case-study .challenges_section .challenges_container .col_1 {
	background-image: url('/wp-content/themes/brook-child/images/case-study/mccarey/challenges_bg_1920.jpg');
}
/* .mccarey-case-study .solution_block_section .col_2 .img_wrap {
	background-image: url('/wp-content/themes/brook-child/images/case-study/mccarey/solution_bg_1920.jpg');
	height: 77.2%;
} */
.mccarey-case-study .solution_block_section .solution_content .list_view li:last-child {
	margin-bottom: 19px;
}
.mccarey-case-study .solution_block_section .col_2 {
	background-image: url('/wp-content/themes/brook-child/images/case-study/mccarey/solution_overly_bg_1920.jpg');
}
.mccarey-case-study .more_case_study .bg_img {
	background-image: url('/wp-content/themes/brook-child/images/case-study/mccarey/more_case_study_1920.jpg');
}
.mccarey-case-study .case-study-numbers .box:nth-child(2) p {
	max-width: 144px;
}
.mccarey-case-study .case-study-about .large_title {
	max-width: 400px;
}
.mccarey-case-study .case-study-about .content_block {
	max-width: 970px;
}
.mccarey-case-study .challenges_content .large_title {
	max-width: 452px;
}
.mccarey-case-study .challenges_content .number_list li .text {
	max-width: 408px;
}
.mccarey-case-study .solution_block_section .solution_content .large_title {
	max-width: 465px;
}
.mccarey-case-study .more_case_study .comment {
	max-width: 585px;
}
.glance_section, .featured_project_block {
	padding-left: 115px;
	padding-right: 115px;
	box-sizing: border-box;
	max-width: 1910px;
}
.case_study_wrap .contact_us .box_block {
    padding: 153px 18.5% 239px;
    max-width: 687px;
    margin: 0;
}

@media only screen and (max-width: 1500px) {
	.glance_section .glance_section_container .right_text .box .number {
		font-size: 101px;
	}

	.glance_section .glance_section_container .right_text .box + .box {
		margin-left: 50px;
	}

	.solution_block_section {
		margin-bottom: 150px;
	}
}
@media only screen and (max-height: 800px)  and (min-height: 700px){
	.case-study-hero-image {
	    padding-top: 150px;
	    padding-bottom: 300px;
	}
}
@media only screen and (max-width:1440px) {
	.case-study-hero-image {
		padding-top: 200px;
		padding-bottom: 300px;
	}
}
@media only screen and (max-width: 1400px) {	    
    .case_study_wrap .contact_us .box_block {
	    padding: 153px 18.5% 239px;
	    max-width: 687px;
	    margin: 0;
	}
}

@media only screen and (max-width: 1280px) {
    .pine-lake-case-study .case-study-hero-image {
	    background-image: url('/wp-content/themes/brook-child/images/case-study/pine-lake/hero_bg_1280.jpg');
    }
    .case-study-hero-image {
        padding-top: 214px;
		padding-bottom: 307px;
    }

    .case-study-hero-image .text-wrapper h2 {
        margin-top: 50px;
    }

    .case-study-numbers {
        max-width: 1004px;
        margin-top: -169px;
    }

    .case-study-numbers .box h3 {
        font-size: 25px;
    }

    .case-study-numbers .box p {
        font-size: 20px;
        line-height: 24px;
        max-width: 183px;
    }

    .case-study-numbers .box {
        padding: 46px 15px 66px;
    }

    .case-study-about {
        padding-top: 132px;
        padding-bottom: 220px;
    }

    .case-study-about .large_title {
        margin-top: 50px;
    }

    .case_study_wrap .large_title {
        font-size: 40px;
        line-height: 46px;
    }

    .case-study-about .case-study-about-logo {
        max-width: 70px;
        margin-top: 63px;
    }

    .case-study-about .content_block {
        margin-top: 63px;
        max-width: 835px;
    }

    .challenges_section .challenges_container .col_1 {
        background-image: url('/wp-content/themes/brook-child/images/case-study/pine-lake/challenges_bg_1280.jpg');
    }

    .challenges_content .small_title {
        padding-top: 100px;
    }

    .challenges_section .challenges_container {
        max-width: 1142px;
        width: 95%;
    }

    .challenges_content .large_title {
        line-height: 45px;
        margin-top: 50px;
    }

    .challenges_content .info {
        margin-top: 63px;
        margin-bottom: 110px;
    }

    .challenges_content .green_bg .medium_title {
        line-height: 40px;
        max-width: 250px;
        margin-bottom: 0;
    }

    .challenges_content .green_bg {
        padding-top: 75px;
		padding-right: 20px;
    }

    .challenges_content .number_list {
        margin-top: 64px;
    }

    .challenges_content .number_list li {
        margin-bottom: 48px;
    }

    .challenges_content>div {
        padding-left: 18.5%;
    }

    .solution_block_section {
        margin-top: 230px;
        margin-bottom: 80px;
    }

    .solution_block_section .col_1 .solution_content {
        max-width: 493px;
    }

    .solution_block_section .solution_content .medium_title {
        max-width: 376px;
    }

    .solution_block_section .solution_content .list_view {
        margin-top: 74px;
    }

    .solution_block_section .solution_content .list_view li .text {
        padding-left: 65px;
        max-width: 390px;
    }

    .solution_block_section .solution_content .list_view li + li {
        margin-top: 53px;
    }
	.strathmore-case-study .solution_block_section .solution_content .list_view li:last-child {
		margin-bottom: 0px;
	}
    .solution_block_section .col_2 .img_wrap {
        /* background-image: url(/wp-content/themes/brook-child/images/case-study/pine-lake/solution_bg_1280.jpg);
        height: 65.2%; */
        margin-top: 112px;
		justify-content: flex-end;
    }
	.solution_block_section .solution_content .list_view li:last-child {
		margin-bottom: 20px;
	}
    .solution_block_section .col_2 {
        background-image: url(/wp-content/themes/brook-child/images/case-study/pine-lake/solution_overly_bg_1280.jpg);
        background-size: auto 94%;
        background-position: top right;
    }
	.solution_block_section .desktop_img {
		display: none;
	}
	.solution_block_section .small_desktop_img {
		display: block;
	}
    .featured_project_block {
        max-width: 1022px;
    }

    .featured_project_block .featured_project_container {
        padding-top: 74px;
    }

    .featured_project_block .small_title {
        margin-bottom: 50px;
    }

    .featured_project_block .col_1, .featured_project_block .col_2 {
        width: 100%;
    }

    .featured_project_block .col_1 {
        margin-bottom: 99px;
    }
    .featured_project_block .col_2 .col_box {
        width: 41%;
        float: left;
    }

    .featured_project_block .col_2 .challenges_list {
        float: right;
        width: 37%;
    }

    .featured_project_block .challenges_list ul li {
        width: 100%;
    }

    .featured_project_block .col_2 .info {
        margin-bottom: 0px;
    }

    .featured_project_block .featured_project_img {
        margin-top: 168px;
    }

    .case_study_helped_section {
        padding-top: 198px;
        padding-bottom: 258px;
    }

    .case_study_helped_section .case_study_helped_container {
        max-width: 984px;
        padding: 0 15px;
    }

    .case_study_helped_section .col_1 {
        width: 41.6%;
        padding-top: 0px;
    }

    .case_study_helped_section .col_2 {
        width: 58.4%;
        padding-left: 165px;
    }

    .case_study_helped_section .col_2 .large_title {
        font-size: 42px;
        line-height: 48px;
    }

    .case_study_store_date .info {
        padding-top: 63px;
        max-width: 660px;
    }

    .case_study_store_date {
        margin-bottom: 147px;
    }

    .glance_section .glance_section_container {
        max-width: 1004px;
    }

    .glance_section {
        padding-top: 131px;
        padding-bottom: 417px;
    }

    .glance_section .glance_section_container .text-green {
        margin-bottom: 50px;
    }

    .glance_section .glance_section_container .col_1 {
        width: 50%;
    }

    .glance_section .glance_section_container .col_2 {
        width: 50%;
    }

    .glance_section .glance_section_container .col_1 .large_title {
        max-width: 300px;
    }

    .glance_section .glance_section_container .right_text {margin: 0;}

    .glance_section .glance_section_container .right_text .box + .box {
        margin-left: 0;
        text-align: left;
        float: none;
        margin-top: 111px;
    }

    .glance_section .glance_section_container .right_text .box p {
        max-width: 284px;
        text-align: left;
        margin: 10px 0;
    }

    .glance_section .glance_section_container .right_text .box .number {
        font-size: 83px;
        line-height: 77px;
    }

    .glance_section .glance_section_container .right_text .box {
        float: none;
        text-align: left;
    }

    .more_case_study {
        max-width: 1004px;
        margin-top: -265px;
    }

    .more_case_study .bg_img {
        background-image: url(/wp-content/themes/brook-child/images/case-study/pine-lake/more_case_study_1280.jpg);
    }

    .more_case_study .comment {
        margin: 87px auto;
        padding: 0 20px;
        max-width: 449px;
    }

    .more_case_study .comment p {
        font-size: 25px;
        line-height: 32px;
        margin-bottom: 60px;
    }

    .more_case_study .more_case_study_container .custom-btn {
        margin-top: 140px;
        margin-bottom: 260px;
        min-width: 323px;
        font-size: 22px;
		line-height: 26px;
		padding: 16px 10px;
    }
	.case-study-about .small_title {
		margin-bottom: 50px;
	}
    .case_study_wrap .grid_faq_contact_section .row_container .col_2 {
        width: 56.8%;
    }

    .case_study_wrap .grid_faq_contact_section .row_container .col_1 {
        width: 43.2%;
    }

    .case_study_wrap .contant_box {
        margin-top: 137px;
    }

    .case_study_wrap .contact_us .box_block {
        padding: 86px 20px 116px;
        max-width: 365px;
        margin: 0 auto;
    }

    .case_study_wrap .contact_us .box_block .large_title {
        margin-top: 44px;
        margin-bottom: 54px;
        max-width: 300px;
    }
	.challenges_section .challenges_container .col_1 {
		width: 47.8%;
	}
	
	.challenges_section .challenges_container .col_2 {
		width: 52.2%;
	}

	.strathmore-case-study .case-study-hero-image {
		background-image: url(/wp-content/themes/brook-child/images/case-study/strathmore/hero_bg_1280.jpg);
	}
	
	.strathmore-case-study .case-study-numbers .box:nth-child(2) p {
		max-width: 122px;
	}
	
	.strathmore-case-study .case-study-numbers .box p {
		max-width: 176px;
	}
	
	.strathmore-case-study .case-study-about .case-study-about-logo {
		max-width: 250px;
	}
	
	.strathmore-case-study .challenges_content .number_list li .text {
		max-width: 385px;
	}
	
	.strathmore-case-study .challenges_content .green_bg .medium_title {
		max-width: 300px;
	}
	/* .strathmore-case-study .solution_block_section .col_2 .img_wrap {
		background-image: url('/wp-content/themes/brook-child/images/case-study/strathmore/solution_bg_1280.jpg');
		height: 64.5%;
	} */
	.strathmore-case-study .solution_block_section .col_2 {
		background-image: url('/wp-content/themes/brook-child/images/case-study/strathmore/solution_overly_bg_1280.jpg');
		background-size: auto 93.2%;
	}
	.strathmore-case-study .more_case_study .bg_img {
		background-image: url('/wp-content/themes/brook-child/images/case-study/strathmore/more_case_study_1280.jpg');
	}
	.mccarey-case-study .case-study-hero-image {
		background-image: url('/wp-content/themes/brook-child/images/case-study/mccarey/hero_bg_1280.jpg');
	}
	/* .mccarey-case-study .solution_block_section .col_2 .img_wrap {
		background-image: url('/wp-content/themes/brook-child/images/case-study/mccarey/solution_bg_1280.jpg');
		height: 62.4%;
	} */
	.mccarey-case-study .solution_block_section .solution_content .list_view li:last-child {
		margin-bottom: 0px;
	}
	.mccarey-case-study .solution_block_section .col_2 {
		background-image: url('/wp-content/themes/brook-child/images/case-study/mccarey/solution_overly_bg_1280.jpg');
		background-size: auto 90.2%;
	}
	.mccarey-case-study .more_case_study .bg_img {
		background-image: url('/wp-content/themes/brook-child/images/case-study/mccarey/more_case_study_1280.jpg');
	}
	.mccarey-case-study .case-study-numbers .box p, .mccarey-case-study .case-study-numbers .box:nth-child(2) p {
		max-width: 134px;
	}
	.mccarey-case-study .case-study-about .case-study-about-logo {
		max-width: 195px;
	}
	.mccarey-case-study .case-study-about .content_block {
		max-width: 835px;
	}
	.mccarey-case-study .challenges_section .challenges_container .col_1 {
		background-image: url('/wp-content/themes/brook-child/images/case-study/mccarey/challenges_bg_1280.jpg');
	}
	.mccarey-case-study .challenges_content .number_list li .text {
		max-width: 402px;
	}
	.mccarey-case-study .featured_project_block .challenges_list ul li {
		padding-right: 0px;
	}
	.mccarey-case-study .case_study_store_date .info {
		max-width: 632px;
	}
	.mccarey-case-study .more_case_study .comment {
		max-width: 449px;
	}
	.case_study_wrap .grid_faq_contact_section .custom-btn  {
		font-size: 22px;
		line-height: 26px;
		padding: 16px 10px;
	}
	.glance_section, .featured_project_block {
		max-width: 1222px;
		padding-left: 100px;
		padding-right: 100px;
	}	
}

@media only screen and (max-width: 1200px) {
	.case_study_helped_section .case_study_helped_container {
		padding-left: 100px;
		padding-right: 100px;
	}
	.case_study_helped_section .col_2 {
		padding-left: 5%;
	}	
}

@media only screen and (max-width: 991px) {
    .case_study_wrap .small_title {
        font-size: 15px;
        letter-spacing: 3px;
        margin-bottom: 32px;
    }

    .case-study-hero-image .text-wrapper h2 {
        margin-top: 64px;
        max-width: 468px;
    }

    .case-study-hero-image {
        padding-top: 283px;
        padding-bottom: 470px;
    }

    .case-study-numbers {
        max-width: 608px;
        padding-bottom: 62px;
		margin-top: -223px;
    }

    .case-study-numbers .box {
        padding: 49px 15px 0px;
        width: 50%;
    }

    .case-study-numbers .box p {
        margin: 0 auto;
        max-width: 164px;
    }

    .case-study-numbers .box h3 {
        font-size: 22px;
        line-height: 24px;
        margin-bottom: 18px;
    }

    .case-study-about {
        padding-top: 167px;
		padding-bottom: 167px;
    }

    .case_study_wrap .large_title {
        font-size: 28px;
        line-height: 32px;
    }

    .case-study-about .large_title {
        margin-top: 32px;
        max-width: 240px;
    }

    .case-study-about .case-study-about-logo {
        max-width: 65px;
        margin-top: 42px;
    }

    .case-study-about .content_block {
        max-width: 475px;
        margin-top: 42px;
    }

    .case_study_wrap p {
        font-size: 20px;
        line-height: 35px;
    }

    .case-study-about .content_block p + p {
        margin-top: 38px;
    }
    .challenges_section .challenges_container .col_2 {
        width: 100%;
    }

    .challenges_section .challenges_container .col_1 {
        display: none;
    }

    .challenges_content>div {
        padding-left: 0;
    }

    .challenges_section .challenges_container {
        max-width: 608px;
        margin: 0 auto;
        text-align: center;
    }

    .challenges_content .small_title {
        padding-top: 0px;
    }

    .challenges_content .large_title {
        margin: 0 auto;
    }

    .challenges_content .info {
        max-width: 485px;
        margin: 95px auto 93px;
    }

    .case_study_wrap .ipad_img {
        display: block;
    }

    .challenges_section .img_wrap {
        margin-top: 72px;
    }

    .challenges_content .green_bg {
        padding-top: 62px;
        padding-bottom: 89px;
        max-width: 485px;
        margin-left: auto;
        margin-right: auto;
		padding-right: 0px;
    }

    .challenges_content .green_bg .medium_title {
        margin: 0 auto;
        font-size: 26px;
        line-height: 35px;
        max-width: 214px;
    }

    .challenges_content .number_list {
        margin-top: 48px;
    }

    .challenges_content .number_list li {
        display: block;
    }

    .challenges_content .number_list li>div {
        display: block;
    }

    .challenges_content .number_list li .num span {
        margin: 0 auto;
    }

    .challenges_content .number_list li .text {
        margin: 0 auto;
        padding-left: 0;
        max-width: 265px;
        padding-top: 33px;
    }

    .challenges_content .number_list li .text p {
        line-height: 24px;
    }
    .pine-lake-case-study .case-study-hero-image {
        background-image: url(/wp-content/themes/brook-child/images/case-study/pine-lake/hero_bg_768.jpg);
    }

    .solution_block_section .solution_continer {
        max-width: 608px;
        margin: 0 auto;
        display: block;
    }

    .solution_block_section .col_2, .solution_block_section .col_1 {
        width: 100%;
    }

    .solution_block_section {
        margin-top: 158px;
		margin-bottom: 125px;
    }

    .solution_block_section .col_1 .solution_content {
        max-width: 485px;
        margin: 0 auto;
        text-align: center;
    }

    .solution_block_section .solution_content .large_title {
        margin: 0 auto;
        max-width: 395px;
    }

    .solution_block_section .solution_content .large_title + p {
        margin-top: 42px;
        margin-bottom: 68px;
    }

    .solution_block_section .solution_content .medium_title {
        font-size: 26px;
        line-height: 35px;
        max-width: 415px;
        margin: 0 auto;
    }

    .solution_block_section .solution_content .list_view li>div {
        display: block;
    }

    .solution_block_section .solution_content .list_view li .text {
        padding-left: 0;
        padding-top: 33px;
    }

    .solution_block_section .solution_content .list_view li>div img {
        max-width: 51px;
    }

    .solution_block_section .solution_content .list_view {margin-top: 85px;}

    .solution_block_section .solution_content .list_view li {
        display: block;
    }

    .solution_block_section .solution_content .list_view li .text {
        max-width: 361px;
        margin: 0 auto;
    }

    .solution_block_section .solution_content .list_view li + li {
        margin-top: 73px;
    }

    .solution_block_section .col_2 .img_wrap {
        margin-top: 166px;
        height: auto;
        padding-top: 64.5%;
        background-image: url('/wp-content/themes/brook-child/images/case-study/pine-lake/solution_bg_768.jpg');
    }

    .solution_block_section .col_2 {
        background-image: url('/wp-content/themes/brook-child/images/case-study/pine-lake/solution_overly_bg_768.jpg');
        width: auto;
        padding-left: 62px;
        padding-right: 62px;
        padding-bottom: 76px;
        background-size: contain;
        background-position: bottom;
    }	
	.solution_block_section .small_desktop_img {
		display: none;
	}
	.featured_project_block .col_2 .info p {
		margin-bottom: 35px;
	}
	
	.featured_project_block .col_1 {
		margin-bottom: 72px;
	}
    .featured_project_block .featured_project_container {
        padding-top: 85px;
        max-width: 608px;
        margin: 0 auto;
		padding-left: 64px;
		padding-right: 64px;
    }
    .featured_project_block .col_1 .large_title {
    	max-width: 451px;
		margin-bottom: 0px;
	}
	.featured_project_block .col_2 .col_box {
    	width: 100%;
	}
	.featured_project_block .col_2 .info{
		max-width: 472px;
	}
	.featured_project_block .col_2 .challenges_list {
	    width: 100%;
	    padding-top: 72px;
	}	
	.featured_project_block .challenges_list ul li {
		font-size: 20px;
		line-height: 24px;
		margin-bottom: 35px;
		padding-right: 0px;
	}
	.featured_project_block .featured_project_img {
		margin-top: 125px;
		max-width: 608px;
		margin-left: auto;
		margin-right: auto;
	}
	.featured_project_block .challenges_list ul li:last-child {
		margin-bottom: 0px;
	}
	.featured_project_block .challenges_list ul li:after {
	    width: 8px;
	    height: 8px;
	    top: 10px;
	}
	.featured_project_block .desktop_img{
		display: none;
	}
	.featured_project_block .ipad_img{
		display: block;
	}
	.case_study_helped_section{
		padding-top: 125px;
    	padding-bottom: 85px;
	}
	.case_study_helped_section .case_study_helped_container {
		max-width: 608px;
	}
	.case_study_helped_section .col_2{
		width: 100%;
		margin: auto;
		padding-left: 64px;
		padding-right: 64px;
	}
	.case_study_helped_section .col_2 .large_title {
    	font-size: 28px;
    	line-height: 32px;
    	margin: 0;
 	}
	.case_study_helped_section .step_container .step_box .text p {
    	line-height: 25px;
    	max-width: 295px;
	}
	.case_study_helped_section .step_container .step_box:after {
	    top: 44px;
	    border-left: 2px dashed #1CBA70;
	    height: 65%;
	}
	.case_study_helped_section .desktop_img{
		display: none;
	}
	.case_study_helped_section .ipad_img{
		display: block;

	}
	.case_study_helped_section .col_1 {
		order: 2;
    	width: 100%;
	    padding-top: 125px;
	}
	.case_study_helped_section .col_1 img{
		margin: auto;
	}
	.case_study_store_date_container {
	    border-top: 1px solid #E4E4E4;
	    max-width: 608px;
	    margin: auto;
	    padding-top: 85px
	}
	.case_study_store_date .info {
    	padding-top: 42px;
	    max-width: 436px;
	}
	.case_study_helped_section .case_study_helped_container {
		max-width: 608px;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.case_study_helped_section .step_layout_block {
		margin-top: 72px;
	}
	
	.case_study_helped_section .step_container .step_box {
		padding-bottom: 43px;
	}
	
	.case_study_store_date {
		margin-bottom: 85px;
	}
	
	.glance_section {
		padding-top: 125px;
		padding-bottom: 344px;
		padding-left: .9375rem;
		padding-right: .9375rem;
	}	
	.glance_section .glance_section_container .col_1 {
    	width: 100%;
    }
    .glance_section .glance_section_container .text-green {
    	margin-bottom: 32px;
    	text-align: center;
	}
    .glance_section .glance_section_container .col_1 .large_title {
    	max-width: 347px;
    	margin: 0 auto 100px;
	}
    .glance_section .glance_section_container .col_2 {
    	width: 100%;
	}
	.glance_section .glance_section_container .right_text .box .number {
    	font-size: 65px;
	    line-height: 60px;
	}
	.glance_section .glance_section_container .right_text .box + .box {
    	margin-top: 90px;
	}
	.glance_section .glance_section_container .right_text .box p {
    	max-width: 283px;
    	text-align: center;
		margin: 5px 0px;
		line-height: 25px;
	}
	.glance_section .glance_section_container .right_text {
    	margin: 0 auto;
	}
	.more_case_study {
    	max-width: 608px;
		margin-top: -219px;
	}
	.more_case_study .comment {
    	margin: 58px auto;
    	padding: 0 0;
	    max-width: 267px;
	}
	.more_case_study .comment p {
	    font-size: 20px;
	    line-height: 24px;
	    margin-bottom: 40px;
	}
	.more_case_study .comment .comment_info p {
	    line-height: 25px;
	    font-size: 20px;
	}
	.case_study_wrap .contant_box {
		margin-top: 60px;
	}
	.grid_faq_contact_section .small_title {
		margin-bottom: 0px;
	}
	.more_case_study .comment_info {
    	max-width: 249px;
	}
	.more_case_study .more_case_study_container .custom-btn {
    	min-width: 284px;
		margin-top: 90px;
		margin-bottom: 190px;
		font-size: 18px;
		line-height: 22px;
		padding: 12.5px 10px;
	}
	.case_study_wrap .contact_us .box_block{
		padding: 82px 0 81px 80px;
		max-width: 285px;
    	margin: 0;
	}
	.case_study_wrap .contact_us .box_block .large_title {
	    margin-top: 27px;
    	margin-bottom: 37px;
	}
	.case_study_wrap .grid_faq_contact_section .custom-btn {
		min-width: 206px;
		padding: 6.5px 0;
		font-size: 18px;
		line-height: 22px;
	}
	.case_study_wrap .grid_faq_contact_section .row_container .col_1 {
    	width: 51.2%;
	}
	.case_study_wrap .grid_faq_contact_section .row_container .col_2{
		width: 49.11%;
	}
	.solution_block_section .solution_content .list_view li:last-child {
		margin-bottom: 0px;
	}

	.strathmore-case-study .case-study-about .large_title {
		max-width: 350px;
	}
	
	.strathmore-case-study .case-study-about .case-study-about-logo {
		max-width: 230px;
	}
	
	.strathmore-case-study .challenges_content .large_title {
		max-width: 333px;
	}
	
	.strathmore-case-study .challenges_content .number_list li .text {
		max-width: 230px;
		margin: 0 auto;
	}
	
	.strathmore-case-study .solution_block_section .solution_content .large_title {
		max-width: 338px;
	}
	
	.strathmore-case-study .solution_block_section .solution_content .medium_title {
		max-width: 358px;
	}
	
	.strathmore-case-study .solution_block_section .col_2 .img_wrap {
		background-image: url('/wp-content/themes/brook-child/images/case-study/strathmore/solution_bg_768.jpg');
	}
	.strathmore-case-study .solution_block_section .col_2 {
		background-image: url('/wp-content/themes/brook-child/images/case-study/strathmore/solution_overly_bg_768.jpg');
		background-size: contain;
	}
	
	.strathmore-case-study .featured_project_block .col_1 .large_title {
		max-width: 320px;
	}
	
	.strathmore-case-study .case_study_store_date .info {
		max-width: 498px;
	}
	.strathmore-case-study .more_case_study .bg_img {
		background-image: url('/wp-content/themes/brook-child/images/case-study/strathmore/more_case_study_768.jpg');
	}
	.strathmore-case-study .case-study-hero-image {
		background-image: url('/wp-content/themes/brook-child/images/case-study/strathmore/hero_bg_768.png');
	}
	
	.mccarey-case-study .solution_block_section .col_2 .img_wrap {
		background-image: url('/wp-content/themes/brook-child/images/case-study/mccarey/solution_bg_768.jpg');
	}
	.mccarey-case-study .solution_block_section .col_2 {
		background-image: url('/wp-content/themes/brook-child/images/case-study/mccarey/solution_overly_bg_768.jpg');
		background-size: contain;
	}
	.mccarey-case-study .more_case_study .bg_img {
		background-image: url('/wp-content/themes/brook-child/images/case-study/mccarey/more_case_study_768.jpg');
	}
	.mccarey-case-study .case-study-hero-image {
		background-image: url('/wp-content/themes/brook-child/images/case-study/mccarey/hero_bg_768.jpg');
	}
	.mccarey-case-study .case-study-about .large_title {
		max-width: 240px;
	}
	.mccarey-case-study .case-study-about .case-study-about-logo {
		max-width: 85px;
	}
	.mccarey-case-study .case-study-about .content_block {
		max-width: 524px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.mccarey-case-study .challenges_content .large_title {
		max-width: 306px;
	}
	.mccarey-case-study .challenges_content .number_list li .text {
		max-width: 246px;
	}
	.mccarey-case-study .solution_block_section .solution_content .large_title {
		max-width: 370px;
	}
	.mccarey-case-study .featured_project_block .challenges_list ul {
		max-width: 350px;
	}
	.mccarey-case-study .case_study_store_date .info {
		max-width: 460px;
	}
	.mccarey-case-study .more_case_study .comment {
		max-width: 270px;
	}
	.strathmore-case-study .featured_project_block .col_2 .challenges_list li {
		max-width: 329px;
	}
	.strathmore-case-study .featured_project_block .col_2 .challenges_list li:nth-child(1) {
		max-width: 334px;
	}
}
@media only screen and (max-width:560px) {
	.pine-lake-case-study .case-study-hero-image{
		background-image: url('/wp-content/themes/brook-child/images/case-study/pine-lake/hero_bg_375.jpg');
	}
	.case-study-hero-image .text-wrapper h2 {
	    font-size: 22px;
	    line-height: 28px;
	    margin: 42px auto 0px;
	    max-width: 281px;
	}
	.case-study-numbers .box h3 {
	    font-size: 16px;
	    margin-bottom: 12.48px;
	}
	.case-study-numbers .box p {
    	font-size: 15px;
    	line-height: 18px;
    	max-width: 122px;
    }
    .case-study-numbers .box {
    	padding: 46px 15px 0px;
    }
    .case-study-about {
    	padding-top: 106px;
    	padding-bottom: 100px;
	}
	.case_study_wrap .small_title {
	    font-size: 14px;
	    letter-spacing: 2.8px;
	    margin-bottom: 33px;
	    line-height: 20px;
	}
	.case_study_wrap .large_title, .case_study_helped_section .col_2 .large_title {
    	font-size: 22px;
    	line-height: 29px;
 	}
	.case-study-about .case-study-about-logo {
    	max-width: 60px;
	    margin-top: 42px;
	}
	.case-study-about .content_block {
    	max-width: 274px;
	    margin-top: 43px;
	}
	.case_study_wrap p {
    	font-size: 18px;
	    line-height: 24px;
	}
	.challenges_section .challenges_container{
		width: 100%;
	}
	.case_study_wrap .ipad_img, .case_study_wrap .mobile_img {
    	display: block;
	}
	.case_study_wrap .ipad_img {
    	display: none;
	}
	.challenges_content .large_title {
    	max-width: 227px;
 	}
	.challenges_content .info {
    	max-width: 275px;
	    margin: 43px auto 85px;
	}
	.challenges_content .green_bg {
    	padding-bottom: 83px;
		max-width: 100%;
	}
	.challenges_content .green_bg .medium_title {
	    font-size: 20px;
	    line-height: 26px;
	    max-width: 136px;
	}
	.challenges_content .number_list {
    	margin-top: 46px;
	}
	.challenges_content .number_list li .text p {
	    line-height: 23px;
	    max-width: 232px;
	    margin: 0 auto;
	}
	.challenges_content .number_list li .text {
	    padding-top: 25px;
	}
	.solution_block_section {
    	margin-top: 100px;
    	margin-bottom: 70px;
	}
	.solution_block_section .solution_continer {
		width: 100%;
	}
	.solution_block_section .col_1 .solution_content {
    	max-width: 275px;
	}
	.solution_block_section .solution_content .large_title + p {
    	margin-top: 43px;
    	margin-bottom: 46px;
	}
	.solution_block_section .solution_content .medium_title {
	    font-size: 20px;
	    line-height: 26px;
	    max-width: 248px;
	    margin: 0 auto;
	}
	.solution_block_section .solution_content .list_view li .text {
    	max-width: 237px;
    }
	.solution_block_section .solution_content .list_view {
    	margin-top: 60px;
	}
	.solution_block_section .solution_content .list_view li .text {
    	padding-top: 25px;
	}
	.solution_block_section .solution_content .list_view li + li {
    	margin-top: 45px;
	}
	.solution_block_section .col_2 .img_wrap {
	    margin-top: 93px;
	    height: auto;
	    padding-top: 64.5%;
	    background-image: url('/wp-content/themes/brook-child/images/case-study/pine-lake/solution_bg_375.jpg');
	}
	.solution_block_section .col_2 {
	    padding-left: 51px;
	    padding-right: 49px;
	    padding-bottom: 54px;
	}
	.featured_project_block .featured_project_container {
	    padding-top: 50px;
	    max-width: 273px;
	    padding-left: 0px;
	    padding-right: 0px;
	}
	.featured_project_block .col_1 {
    	margin-bottom: 43px;
	}
	.featured_project_block .col_1 .large_title {
    	margin-bottom: 0;
	}
	.featured_project_block .col_2 p.text-bold {
    	margin-bottom: 33px;
    	line-height: 24px;
  	}
	.featured_project_block .col_2 .info p {
    	margin-bottom: 25px;
 	}
	.featured_project_block .col_2 .challenges_list {
	    padding-top: 43px;
	}
	.featured_project_block .challenges_list ul li {
		margin-bottom: 27px;
	}
	.featured_project_block .challenges_list ul li {
    	font-size: 18px;
    	line-height: 24px;
    	padding-left: 35px;
 	}
	 .featured_project_block .challenges_list ul li:after {
		top: 6px;
	}
	.featured_project_block .featured_project_img {
    	margin-top: 93px;
		margin-left: -20px;
		margin-right: -20px;
 	}
	.case_study_store_date_container {
    	border-top: none;
    	max-width: 267px;
    	margin: auto;
    	padding-top: 0;
 	}
	.case_study_store_date .info {
	    padding-top: 43px;
    	max-width: 274px;
	}
	.case_study_store_date {
    	margin-bottom: 70px;
	}
	.glance_section {
    	padding-top: 76px;
	   	padding-bottom: 117px;
	}
	.case-study-hero-image {
		padding-top: 231px;
		padding-bottom: 160px;
	}
	
	.case-study-numbers {
		margin-top: 0px;
		padding-bottom: 56px;
	}
	
	.case-study-about .large_title {
		max-width: 198px;
	}
	
	.case-study-about .content_block p + p {
		margin-top: 24px;
	}
	
	.case-study-about .content_block p {
		margin-bottom: 0;
	}
	.challenges_section .img_wrap {
		margin-top: 53px;
	}
	
	.challenges_section .img_wrap img {
		width: 100%;
	}
	
	.challenges_content .info p + p {
		margin-top: 26px;
	}
	
	.challenges_content .number_list li {
		margin-bottom: 45px;
	}
	
	.solution_block_section .solution_content .list_view li .text p {
		line-height: 24px;
		margin-top: -5px;
	}
	.featured_project_block .featured_project_img img {
		width: 100%;
	}
	
	.case_study_helped_section {
		padding-top: 80px;
		padding-bottom: 100px;
	}
	
	
	.case_study_helped_section .step_layout_block {
		margin-top: 70px;
	}
	
	.case_study_helped_section .step_container .num {
		display: table;
		width: auto;
		float: none;
	}
	
	.case_study_helped_section .step_container .step_box .text {
		display: block;
		padding-left: 0px;
		max-width: 215px;
		margin: 0 auto;
		text-align: center;
	}
	
	.case_study_helped_section .step_container .step_box:after {
		display: none;
	}	
	.case_study_helped_container .step_container:after {
		content: '';
		position: absolute;
		top: 24px;
		border-left: 2px dashed #1CBA70;
		z-index: 0;
		width: 5px;
		bottom: 96px;
		left: calc(50% - 2px);
	}
	
	.case_study_helped_section .case_study_helped_container .step_container {
		position: relative;
	}
	.case_study_helped_section .step_box {
		background: #fff;
		z-index: 1;
		padding-top: 6px;
	}
	
	.case_study_helped_section .step_container .step_box {
		padding-bottom: 0px;
	}
	
	.case_study_helped_section .step_container .step_box .text p {
		margin-bottom: 68px;
		padding-bottom: 12px;
		padding-top: 22px;
		line-height: 23px;
	}
	
	.case_study_helped_section .step_container .box:last-child .step_box .text p {
		margin-bottom: 0px;
		padding-bottom: 0px;
	}
	
	.case_study_helped_section .col_1 {
		padding-top: 93px;
	}
	.case_study_helped_section .col_1 img {
		width: 100%;
	}
	.glance_section .glance_section_container .col_1 .large_title {
		max-width: 170px;
		text-align: center;
		margin-bottom: 70px;
	}
	
	.glance_section .glance_section_container .right_text .box .number {
		font-size: 45px;
		line-height: 41px;
	}
	
	.glance_section .glance_section_container .right_text .box p {
		line-height: normal;
		margin-bottom: 0px;
		max-width: 215px;
	}
	
	.glance_section .glance_section_container .right_text .box + .box {
		margin-top: 60px;
	}
	
	.more_case_study {
		margin-top: 0px;
	}
	
	.more_case_study .col_1, .more_case_study .col_2 {
		width: 100%;
	}
	
	.more_case_study .more_case_study_container .row {
		display: block;
	}
	
	.more_case_study .bg_img {
		padding-top: 46%;
	}
	
	.more_case_study .comment {
		margin: 0 auto;
		max-width: 275px;
		padding: 80px 0 85px;
		text-align: center;
	}
	
	.more_case_study .comment p {
		font-size: 18px;
		margin-bottom: 46px;
		line-height: 23px;
	}
	
	.more_case_study .comment_info {
		max-width: 100%;
	}
	
	.more_case_study .comment .comment_info p {
		font-size: 18px;
		line-height: 23px;
	}
	
	.more_case_study .more_case_study_container .custom-btn {
		margin-top: 55px;
		min-width: 275px;
		padding: 14.5px;
		font-size: 18px;
		margin-bottom: 128px;
		line-height: 18px;
	}
	.case_study_wrap .grid_faq_contact_section .mobile_img,.case_study_wrap .grid_faq_contact_section .mobile_bg img {
		width: 100%;
	}
	
	.case_study_wrap .grid_faq_contact_section .row_container .col_1 {
		width: 100%;
	}
	
	.case_study_wrap .grid_faq_contact_section .row_container {
		display: block;
	}
	
	.case_study_wrap .contant_box {
		margin-top: 0px;
	}
	
	.case_study_wrap .grid_faq_contact_section .row_container .col_2 {
		display: none;
	}
	
	.case_study_wrap .contact_us .box_block {
		padding: 76px 20px 90px;
		max-width: 266px;
		text-align: center;
		margin: 0 auto;
	}	
	.case_study_wrap .grid_faq_contact_section .small_title {
		margin-bottom: 0px;
	}	
	.case_study_wrap .contact_us .box_block .large_title {
		margin-top: 45px;
		margin-bottom: 53px;
		font-size: 22px;
		line-height: 26px;
	}	
	.case_study_wrap .grid_faq_contact_section .custom-btn {
		margin: 0 auto;
		min-width: 176px;
		padding: 12px 0px;
		font-size: 18px;
		line-height: 19px;
	}
	.case_study_wrap .featured_project_block {
		overflow: hidden;
		padding-left: initial;
		padding-right: initial;
	}	
	.case_study_helped_section .col_2 .large_title {
		text-align: center;
	}
	
	.case_study_helped_section .col_2 {
		padding-left: 0;
		padding-right: 0;
	}
	.strathmore-case-study .case-study-hero-image .text-wrapper h2 {
		max-width: 250px;
	}
	.strathmore-case-study .case-study-numbers .box p, .strathmore-case-study .case-study-numbers .box:nth-child(2) p {
		max-width: 85px;
	}
	.strathmore-case-study .case-study-about .case-study-about-logo {
		max-width: 210px;
	}
	.strathmore-case-study .challenges_content .large_title {
		max-width: 290px;
	}
	.strathmore-case-study .challenges_content .green_bg .medium_title {
		max-width: 140px;
	}
	.strathmore-case-study .more_case_study .bg_img {
		background-image: url('/wp-content/themes/brook-child/images/case-study/strathmore/more_case_study_375.jpg');
	}
	.strathmore-case-study .case-study-hero-image {
		background-image: url('/wp-content/themes/brook-child/images/case-study/strathmore/hero_bg_375.jpg');
	}
	.strathmore-case-study .solution_block_section .col_2 .img_wrap {
		background-image: url('/wp-content/themes/brook-child/images/case-study/strathmore/solution_bg_375.jpg');
	}
	.strathmore-case-study .solution_block_section .col_2 {
		background-image: url('/wp-content/themes/brook-child/images/case-study/strathmore/solution_overly_bg_375.jpg');
	}
	.strathmore-case-study .featured_project_block .col_1 .large_title {
		max-width: 248px;
	}
	.strathmore-case-study .featured_project_block .challenges_list ul li {
		padding-right: 0px;
	}
	.strathmore-case-study .featured_project_block .col_2 .challenges_list li:nth-child(1), .strathmore-case-study .featured_project_block .col_2 .challenges_list li {
		max-width: 100%;
	}
	.strathmore-case-study .case_study_helped_section .step_container .step_box .text {
		max-width: 258px;
	}
	.strathmore-case-study .case_study_store_date_container {
		max-width: 277px;
	}
	.strathmore-case-study .more_case_study .comment .comment_info p {
		max-width: 254px;
		margin: 0;
	}
	.mccarey-case-study .more_case_study .bg_img {
		background-image: url('/wp-content/themes/brook-child/images/case-study/mccarey/more_case_study_375.jpg');
	}
	.mccarey-case-study .case-study-hero-image {
		background-image: url('/wp-content/themes/brook-child/images/case-study/mccarey/hero_bg_375.jpg');
	}
	.mccarey-case-study .solution_block_section .col_2 .img_wrap {
		background-image: url('/wp-content/themes/brook-child/images/case-study/mccarey/solution_bg_375.jpg');
	}
	.mccarey-case-study .solution_block_section .col_2 {
		background-image: url('/wp-content/themes/brook-child/images/case-study/mccarey/solution_overly_bg_375.jpg');
	}
	.mccarey-case-study .case-study-numbers .box p, .mccarey-case-study .case-study-numbers .box:nth-child(2) p {
		max-width: 98px;
	}
	.mccarey-case-study .case-study-about .large_title {
		max-width: 170px;
	}
	.mccarey-case-study .case-study-about .case-study-about-logo {
		max-width: 80px;
	}
	.mccarey-case-study .case-study-about .content_block {
		max-width: 296px;
	}
	.mccarey-case-study .challenges_content .large_title {
		max-width: 242px;
	}
	.mccarey-case-study .challenges_content .number_list li .text p {
		max-width: 220px;
	}	
}


/* New Home page css start */
.home_wrap .hero-image {
	background-image: url('/wp-content/themes/brook-child/images/home/home_hro_bg.jpg');
	background-size: cover;
	background-position: center;
	height: auto;
	min-height: 10vh;
	padding-top: 254px;
	padding-bottom: 152px;
}
.home_wrap .hero-image .text-wrapper .text-row {
	position: relative;
	top: unset;
	transform: unset;
}
.home_wrap .hero-image .text-wrapper {
	position: relative;
}
.home_wrap .custom-btn {
	min-width: 345px;
	font-size: 25px;
	padding: 13px 0px;
}
.home_wrap .our-work .image-wrapper .image-box {
	margin: 0;
}
.home_wrap .our-work .image-wrapper .col-lg-4 {
	padding-left: 57.5px;
	padding-right: 57.5px;
}
.home_wrap .our-work .image-wrapper .row {
	margin-left: -57.5px;
	margin-right: -57.5px;
}
.home_wrap .our-work .image-box img {
	width: 100%;
}
.home_wrap .our-work h4.highlight-text {
	letter-spacing: 3.6px;
}
body .home_wrap .our-work h2.col-md-6.col-md-offset-3 {
	padding-top: 60px;
	max-width: 773px;
	padding-bottom: 68px;
	font-size: 42px;
	width: auto;
}
.home_wrap .step_layout_block .step_container {
	padding-left: 15px;
	padding-right: 15px;
}
.home_wrap .our-work p {
	padding-bottom: 188px;
	font-family: GibSon-Regular,Arial,sans-serif;
}
.home_wrap .our-work .image-text p {
	font-family: GibSon-Semi-Bold,Arial,sans-serif;
}
.home_wrap .our-work .step_box {
	text-align: center;
}
.home_wrap .our-work .step_container .text p {
	width: auto;
	max-width: 242px;
	letter-spacing: 0px;
	color: #000000;
	font-family: GibSon-Semi-Bold,Arial,sans-serif;
	font-weight: 600;
	padding-bottom: 20px;
}
.supplier_wrap .home_wrap .our-work .step_container .text p{
	max-width: 260px;
	font-size: 24px;
}
.supplier_wrap .home_wrap .our-work .step_container .box-w p {
    max-width: 235px;
}
.home_wrap .our-work .step_container .num, .home_wrap .our-work .step_container span {
	width: 40px;
	height: 40px;
	background: #00BA70;
	display: table;
	color: #fff;
	line-height: 40px;
	border-radius: 50%;
	margin: 0 auto;
	font-family: GibSon-Regular,Arial,sans-serif;
	font-weight: 600;
	position: relative;
	z-index: 1;
}
.home_wrap .our-work .step_container .num {
	margin-bottom: 37px;
	background: #fff !important;
}
.home_wrap .our-work .step_container .box:nth-child(1) span {
	background: rgba(0 186 112/0.3);
}
.home_wrap .our-work .step_container .box:nth-child(2) span {
	background: rgba(0 186 112/0.55);
}
.home_wrap .our-work .step_container .box:nth-child(3) span {
	background: rgba(0 186 112/0.80);
}
.home_wrap .our-work .step_container .box:nth-child(4) span {
	background: rgba(0 186 112/1);
}
.home_wrap .our-work .step_container .num:after {
	content: '';
	position: absolute;
	width: 40px;
	height: 40px;
	background: #fff;
	display: table;
	border-radius: 50%;
	top: 0;
	z-index: -1;
}
.home_wrap .our-work .step_container .step_box:after {
	content: '';
	position: absolute;
	top: 20px;
	border-bottom: 2px dashed #1CBA70;
	z-index: 0;
	width: 93%;
	left: 57%;
}
.home_wrap .our-work .step_container .step_box {
	position: relative;
}
.home_wrap .our-work .step_container .box:last-child .step_box:after {
	display: none;
}
.home_wrap .how_it_work .custom-btn {
	background-color: #00BA70;
	color: #fff;
	margin: 130px auto 0;
	padding-left: 10px;
	padding-right: 10px;
}
.home_wrap .our-work.how_it_work {
	padding-bottom: 150px;
}
.home_wrap .how_it_work {
	padding-bottom: 284px;
}
.home_wrap .our-service .highlight-text {
	letter-spacing: 3.6px;
	color: #0FB96B;
	text-transform: uppercase;
	font-size: 18px;
	text-align: center;
	font-family: GibSon-Regular,Arial,sans-serif;
	font-weight: 600;
	margin-bottom: 60px;
}
.home_wrap .our-service {
	padding: 208px 0 212px;
}
.home_wrap .our-service h2 {
	max-width: 479px;
	font-family: GibSon-Semi-Bold,Arial,sans-serif;
	text-align: center;
	margin: 0 auto 176px;
	font-size: 42px;
	line-height: 48px;
}
.home_wrap .our-service .icon-wrapper label {
	padding: 61px 0 35px;
	font-size: 36px;
	letter-spacing: -0.72px;
	line-height: 34px;
}
.home_wrap .our-service .icon-wrapper p {
	font-size: 24px;
	line-height: 30px;
	max-width: 356px;
	margin: 0 auto;
	font-family: GibSon-Regular,Arial,sans-serif;
}
.home_wrap .project_case_study_section .container {
	margin: 0 auto 0 0;
	padding: 0;
	max-width: 1601px;
}
.home_wrap .project_case_study_section .row_box {
	display: flex;
}
.home_wrap .project_case_study_section .col_1 {
	width: 50%;
	background: url('/wp-content/themes/brook-child/images/home/pexels-artem-beliaikin-1534172.jpg');
	background-size: cover;
	background-position: center;
}
.home_wrap .project_case_study_section .col_2 {
	width: 50%;
}
.home_wrap .project_case_study_section .white_bg {
	padding: 106px 20px;
}
.home_wrap .project_case_study_section .white_bg h3 {
	font-size: 42px;
	line-height: 48px;
	font-family: GibSon-Semi-Bold,Arial,sans-serif;
	max-width: 479px;
	margin: 0 auto;
}
.home_wrap .project_case_study_section .green_bg {
	background: #0FB96B;
	color: #fff;
	padding: 90px 20px 123px;
}
.home_wrap .project_case_study_section .green_bg .content-box {
	max-width: 479px;
	margin: 0 auto;
}
.home_wrap .project_case_study_section .green_bg .content-box h4 {
	color: #fff;
	font-family: GibSon-Semi-Bold,Arial,sans-serif;
	font-size: 33px;
	line-height: 36px;
	margin-bottom: 53px;
}
.home_wrap .project_case_study_section .green_bg .content-box .project_info {
	font-size: 24px;
	line-height: 30px;
	font-family: GibSon-Semi-Bold,Arial,sans-serif;
	margin-bottom: 61px;
}
.home_wrap .project_case_study_section .green_bg .content-box .project_info p {
	margin: 0;
}
.home_wrap .project_case_study_section .green_bg .content-box .project_info .info {
	font-family: GibSon-Regular,Arial,sans-serif;
}
.home_wrap .project_case_study_section .green_bg .content-box .custom-btn:hover {
	border-color: #fff;
	color: #fff;
}
.home_wrap .custom-btn:focus {
	color: #0fb96b;
}
.home_wrap .project_case_study_section {
	padding-top: 270px;
}
.home_wrap .our-work {
	padding: 256px 0 331px;
}
.home_wrap #our-work p {
	padding-bottom: 202px;
	width:auto;
}
.home_wrap #our-work h2 + p {
	max-width: 732px;
	font-size: 24px;
	line-height: 40px;
}
.home_wrap .partner-section h4 {
	letter-spacing: 3.6px;
	padding-bottom: 60px;
	margin-bottom: 0px;
}
.supplier_wrap .home_wrap .partner-section h4{
	padding-bottom: 76px;
}
.home_wrap .partner-section .partner_content {
	display: flex;
	justify-content: space-between;
}
.home_wrap .partner-section .partner_content .right-text {
	max-width: 698px;
	font-size: 24px;
	line-height: 40px;
	font-family: GibSon-Regular,Arial,sans-serif;
	margin-top: 0px;
}
.home_wrap .partner-section .partner_content .title {
	white-space: nowrap;
}
.home_wrap .partner-section .title h4 {
	font-size: 36px;
	line-height: 34px;
	letter-spacing: 0;
	padding-top: 162px;
	padding-bottom: 139px;
}
.home_wrap .partner-section  .our-partners {
	padding: 0px;
}
.home_wrap .partner-section {
	padding-bottom: 280px;
}
.home_wrap .grid_faq_contact_section .row_container {
	display: flex;
}
.home_wrap .grid_faq_contact_section .row_container .col_1 {
	width: 40%;
}
.home_wrap .grid_faq_contact_section .row_container .col_2 {
	width: 60%;
}
.home_wrap .grid_faq_contact_section .row_container .faq_bg {
	background: url('/wp-content/themes/brook-child/images/home/faq_bg.jpg');
	background-size: cover;
	background-position: center;
}
.home_wrap .highlight-text {
	letter-spacing: 3.6px;
	color: #00BA70;
	text-transform: uppercase;
	font-size: 18px;
	font-family: GibSon-Semi-Bold,Arial,sans-serif;
	margin-bottom: 76px;
}
.home_wrap .grid_faq_contact_section .row_container .title h3 {
	font-family: GibSon-Semi-Bold,Arial,sans-serif;
	margin-bottom: 69px;
	font-size: 42px;
}
.home_wrap .grid_faq_contact_section .row_container .box_block .desc {
	font-size: 24px;
	line-height: 40px;
	margin-bottom: 76px;
	max-width:547px;
}
.home_wrap .grid_faq_contact_section .custom-btn {
	background: #00BA70;
	color: #fff;
}

.home_wrap .grid_faq_contact_section .custom-btn:hover, .home_wrap .grid_faq_contact_section .custom-btn:focus, .home_wrap .how_it_work .custom-btn:hover, .home_wrap .how_it_work .custom-btn:focus {
	border-color: #00BA70;
	background: #fff;
	color: #00BA70;
}
.home_wrap .contact_us .custom-btn:focus, .home_wrap .contact_us .custom-btn:hover {
	background: #ecf0ef;
}
.home_wrap .grid_faq_contact_section .box_block {
	max-width: 799px;
	margin: 0 auto;
	padding: 187px 20px;
}
.home_wrap .grid_faq_contact_section .box_block .title {
	max-width: 550px;
}
.home_wrap .contact_us .contact_bg {
	background: url('/wp-content/themes/brook-child/images/home/contact_bg.jpg');
	background-size: cover;
	background-position: center;
}
.home_wrap .contact_us .box_block {
	padding: 153px 18.5%;
	max-width: 687px;
	margin: 0;
}
.home_wrap .contant_box {
	background: #ECF0EF;
	margin-top: 203px;
}
.home_wrap .contact_us {
	margin-top: 357px;
}
.home_wrap .join-section {
	padding: 173px 20px 156px;
}
.home_wrap .join-section p {
	padding: 68px 0px 86px;
	font-size: 24px;
	font-family: GibSon-Regular,Arial,sans-serif;
}
.home_wrap .hero-image:before {
	display: none;
}
.home_wrap .our-work .image-wrapper .image-box:hover .icon-box img {
	width: 61px;
}
.home_wrap .our-service .icon-wrapper span {
	min-height: 124px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.home_wrap .our-service .icon-wrapper span img {
	max-height: 124px;
	width: auto;
}
.our-partners img {
	height: auto;
}
.our-partners .img1 {
	max-width: 238px;
	height: auto;
}
.our-partners .img2 {
	max-width: 293px;
	height: auto;
}
.our-partners .img3 {
	max-width: 288px;
	height: auto;
}
.our-partners .img4 {
	max-width: 307px;
	height: auto;
}
.our-partners .img5 {
	max-width: 261px;
	height: auto;
}
.our-partners .img6 {
	max-width: 368px;
	height: auto;
}
.our-partners .img7 {
	max-width: 200px;
	height: auto;
}
.our-partners .img8 {
	max-width: 128px;
	height: auto;
}
.our-partners .img9 {
	max-width: 212px;
	height: auto;
}
.home_wrap .our-work .image-box .mobile_portrait {
	display: none;
}
.home_wrap .hero-image .text-wrapper h1 {
	font-size: 90px;
	line-height: 110px;
	width: auto;
	max-width: 1000px;
}
.home_wrap .hero-image .hero-bg .text-wrapper label {
	max-width: 556px;
	font-size: 24px;
	padding: 45px 0 92px;
}
.home_wrap .join-section h2 {
	font-family: GibSon-Semi-Bold,Arial,sans-serif;
}
@media only screen and (max-width:1400px) {
	.home_wrap .partner-section h3 {
        font-size: 40px;
        line-height: 45px;
        max-width: 339px;
        float: none;
        display: inline;
    }
}
@media only screen and (max-width:1500px) {
	.home_wrap .hero-image .text-wrapper h1{
		line-height: 90px;
		font-size: 85px;
	}
	.home_wrap .hero-image{
		padding-top: 180px;
	}
	.home_wrap .hero-image .hero-bg .text-wrapper label{
		padding: 45px 0 60px;
	}
}

@media only screen and (max-width:1280px) {
	.desktop-menu .header-06 .page-header-inner>.container {
		max-width: 1151px;
	}
	.hero-image .text-wrapper {
		max-width: 1151px;
		margin-left: auto;
		margin-right: auto;
	}
	.home_wrap .step_layout_block .box {
		-webkit-flex: 0 0 50%;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}	
	.home_wrap .our-work .step_container .step_box:after {
		display: none;
	}
	.home_wrap .step_layout_block .step_container {
		max-width: 866px;
		margin: 0 auto;
	}
	.home_wrap .our-work p {
		font-size: 24px;
		line-height: 40px;
		padding-bottom: 98px;
	}
	.home_wrap .our-work .step_container .text p {
		line-height: 30px;
		padding-bottom: 148px;
	}
	.home_wrap .custom-btn {
		font-size: 18px;
	}
	.home_wrap .how_it_work .custom-btn {
		margin-top: -29px;
		min-width: 239px;
		position: relative;
	}
	.home_wrap .our-work.how_it_work {
		padding-bottom: 150px;
	}
	.home_wrap .our-service {
		padding: 119px 0 176px;
	}
	.home_wrap .our-service .highlight-text {
		margin-bottom: 50px;
	}
	.home_wrap .our-service h2 {
		font-size: 40px;
		line-height: 45px;
	}
	.home_wrap .our-service .row .col-md-4 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 50%;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.home_wrap .our-service .row {
		justify-content: center;
		max-width: 866px;
		margin: 0 auto;
	}
	.home_wrap .our-service .icon-wrapper label {
		max-width: 369px;
	}
	.home_wrap .our-service .icon-wrapper p {
		max-width: 320px;
	}
	.home_wrap .our-service .row .col-md-4:last-child {
		padding-top: 130px;
	}
	.home_wrap .project_case_study_section {
		padding-top: 190px;
	}
	.home_wrap .project_case_study_section .white_bg {
		padding: 69px 20px;
	}
	.home_wrap .project_case_study_section .white_bg h3 {
		font-size: 40px;
		max-width: 412px;
	}
	.home_wrap .project_case_study_section .row_box {
		max-width: 1142px;
	}
	.home_wrap .project_case_study_section .green_bg .content-box {
		max-width: 367px;
	}
	.home_wrap .project_case_study_section .green_bg .content-box h4 {
		font-size: 30px;
		line-height: 33px;
	}
	.home_wrap .project_case_study_section .green_bg .content-box .project_info {
		margin-bottom: 54px;
	}
	.home_wrap .custom-btn {
		min-width: 239px;
	}
	.home_wrap .project_case_study_section .green_bg {
		padding: 74px 20px;
	}
	.home_wrap .our-work {
		padding: 170px 0px 230px;
	}
	body .home_wrap .our-work h2.col-md-6.col-md-offset-3 {
		font-size: 40px;
		line-height: 45px;
		max-width: 666px;
		width: auto;
		padding-top: 50px;
		padding-bottom: 58px;
	}
	.home_wrap #our-work h2 + p {
		max-width: 835px;
		padding-bottom: 150px;
	}
	.home_wrap .our-work .image-wrapper .col-lg-4 {
		padding-left: 35.5px;
		padding-right: 35.5px;
	}
	.home_wrap .partner-section h4 {
		padding-bottom: 44px;
	}
	.supplier_wrap .home_wrap .partner-section h4{
		padding-bottom: 50px;
	} 
	.home_wrap .partner-section .partner_content .right-text {
		/* margin-top: 0; */
		max-width: 425px;
	}
	.home_wrap .partner-section h3 {
		font-size: 40px;
		line-height: 45px;
		max-width: 339px;
		float: none;
		display: inline;
	}
	.home_wrap .partner-section .partner_content .title {
		white-space: normal;
		max-width: 339px;
	}
	.home_wrap .partner-section .title h4 {
		padding-top: 124px;
		padding-bottom: 95px;
	}
	.home_wrap .partner-section {
		padding-bottom: 230px;
	}
	.home_wrap .grid_faq_contact_section .row_container .col_1 {
		width: 43.5%;
	}
	.home_wrap .grid_faq_contact_section .row_container .col_2 {
		width: 56.5%;
	}
	.home_wrap .grid_faq_contact_section .box_block {
		max-width: 500px;
		padding: 56px 20px 54px;
	}
	.home_wrap .highlight-text {
		margin-bottom: 56px;
	}
	.home_wrap .grid_faq_contact_section .row_container .title h3 {
		margin-bottom: 52px;
		line-height: 48px;
	}
	.home_wrap .grid_faq_contact_section .row_container .box_block .desc {
		margin-bottom: 71px;
	}
	.home_wrap .contact_us {
		margin-top: 330px;
	}
	.home_wrap .contact_us .box_block {
		max-width: 355px;
		margin: 0 auto;
	}
	.home_wrap .contact_us .box_block {
		padding: 116px 20px 156px;
	}
	.home_wrap .contact_us .box_block .highlight-text {
		margin-bottom: 30px;
	}
	.home_wrap .contact_us .box_block .title h3 {
		margin-bottom: 44px;
	}
	.home_wrap .contact_us .contant_box .box_block .desc {
		margin-bottom: 54px;
	}
	.home_wrap .our-work .image-text p {
		font-size: 30px;
		line-height: 33px;
		padding: 33% 35px 0 30px !important;
	}
	.home_wrap .hero-image .text-wrapper h1 {
		font-size: 70px;
		line-height: 77px;
		width: auto;
	}
	.home_wrap .hero-image .hero-bg .text-wrapper label {
		font-size: 24px;
		line-height: 40px;
		max-width: 543px;
		padding: 45px 0px 55px;
	}
	.home_wrap .hero-image {
		padding-bottom: 99px;
		padding-top: 170px;
	}
	.home_wrap .our-work .image-wrapper .image-box:hover .icon-box img {
		width: 43px;
	}
	.our-partners .img1 {
		max-width: 147px;
	}
	.our-partners .img2 {
		max-width: 183px;
	}
	.our-partners .img3 {
		max-width: 176px;
	}
	.our-partners .img4 {
		max-width: 187px;
	}
	.our-partners .img5 {
		max-width: 158px;
	}
	.our-partners .img6 {
		max-width: 225px;
	}
	.our-partners .img7 {
		max-width: 123px;
	}
	.our-partners .img8 {
		max-width: 78px;
	}
	.our-partners .img9 {
		max-width: 129px;
	}
	.home_wrap .join-section h2 {
		font-size: 40px;
		line-height: 45px;
		max-width: 560px;
		margin: 0 auto;
	}
	.home_wrap .join-section {
		padding: 140px 20px 125px;
	}
	.home_wrap .join-section p {
		padding: 54px 0px 64px;
		max-width: 389px;
		margin: 0 auto;
	}
	.home_wrap .join-section a.custom-btn {
		font-size: 18px;
	}
}
@media only screen and (max-width: 1199px) {
	.home_wrap .our-work .image-text p {
		padding: 33% 15px 0 30px !important;
	}
}
@media only screen and (max-width: 1100px) {
	.home_wrap .our-work .image-wrapper .col-lg-4 {
		padding-left: 15px;
		padding-right: 15px;
	}
	.home_wrap .our-work .image-wrapper .row {
		margin-left: -15px;
		margin-right: -15px;
	}
	.home_wrap .our-work .image-text p {
		padding: 17% 10px 0 30px !important;
	}
	.home_wrap .our-work .image-wrapper .image-box:hover .icon-box img {
		width: 35px;
	}
}
@media only screen and (max-width: 1024px) {
	.home_wrap .our-work .image-wrapper .icon-box {
		display: block;
		position: absolute;
		bottom: 0;
		left: 30px;
		bottom: 40px;
	}
	.home_wrap .our-work .image-wrapper .image-box .icon-box img {
		display: block;
	}
	.home_wrap .our-work .image-wrapper .image-box .icon-box img, .home_wrap .our-work .image-wrapper .image-box:hover .icon-box img {
		width: 35px;
	}
	.our-work .image-wrapper .image-box .image-text {
		background: none;
	}
}
@media only screen and (max-width:991px) {
	.home_wrap .custom-btn {
		font-size: 16px;
	}
	.home_wrap .hero-image .text-wrapper h1 {
		font-size: 65px;
		line-height: 60px;
		max-width: 551px;
		padding-top: 0px;
	}
	.home_wrap .hero-image .hero-bg .text-wrapper label {
		font-size: 20px;
		line-height: 35px;
		max-width: 354px;
		padding: 64px 0 74px;
	}
	.home_wrap .hero-image .text-wrapper .text-row .custom-btn {
		min-width: 302px;
		font-size: 22px;
		padding: 9px 0px;
	}
	.home_wrap .hero-image {
		padding-bottom: 169px;
		padding-top: 333px;
		background-image: url('/wp-content/themes/brook-child/images/home/992/home_hro_bg.jpg');
	}
	.home_wrap .our-work.how_it_work {
		padding-top: 167px;
		padding-bottom: 135px;
	}
	.home_wrap .our-work h4.highlight-text {
		font-size: 15px;
		letter-spacing: 3px;
	}
	body .home_wrap .how_it_work h2.col-md-6.col-md-offset-3 {
		padding-top: 35px;
		font-size: 28px;
		line-height: 32px;
		max-width: 345px;
		padding-bottom: 44px;
	}
	.home_wrap .how_it_work p {
		max-width: 417px;
		font-size: 20px;
		line-height: 35px;
		padding-bottom: 107px;
	}
	.home_wrap .our-work .step_container .text p {
		max-width: 192px;
		line-height: 25px;
		padding-bottom: 130px;
	}
	.home_wrap .our-work .step_container .num {
		margin-bottom: 22px;
	}
	.home_wrap .step_layout_block .step_container {
		max-width: 495px;
	}
	.home_wrap .how_it_work .custom-btn {
		margin-top: 2px;
		min-width: 176px;
	}
	.home_wrap .our-service .highlight-text {
		font-size: 15px;
		letter-spacing: 3px;
		margin-bottom: 19px;
	}
	.home_wrap .our-service {
		padding: 150px 0 197px;
	}
	.home_wrap .our-service h2 {
		font-size: 28px;
		line-height: 32px;
		max-width: 345px;
		margin-bottom: 100px;
	}
	.home_wrap .our-service .row .col-md-4 {
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.home_wrap .our-service .icon-wrapper label {
		padding: 30px 0 17px;
		font-size: 24px;
		line-height: 23px;
		max-width: 401px;
	}
	.home_wrap .our-service .icon-wrapper p {
		font-size: 20px;
		line-height: 24px;
		max-width: 400px;
	}
	.home_wrap .our-service .row .col-md-4:last-child, .home_wrap .our-service .row .col-md-4 {
		padding-top: 97px;
	}
	.home_wrap .project_case_study_section {
		padding-top: 185px;
	}
	.home_wrap .project_case_study_section .col_1 {
		width: 41.8%;
	}
	.home_wrap .project_case_study_section .col_2 {
		width: 58.2%;
	}
	.home_wrap .project_case_study_section .white_bg h3 {
		font-size: 28px;
		line-height: 32px;
		max-width: 286px;
	}
	.home_wrap .project_case_study_section .white_bg {
		padding: 55px 20px;
	}
	.home_wrap .project_case_study_section .green_bg .content-box h4 {
		font-size: 22px;
		line-height: 25px;
		margin-bottom: 32px;
	}
	.home_wrap .project_case_study_section .green_bg .content-box {
		max-width: 286px;
	}
	.home_wrap .project_case_study_section .green_bg .content-box .project_info {
		font-size: 18px;
		line-height: 23px;
		margin-bottom: 45px;
	}
	.home_wrap .custom-btn {
		min-width: 176px;
		padding: 12px 0;
	}
	.home_wrap .our-work {
		padding: 197px 0 207px;
	}
	body .home_wrap .our-work h2.col-md-6.col-md-offset-3 {
		max-width: 451px;
		font-size: 28px;
		line-height: 32px;
		padding-top: 32px;
		padding-bottom: 36px;
	}
	.home_wrap #our-work h2 + p {
		font-size: 20px;
		line-height: 35px;
		max-width: 417px;
		padding-bottom: 109px;
	}
	.home_wrap #our-work .image-text p {
		font-size: 22px;
		line-height: 25px;
	}
	.home_wrap .our-work .image-wrapper .col-lg-4 {
		padding-left: 12.5px;
		padding-right: 12.5px;
	}
	.home_wrap .our-work .image-wrapper .row {
		margin-left: -12.5px;
		margin-right: -12.5px;
	}
	.home_wrap .our-work .container .image-wrapper {
		margin: 0 auto;
	}
	.home_wrap .partner-section h4 {
		font-size: 15px;
		letter-spacing: 3px;
		padding-bottom: 19px;
	}
	.home_wrap .partner-section h3 {
		font-size: 28px;
		line-height: 32px;
	}
	.home_wrap .partner-section .partner_content .title {
		max-width: 237px;
	}
	.home_wrap .partner-section .partner_content .right-text {
		font-size: 20px;
		line-height: 35px;
		max-width: 296px;
	}
	.home_wrap .partner-section .title h4 {
		font-size: 25px;
		line-height: 24px;
		padding-top: 103px;
		padding-bottom: 55px;
	}
	.home_wrap .partner-section .our-partners + .title h4 {
		padding-top: 54px;
	}
	.home_wrap .partner-section {
		padding-bottom: 199px;
	}
	.home_wrap .grid_faq_contact_section .row_container .col_1 {
		width: 41.8%;
	}
	.home_wrap .grid_faq_contact_section .row_container .col_2 {
		width: 59.2%;
	}
	.home_wrap .highlight-text {
		font-size: 15px;
		letter-spacing: 3px;
		margin-bottom: 30px;
	}
	.home_wrap .grid_faq_contact_section .row_container .title h3 {
		font-size: 28px;
		line-height: 32px;
		margin-bottom: 30px;
	}
	.home_wrap .grid_faq_contact_section .box_block {
		max-width: 345px;
		padding: 80px 20px 92px;
	}
	.home_wrap .grid_faq_contact_section .row_container .box_block .desc {
		font-size: 20px;
		line-height: 35px;
		margin-bottom: 28px;
	}
	.home_wrap .contact_us {
		margin-top: 190px;
	}
	.home_wrap .contant_box {
		margin-top: 62px;
	}
	.home_wrap .contact_us .box_block .highlight-text {
		margin-bottom: 19px;
	}
	.home_wrap .contact_us .box_block .title h3 {
		margin-bottom: 18px;
	}
	.home_wrap .contact_us .box_block {
		max-width: 279px;
	}
	.home_wrap .contact_us .row_container .col_1, .home_wrap .contact_us .row_container .col_2 {
		width: 50%;
	}
	.home_wrap .contact_us .row_container .col_2 {
		background-position: 8% top;
	}
	.our-partners .img1 {
		max-width: 108px;
	}
	.our-partners .img2 {
		max-width: 133px;
	}
	.our-partners .img3 {
		max-width: 128px;
	}
	.our-partners .img4 {
		max-width: 136px;
	}
	.our-partners .img5 {
		max-width: 115px;
	}
	.our-partners .img6 {
		max-width: 164px;
	}
	.our-partners .img7 {
		max-width: 89px;
	}
	.our-partners .img8 {
		max-width: 57px;
	}
	.our-partners .img9 {
		max-width: 94px;
	}
	.home_wrap .join-section {
		padding: 115px 20px;
	}

	.home_wrap .join-section h2 {
		font-size: 28px;
		line-height: 32px;
		max-width: 370px;
	}

	.home_wrap .join-section p {
		padding: 40px 0px 51px;
		font-size: 20px;
		line-height: 35px;
		max-width: 319px;
	}

	.home_wrap .join-section a.custom-btn {
		font-size: 16px;
	}
}
@media only screen and (max-width:767px) {
	.home_wrap .custom-btn {
		font-size: 18px;
		line-height: 19px;
	}
	.home_wrap .our-partners .mobile-hide {
		display: none;
	}
	.home_wrap .hero-image .text-wrapper h1 {
		font-size: 45px;
		line-height: 41px;
	}
	.home_wrap .hero-image {
		padding-top: 177px;
		padding-bottom: 191px;
	}
	.home_wrap .hero-image .hero-bg .text-wrapper label {
		padding: 43px 0;
		font-size: 18px;
		line-height: 24px;
		max-width: 237px;
	}
	.case_study_wrap p, .case-study-numbers .box p, .featured_project_block .challenges_list ul li, .more_case_study .comment p, .more_case_study .comment .comment_info p {
		font-size: 18px;
		line-height: 24px;
	}
	.case_study_helped_section .col_2 .large_title, .case_study_wrap .large_title , .case_study_wrap .large_title, .challenges_content .green_bg .medium_title, .solution_block_section .solution_content .medium_title {
		font-size: 22px;
		line-height: 29px;
	}
	.glance_section .glance_section_container .col_1 .large_title {
		text-align: center;
	}
	.home_wrap .hero-image .text-wrapper .text-row .custom-btn {
		min-width: 200px;
		font-size: 18px;
		padding: 13.5px 10px;
	}
	.home_wrap .hero-image .hero-bg {
		background: transparent;
	}
	.home_wrap .our-work.how_it_work {
		padding-top: 103px;
		padding-bottom: 126px;
		padding-left: .9375rem;
		padding-right: .9375rem;
	}
	.home_wrap .our-work h4.highlight-text {
		font-size: 14px;
		letter-spacing: 2.8px;
	}
	body .home_wrap .our-work h2.col-md-6.col-md-offset-3 {
		padding-top: 23px;
		font-size: 22px;
		line-height: 29px;
		padding-bottom: 35px;
	}
	.home_wrap .how_it_work p {
		font-size: 18px;
		line-height: 24px;
		padding-bottom: 92px;
		max-width: 289px;
	}
	.home_wrap .step_layout_block .box {
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.home_wrap .our-work .step_container .num {
		margin-bottom: 14px;
	}
	.home_wrap .our-work .step_container .text p {
		padding-bottom: 12px;
		max-width: 205px;
		margin-bottom: 68px;
	}
	.home_wrap .our-work .step_container:after {
		content: '';
		position: absolute;
		top: 20px;
		border-left: 2px dashed #1CBA70;
		z-index: 0;
		width: 5px;
		bottom: 69px;
		left: calc(50% - 1px);
	}
	.home_wrap .hero-image {
		overflow: hidden;
	}
	.home_wrap .step_layout_block .step_container {
		position: relative;
		max-width: none;
		padding: 0px;
	}
	.home_wrap .our-work .step_container .step_box {
		background: #fff;
		z-index: 1;
		padding-top: 6px;
	}
	.home_wrap .how_it_work .custom-btn {
		margin-top: 21px;
	}
	.home_wrap .our-service {
		padding: 106px 0px 115px;
	}
	.home_wrap .our-service .highlight-text {
		font-size: 14px;
	}
	.home_wrap .our-service h2 {
		font-size: 22px;
		line-height: 29px;
		margin-bottom: 0;
	}
	.home_wrap .our-service .row .col-md-4:last-child, .home_wrap .our-service .row .col-md-4 {
		padding-top: 59px;
	}
	.home_wrap .our-service .icon-wrapper label {
		padding: 12px 0 7px;
		font-size: 18px;
		line-height: 23px;
	}
	.home_wrap .our-service .icon-wrapper p {
		font-size: 18px;
		line-height: 24px;
		max-width: 263px;
	}
	.home_wrap .project_case_study_section {
		padding-top: 100px;
	}

	.home_wrap .project_case_study_section .col_2 {
		width: 100%;
	}

	.home_wrap .project_case_study_section .row_box {
		flex-direction: column;
	}

	.home_wrap .project_case_study_section .white_bg {
		padding: 0 15px 49px;
		text-align: center;
	}

	.home_wrap .project_case_study_section .white_bg h3 {
		max-width: 275px;
		font-size: 22px;
		line-height: 29px;
	}

	.home_wrap .project_case_study_section .col_1 {
		display: none;
	}

	.home_wrap .project_case_study_section .green_bg .content-box h4 {
		font-size: 18px;
		line-height: 23px;
		text-align: center;
	}

	.home_wrap .project_case_study_section .green_bg .content-box {
		max-width: 275px;
	}

	.home_wrap .project_case_study_section .green_bg .content-box .project_info {
		text-align: center;
		margin-bottom: 66px;
	}

	.home_wrap .project_case_study_section .green_bg .content-box .custom-btn {
		margin: 0 auto;
		min-width: 200px;
	}

	.home_wrap .project_case_study_section .green_bg {
		padding: 80px 20px 85px;
	}

	.home_wrap .our-work {
		padding: 100px 0px 70px;
	}

	.home_wrap #our-work h2 + p {
		padding-bottom: 70px;
		line-height: 24px;
		font-size: 18px;
	}

	.home_wrap #our-work .image-text p {
		max-width: 231px;
		padding: 75px 10px 0px 51px !important;
	}
	.home_wrap .our-work .image-wrapper .icon-box {
		left: 51px;
	}
	.home_wrap .our-work .image-wrapper .image-box {
		margin-bottom: 25px;
	}

	.home_wrap .partner-section h4 {
		padding-bottom: 22px;
	}

	.home_wrap .partner-section {
		text-align: center;
		padding-bottom: 95px;
	}

	.home_wrap .partner-section .partner_content {
		display: block;
	}

	.home_wrap .partner-section .partner_content .title {
		margin: 0 auto 36px;
	}

	.home_wrap .partner-section .partner_content .right-text {
		margin: 0 auto;
		font-size: 18px;
		line-height: 24px;
		max-width: 275px;
	}

	.home_wrap .partner-section h3 {
		font-size: 22px;
		line-height: 29px;
	}

	.home_wrap .partner-section .title h4 {
		padding-top: 71px;
		font-size: 18px;
		line-height: 23px;
		padding-bottom: 20px;
	}

	.home_wrap .our-partners .col-md-4.col-sm-6 {
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.home_wrap .partner-section .our-partners .img1 {
		height: 72px;
		max-width: 172px;
	}

	.home_wrap .partner-section .our-partners .img2 {
		max-width: 172px;
		height: 49px;
	}

	.home_wrap .partner-section .our-partners .img3 {
		max-width: 172px;
		height: 47px;
	}

	.home_wrap .partner-section .our-partners .img8 {
		max-width: 86px;
		height: 82px;
	}

	.home_wrap .partner-section .our-partners .img9 {
		max-width: 112px;
		height: 60px;
	}
	.home_wrap .partner-section .our-partners + .title h4 {
		padding-top: 70px;
		padding-bottom: 31px;
	}

	.home_wrap .grid_faq_contact_section .row_container .faq_bg, .home_wrap .grid_faq_contact_section .row_container .contact_bg {
		display: none;
	}

	.home_wrap .grid_faq_contact_section .row_container .col_2, .home_wrap .grid_faq_contact_section .row_container .col_1 {
		width: 100%;
		text-align: center;
	}

	.home_wrap .faq_section_box:after {
		content: '';
		position: absolute;
		border: 1px solid #E4E4E4;
		top: 0;
		max-width: 273px;
		height: 1px;
		width: 100%;
		left: 50%;
		transform: translateX(-50%);
	}

	.home_wrap .faq_section_box {
		position: relative;
	}

	.home_wrap .grid_faq_contact_section .box_block {
		padding: 107px 20px 128px;
		max-width: none;
	}

	.home_wrap .highlight-text {
		margin-bottom: 22px;
	}

	.home_wrap .grid_faq_contact_section .row_container .title h3 {
		font-size: 22px;
		line-height: 29px;
		margin-bottom: 33px;
	}

	.home_wrap .grid_faq_contact_section .box_block .title {
		max-width: 294px;
		margin: 0 auto;
	}

	.home_wrap .grid_faq_contact_section .row_container .box_block .desc {
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 50px;
	}

	.home_wrap .grid_faq_contact_section .custom-btn {
		display: table;
		margin: 0 auto;
	}

	.home_wrap .contact_us {
		margin-top: 0px;
	}

	.home_wrap .contant_box {
		margin-top: 0px;
	}

	.home_wrap .contact_us .box_block {
		padding: 76px 20px 116px;
		max-width: 319px;
	}

	.home_wrap .join-section .container {
		max-width: 282px;
	}
	.home_wrap .mobile_bg.hide {
		display: block;
	}
	.home_wrap .contact_us .mobile_bg img, .project_case_study_section .mobile_bg img {
		width: 100%;
	}
	.home_wrap .faq_section_box .row_container .box_block .desc {
		max-width: 274px;
		margin: 43px auto 50px;
	}
	.home_wrap .faq_section_box .mobile_bg img {
		width: 100%;
	}
	.home_wrap .faq_section_box .mobile_bg {
		margin-left: -20px;
		margin-right: -20px;
	}
	.home_wrap .join-section h2 {
		font-size: 22px;
		line-height: 26px;
	}

	.home_wrap .join-section p {
		padding: 43px 0 53px;
		font-size: 18px;
		line-height: 24px;
	}

	.home_wrap .join-section a.custom-btn {
		min-width: 200px;
		font-size: 18px;
		line-height: 19px;
	}

	.home_wrap .join-section {
		padding: 76px 20px 100px;
	}
	.home_wrap .our-service .icon-wrapper span img {
		width: 74px;
		max-height: none;
	}
	.home_wrap .hero-image {
		background-image: url(/wp-content/themes/brook-child/images/home/767/home_hro_bg.jpg);
		background-size: cover;
		background-position: center;
	}
}
@media only screen and (max-width:767px) and (orientation: portrait) {
	.home_wrap .our-work .image-box .desktop {
		display: none;
	}
	.home_wrap .our-work .image-box .mobile_portrait {
		display: block;
	}
	.home_wrap .our-work .image-wrapper .image-box .icon-box img, .home_wrap .our-work .image-wrapper .image-box:hover .icon-box img {
		width: 27px;
	}
}
@media only screen and (max-width: 600px){
	html[lang="fr-FR"] .hero-image .text-wrapper h1{
		font-size: 36px;
		padding-right: 0px;
	}
}
/* New home page css end */


/* Supplier page css start  */
.supplier_wrap .align-center{
	align-items: center;
}
.supplier_wrap .desktop_img{
	display: block;
}
.supplier_wrap .small_desktop_img{
	display: none;
}
.supplier_wrap .ipad_img{
	display: none;	
}
.supplier_wrap .mobile_img{
	display: none;		
}
.supplier_wrap .mobile-show{
	display: none;
}
.supplier_wrap .green-text-1 {
    letter-spacing: 3.6px;
    font-size: 18px;
    font-family: GibSon-Semi-bold,Arial,sans-serif;
    text-transform: uppercase;
    text-align: center;
}
.supplier_wrap .para-center {
    font-size: 24px;
    line-height: 40px;
    text-align: center;
}
.supplier_wrap .hero-image:before{
	background-color: transparent;
	height: auto;
}
.supplier_wrap .hero-image {
	background-image: url('/wp-content/themes/brook-child/images/supplier_img/hero_bg_1920.jpg');
	background-size: cover;
	background-position: center;
	height: auto;
	min-height: 10vh;
	padding-top: 376px;
	padding-bottom: 314px;
}

.supplier_wrap .hero-image .text-wrapper {
	position: relative;
}

.supplier_wrap .hero-image .text-wrapper .text-row {
	position: relative;
	top: unset;
	transform: none;
	text-align: center;
}

.supplier_wrap .hero-image .text-wrapper h1 {
	width: auto;
	max-width: 825px;
	font-size: 42px;
	line-height: 50px;
	margin: 0 auto;
	padding-right: 0px;
}

.supplier_wrap .hero-image .hero-bg .text-wrapper label {
	font-size: 24px;
	line-height: normal;
	max-width: 747px;
	padding-top: 61px;
	padding-bottom: 92px;
	margin: 0 auto;
	font-weight: inherit;
	font-family: GibSon-Regular;
}

.supplier_wrap .hero-image .text-wrapper .text-row .custom-btn {
	margin: 0 auto;
	min-width: 345px;
	padding-left: 15px;
	padding-right: 15px;
}
.supplier_wrap .partner-section h3 {
	max-width: 398px;
	font-size: 42px;
	line-height: 48px;
}

.supplier_wrap .partner-section .partner_content .title {
	white-space: normal;
}

.supplier_wrap .partner-section .partner_content .right-text {
	max-width: 950px;
}

.supplier_wrap .testimonials_grid {
	background: #ECF0EF;
	padding: 83px 92px;
	border-radius: 15px;
	position: relative;
	border-top-left-radius: 0px;
}

.supplier_wrap .testimonials_grid + .testimonials_grid {
	margin-top: 34px;
}

.supplier_wrap .testimonials_grid .desc {
	font-size: 24px;
	line-height: 40px;
	margin-bottom: 47px;
}

.supplier_wrap .testimonials_list .testimonials_info h4 {
	padding: 0;
	font-size: 24px;
	line-height: 30px;
	letter-spacing: 0;
	color: #000000;
}

.supplier_wrap .testimonials_list .testimonials_info .green-text {
	color: #00BA70;
}

.supplier_wrap .testimonials_grid:before {
	content: '';
	width: 43px;
	height: 49px;
	top: 0;
	left: -43.5px;
	position: absolute;
	background-image: url('/wp-content/themes/brook-child/images/supplier_img/testimonials-arrow.png');
	background-size: cover;
	background-repeat: no-repeat;
}
.supplier_wrap .home_wrap .our-work{
	padding: 314px 0 360px;
}
.supplier_wrap .home_wrap .how_it_work.our-work h2.col-md-6.col-md-offset-3{
	padding-top: 76px;
    padding-bottom: 188px;	
    max-width: 438px;
}

/***** Outsource Section Start *****/
.supplier_wrap .outsource{
	padding-top: 275px;
	padding-bottom: 199px;
}

.supplier_wrap .outsource h4.highlight-text {
    margin: 0;
}
.supplier_wrap .outsource h2 {
	max-width: 570px;
	margin: 0 auto;
    color: #000000;
    padding: 76px 0px 77px;
}
.supplier_wrap .outsource p {
    color: #000000;
    max-width: 778px;
    margin: 0 auto;
}
/***** Outsource Section End *****/
/***** Advantage Section Start *****/
.supplier_wrap .advantage .advantage-image{
	max-width: 814px;
	margin-right: 70px;
}
.supplier_wrap .advantage .advantage-image img{
	width: 100%;
}
.supplier_wrap .advantage .advantage-content{
	margin-left: 9px;
}
.supplier_wrap .advantage .advantage-content .desktop-show {
    margin-top: 90px;
}
.supplier_wrap .advantage .advantage-content .col-lg-6.with-41{
	max-width: 50%;
}
.supplier_wrap .advantage .row{
	margin-left: 0;
	margin-right: 0;
}
.supplier_wrap .advantage .col-lg-6{
	padding-left: 0;
	padding-right: 0;
}
.supplier_wrap .advantage .advantage-content h2{
	font-size: 42px;
    line-height: 48px;
    max-width: 326px;
    margin-bottom: 0;
    padding-bottom: 127.31px;
    font-family: GibSon-Semi-bold,Arial,sans-serif;
}
.supplier_wrap .advantage .inner-text h3{
	max-width: 249px;
	font-size: 30px;
	line-height: 34px;
	letter-spacing: -0.6px;
	margin-bottom: 26.38px;
	font-family: GibSon-Semi-bold,Arial,sans-serif;
}
.supplier_wrap .advantage .inner-text1{
	max-width: 270px;
}
.supplier_wrap .advantage .inner-text p{
	max-width: 261px;
	font-size: 24px;
	line-height: 30px;
	padding-bottom: 98.2px;
}
.supplier_wrap .advantage .inner-text p.p-0{
	max-width: 286px;
}
/***** Advantage Section End *****/
.supplier_wrap .logistics{
	background-color: #ECF0EF;
	padding-bottom: 320px;
	padding-top: 177px;
}
.supplier_wrap .logistics_container{
	margin: 0 auto;
	max-width: 1007px;
}
.supplier_wrap .logistics .logistics_content h4.highlight-text {
    margin: 0;
	padding-bottom: 76px;
}
.supplier_wrap .logistics .logistics_content h2 {
	max-width: 679px;
	margin: 0 auto;
	padding-bottom: 77px;
}
.supplier_wrap .logistics .logistics_content p{
	max-width: 944px;
	margin: 0 auto;
    padding-bottom: 194px;
}
.supplier_wrap .logistics .right_vehicle_section{
	padding-bottom: 150px;
	display: table;
	margin: 0 auto;
}
.supplier_wrap .logistics .right_way_section{
	display: table;
	margin: 0 auto;
}
.supplier_wrap .logistics .right_vehicle_section h3{
	margin-bottom: 40px;
	font-size: 36px;
	font-family: GibSon-Semi-bold,Arial,sans-serif;
}
.supplier_wrap .logistics .right_vehicle_section p{
	font-size: 24px;
	line-height: 40px;
	max-width: 503px;
}
.supplier_wrap .right_vehicle_section .row, .supplier_wrap .right_way_section .row{
	margin: 0;
}
.supplier_wrap .right_vehicle_section .col-1{
	margin-right: 157px;
}
.supplier_wrap .logistics .right_way_section h3{
	margin-bottom: 40px;
	font-size: 36px;
	font-family: GibSon-Semi-bold,Arial,sans-serif;
}
.supplier_wrap .logistics .right_way_section p{
	font-size: 24px;
	line-height: 40px;
	max-width: 503px;
}
.supplier_wrap .logistics .right_way_section img{
	float: right;
}
.supplier_wrap .right_way_section .col-1{
	margin-right: 157px;
}
.supplier_wrap .logistics .custom-btn {
    background: var(--green);
    color: #fff;
    min-width: 344px;
    font-size: 25px;
    line-height: 30px;
    margin: 205px auto 0;
}
.supplier_wrap .logistics .custom-btn:hover {
	background: #ecf0ef;
    color: var(--green);
}
.supplier_wrap .home_wrap .partner-section {
	padding: 274px 141px 250px 140px;
}
.supplier_wrap .medium-title {
	font-size: 42px;
	line-height: 48px;
	text-align: center;
	font-family: GibSon-Semi-bold,Arial,sans-serif;
}
.faq__section_wrap .faq_content .highlight-text {
	text-align: center;
	letter-spacing: 3.6px;
	font-size: 18px;
	font-family: GibSon-Semi-bold,Arial,sans-serif;
	text-transform: uppercase;
	text-align: center;
}
.faq__section_wrap .faq_container{
	max-width: 1363px;
	margin: 0 auto;
	padding-bottom: 357px;
}
.faq__section_wrap .faq_content h4{
	margin-bottom: 76px;
}
.faq__section_wrap .faq_content h2{
	margin-bottom: 219px;
}
.faq__section_wrap .question-answer {
    position: relative;
    border-bottom: 1px solid #E4E4E4;
}

.faq__section_wrap .question-answer h3{
	margin-bottom: 0;
    padding-top: 24px;
    padding-bottom: 37.5px;
    font-size: 30px;
    line-height: 44px;
    font-family: GibSon-Semi-bold,Arial,sans-serif;
    position: relative;
    padding-right: 46px;
}

.faq__section_wrap .question-answer h3::after {
    position: absolute;
    content: "+";
    line-height: 36px;
    right: 0;
    font-size: 42px;
    color: #0FB96B;
    font-family: GibSon-Regular,Arial,sans-serif;
    letter-spacing: 2.94px;
	min-width: 36px;
	text-align: center;
	top: 50%;
    transform: translateY(-50%);
}

.faq__section_wrap .question-answer h3.active::after {
   position: absolute;
    content: "-";
    line-height: 36px;
    right: 0;
    font-size: 42px;
    color: #0FB96B;
    font-family: GibSon-Regular,Arial,sans-serif;
    letter-spacing: 2.94px;
    top: 50%;
    transform: translateY(-50%);
}
.faq__section_wrap .question-answer p{
	font-size: 24px;
    line-height: 36px;
    margin-bottom: 68.63px;
    margin-top: 30.13px;
}
.faq__section_wrap .answer{
	display: none;
}
.faq__section_wrap .active{
	color: #0FB96B;
}
.faq__section_wrap h3.collapsible.after-none::after {
    content: "";
}

.supplier_wrap .contact_us .lanscaper_contact_bg {
	background-image: url(/wp-content/themes/brook-child/images/supplier_img/contact_us_1920.jpg);
	background-size: cover;
	background-position: center;
}
.supplier_wrap .case_study_wrap .grid_faq_contact_section .row_container .col_2 {
    width: 57.173%;
}
.supplier_wrap .case_study_wrap .grid_faq_contact_section .row_container .col_1 {
    width: 42.827%;
}

.supplier_wrap .case_study_wrap .contact_us .box_block .large_title{
	margin-top: 71px;
	margin-bottom: 66px;
}
.supplier_wrap .case_study_wrap p{
	margin-bottom: 77.89px;	
}
.supplier_wrap .advantage .inner-text p.p-0 {
    padding-bottom: 0;
}
@media only screen and (max-width: 1500px){
	.supplier_wrap .hero-image{
		padding-top: 300px;
    	padding-bottom: 220px;
	}
	.supplier_wrap .advantage .advantage-content h2{
		padding-bottom: 80px;
	}
	.supplier_wrap .advantage .advantage-content .desktop-show {
    	margin-top: 40px;
	}
	.supplier_wrap .home_wrap .our-work {
    	padding: 280px 0 280px;
	}
	.supplier_wrap .logistics {
		padding-bottom: 240px;
	}
	.supplier_wrap .home_wrap .partner-section {
    	padding: 200px 100px 250px 100px;	
	}
	.supplier_wrap .partner-section .partner_content .right-text {
    	max-width: 810px;
	}
	.faq__section_wrap .faq_container {
    	max-width: 1007px;
	    margin: 0 auto;
	}
}
@media only screen and (max-width: 1400px){
	.home_wrap .partner-section h4 {
    	padding-bottom: 44px;
	}
    .supplier_wrap .home_wrap .partner-section {
        padding: 230px 138px 0;
    }
    .home_wrap .partner-section .partner_content .title {
        white-space: normal;
        max-width: 339px;
    }
    
    .supplier_wrap .testimonials_grid .testimonials_info {
	    max-width: 340px;
	}
    .supplier_wrap .testimonials_grid {
        padding: 60px 65px 49px;
    }
    .supplier_wrap .testimonials_grid .desc {
        max-width:440px;
    }
    .faq__section_wrap {
	    padding-top: 288px;
	}
	.faq__section_wrap .faq_container {
	    max-width: 865.68px;
	    margin: 0 auto;
	    padding-bottom: 330px;
	}
	
}

@media only screen and (max-width:1280px) {
	.supplier_wrap .hero-image .text-wrapper .text-row .custom-btn{
		padding: 13px 15px;
	}
	.supplier_wrap .desktop_img{
		display: none;
	}
	.supplier_wrap .small_desktop_img{
		display: block;
	}
	.supplier_wrap .medium-title {
	    font-size: 40px;
	    line-height: 45px;
	}
	.supplier_wrap .hero-image {
	    background-image: url(/wp-content/themes/brook-child/images/supplier_img/hero_bg_1280.jpg);
	    height: auto;
	    min-height: 10vh;
	    padding-top: 304px;
	    padding-bottom: 233px;
	}
	.supplier_wrap .hero-image .hero-bg .text-wrapper label {
	    padding-top: 42px;
	    padding-bottom: 55px;
	}
	.supplier_wrap .advantage .advantage-content{
		margin-left: 20px;
	}
	.supplier_wrap .advantage .advantage-image {
    	max-width: 546px;
    	margin-right: 0;
	}
	.supplier_wrap .advantage .advantage-content .desktop-show{
		margin-top: 80px;
	}
	.supplier_wrap .advantage .col-lg-6.small-col {
    	max-width: 50%;
	}
	.supplier_wrap .advantage .col-lg-6.small-col1 {
    	max-width: 50%;
	}
	.supplier_wrap .advantage .col-lg-6.margin-l{
		padding-left: 20px;
	}
	.supplier_wrap .advantage .advantage-content h2{
		font-size: 40px;
		line-height: 45px;
		max-width: 300px;
		padding-bottom: 80px;
	}
	.supplier_wrap .advantage .inner-text.inner-text01 h3{
		max-width: 233px;
	}
	.supplier_wrap .advantage .inner-text h3{
		font-size: 25px;
		line-height: 28px;
		max-width: 180px;	
		letter-spacing: -0.5px;
		margin-bottom: 20px;
	}
	.supplier_wrap .advantage .inner-text p{
		padding-bottom: 60px;
		max-width: 222px;
	}
	.supplier_wrap .advantage .inner-text p.p-0{
		padding-bottom: 0;	
		max-width: 240px;
	}
	.supplier_wrap .logistics {
		padding-top: 170px;
    	padding-bottom: 200px;
	}
	.supplier_wrap .home_wrap .our-work {
    	padding: 200px 0 200px;
	}
	.supplier_wrap .home_wrap .how_it_work.our-work h2.col-md-6.col-md-offset-3 {
	    padding-top: 50px;
	    padding-bottom: 140px;
	}
	.supplier_wrap .home_wrap .our-work .step_container .text p {
    	max-width: 260px;
    	padding-bottom: 154px;
	}
	.supplier_wrap .home_wrap .our-work .step_container .box-w p{
		max-width: 256px; 
	}
	.supplier_wrap .home_wrap .our-work .step_container .text.padding-0 p{
    	padding-bottom: 0;
	}

	.supplier_wrap .logistics .logistics_content h4.highlight-text{
		padding-bottom: 50px;
	}	
	.supplier_wrap .logistics .logistics_content h2{
		padding-bottom: 63px;
	}
	.supplier_wrap .logistics .logistics_content p{
		padding-bottom: 143px; 
		max-width: 608px;
	}
	.supplier_wrap .logistics .right_vehicle_section h3, .supplier_wrap  .logistics .right_way_section h3{
		font-size: 25px;
		line-height: 34px;
	}
	.supplier_wrap .logistics .right_vehicle_section p, .supplier_wrap  .logistics .right_way_section p{
		max-width: 431px;
	}
	.supplier_wrap .logistics .right_vehicle_section{
		padding-bottom: 99px;
		display: table;
		margin: 0 auto;
	}
	.supplier_wrap .logistics .right_way_section{ 
		display: table;
		margin: 0 auto;
	}
	.supplier_wrap .right_vehicle_section .col-1, .supplier_wrap .right_way_section .col-1{
		margin-right: 99px;
	}
	.supplier_wrap .home_wrap .partner-section {
	    padding: 200px 138px 0;
	}
	
	.supplier_wrap .testimonials_grid{
		padding: 60px 65px 49px;
    	max-width: 535px;
	}
	.supplier_wrap .testimonials_grid .testimonials_info{
		max-width: 340px;
	}
	.faq__section_wrap {
    	padding-top: 230px;
	}
	.faq__section_wrap .faq_container {
	    max-width: 865.68px;
	    margin: 0 auto;
	    padding-bottom: 230px;
	}
	.faq__section_wrap .question-answer h3::after {
	    font-size: 40px;
	    letter-spacing: 2.8px;
	}
	.faq__section_wrap .faq_content h4 {
    	margin-bottom: 50px;
	}
	.faq__section_wrap .faq_content h2 {
	    max-width: 498px;
    	margin: 0 auto 176.5px;
	}
	.faq__section_wrap .question-answer h3{
		font-size: 25px;
		line-height: 28px;
		padding-top: 34.5px;	
	    padding-bottom: 42px;
	}
	.faq__section_wrap .question-answer p {
  	    margin-bottom: 32.63px;
    	margin-top: 30px;
	}
	.supplier_wrap .outsource {
    	padding-top: 162px;
	    padding-bottom: 220px;
	}
	.supplier_wrap .outsource h2{
		font-size: 40px;
		line-height: 45px;
		padding: 50px 0px 63px;
	}
	.supplier_wrap .outsource p{
		max-width: 770px;
	}
	.supplier_wrap .case_study_wrap .grid_faq_contact_section .row_container .col_1 {
    	width: 43.23%;
	}
	.supplier_wrap .case_study_wrap .grid_faq_contact_section .row_container .col_2 {
    	width: 56.77%;
	}
	.supplier_wrap .case_study_wrap .contact_us .box_block .large_title {
	    margin-top: 44px;
	    margin-bottom: 44px;
	    font-size: 42px;
	}
	.supplier_wrap .case_study_wrap p {
    	margin-bottom: 54px;
    	max-width: 333px;
	}
	.supplier_wrap .case_study_wrap .contact_us .box_block{
		padding: 116px 0 156px 112px;
	    max-width: 687px;
	    margin: 0;
	}
	.supplier_wrap .case_study_wrap .grid_faq_contact_section .custom-btn{
		padding: 16.5px 10px;
	}
}
@media only screen and (max-width: 1024px){

	.supplier_wrap .testimonials_grid:before {
		width: 32px;
	    height: 40px;
	    left: -30.5px;
	}
	.supplier_wrap .testimonials_grid {
	    padding: 50px 46px 48px;
	}
	.supplier_wrap .partner-section h3 {
		font-size: 35px;
	}
	.supplier_wrap .home_wrap .partner-section {
		padding: 230px 128px 0;
	}
	.supplier_wrap .case_study_wrap .contact_us .box_block {
	    padding: 116px 0 155px 50px;
	}
}
@media only screen and (max-width: 991px) {
	.supplier_wrap .small_desktop_img{
		display: none;
	}
	.supplier_wrap .ipad_img{
		display: block;	
	}
	.supplier_wrap .green-text-1 {
	    letter-spacing: 3px;
	    font-size: 15px;
	}
	.supplier_wrap .medium-title {
	    font-size: 28px;
	    line-height: 32px;
	}
	.supplier_wrap .para-center {
	    font-size: 20px;
	    line-height: 35px;
	}
	.supplier_wrap .hero-image .text-wrapper .text-row .custom-btn {
	    min-width: 302px;
	    padding: 12px;
	}
	.supplier_wrap .hero-image {
	    background-image: url(/wp-content/themes/brook-child/images/supplier_img/hero_bg_768.jpg);
	    padding-top: 342px;
	    padding-bottom: 321px;
	}
	.supplier_wrap .hero-image .text-wrapper .text-row h1 {
	    max-width: 548px;
	}
	.supplier_wrap .hero-image .hero-bg .text-wrapper label {
	    padding-top: 42px;
	    padding-bottom: 74px;
	    max-width: 331px;
	    font-size: 20px;
	    line-height: 35px;
	}
	.supplier_wrap 	.advantage .advantage-image img{
		height: 735px;
	}
	.supplier_wrap .advantage .advantage-image{
		max-width: 314px;
    	height: 735px;
	}
	.supplier_wrap .advantage .advantage-content .col-lg-6.with-41{
		max-width: 100%;
    	margin-right: 23px;
	}
	.supplier_wrap .advantage .col-lg-6.small-col{
		padding-right: 0;
		max-width: 40.887%;
	}
	.supplier_wrap .advantage .col-lg-6.small-col1{
		max-width: 50%;
    	flex: 0 0 50%;
	}
	.supplier_wrap .advantage .advantage-content {
    	margin-left: 70px;
	}
	.supplier_wrap .advantage .col-lg-6.margin-l {
    	padding-left: 0;
    }
    .supplier_wrap .advantage .advantage-content .desktop-show{
    	margin-top: 23px;
    }
   	.supplier_wrap .advantage .advantage-content h2{
   		font-size: 28px;
	    line-height: 32px;
	    max-width: 296px;
	    padding-bottom: 50px;
   	}
   	.supplier_wrap .advantage .inner-text.inner-text01 h3 {
    	max-width: 255px;
	}
	.supplier_wrap .advantage .inner-text h3 {
	    max-width: 296px;
	    font-size: 22px;
	    line-height: 24px;
	    letter-spacing: -0.44px;
	    margin-bottom: 15px;
	}
	.supplier_wrap .advantage .inner-text p {
	    max-width: 262px;
	    font-size: 20px;
	    line-height: 26px;
	    padding-bottom: 40px;
	}
	.supplier_wrap .advantage .inner-text p.p-0{
		padding-bottom: 40px;	
	}
	.supplier_wrap .advantage .inner-text p.p-01{
		padding-bottom: 0;	
	}
	.supplier_wrap .outsource {
		padding-top: 166px;
	    padding-bottom: 170px;
	}
	.supplier_wrap .outsource h2{
	    font-size: 28px;
    	line-height: 32px;
    	padding: 32px 0 42px;
    	max-width: 345px;
	}
	.supplier_wrap .outsource p {
		font-size: 20px;
    	line-height: 35px;
	    max-width: 400px;
	    margin: 0 auto;
	}
	.supplier_wrap .home_wrap .our-work {
    	padding: 167px 0 230px;
	}
	.supplier_wrap .home_wrap .how_it_work.our-work h2.col-md-6.col-md-offset-3 {
	    padding-top: 32px;
	    padding-bottom: 116px;
	    max-width: 345px;
	}
	.supplier_wrap .home_wrap .our-work .step_container .text p {
	    max-width: 210px;
	    padding-bottom: 113px;
		font-size: 20px;
		line-height: 25px;
	}
	.supplier_wrap .home_wrap .our-work .step_container .box-w p {
	    max-width: 192px;
	}
	.supplier_wrap .home_wrap .our-work .step_container .box-w-tab p{
		max-width: 170px;		
	}
	.supplier_wrap .logistics {
    	padding-top: 131px;
 	   padding-bottom: 162px;
	}
	.supplier_wrap .logistics .logistics_content h2 {
    	max-width: 417px;
	    padding-bottom: 42px;
	}
	.supplier_wrap .logistics .logistics_content h4.highlight-text{
		padding-bottom: 32px;
	}
	.supplier_wrap .logistics .logistics_content p {
	    max-width: 417px;
	    padding-bottom: 90px;
	}
	.supplier_wrap .logistics .right_vehicle_section {
    	padding-bottom: 90px;
	}
	.supplier_wrap .right_vehicle_section .col-1, .right_vehicle_section .col-2{
		margin: 0 auto;
	}
	.supplier_wrap .logistics .right_vehicle_section h3, .supplier_wrap .logistics .right_way_section h3{
	    text-align: center;
	    margin-bottom: 22px;
	    margin-top: 70px;
	    font-size: 22px;
	    line-height: 30px;
	}
	.supplier_wrap .logistics .right_vehicle_section p, .supplier_wrap .logistics .right_way_section p{
	    font-size: 20px;
	    line-height: 35px;
	    max-width: 417px;
	    text-align: center;
	}
	.supplier_wrap .logistics .right_way_section p {
	    max-width: 376px;
	}
	.supplier_wrap .logistics .custom-btn{
	    min-width: 302px;
	    padding: 8.5px;
	    font-size:18px;
	}
	.supplier_wrap .right_way_section .row{
		flex-direction: column;
	}
	.supplier_wrap .logistics .custom-btn{
		margin: 100px auto 0;
	}
	.supplier_wrap .right_way_section .col-1, .supplier_wrap .right_way_section .col-2{
		margin: 0 auto;
	}
	.supplier_wrap .logistics .right_way_section .col-2 {
	    order: 1;
	}
	.supplier_wrap .logistics .right_way_section .col-1 {
	    order: 2;
	}

	/*partner-section*/
	.supplier_wrap .home_wrap .partner-section{
		padding-top: 200px;
	}
	.home_wrap .partner-section .partner_content {
	    display: block;
	}
	.home_wrap .partner-section .partner_content .title {
	    max-width: 325px;
	    margin: 0 auto;
	    text-align: center;
	    
	}
	.home_wrap .highlight-text {
	    text-align: center;
	    padding-bottom: 32px!important;
	}
	.supplier_wrap .partner-section h3 {
	    font-size: 28px;
	    line-height: 32px;
	    max-width: 298px;
	}
	.home_wrap .partner-section .partner_content .right-text {
	    padding-top: 100px;
	}
	.supplier_wrap .testimonials_grid .desc {
	    font-size: 20px;
	    line-height: 35px;
	    margin-bottom: 40px;
	    max-width: 338px;
	}
	.supplier_wrap .testimonials_list .testimonials_info h4 {
	    font-size: 20px;
	    line-height: 35px;
	}
	.supplier_wrap .testimonials_grid:before{
		width: 30px;
    	height: 40px;
    	left: -28.5px;
	}
	.supplier_wrap .testimonials_grid {
	    padding: 60px 65px 60px 65px;
	    max-width: 470px;
	    margin: 0 auto;
	}
	/*faq-section*/
	.faq__section_wrap {
	    padding-top: 205px;
	}

	.faq__section_wrap .faq_content .highlight-text {
	    font-size: 15px;
	    line-height: 39px;
	    margin-bottom: 32px;
	}

	.faq__section_wrap .faq_content h2 {
	    margin: 0 auto 103px;
	    max-width: 417px;
	}
	.faq__section_wrap .faq_container {
	    max-width: 659px;
	    margin: 0 auto;
	    padding-bottom: 190px;
	    padding-left: 50px;
	    padding-right: 50px;
	}

	.faq__section_wrap .question-answer h3::after {
	    line-height: 32px;
	    font-size: 28px;
	    min-width: auto;
	}

	.faq__section_wrap .question-answer h3 {
	    font-size: 22px;
	    line-height: 24px;
	    max-width: 557px;
	    position: relative;
	}

	.faq__section_wrap .question-answer p {
	    margin-bottom: 10px;
	    margin-top: 0;
	    font-size: 20px;
	    line-height: 30px;
	    max-width: 421px;
	}
	.faq__section_wrap .question-answer h3.active {
	    padding-bottom: 26.63px;
	}
	.supplier_wrap .case_study_wrap .contact_us .box_block {
		padding-top: 82px;
		padding-left: 80px;
		padding-right: 63px;
		padding-bottom: 84px;
	}

	.supplier_wrap .case_study_wrap .contact_us .box_block .large_title {
		font-size: 28px;
		line-height: 32px;
		max-width: 240px;
		margin-top: 27px;
	    margin-bottom: 27px;
	}

	.supplier_wrap .case_study_wrap p {
		margin-bottom: 37px;
	    max-width: 249px;
	}

	.supplier_wrap .case_study_wrap .grid_faq_contact_section .row_container .col_2 {
		width: 49%;
	}

	.supplier_wrap .case_study_wrap .grid_faq_contact_section .row_container .col_1 {
		width: 51%;
	}

	.supplier_wrap .case_study_wrap .grid_faq_contact_section .custom-btn {
		padding: 12.5px 10px;
	}
}
@media only screen and (max-width: 767px){
    .supplier_wrap .hero-image .hero-bg{
       background-image:none;
   	}
    .supplier_wrap .home_wrap .our-work {
	    padding: 146px 0 140px;
	}
	.supplier_wrap .home_wrap .how_it_work.our-work h2.col-md-6.col-md-offset-3 {
	    padding-top: 33px;
	    padding-bottom: 97px;
	    max-width: 230px;
	}
	 .supplier_wrap .home_wrap .our-work .step_container .text p {
	    max-width: 180px;
	    padding-bottom: 22px;
	    font-size: 18px;
	    line-height: 23px;
	}
	.supplier_wrap .home_wrap .step_container .row{
		margin-left: 0;
		margin-right: 0;
	}
	 .supplier_wrap .home_wrap .our-work .step_container .box-w p {
	    padding-bottom: 22px!important;
	}
	    .supplier_wrap .home_wrap .our-work .step_container .box-w-tab p {
	    max-width: 204px;
	}
	    .supplier_wrap .home_wrap .our-work .step_container .text.mob-margin p {
	    margin-bottom: 0;
	}
    .supplier_wrap .testimonials_grid .desc,.supplier_wrap .testimonials_grid .testimonials_info{
        text-align:left;
    }
    .faq__section_wrap .question-answer h3 {
	    font-size: 22px;
	    line-height: 24px;
	    max-width: 557px!important;
	    position: relative;
	}
	.supplier_wrap .testimonials_grid{
		max-width: 344px;
	}
	.blog-section .blog-detail a label span:before {
		font-size: 17px;
		top: -3px;
	}
    
}

@media only screen and (max-width: 560px) {
	.supplier_wrap .ipad_img{
		display: none;	
	}
	.supplier_wrap .mobile_img{
		display: block;		
	}
	.supplier_wrap .mobile-show{
		display: block;
	}
	.supplier_wrap .advantage .advantage-container {
	    max-width: 375px;
	    margin-left: auto;
	    margin-right: auto;
	    border-bottom: none;
	}
	.supplier_wrap .advantage .col-lg-6.small-col{
		padding-right: 0;
		max-width: 100%; 
	}
	.supplier_wrap .advantage .advantage-image img{
		height: auto;
	}
	.supplier_wrap .advantage .col-lg-6.small-col1 {
        max-width: 100%;
        flex: initial;
	}
	.supplier_wrap .advantage .advantage-content {
    	margin-left: 0;
	}
	.supplier_wrap .advantage .advantage-content .col-lg-6.with-41{
		margin-right: 0;
	}
	.supplier_wrap .advantage .inner-text1{
		margin: 0 auto;
	}
	.supplier_wrap .advantage .mobile-show {
	    /* border-top: 1px solid #E4E4E4; */
	    max-width: 279px;
	    margin: 0 auto;
	}
	.supplier_wrap .advantage .advantage-image {
	    max-width: 375px;
	    height: auto;
	    margin: 0 auto 50px;
	}
	.supplier_wrap .advantage .mobile-show h2{
		font-size: 22px;
	    line-height: 26px;
	    text-align: center;
	    padding-bottom: 43px;
	    margin-bottom: 0;
	    font-family: GibSon-Semi-bold,Arial,sans-serif;
	}
	.supplier_wrap .advantage .inner-text h3 {
		text-align: center;
	    max-width: 168px;
	    margin: 0 auto 15px;
	    font-size: 22px;
	    line-height: 19px;
	    letter-spacing: -0.32px;
	}
	.supplier_wrap .advantage .inner-text01 h3 {
    	max-width: 177px;
	}
	.supplier_wrap .advantage .inner-text p {
	    max-width: 189px;
	    font-size: 18px;
	    line-height: 20px;
	    padding-bottom: 40px;
	    text-align: center;
	    margin: 0 auto;
	}
	.supplier_wrap .outsource {
    	padding-top: 76px;	
    	padding-bottom: 77px;	
	}
	.supplier_wrap .outsource h2 {
	    max-width: 216px;
	    margin: 0 auto;
	    color: #000000;
	    padding: 32px 0px 42px;
	    font-size: 22px;
	    line-height: 26px;
	}
	.supplier_wrap .outsource p {
		font-size: 18px;
	    line-height: 20px;
	    color: #000000;
	    max-width: 283px;
	    margin: 0 auto;
	}
	.supplier_wrap .logistics {
    	padding-top: 101px;
    	padding-bottom: 88px;
	}
	.supplier_wrap .logistics .logistics_content h4.highlight-text {
	    margin: 0;
	}
	.supplier_wrap .logistics .logistics_content h2 {
	    max-width: 266px;
	    padding-bottom: 43px;
	    font-size: 22px;
	    line-height: 29px;
	}
	.supplier_wrap .logistics .logistics_content p {
		font-size: 18px;
		line-height: 24px;
    	max-width: 274px;
	    padding-bottom: 73px;
	}
	.supplier_wrap .logistics .right_vehicle_section {
    	padding-bottom: 55px;
	}
	.supplier_wrap .logistics .right_vehicle_section h3, .supplier_wrap .logistics .right_way_section h3{
		font-size: 22px;
    	line-height: 24px;
    	margin-bottom: 15px;
    	margin-top: 55px
	}
	.supplier_wrap .logistics .right_vehicle_section p, .supplier_wrap .logistics .right_way_section p {
	    font-size: 18px;
	    line-height: 24px;
	    max-width: 260px;
	    text-align: center;
	}
	/*Hero-section*/
	.supplier_wrap .hero-image .hero-bg {
	    background-image: none;
	}
	.supplier_wrap .hero-image {
	    background-image: url(/wp-content/themes/brook-child/images/supplier_img/hero_bg_375.jpg);
	    padding-top: 238px;
	    padding-bottom: 319px;
	}
	.supplier_wrap .hero-image .text-wrapper .text-row h1 {
	    font-size: 22px;
	    line-height: 28px;
	    max-width: 245px;
	}
	.supplier_wrap .hero-image .hero-bg .text-wrapper label {
	    font-size: 18px;
	    line-height: 20px;
	    max-width: 237px;
	    padding-top: 42px;
	    padding-bottom: 41px;
	}
	.supplier_wrap .hero-image .text-wrapper .text-row .custom-btn {    
		min-width: 200px;
	    font-size: 18px;
	    line-height: 19px;
	    padding: 14px;
	}
	/*outsource-section*/
	.supplier_wrap .outsource h4.highlight-text {
	    font-size: 14px;
	}
	.supplier_wrap .outsource h2 {
	    font-size: 22px;
	    line-height: 26px;
	    max-width: 176px;
	    padding: 32px 0px 43px;
	}
	.supplier_wrap .outsource {
	    padding-top: 77px;
	    padding-bottom: 77px;
	}
	/*Advantage Section Start */
	.supplier_wrap .advantage .advantage-content h2 {
		display: none;
	}
	.supplier_wrap .advantage .advantage-content .desktop-show {
		margin: 0;
	}
	.supplier_wrap .advantage .inner-text.inner-text01 h3 {
		max-width: 182px;
	}
	.supplier_wrap .advantage .inner-text h3 {
		max-width: 168px;
	}
	.supplier_wrap .advantage .inner-text p {
		max-width: 196px;
	}
	.supplier_wrap .advantage .inner-text p.p-0 {
		max-width: 207px;
	}
	.supplier_wrap .home_wrap .our-work {
		padding: 146px 0 140px;
	}

	/*How it Work -Section*/
	
	.home_wrap .our-work h4.highlight-text {
		padding: 0 !important;
	}
	.supplier_wrap .home_wrap .how_it_work.our-work h2.col-md-6.col-md-offset-3 {
		padding-top: 33px;
		padding-bottom: 97px;
		max-width: 230px;
	}
	.home_wrap .our-work .step_container span {
		font-size: 16px;
	}
	.home_wrap .our-work .step_container .num {
		margin-bottom: 22px;
	}
	.supplier_wrap .home_wrap .our-work .step_container .text p {
		max-width: 180px;
	    padding-bottom: 22px;
	    font-size: 18px;
	    line-height: 23px;
	}
	.supplier_wrap .home_wrap .our-work .step_container .box-w-tab p {
		max-width: 204px;
	}
	.supplier_wrap .home_wrap .our-work .step_container .box-w p {
		padding-bottom: 22px!important;
	}
	.supplier_wrap .home_wrap .our-work .step_container .text.mob-margin p {
		margin-bottom: 0;
	}

	/*logistics section start*/
	.supplier_wrap .logistics .logistics_content h4.highlight-text {
		font-size: 14px;
		letter-spacing: 2.8px;
	}
	.supplier_wrap .logistics {
		padding-bottom: 64px;
	}
	.supplier_wrap .logistics .custom-btn{
	    min-width: 200px;
	    font-size: 18px;
	    line-height: 19px;
	    padding: 14px;
	    margin-top: 64px;
	}

	/*partner-section*/
	.home_wrap .partner-section .partner_content .title {
	    max-width: 300px;
	    text-align: center;
	}

	.supplier_wrap .home_wrap .partner-section {
		padding-right: 41px;
		padding-top: 100px;
		padding-bottom: 140px;
		padding-left: 42px;
	}
	.home_wrap .partner-section h4 {
		font-size: 18px;
		line-height: 19px;
		padding-bottom: 33px!important;
	}
	.supplier_wrap .partner-section h3 {
		font-size: 22px;
		line-height: 29px;
	}
	.home_wrap .partner-section .partner_content .right-text {
		padding-top: 43px;
	}
	.home_wrap .grid_faq_contact_section .row_container .title h3 {
		max-width: 267px;
		margin-left: auto;
		margin-right: auto;
	}
	.supplier_wrap .testimonials_grid {
		padding: 32px 29px 32px;
    	max-width: 292px;
	}
	.supplier_wrap .testimonials_grid:before{
		width: 28px;
    	height: 38px;
    	left: -26.5px;
	}
	.supplier_wrap .testimonials_grid .desc {
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 33px;
		text-align: left;

	}
	.supplier_wrap .testimonials_list .testimonials_info h4 {
		font-size: 18px;
		line-height: 24px;
		padding-bottom: 0!important;
		text-align: left;
	}

	/*faq__section*/
	.faq__section_wrap .faq_container{
		padding-left: 0;
		padding-right: 0;
	}
	.faq__section_wrap .question-answer h3.active::after{
		font-size: 22px;
	}
	.faq__section_wrap {
		padding-top: 0;
	}
	.faq__section_wrap .faq_content h2 {
		font-size: 22px;
		margin: 0 auto 74px;
	}
	.faq__section_wrap .faq_container .faq_qa {
		margin-left: 55px;
		margin-right: 54px;
	}
	.faq__section_wrap .question-answer h3 {
		font-size: 18px;
		line-height: 19px;
		padding-top: 27.5px;
	    padding-bottom: 27.5px;
	    max-width: 263px;
	    position: relative;
	}

	.faq__section_wrap .question-answer h3::after{
	    font-size: 22px;
	    line-height: 32px;
	}

	.faq__section_wrap .question-answer h3.border-none {
		padding-top: 0;
	}

	.faq__section_wrap .question-answer p {
		font-size: 18px;
		line-height: 28px;
		max-width: 219px;
		margin-top: 0;
	}

	.faq__section_wrap .faq_container {
		padding-bottom: 128.5px;
	}
	.supplier_wrap .case_study_wrap .grid_faq_contact_section .row_container .col_1 {
		width: 100%;
	}
	.supplier_wrap .case_study_wrap .grid_faq_contact_section .custom-btn {
		min-width: 200px;
		font-size: 18px;
		line-height: 19px;
		padding: 14px;
	}

	/*case_study section*/
	.supplier_wrap .case_study_wrap .contact_us .box_block .large_title {
		margin: 0 auto;
		margin-top: 45px;
		margin-bottom: 43px;
		max-width: 262px;
		font-size: 22px;
		line-height: 26px;
	}
	.supplier_wrap .case_study_wrap .contact_us .box_block {
		padding-top: 76px;
	    padding-left: 51px;
	    padding-right: 50px;
	    padding-bottom: 90px;
	}
	.supplier_wrap .case_study_wrap p {
		margin: 0 auto;
		padding-bottom: 53px;
	}
}