/* GEOVAL MOBILE */
@media screen and (max-height: 555px) {
  #menu ul li.icon {
    display: none;
  }
}
@media screen and (max-width: 349px) and (max-height: 600px) {
  #menu ul li.icon {
    display: block;
  }

  #backtotop {
    display: block !important;
  }
}
@media screen and (max-width: 749px) {
  header.top {
    height: 427px;
    background-position: -460px -290px;
  }

  header img.logo {
    width: 220px;
    top: 15px;
    left: 15px;
  }

  #menutop {
    top: 22px;
    right: 22px;
  }

  #menu-float {
    top: 8px;
    right: 8px;
  }

  #menu {
    top: 8px;
    right: 8px;
    width: 340px;
  }

  section.news div.news-slider {
    margin-top: -190px;
    margin-bottom: 120px;
    height: 500px;
    z-index: 101;
  }

  section.news div.news-list {
    margin-top: -90px;
  }

  section.news div.carousel-cell {
    width: 75%;
    height: 500px;
    margin: 95px 22%;
    /*counter-increment: gallery-cell;*/
  }

  section.news div.blocklight {
    display: none;
  }

  section.news div.news-list div.news {
    position: relative;
  }

  section.news div.news {
    position: absolute;
    right: 10px;
    top: 0;
    width: 100%;
    height: 500px;
    background-color: #2b4d63;
    text-align: right;
  }

  section.news h1 {
    left: 0;
    margin-top: 500px;
    font-size: 3.5rem;
  }

  section.news div.news-list h1 {
    margin: 0 auto 20px;
    padding-right: 10px;
    width: 75%;
    font-size: 2rem;
    text-align: right;
  }

  section.news div.news .text h2 {
    font-size: 1.3rem;
  }

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

  section.news div.news img {
    position: absolute;
    top: 200px;
    width: 100%;
    height: 300px;
    object-fit: cover;
    z-index: 100;
  }

  section.news div.news div.gradient {
    position: absolute;
    top: 200px;
    left: 0;
    width: 100%;
    height: 10px;
    background-image: linear-gradient(to bottom, #2b4d63, #2b4d63, #2b4d63, #2b4d63, rgba(43, 77, 99, 0.9), rgba(43, 77, 99, 0.7), rgba(43, 77, 99, 0.5), rgba(43, 77, 99, 0.3), rgba(255, 255, 255, 0));
    z-index: 109;
  }

  section.news div.news .text {
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px 15px;
    background-color: rgba(31, 55, 71, 0.6);
    width: 100%;
    height: 210px;
    text-align: left;
    color: #fff;
    z-index: 110;
  }

  section.news div.news div.description {
    position: absolute;
    margin-left: 0;
    top: 280px;
    left: 0;
    right: 0;
    height: 220px;
    z-index: 109;
  }

  section.news div.news a.more {
    position: absolute;
    top: 450px;
    right: 25px;
    z-index: 1000;
  }

  section.news div.date {
    margin-top: 500px;
  }

  section.news div.news-list div.date {
    position: absolute;
  }

  section.news div.button-row div.button-group {
    /*display: none;*/
    margin: 0 15px;
  }

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

  section.company h1 {
    margin-top: 300px;
    text-align: left;
    float: none;
  }

  section.company div.button-row div.button-group {
    /*display: none;*/
    margin: 0 15px;
  }

  section.skills div.skills-block div.cell.title {
    padding: 0;
  }

  section.skills div.skills-block h1 {
    margin-top: 280px;
    /*margin-top: 0;*/
    float: none;
    font-size: 2rem;
  }

  section.skills div.skills-nav {
    margin-top: 15px;
    margin-left: 65px;
    text-align: left;
  }

  section.skills div.skills-nav.slider-arrow.previous {
    margin: -10px 0 -10px 0;
  }

  section.skills div.skills-nav.slider-arrow.previous::before {
    margin-left: 0;
  }

  section.skills div.skills-nav.slider-arrow.next::before {
    margin-left: -13px;
  }

  section.skills hr {
    margin-bottom: 10px;
  }

  section.skills section.subskills {
    width: 100%;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }

  section.skills section.subskills .grid-container {
    width: 100%;
  }

  section.skills section.subskills.geologie {
    background-image: url("../img/bd_skills_geologie_mobile.webp");
    background-position: top center;
  }

  section.skills section.subskills.hydrogeologie {
    background-image: url("../img/bd_skills_hydrogeologie_mobile.webp");
    background-position: top center;
  }

  section.skills section.subskills.geotechnique {
    background-image: url("../img/bd_skills_geotechnique_mobile.webp");
    background-position: top center;
  }

  section.skills section.subskills.dangers-naturels {
    background-image: url("../img/bd_skills_dangers-naturels_mobile.webp");
    background-position: top center;
  }

  section.skills section.subskills.geothermie {
    background-image: url("../img/bd_skills_geothermie_mobile.webp");
    background-position: top center;
  }

  section.skills section.subskills.sites-pollues {
    background-image: url("../img/bd_skills_sites-pollues_mobile.webp");
    background-position: top center;
  }

 section.skills div.skillsref-title {
 	min-height: inherit;
 }

 section.skills h1.ref {
    margin-top: 50px;
    margin-left: 0;
    font-size: 3.5rem;
    transform: none;
  }

  section.skills section.subskills div.skillsref-slider {
    margin-top: 0;
    margin-left: -10px;
    width: 100%;
  }

  section.skills div.skillsref-cell {
    width: 335px;
  }

  	/*
  	#contact-block {
  		margin-top: 800px;
  	}
  
  	#maposm {
  		margin-top: -800px;
  	}
  	*/
  @keyframes showContactBG {
    0% {
      background-position: center 380px;
    }

    100% {
      background-position: center -150px;
    }
}

  #maposm {
    margin-top: 30px;
  }

  #lightbox {
    padding-top: 70px;
  }

  #lightboxprofile {
    top: 4%;
    bottom: 2%;
    padding: 55px 10px 10px 10px;
    width: 96%;
    height: 94%;
    max-height: 94%;
  }

  footer #backtotop {
    right: 10px;
    width: 32px;
  }

  .backtotop.icon:before {
    left: 8px;
  }

  .backtotop.icon:after {
    left: 8px;
  }
}
@media screen and (max-width: 639px) {
  #menutop {
    width: 40px;
  }

  #menutop-text {
    display: none;
  }

  #menutop-icon {
    margin-left: 0;
    width: 40px;
  }

  section.news div.news-list h1 {
    margin: 0 auto 10px;
    width: 75%;
    font-size: 1.8rem;
  }

  section.news div.news img {
    top: 240px;
    height: 260px;
  }

  section.news div.news div.gradient {
    top: 240px;
  }

  section.news div.news .text {
    height: 250px;
  }

  section.skills div.skills-block h1 {
    margin-top: 0;
  }

  section.skills div.skills-nav {
    margin-left: 10px;
  }

  [data-tipped]:hover::before, [data-tipped]:hover::after {
    opacity: 0;
  }

  div.skills-imgresp-1 {
    width: 66%;
  }

  div.skills-imgresp-block {
    width: 32%;
  }

  div.skills-imgresp-2, div.skills-imgresp-3 {
    width: 100%;
  }
}
@media screen and (max-width: 479px) {
  section.news div.news-list h1 {
    margin: 0 auto 10px;
    width: 75%;
    font-size: 1.8rem;
  }

  section.news div.news img {
    top: 270px;
    height: 230px;
  }

  section.news div.news div.gradient {
    top: 270px;
  }

  section.news div.news .text {
    height: 280px;
  }

  #menu-float.active {
    width: 183px;
  }
}
@media screen and (max-width: 424px) {
  section.news div.news-list div.carousel-cell {
    width: 85%;
    margin: 0 2% 60px 13%;
  }

  section.news div.news-list div.news-shadow {
    display: none;
  }

  section.news div.news .text h2 {
    font-size: 1rem;
  }

  section.company h1 {
    font-size: 3rem;
  }

  section.skills hr {
    margin-top: -10px;
  }

  section.skills div.cell.skills-nav {
    display: flex;
    flex-wrap: nowrap;
    padding: 0;
    margin: 20px 0;
    width: 100%;
    vertical-align: top;
  }

  section.skills div.skills-nav.slider-arrow.previous {
    margin: 31px 0;
    width: 5%;
  }

  section.skills div.skills-nav.slider-arrow.previous:before {
    margin-left: 5px;
  }

  section.skills div.skills-nav.slider-arrow.next {
    margin: 31px 0;
    width: 5%;
  }

  section.skills div.skills-nav.slider-arrow.next:before {
    margin-left: -10px;
  }

  section.skills div.skills-nav div.skills-nav-button-group {
    margin: 0;
    width: 90%;
    text-align: center;
  }

  section.skills a.skills-nav {
    margin: 0 7%;
  }

  section.skills img.skills-nav {
    margin: 0 2px 10px;
  }

  div.button-row .button {
    margin: -12px 5px 0 5px;
  }

  section.skills div.button-row .button-group {
    margin: 0 15px;
  }

  section.skills div.skillsref h3 {
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 349px) {
  header img.logo {
    width: 190px;
  }

  #menu {
    width: 310px;
  }

  #menu ul li {
    padding: 5px 10px;
    height: 34px;
  }

  #menu ul li.submenu {
    height: 64px;
  }

  #menu ul li.icon {
    margin: 0 5px;
  }

  #menu ul li a {
    font-size: 1.2rem;
  }

  section.news h1 {
    left: 8px;
  }

  section.news div.news .text h2 {
    font-size: 1.4rem;
  }

  section.news div.news .text > span {
    display: none;
  }

  section.news div.news-list h1 {
    margin: 0 auto 10px;
    width: 75%;
    font-size: 1.6rem;
  }

  section.company div.profile {
    width: 285px;
  }

  section.company div.profile div.gradient {
    margin-left: 100px;
  }

  section.skills div.skills-block h1 {
    font-size: 1.8rem;
  }

  section.skills h1.ref {
    font-size: 3rem;
  }

  section.skills div.skillsref-cell {
    width: 290px;
    height: 186px;
  }

  section.skills div.skillsref-cell div.skillsref {
    height: 186px;
  }

  section.skills div.skillsref-cell div.skillsref p {
    display: none;
  }
}