@media (min-width: 1200px) {

    .container {

        max-width: 1420px !important;

    }

}



@font-face {

    font-family: Nexa;

    src: url(fonts/Nexa\ Light.otf);

    font-weight: 300;

}



@font-face {

    font-family: Nexa;

    src: url(fonts/Nexa\ Regular.otf);

    font-weight: 400;

}



@font-face {

    font-family: Nexa;

    src: url(fonts/Nexa\ Bold.otf);

    font-weight: 800;

}



body,

h1,

h2,

h3,

h4,

p {

    font-family: 'Nexa' !important;

}



#header .menu {

    display: flex;

    align-items: center;

    justify-content: space-evenly;

    list-style: none;

    padding: 0 20px;

    margin: 0;

}



#header {

    padding: 30px 0 20px;

}



#header .t-btn {

    float: right;

    background: #3aa62c;

    padding: 10px 40px;

    color: #fff;

    font-weight: 600;

    border-radius: 30px;

}



.menu a {

    color: #464747;

    font-weight: 500;

}



.menu a:hover {

    color: #2E8F21;

    text-decoration: none;

}



.rightArea {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



#header .row {

    align-items: center;

}



#header:before {

    content: '';

    position: absolute;

    width: 100%;

    height: 6px;

    background-image: -moz-linear-gradient(-166deg, rgb(1, 48, 123) 0%, rgb(58, 166, 44) 100%);

    background-image: -webkit-linear-gradient(-166deg, rgb(1, 48, 123) 0%, rgb(58, 166, 44) 100%);

    background-image: -ms-linear-gradient(-166deg, rgb(1, 48, 123) 0%, rgb(58, 166, 44) 100%);

    top: 0;

    z-index: 9;

}



.logo {

    background: white;

    /* width: fit-content; */

    padding: 50px 0 20px 0px;

    margin-top: -108px;

    width: 200px;

    z-index: 1 !important;

    position: relative;

}



.logo img {

    width: 80%;

    margin: 0 auto;

    display: block;

}



green {

    color: #3ad632;

}



.t-btn {

    background: #3aa62c;

    padding: 19px 40px;

    color: #fff;

    font-weight: 600;

    border-radius: 30px;

    text-decoration: none !important;

    transition: all 0.25s;

    display: block;

    width: fit-content;

}



.t-btn:hover {

    background: #2e8f21;

    color: #fff;

}



.single-banner .row {

    align-items: center;

}



.single-banner h2 {

    font-size: 44px;

    color: #fff;

    font-weight: 800;

}



.single-banner p {

    margin: 30px 0;

    color: #fff;

}



.single-banner a.t-btn {

    margin-top: 10px;

    display: block;

    width: fit-content;

}



.single-banner {

    padding: 140px 0;

}



section#main-banners {

    z-index: 0;

    margin-top: -90px;

}



.single-banner img {

    margin: 0 0 0 auto;

}



#main-banners .slick-arrow {

    position: absolute;

    top: 50%;

    font-size: 0;

    background: transparent;

    outline: none;

    border: 0 !important;

    box-shadow: 0 0 #0000;

    z-index: 1;

    left: 100px;

}



#main-banners .slick-next {

    top: 66%;

}



#main-banners button.slick-prev.pull-left.slick-arrow {

    top: 33%;

}



#main-banners .slick-dots {

    font-size: 0;

    position: absolute;

    top: 50%;

    left: 71px;

}



#main-banners .slick-dots li button {

    width: 10px;

    height: 10px;

    display: block;

    border: 0;

    margin: 4px 0 0;

    background: #989280;

    outline: none !important;

}



#main-banners .slick-active button {

    background: #3aa62c !important;

}



.subtitle {

    font-size: 22px;

    color: #3aa62c;

    font-weight: 600;

}



#about h2 {

    font-size: 48px;

    color: #01307b;

    font-weight: 800;

    width: 70%;

}



#about p {

    color: #0c262e;

    font-size: 16px;

    width: 90%;

}



#about h3 {

    font-size: 26px;

    font-weight: 800;

    color: #01307b;

    margin-top: 50px;

}



#about .t-btn {

    margin-top: 40px;

}



#about {

    padding: 80px 0;

}



.cta {

    position: absolute;

}



#about .cta {

    height: 100%;

    background: #01307b;

    width: 140px;

    top: 0;

    right: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    writing-mode: vertical-rl;

}



#about {

    position: relative;

}



#about .cta p {

    margin: 0;

    width: auto;

    text-align: center;

    color: #ffffff;

    font-size: 48px;

}



#about .cta a {

    margin-top: 20px;

    text-decoration: none;

    color: #ffffff;

}



#products .title-area {

    padding: 80px 0 250px;

}



.title-area .subtitle {

    color: #fff;

}



.title-area {

    text-align: center;

}



.title-area h2 {

    font-size: 48px;

    color: #ffffff;

    font-weight: 800;

    margin-top: 10px;

}



.title-area p {

    width: 60%;

    margin: 0 auto;

    color: #fff;

}



.img-product {

    background: #fafafa;

    border-radius: 10px;

    min-height: 350px;

    display: flex;

    align-items: center;

    justify-content: center;

    box-shadow: 0 0 5px 5px #00000017;

    overflow: hidden;

}



.img-product img {

    width: auto;

    position: relative;

}



.contentArea h2 {

    font-size: 17px;

    font-weight: 800;

    color: #01307b;

}



.contentArea {

    padding: 5px;

    margin-top: 20px;

}



.single-grid-product .t-btn {

    padding: 9px 40px;

    font-size: 16px;

}



.contentArea p {

    font-size: 14px;

    color: #6c6c6c;

    min-height: 90px;

}



.productGridWrapper {

    margin-top: -140px;

}



.product-rowtwo {

    margin-top: 60px;

}



a.viewAll.t-btn {

    padding: 19px 89px;

    margin: 0 auto;

    margin-top: 80px;

}



#service .row {

    align-items: center;

}



#service {}



#service img {

    width: 100%;

}



#service .subtitle {

    color: #fff;

}



#service h2 {

    font-size: 36px;

    color: #fff;

    /* margin-bottom: 190px; */

}



#service p {

    margin-top: 110px;

    color: #0c262e;

}



#service .t-btn {

    margin-top: 20px;

}



section#service {

    margin-top: 110px;

    padding-bottom: 60px;

}



#service .contentArea-service {

    padding-top: 120px;

    padding-left: 40px;

}



.menu ul {

    padding-left: 0;

}



.menu h4,

.menu ul li {

    color: #7e8896;

    list-style: none;

}



.menu ul li a {

    color: #7e8896;

    text-decoration: none;

}



.footer_detail h4 {

    font-size: 16px;

    margin-bottom: 0;

}



.footer_detail p {

    color: #fff;

}



.footer_detail {

    display: flex;

    align-items: baseline;

}



.menu ul li {

    padding-bottom: 13px;

}



.footer_bottom p {

    color: #fff;

    margin-bottom: 0;

    padding-top: 15px;

}



.footer_bottom {

    border-top: solid 2px #3e4150;

}



.footer {

    padding-top: 60px;

    padding-bottom: 20px;

}



.footer_detail .footer_icon {

    color: #fff;

    margin-right: 15px;

}



h4.titleFooter {

    font-size: 24px;

    color: #fff;

    border-bottom: 1px solid #202a35;

    padding-bottom: 19px;

    position: relative;

    margin-bottom: 30px;

}



h4.titleFooter:after {

    content: '';

    position: absolute;

    width: 51px;

    background: #3AA62C;

    height: 1px;

    bottom: 0;

    left: 0;

}



footer#footer {

    padding: 90px 0 10px;

    background: #081730;

}



.footer p {

    color: #7e8896;

}



.social {

    display: flex;

    align-items: center;

}



.social a {

    text-decoration: none !important;

    width: 40px;

    height: 40px;

    background: transparent;

    border: 1px solid #5e6369;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 30px;

    color: #5e6369;

    margin: 0 5px;

}



.social a:hover {

    color: #fff;

}



.wigdet_4 h5 {

    color: #fff;

}



.form-new {

    display: flex;

    border: 1px solid #e8ecf6;

    background: #e8ecf62b;

    width: 100%;

    padding: 10px 20px;

    justify-content: space-between;

}



.wigdet_4 input[type="text"] {

    background: transparent;

    border: 0;

    outline: none;

}



.form-new button {

    border: 0;

    outline: none;

    background: transparent;

    color: #fff;

}



.subFooter-menu {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin: 0;

    PADDING-LEFT: 0;

    list-style: none;

}



.subFooter-menu li {

    padding-right: 50px;

    border-right: 1px solid #7e8896;

}



.subFooter-menu a {

    color: #7e8896;

    text-decoration: none;

}



p.copy-right {

    margin: 0;

    padding: 0;

    float: right;

}



.footer_bottom .row {

    align-items: center;

}



.subFooter-menu li:last-child {

    border: 0;

}



.footer_bottom {

    padding: 20px 0 10px;

}



.footer_content h4 {

    color: #fff;

    margin-bottom: 10px;

}



.subFooter-menu a:hover {

    color: #3AA62C;

    text-decoration: none;

}

/* About us  start */



.innerBanner {

    margin-top: -110px;

    /* min-height: 440px; */

    position: relative;

}



.innerBanner .row {

    align-items: center;

    justify-content: center;

    height: 100% !important;

    min-height: 440px;

}



.innerBanner .page-title {

    font-size: 100px;

    color: #fff;

    font-weight: 800;

}



img.badgesBanner {

    position: absolute;

    right: 30px;

    top: 30%;

    width: 220px;

}



#service.quality_assurance p {

    margin-top: 0;

}



#service.quality_assurance .topSide {

    margin-bottom: 100px;

}



#service.quality_assurance .topSide p {

    color: #dfdfdf;

}



#service.quality_assurance h2 {

    font-size: 48px;

}



.reviews .item:hover {

    box-shadow: 1px 20px 6px 0px #0000002b;

    border-bottom: 5px solid #3aa62c;

    background: #f3f3f3;

    transition: all 0.25s;

}



.reviews .item p {

    color: #262a43;

    font-weight: 500;

    padding: 20px 0 10px 0;

}



.reviews .item h3 {

    font-size: 22px;

    font-weight: 600;

    color: #3aa62c;

}



.reviews .item h4 {

    font-size: 16px;

    color: #a3a3a3;

}



.reviews .item {

    margin: 0 10px 0 0;

    padding: 20px;

    outline: none !important;

    border-radius: 10px;

    transition: all 0.25s;

}



#clientReview .sectionTitle {

    text-align: center;

    margin-bottom: 30px;

}



#clientReview .sectionTitle h3 {

    font-size: 20px;

    color: #3aa62c;

    font-weight: 800;

}



#clientReview .sectionTitle h2 {

    font-weight: 700;

    font-size: 48px;

    color: #01307b;

}



#clientReview {

    padding: 80px 0;

}



.profile-info {

    padding-left: 50px;

    position: relative;

}



.profile-info:before {

    content: '';

    position: absolute;

    width: 31px;

    height: 24px;

    background: url(images/comma.png) no-repeat;

    left: 0;

}



.reviews .slick-track {

    padding: 30px 0px;

}



#awards {

    background: url(images/awards_bg.png) no-repeat;

    background-size: cover;

}



.awardsContent h2 {

    text-align: left;

    color: #fff;

    font-size: 50px;

    font-weight: 600;

}



.awardsContent {

    text-align: left;

    width: 100%;

}



#awards .row {

    padding: 50px 0;

    align-items: center;

}



.awardsContent p {

    color: #fff;

    font-size: 18px;

}



.awardsContent p i {

    display: block;

}



.awardsContent img {

    margin-top: 20px;

}



#awards img {

    object-fit: cover;

    height: 390px;

    width: 70%;

    margin: 0 auto;

    display: block;

    border-radius: 15px;

}



#privacy-policy .row {

    align-items: center;

}



#privacy-policy h2 {

    font-size: 48px;

    font-weight: 800;

    color: #01307b;

    margin-bottom: 20px;

}



#privacy-policy p {

    color: #676767;

    width: 90%;

}



#privacy-policy p a {

    color: #30418d;

    text-decoration: none !important;

}



#privacy-policy {

    padding: 80px 0;

}



.sectionTitle:before {

    content: 'Our Clients';

    position: absolute;

    left: 23%;

    text-align: center;

    font-size: 170px;

    font-weight: bolder;

    top: -90px;

    color: #efeff2;

    -webkit-text-fill-color: white;

    -webkit-text-stroke-width: 1px;

    -webkit-text-stroke-color: #efeff2;

    font-family: 'Nexa';

    letter-spacing: -14px;

    z-index: -1;

}



#clientReview .sectionTitle {

    position: relative;

}



#Expectations .row {

    align-items: center;

}



#Expectations h2 {

    font-size: 48px;

    width: 53%;

    font-weight: 700;

    color: #01307b;

}



#Expectations p {

    font-size: 22px;

    color: #141733;

}

/* environmental-services start here */



#service.deservesService p {

    margin-top: 0;

}



#service.deservesService .row {

    align-items: flex-start;

}



#service.deservesService .topSide p {

    color: #d5d5d5;

}



#service.deservesService .topSide {

    margin-bottom: 120px;

}



#service.deservesService .contentArea-service {

    padding-top: 172px;

}



#service.deservesService h3 {

    font-size: 30px;

    color: #01307b;

    font-weight: 800;

    margin-top: 50px;

}



#service.deservesService {

    padding-bottom: 0;

    margin-top: 0;

}



.enviromentalbanner green {

    display: block;

}



.enviromentalbanner h2.page-title {

    text-align: center;

}



#RCRA-library {

    background: url(images/rcra_bg.png) no-repeat;

}



#RCRA-library {

    padding: 70px 0;

    text-align: center;

}



#RCRA-library h2 {

    text-align: center;

    font-size: 45px;

    font-weight: 900;

}



#RCRA-library h2 green {

    display: block;

}



#RCRA-library p {

    width: 70%;

    margin: 0 auto;

    color: #4e4e4f;

}



#assessing-environmental .row {

    align-items: center;

}



#assessing-environmental h2 {

    font-weight: 900;

    color: #01307b;

}



#assessing-environmental p {

    color: #000;

}



#cost-saving h2.sectionTitle-save {

    text-align: center;

    color: #003ba5;

    font-size: 48px;

    width: 70%;

    margin: 0 auto;

    margin-bottom: 80px;

}



#cost-saving {

    padding: 80px 0;

}



#cost-saving img {

    margin: 0 auto;

    display: block;

    /* width: 120px; */

    object-fit: cover;

    height: 190px;

    margin-bottom: 40px;

}



.imgWrapper {

    position: relative;

}



#cost-saving .imgWrapper:before {

    content: '';

    position: absolute;

    background: #098b2a;

    width: 147px;

    height: 7px;

    left: 39%;

    bottom: -18px;

    display: block !important;

}



#cost-saving h2 {

    text-align: center;

    color: #003280;

    font-size: 30px;

    /* margin: 10px 0 !important; */

}



#cost-saving p {

    text-align: center;

    color: #535353;

    margin-top: 30px;

}



.product-rowtwo {

    justify-content: center;

}



.lastProduct-widget {

    margin-top: 60px;

}



#realWear {

    background: url(images/real-wear_bg.png) no-repeat;

}



.sectionTitle-realWear {

    text-align: center;

    color: #fff;

}



#realWear .sectionTitle-realWear h2 {

    font-size: 48px;

    font-weight: 800;

    color: #fff;

}



#realWear .sectionTitle-realWear p {

    width: 60%;

    margin: 0 auto;

    color: #fff;

}



#realWear {

    padding: 70px 0;

    margin-top: 90px;

}



#realWear .sectionTitle-realWear {

    margin-bottom: 60px;

}



#realWear .row {

    justify-content: center;

}



#realWear h2 {

    text-align: center;

    font-size: 20px;

    font-weight: 700;

    color: #01307b;

    margin-top: 20px;

}



#realWear p {

    text-align: center;

    color: #6c6c6c;

    margin: 0 auto;

    width: 90%;

}



.real-col {

    margin-bottom: 60px;

}



#meetRealWear {

    background: url(images/meetRealwear.png) no-repeat;

    background-position: center;

}



#meetRealWear .row {

    /* align-items: center; */

}



#meetRealWear img {

    height: 600px;

    box-shadow: 0 0 10px #142e112b;

    border-radius: 20px;

}



.contentWrapper-meet {

    margin-bottom: 60px;

}



#meetRealWear .t-btn {

    margin-top: 90px;

}



p.whitePara {

    color: #fff;

}



.contentWrapper-meet h2 {

    font-size: 45px;

    color: #01307b;

    font-weight: 800;

}



.contentWrapper-meet p {

    color: #656565;

}



.contentWrapper-meet h3 {

    font-size: 22px;

    color: #485db1;

    font-weight: 700;

}



.meetWrapper-col {

    padding-top: 50px;

}



.enablement-banner h2.page-title {

    text-align: center;

}



#solutionEvery h2 {

    font-size: 45px;

    color: #01307b;

    font-weight: 800;

    text-align: center;

    margin-bottom: 70px;

}



#solutionEvery {

    padding: 90px 0;

}



#solutionEvery p {

    color: #6b6b6b;

}



#solutionEvery img {

    object-fit: scale-down;

    min-height: 140px;

    margin: 0 auto;

    display: block;

}



#clientsNeeds {

    background: url(images/digtalTrans_bg.png) no-repeat;

    background-size: cover;

}



#clientsNeeds {

    padding: 60px 0;

}



#clientsNeeds h2 {

    color: #fff;

    text-align: center;

    font-size: 48px;

    width: 70%;

    margin: 0 auto;

}



#clientsNeeds p {

    width: 60%;

    margin: 0 auto;

    color: #fff;

    text-align: center;

    margin-top: 20px;

}



#decSection .row {

    align-items: center;

}



#decSection img {

    width: 100%;

}



#decSection h2 {

    font-size: 30px;

    font-weight: 600;

    color: #01307b;

}



#decSection p {

    color: #6c6c6c;

}



#decSection {

    padding: 60px 0;

}



#decSection h2.importTitle {

    font-size: 36px;

}



#decSection h3 {

    font-weight: 800;

    font-size: 24px;

    color: #01307b;

}



.row.lastRow {

    padding: 60px 0;

}



.img-product img {

    width: 100% !important;

    height: 300px !important;

    object-fit: contain !important;

}



section#digital_transform {

    padding: 100px 0px;

}



section#digital_transform .digital_inner {

    text-align: center;

}



section#digital_transform .digital_inner h2 {

    font-size: 45px;

    color: #01307b;

    font-weight: 800;

}



section#digital_transform .digital_inner p.green_title {

    font-size: 22px;

    color: #3aa62c;

    font-weight: 600;

}



section#digital_transform .digital_inner p.present {

    color: #14142f;

}



section#digital_transform .digital_inner .content p {

    color: #6d6d6d;

}



section#digital_transform a.t-btn {

    margin-top: 40px !important;

    margin: auto;

}



section#hazardous {

    padding: 100px 0px;

}



#hazardous .hazardous_inner {

    text-align: center;

}



#hazardous .hazardous_inner h2 {

    font-size: 45px;

    color: #fff;

    font-weight: 800;

}



#hazardous .hazardous_inner .present {

    color: #fff;

}



#hazardous .hazardous_inner .content p {

    color: #c8c8c8;

}



section#hazardous .hazardous_inner p.green_title {

    font-size: 22px;

    color: #3aa62c;

    font-weight: 600;

}



.media_left .row {

    align-items: center !important;

}



#media_left .row {

    align-items: center;

}



#media_left .media_content {

    padding-right: 220px;

    padding-left: 50px;

}



#media_left .container-fluid {

    padding: 0;

}



#media_left .media_content p {

    color: #6d6d6d;

}



section#electronic {

    padding: 100px 0px;

}



section#electronic h2 {

    font-size: 45px;

    color: #fff;

    font-weight: 800;

}



section#electronic p.sub_title {

    font-size: 22px;

    color: #dddddd;

    font-weight: 600;

}



section#electronic .electronic_inner {

    text-align: center;

}



section#electronic .electronic_inner .content p {

    color: #dddddd;

}



#media_right .row {

    align-items: center;

}



#media_right .media_content {

    padding-left: 220px;

    padding-right: 50px;

}



#media_right .container-fluid {

    padding: 0;

}



#media_right .media_content p {

    color: #6d6d6d;

}



section#monitoring {

    padding: 100px 0px;

}



#monitoring .monitoring_inner {

    text-align: center;

}



#monitoring .monitoring_inner h2 {

    font-size: 45px;

    color: #fff;

    font-weight: 800;

}



#monitoring .monitoring_inner .present {

    color: #fff;

}



#monitoring .monitoring_inner .content p {

    color: #c8c8c8;

}



section#monitoring .monitoring_inner p.green_title {

    font-size: 22px;

    color: #3aa62c;

    font-weight: 600;

}



section#empty_containers {

    padding: 100px 0px;

}



section#empty_containers h2 {

    font-size: 45px;

    color: #fff;

    font-weight: 800;

}



section#empty_containers p.sub_title {

    font-size: 22px;

    color: #dddddd;

    font-weight: 600;

}



section#empty_containers .prl {

    color: #dddddd;

}



section#empty_containers .content p,

section#empty_containers .content ul li {

    color: #fff;

}



section#empty_containers .content ul li,

section#empty_containers .content p {

    margin-bottom: 36px;

}



section#empty_containers .content ul {

    padding-left: 15px;

}



section#rcra {

    padding: 100px 0px;

}



section#rcra .rcra_inner {

    text-align: center;

}



section#rcra .rcra_inner h2 {

    font-size: 45px;

    color: #01307b;

    font-weight: 800;

}



section#rcra .rcra_inner p.green_title {

    font-size: 22px;

    color: #3aa62c;

    font-weight: 600;

}



section#rcra .rcra_inner p.present {

    color: #14142f;

}



section#rcra .rcra_inner .content p {

    color: #6d6d6d;

}



section#tanks {

    padding: 100px 0px;

}



#tanks .tanks_inner {

    text-align: center;

}



#tanks .tanks_inner h2 {

    font-size: 45px;

    color: #fff;

    font-weight: 800;

}



#tanks .tanks_inner .present {

    color: #fff;

}



#tanks .tanks_inner .content p {

    color: #fff;

}



section#tanks .tanks_inner p.green_title {

    font-size: 22px;

    color: #3aa62c;

    font-weight: 600;

}



section#tanks ul li {

    color: #fff;

    width: 50%;

    margin-bottom: 30px;

    text-align: left;

}



section#tanks ul {

    padding-left: 15px;

    margin-top: 30px;

}



#content_only {

    padding: 100px 0px;

}



#content_only .content_inner {

    text-align: center;

}



.hide-desktop {

    display: none;

}



.hide-phone {

    display: block;

}



.productGridWrapper .single-grid-product {

    margin: 30px 0;

}



.productGridWrapper .row {

    justify-content: center;

}



.real-col img {

    width: 100%;

}



#assessing-environmental img {

    width: 100%;

}



/*contact page*/

.request-quote-txt ul.quote-sec li h4 {
    color: #01307b;
}

.request-quote-txt h2 {
    font-size: 48px !important;
    width: 100%;
    color: #013090;
    text-transform: capitalize;
}

section#contact {
    padding: 70px 0 0;
    position: relative;
    bottom: -50px;
}

#contact .row {
    display: flex;
    align-items: center;
}

section#service-contact {
    height: 250px;
}

.request-quote-txt p {
    color: #6f6f6f;
    line-height: 28px;
    font-size: 16px;
}

.request-quote-txt ul.quote-sec {
    padding-left: 15px;
    list-style: none;
}

.request-quote-txt ul.quote-sec li p {
    width: 70%;
    position: relative;
}

.request-quote-txt ul.quote-sec li p:before {
    content: '';
    position: absolute;
    left: -18px;
    top: 12px;
    width: 8px;
    height: 8px;
    background: #3ad632;
    border-radius: 8px;
}

.request-quote-txt ul.quote-sec li {
    padding: 5px 0;
}

section#contact .form-box input[type="text"] {
    width: 40%;
    padding: 15px 10px 15px 25px;
    margin: 20px 15px;
    border: none;
    background: #efefef;
    border-radius: 10px;
    color: #3ad632;
}

section#contact .form-box input[type="email"], input[type="number"] {
    width: 85%;
    padding: 15px 10px 15px 25px;
    margin: 20px 15px;
    border: none;
    background: #efefef;
    border-radius: 10px;
    color: #3ad632;
}

section#contact .form-box {
    text-align: center;
    padding: 50px 0;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 5px 18px 5px rgba(0,0,0,0.39);
}

section#contact .form-box input[type="text"]::placeholder {
    color: #6f6f6f;
}

section#contact .form-box input[type="number"]::placeholder {
    color: #6f6f6f;
}

section#contact .form-box input[type="email"]::placeholder {
    color: #6f6f6f;
}

section#contact .form-box textarea {
    padding: 15px 10px 15px 25px;
    margin: 20px 15px;
    border: none;
    background: #efefef;
    border-radius: 10px;
    color: #3ad632;
    width: 100%;
    min-width: 670px;
    max-width: 100px;
    height: 200px;
    resize: none;
}

section#service-contact .row {
    position: relative;
    top: 100px;
    display: flex;
    align-items: center;
}

section#service-contact .row .award-content h3 {
    color: #fff;
    font-size: 45px;
}

section#service-contact .row .award-content p {
    color: #fff;
    font-size: 18px;
}

section#contact .form-box button {
    background: #3aa62c;
    border: none;
    border-radius: 50px;
    padding: 15px 60px;
    color: #fff;
}

section#service-contact .service-contact-img {
    text-align: center;
}


@media (max-width:1600px) {

    #header .menu {

        justify-content: end;

    }

    #header .menu li {

        padding: 0 13px;

    }

    #main-banners .slick-arrow {

        left: 2%;

    }

    #main-banners .slick-dots {

        left: 0;

    }

    .single-banner.slick-slide img {

        width: 530px;

    }

    #about img {

        width: 440px;

    }

    #about .row {

        align-items: center;

    }

}



@media (min-width: 1500px) {

    .container {

        max-width: 1320px !important;

    }

    #header .t-btn {

        padding: 10px 27px;

    }

    .single-banner h2 {

        font-size: 40px;

    }

    .single-banner p {

        margin: 20px 0;

    }

    #about h2 {

        font-size: 38px;

    }

    .title-area h2 {

        font-size: 44px;

    }

    section#contact .form-box textarea {
        min-width: 630px;
        max-width: 100px;
    }

}



@media (max-width: 1400px) {

    .container {

        max-width: 1220px !important;

    }

    #header .t-btn {

        padding: 10px 24px;

        font-size: 15px;

    }

    #header .menu li {

        padding: 0 9px;

    }

    .single-banner h2 {

        font-size: 38px;

    }

    .t-btn {

        padding: 16px 36px;

    }

    #about h2 {

        width: 80%;

        font-size: 38px;

    }

    #products .title-area {

        padding: 80px 0 210px;

    }

    .innerBanner .page-title,.enablement-banner h2.page-title {

        font-size: 80px;

    }

    #Expectations h2 {

        width: 70%;

    }

    .reviews .item h3 {

        font-size: 20px;

    }

    .reviews .item p {

        font-size: 15px;

    }

    .profile-info {

        padding-left: 40px;

    }

    #privacy-policy h2 {

        font-size: 44px;

    }

    #service.quality_assurance h2 {

        font-size: 45px;

    }

    #Expectations p {

        font-size: 20px;

    }

    #Expectations h2 {

        font-size: 40px;

    }

    .reviews .item {

        padding: 15px;

    }

    .awardsContent h2 {

        font-size: 45px;

    }

    section#digital_transform {

        padding: 60px 0px;

    }

    section#hazardous {

        background-size: cover !important;

    }

    #media_left .media_content {

        padding-right: 40px;

        padding-left: 10px;

    }

    section#media_left {

        padding: 20px 0;

    }

    #media_right .media_content {

        padding-left: 70px;

        padding-right: 50px;

    }

    section#media_right {

        padding: 20px 0;

    }

    section#monitoring {

        padding: 80px 0;

        background-size: cover;

    }

    section#empty_containers {

        padding: 40px 0;

        background-size: cover;

    }

    section#tanks {

        padding: 60px 0px;

    }

    #content_only {

        padding: 60px 0px;

    }

    section#contact .form-box textarea {
        min-width: 580px;
        max-width: 100px;
    }

}



@media (max-width: 1300px) {

    .container {

        max-width: 1140px !important;

    }

    .single-banner.slick-slide img {

        width: 450px;

    }

    .single-banner h2 {

        font-size: 35px;

    }

    .single-banner p {

        margin: 20px 0;

    }

    #about img {

        width: 410px;

    }

    #about .cta {

        width: 103px;

    }

    #about .cta p {

        font-size: 42px;

    }

    .subtitle {

        font-size: 21px;

    }

    #about h2 {

        font-size: 34px;

    }

    .contentArea {

        margin-top: 18px;

    }

    .single-grid-product .t-btn {

        padding: 9px 29px;

        font-size: 15px;

    }

    #service h2 {

        font-size: 30px;

    }

    #header .menu li {

        padding: 0 8px;

    }

    #header .menu li a {

        font-size: 14px;

    }

    .subFooter-menu a {

        text-align: left !important;

        font-size: 14px;

    }

section#contact .form-box textarea {
        min-width: 540px;
        max-width: 100px;
    }

}



@media (max-width:1200px) {

    #cost-saving h2.sectionTitle-save {

        font-size: 38px;

    }

    #cost-saving h2 {

        font-size: 26px;

    }

    #assessing-environmental h2 {

        font-size: 28px;

    }

    .subFooter-menu a {

        font-size: 14px;

    }

    section#digital_transform .digital_inner h2 {

        font-size: 35px;

    }

    #hazardous .hazardous_inner h2 {

        font-size: 35px;

    }

    #monitoring .monitoring_inner h2 {

        font-size: 35px;

    }

    #tanks .tanks_inner h2 {

        font-size: 35px;

    }

    section#empty_containers h2 {

        font-size: 35px;

    }

    section#contact .form-box textarea {
        min-width: 530px;
        max-width: 100px;
    }

}



@media(max-width:1100px) {

    #main-banners .slick-arrow {

        right: 3%;

        left: auto;

    }

    #main-banners .slick-dots {

        left: auto;

        right: 4%;

    }

    #header .t-btn {

        padding: 10px 18px;

        font-size: 15px;

    }

    #header .menu li {

        padding: 0 5px;

    }

    .logo {

        width: 172px;

        padding: 50px 0 20px 0px;

    }

    .logo img {

        width: 76%;

    }

    .single-banner h2 {

        font-size: 30px;

    }

    .single-banner p {

        font-size: 13px;

    }

    .single-banner a.t-btn {

        font-size: 14px;

        /* padding: 10px 31px; */

    }

    .t-btn {

        padding: 16px 32px;

    }

    #about .cta {

        width: 63px;

    }

    #about .cta p {

        font-size: 30px;

    }

    #about img {

        width: 350px;

    }

    #about h2 {

        font-size: 28px;

    }

    #about h3 {

        font-size: 24px;

        margin-top: 34px;

    }

    #about p {

        font-size: 15px;

    }

    h4.titleFooter {

        font-size: 22px;

    }

    .footer p {

        font-size: 13px;

    }

    .menu ul li a {

        font-size: 13px;

    }

    .menu ul li {

        padding-bottom: 2px;

    }

    .subFooter-menu li {

        padding-right: 40px;

    }

    .subFooter-menu a {

        font-size: 13px;

    }

    .single-banner {

        padding: 80px 0;

    }

    .single-banner.slick-slide img {

        width: 420px;

        margin: 0 auto;

    }

    #awards img {

        width: 90%;

        height: 340px;

    }

    #privacy-policy p {

        width: 95%;

    }

    #privacy-policy h2 {

        font-size: 30px;

    }

    #service.quality_assurance h2 {

        font-size: 35px;

    }

    .awardsContent h2 {

        font-size: 35px;

    }

    #header.desktopHeader {

        padding: 30px 0 50px;

    }

    .innerBanner .row {

        min-height: 340px;

    }

    img.badgesBanner {

        width: 170px;

    }

    #privacy-policy img {

        width: 100%;

    }


}



@media (max-width:1024px) {

    .hide-desktop {

        display: block;

    }

    .hide-phone {

        display: none;

    }

    .hide-desktop.phoneHeader {

        background: white;

        height: auto !important;

        position: unset;

        padding: 10px 0 !important;

        position: relative;

        width: 100%;

        height: -webkit-fill-available !important;

        z-index: 9;

    }

    .hide-desktop.phoneHeader .logo {

        margin-top: 0;

        padding: 0;

        background: transparent;

        width: auto;

    }

    .hide-desktop.phoneHeader .logo img {

        width: 70px;

        display: inline;

        z-index: auto;

    }

    section#main-banners {

        margin-top: 0;

    }

    .phoneHeader .navbar {

        display: flex;

        align-items: center;

        justify-content: flex-start;

    }

    .phoneHeader nav .col-md-10 {

        display: flex;

        align-items: center;

        justify-content: end;

    }

    .phoneHeader nav .col-md-10 .seaIcon {

        margin-left: 10px;

    }

    .navbar-toggler {

        background: #3aa62c !important;

        outline: none;

    }

    #header.phoneHeader .menu {

        justify-content: flex-start;

        flex-flow: column;

        align-items: flex-start;

        padding: 0;

        margin-top: 20px;

    }

    #header.phoneHeader .menu li a {

        color: #000 !important;

        padding: 5px 0;

    }

    .innerBanner {

        margin-top: 0;

    }

    .sectionTitle:before {

        left: 13%;

    }

    img.badgesBanner {

        display: none;

    }

    #meetRealWear img {

        object-fit: cover;

        height: 520px;

        width: 100%;

    }

    .contentWrapper-meet {

        margin-bottom: 0;

    }

    section#meetRealWear {

        background-image: none;

    }

    .meetWrapper-col p.whitePara {

        color: #000;

    }

    #meetRealWear .t-btn {

        margin-top: 10px;

    }

    #clientsNeeds h2 {

        width: 80%;

        font-size: 38px;

    }

    #clientsNeeds p {

        width: 70%;

    }

    #decSection .row.lastRow {

        padding: 20px 0;

    }

    #decSection .row {

        padding: 20px 0;

    }

    #cost-saving h2.sectionTitle-save {

        font-size: 38px;

        width: 80%;

    }

    #service.deservesService .contentArea-service {

        padding-top: 92px;

    }

    #service h2 {

        font-size: 28px;

    }

    #RCRA-library h2 {

        font-size: 35px;

    }

    section#assessing-environmental {

        padding: 40px 0;

        FONT-VARIANT: JIS04;

        FONT-VARIANT: JIS04;

    }

    #assessing-environmental h2 {

        font-size: 26px;

    }

    #service.deservesService h3 {

        font-size: 28px;

    }

    #cost-saving h2 {

        font-size: 24px;

    }

    #service.deservesService h3 {

        margin-top: 14px;

    }

}



@media (max-width:991px) {

    #about img {

        margin: 0 auto;

        margin-top: 20px;

        display: block;

    }

    #service img {

        object-fit: cover;

        height: 570px;

        object-position: center;

        /* width: 260px; */

    }

    #service .contentArea-service {

        padding-top: 20px;

    }

    #service .subtitle {

        color: #3aa62c;

    }

    #service h2 {

        color: #01307b;

    }

    #service p {

        margin: 0;

    }

    .title-area p {

        width: 80%;

    }

    .title-area h2 {

        font-size: 40px;

    }

    #about {

        padding: 40px 0;

    }

    .single-banner h2 {

        font-size: 22px;

    }

    .single-banner.slick-slide img {

        width: 300px;

    }

    #realWear .sectionTitle-realWear h2 {

        font-size: 34px;

    }

    #realWear .sectionTitle-realWear p {

        width: 80%;

    }

    #realWear p {

        width: 100%;

        font-size: 14px;

    }

    .contentWrapper-meet h2 {

        font-size: 40px;

    }

    .meetWrapper-col {

        padding: 0 20px;

    }

    #meetRealWear .row {

        align-items: center;

    }

    #solutionEvery h2 {

        font-size: 33px;

    }

    #decSection h2.importTitle {

        font-size: 32px;

    }

    #solutionEvery p {

        text-align: center;

        font-size: 15px;

    }

    .enablement-banner h2.page-title {

        font-size: 60px;

        width: 80%;

        margin: 0 auto;

    }

    #service.deservesService {

        background-image: none !important;

    }

    #service.deservesService .topSide p {

        color: #000;

    }

    #service.deservesService .topSide {

        margin-bottom: 20px;

    }

    #service.deservesService {

        padding: 30px 0;

    }

    #media_left .container-fluid,#media_right .container-fluid {

        padding-left: 15px;

        padding-right: 15px;

    }



}



@media (max-width:767px) {

    .single-banner h2,

    .single-banner p {

        text-align: center;

        width: 90%;

        margin: 0 auto;

    }

    .single-banner a.t-btn {

        margin: 0 auto;

        margin-top: 20px;

        margin-bottom: 20px;

    }

    .single-banner p {

        margin-top: 10px;

    }

    h4.titleFooter {

        font-size: 20px;

        margin-top: 15px;

    }

    footer#footer {

        padding: 40px 0 10px;

    }

    .single-banner {

        padding: 50px 0;

    }

    #about .cta {

        display: none;

    }

    .wrapperNavbar-logo {

        width: 20% !important;

    }

    .wrapperNavbar-menu {

        width: 80% !important;

    }

    img.badgesBanner {

        display: none;

    }

    .innerBanner .page-title,.enablement-banner h2.page-title {

        font-size: 55px;

    }

    .innerBanner .row {

        min-height: 230px;

    }

    #Expectations h2 {

        font-size: 30px;

        width: 100%;

    }

    #Expectations p {

        font-size: 16px;

    }

    section#service {

        margin-top: 30px;

    }

    #service.quality_assurance .topSide p {

        color: #0c262e;

    }

    #service.quality_assurance .topSide {

        margin-bottom: 19px;

    }

    #clientReview {

        padding: 0px;

    }

    .sectionTitle:before {

        display: none;

    }

    #awards img {

        width: 260px;

    }

    .awardsContent h2 {

        text-align: center;

    }

    .awardsContent p {

        text-align: center;

    }

    #privacy-policy img {

        object-fit: cover;

        height: 410px;

    }

    .reviews .item {

        padding: 10px;

    }

    #clientReview .sectionTitle h2 {

        font-size: 32px;

    }

    #clientReview .sectionTitle h3 {

        font-size: 16px;

    }

    .reviews .slick-track {

        padding: 10px 0;

    }

    #clientsNeeds h2 {

        width: 90%;

        font-size: 30px;

    }

    #clientsNeeds p,#realWear .sectionTitle-realWear p {

        width: 90%;

        font-size: 15px;

    }

    #RCRA-library {

        background-size: cover;

    }

    #RCRA-library p {

        width: 90%;

    }

    #cost-saving h2.sectionTitle-save {

        font-size: 36px;

    }

    #service.deservesService .contentArea-service {

        padding-top: 20px;

    }

    #RCRA-library h2 {

        font-size: 32px;

    }

    .media_wrap img {

        object-fit: cover;

        height: 620px;

        width: 100%;

        margin-bottom: 20px;

    }

    #media_right .media_content {

        padding-left: 15px;

        padding-right: 15px;

    }

    #media_left .media_content {

        padding-right: 15px;

        padding-left: 15px;

    }

    section#monitoring {

        background-size: cover !important;

    }

    section#rcra .rcra_inner h2 {

        font-size: 35px;

    }

    section#empty_containers {

        background-size: cover !important;

    }

    section#tanks ul li {

        width: 100%;

    }

    section#rcra {

        padding: 80px 0;

    }

    .footer p.copy-right {

        float: none;

        text-align: center;

        margin-top: 11px;

    }

    .subFooter-menu li {

        border: 0;

    }

    .subFooter-menu a {

        line-height: 5px;

    }

    .subFooter-menu li {

        padding-right: 10px;

    }

     .phoneHeader .navbar {

        padding: 0;

    }

    .contentWrapper-meet h2 {

        font-size: 32px;

        margin-top: 20px;

    }

    

    #decSection img {

        margin-bottom: 20px;

    }

    

    #decSection .row.lastRow,#decSection .row.rowFirst,#decSection .row.rowThird {

        flex-flow: column-reverse wrap;

    }

    #decSection h2 {

       font-size: 28px;

    }

    #cost-saving,section#hazardous {

        padding: 40px 0;

    }

}



@media (max-width:600px) {

    .contentArea p {

        min-height: 60px;

    }

    #service .contentArea-service {

        padding-left: 15px;

    }

    #service h2 {

        font-size: 22px;

    }

    .innerBanner .page-title,.enablement-banner h2.page-title {

        font-size: 42px;

    }

    #RCRA-library h2 {

        font-size: 22px;

    }

    #service h3 {

        font-size: 20px;

    }

    #service.deservesService h3 {

        font-size: 20px;

    }

    #cost-saving h2.sectionTitle-save {

        font-size: 28px;

        width: 100%;

    }

    #cost-saving .imgWrapper:before {

        left: 37%;

    }

    #about p{

        width:100%;

    }

    .title-area p{

        width:90%;

    }

     #decSection h2 {

       font-size: 24px;

    }

     #decSection h3 {

       font-size: 20px;

    }

}

@media (max-width:480px){

    .innerBanner .page-title, .enablement-banner h2.page-title{

        font-size: 36px;

    }

    .innerBanner.connectedWork h2.page-title{

        font-size: 30px;

    }

    

}