/*-------- Hyperslice Sustainability Gaurav Navbar section -------- */
#webNavbar {width: 100%; float: left;}
#webNavbar .banner--bottom-space { margin-bottom: 0!important; }
.logo__color {fill: #fff;}
.scroll-up .site-navbar .logo__color {fill: #2b5f8c;}
.scroll-up .site-navbar .btn__text {color: #09dddd;}

/*-------- Header section -------- */
.clearfix {clear: both;}
#headerSust { width: 100%; float:left; background: linear-gradient(-90deg, #266395 .03%, #1e80b3 53.66%, #2278a9 67.72%, #2a5f8c); display: flex; flex-wrap: wrap;  position: relative;  }
#headerSust .container-fluid {max-width: 85% !important;}
#headerSust img {width: 100%; height: auto; margin: 13% 0;}
#headerSust h3 {font-size: 45px; color:#fff; font-weight: 700; line-height: 60px; text-transform: uppercase; margin: 25% 0 10px 0;}
#headerSust h3 span {font-size: 45px; font-weight: 200; }
#headerSust h4 {font-size: 45px; color:#fff; font-weight: 700; line-height: 60px; text-transform: uppercase; margin: 2% 0 10px 0;}
#headerSust h4 span {font-size: 45px; color:#56cbd0;display: block;}
#headerSust p {font-size: 24px; color: hsla(0,0%,100%,.72); font-weight: 300; line-height: 35px;}
#headerSust p strong {font-size: 30px; color: hsla(0,0%,100%,.72); font-weight: 500; line-height: 40px;}
#headerSust .btn--primary:not(.btn--outline):before {z-index: -1; background: linear-gradient(90deg, #03b5cd, #1be4e4)}
#headerSust .btn--primary:not(.btn--outline):after {background: linear-gradient(90deg, #0babc0, #0fcece); z-index: -2}
#headerSust .btn--primary:not(.btn--outline):hover {background: none!important}
#headerSust .btn--primary:not(.btn--outline):hover:after {background: linear-gradient(90deg, #0babc0, #0fcece)
}
#headerSust .btn--primary:not(.btn--outline):hover:before {opacity: 0}
 
/*-------- Sustainability Information Section -------- */
#sustSection {width: 100%; float: left; background: #fff; padding: 80px 0; font-size: 18px; color: #000000; line-height: 30px; font-weight: 500;} 
#sustSection img {width: 100%; height:auto;}
#sustSection h2 {font-size: 38px; font-weight: 700; line-height: 48px; color: #274864; margin: 0 0 20px 0;}
.sustInfo {width: 100%; float:left; background: #f3f9ee; border: 1px solid #cfe6be; padding: 30px; color: #4f5b64; font-size: 18px; font-weight: 600; line-height: 32px; margin: 10px 0 25px 0;}
#sustSection .col-sm-6:nth-child(2) {padding: 0 0 0 6%;}
#sustSection p {color: #6a757e; font-size: 18px; font-weight: 300; line-height: 32px;}

/*-------- Sustainable ISO 14001 certified  Section -------- */
#certifiedSec1 {width: 100%; float: left; background: #f3fafa; padding: 80px 0; font-size: 18px; color: #000000; line-height: 30px; font-weight: 500;} 
#certifiedSec1 h5 {font-size: 45px; font-weight: 700; line-height: 48px; color: #274864; text-transform: uppercase; line-height: 60px; margin: 0 0 5px 0; text-align: center;}
#certifiedSec1 h5 span {font-size: 45px; font-weight: 300; line-height: 48px; color: #274864;}
#certifiedSec1 h6 {text-align: center;  font-size: 30px; font-weight: 700; line-height: 48px; color: #274864; margin: 0 0 10px 0;  }
#certifiedSec1 p {text-align: center; font-size: 18px; line-height: 30px; margin: 0 0 30px 0;}
#certifiedSec1 ul {padding: 0; margin: 0;}
#certifiedSec1 li {display: block; 
background: #feffff; /* Old browsers */
background: -moz-linear-gradient(left,  #feffff 0%, #f3fafa 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #feffff 0%,#f3fafa 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #feffff 0%,#f3fafa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#f3fafa',GradientType=1 ); /* IE6-9 */ padding: 15px 30px; border-left: 3px solid #87d1d1; margin: 0 0 10px 0; color: #4f5b64 !important; font-size: 20px; font-weight: 700;}
#certifiedSec1 img {width: 100%; height:auto; padding: 60px 0; }
 
/*-------- Sustainable ISO 50001  certified  Section -------- */
#certifiedSec2 {width: 100%; float: left; background: #dbf1f1; padding: 80px 0; font-size: 18px; color: #000000; line-height: 30px; font-weight: 500;}
#certifiedSec2 img {width: 100%; height:auto; }
#certifiedSec2 h2 {font-size: 38px; font-weight: 700; line-height: 60px; color: #274864;  margin: 0 0 5px 0; }
#certifiedSec2 .col-sm-9 {padding: 0 0 0 4%;}
#certifiedSec2 p {margin: 0;}

/*-------- ESOS, SECR & REGO certified  Section -------- */
#certifiedSec3 {width: 100%; float: left; background: #f3fafa; padding: 80px 0; font-size: 18px; color: #000000; line-height: 30px; font-weight: 500;} 
#certifiedSec3 img {width: 100%; height:auto; }
#certifiedSec3 h2 {font-size: 38px; font-weight: 700; line-height: 60px; color: #274864;  margin: 0 0 5px 0; }
#certifiedSec3 ul {padding: 0; margin: 0;}
#certifiedSec3 li {width: 30.333%; list-style: none;  float: left; margin: 0 1.5%; padding: 30px; border-radius: 100%; border: 1px solid #c0dfb1; box-shadow: 0px 0px 15px 0px rgba(120,184,72,0.20); -webkit-box-shadow: 0px 0px 15px 0px rgba(120,184,72,0.20); -moz-box-shadow: 0px 0px 15px 0px rgba(120,184,72,0.20); background: #fff; } 
#certifiedSec3 li img {width: 100%; height: auto; border-radius: 100%;}
#certifiedSec3 p {margin: 0;}

/*-------- Sustainable Partnerships Section -------- */
#partnerSection{width: 100%; float: left; background: #fff; padding: 80px 0; font-size: 18px; color: #000000; line-height: 30px; font-weight: 500;} 
#partnerSection .col-sm-6:nth-child(2) {padding: 0 0 0 6%;}
#partnerSection h2 {font-size: 38px; font-weight: 700; line-height: 60px; color: #274864;  margin: 0 0 10px; } 

/*-------- Sustainable Working Section -------- */
#workingSection{width: 100%; float: left; background: #285d80; padding: 80px 0; font-size: 18px; color: #ffffff; line-height: 30px; font-weight: 500;} 
#workingSection img {width: 100%; height:auto;}
#workingSection h2 {font-size: 38px; color:#ffffff; font-weight: 700; line-height: 60px; margin: 0 0 5px 0;}
#workingSection .sustInfo {width: 100%; float:left; background: #3e6e8d; border: 1px solid #81a0b4; padding: 30px; font-size: 18px; color: #ffffff; line-height: 30px; font-weight: 700; margin: 10px 0 25px 0;}
#workingSection .col-sm-6:nth-child(1) {padding: 0 6% 0 0 ;}
#workingSection p {color: #fff;}

/*-------- Electronic Communication Section -------- */
#communiSection{width: 100%; float: left; background: #fff; padding: 80px 0; font-size: 18px; color: #000000; line-height: 30px; font-weight: 500;} 
#communiSection .col-sm-6:nth-child(2) {padding: 0 0 0 6%;}
#communiSection img {width: 100%; height:auto;}
#communiSection h2 {font-size: 38px; font-weight: 700; line-height: 60px; color: #274864; margin: 0 0 5px 0;}
#communiSection strong {font-weight: 700; color: #29932f; font-size: 20px;}

/*-------- Carbon Offsetting Section -------- */
#carbonSection {width: 100%; float: left; background: #f3fafa; padding: 80px 0; font-size: 18px; color: #000000; line-height: 30px; font-weight: 500;} 
#carbonSection img {width: 100%; height:auto;}
#carbonSection h2 {font-size: 38px; font-weight: 700; line-height: 60px; color: #274864; margin: 0 0 5px 0;}
#carbonSection .sustInfo {width: 100%; float:left; background: #e8f6f6; border: 1px solid #bbe3e3; padding: 30px; color: #4f5b64; font-size: 18px; font-weight: 600; line-height: 32px; margin: 10px 0 25px 0;}
#carbonSection .col-sm-6:nth-child(1) {padding: 0 6% 0 0 ;}
#carbonSection p {font-size: 18px; line-height: 30px; font-weight: 500; color: #6A757E;}
/*-------- Recycling Section -------- */
#recyclingSection {width: 100%; float: left; background: #285d80; padding: 0; font-size: 18px; color: #ffffff; line-height: 30px; font-weight: 500;}
#recyclingSection .container-fluid { padding: 0px 10% 0 0;} 
#recyclingSection img {width: 100%; height:auto;}
#recyclingSection h2 {font-size: 38px; color:#ffffff; font-weight: 700; line-height: 60px; margin: 80px 0 5px 0;}
#recyclingSection .sustInfo {width: 100%; float:left; background: #3e6e8d; border: 1px solid #81a0b4; padding: 30px; color: #fff; font-size: 18px; font-weight: 600;  line-height: 32px;  margin: 10px 0 25px 0;}
#recyclingSection .col-sm-8 {padding: 0 6% 0 0 ;}
#recyclingSection p {color: #fff;}


/*-------- Beyond the Environment Section -------- */
#envirSection{width: 100%; float: left; background: #fff; padding: 80px 0; font-size: 18px; color: #000000; line-height: 30px; font-weight: 500;} 
#envirSection .col-sm-6:nth-child(1) {padding: 0 6% 0 0;}
#envirSection hr { margin: 30px 0;  border-bottom: 1px solid #89c85d;}
#envirSection h2 {font-size: 38px; font-weight: 700; line-height: 60px; color: #274864; margin: 0 0 5px 0;}
#envirSection img {width: 100%; height: auto;}

/*-------- Gaurav responsive section Scss File -------- */
.site-navbar .nav > .nav__item > .nav__link > .nav__icon { line-height: 5px !important;}
@media (max-width:1800px) {
.navbar--main .navbar__nav .nav__link {font-size: 16px !important; }
}
@media (max-width:1610px) {
.navbar__nav .nav__item > .nav__link {padding-left: 10px !important; padding-right: 10px !important; }
.navbar--main .navbar__nav .nav__link {font-size: 15px !important; }
}
@media (max-width:1550px) {
.navbar--main .navbar__nav .nav__link {font-size: 14px !important; }
}
@media (max-width:1450px) {
.navbar__nav .nav__item > .nav__link {padding-left: 6px !important; padding-right: 6px !important; }
.navbar--main .navbar__nav .nav__link {font-size: 13px !important; }
}
@media (max-width:1350px) {
.navbar__nav .nav__item > .nav__link {padding-left: 4px !important; padding-right: 4px !important; }
.navbar--main .navbar__nav .nav__link {font-size: 12px !important; }
}

/*-------- Gaurav responsive section -------- */
@media (min-width:4500px) {
#headerSust h3 {font-size: 40px; margin: 35% 0 0 0;}
#headerSust h3 span {font-size: 40px; }
#headerSust h4 {font-size: 40px; margin: 0 0 10px 0;}
#headerSust h4 span {font-size: 40px; }
#headerSust p {font-size: 22px; line-height: 35px;}
#headerSust p strong {font-size: 28px;}
#headerSust .btn--lg {font-size: 27px; padding: 35px 30px; }
#headerSust .banner__actions {margin-top: 35px;}
#headerSust .container-fluid {max-width: 85% !important;}
#headerSust img {width: 100%; height: auto; margin: 25% 0 20% 0;}
}
@media (min-width:5001px) {
#recyclingSection .container-fluid {padding: 0px 30% 0 30%;}
}
@media (max-width:5000px) {
#recyclingSection .container-fluid {padding: 0px 30% 0 30%;}
}
@media (max-width:4500px) {
#recyclingSection .container-fluid {padding: 0px 30% 0 30%;}
}
@media (max-width:4000px) {
#recyclingSection .container-fluid {padding: 0px 25% 0 25%;}
}
@media (max-width:3500px) {
#recyclingSection .container-fluid {padding: 0px 20% 0 20%;}
}
@media (max-width:3000px) {
#recyclingSection .container-fluid {padding: 0px 20% 0 20%;}
}
@media (max-width:2500px) {
#recyclingSection .container-fluid {padding: 0px 15% 0 15%;}
#recyclingSection h2 {margin: 70px 0 5px 0;}
}
@media (max-width:2010px) {
#recyclingSection .container-fluid {padding: 0px 10% 0 0;}
}
@media (max-width:4499px) {
#headerSust h3 {font-size: 40px; margin: 35% 0 0 0;}
#headerSust h3 span {font-size: 40px; }
#headerSust h4 {font-size: 40px; margin: 0 0 10px 0;}
#headerSust h4 span {font-size: 40px; }
#headerSust p {font-size: 22px; line-height: 35px;}
#headerSust p strong {font-size: 28px;}
#headerSust .btn--lg {font-size: 27px; padding: 35px 30px; }
#headerSust .banner__actions {margin-top: 35px;}
#headerSust .container-fluid {max-width: 85% !important;}
#headerSust img {width: 100%; height: auto; margin: 25% 0 20% 0;}
}
@media (max-width:4000px) {
#headerSust h3 {font-size: 40px; margin: 35% 0 0 0;}
#headerSust h3 span {font-size: 40px; }
#headerSust h4 {font-size: 40px; margin: 0 0 10px 0;}
#headerSust h4 span {font-size: 40px; }
#headerSust p {font-size: 22px; line-height: 35px;}
#headerSust p strong {font-size: 28px;}
#headerSust .btn--lg {font-size: 27px; padding: 35px 30px; }
#headerSust .banner__actions {margin-top: 35px;}
#headerSust .container-fluid {max-width: 85% !important;}
#headerSust img {width: 100%; height: auto; margin: 25% 0 20% 0;}
}

@media (max-width:3200px) {
#headerSust h3 {font-size: 40px; margin: 35% 0 0 0;}
#headerSust h3 span {font-size: 40px; }
#headerSust h4 {font-size: 40px; margin: 0 0 10px 0;}
#headerSust h4 span {font-size: 40px; }
#headerSust p {font-size: 22px; line-height: 35px;}
#headerSust p strong {font-size: 28px;}
#headerSust .btn--lg {font-size: 27px; padding: 35px 30px; }
#headerSust .banner__actions {margin-top: 35px;}
#headerSust .container-fluid {max-width: 85% !important;}
#headerSust img {width: 100%; height: auto; margin: 25% 0 20% 0;}
}


@media (max-width:2600px) {
#headerSust h3 {font-size: 40px; margin: 35% 0 0 0;}
#headerSust h3 span {font-size: 40px; }
#headerSust h4 {font-size: 40px; margin: 0 0 10px 0;}
#headerSust h4 span {font-size: 40px; }
#headerSust p {font-size: 22px; line-height: 35px;}
#headerSust p strong {font-size: 28px;}
#headerSust .btn--lg {font-size: 27px; padding: 35px 30px; }
#headerSust .banner__actions {margin-top: 35px;}
#headerSust .container-fluid {max-width: 85% !important;}
#headerSust img {width: 100%; height: auto; margin: 25% 0 20% 0;}
}
@media (max-width:2200px) {
#headerSust h3 {font-size: 40px; margin: 35% 0 0 0;}
#headerSust h3 span {font-size: 40px; }
#headerSust h4 {font-size: 40px; margin: 0 0 10px 0;}
#headerSust h4 span {font-size: 40px; }
#headerSust p {font-size: 22px; line-height: 35px;}
#headerSust p strong {font-size: 28px;}
#headerSust .btn--lg {font-size: 27px; padding: 35px 30px; }
#headerSust .banner__actions {margin-top: 35px;}
#headerSust .container-fluid {max-width: 85% !important;}
#sustSection {padding: 90px 0;}
#envirSection {padding: 100px 0; font-size: 18px; line-height: 30px; font-weight: 500; color: #6A757E !important;}
}
@media (max-width:1920px) {
#sustSection h2 {margin: 0 0 15px 0; font-size: 38px; font-weight: 700; line-height: 48px; color: #274864;}
#sustSection p {color: #6a757e; font-size: 18px; font-weight: 300; line-height: 32px;}
#sustSection .sustInfo {padding: 30px; color: #4f5b64; font-size: 18px; font-weight: 600; line-height: 32px; margin: 10px 0 25px 0;}
#sustSection {padding: 80px 0;}
#certifiedSec1 {padding: 80px 0;}
#certifiedSec1 h5 { margin: 0 0 5px 0; font-size: 45px; font-weight: 700; line-height: 48px; color: #274864;}
#certifiedSec1 h5 span {font-size: 45px; font-weight: 300; line-height: 48px; color: #274864; }
#certifiedSec1 h6 {font-size: 30px; font-weight: 700; line-height: 48px; color: #274864; margin: 0 0 10px 0;}
#certifiedSec1 p {font-size: 18px; line-height: 30px;  margin: 0 0 30px 0;}
#certifiedSec1 li {padding: 15px 30px; margin: 0 0 10px 0; font-size: 20px; line-height: 30px; }
#certifiedSec2 {font-size: 18px; line-height: 30px; font-weight: 500;}
#certifiedSec2 h2 {font-size: 38px; font-weight: 700; line-height: 60px; color: #274864; margin: 0 0 5px 0;}
#certifiedSec3 {font-size: 18px; color: #000000; line-height: 30px; font-weight: 500;} 
#certifiedSec3 img {width: 100%; height:auto; }
#certifiedSec3 h2 {font-size: 38px;  line-height: 60px; color: #274864;  margin: 0 0 5px 0; }
#certifiedSec3 ul {padding: 0; margin: 0; width: 100%}
#certifiedSec3 li {width: 30.333%; background: #fff; padding: 30px; } 
#certifiedSec3 li img {width: 100%; height: auto; border-radius: 100%;}
#certifiedSec3 p {margin: 0; text-align: left;}
#certifiedSec3 .col-sm-6 {flex: 0 0 50%; max-width: 50%;}
#partnerSection h2 {font-size: 38px; font-weight: 700; line-height: 60px; color: #274864;  margin: 0 0 15px; } 
#partnerSection { padding: 80px 0;  font-size: 18px;  line-height: 30px; font-weight: 500;}
#partnerSection .sustInfo {padding: 30px;color: #4f5b64; font-size: 18px; font-weight: 600; line-height: 32px; margin: 10px 0 25px 0;}
#partnerSection img {width: 100%; height:auto; margin: 0;}
#workingSection h2 {color: #ffffff; font-size: 38px; font-weight: 700; line-height: 60px; margin: 0 0 5px 0;}
#workingSection {padding: 80px 0; font-size: 18px; line-height: 30px; font-weight: 500;}
#workingSection .sustInfo {padding: 30px; font-size: 18px; font-weight: 600; line-height: 32px; margin: 10px 0 25px 0; margin: 10px 0 25px 0;}
#workingSection img {width: 100%; height:auto; margin: 0;}
#communiSection h2 {font-size: 38px; font-weight: 700; line-height: 60px; color: #274864; margin: 0 0 5px 0;}
#communiSection {padding: 80px 0; font-size: 18px; line-height: 30px; font-weight: 500;}
#communiSection .sustInfo {width: 100%; padding: 30px; color: #4f5b64; font-size: 18px; font-weight: 600; line-height: 32px; margin: 10px 0 25px 0;}
#communiSection strong {font-size: 20px;}
#carbonSection { padding: 80px 0; font-size: 18px; line-height: 30px; font-weight: 500;}
#carbonSection h2 {font-size: 38px; font-weight: 700; line-height: 60px; color: #274864; margin: 0 0 5px 0;}
#carbonSection .sustInfo {padding: 30px; color: #4f5b64; font-size: 18px; font-weight: 600; line-height: 32px; margin: 10px 0 25px 0;}
#recyclingSection h2 {font-size: 38px; line-height: 60px; }
#recyclingSection .sustInfo {padding: 30px; font-size: 18px;  line-height: 30px; margin: 10px 0 25px 0;}
#recyclingSection {font-size: 18px; line-height: 30px; }
#envirSection {padding: 80px 0; font-size: 18px; line-height: 30px; font-weight: 500;}
#envirSection h2 {font-size: 38px; font-weight: 700; line-height: 60px; color: #274864; margin: 0 0 5px 0;}
#envirSection .sustInfo {padding: 30px; font-size: 18px; line-height: 30px; margin: 10px 0 25px 0;}
}
@media (max-width:1800px) {
#partnerSection h2 {font-size: 35px; line-height: 35px; margin: 0 0 10px; }
#partnerSection {padding: 70px 0; font-size: 18px; line-height: 30px; font-weight: 500;}
#partnerSection .sustInfo { padding: 15px 20px; font-size: 18px; line-height: 30px; margin: 5px 0 20px 0;}
}
@media (max-width:1710px) {
#sustSection h2 {font-size: 30px; margin: 0 0 5px 0; line-height: 40px;}
#sustSection p {font-size: 18px; line-height: 26px;}
#sustSection .sustInfo {padding: 25px; font-size: 18px; line-height: 26px; font-weight: 700; margin: 10px 0 25px 0;}
#sustSection {padding: 80px 0;}
#communiSection h2 {font-size: 30px; line-height: 40px; margin: 0 0 5px 0;}
#communiSection {padding: 80px 0; font-size: 16px; line-height: 25px; font-weight: 500;}
#communiSection .sustInfo {width: 100%; padding: 30px; font-size: 16px; line-height: 25px; margin: 10px 0 20px 0;}
#carbonSection {padding: 80px 0; font-size: 16px; line-height: 25px; font-weight: 500;}
#carbonSection h2 {font-size: 30px; line-height: 35px; margin: 0 0 5px 0;}
#carbonSection .sustInfo {padding: 20px 30px; font-size: 18px !important; line-height: 30px; margin: 10px 0 20px 0;}
}
@media (max-width:1620px) {
#headerSust h3 {font-size: 35px; margin: 35% 0 10px 0; line-height: 25px;}
#headerSust h3 span {font-size: 35px; }
#headerSust h4 {font-size: 35px; margin: 2% 0 10px 0; line-height: 45px;}
#headerSust h4 span {font-size: 35px; }
#headerSust p {font-size: 20px; line-height: 25px;}
#headerSust p strong {font-size: 21px;}
#headerSust .btn--lg {font-size: 20px; padding: 30px 30px; }
#headerSust .banner__actions {margin-top: 30px;}
.banner__actions .btn:not(.btn--link) {min-width: inherit;}
#certifiedSec2 h2 {font-size: 35px; line-height: 50px; }
#workingSection {font-size: 18px; line-height: 30px; padding: 60px 0;}
#workingSection .sustInfo {padding: 20px 25px; font-size: 16px; line-height: 27px;margin: 10px 0 25px 0;}
#workingSection h2 {font-size: 35px; font-weight: 700; line-height: 50px;}
#recyclingSection h2 {font-size: 30px; line-height: 40px;}
#recyclingSection .sustInfo {padding: 20px 30px; font-size: 18px; line-height: 30px; margin: 10px 0 15px 0;}
#recyclingSection {font-size: 18px; line-height: 30px;}
#envirSection h2 {font-size: 30px; font-weight: 700; line-height: 40px; margin: 0 0 5px 0;}
#envirSection .sustInfo {padding: 30px; font-size: 18px; line-height: 30px; margin: 10px 0 25px 0;}
#envirSection {padding: 60px 0; font-size: 16px; line-height: 26px; font-weight: 500;}
}
@media (max-width:1500px) {
#sustSection h2 {font-size: 30px; margin: 0 0 15px 0; line-height: 30px;}
#sustSection p { font-size: 18px; line-height: 28px;}
#sustSection .sustInfo {padding: 25px; font-size: 18px;  line-height: 28px; font-weight: 700; margin: 10px 0 20px 0;}
#sustSection {padding: 70px 0;}
#certifiedSec3 h2 {font-size: 35px; line-height: 50px;}
#certifiedSec3 {padding: 60px 0;}
#recyclingSection {font-size: 16px; line-height: 26px;}
#recyclingSection .sustInfo {padding: 20px 30px; font-size: 16px; line-height: 26px;}
}
@media (max-width:1400px) {
#certifiedSec3 {font-size: 16px; line-height: 28px;}
#partnerSection h2 {font-size: 30px; line-height: 20px; margin: 0 0 20px;}
#partnerSection {padding: 60px 0;  }
#partnerSection .sustInfo {padding: 15px 20px;   margin: 5px 0 15px 0;}
#headerSust h3 {font-size: 30px; margin: 35% 0 10px 0; line-height: 25px;}
#headerSust h3 span {font-size: 30px; }
#headerSust h4 {font-size: 30px; margin: 2% 0 10px 0; line-height: 40px;}
#headerSust h4 span {font-size: 30px; }
#headerSust p {font-size: 18px; line-height: 25px;}
#headerSust p strong {font-size: 19px;}
#headerSust .btn--lg {font-size: 19px; padding: 30px 30px; }
#recyclingSection h2 {margin: 50px 0 5px 0;}
}	
@media (max-width:1360px) {
#headerSust h3 {font-size: 30px; margin: 38% 0 10px 0; line-height: 30px;}
#headerSust h3 span {font-size: 30px; }
#headerSust h4 {font-size: 30px; margin: 2% 0 10px 0; line-height: 40px;}
#headerSust h4 span {font-size: 30px; }
#headerSust p {font-size: 17px; line-height: 25px;}
#headerSust p strong {font-size: 19px; line-height: 25px;}
#headerSust .btn--lg {font-size: 18px; padding: 25px 25px; }
#headerSust img {margin: 30% 0 18% 0;}
#headerSust .banner__actions {margin-top: 25px;}
#workingSection {font-size: 15px; line-height: 23px;}
#workingSection h2 {font-size: 30px; line-height: 35px;}
#workingSection .sustInfo {padding: 20px 25px; font-size: 16px; line-height: 26px; margin: 0px 0 20px 0;}
#recyclingSection .sustInfo {padding: 20px 30px; font-size: 16px; line-height: 22px; margin: 10px 0 15px 0;}
#recyclingSection {font-size: 16px; line-height: 22px;}

}
@media (max-width:1300px) {
#sustSection h2 {font-size: 25px; margin: 0 0 15px 0; line-height: 25px;}
#sustSection p { font-size: 16px; line-height: 23px;}
#sustSection .sustInfo {padding: 25px; font-size: 16px; line-height: 23px; font-weight: 700; margin: 0 0 10px 0; padding: 15px 25px;}
#sustSection {padding: 60px 0;}
#certifiedSec1 {padding: 70px 0;}
#certifiedSec1 h5 {font-size: 40px; line-height: 50px;margin: 0 0 5px 0; }
#certifiedSec1 h5 span {font-size: 40px;  }
#certifiedSec1 h6 {font-size: 25px; line-height: 35px; margin: 0 0 10px 0;}
#certifiedSec1 p {font-size: 16px; line-height: 28px;  margin: 0 0 25px 0;}
#certifiedSec1 li {padding: 15px 30px; margin: 0 0 10px 0; font-size: 18px; line-height: 28px; }
#certifiedSec3 .col-sm-6 {flex: 0 0 100%; max-width: 100%;}
#certifiedSec3 ul {padding: 30px 0; margin: 0 15%; width: 70%;}
#certifiedSec3 h2 {text-align: center;}
#certifiedSec3 {text-align: center;}
#certifiedSec3 p {text-align: center;}
#communiSection h2 {font-size: 24px;  line-height: 30px; margin: 0 0 5px 0;}
#communiSection {padding: 50px 0; font-size: 16px; line-height: 26px;  }
#communiSection .sustInfo {padding: 15px 20px; font-size: 16px; line-height: 26px; margin: 10px 0 20px 0;}
#communiSection strong {font-size: 16px;}
#carbonSection h2 {font-size: 25px; line-height: 35px;  margin: 0 0 5px 0;}
#carbonSection {padding: 50px 0; font-size: 14px; line-height: 20px; font-weight: 500;}
#carbonSection .sustInfo { padding: 15px 25px; margin: 10px 0 0px 0;}
#partnerSection {padding: 70px 0; font-size: 16px; line-height: 25px; font-weight: 500;}
#partnerSection .sustInfo {padding: 15px 20px; font-size: 16px; line-height: 25px;}
#carbonSection .sustInfo {padding: 20px 30px; font-size: 16px !important; line-height: 26px;}
#carbonSection p { font-size: 16px; line-height: 26px;}
#recyclingSection h2 { color: #ffffff; font-weight: 700; line-height: 35px; margin: 30px 0 5px 0; }
}
@media (max-width:1200px) {
#certifiedSec2 h2 {font-size: 30px; line-height: 45px;}
#certifiedSec2 .col-sm-3 {flex: 0 0 100%;max-width: 100%;}
#certifiedSec2 .col-sm-9 {flex: 0 0 100%;max-width: 100%;}
#certifiedSec2 img {width: 40%; height: auto; margin: 0 30% 30px 30%;}
#certifiedSec2 h2 {font-size: 30px; line-height: 45px; text-align: center;}
#certifiedSec2 {text-align: center;}
#partnerSection .col-sm-6 {flex: 0 0 100%; max-width: 100%;}
#partnerSection img {width: 60%; margin: 0 20% 40px 20%;}
#partnerSection {padding: 50px 0; text-align: center;}
#workingSection {font-size: 16px; line-height: 26px; text-align: center;}
#workingSection .col-sm-6 {flex: 0 0 100%; max-width: 100%;}
#workingSection .col-sm-6:nth-child(1) {padding: 0;}
#workingSection  img {width: 60%; margin: 40px 20% 0 20%;}

#communiSection .col-sm-6 {flex: 0 0 100%; max-width: 100%; text-align: center;}
#communiSection  img {width: 60%; margin: 0 20% 40px 20%;}
#carbonSection .col-sm-6 {flex: 0 0 100%; max-width: 100%; text-align: center;}
#carbonSection  img {width: 60%; margin: 40px 20% 0 20%;}
#recyclingSection {padding: 0 0 30px 0;}
#recyclingSection .col-sm-8 {flex: 0 0 100%; max-width: 100%; text-align: center; padding: 0;}
#recyclingSection .col-sm-4 {flex: 0 0 100%; max-width: 100%; text-align: center;}
#recyclingSection  img {width: 60%; margin: 40px 20% 0 20%;}
#recyclingSection .container-fluid {padding: 0px; max-width: 70%;}
 
#recyclingSection img {width: 80%; margin: 0 10% 0 10%;}
#envirSection .col-sm-6 {flex: 0 0 100%; max-width: 100%; text-align: center;}
#envirSection img {width: 60%; margin: 40px 20% 0 20%;}
#envirSection .col-sm-6:nth-child(1) {padding: 0;}

#headerSust h3 {font-size: 25px; margin: 38% 0 10px 0; line-height: 28px;}
#headerSust h3 span {font-size: 25px; }
#headerSust h4 {font-size: 25px; margin: 2% 0 10px 0; line-height: 35px;}
#headerSust h4 span {font-size: 25px; }
#headerSust p {font-size: 16px; line-height: 25px;}
#headerSust p strong {font-size: 18px; line-height: 25px;}
#partnerSection .col-sm-6:nth-child(2) {padding: 0;}
#communiSection .col-sm-6:nth-child(2) {padding: 0;}
#carbonSection .col-sm-6:nth-child(1) {padding: 0;}
}
@media (max-width:1120px) {
#headerSust h3 {font-size: 22px; margin: 34% 0 5px 0; line-height: 25px;}
#headerSust h3 span {font-size: 22px; }
#headerSust h4 {font-size: 22px; margin: 2% 0 5px 0; line-height: 28px;}
#headerSust h4 span {font-size: 22px; }
#headerSust p {font-size: 14px; line-height: 24px;}
#headerSust p strong {font-size: 14px; line-height: 24px;}
#headerSust .btn--lg {font-size: 20px; padding: 25px 20px; }
#headerSust .banner__actions {margin-top: 25px;}
#sustSection h2 {font-size: 25px; margin: 0 0 15px 0; line-height: 25px;}
#sustSection p {font-size: 14px; line-height: 23px;}
#sustSection .sustInfo {padding: 20px; font-size: 14px;  line-height: 23px; font-weight: 700; margin: 0 0 10px 0; padding: 10px 20px;}
#sustSection {padding: 50px 0;}
#sustSection .col-sm-6:nth-child(2) {padding: 0 0 0 3%;}
}
@media (max-width:1000px) {
#sustSection .col-sm-6 {flex: 0 0 100%; max-width: 100%;}
#sustSection img {width: 70%;  height: auto; margin: 0 15% 30px 15%;}
#sustSection {text-align: center;}
#sustSection h2 {font-size: 25px; margin: 0 0 5px 0; line-height: 30px; text-align: center;}
#sustSection p {font-size: 16px; line-height: 23px;}
#sustSection .sustInfo {padding: 25px; font-size: 16px; line-height: 23px; font-weight: 700; margin: 10px 0 20px 0;}
#certifiedSec1 .col-sm-9{flex: 0 0 100%; max-width: 100%;}
#certifiedSec1 .col-sm-3{flex: 0 0 100%; max-width: 100%;}
#certifiedSec1 img {width: 50%; height: auto; padding: 40px 0 20px 0; margin: 0 25%;}
#certifiedSec1 li {font-size: 18px; line-height: 28px; text-align: center;  border: none; background: #fff;}
#certifiedSec1 h5 {font-size: 30px; line-height: 40px;}
#certifiedSec1 h5 span {font-size: 30px;}
#certifiedSec1 h6 {font-size: 20px; line-height: 28px; margin: 0 0 5px 0;}
#certifiedSec1 li {font-size: 16px; line-height: 25px;}
#headerSust .col-sm-6 {flex: 0 0 100%; max-width: 100%; text-align: center;}
#headerSust h3 {font-size: 35px; margin: 16% 0 10px 0; line-height: 30px;}
#headerSust h3 span {font-size: 35px; }
#headerSust h4 {font-size: 35px; margin: 2% 0 10px 0; line-height: 40px;}
#headerSust h4 span {font-size: 35px; }
#headerSust p {font-size: 25px; line-height: 32px; margin-bottom: 30px;}
#headerSust p strong {font-size: 25px; line-height: 32px;}
#headerSust .btn--lg {font-size: 25px; padding: 30px 180px; }
#headerSust br {display: none;}
#headerSust img {margin: 10% 10% 12% 10%; width: 80%;}
}
@media (max-width:910px) {
#headerSust .col-sm-6 {flex: 0 0 100%; max-width: 100%; text-align: center;}
#headerSust h3 {font-size: 30px; margin: 17% 0 10px 0; line-height: 28px;}
#headerSust h3 span {font-size: 30px; }
#headerSust h4 {font-size: 30px; margin: 2% 0 10px 0; line-height: 35px;}
#headerSust h4 span {font-size: 30px; }
#headerSust p {font-size: 22px; line-height: 30px; margin-bottom: 25px;}
#headerSust p strong {font-size: 22px; line-height: 30px;}
#headerSust .btn--lg {font-size: 22px; padding: 30px 180px; }
#headerSust br {display: none;}
#headerSust img { width: 80%; margin: 10% 10% 12% 10%;}
#certifiedSec2 {padding: 60px 0;}
#envirSection .sustInfo {padding: 30px; font-size: 16px;}
}
@media (max-width:815px) {
.banner__actions {display: initial;}
}
@media (max-width:767px) {
#headerSust .col-sm-6 {flex: 0 0 100%; max-width: 100%; text-align: center;}
#headerSust h3 {font-size: 32px; margin: 20% 0 10px 0; line-height: 30px;}
#headerSust h3 span {font-size: 32px; }
#headerSust h4 {font-size: 32px; margin: 2% 0 10px 0; line-height: 40px;}
#headerSust h4 span {font-size: 32px; }
#headerSust p {font-size: 22px; line-height: 32px; margin-bottom: 30px;}
#headerSust p strong {font-size: 22px; line-height: 32px;}
#headerSust .btn--lg {font-size: 22px; padding: 30px 180px; }
#headerSust br {display: none;}
#certifiedSec1 h5 span {font-size: 30px; display: block;}
#certifiedSec1 {padding: 50px 0 40px 0;}
#certifiedSec1 li {font-size: 14px; line-height: 20px;}
#certifiedSec2 img {width: 60%; height: auto; margin: 0 20% 20px 20%;}

}
@media (max-width:680px) {
#headerSust h3 {font-size: 25px; margin: 15% 0 10px 0; line-height: 28px;}
#headerSust h3 span {font-size: 25px; }
#headerSust h4 {font-size: 25px; margin: 2% 0 10px 0; line-height: 30px;}
#headerSust h4 span {font-size: 25px; }
#headerSust p {font-size: 18px; line-height: 28px; margin-bottom: 28px;}
#headerSust p strong {font-size: 19px; line-height: 28px;}
#headerSust .btn--lg {font-size: 20px; padding: 25px 150px; }
#sustSection img {width: 60%; margin: 0 20% 40px 20%;}
#sustSection h2 {font-size: 20px; margin: 0 0 5px 0; line-height: 30px;}
#sustSection p {font-size: 16px; line-height: 23px;}
#sustSection .sustInfo {padding: 25px; font-size: 16px; line-height: 23px; font-weight: 700; margin: 10px 0 20px 0;}
#sustSection .container {max-width: 90%; }
#certifiedSec1 .container {max-width: 90%;}
#certifiedSec2 .container {max-width: 90%;}
#certifiedSec2 {padding: 60px 0;}
#certifiedSec3 .container {max-width: 90%;}
#partnerSection .container {max-width: 90%;}
#workingSection .container {max-width: 90%;}
#communiSection .container {max-width: 90%;}
#carbonSection .container {max-width: 90%;} 
#recyclingSection .container-fluid {max-width: 90%;}
#carbonSection .col-sm-6:nth-child(1) {padding: 0;}
#recyclingSection h2 {font-size: 30px; margin: 20px 0 5px 0;}
#envirSection .container {max-width: 90%;}
#certifiedSec2 {font-size: 16px; line-height: 26px;}
}
@media (max-width:600px) {
#partnerSection img {width: 80%; margin: 0 10% 40px 10%;}
#partnerSection {padding: 40px 0; text-align: center;}
#workingSection  img {width: 80%; margin: 20px 10% 0 10%;}
#communiSection  img {width: 80%; margin: 0 10% 20px 10%;}
#carbonSection  img {width: 80%; margin: 20px 10% 0 10%;}
#recyclingSection  img {width: 80%; margin: 20px 10% 0 10%;}
#envirSection  img {width: 80%; margin: 20px 10% 0 10%;}

}
@media (max-width:550px) {
#headerSust h3 {font-size: 22px; margin: 15% 0 10px 0; line-height: 25px;}
#headerSust h3 span {font-size: 22px; }
#headerSust h4 {font-size: 22px; margin: 2% 0 10px 0; line-height: 32px;}
#headerSust h4 span {font-size: 22px; }
#headerSust p {font-size: 16px; line-height: 25px; margin-bottom: 25px;}
#headerSust p strong {font-size: 16px; line-height: 25px;}
#headerSust .btn--lg {font-size: 18px; padding: 25px 120px; }
#headerSust br {display: none;}
#certifiedSec1 h5 {font-size: 25px; line-height: 35px;}
#certifiedSec1 h6 {font-size: 16px; line-height: 22px; margin: 0 0 5px 0;}
#certifiedSec3 li {padding: 15px;}
#certifiedSec3 h2 {font-size: 30px; line-height: 45px;}
#certifiedSec3 ul {padding: 30px 0; margin: 0 5%; width: 90%;}
#envirSection .sustInfo {padding: 20px; font-size: 16px; line-height: 26px;}
}
@media (max-width:450px) {
#headerSust h3 {font-size: 22px;margin: 20% 0 10px 0; line-height: 25px;}
#communiSection {padding: 25px 0;}
}
@media (max-width:400px) {
#headerSust h3 {font-size: 20px; margin: 20% 0 10px 0; line-height: 28px;}
#headerSust h3 span {font-size: 20px; }
#headerSust h4 {font-size: 20px; margin: 2% 0 0 0; line-height: 28px;}
#headerSust h4 span {font-size: 20px; }
#headerSust p {font-size: 16px; line-height: 26px; margin-bottom: 20px;}
#headerSust p strong {font-size: 16px; line-height: 26px;}
#headerSust .btn--lg {font-size: 18px; padding: 25px 80px; }
#headerSust br {display: none;}
#sustSection h2 {font-size: 18px; margin: 0 0 5px 0; line-height: 26px;}
#sustSection p {color: #000000; font-size: 16px; line-height: 26px;}
#sustSection .sustInfo {padding: 25px; font-size: 16px; line-height: 26px; font-weight: 700; margin: 7px 0 15px 0;} 
#sustSection {padding: 30px 0;}
#certifiedSec1 h5 {font-size: 20px; line-height: 30px;}
#certifiedSec1 h5 span {font-size: 20px; }
#certifiedSec1 {padding: 30px 0 20px 0;}
#certifiedSec2 {padding: 50px 0;}
#certifiedSec2 h2 {font-size: 22px; line-height: 30px;}
#certifiedSec3 h2 {font-size: 25px; line-height: 35px;}
#certifiedSec3 ul {padding: 30px 0; width: 100%;}
#certifiedSec3 {padding: 35px 0;}
#certifiedSec3 ul { margin: 0;}
#certifiedSec3 h2 {font-size: 20px; line-height: 20px;}
#partnerSection h2 {font-size: 20px; line-height: 20px; margin: 0px 0 7px;}
#partnerSection img {width: 80%; margin: 0 10% 20px 10%;}
#workingSection h2 {font-size: 25px; line-height: 30px;}
#workingSection  img {width: 80%; margin: 20px 10% 0 10%;}
#communiSection h2 {font-size: 19px; line-height: 25px; margin: 0 0 5px 0;}
#carbonSection h2 {font-size: 20px; line-height: 25px; margin: 0 0 5px 0;}
#recyclingSection .sustInfo {padding: 15px 20px; font-size: 14px; line-height: 22px; margin: 10px 0 15px 0;}
#recyclingSection {font-size: 14px; line-height: 22px;}
#recyclingSection h2 {font-size: 25px;  margin: 15px 0 5px 0;}
#envirSection h2 {font-size: 25px; margin: 0 0 5px 0;}
#envirSection {padding: 30px 0;}
}
@media (max-width:350px) {
#headerSust h3 {font-size: 16px; margin: 22% 0 10px 0; line-height: 23px;}
#headerSust h3 span {font-size: 16px; }
#headerSust h4 {font-size: 16px; margin: 2% 0 0 0; line-height: 23px;}
#headerSust h4 span {font-size: 16px; }
#headerSust p {font-size: 14px; line-height: 22px; margin-bottom: 15px;}
#headerSust p strong {font-size: 14px; line-height: 23px;}
#headerSust .btn--lg {font-size: 16px; padding: 20px 60px; }
#headerSust br {display: none;}
#envirSection h2 {font-size: 20px; margin: 0 0 5px 0;}
}


/*-------- Gaurav responsive Only footer section -------- */
@media (max-width:320px) {
.section__title {font-size: 25px; font-weight: 700; line-height: 0;}
}

/*-------- Gaurav responsive Only Navbar section -------- */
@media (min-width:4500px) {
#webNavbar .site-navbar .nav>.nav__item>.nav__link>.nav__icon {height: 0;}
}
@media (max-width:4499px) {
#webNavbar .site-navbar .nav>.nav__item>.nav__link>.nav__icon {height: 0;}
}
@media (max-width:1730px) {
#webNavbar .navbar--main .navbar__nav .nav__link {font-size: 15px;}
}
@media (max-width:1680px) {
#webNavbar .btn { font-size: 15px;  padding: 10px 10px;}
#webNavbar .navbar--main .navbar__nav .nav__link {font-size: 15px;}
}
@media (max-width:1560px) {
#webNavbar .btn { font-size: 14px;  padding: 10px 10px;}
#webNavbar .navbar--main .navbar__nav .nav__link {font-size: 14px;}
}
@media (max-width:1500px) {
#webNavbar .navbar__nav .nav__item>.nav__link {padding-left: 5px;  padding-right: 5px;}
#webNavbar .btn {padding: 10px 5px;}
}
@media (max-width:1370px) {
#webNavbar .navbar--main .navbar__nav .nav__link {font-size: 12px;}
#webNavbar .btn { font-size: 12px;}
}
@media (max-width: 1075px){
#webNavbar .banner--sides .container {flex-direction: inherit;}
}
@media (max-width: 500px){
#webNavbar .container {max-width: 90%;}
}
@media (max-width: 415px){
#webNavbar a.navbar__brand.brand {width: 80%;}
#webNavbar .container {max-width: 90%;}
}


/*-------- Gaurav responsive Old Navbar section -------- */
@media (min-width:4500px) {
.site-navbar .nav>.nav__item>.nav__link>.nav__icon {height: 0;}
}
@media (max-width:4499px) {
.site-navbar .nav>.nav__item>.nav__link>.nav__icon {height: 0;}
}
@media (max-width:1730px) {
.site-navbar .navbar--main .navbar__nav .nav__link {font-size: 15px;}
}
@media (max-width:1680px) {
.site-navbar .btn { font-size: 15px;  padding: 10px 10px;}
.site-navbar .navbar--main .navbar__nav .nav__link {font-size: 15px;}
}
@media (max-width:1560px) {
.site-navbar .btn { font-size: 14px;  padding: 10px 10px;}
.site-navbar .navbar--main .navbar__nav .nav__link {font-size: 14px;}
}
@media (max-width:1500px) {
.site-navbar .navbar__nav .nav__item>.nav__link {padding-left: 5px;  padding-right: 5px;}
.site-navbar .btn {padding: 10px 5px;}
}
@media (max-width:1370px) {
.site-navbar .navbar--main .navbar__nav .nav__link {font-size: 12px;}
.site-navbar .btn { font-size: 12px;}
}
@media (max-width: 1075px){
.site-navbar .banner--sides .container {flex-direction: inherit;}
}
@media (max-width: 500px){
.site-navbar .container {max-width: 90%;}
}
@media (max-width: 415px){
.site-navbar a.navbar__brand.brand {width: 80%;}
.site-navbar .container {max-width: 90%;}
}