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

@media only screen and (min-width: 1200px) and (max-width: 1400px) {

.wrapper960 {width: 100% !important;}
#container_slideshow .wrapper960{width: 100%; !important;}
#hornav ul a, #hornav .separator{font-size: 20px !important; }
#top_modules h3 {font-size:22px;font-weight:300; font-family: 'Open Sans', sans-serif;}
#base .module h3 {font-size:22px;font-weight:300; font-family: 'Open Sans', sans-serif;}
}

@media only screen and (min-width: 960px) and (max-width: 1199px) {

.wrapper960 {width: 100% !important;}
#container_slideshow .wrapper960{width: 100%; !important;}
#hornav ul a, #hornav .separator{font-size: 18px !important; }
#logo {left:10px !important;}
#hornav { width: 98%; margin-left: 1%; margin-right: 1%;}
#base .module h3 {font-size: 24px;}
#top_modules h3 {font-size: 24px;}
#copyright-footermenu h3 {font-size: 24px;}
.top-2 { width: 33.33% !important;  }
}




/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */
    
@media only screen and (min-width: 768px) and (max-width: 959px) {

#container_slideshow{margin-top:-55px;}
#container_slideshow .wrapper960{width: 100%;}
.container-21 {padding-left:0;padding-right: 0;	width:100%;	float: inherit;	text-align: justify;}
.container-22 {padding-left:0;padding-right: 0;	width:100%;	float: inherit;	text-align: justify;}
.container-3 {	padding: 0.5%; width:31.5%;}
#hornav { width: 98%; margin-left: 1%; margin-right: 1%;}
#base .module h3 {font-size: 25px;}
#top_modules h3 {font-size: 25px;}
#copyright-footermenu h3 {font-size: 25px;}
.top-1,  { width: 100% !important;}
.top-2, .contenttop, .contentbottom, .bottom-1, .bottom-2, .base-1, .base-2, #sidecol_a, #sidecol_b { width: 50% !important;  }

/* Default Settings */	
.wrapper960 {width: 100% !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: 18px !important; }

}

/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (max-width: 767px) {

.container-21 {padding-left:0;padding-right: 0;	width:100%;	float: inherit;	text-align: justify;}
.container-22 {padding-left:0;padding-right: 0;	width:100%;	float: inherit;	text-align: justify;}
.container-3 {	padding: 0.5%; width:31.5%;}
#base .module h3 {font-size: 28px;}
#top_modules h3 {font-size: 28px;}


#top_modules h1 {font-size: 20px !important; hyphens: auto;}
#container_main h6{font-size: 18px !important; hyphens: auto;}
#container_main h1{font-size: 20px !important; hyphens: auto;}
/* Default Settings */
.wrapper960 {width:100% !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; margin-left: 10px;}
#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:95% !important;}
p img {max-width: 100% !important;}

.top-1, .top-2, .contenttop, .contentbottom, .bottom-1, .bottom-2, .base-1, .base-2, #sidecol_a, #sidecol_b {width:100% !important;}
#top_modules h1 {font-size: 20px !important; hyphens: auto;}
#container_main h6{font-size: 18px !important; hyphens: auto;}
#container_main h1{font-size: 22px !important; hyphens: auto;}
.container-3 {width:31.0%;}
#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; margin-left: 10px;}
#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;}
}