@media only screen and (max-width: 1400px) {
  /* .sm-img-desc{
    display: none !important;
  } */

}
@media only screen and (max-width: 600px) {
  .main-nav {
    display: none;
  }
  body{
    padding: 0 !important;
  }
  header{
    /* background-size: auto !important; */
    background-size: cover !important; /* Ensure the entire image fits within the screen */
    background-position: center center; /* Keep the image centered */
  }
  .offcanvas-body .row .col:first-child{
    display: none;
  }
  .offcanvas-body .row .col .nav-link{
    text-wrap: nowrap;
  }
  .offcanvas-body .row .col .nav-link .fa{
    color: white;
  }
  .vertically-center{
    left: -14%;
  }
  .leading-text{
    font-size:48px;
    padding: 1.5em;
    padding-right: 0;
  }
  .header-wrapper{
    min-height: 30vh;
  }
  .activity-wrapper img{
    display: block;
    max-width: 100%;
    height: auto;
  }
  .latest-news img{
    min-width: 170px !important;
  }
  .slider-btn{
    display: none;
  }
  .customers{
    padding: 0;
  }
  .customers-label{
    padding-bottom: 0 !important;
  }
  .areas button{
    display: none;
  }
  .areas .fs-48{
    font-size: 42px !important;
  }
  .areas .desc{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
            line-clamp: 3;
    -webkit-box-orient: vertical;
    width: 100% !important;
  }
  .object-content .col-md-4{
    margin-top: 1em !important;
  }
  .msc-5 {
    padding: .5em !important;
  }
  .object-areas .d-flex{
    flex-direction: column;
  }
  .direktor .row .col-md-4 div{
    margin-top: 0 !important;
  }
  .direktor .invisible{
    display: none;
  }
  .direktor button{
    width: 100% !important;
  }
  .more-button{
    margin-top: 1em !important;
  }
  .news-row .col-md-6{
    padding: 1em !important;
    margin-top:0;
    padding-bottom: 0 !important;
  }
  .consumers-block{
    overflow-x: auto;
  }
  .consumers-block div{
    min-width: 100px;
    margin-bottom: 1em;
  }
  .sticky-div .desc{
    padding: 3em !important;
    margin-bottom: 0;
  }
  .sticky-div .more-button{
    border-radius: 0 !important;
  }
  .mission-block{
    border:0 !important;
  }
  .mission-block .col-sm-12{
    padding: 1em !important;
    width: 100% !important;
  }
  .mission-block .d-flex{
    padding: 0 !important;
  }
  .mission-block .mission-desc{
    margin: 0 !important;
  }
  .vision-block .img-bg{
    width: 100% !important;
  }
  .vision-block .shares-img{
    left: 30% !important;
  }
  .vision-block .col-sm-12{
    padding: 1em !important;
  }
  .vision-block .border-primary{
    border: none !important;
  }
  .img-bg-oil{
    display: none !important;
  }
  .divider.mt-5{
    margin-top: .5em !important;
  }
  .container.py-5{
    padding-bottom: .5em !important;
  }
  .divider.my-5{
    margin-top: .5em !important;
    margin-bottom: .5em !important;
  }
  .d-flex.p-5{
    padding: 1em !important;
  }
  .wrapper .row.active{
    top: 0 !important;
  }
  .menu-buttons{
    display: flex;
    overflow: scroll;
  }
  .contact-form{
    margin-top: 1em;
  }
  .contact-form .form-wrapper{
    padding: 1em !important;
  }
  .contact-form-input .d-flex{
    flex-direction: column;
  }
  .header-wrapper.pt-0{
    padding-top: 0 !important;
  }
  .navbar.p-0{
    padding: 0 !important;
  }
  .container-fluid.p-0{
    padding: 0 !important;
  }
  .p-0{
    padding: 1em !important;
  }
  .m-w100{
    width: 100% !important;
  }
  .m-sticky{
    position: sticky;
  }
  .m-overflow-scroll{
    overflow: scroll;
  }
  .m-p-nor{
    padding: .75em !important;
  }
  .m-d-none{
    display: none !important;
  }
  .m-reverse{
    flex-direction: column-reverse;;
  }
  .m-divider{
    margin: 0 !important;
  }
  .m-absolute{
    position: absolute;
  }
  .m-border-0{
    border: 0 !important;
  }
  .m-table-projects{
    font-size: 14px;
  }
  .m-table-projects .year-text-p{
    text-wrap: nowrap;
  }
  .m-table-projects tr{
    border-bottom: 1px solid #e3e3e3;
  }
  .m-table-projects td{
    vertical-align: middle;
  }
  .m-z9{
    z-index: 9999;
  }
  .m-pe{
      padding-right:.75em !important;
  }
  .m-column{
    flex-direction: column !important;
  }
  .m-b-none{
      border: 0 !important;
  }
  .magnific-img {
    display: inline-block;
    width: 49% !important;
  }
  .m-on{
    display: block !important;
  }
  .projects-desc .text-end{
    text-align: start !important;
  }
  .projects-in-number .text-center {
    text-align: start !important;
  }
  .projects-navigation-btns button {
    text-wrap: nowrap;
  }
  .projects-navigation-btns .d-flex {
    flex-wrap: nowrap !important;
    overflow: scroll;
  }
  .project-card .project-card-desc {
    flex-wrap: wrap;
    max-width: 80%;
  }
  footer .gutter-2x{
   height: 0px;
  }
  footer .pe-0, footer .ps-0{
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }
  footer .col-sm-4.ps-0 p{
    margin-top: 3em;
  }
  footer .credentials .d-flex{
    flex-direction: column !important;
  }
  .lang-mobile-select{
    display: block !important;
  }
  .number-img{
    display: none;
  }
}