/*
Media Queries
---------------------------------------------------------------------------------------------------- */
#mobile_menu {
	border-radius: 5px 5px 5px 5px;
	display: none;
	height: 40px;
	margin: 20px auto;
	overflow: hidden;
	padding: 0 4px;
	width: 90%;
}

.menu_title {
	float: none !important;
	font-family: "ModernPictogramsNormal";
	font-size: 42px;
	line-height: 41px;
	padding: 0 !important;
	text-align: center !important;
}

@media only screen and (max-width: 1024px) {
	.site-header .wrap {
		width: 100%;
		padding: 0;
	}

	.header-image .title-area {
		display: block !important;
		width: 100% !important;
		background-position: center !important;
	}

	.site-header .widget-area {
		float: none !important;
		text-align: center !important;
		width: 100% !important;
	}

	.top {
		width: 100%;
	}

	nav {
		width: 100%;
	}

	.site-container {
		width: 98%;
	}

	.page_title_wrap {
		width: auto;
		padding: 0 10px;
	}

	.site-header .widget-area {
		width: auto;
	}

	.wrap {
		margin: 0 auto;
		width: 100%;
	}

	#home_gallery,
	.intro,
	#home-wrap {
		width: auto;
		height: auto !important;
	}

	.latest_blog_description {
		width: 22.92%;
	}

	.latest_blog .flex_container {
		width: 75%;
	}

	.sidebar-content .content,
	.content-sidebar .content,
	.content-sidebar-sidebar .content,
	.sidebar-sidebar-content .content,
	.sidebar-content-sidebar .content {
		width: 70%;
	}

	.sidebar-content .sidebar-primary,
	.content-sidebar .sidebar-primary,
	.content-sidebar-sidebar .sidebar-primary,
	.sidebar-sidebar-content .sidebar-primary,
	.sidebar-content-sidebar .sidebar-primary {
		width: 30%;
	}

	.content-sidebar-sidebar .content-sidebar-wrap,
	.sidebar-content-sidebar .content-sidebar-wrap,
	.sidebar-sidebar-content .content-sidebar-wrap {
		width: 80%;
	}

	.content-sidebar-sidebar .sidebar-secondary,
	.sidebar-content-sidebar .sidebar-secondary,
	.sidebar-sidebar-content .sidebar-secondary {
		width: 20%;
	}

	.portfolio_image img {
		max-width: none !important;
		width: auto !important;
	}

	.element-4col,
	.gallery-4col {
		width: 23.8%;
	}

	.element-3col,
	.gallery-3col {
		width: 32.2%;
	}

	.element-2col,
	.gallery-2col {
		width: 48.8%;
	}

	.latest_blog .flexslider .slides>li {
		width: 218px !important;
	}

	.carousel_item .element-2col,
	.carousel_item .element-3col,
	.carousel_item .element-4col {
		width: 218px !important;
	}

	.blog_shortcode .flex_container.full {
		width: 100%;
	}

	.folio-entry {
		width: 65%;
	}

	.metaItem {
		width: 30%;
	}

	.site-footer .wrap {
		width: auto;
	}

	#top-link {
		bottom: 90px;
		right: 40px;
	}

	.content {
		padding: 10px;
	}
}

@media only screen and (max-width: 768px) {
	.site-container {
		width: 98%;

	}

	.page_title_wrap {
		width: auto;
		padding: 0 10px;
	}

	.top-left,
	.top-right {
		padding-left: 20px;
		padding-right: 20px;
	}

	.site-header .wrap {
		padding: 0;
		width: 100%;
	}

	nav {
		width: 100%;
	}

	.title-area {

		float: none;
		margin: 0 auto;
		display: block;
		text-align: center;
		width: 100%;

	}

	.site-header .widget-area {
		width: 100%;
	}

	.header-block {

		width: 100%;
		text-align: center !important;
	}

	.header-text {
		float: none;
		display: block;
		text-align: center !important;
		width: 100% !important;
	}

	.header-splash {
		float: none;
		margin-left: 0 auto;
		margin-right: 0 auto;
		display: block;
		text-align: center;
		width: 100% !important;
	}

	#home_gallery {
		height: auto !important;
	}

	.nav-primary .genesis-nav-menu li a {}

	.nav-primary .genesis-nav-menu .sub-menu {
		padding: 0;
	}

	.latest_blog .flex_container {
		width: 73%;
	}

	.latest_blog_description {
		width: 25%;
	}

	.widget .flickr_badge_image {
		width: 82px;
	}

	.client_carousel img {
		width: 200px;
	}

	.element-4col,
	.gallery-4col {
		height: 110px !important;
		width: 23.4% !important;
	}

	.element-4col .icon h4 a,
	.gallery-4col .icon h4 a {
		margin-top: 40px;
	}

	.element-3col,
	.gallery-3col {
		width: 31.7% !important;
		height: 127px !important;
	}

	.element-3col .icon h4 a,
	.gallery-3col .icon h4 a {
		margin-top: 45px;
	}

	.element-2col,
	.gallery-2col {
		width: 48% !important;
		height: 250px !important;
	}

	.element-2col .icon h4 a,
	.gallery-2col .icon h4 a {
		margin-top: 110px;
	}

	.flickr_badge_image img {
		width: 64px;
		height: 64px;
	}

	.widget .flickr_badge_image {
		width: 64px;
	}

	.carousel_item .element-2col,
	.carousel_item .element-3col,
	.carousel_item .element-4col {
		height: 100% !important;
	}
}

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

	.site-container {
		width: 98%;
	}

	.top-left,
	.top-right {
		padding-left: 20px;
		padding-right: 20px;
	}

	.site-header .widget-area {
		width: 100%;
	}

	.site-header {
		width: auto;
		margin: 0 auto;
	}

	.site-header .wrap,
	nav,
	.page_title_wrap {
		width: auto;
	}

	#home_gallery,
	.intro,
	#home-wrap {
		width: auto;
	}

	.nav-primary {
		background: #f5f5f4;
		margin: 20px auto;
		width: 94%;
		float: none;
	}

	.nav-primary ul {
		display: none;
	}

	.wrap {
		margin: 0 auto;
		width: 100%;
	}

	.title-area {
		float: none;
		padding: 20px 0;
		text-align: center;
		width: 100%;
	}

	#home_gallery {
		height: auto !important;
	}

	.flex-caption h3 {
		font-size: 1.4rem;
	}

	.nav-primary .select-menu {
		border: 1px solid #CCC;
		display: block;
		margin: 0 auto;
	}

	.sidebar-content .content,
	.content-sidebar .content,
	.content-sidebar-sidebar .content,
	.sidebar-sidebar-content .content,
	.sidebar-content-sidebar .content {
		width: 100%;
	}

	.sidebar-content .sidebar-primary,
	.content-sidebar .sidebar-primary,
	.content-sidebar-sidebar .sidebar-primary,
	.sidebar-sidebar-content .sidebar-primary,
	.sidebar-content-sidebar .sidebar-primary {
		width: 100%;
	}

	#flickr_badge_wrapper {
		width: 100%;
	}

	.content-sidebar-sidebar .content-sidebar-wrap,
	.sidebar-content-sidebar .content-sidebar-wrap,
	.sidebar-sidebar-content .content-sidebar-wrap {
		width: 100%;
	}

	.content-sidebar-sidebar .sidebar-secondary,
	.sidebar-content-sidebar .sidebar-secondary,
	.sidebar-sidebar-content .sidebar-secondary {
		width: 100%;
	}

	.element-4col,
	.gallery-4col,
	.element-3col,
	.gallery-3col,
	.element-2col,
	.gallery-2col {
		width: 47.8% !important;
	}

	.element-4col,
	.gallery-4col {
		height: 165px !important;
	}

	.element-3col,
	.gallery-3col {
		height: 200px !important;
	}

	.element-4col .icon h4 a,
	.gallery-4col .icon h4 a {
		margin-top: 65px;
	}

	.element-3col .icon h4 a,
	.gallery-3col .icon h4 a {
		margin-top: 85px;
	}

	#options ul {
		float: left;
	}

	.one-fourth,
	.one-third,
	.one-half,
	.two-third,
	.three-fourth {
		width: 47.8% !important;
		margin-bottom: 20px;
	}

	.latest_blog_description {
		width: 100%;
	}

	.latest_blog .flex_container {
		float: left;
		margin: 20px 0 0;
		width: 100%;
	}

	.latest_blog .flexslider .slides>li {
		width: 215px !important;
	}

	.carousel_item .element-2col,
	.carousel_item .element-3col,
	.carousel_item .element-4col {
		width: 215px !important;
		height: 100% !important;
	}

	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3,
	.footer-widgets-4 {
		width: 47.8% !important;
	}

	.site-footer .wrap {
		text-align: center;
	}

	#top-link {
		display: none !important;
	}

	.top-left p.highlight,
	.top-right p.highlight {
		float: left;
	}

	#comments,
	#respond {
		padding: 20px;
	}

	.folio-entry {
		width: 100%;
		margin: 20px 0 0;
	}

	.header-widget-area .zp_social_icons {
		float: none !important;
		width: 78% !important;
		margin: 20px auto 0 !important;
	}

	.metaItem {
		width: 100%;
	}

	.slider_shortcode .slides li .flex-caption h2 {
		font-size: 15px;
	}
}

@media only screen and (max-width: 480px) {
	.wrap {
		margin: 0 auto;
	}

	.top-left,
	.top-right {
		float: left !important;
	}

	.top-left,
	.top-right {
		padding-left: 20px;
		padding-right: 20px;
		width: 100%;

	}


	.site-header .widget-area {
		text-align: center;
	}

	.intro {
		margin-top: 0;
	}

	.call_to_action_box {
		padding: 30px 0;
	}

	#home-wrap {
		padding: 0 0 2.4rem;
	}

	.one-fourth,
	.one-third,
	.one-half,
	.two-third,
	.three-fourth {
		width: 100% !important;
		margin-bottom: 20px;
	}

	.one-fourth,
	.one-third,
	.one-half,
	.two-third,
	.three-fourth {
		width: 100% !important;
		margin-bottom: 20px;
	}

	#options li {
		margin-bottom: 15px;
	}

	.portfolio_image img {
		max-width: none;
		width: 100% !important;
		height: inherit;
	}

	.latest_blog .flexslider .slides>li {
		width: 200px !important;
	}

	.carousel_item .element-2col,
	.carousel_item .element-3col,
	.carousel_item .element-4col {
		width: 200px !important;
		height: 100% !important;
	}

	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3,
	.footer-widgets-4 {
		padding: 0 20px;
		width: 100% !important;
	}

	.client_carousel img {
		width: 160px;
	}

	.flex-direction-nav li .flex-prev {
		-moz-transform: rotate(-180deg) scale(0.5) !important;
		-ms-transform: rotate(-180deg) scale(0.5) !important;
		-o-transform: rotate(-180deg) scale(0.5) !important;
		-webkit-transform: rotate(-180deg) scale(0.5) !important;
		transform: rotate(-180deg) scale(0.5) !important;
	}

	.element-4col,
	.gallery-4col {
		height: 243px !important;
		width: 100% !important;
	}

	.element-4col .icon h4 a,
	.gallery-4col .icon h4 a {
		margin-top: 120px;
	}

	.element-3col,
	.gallery-3col {
		height: 218px !important;
		width: 100% !important;
	}

	.element-3col .icon h4 a,
	.gallery-3col .icon h4 a {
		margin-top: 110px;
	}

	.element-2col,
	.gallery-2col {
		height: 287px !important;
		width: 100% !important;
	}

	.element-2col .icon h4 a,
	.gallery-2col .icon h4 a {
		margin-top: 135px;
	}

	.call_to_action_box {
		text-align: center;
	}

	.cta_button {
		float: none !important;
	}

	.call_to_action_box h1 {
		text-align: left;
	}

	.breadcrumb {
		width: 100%;
	}

	.entry {
		margin-bottom: 0;
	}

	.page-description h2 {
		line-height: 30px;
	}

	.comment-list li,
	.ping-list li {
		padding: 10px;
	}

	.comment-list li li {
		margin-right: 0;
	}
}

@media only screen and (max-width: 320px) {
	.wrap {
		margin: 0 auto;
		width: 100%;
	}

	.top .widget {
		text-align: left;
		float: right;
		padding-top: 10px;
		padding-left: 10px;
	}

	.call_to_action_box h1 {
		font-size: 22px;
		line-height: 26px;
	}

	.nav-primary {
		margin-bottom: 30px;
	}

	.breadcrumb {
		width: 100%;
		padding-left: 20px;
	}

	#page-title {
		padding: 20px;
	}

	.page_title_wrap {
		padding: 0;
	}

	.home .call_to_action_box {
		padding: 30px 0;
	}

	.call_to_action_box {
		padding: 30px;
		text-align: left;
	}

	.cta_button.button {
		display: block;
		margin: 0 0 20px;
		text-align: center;
		width: 100%;
	}

	.call_to_action_box h2 {
		font-size: 2rem;
	}

	#home-wrap {
		padding: 0 0 2.4rem;
	}

	.latest_blog .flexslider .slides>li {
		width: 270px !important;
	}

	.carousel_item .element-2col,
	.carousel_item .element-3col,
	.carousel_item .element-4col {
		width: 270px !important;
		height: 100% !important;
	}

	.top-left p.highlight,
	.top-right p.highlight {
		float: left;
	}

	.client_carousel img {
		width: 110px;
	}

	.element-4col,
	.gallery-4col {
		height: 145px !important;
		width: 96% !important;
	}

	.element-3col,
	.gallery-3col {
		height: 145px !important;
		width: 96% !important;
	}

	.element-2col,
	.gallery-2col {
		height: 173px !important;
		width: 96% !important;
	}

	.element-3col .icon h4 a,
	.gallery-3col .icon h4 a {
		margin-top: 60px;
	}

	.element-2col .icon h4 a,
	.gallery-2col .icon h4 a {
		margin-top: 75px;
	}

	.element-4col .icon h4 a,
	.gallery-4col .icon h4 a {
		margin-top: 60px;
	}

	.header-image .title-area,
	.header-image .title,
	.header-image .title a {
		background-size: 260px !important;
		background-position: center;
	}
}