@charset "utf-8";
/* CSS Document */


@media (min-width: 1920px) and (max-width: 2500px){
	
}

@media (min-width: 1600px) and (max-width: 1920px){
	
}

@media (min-width: 1200px) and (max-width: 1600px){
	
}

@media (min-width: 1024px) and (max-width: 1200px){
	
}

@media (min-width: 992px) and (max-width: 1024px) {
	
}

@media only screen and (max-width: 991.98px) {    
.navbar-toggler { float: left;margin: 0; height: 45px; width: 45px; border-radius: 0;z-index: 1}
.navbar-toggler .icon-bar { width: 24px; background: #fff;transition: .5s ease;}
.navbar-toggler.collapsed .icon-bar:nth-child(2){transform: rotate(0) translateY(0) translateX(0);}
.navbar-toggler.collapsed .icon-bar:nth-child(3){opacity:1}
.navbar-toggler.collapsed .icon-bar:nth-child(4){transform:rotate(0) translateY(0) translateX(0);}
.navbar-toggler .icon-bar:nth-child(2){transform: rotate(-45deg) translateY(5px) translateX(-5px);}
.navbar-toggler .icon-bar:nth-child(3){opacity: 0}
.navbar-toggler .icon-bar:nth-child(4){transform:rotate(45deg) translateY(-4px) translateX(-3px);}
.navbar-header {display: block;}
}


@media (max-width: 767.98px){
    header{padding: 15px 0;}
	a.logo{font-size: 20px;margin-right: 15px;}
	.navbar-collapse{background: linear-gradient(74deg, #004d40, #00695c);padding: 15px 30px; position:relative; top:15px;}
	.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0;
}
	
	a.cta-button img{width:30px !important;margin-left:5px;display: inline-block !important;}
	.hero-content {
  margin-left: 0;
  max-width: 100%;
  padding: 0 2rem;
  animation: fadeInUp 1s ease-out;
}
.cta-button {
  padding:6px 7px 6px 10px;
  font-size: 14px;
}
.banner-content p {
  font-size: 13px;
  margin-bottom: 7px;
}
.banner-content h2 {
  font-size: 20px;
  margin-bottom: 3px;
}
.banner-content {
  position: absolute;
  bottom: 20px;
  z-index: 9;
}
#hero-banner .owl-dots{margin-top:-10px;}
.section-title {font-size: 22px;}
.esg-matters-title {font-size: 20px;}
.dev-esg-title{font-size: 22px;}
.cta-final .section-title{font-size: 22px;}
.cta-final { background: url(../images/cta-bg.png) -500px center no-repeat;padding: 80px 20px;}
.footer-section{width:100%;}
}