/****************************************
***** Header - Top Bar ******************
****************************************/

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

	#header-top-bar {
		text-align:center;
	}

}

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

	#header-top-bar {
		min-height:1px;
	}

	#header-top-bar .wrapper-fixed {
		font-size:17px;
		padding-bottom:5px;
	}

}

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

	#header-top-bar .wrapper-fixed {
		font-size:15px;
	}

	#htb-email,
	#htb-phone {
		display:block;
		padding:0;
	}

}



/****************************************
***** Header - Main Bar *****************
****************************************/

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

	#header-main-bar .wrapper-fixed {
		padding-left:15px;
		padding-right:15px;
	}

	#hmb-website-title {
		font-size:46px;
		padding-left:0;
		text-align:center;
	}

}

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

	#hmb-logo {
		width:100%;
		float:none;
		margin-bottom:15px;
	}

	#hmb-logo a {
		display:block;
		margin:0 auto;
	}

	#hmb-logo img {
		display:block;
		margin:0 auto;
		max-height:100px;
	}

	#hmb-website-title {
		font-size:30px;
		float:none;
		width:100%;
		padding-top:0;
	}

}

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

	#hmb-website-title {
		font-size:24px;
	}

}


/****************************************
***** Header - Nav Bar ******************
****************************************/

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

	#mobile-menu-toggle {
		display:block;
	}

	#mobile-menu-toggle + div {
		display:none;
		border-top:2px solid #a5d167;
	}

	#mobile-menu-toggle.active + div {
		display:block;
	}

	#header-nav-bar ul li {
		display:block;
		width:100%;
		margin:0;
		text-align:left;
	}

	#header-nav-bar ul li a {
		padding:10px 15px;
		height:auto;
		border-bottom:1px solid #a5d167;
	}

	#header-nav-bar ul li ul.sub-menu {
		display:block;
		width:100%;
		position:relative;
		left:0 !important;
		top:0 !important;
	}

	#header-nav-bar ul li ul.sub-menu li {
		font-size:14px;
	}

	#header-nav-bar ul li ul.sub-menu li a {
		padding-left:20px;
		display:block;
		padding:10px 15px;
		font-family: 'Arvo', arial, helvetica, serif;
	}

	#header-nav-bar ul li ul.sub-menu {
		border-top:1px solid #d2d3d5 !important;
	}

	#header-nav-bar ul li ul.sub-menu li ul.sub-menu li a {
		padding-left:25px;
	}

	#header-nav-bar ul li ul.sub-menu li a:before {
		content:"- ";
	}

	#header-nav-bar ul li.current-menu-item a {
		border-top:none;
	}

	#header-nav-bar.fixed {
		position:relative;
		left:0;
		top:0;
		width:100%;
		z-index:110;
	}

	.admin-bar #header-nav-bar.fixed {
		top:0;
	}


}


/****************************************
***** Footer - Logos Bar ****************
****************************************/

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

	#footer-logos-bar .wrapper-fixed {
		padding:13px 15px;
	}

	#footer-logos ul {
		text-align:center;
	}

	#footer-logos ul li {
		margin:0 20px 10px !important;
	}

}


/****************************************
***** Footer - Main Bar *****************
****************************************/

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

	#footer-main-bar .wrapper-fixed {
		padding-left:15px;
		padding-right:15px;
	}

}

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

	#footer-main-bar .column {
		width:50%;
		margin-bottom:30px;
	}

}

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

	#footer-main-bar .column {
		float:none;
		width:100%;
	}

}


/****************************************
***** Footer - Copyright Bar ************
****************************************/

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

	#footer-copyright-bar .wrapper-fixed {
		padding-left:15px;
		padding-right:15px;
	}

}

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

	#footer-copyright {
		text-align:center;
	}

	#footer-copyright span {
		display:block;
	}

}


/****************************************
***** Main - Page Title *****************
****************************************/

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

	#page-title-wrapper .wrapper-fixed {
		padding-left:15px;
		padding-right:15px;
	}

}


/****************************************
***** Main - Page Content ***************
****************************************/

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

	#page-content-wrapper .wrapper-fixed {
		padding-left:15px;
		padding-right:15px;
	}

	#page-content blockquote {
		margin-left:0;
		max-width:100%;
	}

}

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

	#page-content-wrapper .column {
		width:100%;
		float:none;
		padding-left:0 !important;
		padding-right:0 !important;
	}
}



/****************************************
***** Latest News Horizontal ************
****************************************/

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

	#latest-news-horizontal-wrapper .wrapper-fixed {
		padding:35px 15px 40px;
	}

}

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

	#latest-news-horizontal-wrapper .wrapper-fixed {
		text-align:center;
	}

	#latest-news-horizontal-wrapper .wrapper-fixed h3 {
		text-align:left;
	}

	.latest-news-horizontal-item {
		width:220px;
		margin:0 15px 15px !important;
		float:none;
		display:inline-block;
		vertical-align:top;
	}

}


/****************************************
***** Sidebar Latest News ***************
****************************************/

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

	.sidebar-latest-news-feed-top-left {
		width:auto;
	}

	.sidebar-latest-news-feed-top-right {
		width:66%;
	}

}


/****************************************
***** Flipcards *************************
****************************************/

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

	#flipcards-wrapper .wrapper-fixed {
		padding:35px 15px;
	}

}

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

	#flipcards-wrapper .wrapper-fixed {
		text-align:center;
	}

	.flip-container {
		width:300px;
		display:inline-block;
		vertical-align:top;
		float:none !important;
		margin:0 15px 30px !important;
	}

}

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

	.flip-container {
		width:260px;
	}

}

/****************************************
***** Home Green Banner *****************
****************************************/


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

	#green-banner-wrapper .wrapper-fixed {
		padding:20px 15px;
	}

}

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

	.green-banner-item {
		width:44%;
		margin:0 3% 15px;
	}

}

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

	.green-banner-item {
		width:100%;
		margin:0 0 15px;
	}

}


/****************************************
***** Meet The Team *********************
****************************************/

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

	#meet-the-team-wrapper .wrapper-fixed {
		padding:0 15px;
	}

}

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

	#meet-the-team-wrapper .wrapper-fixed  {
		text-align:center;
	}

	.meet-the-team-item {
		width:280px;
		margin:0 15px 15px;
		float:none;
		display:inline-block;
		vertical-align:top;
		max-width:100%;
	}

	.meet-the-team-item-image img {
		margin:0 auto;
	}


}

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

	.meet-the-team-item {
		margin:0 auto 15px;
	}
}