/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px) {
  /* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width: 321px) {
  /* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width: 320px) {
  /* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px) {
  /* Styles */
}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape) {
  /* Styles */
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait) {
  /* Styles */

}
/**********
iPad 3
**********/
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) {
  /* Styles */
}

@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {
  /* Styles */
}
/* Desktops and laptops ----------- */
@media only screen
/*and (min-width: 1024px)*/ and (max-width: 1176px) {
  /* Styles */
  #header #logo {
    width: 14.684%;
    margin-top: 22px;
  }
  #header #main-navigation ul li{
    padding: 58px 5.2% 10px;
  }
  #header #main-navigation ul li a,
  body.page-tours- .single-tour-page .col-left .col-left-top-links div.next-journey{
    display: none;
  }
  .header-logo-menu-container {

  }
  .logout-link, #site-search-form {

  }
}

@media only screen
and (min-width: 1177px) and (max-width: 1260px) {
  /* Styles */
  #header #logo {
    /*width: 12.684%;*/
    width: 20.684%;
    margin-top: 22px;
  }
  #header #main-navigation ul li {
    /*padding: 42px 0.85111% 5px;*/
  }

  .header-logo-menu-container {

  }
  .logout-link, #site-search-form {

  }
}

@media only screen
and (min-width: 1261px) and (max-width: 1345px) {
  /* Styles */
  #header #main-navigation ul li {
    /*padding: 42px 0.921104% 5px;*/
  }

  #header #logo {
    /*width: 16.684%;*/
    width: 25.684%;
  }

  #header nav {
    /*width: 79.844%;*/
    width: 70.844%;
  }
}

@media only screen
and (min-width: 1346px) and (max-width: 1439px) {
  /* Styles */
  #header #main-navigation ul li {
    /*padding: 42px 1.21994% 5px;*/
  }

  #header #logo {
    width: 25.684%;
    /*width: 15.684%;*/
  }

  #header nav {
    /*width: 80.844%;*/
    width: 70.844%;
  }
}

@media only screen
and (min-width: 1440px) {
  /* Styles */
  #header #main-navigation ul li {
    /*padding: 42px 1.43038888888888889% 5px;*/
  }

  #header #logo {
    /*width: 18.684%;*/
    width: 21.684%;
  }

  #header nav {
    /*width: 76.844%;*/
    width: 74.844%;
  }
}

/* Large screens ----------- */
@media only screen
and (min-width: 1824px) {
  /* Styles */
}

/* iPhone 4 ----------- */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) {
  /* Styles */
}

@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {
  /* Styles */
}

@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}

@media (max-width: 767px) {
  #header #main-navigation ul li {
    float: none;
    width: 100%;
    position: relative;
    display: block;
  }

  #header #main-navigation ul li a{
    display: block;
  }

  #header #main-navigation .navbar-header{
    float: right;
    margin-top: -62px;
  }

  #header #logo {
    margin: 0;
    text-align: center;
    padding: 15px;
  }

  #header #logo img {
    margin: 0 auto;
  }

  .header-logo-menu-container,
  #header #logo,
  #header nav,
  #site-search-form,
  .logout-link,
  #sidebar-second,
  body.sidebar-second #content {
    width: 100%;
    float: none;
    display: block;
  }
}