.main-header {
  height: auto;   
}

.mobile-logo {
  display: block;
  float:left;
  max-width: 250px;
}

.mobile-logo img {
  width: 60%;
  margin-top: 2px;
}

.mobile-navigation {
  display: none;
  position: absolute;
  float: left;
  left: 0;
  top: 0;
  width: 280px;
  padding-right: 40px;
  padding: 21px 10px 0 0;
  font-size: 26px;     
}

#nav-button:hover {
  cursor: pointer;
}

#nav-button {
  display: none;
  position: relative;
  z-index: 999999;
  font-size: 26px;
  float: left;
  padding: 4px 0 0 0;
  width: 27px;
  margin-right: 15px; 
  background: #1d1c1c; 
}

#mobile-menu {
  display: block;
  position: absolute;
  top: 0;
  background: #1d1c1c;
  width: 0;
  padding: 12px 0;
  font-size: 22px;
  overflow: auto;
}

#mobile-container {
  width: 100%;
  height: 100%;
  overflow-y: scroll; 
  -webkit-overflow-scrolling: touch;  
}

#mobile-menu ul li {
  margin-bottom: 12px;
  padding: 0 15px;
  padding-bottom: 12px;
  font-weight: 500;
}

#mobile-menu ul li:hover {
  cursor: pointer;
}

#mobile-menu ul > li.top-level i {
  float: right;
  padding-right: 10px;
  padding-top: 2px;    
}

#mobile-menu .col1,
#mobile-menu .col2 {
  display: block !important;
  float:left;
  margin: 8px 0 0 0 !important;
}

#mobile-menu .col1 {
  width: 45%;
}

#mobile-menu .col2 {
  width: 55%;
}

#mobile-menu .col1 i,
#mobile-menu .col2 i {
  margin: 0 5px 0 0;
  color: #00C4B3;
}

#mobile-menu .col1 a,
#mobile-menu .col2 a {
  font-size: 14px;   
}

#mobile-menu .col1 ul li,
#mobile-menu .col2 ul li {
  padding: 0 15px;
}

#mobile-menu .col1 ul li:first-child,
#mobile-menu .col2 ul li:first-child {
  margin-top: 8px;
}

#mobile-menu .col1 ul li:last-child,
#mobile-menu .col2 ul li:last-child {
  margin-bottom: 20px;
}

#mobile-menu .col1 ul,
#mobile-menu .col2 ul {
  text-align: left !important;
}

#mobile-menu a {  
  color: #ffffff;
  text-decoration: none;
  font-family: "brandon-grotesque",sans-serif;
  text-transform: uppercase;
  font-weight: 500;
}

#mobile-menu .top-level a, #mobile-menu .home-link {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 4px;
}

#mobile-menu ul {
  border-bottom: solid #3e3e3e 1px;    
}

#mobile-tags {
  padding: 25px 15px;   
}

#mobile-tags h1 {
  font-size: 14px;
  padding-bottom: 15px;
  color: #00C4B3;  
  font-weight: 500; 
}

#mobile-tags a {
  background: #ffffff;
  color: #333333;
  padding: 5px 7px 6px 7px;
  display: inline-block;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  margin: 0 5px 5px 0;
  text-decoration: none;
  text-transform: uppercase;    
}

#mobile-tags a:hover {
  color: #ffffff;
  background: #00C4B3;   
}

.mobile-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
  height: 100%;
  z-index: 999998;
  background: #1d1c1c; 
  color: #ffffff;
  text-transform: uppercase;
  padding: 18px 0;  
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch; 
}

.mobile-submenu li:hover {
  cursor: pointer;   
}

.mobile-submenu li:first-child {
  font-size: 14px;
  padding-top: 3px !important;
  margin-bottom: 17px !important;   
}

.mobile-submenu li:first-child i {
  float: none !important;
  padding-right: 5px !important;    
}  

.search-mobile {
  font-family: "Open Sans",sans-serif;
  font-size: 14px; 
  text-transform: uppercase; 
  padding: 0 15px;
  margin-bottom: 24px; 
  position: relative;
}

.mobile-submit {
  display: none;   
}

.search-mobile:before {
  font-family: 'FontAwesome';
  position: absolute;
  top: 8px;
  left: 22px;
  content: '\f002';
}

.search-mobile input[type="text"] {
  text-transform: none;
  font-size: 14px;
  padding: 5px 5px 5px 27px;
  text-align: left;
  width: 249px;
  background: rgba(255,255,255, .15);
  color: #ffffff;
}
   

#blur-menu {
  width: 100%;
  background: #f5f5f5;
  height: 68px;
  position: absolute;
  top: 0;
  left: 0; 
  z-index: -1;
  opacity: .97;
}
   
   
    
#mpb.cms-blogger .blog-entry .subtitle {
  margin-bottom: 20px !important;   
}
    
#mpb.cms-blogger .blog-entry .entry-summary {
  margin-bottom: 23px !important;   
}

#mpb.cms-blogger .programs-river .blog-entry .entry-summary {
  margin-bottom: 5px !important;   
}

@media screen and (min-width: 1420px) {
    .slide-image {
      background-position: left center !important;
    }
}

@media screen and (max-width: 1070px) {
    .top-bar .col2 {
      width: auto;   
    }
    
    .sidebar {
      font-size: 12px !important;    
    }
    
    .sidebar .box header h1 {
      font-size: 16px !important;    
    }
    
    .slide .container {
      padding: 55px 0;   
    }
    
    .slide h1 {
      font-size: 28px;   
    }
    
    .slide .excerpt {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);   
    }
    
    .bottom-bar .col1, .bottom-bar .col2, .bottom-bar .col3 {
      width: 29% !important;
    }
}

@media screen and (max-width: 925px) {
    .slide .container {
      background-size: auto 100% !important;
      background-position: center left !important;   
    }
    
    .sidebar .box.events .event .subcol2 {
      padding-left: 10px;   
    }
    
    .slide-image {
      background-position: center top !important; 
    }
    
    .home-tabs ul li {
	  font-size: 20px !important;	
	}
	
	.mpbradio-schedule h1.abbrv { 
		font-size: 12px;
	}
}

@media screen and (max-width: 995px),
screen and (max-height: 600px) {
    .main-header {
      display:none;    
    }
    
    .mobile-logo {
      display: inline-block;   
    }
    
    #top-spacer {
      height: 50px;   
    }
    
    .top-bar .col1, .top-bar .navigation {
      display: none;   
    }
    
    .main-navigation {
      display: none;    
    }
    
    .mobile-navigation, #nav-button {
      display: block;  
    }
    
    .main-header a.logo {
      margin-left: 10px !important;   
    }
    
    select,   textarea,   input[type="text"],   input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { 
      font-size: 14px; 
    }
    
}

@media screen and (max-width: 835px) {
    .slide h1 {
      font-size: 34px;   
    } 
    
    .slide p {
      display: none;    
    }
    
    .programs river .slide p {
      display: block;    
    }
    
    .slide .button {
      margin-top: 0 !important;   
    }
}

@media screen and (max-width: 780px) {
    .main-header .main-navigation .top-level > a {
      font-size: 16px;    
    }
}

@media screen and (max-width: 768px) {
    
    .slide .container {
      background-size: cover !important;
      background-position: center !important;
      height: 285px !important;
      max-height: 285px !important;
      width: 100%; 
      padding: 0;    
    }

	.slideshow-container {
      height: 285px !important;
      max-height: 285px !important;
	}
    
    .slide-image {
      background-size: auto 120% !important;
	  position: absolute;
      background-position: center;
	  width: 100%;
	  height: 285px;
	  margin: 0;
    }

    .slide .excerpt {
      width: 80%;  
      margin: 0 auto;
      float: none; 
	}
	
    .slide {
      padding: 0;   
    }
    
    .slide .vignette {
      width: 100%; 
      opacity: .75;   
    }
    
    .slide .vignette2 {
      display: block;  
    }
    
    .template-two-cols .col1,
    .template-three-cols .col2,
    .template-three-cols .col3 {
      width: 100%;
      float: none;    
    }
    
    .template-three-cols .col1 {
      display: none;   
    }
    
    .template-two-cols.home .col1 {
      width: 100%;   
    }
    
    .template-two-cols .col2 {
      width: 100%;
      float: none;
      margin: 40px auto 0 auto;   
    }
	
	.template-three-cols.programs-single .col1 {
	  display: block;
	  float: none;
	  width: 100%;
	  padding: 0 3%;	
	}
	
	.programs-single .col1 .box,
	.programs-single .col1 .box.navigation header {
	  display: none;
	}
	
	.programs-single .col1 .box.navigation {
	  display: block;
	}
	
	.programs-single .sidebar .box.navigation .content {
	  padding: 10px 20px;	
	}
	
	.programs-single .sidebar .box.navigation nav > a {
	  display: inline-block;
	  margin: 0 15px 0 0;
	  font-size: 14px;
	  line-height: 1.5em;
	}
    
    .ad {
      max-width: 345px !important;
      margin: 0 auto 20px auto !important;    
    }

    .top-bar .col3 {
      display: none !important;   
    }
    
    #mpb.cms-blogger .blog-entry > .left-col {
      width: 100% !important;
      padding-bottom: 20px !important; 
      display: none !important;    
    }
    
    #mpb.cms-blogger .blog-entry > .right-col {
      width: 100% !important;
      margin-left: 0 !important;   
    }
    
    .cms-blogger .blog-entry .social a {
      float: left !important;
      width: 25px !important;
      padding: 12px 0;
      margin-left: 10px !important;
    }
    
    #mpb.cms-blogger .blog-entry #entry-title {
      font-size: 22px;  
    }
    
    #mpb.cms-blogger .blog-entry > .left-col .date, .social,
    .blog-template .email,
    .blog-template .connect {
      display: none !important;  
    }
    
    #mpb.cms-blogger .blog-post .social {
      display: block !important;
    }
    
    #mpb.cms-blogger .blog-post .text-plugin {
      overflow: hidden !important;
      font-size: 17px;   
    }
    
    .blog-template .container {
      width: 100%;   
    }
    
    .blog-template .more-articles {
      padding: 0;   
    }
    
    .blog-template .text-plugin {
      padding: 0;   
    }
    
    .alert, .alert-two {
       width: 100%; 
    }
    
    #mpb.cms-blogger .home-news .blog-entry {
      width: 32%;
      margin-right: 2%;   
    }
    
    #mpb.cms-blogger .home-news .last .blog-entry {
      margin-right: 0 !important;   
    }
    
    #mpb.cms-blogger .home-programs .blog-entry, #mpb.cms-blogger .home-education .blog-entry {
      width: 100%;  
    }
    

}

@media screen and (max-width: 767px) {
	.ad-desktop {
	  display: none;
	}
	
	.ad-mobile {
	  display: block;
	}
}

@media screen and (max-width: 700px) {
    
    .slide h1 {
      font-size: 22px;   
    } 
    
    .top-bar {
      padding: 10px 0;
    }
    
    .top-bar .col1 {
      display: none !important;   
    }
    
    .top-bar .col2 {
      float: right !important;   
    }
    
    .template-three-cols .col3 {
      display: block !important;   
    }
    
    .top-bar .col2 {
      margin: 0 !important;   
    }
    
    .template-two-cols .col2 {
      display: block !important;   
    }
    
    .bottom-bar .col3 .subcol1,
    .bottom-bar .col3 .subcol2 {
      width: 100% !important;   
    }
    
    .bottom-bar .col1, .bottom-bar .col2, .bottom-bar .col3 {
      margin: 20px auto !important; 
      width: 75% !important;  
    }
    
    /* .cms-blogger .blog-post > .left-col {
      display:none !important;   
    } */
}

@media screen and (max-width: 599px) { 
    .slide p, .programs river .slide p {
      display: none !important;   
    }
    
    #mpb.cms-blogger .blog-entry {
      position: relative;   
    }
    
    #mpb.cms-blogger .blog-entry > .left-col {
      padding-bottom: 0 !important;   
    }
    
    #mpb.cms-blogger .blog-entry #entry-title {
      font-size: 18px !important;  
    }
    
    #mpb.cms-blogger .blog-post #entry-title {
      font-size: 22px !important;  
    }
    
    #mpb.cms-blogger .blog-entry .subtitle,
    #mpb.cms-blogger .blog-post .subtitle {
      font-size: 11px;  
      margin-bottom: 15px;
    }
    
    #mpb.cms-blogger .blog-entry > .right-col {
      padding: 0 !important;   
    }
    
    #mpb.cms-blogger .blog-entry > .right-col > .right-col .entry-image-container {
      margin-bottom: 0;   
    }
    
    #mpb.cms-blogger .blog-entry .entry-summary,
    #mpb.cms-blogger .blog-entry .entry-read-more {
      display: none;   
    }
    
    #mpb.cms-blogger .programs-river .blog-entry .entry-summary {
      display: block;   
    }
    
    #mpb.cms-blogger .programs-river .blog-entry > .right-col > .right-col {
      display :none !important;   
    }
    
    #mpb.cms-blogger .programs-river .blog-entry > .right-col h1 {
      margin: 0 0 10px 0 !important;
      font-size: 18px !important;   
    }
    
    #mpb.cms-blogger .programs-river .blog-entry > .right-col > .left-col {
      margin: 0 !important; 
    }
    
    #mpb.cms-blogger .home-news .blog-entry {
      width: 100% !important;
      margin-right: 0 !important; 
      padding: 25px !important;  
    }
    
    #mpb.cms-blogger .home-news .blog-entry > .right-col > .right-col {
      float: none;
      width: auto;
      padding-left: 0;
      position: relative;
      top: auto;
      left: auto;    
    }
    
    .alert-two {
	    height: 102px;
    }
    
    .alert-title, .alert-message {
      width: 100%;   
    }
    
}

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

    #mpb.cms-blogger .blog-post .social {
      display: inline-block !important;
    }
    
    .home-tabs, .home-programs, .home-education {
      display: none !important;   
    }
    
    #mpb .pbs_tvschedules_modules-module_content_container select,
    #mpb .pbs_tvschedules_modules-module_content_container input.submit {
      width: 100px;
      float:right;  
      vertical-align: bottom; 
    }
    
    #mpb #pbs_tvschedules_modules-tvschedules-dateheader_table td {
      vertical-align: top;
      margin-bottom: 10px;  
    }
}


/* For the Porgams Schedule */
@media screen and (max-width: 895px) {
    
    #mpb .template-full-width .container {
      width: 100%;   
    }
    
    #mpb .template-full-width .more-articles {
      padding: 0;   
    }
    
    #mpb #pbs_tvschedules_modules-tvschedules-viewheader_container,
    #mpb #pbs_tvschedules_modules-tvschedules-viewheader_table,
    #mpb #pbsdtv_tvschedules_modules-tvschedules-griddata_fullweek_table,
    #mpb #pbs_tvschedules_modules-tvschedules-griddata_table,
    #mpb .yui-panel-container shadow, #mpb .yui-panel-container,
    #mpb #pbs_tvschedules_modules-tvschedules-gridheader_tempnav_table,
    #mpb .pbs_tvschedules_modules-tvschedules-optionsheader_container,
    #mpb #pbs_tvschedules_modules-tvschedules-gridheader_container,
    #mpb .pbs_tvschedules_modules-module_content_header_label {
      display: none !important;   
    }
    
    #mpb .pbs_tvschedules_modules-tvschedules-griddata_fullday_timeheader,
    #mpb .pbs_tvschedules_modules-tvschedules-griddata_programblock {
      border: none;   
    }
    
    #mpb #pbs_tvschedules_modules-tvschedules-dateheader_table td {
      vertical-align: middle;   
    }
	
	.mpbradio-schedule {
		padding: 30px;	
	}
	
	#time, #radio-monday, #radio-tuesday, #radio-wednesday, #radio-thursday, #radio-friday, #radio-saturday, #radio-sunday {
		float: none;
		width: 100% !important;	
		margin: 5px 0;	
	}
	
	.mpbradio-schedule h1.day {
		display: block !important;	
	}
	
	.mpbradio-schedule h1.abbrv {
		display: none !important;	
	}
	
	.mpbradio-schedule table {
		margin: 5px 0;	
		display: none;
	}
}