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

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

/* 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;
	position: absolute;
    left: 10px;
    top: 30px;
    width: 270px;
}

.slicknav_menu .slicknav_nav a{
	font-size: 15px;
	font-weight: bold;
}
  
/* Show mobile logo and navigation */
#container_logo_menu_mobile {
  	display: block; 
  	z-index: 5000; 
  	height: 120px; 
  	position: relative; 
  	top: 0px;}

#logo_mobile {
    background-image: linear-gradient( to right, #9C0093, #4902AD );
    position: relative; 
  	padding: 4px 0;
    text-align: center;}



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

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


/* Typo Overrides*/

#main {
    padding: 1.5rem; }

.maincontent h2 {
    line-height: 2.5rem; }


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

.maincontent { padding: 0 !important; }

#main {
	display: grid;
	grid-template-columns: 100%;
	grid-template-rows: auto;
	grid-template-areas: 
		"content"
		"sidecol"
		"clear";
	}

.block_holder {
    padding: 1.4rem 1.0rem;
}
  
#main #content_remainder {
	grid-area: content; }

#main #sidecol_b {
	grid-area: sidecol; }

#main .clear {
	grid-area: clear; }

.slicknav_icon {
	background: #3F88AF;
	padding: 0.6rem 0.5rem; 
	margin: 0; }

.slicknav_menu .slicknav_icon-bar {
	background-color: white;
	box-shadow: 0 1px 0 rgba( 0, 0, 0, 0.7); }
}



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

}


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


}


/* # - Mobile Radio Buttons
================================================== */
.rank .divits {
    font-size: 1.75rem;
}