/* -------------------------------------------
		BOOTSTRAP 3 MEDIA QUERIES 
----------------------------------------------*/

/* Large Devices (desktops and laptops) */
@media (min-width: 1200px) {
}

/* Medium Devices (landscape tablets and medium desktops) */
@media (min-width: 992px) and (max-width: 1199px) {
  /* .navbar-header {
    float: none;
  }
  .navbar-toggle {
    display: block;
  }
  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  .navbar-collapse.collapse {
    display: none !important;
  }
  .navbar-nav {
    float: none !important;
  }
  .navbar-nav > li {
    float: none;
    text-align: center;
    margin: none;
  }
  .navbar-nav > li > a {
    padding: 0;
    margin: 4px 0 4px 0 !important;
  }
  .navbar-text {
    float: none;
  } */

  .navbar-nav > li {
    padding: 0;
    margin: 12px 1px 12px 1px;
  }

  .nav li a {
    font-size: 13px !important;
    padding: 0 8px 0 8px;
  }

  /* since 3.1.0 */
  .navbar-collapse.collapse.in {
    display: block !important;
  }
  .collapsing {
    overflow: hidden !important;
  }

  .nav-socmed-ico {
    text-align: center;
    margin: 0;
  }

  /* .cover,
  .text {
    margin-top: 14%;
    padding-top: 40px;
  } */

  .cover {
    padding-top: 70px;
  }

  .container-cover-text {
    margin-top: 12%;
  }

  .order-stores {
    text-align: center;
    margin-top: 15% !important;
  }
}

/* Small Devices (portable tablets and small desktops) */
@media (min-width: 768px) and (max-width: 991px) {
  /* ----- APPEARANCE OF NAVBAR COLLAPSE BUTTON  ---- */
  .navbar-header {
    float: none !important;
  }
  .navbar-toggle {
    display: block;
  }
  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  .navbar-collapse.collapse {
    display: none !important;
  }
  .navbar-nav {
    float: none !important;
  }
  .navbar-nav > li {
    float: none;
    text-align: center !important;
    margin: none;
  }
  .navbar-nav > li > a {
    padding: 0;
    margin: 4px 0 4px 0 !important;
  }

  .navbar-text {
    float: none;
  }

  /* Removes the float = right, to set the links to center */
  .navbar-right {
    float: none !important;
  }

  /* since 3.1.0 */
  .navbar-collapse.collapse.in {
    display: block !important;
  }
  .collapsing {
    overflow: hidden !important;
  }

  .nav-socmed-ico {
    text-align: center;
    margin: 0;
  }

  .nav-socmed-ico li {
    display: inline-block;
    margin: 0 8px 0 8px;
  }

  .home-book-cover img {
    margin: 0 5px 0 5px;
    width: 28%;
  }

  #home .text {
    margin-top: 16px;
    padding-top: 0;
  }

  /* #home .cover {
    margin-top: 11%;
  } */

  .container-cover-text {
    margin-top: 10%;
  }

  .order-stores {
    text-align: center;
    margin-top: 15% !important;
  }
}

/* ------------------------------------------------------- */

/* Small Devices (mobile portrait: 320 x 568) */
@media (min-width: 200px) and (max-width: 767px) {
  .navbar {
    min-height: 50px;
  }
  .navbar-nav > li {
    float: none;
  }

  .navbar-brand {
    padding: 0;
  }

  .title-center {
    margin: 16px 0 16px 0;
  }

  #home .text {
    margin-top: 16px;
    padding-top: 0;
  }

  .reviews-bg {
    width: 100%;
  }

  .container-cover-text {
    width: 100%;
  }

  /* .footer-copyrights {
    margin: 20px 0 0 0;
    padding: 8px 0 8px 0;
  } */
  .copyright-texts p {
    text-align: center;
  }

  .footer-icons {
    text-align: center;
    padding-top: 10px;

    margin-left: -20px;
  }
  /* --------------------------------- */
}

/* Small Devices -- HEIGHT (mobile portrait: 320 x 568) */

@media (min-height: 568px) and (max-height: 639px) {
}

/* Small Devices (mobile portrait: 320 x 568) */
@media (min-width: 200px) and (max-width: 767px) {
  .navbar .nav > li {
    text-align: center;
    padding: 2px 0 2px 0;
  }

  /* .navbar .nav > li a.first-item {
   unused, due to removal of first-item, last-item classes 
    margin-left: 0;
  } */

  .navbar .nav > li a {
    margin: 0;
    padding: 0;
  }

  .nav-socmed-ico {
    text-align: center;
    margin: 0;
  }

  /* Displays the social media icons horizontally at mobile view */
  .nav-socmed-ico li {
    display: inline-block;
    margin: 0 8px 0 8px;
  }

  .home-content-box {
    padding-top: 50px;
  }

  .navbar-brand {
    margin-left: 8px;
  }

  .home-book-cover img {
    width: 34%;
  }

  #home .text {
    margin-top: 16px;
    padding-top: 0;
  }

  .home-book-text p {
    font-size: 1em;
  }

  .container-cover-text {
    width: 100%;
  }

  .home-book-text .logo-left,
  .home-book-text .logo-right {
    float: none;
    text-align: center;
    margin-top: 4px;
  }

  .home-book-text .sbn-code {
    clear: both;
    text-align: center;
  }

  .vmid-sim {
    margin-left: 0;
  }

  .reviews-bg {
    width: 100%;
  }

  .reader-review p {
    font-size: 1em;
  }

  .reader-review h2 {
    font-size: 1em;
  }

  .btn-custom {
    width: 130px;
    padding: 8px;
  }

  .title-center {
    margin: 16px 0 16px 0;
  }

  #media ul li {
    color: white;
    margin: 10px 0 10px 0;
    font-size: 0.9em;
  }

  .order-stores {
    text-align: center;
    margin-top: 40px !important;
  }

  .contact-row {
    width: 100%;
  }

  .contact-right {
    margin: 40px 0 0 0;
  }

  .modal-dialog {
    width: 80%;
    margin: 0 auto 0 auto;
  }

  .copyright-texts {
    float: none;
  }
  .copyright-texts p {
    text-align: center;
  }

  .footer-icons {
    float: none;
    text-align: center;
    margin-left: -20px;
  }
}