/*-- lg ------------------------------------------------------------*/ 
@media (min-width: 1200px) {
	
/* Make Navigation Toggle on Desktop Hover */
  
	.navbar-toggle{
		position:relative;
		float:right;
		padding:9px 10px;
		margin-top:8px;
		margin-right:15px;
		margin-bottom:8px;
		background-color:transparent;
		background-image:none;
		border:1px solid transparent;
		border-radius:4px
	}

	.navbar-toggle:focus{
		outline:0
	}

	.navbar-toggle .icon-bar{
		display:block;
		width:22px;
		height:2px;
		border-radius:1px;
		color: #fff;
	}

	.navbar-toggle .icon-bar+.icon-bar{
		margin-top:4px;
	}

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

	.icon-bar:hover{
		color:#000;
	}
  
	.navbar-form .form-control {
		width: 100%;
	}
	
/*----*/
  
/*  
  
	.dropdown:hover .dropdown-menu {
		display: block;
		-webkit-animation: fadeInUp 400ms;
		animation: fadeInUp 400ms;
	}
	
	
	.breadcrumb {
		width: 1170px;
	}
	
}
*/

/*-- md ------------------------------------------------------------*/ 
@media (min-width: 992px) and (max-width: 1199px) {
  
	.navbar-toggle{
		position:relative;
		float:right;
		padding:9px 10px;
		margin-top:8px;
		margin-right:15px;
		margin-bottom:8px;
		background-color:transparent;
		background-image:none;
		border:1px solid transparent;
		border-radius:4px
	}

	.navbar-toggle:focus{
		outline:0
	}

	.navbar-toggle .icon-bar{
		display:block;
		width:22px;
		height:2px;
		border-radius:1px;
		color: #fff;
	}

	.navbar-toggle .icon-bar+.icon-bar{
		margin-top:4px;
	}

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

	.icon-bar:hover{
		color:#000;
	}
  
	.navbar-form .form-control {
		width: 100%;
	}
  
/*
	.dropdown:hover .dropdown-menu {
		display: block;
		-webkit-animation: fadeInUp 400ms;
		animation: fadeInUp 400ms;
	}

	.navbar-nav > li {
		margin-left: 10px;
	}

	.navbar-collapse {
		padding-left: 0;
		padding-right: 0;
	}

	.recent-work-wrap .recent-work-inner h3 a {
		font-size: 20px;
	}

	.feature-wrap h2, 
	.single-services h2 {
		font-size: 18px;
	}

	.feature-wrap h3, 
	.single-services h3{
		font-size: 14px;
	}

	.tab-wrap .media .parrent.pull-left{
		clear: both;
		width: 100%;
	}

	.tab-wrap .media .parrent.media-body{
		clear: both;
	}
	
	.breadcrumb {
		width: 970px;
	}	
}
*/

/*-- sm ------------------------------------------------------------*/ 
@media (min-width: 768px) and (max-width: 991px) {

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

	.navbar-toggle:focus{
		outline:0
	}

	.navbar-toggle .icon-bar{
		display:block;
		width:22px;
		height:2px;
		border-radius:1px;
		color: #fff;
	}

	.navbar-toggle .icon-bar+.icon-bar{
		margin-top:4px;
	}

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

	.icon-bar:hover{
		color:#000;
	}
	
/*----*/
	
/* Make Navigation Toggle on Desktop Hover */
/*
	.dropdown:hover .dropdown-menu {
		display: block;
		-webkit-animation: fadeInUp 400ms;
		animation: fadeInUp 400ms;
	}
	
	.about-section, .live-section {
		background-image: none !important;
	}
	
	.navbar > .navbar-brand{
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		clear: both;
	}
	
	.navbar-collapse {
		padding-left: 0;
		padding-right: 0;
		width: 100%;
		text-align:center;
	}

	.navbar-nav > li {
		margin-left: 0;
	}

	.tab-wrap .media .parrent.pull-left, 
	.media.accordion-inner .pull-left{
		clear: both;
		width: 100%;
	}

	.tab-wrap .media .parrent.media-body, 
	.media.accordion-inner .media-body{
		clear: both;
	}

	.navbar-collapse {
		padding-top: 0px !important;
		padding-right: 100px !important;
	}
*/	
	.breadcrumb {
		width: 750px;
	}

	.navbar-form .form-control {
		width: 100%;
	}
	


}

/*-- xs ------------------------------------------------------------*/ 
@media only screen and (max-width: 767px) {

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

	.navbar-toggle:focus{
		outline:0
	}

	.navbar-toggle .icon-bar{
		display:block;
		width:22px;
		height:2px;
		border-radius:1px;
		color: #fff;
	}

	.navbar-toggle .icon-bar+.icon-bar{
		margin-top:4px;
	}

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

	.icon-bar:hover{
		color:#000;
	}
	
/*----*/

	.featurette-heading {
/*		margin-top: 7rem;*/
	}
	
	header, .secondary{ 
		max-height: 95px !important; 
	}

	.live-section,
	.about-section {
		background-image: none !important;
	}
	
	ul.nav-tabs  > li > a:link {
		background:#fff;
		border:1px solid #ebebeb;
		margin:0;
		color:#333!important;
		border-radius:0;
	    	padding:4px 7px;	
		margin-right: 0;
		color: #2c2c2c !important;
	}
	
	.container > .navbar-header, 
	.container > .navbar-collapse{
		margin-left: 0;
	}

	.top-number{
		font-size: 14px;
	}
	
	.navbar-header a.navbar-brand { 
		font-size: 16px;
	}
	
	input.search-form:hover {
		width: 120px;
	}
/*
	ul.nav li a {
		color: #fff !important;
	}
*/	
	ul.nav > li > a, 
	ul.nav > li > a:link, 
	ul.nav > li a:visited {
		color: #000 !important;
	}
	
	ul.nav > li a:hover {
		color: #000 !important;
		background-color: #bdc7d2 !important;
	}
/*	
	ul.nav li a, 
	ul.nav > li, 
	li.active{
		color: #000 !important;
	}
*/
/*
	ul.nav > li.active{
		background-color: #8196a9 !important;
		color: #fff !important;
	}
*/	
	.navbar-nav > .active > a:hover, 
	.navbar-nav > a:hover {
		color: #000 !important;
	}
		
	.navbar-nav > li {
		padding-bottom: 0;
		background-color: #fff !important;
		color:#000;
		border-bottom: 1px solid #8196a9;
	}
	
	ul.dropdown-menu > li {
		padding-bottom: 0;
		background-color: #fff !important;
		color:#000;
		border-top: 1px solid #8196a9;
	}	
		
	.navbar-nav > li > a:link br{
		display: none;
	}
   
	ul.nav li a {
		color: #fff;
		font-size: 13px;
		padding-top: 14px;
		padding-bottom: 15px;
		font-weight: 600;
	}

	ul.nav > li > a:link, ul.nav > li a:visited {
		color: #fff
	}

	ul.nav > li a:hover, ul.nav > li a:active, li.active, .navbar-nav > .active > a:hover {
		color: #fff;
		text-decoration:none;
	}

	.navbar-nav > li > a:focus, .navbar-nav > li > a:hover {
		background-color: #fff !important;
		color: #000 !important;
	}

	.navbar-nav > .active > a, .navbar-nav > .active > a:focus, .navbar-nav > .active > a:hover {
		background-color: #8196a9 !important;
		color: #fff !important;
	}

	.navbar-nav > .disabled > a, .navbar-nav > .disabled > a:focus, .navbar-nav > .disabled > a:hover {
		background-color: #fff !important;
		color: #000 !important;
	}
	
	ul.agenda li div.cal_links {
		float: none;
	}
	
	
	.navbar-collapse form[role="search"] {
		position: relative;
		margin-right: 20px;
		display: table-cell;
	}
   
}


/*-- Not Sure What These Are ---------------------------------------*/


/*-- XS Portrait ---------------------------------------------------*/
@media only screen and (max-width: 320px) {
	header, .secondary{ 
		max-height: 60px !important; padding-bottom:0!important; 
	}
	.featurette-heading {
		margin-top: 7rem;
	}
}

/*------------------------------------------------------------------*/ 
@media only screen and (min-width : 480px) and (max-width : 768px) {

	header, 
	.secondary { 
		min-height: 130px !important; 
		font-size:24px;
    }
	
	.carousel-caption {
		position: absolute;
		top:45px;
		left: auto;
		right: auto;	
	}
}
/* Small Devices, Tablets */