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

@media only screen and (max-width: 1800px) { .logohome {width:100%; height: 70%;} }

@media only screen and (max-width: 1400px) {
  
  .container {width: auto;}
  
  .headernavbar {width: 100%; }
  
  .navimain {
    z-index: 999999999999;
    width: 100%;
  }
  .nav-body {
    width: 70%;
    width: calc(100% - 298px);
    width: -o-calc(100% - 298px);
    width: -webkit-calc(100% - 298px);
    width: -moz-calc(100% - 298px);
    float: left;
  }
  
  .featuredstuff {bottom: 10px; z-index: 99999999;}
  .sm {z-index: 999999999999;}
  
  .header-logo img {width: 80%; height: auto;}
  
  .thebody {padding: 0px 20px 0px 20px;}
  
  .sectiontitle img {display: none;}
  .sectiontitle {
    margin: 0px 0px 0px 0px;
    padding: 30px 0px 40px 0px;
    line-height: normal;
    letter-spacing: 0px;
    background-image: url(../images/sectionheading-decomobile.png);
    background-repeat: no-repeat;
    background-position: bottom center;
  }
  
	.home-spacer {padding-bottom: 100px;}
  
}

@media only screen and (max-height: 1100px) {
   
  .logo img {width: 15%;}
  .home-stuffcontent {width: 100%; clear: both; padding: 10px 20px 10px 20px;}
  .home-news {width: 75%; padding: 0px 30px 0px 0px;}
  .home-video {width: 25%; padding: 10px 0px 10px 0px;}
  
  .footer-home {padding: 0px 0px 0px 0px;}
  
}


/*==========  Medium Devices, Desktops ==========*/ 
@media only screen and (max-width: 1120px) {
  
  .aboutpageprofile-pic-new {width: 40%; height: auto;}
  
}

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

  .mc-bg2 {padding: 20px 40px 20px 40px;}
  .spacer-header {display: none;}
  .logo {
    position: relative;
  }
	
	
    #main-menu, #main-menu2 {
      width: 100%;
      
    }

  /*.main-nav {width: 94%;}*/
  
   .home-sn {padding: 0px 0px 10px 0px;}
	
	.home-header-box {position: relative;}
   
    .main-nav {
      width: 100%;
      position: absolute;
      top: 0px;
      left: 0;
      z-index: 3000;
      padding: 0px;
      background: transparent;
    }
    
  
  .navimain {
    margin-bottom: 0px;
    margin: auto;
     z-index: 999999999999;
  }
  .nav-body {padding-top: 0px;}

  
  #main-menu, #main-menu2 {
    border: none;
    width: 100%;
    text-align:left;
    padding-top: 0px;
    margin: 0px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, .80);
  }
  
  #main-menu > li, #main-menu2 > li {
    display:block;
    margin-right:0;
    border-color: #a28a5b;
    padding: 6px 10px 6px 10px;
  }
  
  .navmenubox1 {float: none; width: auto;}
.navmenubox2 {float: none; width: auto;}
  
  .partnerlogos {top: 60px;}
  
	
	.home-spacer {display: none;}
	
	.home-content {
	  top: 90%;
		z-index: 5; 
	}
	
	.home-header-box .logo {display: none;}
		
	.home-logo-mobile {
		display: block;
		width: 100%;
		overflow: hidden;
		text-align: center;
	}
	.home-logo-mobile img {
		width: 200% !important; 
		height: auto !important;
		margin-left: -50%;
	}
	
	.owl-theme .item .owl-itemtext {display: none;}
	
}

@media only screen and (max-width: 1100px) and (orientation: landscape) {
	
	.home-logo-mobile img {
		width: 100% !important; 
		height: auto !important;
		margin-left: 0;
	}
	
}


@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; padding-top: 40px;}
  
  .sb-map, .sb-tagline {text-align: center; width: 52%; margin: auto; margin-bottom: 30px;}
  
  .sb-about-image {width: 40%; float: left; }
  .sb-about-content {width: 57%; float: right; text-align: left;}
  .sb-about-heading {text-align: center;}
  
}


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

@media only screen and (max-height: 850px) {
 
 /* .home-news-box .box-column .news-contentbody {display: none;} */
 
  .home-news {width: 65%; float: right; padding: 0px 0px 0px 0px;}
  .home-video {width: 35%; float: left; padding: 10px 30px 10px 0px;}
  
  .video-morelink {display: none;}
  
  .home-content .container {width: 80%;}
  
  .home-content .news-title {
    font-size: 18px;
    line-height: 26px;
  }

  .copyright-partnerlogo {width:30px; height: auto; margin-top: 5px;}
  
  
}

@media only screen and (max-width: 850px) {
  
  .partnerlogos img {width: 30px; height: auto;}
  
  .home-content .container {width: 90%;}
/* .home-bottomstuff .bar-main {display: none;}
  .home-stuffcontent {
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.40);
  }*/
  
  .home-news {width: 100%; float: none; padding: 0px 0px 0px 0px;}
  .home-video {width: 100%; float: none; padding: 10px 0px 10px 0px;}
  
  .home-content {
	  top: 80%;
	}
  /*.home-content {position: relative; margin-top: -160px;}*/
  /*.home-bottomstuff .bar-main {display: block;}*/
  
  .home-news-box {
    width: 100%;
    display: block;
  }
  .home-news-box .box-column {
    width: 100%;
    display: block;
    padding: 20px 0px 10px 0px;
  }
  .home-news-box .bar-column {display: none;}
    
}

@media only screen and (max-width : 820px) {
  
  /*.nav-deco1, .nav-deco2 {display: none;}*/
  

 .header-bar {position: relative; margin-bottom: -40px;}
    
  .main {padding: 0px 20px 20px 20px;}
  
  .sectiontitle {font-size: 16px;}
    .sectiontitle-bg {
    margin: 0px 0px 0px 0px;
    padding: 8px 10px 8px 10px;
  }
  
  .twocol-image, .book-item-default .twocol-image {width: 45%;}
  .twocol-text, .book-item-default .twocol-text {width: 51%;}
  
  .standardpage {padding: 0px 10px 20px 10px;}
  .page-content {padding: 0px 0px 0px 0px;}
  
   td.eventsentry-date, td.eventsentry-time {
    width: 50%;
    display: block;
    float: left;
  }
  td.eventsentry-venue {clear: both; width: 100%; display: block;}
  
  .mlistcolumn {width: 100%; float: none; padding: 0px 10px 20px 10px;}
  .mlistbutton {width: 120px; float: none; margin: auto;}

  .mlistbuttoneformat {width: 70%; margin: auto;}
   .footermlistcopy {margin: auto; width: 100%;}
   .footermlistcopy ul {width: 100%; text-align: center;}
  .footermlistcopy ul li {
    display: inline-block;
  }
  .footermlistcopy ul li:last-child {
    display: block;
    text-align: center !important;
    width: 100%;
    float: none !important;
    margin: 20px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    clear: both;
  }
  .footermlistcopy ul li div.copyright {display: block; width: 100%; text-align: center;}
  
  .logohome {
    height:50%;
    position:absolute;
  }
  .footer-copyright {font-size: 12px; line-height: 20px;}

  
}

@media only screen and (max-width: 820px) and (orientation: landscape) {
  .logohome img {width: 85%;}
	
	.home-content {
	  top: 90%;
	}
}

@media only screen and (max-width : 750px) {
  
  .logo-home {top: 13%; }
  .logo-home img {width: 55%; height: auto;}
	  
}

@media only screen and (max-width: 680px) {
  
  .mainbody {
    margin-top: -40px;
  }
  .header-logo img {width: 100%; height: auto;}
  .nav-deco {display: none;}
  .nav-body {width: 100%; height: auto; background-position: bottom left; padding-top: 0px; padding-bottom: 5px; }
    
  .thebody {padding: 0px 15px 0px 15px;}
  
    .sectiontitle {
      text-align: center;
    }
    
  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) {
  
  .blog-title {
    font-size: 22px;
    line-height: 32px;
    font-weight: 500;
    padding: 0px 0px 15px 0px;
  }
  
  .theblogpost {font-size: 14px;}
  
  .twocol-image, .book-item-default .twocol-image {width: 100%; float: none; padding-bottom: 20px;}
  .twocol-text, .book-item-default .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-1col {padding-right: 0px;}
  .form-2col {width: 100%; float: none; padding-right: 0px;}
  
  .form-item {padding: 0px 20px 30px 0px;}
  
  .newsletterbox-text {width: 75%; margin: auto; margin-bottom: 20px;}
  
  
}

@media only screen and (max-width: 610px) and (orientation: landscape) {
  
  .home-mailinglist {width:60%;}
  .mc-field-group {
    width: 100%;
    width: calc(100% - 120px);
    width: -o-calc(100% - 120px);
    width: -webkit-calc(100% - 120px);
    width: -moz-calc(100% - 120px);
    float: left;
  }
  .mlistbutton {width: 120px; float: right; height: 40px; margin: 0px;}
  
  .home-bottom-spacer img {height: 85px;}
  
  .home-sn {margin-top: 0px;}
  
}

@media only screen and (max-width: 580px) and (orientation: landscape) {
   
   .home-mailinglist {width: 70%;}
   .home-bottom-spacer img {height: 35px;}
}


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

@media only screen and (max-width: 500px) {
   
  .thefooter ul li div.copyright {
    text-align: center;
    padding-left: 0px;
    display: block;
    padding-top: 10px;
  }
  
  .logo {
        /*padding: 20px 0px 15px 0px;*/
        padding: 5px 0px 0px 0px;
  }
  
  .standardpage {padding: 0px 0px 20px 0px;}
  .book-buylinks {padding: 5px 0px 5px 0px;}
  .book-buylinks img {height: 40px; width: auto;}
  
  .sb-about-image {width: 100%; float: none; }
  .sb-about-content {width: 100%; float: none; text-align: center;}
  
  .home-bottom-spacer img {height:100px;}
    
    img.alignright {width:100%; height: auto; margin:0 0 20px 0;}
    img.alignleft {width:100%; height: auto; margin:0 0 20px 0;}
    img.aligncenter {width:100%; height: auto; margin:0 0 20px 0;}
    a img.alignright {width:100%; height: auto; margin:0 0 20px 0;}
    a img.alignleft {width:100%; height: auto; margin:0 0 20px 0;}
    a img.aligncenter {width:100%; height: auto; margin:0 0 20px 0;}
    
    .copyright {text-align: center; padding: 10px 0px 20px 0px; }
    .copyright img.alignright {width: auto; float: none; display: block; margin: auto; margin-bottom: 10px;}
  
    .sb-map, .sb-tagline {width: 90%;}
  
}



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

@media only screen and (max-width : 350px) {
  
   .home-bottom-spacer img {height:70px;}
  
}