/* Industrez - Industry and Factory HTML Template */
@media only screen and (max-width: 1340px){
}
@media only screen and (max-width: 1139px){
}
@media only screen and (min-width: 768px){
}
@media only screen and (max-width: 1023px){
}
@media only screen and (max-width: 767px){
}
@media only screen and (max-width: 599px){
.menubar {
height: 57px !important;
position: absolute;
width: 97%;
top: 10px;
/* background: #ffffff; */
z-index: 9;
/* border-radius: 49px; */
margin: auto;
display: inline;
left: 7px;
}
.about .exp img {
height: 123px;
/* width: 105%; */
}
.about .card .small-box {
background: #68c100;
height: 181px;
width: 175px;
padding-top: 37px;
border-radius: 38px;
margin-left: 14px;
}
.about .box-icon img{
height: 64px;
width: 64px;
}
.box-title {
font-size: 12px;
}
.about .about-list {
gap: 7px;
}
.title{
font-size: 28px;
text-align: center;
}
p{
font-size: 14px !important;
}
.top-bar{
display: none
}
.inq{
display: none
}
.navbar-light .navbar-toggler {
color: rgba(0,0,0,.55);
border-color: rgba(0,0,0,.1);
position: absolute;
float: right;
right: 20px;
background: #fff;
top: 8px;
}
.navbar{
padding: 1px;
}
.navbar-nav {
margin-left: 0px;
flex-direction: column !important;
text-align: left !important;
width: 100%;
}
.parallax-contact h2 {
text-align: center;
width: 100%;
padding-top: 51px;
}
.navbar-brand img{
width: 133px !important;
bottom: -50px;
margin-left: 0px;
}
.navbar-collapse {
flex-basis: 100%;
flex-grow: 1;
position: absolute;
align-items: center;
top: 104px;
background: #d8d8d8;
z-index: 999;
width: 100%;
left: 0;
}
.slider-tex h2 {
color: #fff;
font-size: 24px;
font-weight: bolder;
}
.slider-tex {
margin-top: -137px;
position: relative;
z-index: 5;
top: -13px;
left: 17px;
}
.about .img {
height: 389px;
width: 100%;
border-radius: 30px;
}
.about .card {
line-height: 0px;
position: absolute;
right: 32px;
width: 45%;
height: 199px;
bottom: -1px;
}
.about small{
text-align: center;
}
.w-100{
height: 374px;
}
.exp{
right: 0%;
}
.box-active p {
display: none;
}
.box4 p{
display: none !important;
}
.box4 h2{
font-size: 10px;
}
.box-active {
height: 130px !important;
}
.container{
width: auto !important;
}
.box4{
height: 130px;
padding: 10px;
margin-top: -103px;
}
.box4 img{
width: 40px;
}
.btn{
width: 100%;
margin-bottom: 10px;
font-size: 14px;
}
.navbar-expand-lg .navbar-nav
{
top: -28px;
}
.navbar-nav{
margin-left: 0px;
}
.nav-item{
background: #68c100;
padding-left: 20px;
border-bottom: 1px solid #fff;
}
.navbar-light .navbar-nav .nav-link{
color: #fff;
padding-top: 0px;
}
.section1 {
background: #fff;
}
.parallax-vission {
height: auto;
}
.sec-products .card-body .card-text .a {
position: absolute;
font-size: 37px;
bottom: 7px;
}
.sec-products .card-body .card-text a {
font-size: 14px;
}
.sec-products .card img {
width: 62%;
height: 92px;
margin: 35px 8px 1px 33px;
}
.sec-products .card-body .card-text{
padding-left: 14px;
}
.sec-products .card .card-text p{
font-size: 12px !important;
}
.sec-products .card {
margin-bottom: 26px;
height: 238px;
padding: 0px;
}
.sec-products .card p{
display: none;
}
.sec-products .card-body {
height: 355px;
}
.sec-products .product-Box1:before, .product-Box1:after {
left: 20px;
top: 19px;
right: 25px;
border-radius: 14px;
bottom: 33px;
}
.figures .card {
margin-bottom: 24px;
}
.counter-back{
height: 218px;border-bottom-right-radius: 0px !important;
}
.counter-box
{
background:none !important;
width: 30%;
border-radius: 0 !important;
}
.counter-back2 {
border-bottom-left-radius: 0;
height: 218px;
width: 100%;
}
.counter-back2 h3 {
font-size:18px !important;
}
.counter-back2 p {
font-size: 12px !important;
}
.sec-mission .img2 {
height: auto;
margin-top: 22px;
width: 78%;
}
.counter {
font-size: 35px;
color: #ffffff;
margin: 5px;
margin-top: -26px;
font-weight: bold;
text-align: center;
}
.card-text {
columns: #222222;
font-size: 16px !important;
padding: 0px;
height: 33px;
}
.counter-container {
display: flex;
justify-content: center;
gap: 1px;
}
.why .whyimg {
width: 100%;
height: 275px;
position: relative;
z-index: 9;
}
.why p {
color: #000;
font-size: 12px !important;
}
.leadreship h5 {
font-size: 19px;
color: #03630e;
text-align: center;
top: 52px;
font-weight: bold;
padding-top: 15px;
}
.leadreship .card{
margin-bottom: 20px;
}
.leadreship p {
text-align: center;
padding-top: 4px;
font-size: 15px;
font-size: 11px !important;
}
.certifications img {
height: 164PX;
width: 100%;
margin-bottom: 21px;
}
.why12 .card1 img{
width: 100%;
}
.why12 .card1{
margin-left: 0px !important;
}
.parallax-contact{
text-align: center;
}
.parallax-contact h2 {
font-size: 26px;
font-weight: 500;
padding: 25px;
margin-top: 10%;
}
.why12 ul
{
margin: auto;
display: inline;
}
.list{
margin: auto;
display: inline;
}
.why12 .card1{
width: 100%;
}
.sec-founder .list2{
padding: 0 !important;
padding-top: 0 !important; background: none !important;
}
.sec-founder .list li{
height: auto;
background: none !important;
border-radius: 0;
}
.sec-service img{
height: 150px !important;
}
.footer ul li {
font-size: 13px;
}
.footer p {
font-size: 13px;
}
.People .box-4 {
width: 96%;
border-radius: 73px;
height: 402px;
margin-left: 8px;
}
.People .back {
background: #eee;
height: 327px;
border-radius: 63px;
padding-right: -50px;
width: 100%;
z-index: 3;
margin-left: 0px;
margin-top: -375px;
position: relative;
box-shadow: rgb(0 0 0 / 7%) 0px 1px 2px, rgb(0 0 0 / 7%) 0px 2px 4px, rgb(0 0 0 / 7%) 0px 4px 8px, rgb(0 0 0 / 7%) 0px 8px 16px, rgb(0 0 0 / 7%) 0px 16px 32px, rgb(0 0 0 / 7%) 0px 32px 64px;
}
.blog .box .card-body p {
font-size: 22px !important;
}
.People .box-4 .icone {
margin-left: 148px;
font-size: 28px;
margin-bottom: 9px;
}
.People .box-4 img {
width: 58px;
height: 60px;
margin-left: 133px;
}
.blog img {
height: 328px;
width: 100%;
}
.p-70{
padding: 0px;
padding-top: 38px;
padding-bottom: 38px;
}
.sec-title h2{
font-size: 26px;
margin-left:0px;
}
.about p {
color: #000;
line-height: 24px;
}
.sec-title{
height: 104px;
}
.d-none{
display: block !important;
}
.People .box-4 .icone {
color: #cfcd7c;
text-align: cc;
margin-left: 166px;
font-size: 20px;
margin-bottom: 9px;
}
.testimonials h5{
font-size: 15px;
}
.small-text{
height: 300px;
overflow: hidden;
}
@media only screen and (max-width: 479px) {
}