/** PAGE MOBILE NAV styles **/

	.icon-bar {
	  	background-color: #fff;
	  	width: 32px !important;
	  	height: 7px !important; 
	}

	#navbar {
	  	margin: 0;
	  	padding: 0; 
	  	position: relative;
	}

	.navbar {
		min-height: 0;
		margin: 0;
		border: 0;
	}

	.navbar-toggle {
	  	position: absolute;
	  	top: -45px;
	  	right: -25px; 
	}

	.navbar-collapse {
		border: 0;
		box-shadow: none;
	}

	.mobile-nav {
		margin: 20px 0 20px 0;
	}

	.mobile-nav ul {
		margin: 0;
		padding: 0;
		width: 100%;
	}

		.mobile-nav ul li {
			font-size: 16px;
			position: relative;
			text-align: left;
		}

		.mobile-nav ul a {
			display: block;
			padding: 20px;
			color: #bdb7af;
			background: #2e2c2d;
		}

		.mobile-nav ul a:hover {
			background: #2e2c2d;
			color: #fff;
			text-decoration: none;
		}

		.mobile-nav .sub-menu {
			position: relative;
			top: auto;
			left: auto;
			box-shadow: none;
			border-radius: 0;
		}

			.mobile-nav .sub-menu li {
				text-align: left;
				border-bottom: 1px solid  #2e2c2d;
			}

			.mobile-nav .sub-menu a {
				background: #3f3d3e;
			}

			.mobile-nav .sub-menu li:first-child a,
			.mobile-nav .sub-menu li:last-child a {
				border-radius: 0;
			}

		.mobile-nav .fa-caret-down,
		.mobile-nav .fa-caret-up {
			position: absolute;
			top: 25px;
			right: 20px;
		}

/** PAGE RESPONSIVE styles **/

@media (max-width: 1200px) {

	#current_time,
	#future_time {
		display: none;
	}

	.container {
		width: 100%;
	}

	.content-headline-button .col-xs-9 {
		width: 60%;
	}

	.content-headline-button .col-xs-3 {
		width: 40%;
	}
	
	.content-blog .headline h1 {
		padding-right: 0;
	}

	.people .person-bio,
	.people-heavybit-investors .person-bio,
	.people-program-advisors .person-bio {
		height: 320px;
	}

	.events {
		background: transparent;
	}

		.events-col-first {
			display: none;
		}

		.events-row .events-meta-span {
			display: inline-block;
		}

		.events .events-col {
		}

		.events .col-xs-5 {
			width: 60%
		}

		.events .col-xs-4 {
			width: 30%;
		}

		.events .col-xs-1 {
			width: 10%;
		}

		.events-logo img,
		.event-detail-inner img {
			width: 100%;
		}

	.content-col {
		width: 70%;
	}

	.sidebar-col {
		min-width: 30%;
	}

	.podcast-main-top .col-xs-8,
	.podcast-main-top .col-xs-4 {
		width: 100%;
	}

		.podcast-main-inner {
			height: auto!important;
			background-size: cover!important;
			margin-bottom: 30px;	
			padding-bottom: 30px;
		}

		.hb-podcast-row .col-xs-6 {
		}

		.podcast-index,
		.podcast-newsletter-cont {
			width: 49%;
			height: 238px;
			float: left;
		}

		.podcast-index {
			margin-right: 2%;
			min-height: auto!important;
		}
        
        .sidebar-box.podcast-index .col-xs-6 {
            padding-top: 17px;
        }
        
        .podcast-index .subscribe-button-small-text,
        .podcast-index .subscribe-button-main-text {
            margin-left: 17px;
        }
        
        .podcast-index .icon-background {
            left: 12px;
        }
        
	.heavybit-entry-img-static .heavybit-entry-content {
		height: 240px;
	}

	.library .col-xs-4 {
		width: 50%;
	}

		.library .heavybit-entry-content {
			height: 160px!important;
		}

		.library .heavybit-entry-small .heavybit-entry-content {
			height: 100px!important;
		}

		.heavybit-filter {
			height: 288px!important;
		}

	.main-video-content p,
	.main-video-content ul {
		font-size: 14px!important;
		line-height: 22px;
	}
}

/*@media (min-width: 769px) {
	.video-outline-wrap {left: 55px;}
}
@media (min-width: 1201px) {
	.video-outline-wrap {left: 95px;}
}*/


@media (max-width: 1024px) {

	.content-blog .headline h1 span,
	.content-blog .headline h1 small {
		display: none;
	}

	.main-video-cont,
	.video-single .video-outline-wrap {
		display: none;
	}

		h4.heavybit-main-headline {
			margin: 0;
		}

		.heavybit-main {
			padding: 15px 0 0 0;
			height: 370px!important;
			background-size: auto 370px;
		}

		.heavybit-main-content {
			height: 370px;
			overflow: hidden;
		}

	.video-single .col-xs-9 {
		width: 100%;
	}

	.hb-button-apply {
		width: 100%;
	}
}

@media (max-width: 1040px) {

	.person-cell {
		width: 50%;
	}

		.people .person-bio,
		.people-heavybit-investors .person-bio,
		.people-program-advisors .person-bio {
			height: 250px;
		}
}

@media (max-width: 992px) {
	
	h4.heavybit-main-headline {
		margin: 0 0 20px 0;
	}

	.heavybit-entry-get-involved a{
			background-size: auto 240px!important;
		}

	.content-blog .col-xs-4 {
		width: 50%;
	}

		.top-row .col-xs-4:last-child,
		.bottom-row .col-xs-4:last-child {
			display: none;
		}

		.bottom-row .heavybit-entry {
			background-size: auto 100%!important;
		}

	.content-blog .col-xs-3,
	.content-blog .col-xs-6 {
		width: 100%;
	}

		.content-blog .col-sx-6 {
			width: 50%;
		}

		.testimony-main,
		.testimony-main-2 {
			height: auto;
		}

	.section {
		padding: 0 30px 0 30px;
	}

	.headline h1 {
		padding-left: 55px;
		padding-right: 0px;
		background-position: 20px center;
	}

	.program-cell {
		width: 50%;
	}

		.program-numbers-outer div {
			border-right: 0;
		}

	.events-head-right {
		width: 100%;
	}

		.events-head-left {
			width: 100%;
		}

		.events-img {
			position: static;
			width: 100%;
			height: auto;
		}

		.events-inner {
			min-height: 100%;
		}

		.events .events-col {
			min-height: 300px;
		}

		.events-logos {
			padding-top: 33%;
		}

		.events-arrow {
			margin-top: 66%;
		}

	.community-project {
		width: 50%;
	}

	.content-col,
	.sidebar-col {
		width: 100%;
	}

		.sidebar-box-headline a {
			background-position: 97% center;
		}

		.sidebar-box-content li a {
			display: block;
		}

		.sidebar-share-nav li a {
			display: table-cell;
		}

	h5#related {
		margin-top: 30px;
	}

	.heavybit-entry-img-static .heavybit-entry-content {
		height: 245px!important;
	}

		.home .heavybit-entry-img-static .heavybit-entry-content {
			height: 180px!important;
		}

		.related .heavybit-entry-learn .heavybit-entry-content {
			height: auto!important;
		}

/*		
		.heavybit-entry {
			background-size: cover!important;
		}
*/

			.home .heavybit-entry-podcast a,
			.home .heavybit-entry-podcast {
				background-position: top center!important;
				background-size: auto 100%!important;
			}

	.podcast-main-bottom .col-xs-4 {
		width: 50%;
	}

		.library .heavybit-entry-content {
			height: 160px!important;
		}

	.main-video-content h1 {
		font-size: 34px;
	}

		.vjs-poster {
			background-size: auto 100%!important;
		}
		
}

@media screen and (max-width: 900px){
    #podcast-episode-player-container #download-podcast-link{
        display: none;
    }
}

@media screen and (max-width: 850px){
    #podcast-episode-player-container .vjs-volume-panel{
        width: 60px;
    }
    #podcast-episode-player-container .mute-control{
        display: none;
    }
    #podcast-episode-player-container .vjs-volume-control.vjs-volume-horizontal .vjs-volume-level{
        width: 55px;
    }
}

@media (max-width: 786px) and (min-width: 640px) , (max-width: 450px){
    
    .sidebar-box .icon-background{
        left: 8px;
    }
    
    .sidebar-box.podcast-index .subscribe-button-small-text, 
    .sidebar-box.podcast-index .subscribe-button-main-text{
        margin-left: 6px;
    }
    
    .sidebar-box.podcast-index .subscribe-button-small-text{
        font-size: 11px;
    }

    .sidebar-box.podcast-index .subscribe-button-main-text{
        font-size: 13px;
    }

}

@media (max-width: 678px) and (min-width: 640px) , (max-width: 375px){
    .sidebar-box.podcast-index .subscribe-button-small-text{
        font-size: 10px;
    }

    .sidebar-box.podcast-index .subscribe-button-main-text{
        font-size: 12px;
    }
}


@media (max-width: 768px) {

	.heavybit-main-content {
		padding-right: 0;
	}

		.heavybit-main a {
			background: transparent;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            align-items: flex-end;
		}
        
        .heavybit-main .heavybit-main-content{
            height: auto;
            padding-left: 20px;
            padding-bottom: 20px;
            
        }

		.heavybit-entry-get-involved {
			background-size: auto auto!important;
		}

		.bottom-row .heavybit-entry-img .heavybit-entry-content-sm {
			margin-top: 120px;
		}

		.content-events .heavybit-entry-img .heavybit-entry-content-sm {
			margin-top: 0;
		}

		.col-sx-6 .heavybit-entry-img {
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			
		}

		.heavybit-entry-get-involved .heavybit-entry-img-lg {
			height: 140px!important;
		}

	.headline {
		margin-bottom: 20px;
	}
	
	.members-top-left,
	.members-top-right {
		width: 100%;
	}

		.member-logo-cell {
			width: 50%;
		}

		.member-logo-outer {
			height: 160px;
		}

	.program-numbers h1 {
		font-size: 40px;
		line-height: 40px;
	}

		.program-numbers h1 strong {
			font-size: 12px;
			line-height: 16px;
		}

	.person-cell {
		width: 100%;
	}

		.people .person-bio,
		.people-heavybit-investors .person-bio,
		.people-program-advisors .person-bio {
			height: 180px;
		}

	.program-cell-bot {
		width: 100%;
		margin-top: 20px;
	}

		.program-headline i {
			left: 46%;
		}

		.program-content-p {
			width: 49.5%;
			display: inline-block;	
		}

	.events .col-xs-5 {
		width: 100%;
	}

		.events .events-col {
			height: auto;
			min-height: 100%;
		}

		.events .col-xs-4,
		.events .col-xs-1 {
			display: none;
		}

		.event-info-cell {
			width: 100%;
		}

		.event-detail-inner img {
			width: auto;
		}

		.event-single .col-xs-8,
		.event-single .col-xs-4 {
			width: 100%;
		}

	.blog-entry .col-xs-7 {
		width: 100%;
		margin-bottom: 20px;
	}

		.blog-entry .col-xs-5 {
			width: 100%;
		}

	.video-container {
		position: relative;
	}

	.main-video-content {
		position: absolute;
		left: 2%;
		bottom: 0px;
		width: 96%;	/* 90%;	*/
		padding: 0 2% ;
	/*	height: auto!important; */
        height: 230px;

		background: -webkit-linear-gradient(bottom, rgba(0,0,0,0) 49%, rgba(0,0,0,1) 89%);
		background: -o-linear-gradient(bottom, rgba(0,0,0,0) 49%, rgba(0,0,0,1) 89%);
		background: -moz-linear-gradient(bottom, rgba(0,0,0,0) 49%, rgba(0,0,0,1) 89%);
		background: linear-gradient(to bottom, rgba(0,0,0,0) 49%, rgba(0,0,0,1) 89%);

		/*background: transparent;*/
	}

	.main-video-content p,
	.main-video-content ul {
		display: none;
	}

		.main-video-content p.main-video-content-date {
			display: inline-block;
		}

	.section.video {
		/*padding-top: 370px;*/
	}
    
    #main-video-title-content{
        position: absolute;
        top: 115px;
    }
    
	#video-container .vjs-default-skin .vjs-big-play-button {
		left: 50% !important;
		top: 75px !important;
		width: 3em !important;
		height: 3em !important;
	}

	#video-container .vjs-default-skin .vjs-big-play-button.video-collapsed {
		left: 30% !important;
		top: 60px !important;
		width: 66px !important;
		height: 66px !important;
	}

	.vjs-controls-disabled .vjs-big-play-button, .vjs-using-native-controls .vjs-big-play-button, .vjs-error .vjs-big-play-button {
		display: block !important;
	}

	.vjs-has-started .vjs-big-play-button {
		display: none !important;
	}

	#video-container .vjs-default-skin .vjs-big-play-button:before,
	#video-container:hover .vjs-default-skin .vjs-big-play-button:before {
        background-size: 50px;
	}
        
    #video-container #video-player-spacer-div{
        display: table;
        height: 50%;
    }
    
	.related .col-xs-4 {
		width: 100%;
	}

		.related .heavybit-entry {
			background-size: 100% auto!important;
			height: 100%!important
		}

	.video-js, 
	.video-js .vjs-poster,
	.main-video-overlay-left,
	.main-video-overlay,
	.main-video {
		height: 230px;
		/*height: 100%!important;*/
	}

	.video-js .vjs-tech {
		/*position: static!important;
		height: auto!important;
		min-height: 165px;*/
	}
    
    .section.video{
        padding-top: 250px;
    }
    
    #media-query-div{
        width: 768px;
    }
    
}

@media (max-width: 767px) {

	.content-headline-button .col-xs-9,
	.content-headline-button .col-xs-3 {
		width: 100%;
	}

	.header {
		min-height: 110px;
	}

		.header .logo {
			padding-top: 45px;
			position: static;
			display: inline-block;
		}

	.main-nav {
		display: none;
		width: 50%;
	}

	.tag-button {
		display: none!important;
	}

	.library .heavybit-entry-small .heavybit-entry-content,
	.heavybit-entry-learn .heavybit-entry-content {
		height: auto!important;
	}
}

@media screen and (max-width: 700px){
    #podcast-episode-player-container .vjs-volume-panel{
        display: none;
    }
    
    #video-container .vjs-time-control{
        display: none !important;
    }
}

@media (max-width: 640px) {

	.content-headline-button .heavybit-main-headline {
		font-size: 24px;
	}

		.heavybit-main-content p {
			display: none;
		}

		p.heavybit-date {
			display: block;
		}

	.heavybit-main-content {
		height: auto;
		padding: 0;
	}

	.heavybit-main a {
		padding: 0 15px 0 0;
		position: absolute;	
		top: auto;
		bottom: 0px;
		left: 15px;
	}

	.content-blog .col-xs-4 {
		width: 100%;
	}

	.content-blog .section {
		padding-top: 15px !important;
	}

	.podcast-index,
	.podcast-newsletter-cont {
		width: 100%;
	}

		.hb-podcast-row .col-xs-6 {
			width: 100%;
			padding: 0;
			margin-bottom: 10px;
		}

		.hb-podcast-row .col-xs-6:last-child {
			margin-bottom: 0;
		}

		.podcast-index,
		.podcast-newsletter-cont {
			width: 100%;
			margin-right: 0;
			float: none;
		}
        
        .podcast-newsletter-cont {
            height: auto;
        }

	.podcast-main-bottom .col-xs-4 {
		width: 100%;
	}

	.podcast-episode-inner {
		padding: 0 15px 0 15px;
	}

	.heavybit-entry-img-static .heavybit-entry-content {
		height: auto!important;
	}

	.heavybit-entry-learn {
		height: auto !important;
	}

	.home-search {
		height: auto !important;
	}

	.library .col-xs-4 {
		width: 100%;
	}

		.library .heavybit-entry-content {
			height: auto!important;
		}

		.library .heavybit-filter {
			height: auto!important;
			padding-bottom: 20px;
		}
}

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

    #podcast-episode-player-container .vjs-duration{
        display: none !important;
    }
    
    #video-container .vjs-volume-menu-button.vjs-menu-button{
        display: none !important;
    }
    
    #video-container #collapse-video-button{
        padding: 10px 10px;
    }
}

@media (max-width: 520px) {

	.heavybit-entry {
		background-size: auto 199px!important;
		height: 100%!important;
	}

	.related .heavybit-entry {
		background-size: 100% auto!important;
		height: auto!important
	}

		.related .heavybit-entry img.placeholder {
			height: 99px!important;
		}

		.heavybit-entry-library img.placeholder {
			height: 199px!important;
		}

		.heavybit-entry-img .heavybit-entry-content-sm {
			position: static;
		}

		.library .heavybit-entry-small .heavybit-entry-content,
		.library .heavybit-entry-content {
			height: auto!important;
		}

	.mejs-container, 
	.mejs-embed, 
	.mejs-embed body, 
	.mejs-container .mejs-controls {
		right: auto!important;
	}

		a.powerpress_link_d,
		.mejs-horizontal-volume-slider {
			display: none!important;
		}
}

@media (max-width: 480px) {

	/* Fix for DevGuild & Wheelhouse H1s in Divi Builder */

	.et_pb_section h1 {
	word-wrap: normal !important;
	font-size: 35px !important;
	
	}

	.content-headline-button .heavybit-main-headline {
		font-size: 18px;
	}

		.heavybit-main h1 {
			font-size: 24px;
		}

	.desktop-logo {
		display: none;
	}

	.mobile-logo {
		display: block;
	}

	.body-inner {
		margin-bottom: 15px;
	}

	.section {
		padding: 0 15px 0 15px;
	}

		.section.members {
			padding: 0 15px 0 30px;
		}

		.program .col-xs-4 {
			padding: 0 15px 0 15px;
		}

		.members .col-xs-3,
		.members .col-xs-6 {
			padding: 0 15px 0 0px;
		}

		.people .col-xs-4 {
			padding: 0;
		}

		.headline span:before {
			top: -1px;
		}

	.content-blog .col-sx-6 {
		width: 100%;
	}

	.people .person-bio,
	.people-heavybit-investors .person-bio,
	.people-program-advisors .person-bio {
		height: auto;
	}

	.program-main {
		width: 95%;
		padding: 20px 10px 20px 10px;
	}

		.program-main-inner {
			margin: 0 10px 0 10px;
		}

		.program-headline i {
			left: 42%;
		}

		.program-content-p {
			width: 100%;
			display: inline-block;
		}

	.heavybit-entry .search-cont .search-text-field {
		font-size: 20px;
		top: 4px;
		position: relative;
	}

	.member-logo-outer {
		height: 100px;
		margin-bottom: 30px;
	}

		.member-logo-outer:last-child,
		.people .person-outer:last-child {
			margin-bottom: 15px;
		}

	.community-project {
		width: 100%;
	}

	.events .events-col {
		min-height: auto;
	}

		.events-logo img {
			margin-top: 40px;
		}

		.sidebar-box-headline a {
			background-position: 90% center;
		}

	.podcast-main-inner {
		padding: 0 20px 5px 20px;
	}

		.mejs-container .mejs-controls .mejs-time {
			padding: 10px 0 0 0!important;
			margin: 0 0 0 35px!important;
			display: inline-block!important;
			width: 65px!important;
		}

			.mejs-container .mejs-controls .mejs-duration-container {
				margin: 0 0 0 10px!important;
			}

			.mejs-volume-button {
				display: none!important;
			}

	#video-container .vjs-default-skin .vjs-big-play-button {
		/*left: 37% !important;
		top: 90px !important;
		top: 50px !important;*/

	}

		.main-video-content h1 {
			font-size: 24px;
		}

	.menu-footer-about-container,
	.menu-footer-events-container {
		width: 50%;
		float: left;
		margin: 0;
		min-height: 160px;
	}

		.menu-footer-library-container,
		.foot-nav .pull-right {
			width: 50%;
			float: right;
			margin: 0;
			min-height: 160px;
		}
}

@media screen and (max-width: 390px){
    #podcast-episode-player-container .vjs-current-time.vjs-time-control.vjs-control{
        display: none !important;
    }
}

@media (max-width: 320px) {

    .sidebar-box .icon-background{
        left: 3px;
    }
    
    .sidebar-box.podcast-index .subscribe-button-small-text, 
    .sidebar-box.podcast-index .subscribe-button-main-text{
        margin-left: -1px;
    }
    
    .sidebar-box.podcast-index .subscribe-button-small-text{
        font-size: 9px;
    }

    .sidebar-box.podcast-index .subscribe-button-main-text{
        font-size: 11px;
    }

}