.carousel-inner > .item > img {
    height: auto !important;
}


.navbar-brand {
  float: left;
  padding: 15px;
  font-size: 16px;
  line-height: 20px;
}

.navbar-inverse .navbar-nav > li >a {
	color:#fff;
	font-weight:bold;
}

.navbar-inverse {
    background-color: #3678cf;
	border-color:transparent;
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
	
}

.mobileImg {
		display:block;
	}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
	background-color: rgb(145,193,255);
}


h1.mobileHeader {
	text-align: center; 
	color: #fff;
	font-size:5.9vw;
	margin-top:7px;
	display:none
}

.navbar-toggle {
    position: relative;
    float: left;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 0px solid transparent;
    border-radius: 4px;
}

.navbar-collapse.collapse.in{
	display:none;
	
}

.navbar-collapse {
	padding-left: 2px;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 4px;
    border-radius: 1px;
}

.navbar-inverse .navbar-toggle:hover {
    background-color: transparent;
}

.navbar-inverse .navbar-toggle:focus {
    background-color: transparent;
}

/* adjust body when menu is open */
body.slide-active {
    overflow-x: hidden
}
/*first child of #page-content so it doesn't shift around*/
.no-margin-top {
    margin-top: 0px!important
}
/*wrap the entire page content but not nav inside this div if not a fixed top, don't add any top padding */
#page-content {
    position: relative;
    padding-top: 70px;
    left: 0;
}
#page-content.slide-active {
    padding-top: 0
}



/* put toggle bars on the left :: not using button */
#slide-nav .navbar-toggle {
    width: 50px;
    height: 40px;
    border: 0;
    background: transparent;
}
/* icon bar prettyup - optional */
#slide-nav .navbar-toggle > .icon-bar {
    width: 100%;
    display: block;
    height: 3px;
    margin: 5px 0 0 0;
}
#slide-nav .navbar-toggle.slide-active .icon-bar {
    background: orange
}
.navbar-header {
    position: relative
}
/* un fix the navbar when active so that all the menu items are accessible */
.navbar.navbar-fixed-top.slide-active {
    position: relative
}


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

	.mobileImg {
		display:block;
	}

}

@media (max-width:992px) { 

	.mobileImg {
		display:none;
	}

}
	

@media (max-width:362px)  {
		h1.mobileHeader {
		margin-top:20px;
		}
			
	}

@media (max-width:769px) {
	
	h1.mobileHeader {
		display:block;
	}
	
	
	
	#slide-nav .container {
	    margin: 0!important;
	    padding: 0!important;
      height:100%;
	}
	#slide-nav .navbar-header {
	    margin: 0 auto;
	    padding: 0 15px;
	}
	#slide-nav .navbar.slide-active {
	    position: absolute;
	    width: 80%;
	    top: -1px;
	    z-index: 1000;
	}
	#slide-nav #slidemenu {
	    background: #f7f7f7;
	    left: -100%;
	    width: 80%;
	    min-width: 0;
	    position: absolute;
	    padding-left: 0;
	    z-index: 2;
	    top: -8px;
	    margin: 0;
	}
	#slide-nav #slidemenu .navbar-nav {
	    min-width: 0;
	    width: 100%;
	    margin: 0;
	}
	#slide-nav #slidemenu .navbar-nav .dropdown-menu li a {
	    min-width: 0;
	    width: 80%;
	    white-space: normal;
	}
	#slide-nav {
	    border-top: 0
	}
	#slide-nav.navbar-inverse #slidemenu {
	    background: #333
	}
	/* this is behind the navigation but the navigation is not inside it so that the navigation is accessible and scrolls*/
	#navbar-height-col {
	    position: fixed;
	    top: 0;
	    height: 100%;
        bottom:0;
	    width: 80%;
	    left: -80%;
	    background: #f7f7f7;
		overflow:auto;
        -webkit-overflow-scrolling:touch;
	}
	#navbar-height-col.inverse {
	    background: #333;
	    z-index: 1000;
	    border: 0;
	}
	#slide-nav .navbar-form {
	    width: 100%;
	    margin: 8px 0;
	    text-align: center;
	    overflow: hidden;
	    /*fast clearfixer*/
	}
	#slide-nav .navbar-form .form-control {
	    text-align: center
	}
	#slide-nav .navbar-form .btn {
	    width: 100%
	}
	
	.nav > li {
    position: relative;
    display: block;
    z-index: 100;
	display:none;
	}
}
@media (min-width:769px) { 
	#page-content {
	    left: 0!important
	}
	.navbar.navbar-fixed-top.slide-active {
	    position: fixed
	}
	.navbar-header {
	    left: 0!important
	}
	
	.newNav {
		display:none;
	}
	
	.logo {
		margin-bottom:0px;
	}

}


/*main header*/

.navMain {
	background-image: url("/Content/Assets/Images/InnovationExpo/InnExp_tablet2bg.jpg");
	background-repeat:no-repeat;
	background-size:100%;
	background-color:#000000;
	width: 100%;
	margin-right: 0px;
    margin-left: 0px;
}

.logo{
	width: 300px;
    background-color: rgba(255,255,255, 0.8);
    padding: 10px 60px 25px;
    border-radius: 3px;
    border-bottom: 2px solid #6FFF00;
    border-left: 2px solid #6FFF00;
    border-right: 2px solid #6FFF00;
	margin-bottom:10px;
}

.logoSide {
	width: 300px;
    padding: 10px 60px 25px;
   	margin-bottom:10px;
}


.block {
	
    font-size: 2em;
    color: yellow;
    background-color: #089553;
    border-radius: 3px;
    border: 1px solid #6FFF00;
    margin-bottom: 3px;
    width: 55px;
    height: 54px;
    padding-top: 7px;
}


#social-tabs  li {
	display:block;
}

.newNav {
	list-style:none;
	padding-left: 18px;
    width: 100%;
    margin: auto;
	padding-top:10px;
	text-align:center;
	
}

.newNavSide {
	list-style:none;
	padding-left: 0px;
    width: 100%;
    margin: auto;
	padding-top:10px;
	text-align:center;
	
}


.newNav li {
    height: 89px;
    float: left;
    width: 100px;
	margin:9px 0px;
}

.newNavSide li {
    height: 89px;
    float: left;
    width: 90px;
	margin:9px 0px;
}


.linkName{
	text-align:center;
	color:#fff;
	font-size:13px;
	font-weight:bold;
}

.newNav li span {
	line-height:15px;
	width:4em;
	text-align:center;
}

.newNavSide li span {
	line-height:15px;
	width:4em;
	text-align:center;
}

.affix {
    top: 0;
    width: 100%;
	position:fixed;
	z-index:1000;
}

.row.footer {
    background-color: #000000;
    padding: 16px;
    border-radius: 3px;
}

p.social {
    margin-top: 83px;
}

.detail {
    background-color: rgb(237,237,237);
    border: 2px solid #000;
    padding: 10px;
	margin-bottom: 10px;
}
.detail h1 {
    color: rgb(21,82,163);
    margin: 0;
    font-size: 22px;
    font-weight: bold;
}
.detail p {
    font-weight: bold;
    margin: 0;
    padding: 3px;
}

.article {
    border: 2px solid #000;
}

.article h1 {
    font-size: 21px;
    text-align: center;
    background-color: rgb(177,197,224);
    border-bottom: 2px solid #000;
    padding: 12px;
    margin: 0;
}

.article p {
    padding: 11px;
    font-weight: bold;
}

.schedule {
    border: 1px solid;
    width: 100%;
	margin-top:10px;
	margin-bottom:20px;
}

.title {
	width: 100%;
    background-color: rgb(177,197,224);
    float: left;
    padding-top: 5px
}

.title p {
    font-weight: bold;
}

.entry p {
    width: 100%;
}

.entry  td {
    width: 397px;
}

input#EmailGen {
    width: 40%;
}
input#LastNameGen {
    width: 40%;
}

input#FirstNameGen {
    width: 40%;
}
/*SCHAPIN ::after added to fix the carousel image sizing in mobile*/
@media (max-width: 900px) {
        .carousel {
        height:350px;
    }
    .carousel .item {
        height: 350px;
    }
}

@media (max-width: 740px) {
        .carousel {
        height:300px;
    }
    .carousel .item {
        height: 300px;
    }
}