@media (max-width: 767px) {
 
    .pre-item-left a{
        font-size: 14px;
    }
  .top-m

 {
    margin-top: 16px;
}
   .service-content h2{
       font-size:24px;
   }
    .footer-area p {
        font-size: 14px;
}
   .heroSwiper,
    .swiper-slide img{
        height: 60vh;
    }
    .all-btn
{
    padding:10px 8px;
}
 .service-content p{
     font-size:14px;
 }
.about-area p{
    font-size:14px;
}
    .slide-content{
        left: 5%;
        right: 5%;
    }

    .slide-content h1{
        font-size: 18px;
        line-height:30px;
    }

.swiper-button-next, .swiper-button-prev{
    display: none;
}
    .slide-content p{
        font-size: 15px;
    }
    @media (max-width: 767px) {
  .service-area .row {
    display: flex;
    flex-direction: column;
  }

  .service-area .row img {
    order: 1;
  }

  .service-area .row .service-content {
    order: 2;
  }
  .common-heading h3{
    font-size: 18px;
    line-height: 30px;
  }
.about-area h3{
    font-size: 22px;
}
    .work-process{
        background:#0065cd !important; 
        background-image: none !important; 
        height: auto;
        padding: 40px 0;
    }
     .region-btn {
        font-size: 13px;
        padding: 5px;
        
    }
    .region-info p{
        font-size: 13px;
    }
    .region-box{
        padding: 13px;
    }
}
 .info-box {
        margin-left: 0;
    }

    .section-title {
        padding: 0 20px;
        margin-top: 30px;
    }

    .who-content {
        padding: 0;
    }
    
    .about-section  img{
        height:180px;
    }
    .banner-info h2{
        font-size:24px;
    }
    .section-title{
        font-size:22px;
        color:#00304f;
    }
    .info-box ul li{
        font-size:14px;
    }
    .principles{
        background-image:none;
    }
    .who-we-are{
   background-image:none;   
}
.principles-box p {
    font-size:13px;
}
.petroleum-content h2{
    font-size:24px;
    line-height:32px;
}
.global-area h2{
   font-size:24px;
   line-height: 33px;
   
}
.global-area p{
    font-size:14px;
}
.image-box {
    margin-top:24px;
}
.contact-network-section h2 {
    font-size:24px;
}
.network-card h3 {
    font-sizeL:18px;
}
.contact-text{
    font-size:18px;
 
}
.network-card{
    height:auto;
}
.service-image img{
    height:250px;
}

.banner-info h2{
    max-width: 245px;
}
.loi-form .btn{
    font-size: 15px;
}
}