.visible-mobile {
	display: none;
}

/* Mobile */
@media (max-width : 767px),
  (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1)  {
	.visible-mobile {
		display: block;
	}
	#joomlanav {
		display: none;
	}
	#background {
		display: none;
	}
	#wrapper {
		width: auto;
	}
	#header {
		background-color: #222;
		background-image: url("../images/mobile_header_bg.gif");
		background-position: left bottom;
		background-repeat: repeat-x;
		height: 140px;
		padding-top: 50px;
		margin-bottom: 45px;
		position: relative;
	}
	#header .module.mtopsearch {
		background-color: #254D60;
		bottom: -43px;
		left: 0;
		margin-left: 0;
		position: absolute;
		right: 0;
	}
	.search.topsearch {
		position: static;
		width: auto;
		text-align: center;
		height: auto;
		padding: 5px 0;
	}
	.mtopsearch .module-body {
		padding: 0;
	}
	#logo {
		background-image: url(../images/mobile_logo.gif);
		background-repeat: no-repeat;
		width: 300px;
		height: 140px;
		margin: 0 auto;		
	}
	img {
		max-width: 100%;
		height: auto;
	}
	.component-pad {
		padding: 0;
	}
	#system-message-container {
		padding: 0;
	}
	#main-content {
		padding: 15px;
	}
	#bottom,
	.home #bottom {
		margin: 0;
	}
	#bottom .wrap,
	.home #bottom section.homepage-bottom .custom.wrap {
		padding: 15px;
	}
	#footer {
		margin: 0;
		padding: 15px;
		background-color: #E8E8DA;
	}
	section.homepage-hero {
		padding-top: 15px;
	}
	section.homepage-hero .left-col {
		float: none;
		width: auto;
		max-width: none;
	}
	section.homepage-hero #fpssContainer320.fpss-template-default.fpss-container {
		float: none;
		width: auto;
		height: auto;
		padding: 0;
	}
	section.homepage-hero #fpssContainer320.fpss-template-default.fpss-container .slides-wrapper {
		float: none;
		width: auto;
		height: 300px;
	}
	section.homepage-hero #fpssContainer320.fpss-template-default.fpss-container .slides-wrapper .slides a.slide-link span {
		height: 228px;
	}
	section.homepage-hero #fpssContainer320.fpss-template-default.fpss-container .slides-wrapper .slides .slide {
		width: 100%;
		height: 300px;
	}
	section.homepage-hero #fpssContainer320.fpss-template-default.fpss-container .navigation-wrapper {
		right: 0;
		width: auto;
		display: none;
	}
	section.homepage-showcase {
		padding: 15px;
	}
	section.homepage-showcase .col-left, section.homepage-showcase .col-right {
		float: none;
		width: auto;
		margin-left: 0;
	}
	section.homepage-showcase .col-left .hp-btn.hp-ootc-btn {
		width: auto;
		max-width: none;
		height: auto;
	}
	section.homepage-showcase .col-left .hp-btn.hp-ootc-btn span {
		line-height: 1.4;
		padding: 10px;
	}
	section.homepage-showcase .col-right .spotlight-entry {
		width: 100%;
		height: auto;
		margin: 0 0 15px -11px;
		overflow: auto;
	}
	section.homepage-main {
		margin: 0;
		padding: 15px;
	}
	section.homepage-main .col1, section.homepage-main .col2, section.homepage-main .col3 {
   		clear: left;
   		float: none;
   		max-width: none;
   		padding-left: 0;
   		width: auto;
	}
	section.homepage-main > .col2, section.homepage-main .col3, section.homepage-main .col3 .homepage-utility-bottom, section.homepage-main .col3 .homepage-utility-bottom .homepage-utility-left {
		background-image: none;
	}
	section.homepage-main .col3 .homepage-utility-bottom .homepage-utility-left {
		text-align: left;
	}
	section.homepage-main .col3 .homepage-utility-bottom .homepage-utility-left h3,
	section.homepage-main .col3 .homepage-utility-bottom .homepage-utility-right h3 {
		text-align: left;
	}
	section.homepage-main .col3 .homepage-utility-top {
		height: auto;
	}
	section.homepage-main .col3 .homepage-utility-bottom {
		max-height: none;
		max-width: none;
	}
	#charity-navigator,
	.home #bottom section.homepage-bottom #charity-navigator {
		width: auto;
		float: none;
		max-width: none;
		margin: 0;
	}
	#colmask {
		width: auto;
	}
	.x-c-s #colright {
		float: none;
		position: static;
		width: auto;
		margin-left: 0;
	}
	.x-c-s #col1wrap {
		float: none;
		position: static;
		width: auto;
	}
	.x-c-s #col1 {
		margin-left: 0;
	}
	.x-c-s #col3 {
		float: none;
		position: static;
		width: auto;
	}
	#spotlight-vertical .spotlight-entry p.teaser {
		width: auto;
	}
	#spotlight-vertical .spotlight-entry p.btn {
		position: static;
		width: auto;
		margin-top: 10px;
	}
	.col-1, .col-2 {
		width: 100%;
	}
	div.col-1 {
		margin-left: 0;
	}
	.search.topsearch {
		background-image: none;
	}
	#mod-search-searchword {
		height: 22px;
		top: 3px;
		left: 0;
		padding: 4px 8px 4px 12px;
		background-color: rgba(255,255,255,0.2);
		color: #FFF;
		width: 300px;
		margin: 0 auto;
		display: inline-block;
		position: static;
	}
	#header .module.m_loginmodule {
		position: absolute;
		right: 10px;
		top: 0;
	}
	#header .module.m_loginmodule .module-body {
		padding-top: 14px;
	}
	#header .mmyAccountTop {
		margin-left: 0;
		position: absolute;
		top: 0;
		right: 90px;
	}
	.mmyAccountTop .module-body {
		padding: 15px 0 0;
	}
	.mmyAccountTop .module-body ul {
		margin: 0;
	}
	#header li {
		float: none;
	}
	.m_breadcrumbs .module-body {
		padding-left: 0;
	}
	.ffrf-form {
		width: auto;
	}
	.ffrf-form textarea,
	.ffrf-form input[type="text"],
	.ffrf-form input.input-txt {
		width: 250px;
	}
	.menu-icon-cont {
		position: absolute !important;
	}
	fieldset,
	#crm-container fieldset {
		padding: 20px 10px;
	}
	.crm-container .crm-section .content, .crm-container-snippet .crm-section .content {
		margin-left: 0;
	}
	.crm-container .crm-section .label, .crm-container-snippet .crm-section .label {
		float: none;
		text-align: left;
		width: auto;
	}
	.crm-container .six {
		display: block;
		width: auto;
	}
	#crm-container fieldset legend {
		font-size: 0.8rem;
	}
	#crm-container.crm-public input[type="text"], #crm-container.crm-public select {
		font-size: 11px;
	}
	#crm-container.crm-public input[type="text"], #crm-container.crm-public select#billing_country_id-5 {
		font-size: 10px;
	}
	.crm-container .resizable-textarea textarea {
		width: 88%;
		height: 120px;
	}
	div.grippie {
		display: none;
	}
	.w24 .spotlight-entry {
    	float: none;
		margin-bottom: 15px;
		width: auto;
	}
	.spacer.w49 {
		background-image: none;
	}
	a#spotlight-rss {
		position: static;
		display: block;
		text-align: right;
	}
	.w99 div.mod-dateline .mod-entry {
		width: auto;
	}
	div.mod-dateline .mod-entry {
		float: none;
		width: auto;
	}
	div.itemHeader h2.itemTitle {
		font-size: 24px;
	}
	div.itemImageBlock {
		float: none;
		padding: 0;
		margin: 0 0 15px 0;
	}
	span.itemImage img {
		padding: 0;
	}
	img.photo-right,
	img.photo-left {
		float: none !important;
		padding: 0;
	}
	img.photo-right {
		margin-left: 0 !important;
	}
	img.photo {
		padding: 0;
	}
	h1, .componentheading {
		font-size: 24px;
	}
	div.formCaption {
		float: none;
		width: auto;
	}
	.rsform-block br {
		/*display: none;*/
	}
	#sectionshowcase {
		float: left;
		clear: left;
		z-index: 25;
	}
	.module-body > .rsform {
		margin-left: -15px;
		margin-right: -15px;
	}
	#k2Container div.mod-dateline .mod-entry {
		width: auto;
		float: none;
	}
	form h2, form h2 a, h2 a:hover {
		font-size: 13px;
	}
	form .accountOption > p {
		padding-left: 0 !important;
	}
	#noOfparticipants {
		width: 280px;
	}
	#crm-container .crm-title {
		max-width: 290px;
	}
	#crm-container.crm-public .crm-section, .crm-section,
	.formCaption2 {
		max-width: 270px;
	}
	textarea {
		width: 250px;
	}
	#crm-container.crm-public input[type="text"], #crm-container.crm-public select {
		width: 260px;
	}
	#signupBtnWrap.crm-button a.button, #crm-container .crm-button input[type="button"], #crm-container .crm-button input.form-submit, #crm-container .crm-button input.form-submit-inline {
		padding: 6px 10px;
		font-size: 0.9rem;
	}
	#Kunena td.ktopicmoderation {
		margin-top: -15px;
	}
	#Kunena div.kmsg-header-top span.kmsg-id-top, #Kunena div.kmsg-header-bottom span.kmsg-id-bottom, #Kunena div.kmsg-header-left span.kmsg-id-left, #Kunena div.kmsg-header-right span.kmsg-id-right {
		display: block;
		float: none;
		padding-left: 10px;
	}
	#Kunena .knewchar {
		margin-top: 0;
	}
	#Kunena table tr {
		padding: 7px 0;
	}
	#Kunena div.kthead-title a {
		line-height: 1.2;
	}
	#Kunena #ktab a span {
		font-size: 1.5em;
		padding: 0.25em 0;
	}
	.jmoddiv.jmodinside {
		position: static;
		top: inherit;
		left: inherit;
	}
	div.cdlogin-logout-greeting {
		color: #222;
	}
	.spacer.w49 .m_block_wrapper {
		width: 100%;
	}
	div.mod-date {
		margin-right: 1.5rem;
	}
	div.alert-box-inner {
		line-height: 1.75;
	}
	.subcatcol1 {
		float: none;
		width: auto;
		margin-right: 0;
	}
	.subcatcol2 {
		float: none;
		width: auto;
	}
	#abovecontent .module-body .button {
		display: block;
	}
}

/** Retina Graphics Mobile **/
@media (-webkit-min-device-pixel-ratio: 2)
and (max-device-width: 767px) {
	#logo {
		background-image: url(../images/mobile_logo@2x.jpg);
		background-size: 300px 140px;
	}
	#header {
		background-image: url(../images/mobile_header_bg@2x.jpg);
		background-size: 2px 140px;
	}
}
/* Retina iPad Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
	#logo {
		background-image: url(../images/mobile_logo@2x.jpg);
		background-size: 300px 140px;
	}
	#header {
		background-image: url(../images/mobile_header_bg@2x.jpg);
		background-size: 2px 140px;
	}
}

/* BEGIN
remove login option from registration */
fieldset.crm-group.crm_user-group {
	display: none;
}
/* END
remove login option from registration */

/* BEGIN error message highlighting */
.messages.status.no-popup {
    background-color: darkred;
    padding: 10px;
    color: white;
    font-size: 1.5em;
    line-height: 1.25em;
}
/* END error message highlighting */