/*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-top: 0px !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; width: 320px !important; margin-left: auto; margin-right: auto; }
    
    /* 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; }
    
    #social ul { margin-top: 0px !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) {
    /* 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; }
}