@media only screen and (max-width: 959px) { .mainnav-container { display: none }
#mainnav select { display: block }
#mainnav ul { display: none }
#mainnav .selector { display: block; position: relative; margin: 0; padding: 0 0 0 25px; border: none; cursor: pointer !important; vertical-align: middle; zoom: 1; height: 50px; line-height: 50px; float: left; font-size: 16px; color: #e8e1ce; }
#mainnav .selector span:before { display: inline-block; margin-right: 10px; font-size: 16px; font-weight: normal; font-style: normal; text-align: left; text-decoration: inherit; -webkit-font-smoothing: antialiased; content: "\f0c9"; font-family: 'FontAwesome'; }
#mainnav .selector select { position: absolute; left: 0; top: 0px; height: 60px; background: none; cursor: pointer; overflow: hidden; width: 100% !important; max-width: 100%; }
#mainnav .selector select:focus { outline: 0 }
#mainnav .selector:hover { -moz-opacity: 1; -webkit-opacity: 1; opacity: 1; }
#mainnav .selector span { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#navigation-responsive-toggle { display: block; position: absolute; height: 50px; line-height: 50px; top: 0; left: 0; padding: 0 0 0 25px; width: 100%; font-size: 16px; } .entry-left,
.loop-entry-left { display: none }
.entry-right,
.loop-entry-right { width: 100% } #footer-copyright { float: none; width: 100%; }
#footer-menu { float: none; margin-top: 7px; width: 100%; text-align: left; } #slider-wrap .caption { max-width: none; position: static; bottom: auto; left: auto; width: 100%; }
} @media only screen and (min-width: 768px) and (max-width: 959px) { 
.hide-on-tablets { display: none !important }
#wrapper,
#masterhead { width: 700px }
.post,
#sidebar { width: 100%; float: none; }
#sidebar { margin: 0 auto; max-width: 60%; }
#footer-widget-wrap .et-row .span_1_of_4.et-col { width: 50% }
#footer-widget-wrap .et-row .span_1_of_4.et-col.et-col-3 { clear: both; } .recent-entry .featured-image { width: 15%; max-width: 120px;  }
.recent-entry-content { width: 82%; } #event-wrap .event-entry-content { width: 350px } .related-entry .featured-image { width: 15%; margin: 0; }
.related-entry-content { width: 80% } #flickr-slideshow-wrap object { width: 700px !important } #logo {
float: left;
margin-left: 15%;
}
} @media only screen and (max-width: 767px) { 
.et-row .et-col { width: 100%; }
.et-row .span_1_of_4.et-col { width: 100% }
.et-row .span_1_of_10.et-col { width: 50% }
.et-row .span_1_of_4.et-col.et-col-3 { clear: both; }
.et-row .span_1_of_4.et-col.et-col-5 { clear: both; }
.et-row .span_1_of_4.et-col.et-col-7 { clear: both; }
.et-row .span_1_of_4.et-col.et-col-9 { clear: both; }
.hide-on-phones { display: none !important }
#wrapper,
#masterhead { max-width: 90%; }
.wpb_row .wpb_row,
.wpb_column { width: 100% !important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-left: 0 !important; margin-right: 0 !important; }
.post { width: 100% }
#sidebar { width: 100% }
#mainnav .selector { float: none } #masterhead { padding-bottom: 20px }
#logo { float: none; margin: 0 auto; }
.text-logo { float: none }
#mastersocial { position: inherit; top: auto; right: auto; margin: 20px 200px 0; float: none; }
#header-donate { top: auto; left: auto; right: auto; position: inherit; bottom: auto; border-radius: 3px; text-align: center; margin: 20px 0 0; }
#header-donate #header-donate-inner { height: 40px; line-height: 40px; }
#header-donate:hover #header-donate-inner { height: 40px; line-height: 40px; }
#mainnav #searchbar { display: none } #recent-news.full-width .featured-image { width: 20%; max-width: none; }
#recent-news.full-width .recent-entry-content{ width: 66%; } #gallery-cats li,
.galleries-filter li { display: block; width: 100%; float: none; margin: 0 0 5px; } #event-details-left { position: static; top: auto; left: auto; }
#event-details-right { width: 100%; padding-left: 0; padding-top: 30px; clear: both; }
#event-tabs #tab-gallery .span_1_of_4.count-3 { clear: both }
#event-tabs a span { display: none } .recent-post-entry .featured-image { width: 80px; } tr.calendar-row { display: block; float: left; width: 100%; }
#calendar { border-top: 1px solid #dcd1c9 }
#calendar td.calendar-day { display: block; height: auto; width: 100%; float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; min-height: 0px; }
#calendar tr.calendar-row.days-row,
td.calendar-day-empty,
.calendar-day-np { display: none !important }
h2#calendar_title { float: none }
#calendar-month-select { float: left; position: inherit; top: auto; right: auto; margin: 20px 0 0; } .related-entry .featured-image { width: 25%; margin: 0; }
.related-entry-content { width: 70% } #footer-widget-first,
#footer-widget-second,
#footer-widget-third,
#footer-widget-fourth { width: 100%; margin: 0 0 20px; } #flickr-slideshow-wrap object { width: 100% !important }
textarea { max-width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .two-columns,
.three-columns,
.four-columns,
.one-two-third,
.one-three-fourth,
.one-half,
.one-third,
.two-third,
.one-fourth,
.three-fourth,
.one-fifth,
.one-sixth { width: 100%; margin: 0 0 20px; }
} @media only screen and (min-width: 480px) and (max-width: 767px) {
#wrapper,
#masterhead { width: 550px; max-width: 90%; }
.et-row .span_1_of_4.et-col { width: 50% }
.et-row .span_1_of_4.et-col.et-col-3 { clear: both; }
.et-row .span_1_of_10.et-col { width: 20% }
.et-row .span_1_of_4.et-col.et-col-6 { clear: both; } #recent-news .recent-entry .featured-image { width: 30%; margin: 0; }
#recent-news .recent-entry-content { width: 66% }
} @media only screen and (max-width: 768px) {
body .vc_tta-color-earth.vc_tta.vc_general .vc_tta-panel-title>a { background-color: #f7f2e7; }
body .vc_tta-color-earth.vc_tta.vc_general .vc_active .vc_tta-panel-title>a { background-color: #fff; }
body .vc_tta-color-earth.vc_tta.vc_tta-style-outline .vc_tta-panel-body, .vc_tta.vc_tta-style-outline .vc_tta-panel-heading, .vc_tta.vc_tta-style-outline .vc_tta-tab>a { border: 0; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product,
.woocommerce-page[class*=columns-] ul.products li.product,
.woocommerce[class*=columns-] ul.products li.product { margin-right: 0; width: 100%; }
} @media only screen and (max-width: 479px) {
.wpex-responsive #mastersocial { position: inherit; top: auto; right: auto; margin: 20px 100px 0; float: none; }
}