@media screen and (min-width:480px)  {

  .wide-image {
    height: 225px;
  }


/***********************************************
Page: HOME
***********************************************/

  .full-image {
    height: auto;
  }

  

/***********************************************
Page: MEDIA
***********************************************/

  td.sermon-name {
    width: 450px;
  }


}

@media screen and (min-width:600px)  {

  .wide-image {
    height: 285px;
  }

/***********************************************
COLUMN LAYOUT
***********************************************/

  .twocol {
    float: left;
    width: 45%;
    margin: 30px 2.5% 90px;
  }

  .twocol:nth-child(2n+1) {
    clear: left;
  }

  .threecol,
  .fourcol {
    float: left;
    width: 45%;
    margin: 30px 2.5% 0;
  }

  .threecol:nth-child(2n+1),
  .fourcol:nth-child(2n+1) {
    clear: left;
  }

  .alignright {
    float: right;
    width: 50%;
    margin: 10px 0 10px 25px;
  }

  .navmenu {
    display: none;
  }

  #mainmenu {
    padding: 2em 6.5em;
    left: -258px;
  }

/***********************************************
Page: MEDIA
***********************************************/

  td.sermon-name {
    width: 575px;
  }


}



@media screen and (min-width:769px)  {

  .wide-image {
    height: 370px;
  }

/***********************************************
COLUMN LAYOUT
***********************************************/

  .threecol {
    width: 30%;
    margin: 0 1.66667%;
  }

  .threecol:nth-child(2n+1),
  .fourcol:nth-child(2n+1) {
    clear: none;
  }

  .threecol:nth-child(3n+1) {
    clear: left;
  }

  .fourcol {
    width: 23%;
    margin: 1em 1%;
  }

  .fourcol:nth-child(4n+1) {
    clear: left;
  }

  .logo {
    width: 13%;
    text-align: left;
  }

  .mobile-menu-div {
    float: none;
    width: 100%;
  }

  .slicknav_menu {
    display:none;
  } 

  #mainmenu {
    position: static;
    display: block;
    float: right;
    width: 87%;
    margin-top: 2em;
    padding: 0;
    background: #FFF;
  }

  #mainmenu ul {
    display: block;
    float: right;
    position: relative;
    margin:0;
    padding: 0;
    border-bottom: none;
  }

  #mainmenu ul li {
    float: left;
    margin: 0 1px;
    text-align: center;
  }

  #mainmenu a {
    display: block;
  }

  #mainmenu ul li a {
    padding: 10px 9px;
    /*font-size: 1.1em;*/
    border-top: none;
    /*color: #B0B0B0;*/
  }

  #mainmenu li a:hover,
  #mainmenu li.current-menu-item > a {
    color: #000;
  }

  #mainmenu li a:hover {
    border-top: 2px solid #000;
  }

  #mainmenu ul ul {
    display: none;
    background: #FFF;
    border: 1px dotted #000;
    margin: 2em 0 0;
    padding: 2em 0 0;
    position: absolute;
    top:12px;
    z-index: 9999;
  }

  #mainmenu ul li:hover > ul {
    display: list-item;
  }

  #mainmenu ul ul li {
    float: none;
    /*display: block;*/
    width: 185px;
    height: 36px;
    text-align: left;
    margin: 0;
    /*position: relative;*/
  }

  #mainmenu ul ul li a {
    color: #000;
  }

  #mainmenu ul ul li a:hover {
    color:#555;
    text-decoration: underline;
    border-top: none;
  }


/***********************************************
HOME PAGE
***********************************************/

  .socialmedia-mobile {
    display: none;
  }

  .home-layout {
    padding-top: 4em;
  }

  .footermenu {
    float: left;
    width:14%;
    text-align: left;
    vertical-align: top;
    margin: 0 0.5%;
    padding: 0;
  }

  .footerright {
    float: right;
    width:22%;
    text-align: left;
  }

  .footermenu a {
    font-size: 0.8em;
  }



/***********************************************
Page: I'M NEW
***********************************************/

  .visit-left {
    float: left;
    width: 43%;
    margin: 0 3.5% 0;
  }

  .visit-right {
    float: right;
    width: 43%;
    margin: 0 3.5% 0;
  }

  .visit-left h1,
  .visit-right h1,
  .beliefs-button {
    text-align: left;
  }

 



/***********************************************
Page: JESUS
***********************************************/

  #beliefs {
    float: left;
    width: 45%;
    margin: 0 2.5% 1.5em;
    height: 810px;
  }



/***********************************************
Page: MEDIA
***********************************************/

  .mainsermon {
    float: right;
    width: 40%;
  }

  .media-page-table {
    float: left;
    width: 58%;
    margin-right: 2%;
  }

  .sermon-table thead {
    display: table-header-group;
  }

  .sermon-table th,
  .sermon-table td {
    display: table-cell;
    text-align: left;
    padding: 1em 0.2em 1em 0.5em;
  }

  td.sermon-name {
    width: 350px;
  }

  td.playsermon {
    padding-left: 1em;
    padding-right: 1em;
  }

  #EHF-photo-gallery li,
  #EHF-gallery li {
    margin-bottom: 5em;
  }

  .photo-gallery-section img {
    height: 216px;
    width: 324px;
  }



/***********************************************
Page: MINISTRIES
***********************************************/

  .ministries-ul {
    float: left;
    width: 100%;
  }


/***********************************************
Page: EVENTS
***********************************************/

  .events-section {
    width: 90%;
  }

  #events-li {
    float: left;
    width: 45%;
    margin: 0 2.5% 1.5em;
    height: 850px;
  }


/***********************************************
Page: GIVE
***********************************************/

  #give-left-col {
    float: left;
    width: 60%;
  }

  #give-right-col {
    float: right;
    width: 30%;
  }

  .give-left1,
  .give-left2,
  .give-left3 {
    float: left;
    width: 28%;
    clear: left;
  }

  .give-right {
    float: right;
    width: 70%;
  }


/***********************************************
Page: CONNECT
***********************************************/

  .twocol-connect {
    float: left;
    width: 45%;
    margin: 30px 2.5% 80px;
    text-align: left;
  }

  .twocol-connect:nth-child(2n+1) {
    clear: left;
  }

  .connect-title {
    text-align: left;
  }


/***********************************************
Page: MISSIONS
***********************************************/

  #missions-top-left {
    float: left;
    width: 30%;
  }

  #missions-top-right {
    float: right;
    width: 60%;
  }

  #missions-bottom-left {
    float: left;
    width: 60%;
  }

  #missions-bottom-right {
    float: right;
    width: 30%;
  }


}

@media screen and (min-width:980px)  {

  .header-container {
    width: 95%;
    max-width: 1085px;
    margin: 0 auto;
  }

  #mainmenu ul li a {
    font-size: 1.1em;
  }
  
}



@media screen and (min-width:1080px)  {

  .wide-image {
    height: 450px;
  }

  #mainmenu ul li {
    /*margin: 0 8px;*/
  }

  #mainmenu ul li a {
    font-size: 1.2em;
  }


/***********************************************
Page: JESUS
***********************************************/

  #beliefs {
    width: 30%;
    margin: 0 1.66667% 1.5em;
    height: 835px;
  }

/***********************************************
Page: EVENTS
***********************************************/

  #events-li {
    width: 32%;
    margin: 0 0.66667% 1.5em;
    height: 1130px;
  }



}

@media screen and (min-width:1200px)  {

  .wide-image {
    height: 500px;
  }

/***********************************************
Page: JESUS
***********************************************/

  #beliefs {
    height: 700px;
  }

/***********************************************
Page: GIVE
***********************************************/


  .give-page h2 {
    height: auto;
  }

}


@media screen and (min-width:1400px)  {

  .wide-image {
    height: 625px;
  }

/***********************************************
Page: JESUS
***********************************************/

  #beliefs {
    height: 650px;
  }

}

@media screen and (min-width:1800px)  {

  .wide-image {
    height: 700px;
  }

}