/******************************************  
* Media Queries (Responsive Design)
*******************************************/

/*
WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use
the custom.css file to add your styles. You can copy a style from this file and paste it in
custom.css and it will override the style in this file.

*/
 

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

	#content { width: 92%; padding:40px 4%; }
	#heading #heading_wrap { width: 100%; }
	#portfolio-slider { width: 100%; }
	.single-portfolio .post_content { width: 100%; }
	#portfolio #portfolio-items { width: 100%; }

	.aside {width: 27%; }
	#portfolio-slider img { max-width: 100%; height: auto; }

	.single-portfolio .entry { width: 70%; }

	#slider { width: 100%; }

 	.slides li .image { width:50%; }
 	.slides li .image img { max-width:100%; height: auto; }
	.slides li .content { width:48%; margin-left:2%;  }
	.slides li .content h3 { width:60%;  }

	#slider .flex-direction-nav {  right: 0; top: 0; }

	#recentposts > ul { margin-left: -3%; }
	#recentposts > ul li { width: 30%; margin: 0 0 30px 3%; }
	#recentposts > ul li .post-thumb img { max-width: 100%; height: auto; }

	#heading #portfolio-tags,
	#portfolio-home #heading #portfolio-tags { display: block; float:left; text-align: left; margin:15px 0 0; width: 100%;}
 
	#portfolio { width: 92%; margin:4%; }
	#portfolio-home #portfolio { width: 100%; margin:2% 0; }

    #comments .commentlist li #respond input { width:94%; }
	#comments .commentlist li #respond textarea { width: 94%; }
	#comments .commentlist li #respond p.form-submit input { width: auto; }

}


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

	#portfolio #portfolio-items li img { max-width:100%; width:100%; height:auto; }

	#header { padding-top: 30px; }
	#logo { margin-bottom: 30px; }

	.post_content { width: 100%; }
	.single-post #content { width: 92%; margin:0 4% 4% 0; }
	.posts .post-thumb img,
	.single-post #heading .post-thumb img { max-width: 100%; height: auto; }

}

@media screen and (max-width: 960px) {
 
	.slides li .image { width:100%; }
	.slides li .content { width:100%; margin-left:0; margin-top:2%; }
	.slides li .content h3 { width:80%;  }

	#slider .flex-direction-nav {  right: 0; top:66%; }

	#recentposts > ul li h2 { font-size: 16px; }
}


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

	#slider .flex-direction-nav {  right: 0; top:66%; }
	
	#header { position: relative; width: 97%; padding: 15px 0 15px 3%; }
	#footer { display: none; }
	#main { margin:0;}
	#logo { margin-bottom: 20px; }

  	.btn_menu {position: absolute; top:10px; right: 10px; display: block; background: url("images/menu.png") no-repeat; width: 39px; height: 40px; margin: 10px 10px 10px 0; }

 	.mobile-menu  { display: none; }

	#header * {
		-moz-transition-duration: 0;
		-webkit-transition-duration: 0;
		transition-duration: 0;
	}

}


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

	#heading {padding: 3%; }
	#heading h2,
	#recentposts h2.section_title { font-size: 20px; margin-top: 15px; }

	#slider { margin-top:20px; }

	#content { padding: 3%; }

	#recentposts > ul { margin-left: 0; }
	#recentposts > ul li { width: 100%; margin: 0 0 30px 0; }

 	.aside {width: 100%; margin:0 0 30px; position: relative;}
 
	.single-portfolio .entry { width: 100%; }
 
    #respond .form_fields { width:97%; margin:0; }
    #respond input, #respond textarea { width: 97%; }
    #respond .comment-form-comment {width:99%; }
    #respond .form_fields input { width:98%; }
    .children #respond { margin-right:0; }
    #respond .form_fields p .required_lab { display: none; }

	#header { position: relative; width: 94%; padding: 2% 3%; }
	#logo { margin: 0 0 3%; }
	#main { margin-left:0; }
 	
	#slider .flex-direction-nav {  right: 0; top:40%; }

	#footer { display: none; }

}