@media (max-width: 38em) {
  .login-box {
    width: 100%;
    top: 80px; }
    .login-box .login-col {
      width: 90%;
      margin: auto;
      float: none;
      padding: 0;
      border-right: none; }
    .login-box #login-box-sign-up {
      display: none; }

  .top-head p {
    float: none;
    margin: 0;
    text-align: center;
    margin-bottom: 1em; }
  .top-head ul {
    float: none;
    margin: 0;
    padding-bottom: .6em;
    overflow: hidden; }
    .top-head ul li {
      float: left;
      width: 25%;
      box-sizing: border-box;
      font-size: .8em; }
      .top-head ul li a {
        text-transform: none;
        font-style: italic;
        padding: 0; }

  .site-navigation {
    margin-bottom: .6em; }
    .site-navigation img {
      float: none;
      margin: 0 auto .5em; }
    .site-navigation ul li {
      display: block;
      float: none; }
      .site-navigation ul li:first-child a {
        border-top: 1px solid #b5b7b5; }
      .site-navigation ul li a {
        width: initial;
        height: initial;
        text-align: left;
        padding: .5em 1em;
        border-bottom: 1px solid #b5b7b5; }
      .site-navigation ul li ul {
        width: 60%; }
        .site-navigation ul li ul li a {
          text-align: left; }

  #link-transportation-management {
    width: initial; }

  #link-inbound-logistics {
    width: initial; }

  #link-parcel-freight-audit {
    width: initial; }

  .cycle-slideshow {
    display: none; }

  .main-content, .sidebar {
    float: none;
    width: 100%;
    padding: 0 1em; }

  .site-content .boxes-row {
    margin-top: 0;
    margin-bottom: 0; }
    .site-content .boxes-row:first-child {
      margin-top: 1em; }

  .feature-box {
    float: none;
    width: 90%;
    margin: 0 auto 1em; }
    .feature-box:last-child {
      margin-right: auto; }

  .input-group {
    float: none;
    width: 100%;
    padding-right: 0; }

  .about-home {
    width: 100%;
    float: none; }
    .about-home h2 {
      text-align: center; }
    .about-home div img {
      float: none;
      margin: auto; }
    .about-home div p {
      float: none;
      width: 90%;
      padding: 0 1em; }

  #home-manage-box {
    float: none;
    width: 100%; }

  .site-footer .footer-col {
    float: none;
    width: 100%;
    padding: 0 1em;
    margin-bottom: 1.2em; } }