/* Media style */

@media (max-width: 900px) {
  #navbar {
    flex-direction: column;
    justify-content: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }

  .header {
    height: 50vh;
  }

  .content {
    margin-left: -25px;
  }

  .slide1 li:first-child {
    margin-bottom: 10px;
  }

  .slide1 {
    margin-bottom: 50px;
    font-size: 17px;
  }

  section {
    padding-top: 50px;
    padding-left: 25px;
    padding-right: 25px;
  }

  #BackToTopBtn {
    right: 0px;
    font-size: 20px;
  }

  .bullet ul {
    padding-left: 10px;
  }

  #article li {
    padding-left: 10px;
  }

  #no-header li {
    padding: 2px;
  }

  #despre_noi .columns {
    flex-direction: column;
  }

  .bullet {
    flex-direction: column;
  }

  .job-uri_active {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 10px;
  }

  .job-uri_inactive a {
    width: 250px;
  }

  .videos {
    flex-direction: column;
  }

  iframe {
    width: 100%;
    height: 200px;
  }

  #contact > div p {
    text-indent: 0;
    text-align: center;
  }

  .contact,
  .form form {
    flex-direction: column;
  }

  .message {
    width: 100%;
    margin: 0;
    margin-top: -20px;
  }

  textarea {
    height: 100px;
  }

  form .form-left {
    width: 100%;
  }

  #submit {
    display: none;
  }

  #submit-media {
    display: block;
  }

  .footer {
    flex-direction: column;
    height: 150px;
  }

  .column-1.animation {
    animation-delay: 0.2s;
  }

  .column-2.animation {
    animation-delay: 0.2s;
  }
  .column-3.animation {
    animation-delay: 0.2s;
  }

  /* Interviuri si webinarii Media */

  .header-iw {
    background-position: center;
    background-blend-mode: color;
    height: 40vh;
  }

  #interviu {
    flex-direction: column;
  }

  #interviu .media {
    width: 100%;
  }

  #interviu .text {
    max-width: 100%;
  }

  /* Blog Media */

  .header-blog,
  .header-article7,
  .header-article6,
  .header-article5,
  .header-article4,
  .header-article3,
  .header-article2,
  .header-article1 {
    background-position: center;
    background-blend-mode: color;
    height: 40vh;
  }

  #blog-post.bg-light,
  #blog-post {
    flex-direction: column;
  }

  #blog-post .text {
    max-width: 100%;
    text-align: center;
    padding: 0 25px 0 25px;
  }

  /* Job-uri formular */

  .file {
    margin-left: 0px;
  }

  /* Presentation */

  #main_presentation h1 {
    width: 100%;
  }

  #main_presentation p {
    margin-right: 15px;
    margin-left: 15px;
  }

  #main_presentation section {
    padding-top: 50px;
    padding-left: 5px;
    padding-right: 5px;
  }

  #main_presentation section img {
    display: none;
  }

  .partners_list {
    text-align: justify;
  }

  .flex_container {
    flex-direction: column-reverse;
  }

  .flex_container_text {
    width: 100%;
  }

  /* CUSTOMSOFT */

  .feedback_img_customsoft img {
    display: inherit !important;
    width: 250px;
    height: 65px;
  }

  /* TIRIAC */

  .feedback_img_tiriac img {
    display: inherit !important;
    width: 125px;
    height: 90px;
  }

  /* LIBRA */

  .feedback_img_libra img {
    display: inherit !important;
    width: 250px;
    height: 65px;
  }

  /* EDENRED */

  .feedback_img_edenred img {
    display: inherit !important;
    width: 215px;
    height: 80px;
  }

  /* SOFT2YOU */

  .feedback_img_soft2you img {
    display: inherit !important;
    width: 261px;
    height: 90px;
  }

  /* OTP */

  .feedback_img_otp img {
    display: inherit !important;
    width: 241px;
    height: 70px;
  }

  /* LORELEI */

  .feedback_img_lorelei img {
    display: inherit !important;
    width: 151px;
    height: 90px;
  }

  /* HYPERSENSE */

  .feedback_img_hypersense img {
    display: inherit !important;
    width: 200px;
    height: 70px;
  }

  /* FULLSTACK */

  .feedback_img_fullstack img {
    display: inherit !important;
    width: 200px;
    height: 60px;
  }

  /* IDEOLOGIQ */

  .feedback_img_ideologiq img {
    display: inherit !important;
    width: 143px;
    height: 143px;
  }

  /* BIZI */

  .projects_img img {
    display: inherit !important;
    width: 86px;
    height: 86px;
  }

  #jobs .jobs-list {
    flex-direction: column;
  }

  #section_presentation_contact {
    justify-content: center;
    padding-top: 10px !important;
  }

  #presentation_contact {
    flex-direction: column;
  }

  #presentation_contact div {
    margin: 2px;
  }
}

@media (max-width: 360px) {
  #navbar {
    flex-direction: column;
    justify-content: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    overflow: visible;
  }

  .header {
    height: 65vh;
  }

  .content h1 {
    font-size: 20px;
  }

  .content p {
    font-size: 15px;
  }
}

@media (max-width: 900px) and (orientation: landscape) {
  #navbar {
    flex-direction: column;
    justify-content: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }

  .btn {
    display: none;
  }

  .header .content {
    padding-top: 100px;
    padding-bottom: 0;
  }

  .content h1,
  .content p {
    font-size: 15px;
    line-height: 0;
    padding-bottom: 0;
  }

  .content h1 {
    margin-top: -20px;
    margin-bottom: -20px;
  }

  .bullet {
    flex-direction: column;
  }

  .btn {
    font-size: 11px;
    padding: 2px 10px;
  }

  .header-article7 {
    background: rgba(0, 0, 0, 0.6) url(/img/article7.jpg) no-repeat
      center -250px / cover;
    background-blend-mode: color;
    height: 40vh;
  }

  .header-article6 {
    background: rgba(0, 0, 0, 0.6) url(/img/article6.jpg) no-repeat
      center -250px / cover;
    background-blend-mode: color;
    height: 40vh;
  }

  .header-article5 {
    background: rgba(0, 0, 0, 0.6) url(/img/article5.jpg) no-repeat
      center -220px / cover;
    background-blend-mode: color;
    height: 40vh;
  }

  .header-article4 {
    background: rgba(0, 0, 0, 0.6) url(/img/article4.jpg) no-repeat
      center -220px / cover;
    background-blend-mode: color;
    height: 40vh;
  }

  .header-article3 {
    background: rgba(0, 0, 0, 0.6) url(/img/article3.jpg) no-repeat
      center -280px / cover;
    background-blend-mode: color;
    height: 40vh;
  }

  .header-article2 {
    background: rgba(0, 0, 0, 0.6) url(/img/article2.jpg) no-repeat
      center -250px / cover;
    background-blend-mode: color;
    height: 40vh;
  }

  .header-article1 {
    background: rgba(0, 0, 0, 0.6) url(/img/article1.jpg) no-repeat
      center -130px / cover;
    background-blend-mode: color;
    height: 40vh;
  }
}