/* 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(max-width:1200px){

    .container{
        flex-direction:column;
    }

    .card-wrapper{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:768px){

    .left-content h2{
        font-size:38px;
    }

    .card-wrapper{
        grid-template-columns:1fr;
    }
}

@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: 15px;
    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: 22px !important;
/*text-align: center;*/
}
.counter-container {
display: flex;
justify-content: center;
gap: -1px;
flex-wrap: wrap;
}
.elementor-element {
    width: 98px;
    height: 98px;

}
.counter-box {
border-radius: 19px;
padding: 1px 7px;
width: 82%;
height: 254px;

}
.counter-container .one{
margin-top: 0px !important;
}
.counter-box img {
position: absolute;
width: 335px;
height: 253px;
right: -1px;
top: 0px;
border-radius: 18px;
background: no-repeat;

}
.space .container2 .counter-box2 {
    margin-top: 1px !important;
    height: 90px;

}
.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: 13px;

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: 19px;
line-height: 29px;
}
.emergency p{
    font-size: 13px !important;
    line-height: 22px;

}
.emergency .call {
    font-size: 17px !important;
    color: #000;
}



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: 0;
}
.navbar-collapse {
flex-basis: 100%;
flex-grow: 1;
position: absolute;
align-items: center;
top: 55px;
z-index: 999;
width: 100%;
left: 0;
}
.space .description{
color: #000 !important;
}
.w-100{
height: 233px;
}
.navbar{
padding: 11px;
}
.navbar-brand img{
width: 202px !important;
margin-left: -20px;
margin-top: -16px;
}
.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: -131px;
padding-top: 0px;
margin-left: 50px;
margin-top: -82px;
}
.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 h1{

}
.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;
}
.footer p {
  
    line-height: 24px;
}
.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;
}
.about p{
    font-size: 15px;
}
.eyecare .img {
      margin-top: 107px;

    width: 100%;
}
.eyecare .sub-title {
    CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX;
    margin-left: 47px;
    position: absolute;
    display: inline-block;
    font-size: 43px;
    line-height: 80px;
}


.sec-jobs .card .card-body {
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    height: 254px;
    }
.vision2 .round-img {
width: 386px;
z-index: 9;
position: relative;
height: auto;

}
.vision2 .card {
border: none;
background: #91bb39;
height: 300px;
height: 963px;
}
.vision2 img {
height: 100px;
width: 114px;
    left: 140px !important;
}
.sec-title h2 {
    /* margin-left: 6%; */
    position: absolute;
    text-transform: capitalize;
    font-size: 53px;
    font-weight: bold;
    margin-top: 130px !important;
    }
    .sec-title p{
        font-size: 10px !important;
        line-height: 12px;
        padding-right: 20px;
    
}

.project .card img {
    height: 169px;
    border-radius: 20px;
}
.contact3 .card h3 {
    font-size: 14px;
    margin-top: 28px;
    text-align: center;

}
.contact3 .card {
height: 215px;
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: 100%;
    height: 125px;

}
.services ul li {
    list-style: none;
    line-height: 27px;
    font-size: 14px;
    color: #000;
     font-weight: 400; 
}
.services .card {
height: 143px;
}
.services .img2{
    height: 191px !important;
    width: 100% !important;
}
.services .s-icone{

    height: 124px !important;
    width: 30% !important;
    border-radius: 26px;
    display: none;

}
.service .box {
background: #1e3f74;
padding: 1px;
height: 290px;
margin-top: 19px;

}

.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;
    /* text-align: center; */
    /* width: 100%; */
    /* padding: 25px 30px 10px; */
    /* margin: 0 auto; */
    position: relative;
    z-index: 1;
    bottom: 50px;
    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: 47px !important;

}
.sec-client img {
    height: 107px;
    padding: 7px;
}
.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;
}
.btn{
/*width: 100%;*/
margin-bottom: 10px;
}
.people .back {

    height: 339px;
    }
.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: 52px !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 h2{
    text-align: left !important;
}
.about p{
    text-align: left !important;
}
.about h3 {
 
    color: #000;
       font-size: 12px;
    margin-top: 0px;
    line-height: 20px;
    /* margin-left: 88px; */
    padding-top: 8px;
}
.about .card {
background: none;
border: none;
    height: 202px !important;
    padding: 14px !important;
    background: #eee;
}


.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;
line-height: 44px !important;
}
.nav-item{
    background: #c81f4c;
padding-left: 17px;
border-bottom: 1px solid #bf9999;
}
.navbar-light .navbar-nav .nav-link{
color: #fff;
}
.carousel-indicators {
bottom: -83px;
}
.carousel-caption h5 {
    font-size: 20px;
    }

.carousel-caption p {
    background: #dbd4d46e;
    font-size: 13px;
    width: 93%;
    line-height: 20px;
    font-size: 10px;
    color: #fff;
    text-align: center;
}
.parallax {
min-height: 374px;
}
.section1 {
background: #fff;
}
.people.card img{
height: 289px;
}
.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;
}
.sec-title{
    height: 338px;
    margin-top: 1px;
    padding-top: 33px;
padding: 30px;

}
.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) {
	 
}