/************************/
/** For Smart phones
/*****/

@media (max-width: 765px) {
  .nav-logo {
    max-height: 45px;
  }
}

@media (max-width: 765px) {
  .row.header {
    padding-bottom: 0px!important;
    height: 55px;
  }
}

@media (max-width: 765px) {
  body {
    background: #f5f5f5;
  }
}

@media (max-width: 765px) {
  .header-menu {
    height: 55px!important;
  }
}

@media (max-width: 765px) {
  ol.topmenu {
    font-size: 20px!important;
  }
}

@media (max-width: 765px) {
  .header-logo {
    display: none;
  }
}

@media (max-width: 765px) {
  img.header-logo-small {
    display: inline;
    margin-bottom: 35px;
  }
}

@media (max-width: 765px) {
  .row.header .header-menu {
    margin-top: 0px!important;
  }
}

@media (max-width: 765px) {
  .row.header {
    height: 0px!important;
  }
}

@media (max-width: 765px) {
  .row.content {
    margin-top: 0px;
  }
}

@media (max-width: 765px) {
  .row.header .logospan {
    display: none;
  }
}

@media (max-width: 765px) {
  .container-fluid > .row.header > .header-menu {
    margin-top: 0px;
  }
}

@media (max-width: 765px) {
  .row.header .header-menu .header-right-shadow {
    display: none;
  }
}

@media (max-width: 765px) {
  .col-md-5 .logospan {
    background-color: inherit!important;
  }
}

@media (max-width: 765px) {

  /* Hide the regular menu for mobile */
  .header-menu {
    display: none;
  }
}

@media (max-width: 765px) {
  .col-md-2, .col-md-3, .col-md-4, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10 {
    padding: 15px;
  }
}

@media (max-width: 765px) {

  /* But show the mobile navbar */
  .navbar.navbar-default {
    display: inherit;
  }
}

@media (max-width: 765px) {

  /* On mobile, fix footer*/
  .row.footer {
    background-color: gray;
  }
}

@media (max-width: 765px) {
  .bottom-background {
    position: inherit;
    opacity: inherit;
    background-color: gray;
  }
}

@media (max-width: 1000px) {
  .row.header .header-logo span.frietopia {
    font-size: 30px;
  }
}

@media (max-width: 1000px) {
  .home .row.content .row.search {
    padding-top: 0px;
  }
}

@media (max-width: 1000px) {
  .home .row.content .row.news {
    padding-top: 0px;
  }
}

@media (min-width: 1300px) {
  .row.header .header-logo span.frietopia {
    font-size: 55px;
  }
}