/*
* Responsive layout for Patti 
*/

/* Table of Contents
==================================================

    #Mobile - 240px
    #Mobile - 320px	
    #Mobile - 480px	
	#Tablet - 768px	
	*/


/* #Mobile - 240px
================================================== */

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

	html #wrapper {
		width:240px;
		margin:0 auto;
	}	


    html .dt-service-hover {
        top: -60px;
        left: 0;
        right: 0;
        bottom: -60px;
    }	

	.centered-wrapper {
		width:240px;
		padding:0 15px;
	}	

	.wpb_row.in_container {
		width: 240px;
		margin: -15px auto;
		margin-top: 0;
		margin-bottom: 0;
	}

	.page-template-template-homepage-php .wpb_row .vc_span12 .wpb_row, .page-template-template-blog-php .wpb_row .vc_span12 .wpb_row, .single-templatera .wpb_row .vc_span12 .wpb_row, .single-portfolio .fullwidth-wrapper .wpb_row .vc_span12 .wpb_row {
		width: 240px;
		margin:0 auto;
	}	
	
	.page-template-template-homepage-php .wpb_row .vc_col-sm-12 .wpb_row, .page-template-template-blog-php .wpb_row .vc_col-sm-12 .wpb_row, .single-templatera .wpb_row .vc_col-sm-12 .wpb_row, .single-portfolio .fullwidth-wrapper .wpb_row .vc_col-sm-12 .wpb_row {
		width: 240px;
		margin:0 auto;
	}	

	.wpb_row.in_container {
		width: 240px;
	}	

	.tparrows {
		display:none;
	}
	
	.tp-bullets {
		display:none;
	}

	#flickr li {
		margin: 0 10px 9px 0;
	}

	ul#social {
		float: none;
		text-align: center;
		margin-bottom:30px;
	}

	ul#social li {
		display: inline-block;
	}

	h1 {
		font-size:24px;
		line-height:30px;
		margin-bottom:13px;	
	}

	h2 {
		font-size:18px;
		line-height:24px;	
		margin-bottom:20px;	
	}

	h3 {
		font-size:16px;
		line-height:22px;
	}

	h4 {
		font-size:12px;
		line-height:20px;
	}

	.space {
		height:40px;
	}

	blockquote {
		margin: 10px 20px;
		padding: 0 0 5px 10px;
	}
	
	.portfolio li.item-wide h1 {
		font-size:20px;
		line-height:28px;
	}
	
	.portfolio li.item-long h1 {
		font-size:14px;
	}

	div.jp-audio div.jp-type-single div.jp-progress, div.jp-duration {
		display:none;
	}
	
	.author-bio {
		padding:15px;
	}

	.authorp {
		width:100%;
	
		margin-top: 10px;
}

	.authorp h2 {
		font-size:14px;
	}

	.author-bio img {
		margin: 0 15px 0 0;
	}
	
	.commentwrap {
		margin: 0 0 0 80px; 
	}

	.avatar img {
		width