@media (max-width: 600px){

    .aboutUs {

        padding: 30px 10px;
    }
    .aboutUs h2 {

        font-size: 30px;

        margin-bottom: 20px;

    }
    .button2{
        position: fixed;
        bottom: 20px;
        right: 20px;
        background-color: #075E54;
        color: white!important;
        padding: 15px 20px;
        border: 1px solid white;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    }
   
  .productCard{
    margin-top: 10px;
  }
  .flex-res-rev{
    flex-direction: column-reverse;
  }
  .pl-res{
    padding-left: 10px;
  }
  .topProducts{
    padding: 20px 30px;
  }
    .aboutUs-card {
      
        margin-top: 10px;
    }
    .wallPanels {
        background-color: var(--color1);
        padding: 20px 20px;
        padding-bottom: 50px!important;
    }
    .wall-panel-card{
        flex-direction:column-reverse ;
    }
    .wall-panel-card-left{
        padding-right: 0px;
    }
    .wall-panel-card-right{
        padding-left: 0px;
    }
    .imageContainer{
        padding: 10px;
    }
    .beamsColumns{
        padding-bottom: 50px!important;
        padding: 20px 20px;


    }
    .container{


    width: auto !important;
    min-width: 100%;
    }
    .ourProjectsCont {
        margin-top: 0px;
    }
    .ourProjects {
        margin-top: 20px;
        margin-bottom: 10px;
    }
    footer{
        padding: 20px 20px;
    }
    .projectCard {

        margin-top: 10px;
    }
    .flex-res{
        flex-direction: column-reverse;
    }
    .nav-res{
        padding: 30px;
    }
    .img-re{
        padding-top: 20px;
        padding-bottom: 0px;
    }
    .top-bar p{
     font-size: 0.8em;   
    }
      .top-bar{
        display:flex;
        flex-direction:column;
    }
}