/*==========  Large Devices, Wide Screens ==========*/
@media only screen and (max-width: 2200px) {
  
}

@media only screen and (max-width: 2000px) {
  
  
  
}

@media only screen and (max-width: 1800px) {
	
	.home-maingfx {background-size: auto 100%; }
	.home-maingfx-img {background-size: 100% auto;}
	.home-spacer, .home-slide-area {width: 100%;}
	
}

@media only screen and (max-width: 1550px) {
    
  .container {width: auto;}
  
  .featuredstuff {bottom: 10px; z-index: 99999999;}
  .sm {z-index: 999999999999;}
  

  
}

@media only screen and (max-width: 1300px) {
  
  
}


/*==========  Medium Devices, Desktops ==========*/ 
@media only screen and (max-width: 1120px) {
  
  .aboutpageprofile-pic-new {width: 40%; height: auto;}
  
  .sectiontitle {
    font-size: 36px;
    height: auto;
    display: block;
    width: 100%;
    padding: 10px 0px 0px 0px;
    line-height: 46px;
  }
  .stcontent img {vertical-align: middle; width: 90px; height: auto;}
  
}
@media only screen and (max-width: 1090px) {
  
  .gdv-nav a, .gdv-nav a:hover, .gdv-nav a:focus, .gdv-nav a:active, .gdv-nav a.highlighted,
  .gdv-nav a:hover, .gdv-nav a:focus, .gdv-nav a:active, .gdv-nav a.highlighted {font-size: 12px; width: 100px;}
  
  .gdv-nav ul a, .gdv-nav ul li:nth-child(odd) a, .gdv-nav ul li:nth-child(even) a, .gdv-nav ul a:hover, .gdv-nav ul a:focus, .gdv-nav ul a:active, .gdv-nav ul a.highlighted,
  .gdv-nav ul a:hover, .gdv-nav ul a:focus, .gdv-nav ul a:active, .gdv-nav ul a.highlighted {height: auto; width: auto;}
  
}

@media only screen and (max-width: 1090px) {
  
  .theheader .container {width: 100%;}
  
  .header-search {display: none;} 
  
    #main-menu {
      width: 100%;
    }
    .main-nav {width: 100%;
			background: none;	
		}
  
  
  .navimain {
	float: left;
	width: auto;
	width: calc(100% - 70px);
  width: -o-calc(100% - 70px);
  width: -webkit-calc(100% - 70px);
  width: -moz-calc(100% - 70px);
  padding: 25px 10px 8px 10px;
  }

  .gdv-nav a, .gdv-nav a:hover, .gdv-nav a:focus, .gdv-nav a:active, .gdv-nav a.highlighted,
  .gdv-nav a:hover, .gdv-nav a:focus, .gdv-nav a:active, .gdv-nav a.highlighted {font-size: 18px; width:auto; height: auto;}
  
  .gdv-nav ul a, .gdv-nav ul li:nth-child(odd) a, .gdv-nav ul li:nth-child(even) a, .gdv-nav ul a:hover, .gdv-nav ul a:focus, .gdv-nav ul a:active, .gdv-nav ul a.highlighted,
  .gdv-nav ul a:hover, .gdv-nav ul a:focus, .gdv-nav ul a:active, .gdv-nav ul a.highlighted {font-size: 16px; height: auto; width: auto;}

  #main-menu {
    border: none;
    width: auto;
    text-align:left;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: transparent;
  }
  
  #main-menu > li {
    display:block;
    margin-right:0;
    border-color: #7a8eb8;
    padding: 6px 0px 6px 0px;
  }
	
	.headersns {padding: 0px;}
	.headersns ul li i {font-size: 22px;}
	.headersns ul li {padding: 0px 3px 0px 3px;}
  
  
 
}

@media only screen and (max-width : 992px) {

  .blog-body {width: 64.5%; float: left;}
  .blog-sidebar {width: 33.8%; float: right;}
  
}

@media only screen and (max-width: 950px) {
    
  .blog-body {width: 100%; float:none; padding-bottom: 40px; }
  .blog-sidebar {width: 100%; float:none;}
  
  .sb-about {
    background-image: url(../images/aboutsb-bg-mobile.gif);
    background-repeat: repeat-x;
    background-position: top left;
    background-size: auto;
    text-align: left;
  }
  .sb-about-image {width: 25%; float: left; }
  .sb-about-content {width: 75%; float: right; text-align: left; padding: 20px 0px 20px 20px;}
  .sb-about-heading {text-align: left;}
  
  
}


/*==========  Small Devices, Tablets  ==========*/

@media only screen and (max-width: 850px) {
  
  
}

@media only screen and (max-width: 850px) and (orientation: landscape) {
  
  .home-landing {background-position: top center;}
  .logo-home {top: 10%; }
  .logo-home img {width: 65%; height: auto;}
  
}

@media only screen and (max-width : 820px) {
   
  .maincontent {padding: 0px;}
 
 .maincontent-padding {padding: 20px 40px 20px 40px;}
 
  .sb-about-image {width: 35%; float: left; }
  .sb-about-content {width: 65%; float: right; text-align: left; padding: 20px 0px 20px 20px;}

  
  .subsectiontitle {margin-bottom: 0px;}
  
  
  
  .twocol-image, .book-item-default .twocol-image {width: 45%;}
  .twocol-text, .book-item-default .twocol-text {width: 51%;}
  
  .bookbuttons {text-align: center;}
  .bookbuttons a.buttonlink{display: block;}
  
  
   td.eventsentry-date, td.eventsentry-time {
    width: 50%;
    display: block;
    float: left;
  }
  td.eventsentry-venue {clear: both; width: 100%; display: block;}
  
  .footer-copyright {font-size: 12px; line-height: 20px;}
  
  
  .form-1col {padding-right: 0px;}
  .form-2col {width: 100%; float: none; padding-right: 0px;}
  
  .gfx-events img {width: 100%; height: auto;}
  
  .aboutpage .twocol-image {width: 40%; padding-right: 30px;}
  .aboutpage .twocol-text {width: 60%; }
  
  
  
}
@media only screen and (max-width: 820px) and (orientation: landscape) {
 
  .logohome {
    height: auto;
    position: relative;
    text-align: center;
  }
  
  .footer-copyright br {display: none;}
  
  .homebody .thefooter { padding: 0px 0px 10px 0px;}
  
}

@media only screen and (max-width : 750px) {
  
  .header-logo img {width: 80%; height: auto;}
  
}
@media only screen and (max-width: 750px) and (orientation: landscape) {
  .logohome img {width: 85%;}
}

@media only screen and (max-width: 680px) {

  .nav-deco {display: none;}
  
   /* .sectiontitle {
      font-size: 32px;
    }*/
    
  td.eventsentry-date, td.eventsentry-time {
    width: 100%;
    display: block;
    float: none;
  }
  .eventphotographic {
      float: none;
      width: 100%;
      margin: 0px 0px 20px 0px;
    }
    td.eventsentry-date, td.eventsentry-time, td.eventlisting-eventdetails, td.eventlisting-photo {
    width: 100%;
    display: block;
    float: none;
  }
  .eventslisting tr td.eventlisting-photo {width: 100%; display: block; float: none; padding: 20px 20px 0px 20px;}
  .eventslisting tr td.eventlisting-eventdetails {padding: 5px 20px 20px 20px;}
  
  
}

@media only screen and (max-width: 610px) {
  
  .sectiontitle {font-size: 26px; }
  
  .blog-title {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    padding: 0px 0px 15px 0px;
  }
  
  .theblogpost {font-size: 14px;}
  
  .twocol-image, .book-item-default .twocol-image {width: 100%; float: none; padding: 0px; padding-bottom: 20px;}
  .twocol-text, .book-item-default .twocol-text {width:100%; float: none;}
  
  .aboutpage .twocol-image {width: 100%; padding-right: 0px; float: none;}
  .aboutpage .twocol-text {width: 100%; float: none;}
  
  .home-mailinglist {width: 80%;}
  .mc-field-group {width: 100%; float: none;}
  .mlistbutton {float: none; margin: 10px auto 0px auto;}
  
  .home-sn {margin-top: 20px;}
  
  .form-item {padding: 0px 20px 30px 0px;}
  
  .newsletterbox-text {width: 75%; margin: auto; margin-bottom: 20px;}
  
  .sb-about-image {width: 100%; float: none; text-align: center;}
  .sb-about-image img {width: 80%; height: auto;}
  .sb-about-content {width: 100%; float: none; text-align: center; padding: 0px;}
  .sb-about-heading {text-align: center;}
  
}

@media only screen and (max-width: 580px) and (orientation: portrait) {
  
}


/*==========  Extra Small Devices, Phones  ==========*/

@media only screen and (max-width: 500px) {
   
  body, td, th {
    font-size: 14px;
  }
   
  .thefooter ul li div.copyright {
    text-align: center;
    padding-left: 0px;
    display: block;
    padding-top: 10px;
  }
  
  .logo {
        padding: 20px 0px 15px 0px;
  }
  
  
  .sectiontitle {font-size: 20px; line-height: normal;}
  
 
  .page-content, .bp-layout, .contactpage-col2 {padding: 0px 20px 20px 20px;}
  
  .book-buylinks {padding: 10px;}
  .book-buylinks img {height: 40px; width: auto;}
  
  .home-bottom-spacer img {height:100px;}
  
  .blogpost { padding: 0px 0px 0px 0px}
  .nextback {
  padding: 10px 0px 10px 0px;
  font-size: 16px;
  line-height: 22px;}
    
    img.alignright {width:100%; margin:0 0 20px 0;}
    img.alignleft {width:100%; margin:0 0 20px 0;}
    img.aligncenter {width:100%; margin:0 0 20px 0;}
    a img.alignright {width:100%; margin:0 0 20px 0;}
    a img.alignleft {width:100%; margin:0 0 20px 0;}
    a img.aligncenter {width:100%; margin:0 0 20px 0;}
  
}



/*==========  Custom, iPhone Retina  ==========*/

@media only screen and (max-width : 350px) {
  
   .home-bottom-spacer img {height:70px;}
   .sb-about-image img {width: 100%; height: auto;}
  
}