/* ---- RESPONSIVE MENU ---- */

#responsiveHeader{
    position: fixed; 
    height: 55px; 
    background: #23bcae;
    display: none;
    width:100%;

}
.slicknav_menu{
    display:none;
}
/* ---------------------- */
/* --- END NAVIGATION --- */
#respLogo{
    display:none;
    float:left;

}
#resplogo{
    position: absolute;
    float: left;
    margin-top: 2px;
    margin-left: -2px;
    text-indent: -9999px;
    z-index: 2;
    top: 0;

}
#resplogo a{
    display:block; 
    height: 45px;
    width:134px;
    background: transparent url(../img/footerLogo.png) no-repeat;
    background-size:     contain;                     
    background-repeat:   no-repeat;
    background-position: center center;
}
#respSearch{
    background: #008ABC;
    padding: 5px;
}
#respSearch input{
    padding: 5px;
    width:100%;
    margin: 0 auto; 
    border: none;
}

@media only screen and (min-width: 768px) {
    /* tablets and desktop */
    .mobile{display:none;}
    .desktop{display:block;}


}
@media only screen and (max-width: 1199px) {
    .sub-menu{
        padding-left: 15px;
    }
    .desktop #sidebar{
        width: 200px;
    }
    #inner-content-sidebar img{
        width: 100% !important;
        height: auto;
    }
}



@media only screen and (max-width: 991px) {
    #sidebar ul.navList li a, .siblingsList li a {
        padding: 10px 0;
    }
    .sub-menu {
        padding-left: 0px;
    }
    .desktop #sidebar {
        width: 158px;
    }
    #sidebar ul.navList > li:first-child > a{
        padding: 10px;
    }
    .mobile{display:block;}
    .desktop{display:none;}
    #belowNav{
        padding-top: 100px;
    }
}
@media only screen and (max-width: 900px) {
    .hubpageDesc img, #inner-content-sidebar img{
        width: 100% !important;
        height: auto;
    }
    .CoverImage{
        background-size:contain;
        height: 200px;
    }
}

@media only screen and (max-width: 767px) {
    /* phones */
    body{
    	border:none;
    	width:99%;
    }
    header, footer{
    	width: 100%;
    }
    header{
    	height: 55px;
    	margin-bottom: 50px;
    }
    .headerContainer{
        display:none;
    }
    .sidebarContainer{
        display:none !important;
    }
    #feedback{
    	display: none;
    }
    #sidebar-right{
    	display: none;
    }
    #content{
    	width: 100%;
    }
    #inner-content, #inner-content-sidebar, #inner-content-norightsidebar {
    	width: 90%;
    	position:relative;
    	float:none;
    	margin:0 auto;
    	padding-bottom: 0;
    }
    #aboveHeader{
    	display:none;
    }
    #responsiveHeader{
    	display: block;
    	z-index:20;
    }
    #nav{
    	display:none;
    }
    #respLogo{
    	display:block;
    	margin: 6px 10px 0;
    	width: 200px;
    	position:absolute;
    	top: 0;
    }
    #logo{
    	display:none;
    }
    #breadcrumb{
    	width: 100%;
    }
    #footer-inner .span3{
    	display:none;
    }
    #footer-inner{
    	width:100%;
    }
    .footer-text{
    	width:100%;
    }
    footer{
    	height: 190px;
    }
	.homepagecustom .span4 h2{
		font-size:13px;
		line-height: 15px;
		font-weight:bold;
	}
	.homepagecustom .span4 ul li{
		margin-bottom:10px;
		line-height:14px;
	}
	.carousel-control {
		left: 7px;
	}
	.carousel-control.right {
		right: 7px;
	}
	h2{
	  font-size: 25.5px;
	  line-height: 28px;
	}
	.slicknav_menu{
		display:block;
	}
	#sidebar{
		display: block;
  		width: 100%;
  		float: none;
	}
 	.breadcrumbs{
 		display: none;
 	}
 	#search{
		position: absolute;
		top: 61px;
		right: 0;
	}
	.outerNivoSlider{
		height: auto !important;
		width: auto !important;
	}
	.innerNivoSlider{
		height: auto !important;
	}
	#respContact{
		display:none;
		position: relative;
		width: 100%;
		background: #4c4c4c;
        font-size:14px;
	}
    #respContactButton{
        margin: 5px 5px 6px;
        text-decoration: none;
        text-shadow: 0 1px 1px rgba(255,255,255,.75);
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background-color: #222;
        line-height: 1.188em;
        color: #fff;
        font-weight: 700;
        text-shadow: 0 1px 3px #000;
        padding: 7px 10px;
        position: absolute;
        top: 5px;
        right: 100px;
        font-size:16px;
    }
    #respnav{
        display:none;
    }
    #inner-content-home {
        top: 10px;
    }
    .slicknav_menu, #respContact{
        background: #008ABC !important;
    }
    .connectorStory{width: 100%;}
    .connectorImage{width: 100%;}
    .mobile{display:block;}
    .desktop{display:none;}
}

@media only screen and (max-width: 767px) and (orientation: portrait) {
    /* portrait phones */
}

@media only screen and (max-device-width : 320px) and (orientation : portrait) {
    #respLogo{
        width: 156px;
        top: 3px;
    }
    #inner-content-home{
        padding: 0 6px 15px;
    }

}