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

	/* = Newsletter Form
	---------------------------------------------------- */

	.newsletter-form .gform_wrapper{
		padding-right: 70px;
		position: relative;
	}

	.newsletter-form .gform_body{
		width: 100%;
	}

	.newsletter-form .gform_footer{
		width: 70px;
		position: absolute;
		bottom: 0;
		right: 0;
	}

	.newsletter-form .gform_footer input{
		background-image: url(../images/icon-go.png);
		background-position: center;
		text-indent: -100em;
	}

	/* = Page Header
	---------------------------------------------------- */

	.page-header{
		padding-top: 55px;
	}

	/* = News List
	---------------------------------------------------- */

	.news-list .news{
		margin-bottom: 20px;
	}

	.news-list .news-title{
		line-height: 32px;
		font-size: 30px;
	}

	/* = Upcoming Events
	---------------------------------------------------- */

	.upcoming-events{
		padding-bottom: 20px;
		padding-top: 55px;
	}

	.upcoming-events .event{
		width: 50%;
	}

	.upcoming-events .event.third{
		display: none;
	}

	.upcoming-events .event-title{
		line-height: 32px;
		font-size: 30px;
	}

	/* = News Page
	---------------------------------------------------- */

	.page.news.single .news-thumb{
		height: 500px;
	}

	.page.news.single .news-title{
		line-height: 65px;
		font-size: 60px;
	}

	/* = Shortcodes
	---------------------------------------------------- */

	.gallery{
		margin-bottom: 50px;
	}

	.gallery .images-list li{
		width: 20%;
	}

	.volunteer-form .circle-wrap .label{
		line-height: 25px;
		font-size: 25px;
	}

	.volunteer-form .circle-wrap .label span{
		line-height: 20px;
		font-size: 16px;
	}

	/* = Site Footer
	---------------------------------------------------- */

	.bottom-navigation li.home{
		padding-right: 30px;
	}

}

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

	/* = News Page
	---------------------------------------------------- */

	.page.news.single .news-thumb{
		height: 420px;
	}

	.page.news.single .news-title{
		line-height: 60px;
		font-size: 55px;
	}

}

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

	.admin-bar .site-header .desktop.big{
		top: 46px;
	}

}

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

	/* = Document Setup
	---------------------------------------------------- */

	body.mobile-menu{
		position: relative;
		overflow-x: hidden;
	}

	h1{
		font-size: 42px;
		line-height: 46px;
	}

	h2{
		font-size: 34px;
		line-height: 38px;
	}

	select,
	input[type="tel"],
	input[type="text"],
	input[type="email"],
	input[type="number"],
	input[type="password"],
	input[type="search"]{
		line-height: 33px;
		padding: 4px 14px;
		height: 45px;
	}

	textarea{
		line-height: 33px;
		padding: 4px 14px;
	}

	hr{
		margin-bottom: 25px;
	}

	/* = Core Classes
	---------------------------------------------------- */

	.wrap{
		padding: 0 15px;
	}

	/* = Site Container
	---------------------------------------------------- */

	body.mobile-menu .site-container{
		margin-right: -280px;
		margin-left: 280px;
	}

	/* = Site Header
	---------------------------------------------------- */

	.site-header .desktop{
		display: none;
	}

	.site-header .mobile{
		display: block;
	}

	/* = Site Main
	---------------------------------------------------- */

	.site-main{
		padding-top: 0;
	}

	/* = Newsletter Form
	---------------------------------------------------- */

	.newsletter-form{
		padding-top: 15px;
		padding-bottom: 25px;
	}

	.newsletter-form-inner{
		display: block;
	}

	.newsletter-form .label{
		display: block;
		margin-bottom: 8px;
		max-width: unset;
		width: auto;

		text-align: center;
		line-height: 40px;
		font-size: 34px;
	}

	.newsletter-form .gform_wrapper{
		display: block;
	}

	.newsletter-form .gform_fields li select,
	.newsletter-form .gform_fields li textarea,
	.newsletter-form .gform_fields li input[type="tel"],
	.newsletter-form .gform_fields li input[type="text"],
	.newsletter-form .gform_fields li input[type="email"],
	.newsletter-form .gform_fields li input[type="number"],
	.newsletter-form .gform_fields li input[type="password"]{
		height: 45px;
		line-height: 37px;
		font-size: 22px;
	}

	.newsletter-form .gform_footer input{
		line-height: 45px;
	}

	/* = Page Header
	---------------------------------------------------- */

	.page-header{
		padding-top: 45px;
	}

	/* = Share Buttons
	---------------------------------------------------- */

	.page-content .share-buttons.big .essb_links li a{
		width: auto;
	}

	.page-content .share-buttons.big .essb_links li.essb_link_facebook a,
	.page-content .share-buttons.big .essb_links li.essb_link_twitter a,
	.page-content .share-buttons.big .essb_links li.essb_link_comments a{
		background-color: transparent;
	}

	.page-content .share-buttons.big .essb_links li.essb_link_facebook a .essb_icon,
	.page-content .share-buttons.big .essb_links li.essb_link_twitter a .essb_icon{
		font-size: 28px;
	}

	.page-content .share-buttons.big .essb_links li.essb_link_comments a .essb_icon{
		font-size: 26px;
	}

	.page-content .share-buttons.big .essb_links li.essb_link_facebook a .essb_icon:before{
		color: #3b5998;
	}

	.page-content .share-buttons.big .essb_links li.essb_link_twitter a .essb_icon:before{
		color: #55acee;
	}

	.page-content .share-buttons.big .essb_links li.essb_link_comments a .essb_icon:before{
		color: #acacac;
	}

	.page-content .share-buttons.big .essb_links li a .essb_network_name{
		display: none;
	}

	.page-content .share-buttons.big .essb_links li .essb_counter_right{
		display: none;
	}

	.page-content .share-buttons.small .essb_links li.essb_link_facebook a .essb_icon,
	.page-content .share-buttons.small .essb_links li.essb_link_twitter a .essb_icon{
		font-size: 28px;
	}

	.page-content .share-buttons.small .essb_links li.essb_link_comments a .essb_icon{
		font-size: 26px;
	}

	/* = News List
	---------------------------------------------------- */

	.news-list .news{
		width: auto;
		margin-bottom: 10px;
		float: none;
	}

	.news-list .news-text{
		max-height: none;
		height: auto;
	}

	.news-list .news-title{
		line-height: 26px;
		font-size: 26px;
	}

	.news-list .news-excerpt{
		line-height: 24px;
	}

	/* = Upcoming Events
	---------------------------------------------------- */

	.upcoming-events{
		padding-bottom: 10px;
		padding-top: 40px;
	}

	.upcoming-events hr{
		margin-bottom: 40px;
	}

	.upcoming-events .events-info{
		padding: 0 5px;
	}

	.upcoming-events .event{
		width: auto;
		padding-bottom: 40px;
		float: none;
	}

	.upcoming-events .event.third{
		display: block;
	}

	.upcoming-events .event-title{
		line-height: 26px;
		font-size: 26px;
	}

	/* = Front Page
	---------------------------------------------------- */

	.front-sections ul{
		margin-bottom: 6px;
	}

	.front-sections.one ul { height: 400px; }
	.front-sections.two ul { height: 806px; }
	.front-sections.three ul { height: 1212px; }
	.front-sections.four ul { height: 1618px; }

	.front-sections li{
		width: 100%;
	}

	.front-sections a{
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}

	.front-sections .image.desktop{
		display: none;
	}

	.front-sections .image.mobile{
		display: block;
	}

	/* = Shortcodes
	---------------------------------------------------- */

	.one-half,
	.one-third,
	.two-third,
	.one-fourth,
	.three-fourth,
	.one-fifth,
	.two-fifth,
	.three-fifth,
	.four-fifth,
	.one-sixth,
	.five-sixth{
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
		float: none;
	}

	.gallery{
		margin-bottom: 40px;
	}

	.gallery .images-list li{
		width: 25%;
	}

	.font-size-10, .font-size-11, .font-size-12,
	.font-size-13, .font-size-14, .font-size-15,
	.font-size-16, .font-size-17, .font-size-18,
	.font-size-19, .font-size-20, .font-size-21,
	.font-size-22, .font-size-23, .font-size-24,
	.font-size-25, .font-size-26, .font-size-27,
	.font-size-28, .font-size-29, .font-size-30,
	.font-size-31, .font-size-32, .font-size-33,
	.font-size-34, .font-size-35, .font-size-36,
	.font-size-37, .font-size-38, .font-size-39,
	.font-size-40, .font-size-41, .font-size-42,
	.font-size-43, .font-size-44, .font-size-45,
	.font-size-46, .font-size-47, .font-size-48,
	.font-size-49, .font-size-50, .font-size-51,
	.font-size-52, .font-size-53, .font-size-54,
	.font-size-55, .font-size-56, .font-size-57,
	.font-size-58, .font-size-59, .font-size-60,
	.font-size-61, .font-size-62, .font-size-63,
	.font-size-64, .font-size-65, .font-size-66,
	.font-size-67, .font-size-68, .font-size-69,
	.font-size-70, .font-size-71, .font-size-72,
	.font-size-73, .font-size-74, .font-size-75,
	.font-size-76, .font-size-77, .font-size-78,
	.font-size-79, .font-size-80, .font-size-81,
	.font-size-82, .font-size-83, .font-size-84,
	.font-size-85, .font-size-86, .font-size-87,
	.font-size-88, .font-size-89, .font-size-90{
		font-size: inherit;
	}

	.line-height-10, .line-height-11, .line-height-12,
	.line-height-13, .line-height-14, .line-height-15,
	.line-height-16, .line-height-17, .line-height-18,
	.line-height-19, .line-height-20, .line-height-21,
	.line-height-22, .line-height-23, .line-height-24,
	.line-height-25, .line-height-26, .line-height-27,
	.line-height-28, .line-height-29, .line-height-30,
	.line-height-31, .line-height-32, .line-height-33,
	.line-height-34, .line-height-35, .line-height-36,
	.line-height-37, .line-height-38, .line-height-39,
	.line-height-40, .line-height-41, .line-height-42,
	.line-height-43, .line-height-44, .line-height-45,
	.line-height-46, .line-height-47, .line-height-48,
	.line-height-49, .line-height-50, .line-height-51,
	.line-height-52, .line-height-53, .line-height-54,
	.line-height-55, .line-height-56, .line-height-57,
	.line-height-58, .line-height-59, .line-height-60,
	.line-height-61, .line-height-62, .line-height-63,
	.line-height-64, .line-height-65, .line-height-66,
	.line-height-67, .line-height-68, .line-height-69,
	.line-height-70, .line-height-71, .line-height-72,
	.line-height-73, .line-height-74, .line-height-75,
	.line-height-76, .line-height-77, .line-height-78,
	.line-height-79, .line-height-80, .line-height-81,
	.line-height-82, .line-height-83, .line-height-84,
	.line-height-85, .line-height-86, .line-height-87,
	.line-height-88, .line-height-89, .line-height-90{
		line-height: inherit;
	}

	.space{
		padding-top: 0 !important;
	}

	.volunteer-form .left-column{
		width: auto;
		float: none;
	}

	.volunteer-form .left-column .gform_footer input{
		width: 100%;
	}

	.volunteer-form .right-column{
		width: auto;
		margin-bottom: 30px;
		float: none;

		text-align: center;
		font-size: 0;
	}

	.volunteer-form .circle-wrap{
		padding: 0 3%;
		max-width: 220px;
		vertical-align: top;
		display: inline-block;
		float: none;
	}

	.volunteer-form .circle-wrap .circle{
		margin-bottom: 5px;
	}

	.volunteer-form .circle-wrap .label{
		line-height: 20px;
		font-size: 20px;
	}

	.volunteer-form .circle-wrap .label span{
		line-height: 16px;
		font-size: 13px;
	}

	/* = Contact Forms
	---------------------------------------------------- */

	.page-content .gform_footer input{
		padding: 0 15px;
	}

	/* = Site Footer
	---------------------------------------------------- */

	.site-footer-top{
		padding-bottom: 20px;
	}

	.home .site-footer-top{
		padding-top: 25px;
	}

	.bottom-navigation{
		display: none;
	}

}

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

	/* = Core Classes
	---------------------------------------------------- */

	.alignleft,
	.alignright{
		margin: 0 0 20px;
		float: none;
	}

	img.alignleft,
	img.alignright{
		display: block;
	}

	/* = News List
	---------------------------------------------------- */

	.news-list .news-main{
		padding-top: 30px;
	}

	/* = Front Page
	---------------------------------------------------- */

	.front-sections.one ul { height: 350px; }
	.front-sections.two ul { height: 706px; }
	.front-sections.three ul { height: 1062px; }
	.front-sections.four ul { height: 1418px; }

	/* = Default Page
	---------------------------------------------------- */

	.page.default .page-content{
		padding-bottom: 40px;
	}

	/* = News Page
	---------------------------------------------------- */

	.page.news.single .page-content{
		padding-bottom: 60px;
	}

	.page.news.single .news-thumb{
		height: 360px;
	}

	.page.news.single .news-thumb .overlay{
		height: 160px;
	}

	.page.news.single .news-main{
		margin-top: -100px;
	}

	.page.news.single .news-title{
		margin-bottom: 5px;
		line-height: 55px;
		font-size: 50px;
	}

	.page.news.single .news-category{
		margin-bottom: 20px;
	}

	.page.news.single .news-content{
		margin: 25px 0;
	}

	.page.news.single #comments{
		margin-top: 45px;
	}

	/* = Single Event
	---------------------------------------------------- */

	.page.event .page-content{
		padding-bottom: 60px;
	}

	.page.event .event-buttons{
		margin-bottom: 35px;
		margin-top: 30px;
	}

	.page.event .share-buttons{
		margin-top: 25px;
	}

	/* = Videos Page
	---------------------------------------------------- */

	.page.videos .video{
		margin-bottom: 40px;
	}

	.page.videos .video hr{
		margin-bottom: 35px;
	}

	/* = Shortcodes
	---------------------------------------------------- */

	.gallery .images-list li{
		width: 33.3%;
	}

	/* = Pagination
	---------------------------------------------------- */

	.pagination{
		margin-bottom: 30px;
	}

}

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

	/* = Document Setup
	---------------------------------------------------- */

	body{
		font-size: 18px;
		line-height: 26px;
	}

	/* = Site Header: Mobile
	---------------------------------------------------- */

	.mobile .site-navigation li a i.fa-sort-desc{
		padding: 5px;
	}

	/* = Newsletter Form
	---------------------------------------------------- */

	.newsletter-form .gform_wrapper{
		padding-right: 0;
	}

	.newsletter-form .gform_fields li.email,
	.newsletter-form .gform_fields li.name,
	.newsletter-form .gform_fields li.zip{
		width: auto;
		float: none;
	}

	.newsletter-form .gform_fields li.email,
	.newsletter-form .gform_fields li.name{
		margin-bottom: 5px;
		padding-right: 0;
	}

	.newsletter-form .gform_fields li.zip{
		padding-right: 75px;
	}

	/* = Page Content
	---------------------------------------------------- */

	.page-content p{
		margin-bottom: 26px;
	}

	.page-content ol,
	.page-content ul{
		margin-bottom: 26px;
	}

	.page-content blockquote{
		margin: 26px 0 26px 40px;
	}

	.page-content blockquote p{
		margin-bottom: 15px;
	}

	/* = Front Page
	---------------------------------------------------- */

	.front-sections ul{
		margin-bottom: 6px;
	}

	.front-sections.one ul { height: 300px; }
	.front-sections.two ul { height: 306px; }
	.front-sections.three ul { height: 912px; }
	.front-sections.four ul { height: 1218px; }

	.front-sections .title{
		line-height: 43px;
		font-size: 44px;
	}

	/* = News Page
	---------------------------------------------------- */

	.page.news.single .news-thumb{
		height: 320px;
	}

	.page.news.single .news-title{
		line-height: 50px;
		font-size: 45px;
	}

	/* = Shortcodes
	---------------------------------------------------- */

	.gallery{
		margin-bottom: 30px;
	}

	.gallery .images-list{
		margin: 0 -5px;
	}

	.gallery .images-list li{
		padding: 5px;
	}

}

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

	/* = Single Event
	---------------------------------------------------- */

	.page.event .event-buttons .button{
		width: 220px;
	}

	.page.event .event-buttons .rsvp{
		margin-bottom: 12px;
		float: none;
	}

	.page.event .event-buttons .directions{
		float: none;
	}

}

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

	/* = Document Setup
	---------------------------------------------------- */

	h2{
		font-size: 32px;
		line-height: 36px;
	}

	/* = Front Page
	---------------------------------------------------- */

	.front-sections.one ul { height: 252px; }
	.front-sections.two ul { height: 510px; }
	.front-sections.three ul { height: 768px; }
	.front-sections.four ul { height: 1026px; }

	/* = News Page
	---------------------------------------------------- */

	.page.news.single .news-thumb{
		height: 280px;
	}

	.page.news.single .news-title{
		line-height: 45px;
		font-size: 40px;
	}

	/* = Shortcodes
	---------------------------------------------------- */

	.gallery .images-list li{
		width: 50%;
	}

	/* = Site Footer
	---------------------------------------------------- */

	.site-footer .social-buttons li{
		margin: 0 8px;
	}

	.site-footer .donation-button{
		margin-left: 10px;
	}

	.contact-details .column{
		width: auto;
		float: none;
	}

	.contact-details .column.left,
	.contact-details .column.right{
		text-align: center;
		padding: 0;
	}

	.contact-details .operation-hours{
		margin-bottom: 20px;
	}

	.contact-details .operation-hours span{
		display: block;
	}

}