/*Global Responsive CSS*/
img {max-width: 100% !important; height: auto;} 
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 (max-width: 1024px) and (min-width: 768px)  {

/* Default Settings */
.wrapper960 {width:768px !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{width:100%; text-align: center;}
#logo_mobile a img{margin: 0 auto !important; margin: 0 140px !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:left;
	right: 0px !important;
	position:relative;
	top: 3px !important;
	}

/* Search */
#mobile_search {
    margin:5px;
    margin-top: 11px;
	z-index:10;
	float:right;
}

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

/* slideshow */
#container_slideshow.container{padding-top: 40px !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{width:100%;}
#logo_mobile.block_holder a img{max-width:220px !important; margin:0 auto !important;}

#logo_mobile a img{margin: 0 auto !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:left;
	right: 0px !important;
	position:relative;
	top: 3px !important;
	}

/* Search */
#mobile_search {
    margin:5px;
    margin-top: 11px;
	z-index:10;
	float:right;
}

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

/* slideshow */
#container_slideshow.container{padding-top: 40px !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:left;
	position: relative;
	}

/* Search */
#mobile_search {
    margin:5px;
	z-index:10;
	float:right;
}

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

/* slideshow */
#container_slideshow.container{padding-top: 40px !important;}

}