@media screen and (max-width: 1024px) {
  .popup-gallery.columns-3 .project-info,
  .popup-gallery.columns-4 .project-info {
    width: 33.3333%;
  }
}
@media screen and (max-width: 992px) {
  .popup-gallery.columns-3 .project-info,
  .popup-gallery.columns-4 .project-info {
    width: 50%;
  }
}
@media screen and (max-width: 599px) {
  .popup-gallery.columns-3 .project-info,
  .popup-gallery.columns-4 .project-info {
    width: 100%;
  }
}

@media screen and (max-width: 1100px) {
  .carousel-inner img {
    height: 250px !important;
  }
}

@media screen and (max-width: 1920px) {
  #con_oils {
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
  }
}
@media screen and (max-width: 1200px) {
  #con_oils {
    grid-template-columns: 1fr 1fr 1fr !important;
  }
}

@media screen and (max-width: 1000px) {
  .grid-2 {
    grid-template-columns: 1fr !important;
  }
  #con_oils {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media screen and (min-width:900px) {
  .mobile-visible {
    display: none;
  }
}


@media screen and (max-width: 900px) {
  #container_of_links {
    width: 90%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr !important;
    grid-row-gap: 15%;
  }
  .box_shadow img {
    width: 70% !important;
  }
  .the_last_one {
    position: relative;
    left: 55%;
  }
  .navbar_elements_con{
    display: none !important;
  }
  .sidebar_button {
    display: block !important;
  }
}
@media screen and (max-width: 700px) {
  #con_oils {
    grid-template-columns: 1fr;
  }
}