
/*Global Responsive CSS*/
img {max-width: 100% !important;} 
form{margin:0px !important;}
#mobile_search form .search label{display: none !important;}

/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */
    
@media only screen and (min-width: 768px) and (max-width: 959px) {

/* Default Settings */	
.wrapper960 {width:768px !important;}
.block_holder {padding:10px 0px !important;}

/* Items re-positioned */

/* Search */
#search {left: 608px;}
#search .inputbox{width:130px !important;}

/* Logo */
#logo {left:10px !important;}

/* Decrease Hornav font and padding  */
#hornav ul a, #hornav .separator{font-size: 12px !important; padding: 16px 18px 16px 8px !important;}

}

/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (max-width: 767px) {

/* Default Settings */
.wrapper960 {width:440px !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:97.5% !important;}
#content_remainder {width:97% !important;}
#container_main{padding-top: 20px;}
#container_header {display:none !important;}
#hornav{display:none !important;}
#breadcrumb.block_holder {display: none;}

/* Joomla Specific Stuff */
#jform_contact_message, #jform_contact_emailmsg{max-width:360px !important;}

/*------ Mobile Containers Styling------ */
/* Show mobile logo */
#container_logo_menu_mobile {display: block;}
#logo_mobile{float: left;}
#logo_mobile.block_holder a img{max-width:220px !important;}

/* Show mobile social icons and search */
#container_social_mobile {
    display: block;
    height: 50px;
    padding: 0px;
}

#social_mobile{height:auto;}
#social{
    margin:2px;
	z-index:11;
	float:right;
	position:relative;
	top: 0 !important;
	}

/* Search */
#mobile_search {
    margin:5px;
    margin-top: 11px;
	z-index:10;
	float:left;
}

#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:2px !important;
	text-align:center;
}

/* max width for #nav important*/
div#nav.block_holder{max-width:440px !important;}

}


/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

@media only screen and (max-width: 440px) {

/* Default Settings */
.wrapper960 {width:300px !important;}
p img {max-width: 94% !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:97.5% !important;}
#content_remainder {width:97% !important;}
#container_header {display:none !important;}
#hornav{display:none !important;}
#breadcrumb.block_holder {display: none;}

/* Joomla Stuff */
#jform_contact_message, #jform_contact_emailmsg{max-width:220px !important;}


/*------ Mobile Containers Styling------ */
/* Show mobile logo */
#container_logo_menu_mobile {display: block;}
#logo_mobile{float: left;}
#logo_mobile.block_holder a img{}

/* Show mobile social icons and search */
#container_social_mobile{
    display: block;
    height: 40px;
    padding: 10px 0;
}

#social_mobile{height:auto;}

#social{
    margin:2px;
	z-index:11;
	float:right;
	position: relative;
	}

/* Search */
#mobile_search {
    margin:5px;
	z-index:10;
	float:left;
}

#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;
	width: 100px !important;
	padding:2px !important;
	margin-top: 5px;
	text-align:center;
}

/* max width for #nav Important*/
div#nav.block_holder{max-width:300px !important;}
}