/*************** Header *************************/
.social-rounded li a { background:#669900; width:43px; height:43px; line-height:45px; color:#fff; font-size:20px;}
.social-rounded li a:hover { background:#fff; color:#669900;}
#Header .mail {font-size:15px;}
.wp-block-button__link{

  font-weight: 700;
  font-size: 20px;
	padding: 0px 40px !important;
text-transform: uppercase;
  font-family: "Gothic A1", sans-serif;
  vertical-align: middle;
  white-space: nowrap;
  height: 70px;
  line-height: 70px;
}
 .fs-17 {
  font-size: 17px;
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
  width: 100% !important;
}
.dropdown-item:hover {
color: #690;}
.Listings-green li {
  background: url(../images/tik-01.png) no-repeat .1em .46em;
    background-size: auto;
  background-size: auto;
  background-size: 20px 20px;
  padding: 2px 0px 2px 30px;
  margin: 0px;
  list-style: none;
}
.cols-3 {
  column-count: 3;
  
  gap: 36px;
}
@media (min-width: 1200px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {
  max-width: 1270px;
	} }
/********** Main Banner *******************/
.MainBanner .carousel-caption{ left:0; right:0; bottom:50%; transform:translateY(50%);} 
.MainBanner .carousel-caption h1 { font-size:40px; line-height:60px; width:80%; margin:auto;}
.MainBanner .carousel-caption p { font-size:30px; line-height:45px;}
/********** Tab **************************************************************************************************/
.welcome li { list-style:disc; list-style-position:inside;}
.welcome h2{width:40%; margin:auto;}
.cols-2 { column-count: 2;-webkit-column-count: 2;-ms-column-count: 2;gap: 8px;}
.Waste .txt-overlay { width:90%; margin-top:-50px; position:relative; z-index:2; min-height:300px;}
.Waste li { line-height:27px;}
.services li, .packages li { line-height:40px; list-style-image:url(../images/icon.png);}
.listing-one li { line-height:40px; list-style-image:url(https://d1rudc901q2jd2.cloudfront.net/benchmarkenvironmental/wp-content/uploads/2026/07/16062115/ul-icon-one.png);}
.page-id-387 #Header, .page-id-391 #Header, .page-id-394 #Header {
  border-bottom: 1px solid #000;
}
/******************** Footer ************************/
#Footer .phone { font-size:40px;}
#Footer h2 small { font-size:30px;}
.copyright p { font-size:15px;}
.footer-links a {color: #fff;}
.footer-links a:hover {color: #669900;}

/***************************/
/* Large devices (desktops, 992px and up) */
@media (min-width:992px) {
header {top:0px; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s; z-index: 10;}
header  { position:relative !important;}
.shrink {background: rgba(255,255,255,.9) !important; position:fixed !important;}
.shrink {box-shadow:0px 5px 12px rgba(0,0,0,.5); z-index:999;}
.navbar-brand img {max-height:87px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .navbar-brand img {max-height:80px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.navbar-brand{padding:10px 0px !important;}
.shrink .navbar-brand{padding:5px 0px !important;}
.navbar .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; /* Optional: adjust as needed */
  }
}
/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
.gutter-lg {margin-left:-15px!important;margin-right:-15px!important;}
.gutter-lg div[class^="col"]{padding-left:15px!important;padding-right:15px!important;}
.gutter-lg .row,.gutter-lg .row div{padding:0px!important;margin:0px!important;}
}
@media (min-width: 1920px) {
.container { max-width:1690px;}
.navbar-nav>li+li {margin-left:50px;}
.navbar .navbar-nav .nav-link {color:#000; font-size:20px; background:none; padding:0 0 !important;font-family: "Gothic A1", sans-serif;}
#Header .mail {font-size:20px;}
}
@media (min-width: 1600px){

}
@media (min-width: 1199.98px) and (max-width: 1359.98px) {
.welcome h1 {font-size: 50px;line-height: 60px;}
}
/*@include media-breakpoint-between(md, xl) { ... }*/
@media (min-width: 768px) and (max-width: 1199.98px) {
#Header { position:relative !important; background-color:#0A3365;}
.welcome h1 {font-size: 50px;line-height: 60px;}
.navbar .navbar-nav .nav-link {font-size:13px;}
.navbar-nav>li+li {margin-left:15px;}
#Header .mail {font-size: 13px;}
.MainBanner .carousel-caption h1 {font-size: 30px;line-height: 40px; width: 100%;}
.welcome h2 {width: 100%;}
.Waste p { line-height:20px;}
.sec-align.wp-block-columns{
		flex-wrap: wrap !important;
	}
	 .sec-align.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
		flex-basis: 100% !important;
	}
}
/*For example the @include media-breakpoint-only(md) { ... } will result in :*/
@media (min-width: 768px) and (max-width: 991.98px) {
	.sec-align.wp-block-columns{
		flex-wrap: wrap !important;
	}
	 .sec-align.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
		flex-basis: 100% !important;
	}
#Header { position:relative !important; background-color:#0A3365;}
.btn {font-size: 14px;}
.navbar-brand img {max-height:60px;}
.navbar .navbar-nav .nav-link {font-size: 19px;}
#Header .mail {font-size: 20px;}
}
@media (min-width: 991.98px) {
}
/* Small devices (landscape phones, 576px and up) */
@media (max-width:767.98px) {
.container{max-width:100%;}
#Header { position:relative !important; background-color:#0A3365;}
.navbar-brand img {max-height:60px;}
#Header .mail {font-size: 20px; padding:20px 0;}
}
@media (max-width:768px) {
#Header { position:relative !important; background-color:#0A3365;}
.MainBanner .carousel-caption h1 {font-size: 30px;line-height: 40px; width: 100%;}
.welcome h2 {width: 100%;}
.dropdown:hover .dropdown-menu {
    display: block;
}
	ul.dropdown-menu>li>a {
		display: inline !important;}
}
@media (max-width:575.98px) {
	.cols-3 {
  column-count: 2;
  
  gap: 36px;
}
.navbar-brand img {max-height:60px;}
.welcome h1 {font-size: 50px;line-height: 60px;}
.testimony p {font-size: 25px;line-height: 35px;}
.MainBanner .carousel-item  img {
    height:450px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.MainBanner .btn { width:100%; margin:5px 0;}
}
/* X-Small devices (portrait phones, less than 576px) */