html {
scroll-behavior: smooth;
}
body {
font-family: 'Lexend', sans-serif !important;
}
h1,h2,h3,h4,h5,h6 {
font-family: 'Roboto Condensed', sans-serif !important;
}
/*font-family: 'Lobster', cursive;*/
.container {
max-width: 1400px !important;
}
.header-menu-div {
width: 100%;
justify-content: flex-end;
}
.fixed-nav {
top: 0px !important;
position: fixed !important;
z-index: 9999999 !important;
/*background-color: #1c1c1c !important;*/
box-shadow: 0 3px 6px rgb(0 0 0 / 8%), 0 3px 6px rgb(0 0 0 / 8%);
}
.fixed-nav .header-menu-div {
width: 100%;
justify-content: flex-end !important;
}
.fixed-nav .header-menu-text {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.fixed-nav .dropdown-box-div {
margin: 15px auto 0 auto !important;
}
.main-navbar-div {
width: 100%;
top: 0px;
position: relative;
z-index: 999;
/*background-color: #000000;*/
}
.top-header-one {
padding-top: 12px;
padding-bottom: 12px;
background-color: #009138;
}
.top-header-two { background-color: #00792f; padding-top: 12px; padding-bottom: 12px; transition: 0.5s;
}
.fixed-nav .top-header-two {
padding-top: 5px;
padding-bottom: 5px;
}
.fixed-nav .navbar .dropdown-menu {
top: 45px !important;
}
.main-navbar-div nav {
padding-top: 0px !important;
padding-bottom: 0px !important;
width: 100%;
margin: 0 auto;
padding-left: 0px !important;
padding-right: 0px !important;
}
.inner-page-banners-main-div img {
width: 100%;
}
.big-menu-container {
max-width: 1650px;
margin: 0 auto;
}
.main-navbar-div nav .nav-item {
padding-top: 0px !important;
padding-bottom: 0px !important;
margin-left: 20px !important;
}
.main-navbar-div nav .navbar-brand {
padding: 0px;
position: absolute;
top: -60px;
}
.top-header-one-contain-div {
display: flex;
align-items: center;
justify-content: space-between;
}
.main-navbar-div nav .navbar-brand img {
max-width: 110px;
width: 100%;
}
.header-menu-text {
font-size: 17px;
letter-spacing: 1px;
font-weight: 400;
color: #ffffff !important;
position: relative;
padding-top: 0px !important;
padding-bottom: 0px !important;
padding-left: 12px !important;
padding-right: 12px !important;
line-height: 3.5;
font-family: 'Lexend' !important;
text-transform: capitalize;
}
.fixed-nav .header-menu-text {
font-weight: 400;
}
.header-menu-text:hover {
color: #fefe33 !important;
}
.header-menu-text:after {
color: #ffffff;
display: none !important;
} .dropdown-box-div {
width: 100% !important;
max-width: 100% !important;
margin: 30px auto 0 auto !important;
}
.drop-down-arrow {
color: #ffffff;
font-weight: 600 !important;
}/* adds some margin below the link sets */
.main-navbar-div .navbar .dropdown-menu {
border: none;
}
/********************************** About Page *********************************/
.about-content .Imgwrap img{
max-height: 425px;
border-top-left-radius: 25px;
border-bottom-right-radius: 25px;
}
.about-content .Imgwrap{
position: relative;
padding: 20px;
border-top-left-radius: 25px;
border-bottom-right-radius: 25px;
border:8px solid #009138;
z-index: 1;
}.about-content .big-img{
max-width: 425px;
min-width: 425px;}
.about-info .card-body{
height: 218px;
padding-bottom: 50px;
background: #fff;
position: relative;
padding-top: 20px;
padding-bottom: 50px;
}
.about-info .row{
gap: 30px;
}
.about-info .card{
max-width: 400px;
}
.about-info .card-title{
width: 266px;
background: #00792f;
padding: 16px;
text-align: left;
clip-path: polygon(100% 0, 100% 80%, 89% 100%, 0 100%, 0 0);
position: absolute;
left: 0;
bottom: 206px;
font-size: 22px;
font-weight: 700;
line-height: 29px;
color: #fff;
transition: all 0.3s ease-in-out;
}
.about-content .Imgwrap .overlay-img .img1 {
left: -100px;
bottom: 206px;
}
.about-content .Imgwrap .overlay-img .img2 {
right: 50px;
bottom: -75px;
}
.about-content .Imgwrap .overlay-img img {
position: absolute;
max-width: 260px;
display: block;
padding: 15px;
background: #fff;
border: 1px solid #d4d4d4;
}
.tc-blue{
color: #3b0fc3;
}
.tc-green{
color: #00792f;
}
/******************************* Contact Page *****************************/
.contact-page {
background-color: #ffffff;
padding-top: 100px !important;
padding-bottom: 70px !important;
}
.contact-page .single-contact-info {
position: relative;
min-height: 250px;
padding-left: 0;
margin-bottom: -5px;
text-align: center;
background-color: #e8f3d3;
margin-bottom: 30px;
border-radius: 8px;
padding: 30px 22px 20px;
transition: all .5s ease-in-out;
}
.contact-page .single-contact-info i {
position: unset;
margin-bottom: 15px;
font-size: 25px;
display: inline-block;
width: 50px;
height: 50px;
line-height: 50px;
background-color: #fe5a0e;
color: #ffffff;
border-radius: 50%;
transition: all .5s ease-in-out;
}
.single-contact-info i {
position: absolute;
left: 0;
top: 0;
font-size: 50px;
line-height: 1;
color: #ffffff;
}
.contact-page .single-contact-info h3, .contact-page .single-contact-info a {
color: #05125e;
text-decoration: none;
transition: all .5s ease-in-out;
}
.contact-page .single-contact-info:hover {
background: #009138;
border-radius: 8px;
}
.contact-page .single-contact-info:hover a , .contact-page .single-contact-info:hover h3 {
color: #ffffff;
}
.map-area iframe {
height: 480px;
width: 100%;
border: none !important;
display: block;
}
.pb-100 {
padding-bottom: 100px;
}
.map-area img{
width: 100%;
}
.section-title {
max-width: 600px;
margin: 0 auto 60px;
text-align: center;
}
.section-title1{
margin: 0 auto 60px;
text-align: center;
}
.section-title .top-title {
color: #102a82;
font-size: 18px;
display: block;
margin-top: -7px;
margin-bottom: 8px;
position: relative;
z-index: 1;
font-family: "Rubik", sans-serif;
}
.section-title h2 , .section-title1 h2{
margin-bottom: 20px;
font-size: 35px;
color: #00792f;}
.main-contact-area #contactForm {
max-width: 1080px;
margin: auto;
padding: 40px;
box-shadow: 0 2px 11px 0 rgb(0 0 0 / 39%);
background-color: #ffffff; border-radius: 8px;
}
.main-contact-area .form-group {
margin-bottom: 30px;
}
.main-contact-area .form-group label {
font-size: 16px;
margin-bottom: 10px;
}
.main-contact-area .form-group .form-control {
background-color: #ffffff;
box-shadow: 0 2px 11px 0 rgb(0 0 0 / 8%);
}
.list-unstyled {
color: #dc3545;
margin-top: 10px;
font-size: 14px;
}
.default-btn {
font-size: 16px;
color: #fff;
background-color: #009138;
border: none;
padding: 18px 30px;
line-height: 1;
transition: all 0.5s;
position: relative;
border-radius: 5px;
z-index: 1;
}
.main-contact-area .default-btn {
text-align: center;
display: table;
margin: auto;
}
.default-btn:hover { color: #ffffff;}
.default-btn::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #222222;
z-index: -1;
transition: all 0.5s;
border-radius: 5px;
transform: scale(0);
}
.default-btn:hover::before {
transform: scale(1);
}
/******************************** PRODUCTS PAGE ****************************/
.products .side-nav{
flex: 2;
position: sticky;
top: 180px;
height: fit-content;
}
.products .tab-content{
flex: 6;
background: #edeff1;
border-radius: 8px;
padding: 25px;
}
.side-nav{
gap: 10px 15px;
}
.side-nav.nav-pills .nav-link.active{
color: #fff;
background: #009138;
}
.side-nav.nav-pills .nav-link{
color: #009138;
background-color: #e8f3d3;
padding: 18px;
}
.product-info img{
max-height: 500px;
border-radius: 8px;
}
.product-info h2 {
font-size: 28px;
color: #009138;
margin-bottom: 18px;
text-transform: capitalize;
}
.list-style{
list-style: inside;
}
.list-style li::marker, .list-style1 li::marker{
color: #009138;
}
.list-style1{
column-count: 2;
}
.list-style li{
margin-bottom: 7px;
}
.d-list{ list-style: decimal;
}
.products .table-striped tbody tr:nth-of-type(odd) {
background-color: rgb(199 231 200);
}
.products .table-striped tbody tr:nth-of-type(even) {
background-color:#ffffff;
}
.border1, table , tr , td{
border: 1px solid #00792f !important;
}
.products p{
line-height: 28px;
}
/******************* Infrasture ******************/
.hover14 .imgwrap{
position: relative;
margin: 0px;
border-radius: 8px;
overflow: hidden;
margin-bottom: 30px;
transition: all .5s ease-in-out;
}
.hover14 img{
transition: all 2s ease-in-out;
}
.hover14:hover img {
transform: scale(1.5);
}
/***************** Export Page *******************/
.global-export-div img{
max-width: 700px;
min-width: 700px;
}
label.error {
color: #c42727;
font-size: 13px !important;
padding-left: 3px;
}
#strik-lb {
color: #c42727;
}
/***************** Thanks Page *******************/
.thanks-page-main-div {
margin-top: 300px;
margin-bottom: 300px;
}
.thankstextdiv .main-heading {
font-size: 42px;
margin-bottom: 20px;
color: #009138;
font-weight: 600;
letter-spacing: 1px;
}
.thankstextdiv .paratext {
color: black;
font-size: 17px;
}
@media screen and (min-width: 992px) {
.main-navbar-div .navbar {
padding-top: 0px;
padding-bottom: 0px;
}
.main-navbar-div .navbar .dropdown {
position: static;
}
.main-navbar-div .navbar .dropdown-menu {
width: 100%;
left: 0;
right: 0;
top: 24px;
display: block;
visibility: hidden;
opacity: 0;
transition: visibility 0s, opacity 0.3s linear;
}
.main-navbar-div .navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
display: block;
visibility: visible;
opacity: 1;
transition: visibility 0s, opacity 0.3s linear;
}
.main-navbar-div .navbar .dropdown-menu {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
background-color: #ffffff;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 0px;
}
}
.single-dropdown-menu {
position: absolute;
background-color: #ffffff;
border-radius: 0px;
display: none;
min-width: 150px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px; list-style-type: none; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.dropdown:hover > .single-dropdown-menu {
display: block !important;
}
.main-navbar-div nav .megamenu {
color: #000000 !important;
font-size: 17px;
transition: 0.4s;
font-weight: 500;
padding-left: 20px !important;
padding-right: 20px !important;
padding-top: 10px;
padding-bottom: 10px;
}
.main-navbar-div nav .megamenu:hover {
color: #000000 !important;
background-color: #d0ea2b;
}
.main-navbar-div nav .megamenu-item {
padding: 0px !important;
margin: 0px !important;
}
.nav-arrow-icon {
position: relative;
left: -5px;
font-size: 16px !important;
font-weight: 300 !important;
color: #000000;
}
.desk-margin-remove {
margin-bottom: 0px !important;
}
.careers-menu-padding {
padding-left: 22%;
}
.megamenu-link-main-div {
padding-top: 35px !important;
padding-bottom: 35px !important;
}
.drop-down-menu-img-div img {
max-height: 320px;
width: 100%;
border-radius: 5px;
object-fit: cover;
}
.header-menu-flex-div {
display: flex;
align-items: center;
} /* .drop-down-menu-img-div { padding-right: 10%;} */
.dropdown-box-div{
max-width: 800px !important;}
.multiple-menu-main-div ul li a {
color: #000000;
font-size: 17px;
font-weight: 500;
}
.multiple-menu-main-div ul li a:hover {
text-decoration: none;
color: #00792f;
}
.multiple-menu-main-div ul li {
margin-bottom: 15px;
position: relative;
padding-left: 18px;
position: relative;
}
.multiple-menu-main-div ul li:before {
font-family: FontAwesome;
content: "\f105";
display: inline-block;
padding-right: 0px;
vertical-align: middle;
font-weight: 600;
color: #000000;
position: absolute;
left: 0px;
font-size: 18px;
top: 0;
font-weight: 300;
}
.common-padding-div {
padding-top: 100px;
padding-bottom: 100px;
}
/*---------------- Footer css start --------*/
footer {
background-color: #222222;
padding-top: 70px;
padding-bottom: 70px;
}
.footer-box-div h4 {
color: #ffffff;
font-size: 26px;
margin-bottom: 30px;
font-weight: 300;
}
.footer-common-link-div {}
.footer-common-link-div ul {
list-style-type: none;
padding-left: 0px;
margin-bottom: 0px;
}
.footer-common-link-div ul li {
margin-bottom: 20px;
position: relative;
padding-left: 25px;
}
.footer-common-link-div ul li:last-child {
margin-bottom: 0px;
}
.footer-common-link-div ul li a { /* color: #ffffff; */
color: #8a8a8a;
font-size: 18px;
transition: .4s;
font-weight: 300;
font-family: 'Lexend' !important;
}
.footer-common-link-div ul li a:hover {
text-decoration: none;
color: #009138;
}
.footer-common-link-div ul li:before {
font-family: FontAwesome;
content: "\f111";
display: inline-block;
padding-right: 0px;
vertical-align: middle;
font-weight: 100;
color: #8a8a8a; /* color: #ffffff; */
position: absolute;
left: 0px;
font-size: 13px;
top: 3px;
}
.footer-contactus-div li {
padding-left: 45px !important;
}
.footer-contactus-div .footer-address-icon:before {
background-image: url(../../image/footer-address-icon.png);
}
.footer-contactus-div .footer-mail-icon:before {
background-image: url(../../image/footer-mail-icon.png);
}
.footer-contactus-div .footer-phone-icon:before {
background-image: url(../../image/footer-phone-icon.png);
}
.footer-contactus-div li:before {
background-position: center;
background-repeat: no-repeat;
background-size: contain;
height: 28px;
width: 28px;
position: absolute;
top: 3px;
content: "" !important;
left: 0;}
.footer-bottom-div {
background-color: #1c1c1c;
padding-top: 20px;
padding-bottom: 20px;
}
.footerflexbox {
display: flex;
align-items: center;
justify-content: space-between;
}
.footerflexbox .footercommontext {
color: #8a8a8a;
}
.footerflexbox .footercommontext a {
color: #ffffff;
}
/*-------------- Footer css end ------------*/
.home-banner-div {
position: relative;
}
.home-banner-div img {
width: 100%;
}
.home-banner-contain-div {
position: absolute;
width: 100%;
top: 16%;
left: 50%;
transform: translate(-50%,-50%);
padding-top: 30px;
padding-bottom: 30px;
max-width: 1400px;
padding-left: 15px;
padding-right: 15px;
}
.home-banner-contain-div h1 {
font-family: 'Lobster', cursive !important;
color: #009138;
text-align: center;
margin-bottom: 15px;
font-size: 56px;
}
.home-banner-contain-div p {
margin-bottom: 0px;
color: #0f0802;
text-align: center;
font-size: 28px;
}
.home-banner-contain-div1 {
background-color: rgb(0 0 0 / 54%);
position: absolute;
width: 100%;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
padding-top: 30px;
padding-bottom: 30px;
max-width: 1400px;
padding-left: 15px;
padding-right: 15px;
}
.home-banner-contain-div1 h1 {
font-family: 'Lobster', cursive !important;
color: #ffffff;
text-align: center;
margin-bottom: 15px;
font-size: 56px;
}.quality-maintenance-bg-banner-div .common-btn-main-div {
margin-top: 40px;
}
.common-btn-main-div .btn {
background-color: #009138;
border: 2px solid #009138;
min-width: 180px;
border-radius: 5px;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 15px;
padding-right: 15px;
color: #ffffff;
font-weight: 500;
text-transform: capitalize;
font-size: 16px;
font-family: 'Lexend' !important;
transition: 0.5s;
}
.common-btn-main-div .btn:focus {
box-shadow: unset !important;
}
.common-btn-main-div .btn:hover {
background-color: transparent;
color: #009138;
border: 2px solid #009138;
transition: 0.5s;
}
.quality-maintenance-bg-banner-div .common-btn-main-div .btn:hover {
color: #ffffff !important;
}
.common-para-text {
color: #777777;
font-size: 18px;
line-height: 30px;
font-weight: 400;
font-family: 'Lexend';
margin-bottom: 15px;
}
.quality-maintenance-bg-banner-div {
background: linear-gradient(0deg, rgb(0 0 0 / 70%), rgb(0 0 0 / 70%)), url(../../image/quality-maintenance-bg-banner.jpg);
padding-top: 80px;
padding-bottom: 80px;
background-position: center;
background-repeat: no-repeat;
border-radius: 10px;
padding-left: 5%;
padding-right: 5%;
background-size: cover;
}
.quality-maintenance-main-div .common-heading-main-div {
margin-bottom: 25px;
}
.common-heading-main-div h2 {
color: #000000;
font-size: 50px;
font-weight: 400;
margin-bottom: 0px;
font-family: 'Lexend' !important;
}
.common-heading-main-div h3 {
color: #000000;
font-size: 38px;
font-weight: 400;
margin-bottom: 0px;
font-family: 'Lexend' !important;
}
.common-heading-main-div h4{
color: #000000;
font-size: 28px;
font-weight: 400;
margin-bottom: 0px;
font-family: 'Lexend' !important;
}
.quality-maintenance-main-div .common-para-text {
text-align: center;
color: #a7a7a7;
}
.common-section-div .common-btn-main-div {
margin-top: 30px;}
.common-section-div .common-heading-main-div {
margin-bottom: 20px;
}
.global-export-main-div .common-section-div {
padding-top: 20%;
}
.global-export-main-div {
margin-bottom: 50px;
}
.padding-right-div {
padding-right: 5%;
}
.padding-left-div {
padding-left: 5%;
}
.our-product-main-div {
background-color: #e8f3d3;
}
.our-product-main-div .common-heading-main-div {
margin-bottom: 40px;
}
.our-product-box-div {
background-color: #ffffff;
box-shadow: 0px 4px 25px 0px rgb(0 144 54 / 30%);
border-radius: 8px;
padding: 30px 30px 40px 30px;
}
.our-product-box-div h4 {
text-align: center;
font-size: 20px;
font-weight: 500;
font-family: 'Lexend' !important;
color: #282828;
margin-bottom: 20px;
margin-top: 15px;
min-height: 60px;
}
.our-product-box-div .our-product-links {
display: block;
text-align: center;
font-family: 'Lexend' !important;
color: #009138;
font-weight: 600;
font-size: 19px;
}
.our-product-links i {
margin-left: 5px;
}
.global-group-banner-div img {
width: 100%;
}
.global-group-contain-div .common-heading-main-div {
margin-bottom: 40px;
}
.global-group-contain-div .common-para-text {
text-align: center;
}
.color1 {
color: #e4791b;
font-weight: 600;
}
.color2 {
color: #2b166c;
font-weight: 600;
}
.color3 {
color: #009138;
font-weight: 600;
}
.global-group-main-div {
position: relative;
}
.since-2015-img {
position: absolute;
right: 0px;
top: 50%;
transform: translate(0px,-50%);
}
.mob-img {
display: none;
}
.top-header-one-contain-div h5 {
color: #ffffff;
padding-left: 130px;
font-weight: 600;
font-size: 20px;
font-family: 'Lexend' !important;
}
.top-header-one-contain-div p {
color: #ffffff;
font-size: 16px;
font-weight: 400;
letter-spacing: .5px;
word-spacing: 1.5px;
font-family: 'Lobster', cursive;
}
.hovereffecthide {
color: #ffffff !important;
cursor: inherit;
}
.corevalus {
display: block;
padding: 100px 0;
background: #404040;
position: relative;
overflow: hidden;
}
.corevalus:before, .subsidiariesbg:before {
z-index: -0;
top: 0;
position: absolute;
right: 0;
width: 100%;
height: 100%;
background: url(../../image/footer-pattern.png) no-repeat center right;
content: "";
background-size: 100%;
}
.mapslider {
display: block;
margin: 50px 0 0 0;
position: relative;
min-height: 600px;
background: #88888821;
padding: 15px; width: 100%;
}
/*-------------------------- Media css ----------------------*/
@media only screen and (min-width: 320px) and (max-width: 767px) {
.container {
max-width: 540px !important;
}
.common-padding-div {
padding-top: 50px;
padding-bottom: 50px;
}
.desk-img {
display: none !important;
}
.mob-img {
display: block !important;
}
.since-2015-img {
position: relative !important;
right: 0px !important;
top: 0px !important;
transform: unset !important;
margin: 0 auto;
}
.since-2015-div {
text-align: center;
}
.single-dropdown-menu {
position: relative;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
background-color: white;
padding-left: 0px !important;
max-height: 210px;
overflow: auto;
}
.dropdown-box-div {
max-height: 195px;
margin-top: 0px !important;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
overflow-x: scroll;
padding-left: 10px !important;
padding-right: 10px !important;
}
.megamenu-link-main-div {
padding-top: 20px !important;
padding-bottom: 5px !important;
}
.multiple-menu-main-div h4 {
font-size: 20px;
margin-bottom: 14px;
}
.multiple-menu-main-div ul li a {
font-size: 16px;
color: #000000;
}
.header-menu-text:hover {
color: #000000 !important;
}
.drop-down-arrow , .multiple-menu-main-div ul li:before {
color: #000000;
}
.multiple-menu-main-div {
margin-bottom: 0px;
}
.main-navbar-div nav .megamenu {
color: #0d0f44 !important;
font-weight: 600;
}
.main-navbar-div nav {
padding-right: 0px !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
}
.main-navbar-div nav .navbar-brand {
padding: 0px;
position: relative;
top: 0px;
}
.main-navbar-div nav .navbar-toggler {
border: 3px solid #ffffff;
border-radius: 5px;
box-shadow: unset !important;
outline: unset !important;
}
.top-header-two {
padding-top: 0px;
padding-bottom: 0px;
}
.main-navbar-div nav .navbar-brand img {
max-width: 65px;
}
nav .navbarbarndicon i {
color: #ffffff;
font-size: 21px;
}
.top-header-one-contain-div {
flex-wrap: wrap;
width: 100%;
text-align: center;
}
.top-header-one-contain-div h5 {
text-align: center;
width: 100%;
padding-left: 0px;
font-size: 15px;
}
.top-header-one-contain-div h3{
font-size: 14px !important;
text-align: center;
width: 100%;
}
.top-header-one-contain-div .header-details-main-div a{
font-size: 14px !important;
}
.top-header-one-contain-div .header-details-main-div a i{
width: 20px !important;
height: 20px !important;
font-size: 12px;
}
.top-header-one-contain-div p {
text-align: center;
width: 100%;
margin-bottom: 5px !important;
}
.header-menu-div {
width: 100%;
margin: 10px 0 0 0;
border-radius: 5px;
padding-left: 15px !important;
padding-right: 15px;
padding-bottom: 10px;
padding-top: 10px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
background-color: #ffffff; }
.fixed-nav .top-header-one {
display: none;
}
.global-group-contain-div .common-para-text {
padding-left: 0px !important;
padding-right: 0px !important;
}
.nav-arrow-icon {
font-weight: 600 !important;
}
.main-navbar-div nav .nav-item {
padding-top: 7px !important;
padding-bottom: 7px !important;
margin-left: 0px !important;
margin-right: 0px;
}
.header-menu-text:hover {
color: #000000 !important;
}
.header-menu-text {
color: #000000 !important;
padding-left: 0px !important;
padding-right: 0px !important;
line-height: inherit !important;
}
.drop-down-menu-img-div {
display: none;
}
.row-reverse-div {
flex-direction: column-reverse;
}
.footer-box-div h4 {
font-size: 24px;
margin-bottom: 17px;
}
.footer-common-link-div ul li a {
font-size: 16px;
}
.footer-common-link-div ul li {
margin-bottom: 15px;
}
footer {
padding-top: 50px;
padding-bottom: 50px;
}
.footer-common-link-div {
margin-bottom: 30px;
}
footer .col-md-4 .footer-common-link-div {
margin-bottom: 0px;
}
.footerflexbox {
flex-wrap: wrap;
text-align: center;
}
.footerflexbox .boxtwo {
width: 100%;
}
.quality-maintenance-bg-banner-div {
padding-left: 15px;
padding-right: 15px;
padding-top: 50px;
padding-bottom: 50px;
}
.common-heading-main-div h2 {
font-size: 36px;
}
.common-para-text {
font-size: 16px;
}
.common-btn-main-div .btn {
padding-top: 10px;
padding-bottom: 10px;
font-size: 15px;
min-width: 180px;
}
.global-export-main-div .common-section-div {
padding-top: 50px;
}
.padding-right-div {
padding-right: 0px;
}
.global-export-main-div {
margin-bottom: 0px;
}
.common-img-div {
margin-top: 40px;
}
.global-export-div .common-img-div {
margin-top: 0px;
}
.global-group-contain-div .common-heading-main-div {
margin-bottom: 25px;
}
.global-group-contain-div {
margin-bottom: 35px;
}
.our-product-main-div .common-heading-main-div {
margin-bottom: 25px;
}
.our-product-box-div {
padding: 20px 15px 25px 15px;
}
.our-product-box-div h4 {
font-size: 22px;
margin-top: 15px;
min-height: inherit;
margin-bottom: 15px;
}
.our-product-box-div .our-product-links {
font-size: 18px;
}
.our-product-box-div {
margin-bottom: 30px;
}
.our-product-main-div .col-md-4:last-child .our-product-box-div {
margin-bottom: 0px;
}
.home-banner-div img {
width: 100%;
min-height: 450px;
object-fit: cover;
}
.home-banner-div1 img {
width: 100%;
min-height: 160px;
object-fit: fill;
}
.home-banner-contain-div h1 {
font-size: 25px;
margin-bottom: 5px;
}
.home-banner-contain-div p {
font-size: 16px;
}
.home-banner-contain-div {
width: 90%;
}
.global-group-contain-div .common-btn-main-div {
margin-top: 25px !important;
}
.contact-page {
padding: 60px 0 !important;
}
/**************** ABOUT-PAGE ****************/
.about-content .Imgwrap .big-img {
min-width: 100%;
}
#aboutid-info .card {
margin-bottom: 30px;
height: auto;
}
.about-content .Imgwrap{
max-width: 500px;
padding: 0;
border: none;
}
.about-content .big-img{
max-width: 290px;
min-width: 290px;
}
.about-info .card-title {
position: inherit;
bottom: inherit;
}
.about-info .card-body{
height: inherit;
}
/******* PRODUCTS-PAGE ************/
.products .side-nav, .products .tab-content{
flex: 0;
padding: 12px;
}
.list-style1 {
column-count: 1;
padding-left: 13px;
}
.products .side-nav{
position: inherit;
}
/************** EXPORT PAGE **************/
.global-export-div img{
max-width: 300px;
min-width: 300px;
}
.products .common-img-div img{
min-width: 250px;
}
.thanks-page-main-div {
margin-top: 170px;
margin-bottom: 170px;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
.about-info .card-body{
height: 300px;
}
.about-info .image-part{
position: relative;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.container {
max-width: 720px !important;
}
.common-padding-div {
padding-top: 50px;
padding-bottom: 50px;
}
.header-menu-text:hover {
color: #000000 !important;
}
.desk-view-logo-hide {
display: block !important;
}
.single-dropdown-menu {
position: relative;
}
.main-navbar-div nav .navbar-toggler {
border: 3px solid #e9e9e9;
border-radius: 5px;
}
nav .navbarbarndicon i {
color: #ffffff;
font-size: 21px;
}
.header-menu-div {
width: 100%;
margin: 10px auto 0;
border-radius: 5px;
padding-left: 15px !important;
padding-right: 15px;
padding-bottom: 10px;
padding-top: 10px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
background-color: #ffffff;
}
.nav-arrow-icon {
font-weight: 600 !important;
}
.dropdown-box-div {
margin-top: 0px !important;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
overflow-x: scroll;
padding-left: 10px !important;
padding-right: 10px !important;
}
.main-navbar-div nav .megamenu {
font-weight: 600;
font-size: 15px;
}
.single-dropdown-menu {
position: relative;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
background-color: white;
padding-left: 20px !important;
}
.header-menu-text {
font-size: 17px;
letter-spacing: 1px;
font-weight: 600;
color: black !important;
line-height: 28px;
padding-top: 5px !important;
padding-bottom: 5px !important;
}
.main-navbar-div nav .nav-item {
margin-left: 10px;
margin-right: 0px;
}
.drop-down-menu-img-div {
padding-right: 0px;
}
.multiple-menu-main-div ul li a {
font-size: 14px;
}
.header-menu-flex-div {
align-items: start;
}
.fixed-nav .header-menu-text {
padding-top: 5px !important;
padding-bottom: 5px !important;
}
.top-header-two {
padding-top: 0px;
padding-bottom: 0px;
}
.main-navbar-div nav .navbar-brand img {
max-width: 70px;
width: 100%;
}
.main-navbar-div nav .navbar-brand {
padding: 0px;
position: relative;
top: 0px;
} footer {
padding-top: 50px;
padding-bottom: 50px;
}
.footer-box-div h4 {
font-size: 22px;
margin-bottom: 25px;
}
.footer-common-link-div ul li a {
font-size: 15px;
}
.footer-common-link-div ul li {
margin-bottom: 15px;
padding-left: 20px;
}
.quality-maintenance-bg-banner-div {
padding-top: 50px;
padding-bottom: 50px;
}
.common-heading-main-div h2 {
font-size: 36px;
}
.quality-maintenance-main-div .common-heading-main-div {
margin-bottom: 20px;
}
.common-para-text {
font-size: 16px;
}
.quality-maintenance-bg-banner-div .common-btn-main-div {
margin-top: 25px;
}
.common-btn-main-div .btn {
font-size: 15px;
padding-top: 10px;
padding-bottom: 10px;
}
.global-export-main-div .common-section-div {
padding-top: 35px;
}
.global-export-main-div {
margin-bottom: 10px;
}
.our-product-box-div {
padding: 30px 15px 40px 15px;
}
.our-product-box-div h4 {
font-size: 18px;
}
.our-product-box-div .our-product-links {
font-size: 16px;
}
.our-product-main-div .common-heading-main-div , .global-group-contain-div .common-heading-main-div{
margin-bottom: 25px;
}
.since-2015-img {
height: 75% !important;
}
.global-group-contain-div .common-para-text {
padding-left: 10%;
padding-right: 10%;
}
.since-2015-img {
height: 75% !important;
}
.global-group-contain-div .common-para-text {
padding-left: 10%;
padding-right: 10%;
}
.home-banner-contain-div h1 {
font-size: 30px;
margin-bottom: 0;
}
.home-banner-contain-div p {
font-size: 16px;
}
.home-banner-contain-div {
max-width: 650px;
padding-top: 15px;
padding-bottom: 15px;
}
.top-header-one-contain-div h5 {
padding-left: 0px;
font-size: 16px;
}
.fixed-nav .top-header-one {
display: none;
}
#aboutid-info .card {
height: 600px;
font-size: 14px; }
.products .side-nav{
position: inherit;
}
.about-content .Imgwrap{
max-width: 100%;
padding: 0;
border: none;
}
.about-info .card-title {
position: inherit;
bottom: inherit;
}
.about-info .card-body{
height: 300px;
}
.contact-page {
padding: 60px 0 !important;
}
.thanks-page-main-div {
margin-top: 170px;
margin-bottom: 170px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.container {
max-width: 960px !important;
}
.common-padding-div {
padding-top: 60px;
padding-bottom: 60px;
}
.header-menu-text {
font-size: 12px;
padding-left: 0px !important;
padding-right: 0px !important;
}
.top-header-two {
padding-top: 10px;
padding-bottom: 10px;
}
.main-navbar-div nav .nav-item { /*margin: 0px !important;*/
padding-left: 7px !important;
padding-right: 7px !important;
margin-left: 15px !important; }
.main-navbar-div nav .navbar-brand img {
max-width: 95px;
}
.fixed-nav .header-menu-text {
padding-left: 0px !important;
padding-right: 0px !important;
}
.single-dropdown-menu {
min-width: auto !important;
}
.dropdown-box-div {
margin: 15px auto 0 auto !important;
}
.megamenu-link-main-div {
padding-top: 25px !important;
padding-bottom: 20px !important;
}
.fixed-nav .dropdown-box-div {
margin: 0px auto 0 auto !important;
}
.multiple-menu-main-div ul li a {
font-size: 15px;
}
.main-navbar-div nav .megamenu {
font-size: 15px;
}
footer {
padding-top: 50px;
padding-bottom: 50px;
}
.footer-box-div h4 {
font-size: 22px;
margin-bottom: 25px;
}
.footer-common-link-div ul li a {
font-size: 15px;
}
.footer-common-link-div ul li {
margin-bottom: 15px;
padding-left: 20px;
}
.quality-maintenance-bg-banner-div {
padding-top: 50px;
padding-bottom: 50px;
}
.common-heading-main-div h2 {
font-size: 36px;
}
.quality-maintenance-main-div .common-heading-main-div {
margin-bottom: 20px;
}
.common-para-text {
font-size: 16px;
}
.quality-maintenance-bg-banner-div .common-btn-main-div {
margin-top: 30px;
}
.common-btn-main-div .btn {
font-size: 15px;
padding-top: 10px;
padding-bottom: 10px;
}
.global-export-main-div .common-section-div {
padding-top: 35px;
}
.global-export-main-div {
margin-bottom: 10px;
}
.our-product-box-div {
padding: 30px 15px 40px 15px;
}
.our-product-box-div h4 {
font-size: 20px;
}
.our-product-box-div .our-product-links {
font-size: 16px;
}
.our-product-main-div .common-heading-main-div {
margin-bottom: 25px;
}
.global-group-contain-div .common-heading-main-div {
margin-bottom: 25px;
}
.since-2015-img {
height: 75% !important;
}
.global-group-contain-div .common-para-text {
padding-left: 10%;
padding-right: 10%;
}
.home-banner-contain-div h1 {
font-size: 38px;
}
.home-banner-contain-div p {
font-size: 20px;
}
.home-banner-contain-div {
max-width: 900px;
}
.top-header-one-contain-div h5 {
font-size: 14px;
padding-left: 112px;
}
.top-header-one-contain-div h3{
font-size: 14px !important;
}
.top-header-one-contain-div .header-details-main-div a{
font-size: 12px;
}
.top-header-one-contain-div .header-details-main-div a i{
width: 20px !important;
height: 20px !important;
font-size: 12px;
padding: 4px !important;
}
.contact-page .single-contact-info {
min-height: 295px;
}
.contact-page {
padding: 60px 0 !important;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
.drop-down-menu-img-div {
padding-right: 7%;
}
.container {
max-width: 1140px !important;
}
.common-padding-div {
padding-top: 70px;
padding-bottom: 70px;
}
.header-menu-text {
font-size: 15px;
padding-left: 10px !important;
padding-right: 10px !important;
}
.fixed-nav .top-header-two {
padding-top: 10px;
padding-bottom: 10px;
}
.main-navbar-div nav .nav-item {
/*margin: 0px !important;*/
padding-left: 0px !important;
padding-right: 0px !important;
}
.single-dropdown-menu {
min-width: auto !important;
}
.multiple-menu-main-div ul li a {
font-size: 15px;
}
.main-navbar-div nav .megamenu {
font-size: 15px;
}
.fixed-nav .dropdown-box-div {
margin: 5px auto 0 auto !important;
}
.dropdown-box-div {
margin: 20px auto 0 auto !important;
}
.footer-common-link-div ul li a {
font-size: 16px;
}
.quality-maintenance-bg-banner-div {
padding-top: 60px;
padding-bottom: 60px;
}
.common-heading-main-div h2 {
font-size: 42px;
}
.quality-maintenance-main-div .common-heading-main-div {
margin-bottom: 25px;
}
.common-para-text {
font-size: 16px;
}
.quality-maintenance-bg-banner-div .common-btn-main-div {
margin-top: 30px;
}
.common-btn-main-div .btn {
font-size: 15px;
padding-top: 10px;
padding-bottom: 10px;
}
.global-export-main-div .common-section-div {
padding-top: 15%;
}
.global-export-main-div {
margin-bottom: 30px;
}
.our-product-box-div {
padding: 30px 25px 40px 25px;
}
.our-product-box-div h4 {
font-size: 21px;
}
.our-product-box-div .our-product-links {
font-size: 18px;
}
.since-2015-img {
height: 75% !important;
}
.global-group-contain-div .common-para-text {
padding-left: 10%;
padding-right: 10%;
}
.home-banner-contain-div h1 {
font-size: 42px;
}
.home-banner-contain-div p {
font-size: 22px;
}
.home-banner-contain-div {
max-width: 1100px;
}
.top-header-one-contain-div h5 {
font-size: 18px;
}
}
@media only screen and (min-width: 1441px) and (max-width: 1660px) {
.common-padding-div {
padding-top: 80px;
padding-bottom: 80px;
}
.single-dropdown-menu {
min-width: 140px !important;
}
.header-menu-text {
font-size: 15px;
padding-left: 8px !important;
padding-right: 8px !important;
}
.since-2015-img {
height: 75% !important;
}
.global-group-contain-div .common-para-text {
padding-left: 10%;
padding-right: 10%;
}
.home-banner-contain-div h1 {
font-size: 48px;
}
.home-banner-contain-div p {
font-size: 25px;
}
.home-banner-contain-div {
max-width: 1260px;
}
}
@media only screen and (min-width: 1661px) and (max-width: 1800px) {
.since-2015-img {
height: 80% !important;
}
}
.top-header-one-contain-div .header-details-main-div a{
color: #ffffff;
font-size: 17px;
text-decoration: none !important;
margin-bottom: 0px;
margin-left: 25px;
transition: all ease .5s;
}
@media (max-width: 1024px) {
.top-header-one-contain-div .header-details-main-div a{
font-size: 15px;
}
}
@media (max-width: 991px) {
.top-header-one-contain-div .header-details-main-div a{
margin-left: 12px;
}
}
.top-header-one-contain-div .header-details-main-div a:hover{
color: #f1ea06;
}
.top-header-one-contain-div .header-details-main-div label a i {
background: #fff;
width: 27px;
height: 27px;
padding: 5px;
border-radius: 50%;
color: #009138;
margin-right: 7px;
}
.top-header-one-contain-div h3 {
color:#f1ea06;
font-weight: 400;
font-size: 18px;
font-family: 'Lexend' !important;
}