@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap');

:root {
  --primary:#005e82;
  --secondary:#e63f22;
  --white:#fff;
  --dark:#111;
}


body {
    margin: 0;
    padding: 0 !important;
    font-family: 'Open Sans', sans-serif;
	font-family: 'Poppins', sans-serif;
    scroll-behavior: smooth;
    overflow: inherit !important;
}
input[type="text"], input[type="email"], input[type="tel"], input[type="date"], textarea, select {
  background: none;
  border: none;
  color: #444;
  font-size: 14px;
  line-height: normal;
  margin: 0 0 7px;
  padding: 13px 20px;
  width: 100%;
  outline: 0;
  border-radius: 40px;
  font-family: 'Open Sans', sans-serif;
  background: #ffffff;
}
select, input[type="date"] {
  padding: 14px 17px;
}
input[type="submit"] {
  color: var(--white);
  background: var(--primary);
  text-transform: uppercase;
  border: none;
  padding: 8px 20px;
  font-size: 14px;
  border: 0;
  letter-spacing: 0.8px;
  cursor: pointer;
  outline: none;
  font-weight: 600;
border-radius: 20px;
  font-family: 'Open Sans', sans-serif;
}
input[type="submit"]:hover {
  background: var(--secondary);
  color: var(--white);
  transition: 0.8s;
}
textarea {
  height: 100px;
  margin-bottom: 5px;
}
h1, h2, h3, h4, h5, h6 {margin: 0 0 15px 0;font-family: 'Poppins', sans-serif;color: #222222;font-weight: 500;text-transform: inherit;line-height: normal;}
h1 {
  font-size:28px
}
h2 {
  font-size:24px
}
h3 {
  font-size: 22px;
}
h4 {
  font-size: 20px;
}
h5 {
  font-size:18px
}
h6 {
  font-size:16px
}
p {
  padding: 0;
  margin: 0 0 10px 0;
  font-family: 'Poppins', sans-serif;
  color: #333;
  font-size: 14px;
  line-height: 27px;
  font-weight: 400;
}
ul, li, a{
  list-style-type: none;
  font-family: 'Poppins', sans-serif;
  color: #333;
  line-height: 24px;
  font-size: 14px;
}
a:hover {
  transition:0.8s;
  text-decoration:none;
}


.heading, .leftheading{
  margin-bottom: 30px;
  font-size: 36px;
  font-weight: 600;
  background-size: 100px;
  color: #144354;
}
.leftheading:after {
    left: 0;
    transform: translate(0);
}

.leftheading {
    background-position: left bottom;
}
.heading{
  text-align:center;
}

.subheading{
    width: 80%;
    margin: 0 auto 30px;
    text-align: center;
    font-size: 17px;
    color: #121212;
    font-family: 'Open Sans', sans-serif;
}
p.description {
    font-size: 16px;
    text-align: center;
    width: 80%;
    margin: 0 auto 40px;
}
.zoomeffect {
  overflow: hidden;
  position:relative;
}
.zoomeffect img {
  transition: transform 0.8s ease-in-out;
}
.zoomeffect:hover img {
  transform: scale(1.1);
}

/* TOPBAR SECTION CSS */

.topbar {
    background: var(--primary);
    padding: 7px 0;
    position:relative;
}
.topbar .row {
	align-items: center;
}
.topbar .col-9 {
    display: flex;
    align-items: center;
}
.topbar p {
    margin: 0;
    padding-right: 20px;
    margin-right: 20px;
    border-right: 1px solid #ffffff59;
}
.topbar p:last-child {
    padding: 0;
    margin: 0;
    border: none;
}
.topbar p, .topbar p a, .smoicons ul li a {
	color:#fff;
}

.topbar p i {
    margin-right: 7px;
}
.smoicons ul {
    display: flex;
    align-items: center;
    column-gap: 23px;
    justify-content: end;
}
.smoicons ul li, .smoicons ul li a {
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 500;
}

/* HEADER SECTION CSS */

header {
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 4;
    background: var(--white);
}
header.fixed {
    box-shadow: 0 2px 12px #00000017;
}
header .row {align-items: center;}
.menubar a.logo img {
    width: 205px;
}
.menubar .header-dtls {
    justify-content: flex-end;
    display: flex;
    align-items: center;
}

.menubar .col-sm-3:last-child ul li {
    margin-left: 8px;
}

.offcanvas-body.searchbar {display: flex;align-items: center;}
.searchbar-field {
    width: 50%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.searchbar-field .widget_search {
    width: 100%;
}
.searchbar-field .widget_search button[type="submit"] {
    position: absolute;
    right: 0;
    height: 100%;
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    width: 70px;
    background: var(--primary);
    color: var(--white);
    border: none;
    border-radius: 45px;
    font-size: 16px;
}
.searchbar-field .widget_search form {
    position: relative;
}
.searchbar-field .widget_search input[type="search"] {
    border: 1px solid #e7e7e7;
    padding: 10px 24px;
    border-radius: 45px;
	outline: none;
}
.searchbar-field button.btn-close {
    margin-left: 10px;
    border: 2px solid red;
    padding: 14px;
    border-radius: 32px;
}
.searchbar-field button.btn-close:focus {
    box-shadow: none;
}


/* SLIDER SECTION CSS */


.mainslider {
  position: relative;
}
.mainslider #carouselExampleFade img {
    height: 600px;
    width: 100%;
    object-fit: cover;
    filter: brightness(0.7);
    object-position: top;
}
.carousel-content {
    text-align: center;
}
.mainslider .carousel-caption h2 {
    font-size: 30px;
    margin-bottom: 0;
    font-weight: 600;
    display: block;
    color: var(--white);
    text-transform: uppercase;
}
.mainslider .carousel-caption h2 span {
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-weight: 400;
    margin-bottom: 15px;
    line-height: normal;
}


/* WHO WE ARE SECTION CSS */

.whoweare {
    padding: 60px 0;
}
.whoweare .row {
    align-items: center;
}
.whoweare h2 {
    margin-bottom: 20px;
}
.home .whoweare-content p {text-align: justify;}
.home .whoweare-content p:last-child {
    margin: 0;
}
.whoweare figure {
    display: flex;
    align-items: center;
    margin: 25px 0 30px;
}

.whoweare figure img {
    height: 70px;
    border-radius: 50%;
}

.whoweare figure h3 {
    font-size: 20px;
    margin: 0 0 0 12px;
    font-weight: 600;
}

.whoweare figure h3 span {
    display: block;
    font-size: 14px;
    font-weight: 500;
    margin-top: 5px;
    color: var(--primary);
}
.whoweare-image img {
    width: 100%;
    height: auto;
}
.whoweare-img img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.whoweare-content {
    padding-left: 25px;
}


/* WHAT WE DO SECTION CSS */

.whatwedo {
    padding: 50px 0 60px;
    background: #005e820f;
}
.whatwedo h2 {
    margin-bottom: 18px;
}
.whatwedo .row {
    row-gap: 24px;
}
.whatwedolist {
    background: var(--white);
    box-shadow: 4px 4px 15px #0000001a;
    border-radius: 20px;
    padding: 40px;
    text-align: center;
    position: relative;
    z-index: 0;
    overflow: hidden;
}
.whatwedolist-info {
    position: absolute;
    content: '';
    height: 0;
    width: 100%;
    left: 0;
    bottom: 100%;
    background: var(--secondary);
    border-radius: 18px;
    z-index: 1;
    transition: .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
    overflow: hidden;
}

.whatwedolist-info p {
    margin: 0;
    color: var(--white);
}

.whatwedolist:hover .whatwedolist-info {
    bottom: 0;
    height: 100%;
}
.whatwedolist figure {
    height: 120px;
    width: 120px;
    background: #f0f6f8;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin: 0;
}

.whatwedolist h4 {
    margin: 15px 0 0;
    font-weight: 600;
    transition: .5s;
}


/* COMPANY PARTNER SECTION CSS */

.companypartner {
    margin: 60px 0;
    background: #005e8212;
    padding: 60px 0;
}
.companypartnerlist {
    background: var(--white);
    height: 100%;
    text-align: center;
    box-shadow: 0 0 15px #0000001a;
    border-radius: 20px;
    padding: 28px 28px 20px;
}
.companypartnerlist img {
    border-radius: 0 !important;
    width: 100%;
    height: auto !important;
}

.companypartnerlist figure {
    min-height: 150px;
    border: 1px solid #e5e5e5;
    padding: 15px;
    border-radius: 15px;
}
.companypartner .row {
    align-items: normal;
    justify-content: center;
    row-gap: 23px;
}
.companypartnerlist h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 10px 0 0;
    color: var(--primary);
}


.expertisefield img {
    width: 98%;
    height: auto;
}

.expertisefield .row {
    align-items: center;
}

.expertisefield {
    padding: 60px 0;
}
.expertisefield ul {
    margin: 10px 0 18px;
}

.expertisefield h3 {font-weight: 600;font-size: 24px;}
.expertisefield ul li, .chemicals-fluids ul li {
    font-weight: 500;
    padding-left: 20px;
    margin-bottom: 10px;
    position: relative;
}
.expertisefield ul li:before, .chemicals-fluids ul li:before {
    position: absolute;
    content: '\f0a4';
    font-family: 'Font Awesome 5 Free';
    left: 0;
    color: var(--primary);
    font-weight: 600;
}
.expertisefield ul li:last-child, .chemicals-fluids ul li:last-child {
    margin: 0;
}
.commercial-marine {
    background: #f0f0f0;
    padding: 50px 0 60px;
}
.commercial-marine .row, .chemicals-fluids .row {
    align-items: center;
}
.commercial-marine figure img {
    width: 100%;
    height: auto;
    border-radius: 20px;
}
.chemicals-fluids img {
    width: 100%;
    height: auto;
    border-radius: 20px;
}
.chemicals-fluids h3 {
    font-size: 24px;
    font-weight: 600;
}


/* INDUSTRIES SECTION CSS */

.industries {
    padding: 50px 0 60px;
}
.industrie-item figure{
	margin:0;
	overflow: hidden;
}
.industrie-item img {
    width: 100%;
    height: 280px;
    object-fit: cover;
    transition: .5s;
}
.industrie-info {
    box-shadow: 0 0 8px #0000001c;
    text-align: center;
    padding: 15px 5px;
    background: var(--white);
    border-bottom: 3px solid var(--primary);
}
.industrie-info h3 {
    margin: 0;
    font-weight: 600;
    font-size: 19px;
}
/* .industrie-info a {
    box-shadow: 0 0 12px #00000024;
    background: var(--white);
    height: 45px;
    width: 45px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    position: relative;
    bottom: -24px;
    color: var(--primary);
} */
/* .industrie-info a:hover {
    background: var(--primary);
    color: var(--white);
} */
.industrie-item:hover {
    transform: translateY(-10px);
}

.industrie-item {
    transition: .5s;
}
.industrie-item:hover img {transform: scale(1.1);}

/* BENEFITS SECTION CSS */

.benefits {
    padding: 120px 0;
    margin-top: 60px;
    background: linear-gradient(0deg, #000000cc, #000000e0), url(../images/benefits-bg.jpg)no-repeat center center/cover;
    background-attachment: fixed;
    position: relative;
}
.benefits .row {
    align-items: center;
}
.benefits:before, .benefits:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background: url(../images/white-divider.png)no-repeat center top/cover;
}
.benefits:after{
	top: 0;
	bottom: auto;
	transform: rotate(180deg);
}
.benefits .leftheading {
    color: var(--white);
}
.benefits figure img {
    width: 100%;
}
.benefitslist {
    background-color: #ffffff;
    margin: 20px 0;
    padding: 35px 0px 35px 25px;
    border-left: 5px solid var(--primary);
    margin-left: auto;
    display: flex;
    align-items: center;
    box-shadow: 0 0 12px #000000;
    background-size: 10px 10px;
    background-image: repeating-linear-gradient(45deg, #ffa00014 0, #ffffff00 2px, transparent 0, transparent 50%);
}
.benefitslist:nth-child(2) {
    width: 95%;
}
.benefitslist p {
    margin: 0;
}
.benefitslist h3 {
    font-weight: 600;
    font-size: 20px;
}
.benefitslist:nth-child(3) {
    width: 95%;
}
.benefitslist figure img {
    width: 44px;
    height: 44px;
    filter: invert(1);
}

.benefitslist figure {
    margin: 0;
    height: 90px;
    width: 90px;
    background: var(--primary);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.benefitslist-info {
    width: 75%;
    margin-left: 20px;
}


/* WHY CHOOSE US SECTION CSS */

.whatweoffer {
    padding: 50px 0 60px;
}
.whatweoffer .row {
    row-gap: 23px;
}
.whatweofferlist {
    text-align: center;
    padding: 30px;
    box-shadow: 4px 4px 15px #0000001f !important;
    border: 2px solid transparent;
    transition: .5s;
    background: var(--white);
    border-radius: 20px;
}
.whatweofferlist:hover {
    border-color: var(--primary);
    transform: translateY(-5px);
}
.whatweofferlist h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 12px 0 0;
}
.whatweofferlist figure img {
    object-fit: cover;
    width: 70px;
}

/* HOMEABOUT SECTION CSS */

.homeabout {
    padding: 60px 0;
    overflow: hidden;
    background: #004ab708 url(../images/aboutus-bg.png)no-repeat center center/cover;
    background-attachment: fixed;
}
.homeabout .row {
  display: flex;
  align-items: center;
}
.homeabout-content .leftheading {
    margin-bottom: 15px;
}
.homeabout-content p {
    text-align: justify;
}
.homeabout-content p strong {
    font-size: 20px;
    display: block;
    margin: 15px 0 22px;
    color: var(--secondary);
    letter-spacing: .5px;
}
.homeabout img {
    width: 100%;
    height: auto;
	animation: updown 2s linear alternate infinite;
}
@keyframes updown{
	from{
		transform: translatey(-10px);
	}	
	to{
		transform: translatey(10px);
	}
}
.homeabout-content {
    padding-right: 25px;
}
.homeabout-content ul {
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0;
}
.homeabout-content ul li {
    line-height: 35px;
    font-size: 16px;
    width: 50%;
    position: relative;
    padding-left: 24px;
    font-weight: 500;
}
.homeabout-content ul li:before {
    position: absolute;
    content: '\f058';
    font-family: 'Font Awesome 5 Free';
    left: 0;
    font-size: 14px;
    color: #234896;
}
.homeabout-content .btn-primary {
    margin-top: 15px;
}




/* COUNTER SECTION CSS */


.counter{
	background: url('../images/counter-bg.jpg')no-repeat center center/cover;
	padding: 80px 0;
}
.counter .col-lg-3 .counterlist {
    padding: 0 28px;
}

.counter .col-lg-3 {
    border-right: 1px solid #dddddd4d;
}

.counter .col-lg-3:last-child {
    border: none;
}
.counterlist {
    display: flex;
    align-items: center;
    column-gap: 20px;
}
.counterlist figure {
    margin: 0;
}
.counterlist h3 {
    margin: 0;
    color: var(--white);
    font-weight: 500;
    font-size: 17px;
}

.counterlist h3 span {
    display: block;
    font-weight: 600;
    font-size: 42px;
    line-height: 38px;
    margin-bottom: 10px;
    color: var(--white);
}

/* CASE STUDIES SECTION CSS */

.casestudies {
    background: #000000;
}

.casestudies h2.leftheading, .casestudies p {
    color: var(--white);
}

.casestudies h2.leftheading span {
    display: block;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 1px;
    margin-bottom: 8px;
}

.casestudies {
    text-align: right;
}

.casestudies h2.leftheading {
    position: relative;
    padding-bottom: 20px;
}

.casestudies h2.leftheading:after {
    position: absolute;
    content: '';
    bottom: 0;
    right: 0;
    left: auto;
    transform: none;
    width: 70px;
    height: 4px;
    background: var(--white);
}

.casestudies p {
    font-size: 16px;
    margin: 0;
    line-height: 30px;
}

.casestudies .col-sm-3:first-child {
    padding: 50px 40px;
}
.casestudieslist figure img {
    width: 100%;
    height: 340px;
    object-fit: cover;
    transition: .5s;
}
.casestudieslist:hover img {
    transform: scale(1.1) rotate(5deg);
}
.casestudieslist:hover h3 {
    background: #000000;
}
.casestudies .row {
    margin: 0;
    align-items: center;
}

.casestudies .col-sm-3 {
    padding: 0;
}
.casestudieslist {
    position: relative;
    overflow: hidden;
}

.casestudieslist figure {
    margin: 0;
}

.casestudieslist h3 {
    margin: 0;
    background: #000000d4;
    color: var(--white);
    font-size: 20px;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 12px 30px;
    border-left: 4px solid var(--white);
    transition: .5s;
}

.casestudieslist h3 span {
    display: block;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 5px;
}

/* EXPERTISE SECTION CSS */

.expertise {
    padding: 70px 0;
    background: #f4f4f4;
}
.expertise .row {
    align-items: center;
}
.expertise figure img {
    width: 100%;
}
.expertise-content {
    margin-left: 20px;
    padding: 25px 035px;
    border-left: 2px dashed var(--primary);
    box-shadow: 0 0 12px #0000001a;
    background: var(--white);
}
.expertise-content h2.leftheading {
    font-size: 28px;
    line-height: 38px;
    margin-bottom: 16px;
}
.expertise-content ul li {
    position: relative;
    padding-left: 16px;
    line-height: 33px;
}

.expertise-content ul li:before {
    position: absolute;
    content: '\f101';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: var(--primary);
    left: 0;
    font-size: 12px;
}


/* PQR SECTION CSS */

.pqr-sec {
    border: 2px solid var(--primary);
    padding: 50px;
    border-radius: 20px;
    margin-bottom: 60px;
}

.pqr-sec .row {
    align-items: center;
}

.pqr-sec figure img {
    width: 100%;
    height: auto;
}

.pqr-sec p {
    font-size: 16px;
    margin: 0;
    border-left: 1px solid #ddd;
    padding-left: 25px;
    line-height: 30px;
}

.pqr-sec p a {
    font-weight: 600;
    color: var(--primary);
}

/* HOMEREVIEW SECTION CSS */

.reviews {
    padding: 90px 0;
    background: url(../images/reviewbg.jpg)no-repeat center top/cover;
    background-position: center;
}
.reviews .heading {
    margin-bottom: 40px;
}
.reviews-slider {
    width: 80%;
    margin: 0 auto;
}
.reviewslist {
  text-align: center;
}
.reviewslist figure {
    margin-bottom: 0;
}
.reviews img {
    display: inline-flex !important;
}

.reviewslist h5 {
    margin: 0;
    font-weight: 600;
    font-size: 18px;
    color: #222222;
}


.reviewslist .rating i {
  color: #ff8e2d;
  font-size: 14px
}
.reviewslist p {
    font-size: 17px;
    margin: 22px 0;
    text-align: center;
    font-weight: 500;
    font-style: italic;
    line-height: 32px;
}



.whychoose .row {
    align-items: end;
}
.whychoose-content {
background: var(--secondary);
    padding: 30px;
}
.whychoose-content h2 {
color: var(--white);
    font-size: 35px;
    font-weight: 600;
}
.whychoose-content h4 {
    color: var(--primary);
    font-size: 20px;
    line-height: 28px;
}
.whychoose-content p {
    color: var(--white);
    font-size: 15px;
    text-align: justify;
    margin-bottom: 0;
}
.whychoose figure {
    padding-left: 40px;
}
.whychoose img {
    width: 100%;
    animation: sliding 2s linear infinite alternate;
    position: relative;
    visibility: visible;
    margin: 0 auto;
    display: block;
}
@keyframes sliding{
	from{
		transform:translateY(10px);
	}
	to{
		transform:translateY(-10px);
	}
}

.homeservices {
    background: var(--primary);
    padding: 115px 0 60px 0;
    margin-top: -70px;
}
.homeservices .col-sm-3 {
    padding: 0 5px;
}
.homeservices-item {
    background: #eef1f8;
    padding: 20px;
    transition: all ease-in-out .5s;
}
.homeservices-item:hover {
    background: var(--white);
    border-radius: 12px;
}
.homeservices-item figure {
    background: var(--primary);
    width: 85px;
    height: 85px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}
.homeservices-item figure img {
    width: 70px;
}
.homeservices-item h3 {
    font-weight: 600;
    font-size: 19px;
    letter-spacing: -.5px;
    text-transform: capitalize;
    min-height: 60px;
    max-height: 60px;
    display: flex;
    align-items: center;
}
.homeservices-item:hover h3{
	color:var(--secondary);
}
.homeservices-item p {
    margin: 0;
}

/* BLOGS */

.homeblog {
    padding: 50px 0 70px;
}
.homebloglist {
    position: relative;
    box-shadow: 5px 5px 13px #0c0c0c14;
    transition: .5s;
}
.homebloglist:hover {
    box-shadow: 0 0 15px #0000002b;
    transform: translateY(-10px);
}
.homebloglist img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    transition: all ease-in-out .5s;
}
.homebloglist:hover img {
    filter: grayscale(1);
}
.homebloglist p{
margin: 0;
}
.homeblogbox {padding: 20px 30px;position: relative;}
.homeblogbox h3 {
    margin: 0;
}
.homeblogbox h3 a {
    font-size: 18.5px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: 600;
    line-height: normal;
}
.homebloglist ul.homeblogbtm {
    border-top: 1px solid #e7e7e7;
    position: relative;
    padding: 12px 30px;
    display: flex;
    align-items: center;
}

.homebloglist ul.homeblogbtm .readmore {
    position: absolute;
    bottom: 100%;
    right: 0;
    background: var(--primary);
    width: 50px;
    height: 42px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: var(--white);
    font-size: 17px;
}
.homebloglist ul.homeblogbtm li i {
    color: transparent;
    margin-right: 5px;
    -webkit-text-stroke: 1px var(--primary);
    font-size: 12px;
    transform: translateY(-1px);
}

.homebloglist h3 a:hover {
    color: var(--primary);
}

.homebloglist ul.homeblogbtm li {
    text-transform: uppercase;
    font-weight: 500;
    width: 50%;
}
.homebloglist ul.homeblogbtm li:nth-child(2) {
    border-left: 1px solid #e7e7e7;
    text-align: right;
}

/* CLIENT SECTION CSS */

.clients {
    padding: 50px 0 65px;
    background: #f4f4f4;
}
.clients ul.clients-slider {
    border: 1px solid #ddd;
}
.clients ul li {
    border-right: 1px solid #ddd;
    margin: 0 !important;
    background: var(--white);
    overflow: hidden !important;
    padding: 10px;
}
.clients ul li img {
    width: 100%;
}

/* FOOTER SECTION CSS */

footer {
    background: #000000;
    padding: 60px 0 0;
}

footer .col-lg-3:nth-child(2) {
    padding-left: 20px;
}
footer ul.menu li:nth-child(7) a, footer ul.menu li:last-child a {padding-bottom: 2px;}

footer ul.menu li a:before {
    position: absolute;
    content: '';
    left: 0;
    top: 12px;
    height: 1px;
    width: 12px;
    background: #e2e2e2;
}

footer ul.menu {
    position: relative;
}

footer ul.menu:before {
    position: absolute;
}

footer ul.menu li:last-child a {
    margin: 0;
}

footer ul li.menu-item {
    display: inline-block;
    width: 49%;
}
footer ul li.menu-item a {
    display: inline-block;
    position: relative;
    padding: 0px 0 10px 20px;
    border-left: 1px solid #e2e2e2;
}
footer ul li.menu-item a:hover {
  color: var(--primary);
}
footer figure img {
    margin-bottom: 0px;
    padding: 15px;
    background: var(--white);
    width: 140px;
    border-radius: 50%;
}

footer h3 {
  color: var(--white);
  font-weight: 500;
  padding-bottom: 16px;
  margin-bottom:25px;
  position: relative;
  font-size: 18px;
  letter-spacing: .5px;
  background: url(../images/footer-heading.png)no-repeat bottom left;
  text-transform: uppercase;
}

footer ul.footer-details li {
    position: relative;
    margin-bottom: 8px;
}
footer ul.footer-details li strong {
    font-weight: 600;
    color: var(--white);
    text-transform: capitalize;
}

footer ul.socialicon {
  display: flex;
  column-gap: 7px;
  margin-top: 22px;
}
footer ul.socialicon li a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    width: 36px;
    height: 36px;
    border-radius: 4px;
    color: #fff;
    margin: 0;
    border: 1px solid var(--white);
    font-size: 14px;
}
footer .readbtn {
    text-decoration: underline;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
    color: var(--primary);
    margin-top: 15px;
    display: block;
}
footer ul.socialicon li a:hover {
  background: var(--primary);
}

footer .ftdetails li i {
  margin-right: 8px;
}

footer ul li, footer ul li a, footer p, footer p a {
    color: #e2e2e2;
}
footer form input[type="email"] {
    background: #2a2e3a;
    border: none;
    border-radius: 2px;
    margin: 0;
    color: var(--white);
}
footer form input[type="email"]:focus::placeholder {
    transform: translateX(-150px);
}
footer form input[type="email"]::placeholder {
    transition: .5s;
}
footer form input[type="submit"]:hover {
    background: none;
    color: transparent;
}
footer form {
    margin-top: 25px;
    position: relative;
}

footer form input[type="submit"] {
    position: absolute;
    padding: 10px 15px;
    right: 0;
    top: 0;
    margin: 0 !important;
    background: transparent;
    font-family: 'Font Awesome 5 Free';
    color: transparent;
    -webkit-text-stroke: 1px var(--white);
    font-size: 18px;
}
.wpcf7 form .wpcf7-response-output {
    margin: 0 !important;
    padding: 1em 1em !important;
    font-size: 13px !important;
}
footer form span.wpcf7-spinner {
    position: absolute;
}

.copyright {
    margin-top: 50px;
    padding: 18px 0;
    border-top: 1px solid #ffffff17;
}
.copyright .row {
  align-items: center;
}
.copyright p, .copyright p a {
    margin: 0 !important;
    color: var(--white);
    letter-spacing: .2px;
}
.copyright ul {
    display: flex;
    justify-content: flex-end;
}

.copyright ul li:last-child {
    margin-left: 20px;
    padding-left: 20px;
    position: relative;
}

.copyright ul li:last-child:before {
    position: absolute;
    content: '';
    top: 10px;
    left: -1px;
    padding: 3px;
    background: #949494;
    border-radius: 50%;
}

#GoToTop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 22px;
    z-index: 99999999;
    padding: 0;
    background: var(--primary);
    width: 45px;
    height: 50px;
    cursor: pointer;
    font-size: 20px;
    color: var(--white);
    text-decoration: none;
    text-align: center;
    padding-top: 15px;
    border-radius: 4px;
}
#GoToTop i {
  display: block;
  padding-bottom: 3px;
}

#whatsappbtn {
  cursor: pointer;
  position: fixed;
  bottom: 4%;
  left: 20px;
  z-index: 99999999;
  padding: 0 9px;
  background: #4fcc5d;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  text-align: center;
  font-size: 32px;
  color: var(--white);
  z-index: 1;
}
#whatsappbtn:before {position: absolute;content: "";top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;background: #4fcc5d;box-shadow: 0 0 10px #4fcc5d;animation: playbtn 3s linear infinite forwards;z-index: -3;}
 @keyframes playbtn {
 from {
 transform:scale(1.0);
 opacity: 1;
}
to {
	transform:scale(1.5);
	opacity: 0;
}
}
#whatsappbtn img {
  width: 30px;
  margin-top: 10px;
}

.breadcrumb {
    padding: 30px 0;
    margin: 0;
    background: var(--primary);
}
.breadcrumb h1 {
  margin-bottom:8px;
}

.breadcrumb p {
  margin:0;
	text-align: center;
}
.breadcrumb p, .breadcrumb span, .breadcrumb p a {
  color: #fff;
  font-weight: 500;
}
.breadcrumb p a{
  padding-right: 18px;
  margin-right: 5px;
  position: relative;
}
.breadcrumb h1 span {
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 0;
  color: var(--white);
  text-transform: capitalize;
  line-height: normal;
}

.breadcrumb h1 .breadcrumbs_last {
  font-size: 28px;
  margin: 0 0 15px;
  font-weight: 800;
}
.breadcrumb h1 p{
  
}
.breadcrumb h1 span a {
  display: none;
}

.breadcrumb a:after {
  position: absolute;
  content: '\f101' !important;
  font-size: 10px !important;
  font-weight: 600;
  font-family: 'Font Awesome 5 Free' !important;
  color: var(--white);
  right: 0;
}



.secondary-container {
  padding: 60px 0;
}





/* BUSINESS PAGE CSS */

.secondary-container.what-we-do figure {
    margin: 0;
}

.secondary-container.what-we-do figure img {
    width: 100%;
    height: auto;
}
.business .row:nth-child(odd) {
    flex-direction: row-reverse;
}
.business .row {
    align-items: center;
}
.whatwedo-info {
    background: #f2f9ff;
    padding: 30px;
    border-radius: 20px;
    border: 1px solid #2777b25c;
}
.business p {
    font-size: 16px;
    line-height: 28px;
    color: #4d4d4d;
    margin: 0;
}


/* CONTACT US PAGE CSS */

.secondary-container.contactus {
    padding-bottom: 0;
}
.gogolemap iframe {
    width: 100%;
    height: 400px;
    margin-bottom: -8px;
}

.contactus input {
    padding: 15px 20px;
    margin-bottom: 12px;
}
.contactus input[type="submit"] {margin-top: 12px;padding: 10px 26px 11px;border-radius: 50px;letter-spacing: .5px;}
.contactus form p {
  margin: 0;
}
.contactus textarea {
    height: 130px;
    resize: none;
}
.contactus_details{
  margin-bottom: 23px;
}
.contactus form h3 {
    font-weight: 600;
    font-size: 28px;
    margin-bottom: 22px;
}
.contactus_details {
    border-radius: 4px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    padding: 20px 20px;
    transition: .5s;
    background: var(--primary);
    box-shadow: 5px -5px 5px #0000001a;
    height: 100%;
}
.contactus_details i {
  font-size: 18px;
  color: var(--primary);
  background: #ffffff;
  height: 60px;
  width: 60px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
.contactus_details h3 {
    font-weight: 500;
    margin: 15px 0 8px;
    font-size: 18px;
    color: var(--white);
}

.contactus iframe {
    width: 100%;
    height: 428px;
    margin-bottom: 20px;
    border-radius: 20px;
}
.contactus_details p, .contactus_details p a, .contactus_details a {
    margin-bottom: 0;
    font-size: 14px;
    color: var(--white);
}
.contactus-form {
    margin-top: 60px;
    padding: 50px 0;
    background: #f2f2f2;
}
.contactus-form .row {
    align-items: center;
}

.contactus-form figure {
    width: 100%;
    overflow:hidden;
}
.contactus-form figure img {
    width: 100%;
    height: auto;
}


/* WHOWEARE PAGE CSS */

.secondary-container.who-we-are, .secondary-container.services {
    padding-bottom: 0;
}

.secondary-container.whoweare .whoweare-content .about-image img {
    width: 100%;
    height: auto;
}
.secondary-container.whoweare .whoweare-content .leftheading {
    margin-bottom: 15px;
    font-size: 27px;
}
.secondary-container.whoweare .whoweare-content {
    background: var(--white);
    padding: 40px;
    border: 1px solid #ebebeb;
    border-left: 0;
}
.secondary-container.whoweare .whoweare-content p {
    line-height: 27px;
    color: #4d4d4d;
    font-size: 15px;
}
.secondary-container.whoweare .whoweare-content p:last-child {
    margin: 0;
}

.secondary-container.whoweare>.container>.row {
    align-items: center;
}
.whoweare-btm {
    background: var(--primary);
    padding: 35px;
    border-radius: 20px;
    margin: 60px 0 0;
}

.whoweare-btm p {
    color: var(--white);
}

.whoweare-btm p:last-child {
    margin: 0;
}
.chemicals-fluids {
    padding: 50px 0 60px;
}



/* WHATWEDO DETAILS PAGE CSS */

.whatwedo-box {
    padding: 20px 25px;
    background: #ffffff;
    box-shadow: 0 0 12px #0000001a;
    border-top: 3px solid var(--primary);
    border-radius: 20px;
}
.whatwedo-box:last-child {
    margin-top: 25px;
}
.whatwedo-box h3 {
    font-weight: 600;
    font-size: 22px;
    letter-spacing: 0;
}
.whatwedo-box input[type="text"], .whatwedo-box input[type="tel"], .whatwedo-box input[type="email"], .whatwedo-box textarea {
    background: #f7f7f7;
    margin: 0 0 8px 0;
    border: none;
    border-bottom: 1px solid var(--primary);
    padding: 13px 16px;
    border-radius: 4px;
}
.whatwedo-box input[type="submit"] {width: 100%;padding: 12px 20px;border-radius: 4px;}
.whatwedo-box  span.wpcf7-spinner {
    position: absolute;
}
.whatwedo-box ul li a, .whatwedo-content ul li {
    display: block;
    position: relative;
    line-height: 27px;
    font-size: 14px;
    font-weight: 500;
    padding-left: 20px;
    margin: 5px 0;
}
.whatwedo-box ul li a:before, .whatwedo-content ul li:before {
    font-size: 14px;
    position: absolute;
    content: '\f0a4';
    font-family: 'Font Awesome 5 Free';
    color: var(--primary);
    left: 0;
}

.whatwedo-content {
    padding: 25px;
    border-radius: 20px;
    box-shadow: 0 0 12px #0000001a;
}
.whatwedo-slider {
    margin-bottom: 20px;
}
.whatwedo-content figure {
    margin: 0 !important;
}
.whatwedo-content figure img {
    width: 100% !important;
    height: 400px !important;
    object-fit: cover;
	border-radius: 20px;
}
.whatwedo-content h2 {
    font-weight: 700;
    letter-spacing: 0;
}
.whatwedo-content h3 {
    margin: 20px 0 12px;
    font-weight: 600;
    font-size: 20px;
}

.whatwedo-content ul {
    margin: 15px 0;
}
.compliance {
    padding: 40px;
    background: var(--primary);
    margin-top: 50px;
    border-radius: 20px;
    text-align: center;
}

.compliance h3 {
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 12px;
    color: var(--white);
}

.compliance p {
    font-size: 16px;
    margin: 0;
    line-height: 32px;
    color: var(--white);
}

.safety-policy ul li, .environmental_policy ul li{
    font-weight: 500;
    padding-left: 20px;
    margin-bottom: 10px;
    position: relative;
}
.safety-policy ul li:before, .environmental_policy ul li:before{
    position: absolute;
    content: '\f0a4';
    font-family: 'Font Awesome 5 Free';
    left: 0;
    color: var(--primary);
    font-weight: 600;
}


/* TESTIMONIALS PAGE CSS */

.secondary-container.testimonials .reviewslist {
    padding: 30px 25px;
    box-shadow: 0 0 12px #00000030;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
}
.secondary-container.testimonials .reviewslist i {
    position: absolute;
    height: 80px;
    width: 80px;
    background: var(--primary);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: transparent;
    -webkit-text-stroke: 1px var(--white);
    border-radius: 50% 0 50% 50%;
    right: -5px;
    top: -5px;
    font-size: 28px;
    box-shadow: -3px 3px 0px #0000001a;
}
.secondary-container.testimonials .reviewslist p {
    font-size: 14.5px;
    line-height: 27px;
    margin: 18px 0;
}

.secondary-container.testimonials .reviewslist figure {
    margin: 0;
}

/* HOUSING SOLUTIONS PAGE CSS */

.housingsolutionsinfo-cnt h2 {
    margin-bottom: 10px;
}
.housingsolutions-info figure img {
    width: 100%;
    height: 350px;
    object-fit: cover;
    border-radius: 20px;
}

.housingsolutions-info .row {
    align-items: center;
}

.housingsolutions-info {
    margin-bottom: 60px;
}

.housingsolutionsinfo-cnt p {
    text-align: justify;
    font-size: 14px;
    line-height: 27px;
    margin-bottom: 15px;
}

.housingsolutionslist {
    border: 1px solid #ddd;
    background: #f4f4f4;
}

.housingsolutionslist h3 {
    margin: 0;
    padding: 16px;
    text-align: center;
    font-size: 19px;
    font-weight: 600;
}

.housingsolutionslist figure {
    overflow: hidden;
}

.housingsolutionslist figure img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.housingsolutions-top .row {
    row-gap: 23px;
    justify-content: center;
}

.housingsolutions-btm {
    margin-top: 60px;
}

.housingsolutions-btm .leftheading {
    font-size: 24px;
    text-transform: capitalize;
    background: #005e82;
    padding: 12px;
    text-align: center;
    color: var(--white);
    border-radius: 4px;
    margin-bottom: 40px;
}

.housingprojectlist {
    display: flex;
    align-items: center;
    background: #005e820d;
    border: 1px solid #ddd;
}

.housingprojectlist figure {
    width: 45%;
}

.housingprojectlist figure img {
    width: 100%;
    height: 240px;
    object-fit: cover;
}

.housingproject-info {
    width: 60%;
    margin-left: 20px;
}

.housingsolutions-btm .row {
    row-gap: 23px;
}

.housingproject-info span {
    display: inline-block;
    background: var(--primary);
    color: var(--white);
    font-size: 14px;
    padding: 3px 12px;
    border-radius: 2px;
}

.housingproject-info h3 {
    font-size: 17px;
    font-weight: 600;
    margin: 10px 0;
}

.housingproject-info h5 {
    margin: 0;
    font-size: 15px;
    color: var(--primary);
}	


/* PQR PAGE CSS */

.pqr-top figure img {
    width: 100%;
    height: 440px;
    border-radius: 20px;
    object-fit: cover;
}

.pqr-top .row {
    align-items: center;
}

.pqrtop-cnt ul li {
    font-weight: 500;
    line-height: 28px;
    padding-left: 20px;
    position: relative;
}

.pqrtop-cnt li:before {
    position: absolute;
    content: '\f0a9';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    left: 0;
    font-size: 12px;
    top: 1px;
    color: var(--primary);
}

.pqrtop-cnt {
    padding-left: 5px;
}



.qaqcservices{
    padding: 60px 0;
    background: #f2f2f2;
    margin: 60px 0;
}
.secondary-container.pqr h2{
    font-weight: 600;
    font-size: 34px;
    line-height: normal;
}
.secondary-container.pqr h2 span{
    display: block;
    font-size: 16px;
    color: var(--primary);
}
.secondary-container.pqr li{
    display: block;
    padding: 3px 0 3px 20px;
    font-weight: 600;
    position: relative;
}
.secondary-container.pqr li:before{
    content: "\f0a9";
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: var(--primary);
    font-size: 12px;
    left: 0;
}
.qaqcservices ul{
    margin-bottom: 10px;
    display: inline-block;
}
.qaqcservices figure{margin: 0;}
.qaqcservices figure img{
    border-radius: 4px;
    object-fit: cover;
    text-align: revert;
    width: 100%;
    height: auto;
}
.qaqc-services .row{
    align-items: center;
}

/* inspectors css */

.inspectors figure img{
    height: 460px;
    width: 100%;
    object-fit: cover;
}
.inspectors h2 span{
    display: block;
    font-size: 16px;
}
.inspectors ul{
    display: flex;
    flex-wrap: wrap;
    margin: 18px 0;
}
.inspectors li {
    width: 50%;
}
.inspectors-content{
    position: relative;
    background: #fff;
    width: 90%;
    padding: 30px;
    margin: -100px auto 0;
    box-shadow: 0 0 18px #0000001c;
}
.inspectors ul:last-child{
    margin: 0;
}

.inspectors p{
    text-align: justify;
}


.highlevelconsulting {
    margin-top: 60px;
}
a.contactbtn {
    background: var(--primary);
    color: var(--white);
    font-weight: 600;
    padding: 8px 18px;
    display: inline-block;
    text-transform: uppercase;
    border-radius: 4px;
    margin: 4px 0;
}

a.contactbtn i {
    margin-right: 2px;
}
.highlevelconsulting img {
    width: 98%;
    height: 500px;
    object-fit: cover;
    border-radius: 20px;
}

.highlevelconsulting .row {
    align-items: center;
}


/* PROJECT PAGE CSS */

.projectslist {
    text-align: center;
    box-shadow: 0 0 25px #00000024;
    border-radius: 10px;
}

.projectslist h3 {
    margin: 0;
    padding: 15px 20px;
    font-weight: 600;
    font-size: 18px;
    color: #144354;
}

.secondary-container.projects .row {
    row-gap: 23px;
}
.projectslist figure {
    overflow: hidden;
    border-radius: 10px;
}

.projectslist figure img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    transition: .5s;
}

.projectslist:hover img {
    transform: skew(5deg) scale(1.05);
}

/* OUR HISTORY SECTION CSS */

.ourhistory .row {
    align-items: center;
}
.history-content p strong {
    font-size: 16px;
    font-weight: 600;
}
.history-image img {
    width: 100%;
    height: auto;
    border-radius: 20px;
}

.history-content p {
    text-align: justify;
    line-height: 25px;
}


/* OUR GOAL SECTION CSS */

.ourgoal {
    padding-top: 45px;
    margin-top: 60px;
    background: linear-gradient(0deg, transparent, #f6fdff);
    border-top: 1px solid #efefef;
}
.ourgoal-img img {
    width: 100%;
    height: auto;
}

.ourgoal .row {
    align-items: center;
}

.ourgoal-cnt {
    text-align: justify;
    padding-right: 10px;
}

.ourgoal-cnt h4 {
    font-size: 16px;
    font-weight: 600;
    padding: 12px 0 0;
    margin: 0;
    color: var(--primary);
}

.ourgoal-cnt h3 {
    margin-top: 12px;
    font-size: 20px;
    font-weight: 600;
}

.ourgoal-cnt ul li {
    position: relative;
    padding-left: 21px;
    line-height: 22px;
    margin-bottom: 5px;
}

.ourgoal-cnt ul li:before {
    position: absolute;
    content: '\f0a4';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 14px;
    color: var(--primary);
    left: 0;
}


/* EXPERTISE PAGE CSS */

.secondary-container.expertise {
    padding-bottom: 0;
}
.fabrication-image img {
    width: 100%;
    height: auto;
}

.fabrication .row {
    align-items: center;
}

.fabrication-content {
    padding-left: 15px;
}

.fabrication-content p {
    text-align: justify;
}

.fabrication-content h2.leftheading {
    margin-bottom: 15px;
}

.expertisearea {
    padding: 45px 0 60px;
    margin: 60px 0 45px;
    background: #f1f1f1;
}
.expertisearea img {
    width: 100%;
    border-radius: 20px;
    border: 2px solid var(--primary);
}

.expertisearea-cnt ul li {
    position: relative;
    margin-bottom: 9px;
    font-weight: 500;
    padding-left: 23px;
}

.expertisearea-cnt ul li:before {
    position: absolute;
    content: '\f0a4';
    left: 0;
    font-family: 'Font Awesome 5 Free';
    color: var(--primary);
}

.expertisearea-cnt {
    padding: 25px;
    box-shadow: 4px 4px 15px #00000014;
    background: var(--white);
    border-radius: 20px;
}

.expertisearea-cnt ul li:last-child {
    margin: 0;
}


.qualitysystem-cnt ul {
    display: flex;
    align-items: center;
    text-align: center;
}

.qualitysystem-cnt ul li {
    width: 33.3%;
    padding: 20px 10px;
    font-size: 16px;
    font-weight: 500;
    margin: 0 10px;
    background: #005e82;
    color: var(--white);
    border-radius: 4px;
}


.policylist {
    background: var(--white);
    padding: 80px 30px 30px;
    border-radius: 4px;
    box-shadow: 4px 4px 15px #00000014;
    position: relative;
}

.policy {
    padding: 60px 0;
    margin-top: 60px;
    background: #005e8217;
}

.policy .row {
    align-items: normal;
    row-gap: 23px;
}

.policylist h4 {
    font-weight: 600;
}

.policylist-info {
    height: 114px;
    overflow-y: scroll;
    padding-right: 10px;
}
.policylist-info::-webkit-scrollbar {
    width: 8px;
    background-color: #F5F5F5;
}
.policylist-info::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    background: #005e8240;
}
.policylist-info::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 4px rgb(0 0 0 / 30%);
    border-radius: 10px;
    background-color: var(--white);
}
.policylist-info table, .policylist-info table tr, .policylist-info table td {
    border: 1px solid #ddd;
    padding: 7px 16px;
    font-weight: 300;
    font-size: 15px;
}
.policylist figure {
    height: 100px;
    width: 100px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #fdeeeb;
    border-radius: 50% 0 50% 50%;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
}

.policylist figure img {
    width: auto;
    height: auto;
}
.menubar li#menu-item-1371 {
    display: none;
}	


@media only screen and (max-width: 1199px) {
	.menutop li a { 
    margin: 32px 10px !important;
}	
.fabrication-content h2.leftheading {
    font-size: 30px;
}	
}

@media only screen and (max-width: 991px) {
.menubar a.btn {
    display: none;
}
.menubar .col-sm-3:last-child ul li:last-child {
    margin-left: 10px;
}	
.menubar .col-sm-6 {
    display: none;
}

.menubar .col-sm-3 {
    width: 50%;
}
.mainslider #carouselExampleFade img {
    height: auto;
}	
.heading, .leftheading {
    font-size: 30px;
}
.whoweare h2 {
    margin: 20px 0 15px;
}	
.whoweare-content {
    padding-left: 0;
}	
p.description {
    width: 100%;
    margin: 0 auto 30px;
}
.expertise-content {
    margin: 20px 0 0;
}	
.counter .row {
    row-gap: 40px;
}	
.homeblog .row {
    row-gap: 23px;
}
footer .col-lg-3:nth-child(2) {
    padding-left: 12px;
}	
.history-content {
    margin-top: 20px;
}	
.ourgoal-cnt {
    padding: 0 0 20px;
}
.expertisefield img {
    width: 100%;
    margin-bottom: 20px;
}	
.counter .col-lg-3 {
    border-right: none;
}	
.counter .col-lg-3 .counterlist {
    padding: 0;
}	
	
.fabrication-content {
    padding: 20px 0 0;
}	
.qualitysystem-cnt ul {
    flex-wrap: wrap;
}	
.qualitysystem-cnt ul li {
    width: 47%;
    margin: 5px 10px;
}
	
.secondary-container.contactus .row {
    row-gap: 12px;
}	
	
}

@media only screen and (max-width: 767px) {
header {
    padding: 5px 0;
}	
.menubar a.logo img {
    width: 160px;
}	
.menubar .col-sm-3:last-child ul li:last-child {
    margin-left: 10px;
}
.mainslider .carousel-caption h2 {
    margin-bottom: 0;
	font-size: 22px;
}	
.mainslider .carousel-caption h2 span {
    font-size: 14px;
}
.whoweare, .whatwedo, .whatweoffer, .expertise, .counter, .homeblog, .clients {
    padding: 40px 0;
}
.whatwedo .row, .whatweoffer .row {
    row-gap: 12px;
}	

footer {
    padding-top: 35px;
}	
.copyright {
    margin-top: 30px;
}
	
.breadcrumb h1 span {
    font-size: 24px;
    font-weight: 500;
}	
.breadcrumb {
    padding: 20px 0 15px;
}	
.secondary-container {
    padding: 35px 0;
}
.ourgoal {
    padding-top: 30px;
    margin-top: 25px;
}
.companypartner {
    margin: 35px 0;
    padding: 30px 0 35px;
}	
.whoweare-btm {
    padding: 20px;
    border-radius: 10px;
    margin: 35px 0 0;
}	
.expertisefield {
    padding: 35px 0 30px;
}	
.commercial-marine {
    padding: 30px 0 35px;
}	
.chemicals-fluids {
    padding: 30px 0;
}	
	
.expertisearea {
    padding: 30px 0 35px;
    margin: 20px 0 25px;
}
.qualitysystem-cnt ul li {
    width: 100%;
    margin: 5px 0;
}
.policy {
    padding: 40px 0;
    margin-top: 35px;
}	
.policy .row {
    row-gap: 12px;
}	
.secondary-container.projects .row {
    row-gap: 12px;
}	
.contactus-form {
    margin-top: 40px;
    padding: 30px 0;
}	
}

@media only screen and (max-width: 667px) {
.heading, .leftheading {
    font-size: 26px;
    margin-bottom: 15px;
}
.whatwedo .row {
    row-gap: 12px;
}	
.expertise-content h2.leftheading {
    font-size: 24px;
}	
.expertise-content {
    padding: 20px;
}	
}

@media only screen and (max-width: 479px) {
.topbar {
   display: none;
}
.mainslider #carouselExampleFade img {
    height: 340px;
}	
.whoweare figure {
    margin: 15px 0 20px;
}	
.whatwedolist {
    padding: 30px 40px;
}
.counterlist h3 span {
    font-size: 32px;
    margin-bottom: 0px;
}	
.homeblogbox, .homebloglist ul.homeblogbtm {
    padding: 15px;
}		
.fabrication-content h2.leftheading {
    font-size: 24px;
}	
.policylist figure {
    height: 80px;
    width: 80px;
}
.policylist figure img {
    width: 44px;
    height: 44px;
}	
.projectslist figure img {
    height: auto;
}	
.gogolemap iframe {
    height: 300px;
}	
}

@media only screen and (max-width: 395px) {
.heading, .leftheading {
    font-size: 22px;
}
.whatwedolist h4 {
    margin: 12px 0 0;
    font-size: 18px;
}
.whatwedolist {
    padding: 25px 40px;
}	
.expertise-content h2.leftheading {
    font-size: 20px;
    line-height: 32px;
}	
p.description {
    font-size: 14px;
    line-height: 25px;
}
.breadcrumb h1 {
    margin-bottom: 0;
}
.contactus_details i {
    height: 50px;
    width: 50px;
}	
}