/*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
================================================== */
@media only screen and (max-width: 1024px) {

/* Default Settings */
.wrapper960 {width:100% !important;}
.spacer {height: 120px !important;}

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

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

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

#social {box-shadow: none !important;}
#social ul {margin: 0 !important; margin-top: 2px !important;}
#social ul li {padding-right: 5px;}
#social ul li a {height: 30px; width: 30px;}


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

/* Mobile Menu */
.slicknav_menu {display:block; clear: both;}


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



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

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

}


/* # - Small Devices
================================================== */
@media only screen and (max-width: 767px) {

/* Default Settings */	
.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 */
#breadcrumb.block_holder {display: none;}

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

}



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

/* Default Settings */
.wrapper960 {width:100% !important;}

/* Background Color for Base container. Backround images do not display properly on iphone and ipad if scrolled.  Using a solid color for background is the best solution. */
#container_base {background-color: #000000 !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 */	
.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 Color for Base container. Backround images do not display properly on iphone and ipad if scrolled.  Using a solid color for background is the best solution. */
#container_base {background-color: #000000 !important;}

}


/* # - iPhone 2G-4S in portrait & landscape
================================================== */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) { 

/* Background Color for Base container and Bottom containers. Backround images do not display properly on iphone and ipad if scrolled.  Using a solid color for background is the best solution. */
#container_bottom_modules {background-color: #FFFFFF !important;}
#container_base {background-color: #000000 !important;}

}