/* Industrez - Industry and Factory HTML Template  */
@media only screen and (max-width: 1340px){
.logo {
width: 140px;
}
	 
}

@media (max-width: 575px) {

    .our-strengths-section {
        padding: 55px 0;
    }

    .strengths-heading h2 {
        font-size: 30px;
    }

    .strengths-heading p {
        font-size: 14px;
    }

    .strength-card {
        padding: 30px 22px 25px;
    }

}
@media(max-width:991px){
.hero-banner{

text-align: center;
justify-content: center;
}
.contact-strip {
width: 88%;
/* display: flex; */
position: relative;
align-items: center;
justify-content: space-between;
background: #f86a14;
border-radius: 25px;
overflow: hidden;
/* margin: 50px 0; */
height: auto !important;
left: 3px;
display: flex;
bottom: -31px;
margin: auto;
margin-top: 0px;
}

.banner-title{
font-size: 30px;

}
.banner-img img {
width: 81% !important;
}

.banner-btns{
flex-direction: column;
gap: 20px;
}

.phone-btn{
border-right: none;
padding-right: 0;
}

.banner-img{
position: relative;
right: auto;
margin-top: 40px;
}

.banner-img img{
width: 84%;
max-height: 500px;
object-fit: contain;
}
.certificate-box {

    padding: 11px 18px !important;
  
    box-shadow: 0 10px 35px rgba(0,0,0,.08);
 
    height: 174px !important;
    margin-bottom: 19px !important;
}
/*.section-title h2{
font-size: 40px;
}*/

.service-card{
padding: 35px 25px;
}

.service-card h3{
font-size: 20px;
}
.counter-left{
text-align: center;
margin-bottom: 50px;
}
.footer .contact-card {
margin-top: 0 !important;
}

.counter-left h2{
font-size: 42px;
}
.counter-box{
width: 100%;
min-height: auto;
}
.contact-strip{
flex-direction:column;
}
.product2 .card .btn-primary {
padding-top: 7px;
padding-bottom: 7px;
color: #fff;
padding-left: 13px;
padding-right: 17px;
border-color: #009fdd;
}
.contact-box{
width:100%;
display: flex;
align-items: flex-start;
gap: 43px;
padding: 6px 23px;
position: relative;
}
.sec-client {
height: 379px !important;
}
.contact-box::after{
display:none;
}


}
@media only screen and (max-width: 1139px){
}
@media only screen and (min-width: 768px){
}
@media only screen and (max-width: 1024px){
.about .img3{
left: 77px !important;
}

.counter-box {

width: 28%;
height: 221px;
}
.counter-box img {

height: 221px;
}
.counter+ .t-p{
bottom: -16px !important;
}
.product .card .fa {
font-weight: 900;
position: absolute;
z-index: 9;
width: 15%;
}
.product .card img {
height: 223px;
}
.counter-container2 {
display: flex;
justify-content: center;
gap: 61px;
}
.space .track-img {
width: 37%;
position: absolute;
margin-top: -38px;
animation: 3s slide-right 0.3s forwards;
transform: translate(-100%);
z-index: 8;
}

@keyframes slide-right {
to {
transform:translate(0);
margin-left: 350px;

}
}
.people .testimonial-block:after {
    position: relative;
    content: '';
    right: -112px;
    bottom: 447px;

}
.vision2 .card-body p {
    font-size: 16px;
    color: #fff;
    text-align: justify;
}
.parallax-contact h2 {
text-align: center;
width: 100%;
font-size: 27px;
padding: 8px;
}
}
@media only screen and (max-width: 767px){	
}
@media only screen and (max-width: 599px){
.padding-70{
padding: 0px;
padding-top: 30px;
}
.card-icone .icone-1 {
width: 33px;
padding: 3px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
z-index: 9 !important;
list-style: none;
}
.box5{
padding: 25px;

}
.menubar{

}
.title{
    font-size: 31px !important;
/*text-align: center;*/
}
.certificates img {
    width: 197px;
    height: 183px;
    border-radius: 20px;
}
.eyecare .p-text {
    color: #000;
    font-size: 16px;
    line-height: 27px;
}
.section-padding .country-box small {
     color: #000;
    font-size: 16px;

    }
.section-padding .country-box h5 {
    margin-top: 4px;
    margin-bottom: 0px;
    color: #0d2d62;
    font-weight: 600;
}
.project-content h4 {

    font-size: 20px;
    margin-bottom: 15px;
    
}


.service-card {

    height: 335px;
}
.project-arrow {

    bottom: 26px;
}
.project-card {
height: 391px;
    margin-bottom: 24px;

}
.project-card  .img-fluid {
    max-width: 100%;
    height: 269px;
}
.project-info {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    font-size: 17px;
    color: #777;
}
.csr-section .csr-box h4 {

    font-size: 16px;
    margin-bottom: 5px;
}
.csr-section .csr-box img {
    width: 148px;
    height: 99px;
    margin-bottom: 8px;
    transition: .4s;
}

.csr-section .csr-box {
    padding: 17px 7px;
    height: 183px;
    margin-bottom: 23px;

}
.csr-parallax {
    height: auto !important;
    background-attachment: scroll;
}
.csr-section .csr-box p {
    color: #010101;
    line-height: 22px;
    font-size: 15px;
}

.news-section .news-text h5 {
    font-size: 15px;
}
.news-section .news-box {
 
    height: 154px;
  border-bottom: none;
    margin-bottom: 20px;
}
.counter-container {
display: flex;
justify-content: center;
gap: -1px;
flex-wrap: wrap;
}
.counter-box {
border-radius: 19px;
padding: 6px 7px;
width: 82%;
    height: 194px;
margin-bottom: 29px;


}
.counter-box h3 {

font-size: 37px;
font-weight: 700;
margin-bottom: 4px;
}
.counter-container .one{
margin-top: 0px !important;
}
.counter-box img {

width:72px;

height: 56px;
right: -1px;
top: 0px;
border-radius: 18px;
background: no-repeat;

}
.space .container2 .counter-box2 {
margin-top: 1px !important;
}
.counter-container2 {
display: flex;
justify-content: center;
gap: 1px;
flex-wrap: wrap;
}
.space .track-img2 {
margin-top: -23px !important;
}
.space .track-img{
width: 51%;
position: absolute;
margin-top: -64px;
animation: 3s slide-right 0.3s forwards;
transform: translate(-100%);
z-index: 9;
}
.people .test-img {
width: 100%;
position: absolute;
/* top: 0; */
margin-top: 112px;
/* bottom: 49px; */
left: 0;
}
@keyframes slide-right {
to {
transform:translate(0);
margin-left: 110px;
}
}
.space h2{
font-size: 21px !important;
}
.space p{
font-size: 14px !important;
}
.space .row{
position: relative !important;
right: -4px !important;
margin-top: -11px;
width: 100%!important;
}
.space h3 {
font-size: 16px;
    margin-left: 86px;
}
.space h3 {
font-size: 15px;
color: #108340;
font-weight: bold;
height: 110px;
/* text-align: center; */
padding-top: 0px;

}
.emergency .appointment-form {
    background: #ffffff;
    padding: 25px;
    width: 350px;
    border-radius: 10px;
    position: relative;
}
.emergency h3 {
    font-size: 28px;
}
.emergency p{
    font-size: 28px !important;
}
p{
font-size: 14px !important;

}
.hideThis{
display: none !important;
}
.stick-top{
display: none !important;
box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
}
.top-bar{
background: #fff;
}
.top-bar p{
display: none;
}
.inq{
display: none
}
.gallery .card-img-top{
height: 220px;
width: 100%;
}
.carousel-indicators .active {
opacity: 1;
margin-bottom: 98px;
}
.navbar-toggler {
background: #fff;
}

 .navbar-light .navbar-toggler {
    color: rgba(0,0,0,.55);
    border-color: rgba(0,0,0,.1);
    position: absolute;
    float: right;
    /* right: -114px; */
    margin-top: 8px;
    right: 0;


}
.navbar-collapse {
flex-basis: 100%;
flex-grow: 1;
position: absolute;
align-items: center;
top: 64px;
z-index: 999;
width: 100%;
left: 0;
}
.space .description{
color: #000 !important;
}
.w-100{
height: 233px;
margin-top: 116px;
}
.navbar{
padding: 11px;
}
.navbar-brand img{
    width: 261px !important;
    margin-left: -68px;
    /* margin-top: 2px; */

}


.carousel-control-next-icon, .carousel-control-prev-icon {
 
    margin-top: 146px;
}
.menubar{
margin-top: 0px !important;
}
.slider-tex p {
display: none;
}
.slider.carousel-indicators {
bottom: -22px !important;
}
.slider-tex h2 {
font-size: 29px;
}
.slider-tex {
position: relative;
z-index: 9;
    top: -61px;
padding-top: 0px;
margin-left: 50px;
margin-top: -82px;
}
.section-title h2 {
margin: 0px 0;
line-height: 36px !important;
    }
.business-card {
margin-bottom: 14px;
}
.border-title-left::after {
content: "";
width: 402px;

}
.parallax-why {
min-height: 439px;
}
.why .card h2 {
font-size: 19px;
}
.why p{
display: none;
}
.footer-card{
background: #ff8c00 !important;
height: 348px !important;
position: absolute !important;
margin-top: -93px !important;
left: 11px !important;
width: 100% !important;
padding: 15px !important;
}
.nuts-img {
margin-bottom: 30px;
}
.about .img3 {
width: 38%;
left: 92px;
margin-top: -115px;
}
.about .img {
width: 300px;
margin-top: 230px;
z-index: 6;
height: 266px;
left: 132px;
border-radius: 10px !important;
}
.about .img-2 {
height: 244px;
margin-top: 185px;
position: relative;
z-index: 7;
width: 100%;
border-radius: 10px;
}
.serviceBox1{
margin-bottom: 20px;
}
.vision-mission .both {
margin-top: 322px;
background: #f7f7f6;
margin-left: 80px;
border-radius: 15%;
border: navajowhite;
}
.vision-mission .box{
margin-top: 146px;
margin-bottom: 40px;
}
.footer:before{
display: none;
}
.why .box h3 {
font-size: 18px;
}
.why .card{
background: #00293e;
height: 439px !important;
}
.footer .container-fluid {
padding: 37px !important;
}
.footer a {
color: #fff;
        font-size: 14px;
}
.footer h2 {
font-size: 18px;
}
.about img {
height:auto;
}
.about p{
font-size: 17px;
line-height: 24px;
}
.about h5 {
font-size: 15px;
color: #423e3e;
font-weight: 500;
margin-top: 26px;
text-align: center;
}
.Offer .mt-5{
margin-top: 0rem !important;
}
.elementor1 {
position: absolute;
margin-top: -87px;
z-index: 9;
/* display: flex; */
/* right: 132px; */
background: #c0a28a91;
width: 94.6%;
padding-right: 12px;
border-radius: 9px;
padding: 7px;
height: 84px;
}

.about .row-card {
width: 100%;
padding: 13px !important;
}
.eyecare .img {

    border-radius: 9%;
    width: 101%;
    height: auto;
    margin-top: 16px;
    /* width: 55%; */

}
.eyecare .sub-title {
    CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX;
    margin-left: 47px;
    position: absolute;
    display: inline-block;
    font-size: 43px;
    line-height: 80px;
}
.vision2 .round-img {
width: 386px;
z-index: 9;
position: relative;
height: auto;

}
.vision2 .card {
border: none;
background: #91bb39;
height: 300px;
}
.vision2 img {
height: 100px;
width: 114px;
}
.contact3 .card h3 {
    font-size: 15px;
    margin-top: 14px;
    text-align: center;

}
.contact3 .card {
height: 254px;
width: 100%;
padding-top: 23px;
text-align: center;
padding: 30px;
}
.team img {
margin-bottom: 23px;
}
.certificates img {
margin-bottom: 21px;
}
.services .row-card {
    background: f00;
    /* border: none; */
    background: #fff;
    /* margin-top: -48px; */
    z-index: 7;
    /* position: absolute; */
    padding: 47px;
    width: 100%;
    padding: 37px 41px 68px 29px;
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.10);
    border-radius: 20px;
    margin-top: 135px;
}
.services .card .icone {
    color: #fff;
    font-size: 12px;
    width: 81px;
    height: 75px;
    margin-left: 25px;
}
.services img{
    width: 100%;
}
.service .box {
background: #1e3f74;
padding: 1px;
height: 290px;
margin-top: 19px;

}

.counter-icon {
   margin-bottom: 5px; 
}
.eyecare ul li {
    font-size: 12px;
}
.sec-counter .counter-box img {
        width: 68px;
        height: 76px;
        position: relative;
        left: -46px;
        bottom: 63px;
        padding: 8px;
    }
.counter {
font-family: 'On Sans', sans-serif;
color: #fff;
position: relative;
z-index: 1;
font-size: 21px;
left: 2px;
}
.sec-counter small {
font-size: 41px;
position: absolute;
right: 31px;
margin-top: -66px;
z-index: 9;
color: #fff;
}
.sec-counter .counter-box p {
    margin: -2px 6px 5px;
    padding: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    margin-top: -32px;
    margin-left: 2px;
}
.sec-counter .counter-box .cost-2{
    padding: 10px;
}

.sec-counter .counter-box {
    display: block;
    background: #0000002e;
    padding: 11px 18px 37px;
    text-align: center;
    margin-bottom: 18px;
    /* border-right: 1px solid #ffffff; */
    /* border-bottom: 1px solid #ffffff; */
    border-radius: 8%;
    height: 173px;
}
.sec-counter .track-img {
    width: 49%;
    position: absolute;
    margin-top: -55px;
    left: -18px;
    opacity: 0.3;
    animation: 3s slide-right 0.3s forwards;
    transform: translate(-100%);
    z-index: 7;
}
.space .icone {
    width: 59px;
    height: 58px;
    background: #ffffff;
    padding: 6px;
    /* margin-left: -111px; */
    border-radius: 13px;
    border: 1px solid #00aef6;
    position: absolute;
    left: 13px;
    top: 15px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.service .text3{
font-size: 21px;
}
.service h3 {
font-size: 19px;
color: #fff;
font-weight: bold;
padding: 6px;
}
.service img {
height: 208px;
width: 100%;
}
.reliable h5 {
font-size: px;
color: #423e3e;
font-weight: 500;
text-align: center;
}
.reliable p {
text-align: justify;
}
.reliable ul li{
margin-left: -11px;
}
.reliable .box {
display: none;
}
.reliable img {
height: 238px;
width: 100%;
margin-top: 31px;
}
.why .box {
padding: 0px;
}
.why .box h3 {
font-size: 12px;
}
.why .box .icone {
font-size: 32px;
color: #ffaf53;
border-radius: 50px;
float: left;
margin-left: -49px;
width: 51px;
height: 41px;
margin-top: -7px;
margin-bottom: 11px;
}
.exp{
display: none;
}
.box-active p {
display: none;
}
.sec-client .card {
margin-bottom: 22px !important;
}
.box4 p{
font-size: 8px !important;
}
.box4 h2{
font-size: 8px;
margin-top: 5px;
}
.parallax-contact h2{
            font-size: 30px;
}
.sec-about{
background: #fdf0f0 !important
}
.sec-about img{
width: 100%;
height: 330px !important;
margin-bottom: 50px;
}
.box-active {
height: 130px !important;
}
.container{
width: auto !important;
}
.box4{
height: 62px;
padding: 8px;
margin-top: -85px;
margin-bottom: 36px;
border-bottom: none;
margin-left: -1px;
}
.box4 img{
width: 25px;
}
.eyecare .small-card {
    background: #0d4d80;
    position: 50px;
    border-radius: 28px;
    width: 174px;
    height: 113px;

    left: 175px;
    text-align: center;
    position: relative;
    padding: 11px;
    padding-top: 19px;
    bottom: 89px;
    z-index: 8;
}
.eyecare .small-card span {
    font-size: 41px;
    }
    .eyecare .small-card p {
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
}


.section-padding .country-box h5 {
    margin-top: 10px;
    margin-bottom: 5px;
    color: #0d2d62;
    font-weight: 600;
    font-size: 16px;
}
.section-padding .country-box {
    background: #fff;
    padding: 10px;
 
    height: 182px;
    margin-top: 19px;
}
.transformer-hero .btn{
/*width: 100%;*/
margin-bottom: 10px;
font-size: 12px !important;
}

 .transformer-hero .btn-secondary{
    padding-top: 16px;
    padding-bottom: 16px;
 }

.btn{
/*width: 100%;*/
margin-bottom: 10px;

}
.product .card img {
 height: 247px;
 width: 100%;
     
}
.product .card {
height: 412px;
}
.navbar-nav{
margin-left: 0px;
flex-direction: column !important;
text-align: left !important;
width: 100%;
top: 63px !important;


}
.about .card .icone {
color: #fff;
font-size: 12px;
width: 65px;
height: 65px;
/* position: absolute; */
padding-left: -7px;
/* margin-left: 2px; */
}
.space .card {
padding: 7px; 
height: 291px;
text-align: center;
}
.about h3 {
font-size: 17px;
margin-top: 0px;
}
.about .card {
background: none;
border: none;
height: 180px !important;
padding: 0px !important;

}
.about .card p {
font-size: 12px !important;
color: #1f1f1fd9;
line-height: 21px;
height: 155px;
}
.navbar-light .navbar-nav .nav-link {
font-weight: 500;
margin: 0px 0px;
border-right: none;
line-height: 26px !important;
}
.nav-item{
background: #445fb3;
padding-left: 17px;
border-bottom: 1px solid #bf9999;
}
.navbar-light .navbar-nav .nav-link{
color: #fff;
}
.carousel-indicators {
bottom: -83px;
}
.parallax {
min-height: 374px;
}
.section1 {
background: #fff;
}
.people.card img{
height: 289px;

    width: 77%;
}


.card-text {
columns: #222222;
font-size: 13px !important;
font-weight: 600;
padding: 0px;
height: 33px;
}
.p-70{
padding: 0px;
padding-top: 38px;
padding-bottom: 38px;
}
.sec-title h2{
font-size: 30px;
margin-left:0px;
    margin-top: 132px;
}
.sec-title{
height: 371px;
margin-top: 1px;
}
.d-none{                                        
display: block !important;
}
.card-wave .card-wave2{
position: absolute;
bottom: -9px !important;
left: 0;
width: 101%;
height: 167px;
border-bottom: 1px solid #fff;
}
.card-wave {
position: absolute;
bottom: -2px !important;
left: 0;
width: 101%;
border-bottom: 1px solid #fff;
height: 154px;
}
.testimonials h5{
font-size: 15px;
}
.small-text{
height: 300px;
overflow: hidden;
}
@media only screen and (max-width: 479px) {
	 
}