/*Global Responsive CSS*/

img {

    height: auto;

    max-width: 100% !important;

}

form{margin:0px !important;}



#container_logo_menu_mobile .wrapper960{width: 100% !important;}

/* Custom Module */
#custom_responsive {
    background-color: rgba(255, 255, 255, 0.9);
    font-size: 12px;
    line-height: 14px;
    max-width: 310px;
    padding: 0px;
    position: fixed;
    right: 100px;
    text-transform: uppercase;
    top: 20px;
    z-index: 250000;
    color: #080808;    
}

#custom_responsive a{color: #807979}

#custom_responsive a:hover{color: #080808}

#custom_responsive p, #custom_responsive .module_margin{
    margin: 0px;
}

#custom_responsive .visible_margin{
    margin: 10px;
}

/* # - 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;}

.col-3 {width:100% !important;}

.bottom-1, .bottom-2 {width:50% !important;}

.topscroller{display: block !important;}

.spacer-mobile{display: block !important;}







/* Hide Containers/divs */

#container_header {display:none !important;}

#hornav{display:none !important;}

.spacer {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;}

/* Arrow for scrolltos*/

.arrow {bottom: 40px;}





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



/* Mobile Menu */

#responsive_menu {margin-top: -50px;}

.slicknav_menu {display:block; clear: both;}

.slicknav_nav {margin-top: 80px !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; left: 15px;}


}





/* # - Small Devices

================================================== */



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



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



/* 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;}

#sidecol_a, #sidecol_b{width:100% !important;}

#content_remainder {width:100% !important;}

.spacer-mobile{display: block !important;}

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





/* Hide divs */

#container_header {display:none !important;}

#hornav{display:none !important;}

#breadcrumb.block_holder {display: none;}

.spacer {display: none !important;}



/* 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;}



/* remove block holder padding left and right */

.block_holder{padding-left: 0px !important; padding-right: 0px !important;}



/* Arrow for scrolltos*/

.arrow {bottom: 20px;}





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



/* Mobile Menu */

.slicknav_menu {display:block; clear: both;}

.slicknav_nav {margin-top: 80px !important;}



/* 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; left: 15px;}



/* 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)  { 



	/* Background scrolls - fixes image scaling problem*/

	html{background-attachment: scroll !important;}





	/* FIX Turn off opacity on some containers. Because background image is fixed it will not show properly behind content out of the viewport*/

	#container_main

    {

		background-color: rgba(255,255,255,1) !important;

	}





    /* Jumbotron */

	#container_jumbotron_bg { background-attachment: scroll !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;}



	/* Background scrolls - fixes image scaling problem*/

	html{background-attachment: scroll !important;}





	/* FIX Turn off opacity on some containers. Because background image is fixed it will not show properly behind content out of the viewport*/

	#container_main

    {

		background-color: rgba(255,255,255,1) !important;

	}



    /* Jumbotron */

	#container_jumbotron_bg { background-attachment: scroll !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) {



    /* Background scrolls - fixes image scaling problem*/

	html{background-attachment: scroll !important;}



    /* Jumbotron */

	#container_jumbotron_bg { background-attachment: scroll !important;}

	#jumbotron-content{ margin-top: 0px !important;}


}