/* Mobile CSS */

.nav-primary .select-menu{
	display: none;	
}

/* Responsive Design
------------------------------------------------------------ */


@media only screen and (max-width: 1169px) {
.home.zp_blog_page .site-inner .wrap {
	width: 100%;
}
}
@media only screen and (max-width: 1024px) {
	html {-webkit-text-size-adjust: none; }

	input, select, button {
    	-webkit-appearance: none;
	}
	.site-container {
		margin: 0 auto;
		padding: 0;
		width: 100%;
	}
	.site-inner .wrap{
		padding: 0;	
		width: 100%;
	}
	.site-inner {
		margin: -150px auto 0;
		width: 98%;
	}

	.wrap {
		margin: 0 auto;
		width: 100%;
	}
	.site-header{
		width: 100%;
		height: auto;
		margin: 0 auto;	
	}

	.top .wrap{
		width: 100%;	
	}
	#home-wrap, .site-inner .wrap, .site-header .wrap, .footer-widgets .wrap, .site-footer .wrap{
		width: 98%;	
	}
	#home_gallery, .page_title_wrap , .site-inner .wrap{
		width: 100%;
		margin: 0 auto;
	}

	.welcome_message, .home-widget .textwidget{
		width: 100%;	
	}
	.full-width-content .content{
		width: 100%;
		box-sizing: border-box;	
		-moz-box-sizing: border-box;	
		-webkit-box-sizing: border-box;	
	}
	.item-desc p {
		 margin: 0 auto 10px;
	}

	.sidebar {
		width: 30%;
	}
	.widget_search input{
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;	
	}
	.title_wrap{
		width: 100%;	
	}
	.portfolio_single_slider img, .portfolio_single_feature img{
		width: 100%;
	}
	.portfolio-items, .portfolio_single_video{
		width: 100%;	
	}
	.slider_shortcode{
		width: 100%;	
	}
	.page_title_wrap img {
    	height: 87px;
    	width: 100%;
	}
	#page-title{
		font-size: 3rem;
		right: 20px;	
	}

	.home-widget,#home-wrap {
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		padding: 20px;
		width: 100%;
	}

	.slides li{
	   background-position: center center;
	   background-attachment: scroll;
		background-repeat: no-repeat;
		background-size: 100%;
		padding: 0;
		position: relative;
	}
	.flickr_badge_image img	{
		height: auto;
		width: auto;	
	}	
	.slider_shortcode .slides > li .li-wrap{
		left: 0;
		bottom: 0;	
	}
	.homeslider .slides > li .li-wrap {
		width: 80%;
	}
	.homeslider .slides > li h3{
		margin-top: 30% !important;	
	}
	.header-image .site-header .title-area{
		width: 100% !important;
		margin-bottom: 20px;
		text-align: center;
	}
	.header-full-width .title-area, .header-full-width .site-title, .header-full-width .site-title a {
		overflow: hidden;
		text-align: center;
		width: 100% !important;
		margin-bottom: 30px;
	}	
	.nav-primary {
		display: block;
		clear: both;
	}
	.nav-primary ul {
		float: none;
		width: 100%;
		display: inline-block;
		text-align: center;
	}
	.nav-primary li {
		display: inline-block;
		float: none;
	}
	.nav-primary li a {
		display: inline-block;
		height: auto;
		line-height: 50px;
	}
	.nav-primary li ul{
		margin-left: -20px;	
	}
	.slider_shortcode{
		width: 100% !important;
		height: 300px !important;
	}
	.slider_shortcode .slides li{		
		height: 300px !important;	
	}
	.nav-primary li ul ul {
		margin: -40px 0 0 70px;
	}
	.zp_home .site-inner .wrap{
		width: 100%;
	}

}


@media only screen and (max-width: 768px) {
	html {-webkit-text-size-adjust: none; }
	
	input, select, button {
    	-webkit-appearance: none;
	}
	.site-container{
		width: 100%;
		margin: 0 auto;
	}
	iframe{
		height: auto;
	}
	.content-sidebar .content, .sidebar-content .content {
		padding: 20px;
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
	}
	#home-wrap, .site-inner .wrap, .site-header .wrap, .footer-widgets .wrap, .site-footer .wrap, .wrap, .site-header {
		margin: 0 auto;
		width: 100%;
	}
	.sidebar {
		width: 100%;
		padding: 20px;
	}	
	.widget_search input {
		width: auto;
	}
	.site-inner {
		margin: -150px auto 0;
		width: 98%;
	}
	.page_desc {
		padding: 20px;
		position: relative;
	}	
	#home-wrap, .wrap {
    	margin: 0 auto;
    	padding-left: 20px;
    	padding-right: 20px;
	}
	.site-inner .wrap {
		display: block;
		margin: 0 auto;
		width: 98%;
	}
	#home_gallery{
		height: auto;
	}
	.home-widget {
    	width: 100%;
	}
	.site-header .wrap {
		padding: 0 ;
	}
	.site-header{
		border-bottom: none;	

	}
	.site-inner .wrap{
		padding: 0;
	}
	#page-title{
		font-size: 3rem;
	}
	.title-area {
		position: relative;
	}
	.header-image .site-header .title-area {
		background-size: 100% auto;
		float: none;
		margin:0 auto 20px;
	}
	.title-area{
		margin-bottom: 30px;	
		margin-top: 30px;	
		text-align: center;
		width: 100%;
	}
	.nav-primary{
		float: left;
		margin: 10px 0;
		width: 100%;	
	}
	.full-width-content .content{
		padding: 20px;
	}
	.nav-primary ul	{
		float: left;		
	}
	.nav-primary li {
		padding: 0;
	}
	.nav-primary li a {
		padding: 0 15px;	
	}
	.nav-primary li a:after{
		right: -15px;
	}
	.nav-primary li li a, .nav-primary li li a:link, .nav-primary li li a:visited{
		width: 173px;	
	}
	.page_title_wrap img {
		height: 87px;
		width: 100%;
	}	
	.page_title_wrap{
		margin: 0 auto;	
	}
	
	.portfolio_single_feature .portfolio-items, .portfolio_single_video, .portfolio_single_slider, .slider_shortcode	{
		background: none;	
	}
	
	.slides li{
	   background-position: center center;
	   background-attachment: scroll;
		background-repeat: no-repeat;
		background-size: contain;
		padding: 0;
		position: relative;
	}
	#home_gallery,
	#slider .slides > li {
		max-height: 400px;
	}
	.homeslider .slides > li .li-wrap {
		width: 70%;
	}
	.slides > li h3{
		font-size: 28px;	
	}
	.slides > li .excerpt{
		font-size: 14px;	
	}
	.slides > li a{
		font-size: 16px;
		 width: 260px;
	}
	.portfolio_single_feature .portfolio-items, 
	.portfolio_single_video, 
	.portfolio_single_slider, .slider_shortcode		{
		margin-bottom: 0;
		padding-bottom: 0;
	}
	.portfolio_image img, .blog_feature_image img {
		margin: 0;	
	}
	.portfolio_single_feature{
		margin-bottom: 20px;	
	}
	.single_image_overlay{
		height: 100%;	
	}	
	.blog_feature_image{
		overflow: hidden;		
	}
	.flickr_badge_image img	{
		height: auto;
		width: auto;	
	}
	.slider_shortcode .slides > li .li-wrap{
		left: 0;
		bottom: 0;
		width: 80%;	
	}
	.slider_shortcode .slides > li h3{
		font-size: 28px;	
	}
	.slider_shortcode .slides > li .excerpt{
		font-size: 14px;	
	}
	.slider_shortcode .slides > li a{
		font-size: 16px;
		 width: 260px;
	}
	.portfolio_single_slider .slides li{
		height: auto;	
	}
	.footer-widgets{
		padding: 20px;	
	}
	.footer-widgets-1, .footer-widgets-2, .footer-widgets-3{
		padding: 0;
	}
	.site-footer .creds {
		float:none;
		text-align: center;
		margin-bottom: 20px;
		width: 100%;
	}
	.zp_social_icons ul{
		float: none;
		display: inline-block;
		text-align: center;
		width: 100%;
	}
	.zp_social_icons ul li{
		float: none !important;
		display: inline-block;	
	}

}


@media only screen and (max-width: 600px) {
	html {-webkit-text-size-adjust: none; }
	
	input, select, button {
    -webkit-appearance: none;
	}
	.top .wrap, .top .widget_text,.zp_social_icons{
		float: none;
		margin: 0 auto;
		width: 90%;	
	}

	#home-wrap, .site-inner .wrap, .site-header .wrap, .footer-widgets .wrap, .site-footer .wrap, .home-widget {
		width: 95%;
	}
	.title-area{
		position: relative;	
	}
	.page_title_wrap{
		height: 100px;	
	}
	#page-title{
		margin: 5px 0 0;	
	}

	.full-width-content .content, .content-sidebar .content, .sidebar-content .content {
		box-sizing: padding-box;
		-moz-box-sizing: padding-box;
		-webkit-box-sizing: padding-box;
		float: none;
		display: block;
		margin:20px auto;
		padding: 0;
		width: 90%;
	}
	nav {
		display: block;
		float: none;
		margin: 0 auto;
		overflow: hidden;
		width: 90%;
	}	
	.nav-primary .select-menu{
		display: block;	
	}	
	.nav-primary ul{
		display: none;	
	}

	#home_gallery,
	#slider .slides > li {
		max-height: 210px;
	}
	.flex-direction-nav li a{
		top: 32%;	
	}
	.welcome_message, #home_portfolio, #home_blog{		
		width: 100%;	
	}

	.slides > li .li-wrap{
		display: none;
	}	

	div.one-half, div.one-third, div.two-third, 
	div.one-fourth, div.three-fourth, .two-columns, .three-columns, .four-columns, .one-half, .one-third, .two-third, 
	.one-fourth, .three-fourth{ 
		width: 100%;
		margin: 0 0 20px; 
		padding: 0;
	}

	.footer-widgets-1, .footer-widgets-2, .footer-widgets-3, .footer-widgets-4{
		float: none;
		margin: 0 auto 30px;
		overflow: hidden;
		padding: 0;
		width: 100%;
	}
	
	#top-link{
		display: none;
	}
	.title_wrap{
		width: 100%;	
	}
	#page-title {
		font-size: 1.8rem;
		line-height: 20px;
		text-align: right;
	}

	.content .archive-page{
		width: 100%;	
	}

	.content{
		border-left: none;
		border-right: none;
	}
	.post_block {
		float: left;
		width: 100%;
	}
	.post_content {
		width: 100%;
	}
	.post_date {
		float: none;
		margin: 0 auto;
		width: 93%;
	}

	#slider_shortcode {
		height: 100%;
		width: 100%;
	}
	#slider_shortcode .slides li {
		background-repeat: no-repeat;
		background-size: 100% auto;
		height: 135px;
		margin: 0;
	}
	#slider_shortcode .flex-direction-nav li a{
		top: 30%;	
	}
	#options li{
		margin:10px 5px;	
	}

	#home_blog_carousel .element-3col{
		margin: 0 auto;
		width: 300px;
	}		
	.blog_feature_image span, .blog_feature_image img{
			width: 100%;
	}
	
	.flex-viewport {
	    width: 100%;
	}
	.portfolio-items, .portfolio_single_video{
		width: 100%;	
	}
	.single_portfolio_hover{
		display: none;	
	}
	.metaItem, .folio-entry{
		width: 100%;
		margin: 10px 0;	
	}
	.portfolio_single_video iframe {
    	height: auto;
	}
	.featuredpage img, .featuredpost img, img.post-image{
		width: 100%;
		height: auto;	
	}
	.footer-widgets span.post-date{
		width: 100%;	
	}
	.zp_grid_blog .content .post{
		width: 100%;	
	}
	.zp_grid_blog .content .post .post_block {
		float: left;
		width: 100%;
	}
	.zp_grid_blog .content .post .post_content {
		width: 100%;
	}
	.zp_grid_blog .content .post .post_date {
		float: none;
		margin: 0 auto;
		width: 93%;
	}
	.portfolio_single_slider img {
		width: 100%;
	}
	.related_container  img{
		width: 100%;	
	}
	.page_title_wrap img {
		height: 87px;
		width: 100%;
	}
	.home_blog_feature li{
		width: 100%;
		margin: 10px 0;
	}
	.cta_button,.call_to_action_box > h1 {
	    float: left;
		margin: 20px 0;
		width: 100%;
	}
	.portfolio_image img, .blog_feature_image img {
    	height: auto;
   		margin: 0;
   		width: 100%;
	}
	.flex-viewport .slides > li {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		overflow: hidden;
		padding: 0;
		position: relative;
	}
	.blog_feature_shortcode .element-2col,
	.blog_feature_shortcode .element-3col,
	.blog_feature_shortcode .element-4col{
		width: 100%;	
		margin: 10px 0;
	}
	.call_to_action_box > h1{
		font-size: 20px;	
	}
	.related_container{
    	margin: 0;
	}	
	.footer-widgets{
	    padding-bottom: 15px;
   		padding-left: 15px;
	    padding-right: 15px;
	}
	.sidebar{
		-moz-box-sizing: padding-box;
		display: block;
		float: none;
		margin: 0;
		overflow: hidden;
		padding: 0 15px;
		width: 100%;
	}
	.sidebar .widget{
		margin-left: 0;
		margin-right: 0;	
	}
	.blog_slides {
	    overflow: hidden;
    	padding: 0;
	}
	.entry-content .blog_slides{
		padding: 0;	
	}
	.flickr_badge_image img	{
		height: auto;
		width: auto;	
	}
	.post .content p, .entry-content, .entry-content p, .box-wrapper p, .home-portfolio-info p, .item_label p, .home-blog-info p, .home_blog_feature p, .folio-entry p, .author-box p, .taxonomy-description p, .columns-wrapper p, .trigger-button span, .author-description, .columns, .call_to_action_box > p{
		margin-top: 10px;
	}
	.post-info{
		margin-bottom: 0;	
	}	
	#author, #comment, #email, #url{
		width: 100%;	
		padding: 15px 0;
	}
	.home-widget:before, .home-widget:after, #home-wrap:before, #home-wrap:after	{
		background: none;
		box-shadow: none;	
	}
	.footer-widgets .wrap{
		padding-top: 0;
		width: 100%;
	}
	div.one-half.special-services-box,
	div.one-third.special-services-box,
	div.two-third.special-services-box,
	div.three-fourth.special-services-box,
	div.one-fourth.special-services-box,
	div.one-half.team, div.one-third.team,
	div.two-third.team,
	div.three-fourth.team,
	div.one-fourth.team{
		margin: 20px auto;	
	}		
}

@media only screen and (max-width: 480px) {
	.slider_shortcode {
		width: 100% !important;
		height: 170px !important;
	}
	.slider_shortcode .slides li {
		height: 170px !important;
	}
	.flex-direction-nav li .flex-next,
	.flex-direction-nav li .flex-prev {
		font-size: 30px;
		height: 36px;
		line-height: 35px;
		padding: 2px 15px;
		width: 36px;
	}
}

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

	
}