/* GEOVAL RESPONSIVE */
@media screen and (min-width: 1921px) {
  header.top {
    background-image: url("../img/bg_geologie-terrain_large.webp");
    background-position: center -270px;
    background-repeat: repeat-x;
  }

  section.company {
    background-image: url("../img/bd_company_large.webp");
    background-repeat: repeat-x;
  }

  section.contact div.background {
    background-image: url("../img/bg_geologie-terrain_large.webp");
    background-position: center -680px;
    background-repeat: repeat-x;
  }
}
@media screen and (max-width: 1900px) {
  #menutop {
    right: calc(50% - 501px);
  }

  #menu-float {
    right: calc(50% - 517px);
  }

  #menu {
    right: calc(50% - 517px);
  }

  #backtotop {
    right: calc(50% - 509px);
  }
}
@media screen and (max-width: 1749px) {
  section.news h1 {
    margin-left: -140px;
  }

  #lightbox, #lightboxnews {
    left: 15%;
    right: 15%;
  }
}
@media screen and (max-width: 1349px) {
  section.news h1 {
    margin-left: -140px;
  }

  #lightbox, #lightboxnews {
    left: 10%;
    right: 10%;
  }
}
@media screen and (max-width: 1152px) {
  #menutop {
    right: 166px;
  }

  #menu-float {
    right: 150px;
  }

  #menu {
    right: 150px;
  }

  #backtotop {
    right: 150px;
  }

  section.news div.carousel-cell {
    width: 590px;
    height: 357px;
  }

  section.news div.news-slider {
    margin-bottom: -75px;
  }

  section.news h1 {
    margin-top: 357px;
    margin-left: -120px;
  }

  section.news div.news-list h1 {
    margin-left: calc(50% - 580px);
  }

  section.news div.news .text {
    padding: 15px 15px;
    font-size: .8rem;
  }

  section.news div.news .text h2 {
    margin-bottom: 15px;
    font-size: 1.1rem;
  }

  section.news div.news a.more {
    bottom: 16px;
    right: 16px;
  }

  section.news div.date {
    margin-left: -36px;
    font-size: 2rem;
  }

  section.company div.slider-container {
    margin-left: 10px;
  }

  section.skills h1.ref {
    margin-left: 10px;
  }

  #lightbox {
    top: 20px;
    bottom: 20px;
    left: 20px;
    right: 20px;
    padding-top: 50px;
  }

  #lightboxnews {
    top: 20px;
    bottom: 20px;
    left: 20px;
    right: 20px;
  }

  #lightbox .slider-arrow {
    position: absolute;
    top: 190px;
  }

  #lightbox .slider-arrow.previous {
    left: 25px;
  }

  #lightbox .slider-arrow.next {
    right: 25px;
  }
}
@media screen and (max-width: 899px) {
  #menutop {
    right: 116px;
  }

  #menu-float {
    right: 100px;
  }

  #menu {
    right: 100px;
  }

  #backtotop {
    right: 116px;
  }
}
@media screen and (max-width: 799px) {
  header img.logo {
    left: 70px;
  }

  section.news div.carousel-cell {
    width: 500px;
    height: 303px;
    /*counter-increment: gallery-cell;*/
  }

  section.news div.news-slider {
    margin-bottom: -125px;
  }

  section.news h1 {
    margin-top: 303px;
    margin-left: -100px;
  }

  section.news div.news-list h1 {
    margin-left: calc(50% - 625px);
    font-size: 3.2rem;
  }

  section.news div.news .text {
    padding: 10px 15px;
  }

  section.news div.news .text h2 {
    margin-bottom: 20px;
    font-size: 1rem;
  }

  section.news div.news .text span {
    visibility: hidden;
  }

  section.news div.news .text a.more span {
    visibility: visible;
  }

  div.button-row .button-group {
  	/*display: none;*/
  	max-width: 230px;
  	max-height: 20px;
  	overflow: hidden; 
  }

  #lightbox {
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
    padding-top: 30px;
  }

  #lightboxnews {
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
  }

  #lightboxnews header {
    padding: 20px 20px 10px 20px;
  }

  #lightboxnews header h1 {
    padding-right: 40px;
    margin-bottom: 30px;
  }

  #lightboxnews section {
    padding: 10px 20px;
  }

  #lightbox .slider-arrow {
    position: absolute;
    top: 150px;
  }
}