/***********************************************************************************************************
MEDIA QUERY

************************************************************************************************************/
@media screen and (max-width: 800px) {
    .email{
  width: 90%;

  }

  #header{
    margin-top: 0;
  }

  .testament-sidebar-header{
    margin:0px !important;
    margin-bottom: -24px !important;

  }

  .featured h2{
    margin:0px !important;
    margin-bottom: -24px !important;
  }

  /* slj logo */
  .header-brand-image{
    width: 200px;
    height: 45px;
    border-radius: 2px;

  }

  .footer-about-image{
    width: 220px;
    height: 23px;
    border-radius: 2px;
    margin-bottom: 10px;
    margin-top: 15px;

  }

  div.search-form {
    width: 90%;

  }

  .button-size{
    width: 75%;
    margin-bottom: 20px;
  }

  .blog_small_wrap{
    margin-bottom: 8em;
  }

  .transcript-line{
    width: 80%;
    margin-bottom: 30px;
    border: 1px solid #333;
  }

  .header-search #s{

    transition: background 0.15s ease-in 0s;
    height: 50px !important;


    margin-top: 10px;

    width: 100%;


  }

  div[contenteditable="plaintext-only"]{
    color: red;
  }

  #searchsubmit{
    display: none;
  }

  #searchform{
    width: 100%;
    margin-top: -18.5px;
    margin-left: 2px;
  }

  input#s{
    height: 30px !important;
    font-size: 15px;
    display: block;
  }




}

@media (max-width: 1120px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }

    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }

    a[title="Home"] {
    color: #fff !important;
    border: none;
    border-radius: 0;
    width: auto;
  }

  /* toggle nav on mobile button */
  button.navbar-toggle.btn.btn-default{
    margin-top: 33px;
  }


  .wpcf7-form-control{
    width: 90%;
  }

  .float-left{
    float: center;
    margin-right: 31px;
  }

  /* sidebar in testament pages displayed on mobile */
  #sidebar-side #bs-example-navbar-collapse-1.collapse.navbar-collapse, .featured #bs-example-navbar-collapse-1.collapse.navbar-collapse{

    display: block !important;

  }

  /* sidebar in testament pages displaying inside of col-md-6 */
  #sidebar-side #bs-example-navbar-collapse-1.collapse.navbar-collapse{
    float: none;
    margin-top: none;
    box-shadow: none;
  }

  .dropdown-menu{
    float: none;
    position: static;
    border: 0;
    background: none;

  }

  .col-md-3{
    width: 100%;
  }

  .testament-sidebar-header{
    margin:30px;
    margin-bottom: -24px !important;

  }

  #menu-featured-new-testament li{
    width: 100%;
  }

  .featured h2{
    margin:30px;
    margin-bottom: -24px !important;
  }

  /* search */

  .header-search #s{

    transition: background 0.15s ease-in 0s;
    height: 50px !important;


    margin-top: 10px;

    width: 100%;


  }

  div[contenteditable="plaintext-only"]{
    color: red;
  }

  #searchsubmit{
    display: none;
  }

  #searchform{
    width: 100%;
    margin-top: -18.5px;
    margin-left: 2px;
  }

  input#s{
    height: 30px !important;
    font-size: 15px;
    display: block;
  }

  .lorem{

    position: fixed;
      width:auto;
      height:200px;
      padding:10px;
      z-index:200;
      margin: 5% auto;
      left: 0;
      right: 0;
    top: 20%;
    transition: opacity 0.2s ease-in 0s;
    font-size: 15px !important;
    text-shadow: 1px 1px black;
  }

  #search-jumbotron-slj{
    font-size: 30px !important;
  }

  #search-jumbotron-tagline{
    font-family: 'pt-sans', sans-serif;
    font-size: 20px;
  }

    button.navbar-toggle.btn.btn-default {
        margin-top: 22px;
    }

    .first-header{
      font-size: 30px !important;
      padding: 10px;
    }

    .second-header{
      font-size: 24px;
    }

    .header-search{
      display: block !important;
    }

    .sermon-list{
      font-size: 25px;
    }




    #new-testament-jumbotron-header{
      font-size: 25px !important;
      color: #fff;

    }


    .slj {
        margin-bottom: 15px;
        width: 200px !important;
        height: 280px !important;
        margin-right: 0px;
    }

    div.jumbotron.jumbotron-search, .old-testament, .new-testament{

    background-attachment: scroll;
  }

  .lorem{
    position: absolute;
    top: 5%;
  }

  div.search-form{
    position: absolute;
    top: 10%;
  }


  .footer-nav .navbar-collapse.collapse{
    display: block !important;
    box-shadow: none;
  }

  .get-the-app{
    font-size: 28px !important;
  }

  .cover-photo{
    background: url('../../images/splash/results.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: scroll;
    color: #fff;
    height: 20em;
  }

  .new-testament{
    background: url('../../images/splash/new-testament.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: scroll;
    color: #fff;
    height: 20em;
  }

  .old-testament{
    background: url('../../images/splash/old-testament.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: scroll;
    color: #fff;
    height: 20em;

  }

  div.jumbotron.jumbotron-search{
    background: url('../../images/splash/home.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: scroll;
    color: #fff;
    height: 20em;

  }

  .doctrine-photo{
    background: url('../../images/splash/doctrine.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: scroll;
    color: #fff;
    height: 20em;

  }

  .old-testament-reference h1{
    font-size: 30px;
  }

  .expositor-logo{
    width: 60%;

  }

  /* raises footer site menu closer to the top bar */
  div#bs-example-navbar-collapse-2.collapse.navbar-collapse.visible {
      margin-top: 0px;
  }

  /* margin-bottom on search bar in dropdown header nav */
  li#menu-item-7352.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-7352 {
      margin-top: 40px;
  }

  .header-search{
    float: none;
    text-align: center;

  }

  .header-search #s{
    margin-top: 20px;
    margin-right: 25px;

    width: 90%;
  }


    #searchsubmit {
        display: block;
        right: 26px;
        top: 20px;
        padding: 18px;
        background: #555 !important;
    }









}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
/* iPhone 5 CSS styles */

  .lorem{
    top: 1.5%;
  }

  div.search-form{
    top: 7%;
  }



}