@media (max-width: 768px) {


.nav-bgcolor{
    background-color: #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height:73.38px;
    box-shadow: 0px 2.41px 12.03px 0px #00000040;
    z-index: 1;
}

.banner-bgimage{
    background-image: url("images/petrocon/petrocon-banner.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height:662px;
    width:100%;
}

.heads{
    font-family: Poppins;
   font-weight: 600;
   font-size: 50px;
   line-height: 53px;
   letter-spacing: 0%;


}
.heads-p{
    font-family: Poppins;
    font-weight: 600;
    font-size: 31px;
    line-height: 100%;
    letter-spacing: 0%;
}

.border-w{
    background-color: #F0F0F0;
    height: 3px;
    width: 80px;
 }
 .border-w-span{
     background-color:#FFC107 !important;
     width: 100px !important;
     height: 3px;
  }

  .indus-sec{
    background-image: url("images/petrocon/processPage.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height:1200px;
    width:100%;
    padding: 60px 0px;
    /* display: flex; */
    /* flex-direction: column; */
}

.mob-indus{
   display: flex;
   flex-direction: column;
}

.abt-sec-mob{
    height: 100%;
    width: 100%;
}

.heads-about {
    font-weight: 500;
    font-size: 24px;
    line-height: 40px;
    letter-spacing: 0%;
 }

.prod-mob {
    flex-direction: column;
    /* justify-content: center; */
 }
.about-sec{
    padding: 50px 0px;
 }

 .secs-prod{
    background-image: url("images/petrocon/processPage.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 1972px;
    width:100%;
    padding: 20px 0px;
 }

 .cont-p{
    font-weight: 600;
    font-size: 35px;
    line-height: 40px;
    letter-spacing: 5%;
    text-align: center;
    color: #F0F0F0;
 }

 .contp1{
    font-weight: 600;
    font-size: 21px;
    line-height: 30px;
    letter-spacing: 2%;
    text-align: center;
    color: #F0F0F0;
 }
 .navs a{
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color: rgb(5, 4, 4);
    }

    .nav-item .active{
        font-weight: 600;
        font-size: 16px;
        line-height: 100%;
        letter-spacing: 0%;
        color:#02359C;
        border-bottom: 1px solid transparent;
        }

        .bg-color-mob{
            background-color: #F0F0F0;
        }



        .secs-prod-2 {
            background-image: url(images/petrocon/processPage.webp);
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            height: 530px;
            width: 100%;
            padding: 20px 0px;
        }

.sep-p1{
  font-size: 18px;
}
.sep-p{
  font-size: 27px;
}
.abts-p{
  font-size:14px;
}
.bg-back{
      width: 337px;
      padding-top: 30px!important;
      padding-bottom: 30px!important;
}
.btns {
  margin-left: 0px!important;
}

.btns2 {
      margin-left: 50px!important;
}
.btns3 {
      margin-left: 0px!important;
}


.footer{
  padding-top: 1.5rem!important;
padding-bottom: 1.5rem!important;
}

.head-indus {
    font-weight: 500;
    font-size: 24px;
  }
.dropdown-menu.show{
  margin-left: 0px;
}
.w-350{
    width: 130px;
}
.w-260{
    width:150px !important;
}
.border-w-blue-ab{
    width: 36px;
}
.team-p{
    width: 100% !important;
}

/* .padding-x-200{
    padding-left:0px !important;
    padding-right: 0px !important;
} */
    }

.box-shadowww{
box-shadow: none;
}

    @media (max-width:390px){
      /* .store-table {
          height: 320px;
        } */
        .w-350{
    width: 130px;
    }
    .w-260{
    width:150px !important;
}
.border-w-blue-ab{
    width: 36px;
}
/* .padding-x-200{
    padding-left:0px !important;
    padding-right: 0px !important;
} */
.team-p{
    width: 100% !important;
}
.box-shadowww{
    box-shadow: none;
}
    }