/*Global Responsive CSS*/
img {
    height: auto;
    max-width: 100% !important;
}
form{margin:0px !important;}
#mobile_search form .search label{display: none !important;}
#custom {position: relative !important;}
#container_logo_menu_mobile .wrapper960{width: 100% !important;}

/* # - Medium Devices
================================================== */

/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 1024px) {

/* Default Settings */
.wrapper960 {width:95% !important;}
.spacer {height: 80px !important;}
.col-3 {width:100% !important;}

/* Hide Containers/divs */
#container_header {display:none !important;}
#hornav{display:none !important;}

/* disable css animations */
.animated {
	-webkit-animation-duration: 0;
	animation-duration: 0;
	-webkit-animation-delay: 0;
	animation-delay: 0;
}

/* Adjust divs*/
#jumbotron-content{ margin-top: 50px !important;}
#slideshow.block_holder{padding-top: 0px !important;}


/*------ Mobile Containers Styling------ */

/* Mobile Menu */
#responsive_menu{margin-top: -30px;}
.slicknav_menu {display:block; clear: both;}
.slicknav_nav {margin-top: 115px !important;}


/* Show mobile logo and navigation */
#container_logo_menu_mobile {display: block; z-index: 5000; height: 80px; position: absolute; top: 0px;}
#logo_mobile {position: relative; top: 15px;}



/* Show mobile social icons and search */
#social_mobile{height:auto;}

#social {
    float: right;
    z-index: 11;
    top: 80px;
}


/* Search */
#mobile_search{
	top: 80px;
	right: 200px;
	position: absolute;
}

#mobile_search form .search label{
	display: none !important;
}

#mobile_search .inputbox {
    border: 0px 0px 0px 44px !important;
	background-color: #ffffff;
	border-radius: 0px 5px 5px 0px !important;
	color: #5B5B5B;
	font: 14px Arial,Helvetica,sans-serif;
	height: 25px;
	padding:6px 5px 7px 15px !important;
}

}


/* # - Small Devices
================================================== */

/* Note: Design for a width of 480px */

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

/* Default Settings */	
.wrapper960 {width:95% !important;}
.spacer {height: 80px !important;}
.top-1, .top-2, .contenttop, .contentbottom, .bottom-1, .bottom-2, .base-1, .base-2, #sidecol_a, #sidecol_b {width:100% !important;}
#sidecol_a, #sidecol_b{width:100% !important;}
#content_remainder {width:100% !important;}

/* Hide divs */
#container_header {display:none !important;}
#hornav{display:none !important;}
#breadcrumb.block_holder {display: none;}

/* disable css animations */
.animated {
	-webkit-animation-duration: 0;
	animation-duration: 0;
	-webkit-animation-delay: 0;
	animation-delay: 0;
}

/* Adjust divs*/
#container_main{padding-top:0px !important;}
#slideshow.block_holder{padding-top: 0px;}
#jumbotron-content{ margin-top: 20px !important;}


/*------ Mobile Containers Styling------ */

/* Mobile Menu */
.slicknav_menu {display:block; clear: both;}
.slicknav_nav {margin-top: 115px !important;}
#responsive_menu {margin-top: -30px;}



/* Show mobile logo and navigation */
#container_logo_menu_mobile {display: block; z-index: 5000; height: 80px; padding-top: 0px; position:  absolute; top: 0px;}
#logo_mobile a img{display: block;}

#logo_mobile {
    position: absolute;
    top: 15px !important;
}


#header_shadow{display: none !important}

/* Show mobile social icons and search */

#social_mobile{height:auto;}
#social {
    float: right;
    margin: 0px;
    position: relative;
    right: 0px !important;
    z-index: 11;
    top: 105px;
}


/* Search */



/* Search */
#mobile_search{
	top: 80px;
	right: 190px;
	position: absolute;
}

#mobile_search form .search label{
	display: none !important;
}

#mobile_search .inputbox {
    border: 0px 0px 0px 4px !important;
	background-color: #ffffff;
	border-radius: 0px 5px 5px 0px !important;
	color: #5B5B5B;
	font: 14px Arial,Helvetica,sans-serif;
	height: 25px;
	padding:6px 5px 6px 15px !important;
}



/* Jumbotron H1 */
#jumbotron-content h1 {font-size: 30px !important;}

}


/*  # - Extra Small Devices
================================================== */

/* Note: Design for a width of 320px */

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

/* Defaults */
.spacer {height: 80px !important;}
h2, h2 a:link, h2 a:visited, .content_header, .articleHead {font-size: 35px !important; line-height: 38px;}


/* adjust divs*/
#jumbotron-content{ margin-top: 10px !important;}

/* remove block holder padding left and right */
.block_holder{padding-left: 0px !important; padding-right: 0px !important;}

/*------ Mobile Containers Styling------ */

/* Mobile Menu */
.slicknav_menu {display:block; clear: both;}
.slicknav_nav {margin-top: 100px !important;}
#responsive_menu {margin-top: -25px;}


/* Show mobile logo and navigation */
#container_logo_menu_mobile {display: block; z-index: 5000; height: 80px; padding-top: 0px; position:  absolute; top: 0px;}


#logo_mobile a img{display: block;}

#logo_mobile {
    left: 10px;
    position: absolute;
    top: 15px !important;
}


#header_shadow{display: none !important}

/* Show mobile social icons and search */

#social_mobile{height:auto;}
#social {
    float: right;
    margin: 0px;
    position: relative;
    right: 0px !important;
    z-index: 11;
    top: 105px;
}


/* Search */
#mobile_search{display: none !important;}

#mobile_search form .search label{
	display: none !important;
}

#mobile_search .inputbox {
    border:medium;
	background-color: #ffffff;
	border-radius: 5px;
	color: #5B5B5B;
	font: 14px Arial,Helvetica,sans-serif;
	height: 25px;
	padding:5px !important;
}

/* Jumbotron H1 */
#jumbotron-content h1 {font-size: 30px !important;}

}



/* ipad iphone specific */


/* # - iPad Landscape
================================================== */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1)  { 

/* Set Jumbotron to correct width */
	#container_jumbotron_bg { -webkit-background-size: 1024px !important;}
	#jumbotron-content{ margin-top: 150px !important;}
}

/* # - iPad Potrait
================================================== */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1) {

/* Default Settings */	
.wrapper960 {width:95% !important;}
.top-1, .top-2, .contenttop, .contentbottom, .bottom-1, .bottom-2, .base-1, .base-2, #sidecol_a, #sidecol_b {width:100% !important;}
#content_remainder {width:100% !important;}
img {float:none !important;}

/* Set Jumbotron to correct width */
	#container_jumbotron_bg { -webkit-background-size: 1024px !important;}
	#jumbotron-content{ margin-top: 150px !important;}
}



/* # - iPhone 2G-4S in portrait & landscape
================================================== */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) { 
	#container_jumbotron_bg { -webkit-background-size: 480px !important;}
	#jumbotron-content{ margin-top: 0px !important;}
}