/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {

  /*--- Navbar --- */
  .navbar {
    background-position-y: -40px;
  }

  .navbar .navbar-nav {
    flex-flow: row;
    justify-content: center;
  }

  .navbar .selectLanguage {
    justify-content: center;
  }

  .navbar .logoArea {
    padding: 0;
  }

  /* --- Intro --- */
  .intro {
    height: auto;
  }

  /* --- Marketing --- */
  .marketing .order-md-2 {
    margin-top: 2rem;
  }

  .marketing ul.right-benefits li:first-child,
  .marketing ul.right-benefits li:nth-child(3),
  .marketing ul.left-benefits li:first-child,
  .marketing ul.left-benefits li:nth-child(3) {
    left: 0;
    right: 0;
  }

  .box-marketing-info.right-aligned .box-khedmat::before,
  .box-marketing-info.right-aligned .box-khedmat::after,
  .box-marketing-info.left-aligned .box-khedmat::before,
  .box-marketing-info.left-aligned .box-khedmat::after {
    content: none;
  }


  /* --- box-marketing-info --- */
  .lable-marketing {
    width: 100%;
  }

  .lable-marketing .box-khedmat p {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* --- register-benefits --- */
  .count-down-row {
    margin-top: 2rem;
  }

  /* --- footer --- */
  footer .bg {
    top: -119px;
  }

}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {

  /*--- Navbar --- */
  .navbar {
    background-position-y: -40px;
  }

  .navbar .navbar-nav {
    flex-flow: row;
    justify-content: center;
  }

  .navbar .selectLanguage {
    justify-content: center;
  }

  .navbar .logoArea {
    padding: 0;
  }

  /* --- Intro --- */
  .intro {
    height: 225px;
  }

  /* --- Marketing --- */
  .marketing .order-md-2 {
    margin-top: 2rem;
  }

  .marketing ul.right-benefits li:first-child,
  .marketing ul.right-benefits li:nth-child(3),
  .marketing ul.left-benefits li:first-child,
  .marketing ul.left-benefits li:nth-child(3) {
    left: 0;
    right: 0;
  }

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {

  /*--- Navbar --- */
  .navbar {
    background-position-y: -40px;
  }

  .navbar .navbar-nav {
    flex-flow: row;
    justify-content: center;
  }

  .navbar .selectLanguage {
    justify-content: center;
  }

  .navbar .logoArea {
    padding: 0;
  }


  /* --- Intro --- */
  .intro {
    height: 225px;
  }

  /* --- Marketing --- */
  .marketing .order-md-2 {
    margin-top: 2rem;
  }

  .marketing ul.right-benefits li:first-child,
  .marketing ul.right-benefits li:nth-child(3),
  .marketing ul.left-benefits li:first-child,
  .marketing ul.left-benefits li:nth-child(3) {
    left: 0;
    right: 0;
  }


}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}