/* WIDE DESKTOP LAYOUT 
----------------------------------------------- */

@media only screen and (min-width: 1281px) {

/* nav { background-color:#eae  } */



} /* CLOSE WIDE LAYOUT */

@media only screen and (min-width: 1024px) and (max-width:1280px) {

/* nav { background-color:#f00  } */

	section .content
	{
		width: 1000px;
	}
	
	#macontainer
	{
		margin: 0 auto;
		width: 96%;
		/* width: 960px; */
	}
	
	.collaborations_wrap
	{
		width: 930px;
	}
	
	.collaborations li
	{
		width: 300px;
	}
	
	.collaborations_img
	{
		width:300px; height:200px;
	}
	
	.collaborations_label
	{
		width:298px; height: 90px
	}
	
	.slideshow_wrap
	{
		width: 980px;
	}
	
	.collaborations_label hgroup
	{
		margin-top:20px;
	}


} /* CLOSE WIDE LAYOUT */

/* TABLET LAYOUT 
----------------------------------------------- */

@media only screen and (min-width: 768px) and (max-width: 1023px) {
	
	section .content
	{
		width: 750px;
	}
	
	#filters
	{
		width: 600px;
	}
	
	#macontainer
	{
		margin: 0 auto;
		/* width: 650px; */
		width: 86%;
	}
	
	.sociais
	{
		width: 700px;
	}
	
	.about_texta
	{
		width: 700px;
	}
	
	.about_texta .col
	{
		width: 232px;
	}
	
	.collaborations_wrap
	{
		width: 715px;
	}
	
	.collaborations li
	{
		width: 350px;
	}
	
	.collaborations_img
	{
		width:350px; height:233px;
	}
	
	.collaborations_label
	{
		width:348px; height: 90px
	}
	
	.slideshow_wrap
	{
		width: 740px;
	}
	
	.flexslider .slides li
	{
		/* height: auto; */
	}
	
	.collaborations_label hgroup
	{
		margin-top:20px;
	}
	
	.blog img
	{
		max-width: 740px;
	}
	
	nav
	{
		font-size: 11px;
		line-height: 23px;
	}
	
	nav ul#menu
	{
		margin-top: 8px;
	}
	
	nav ul#menu li.sep
	{
		width: 15px;
	}
	
	.proj_other_title_wrap
	{
		width: 75%;
	}

} /* CLOSE TABLET LAYOUT */



/* MOBILE LAYOUT (PORTRAIT/320PX) 
----------------------------------------------- */

@media only screen and (max-width: 767px) {
	
	/*
body
	{
		background-color: fuchsia
	}
*/
	
	section .content
	{
		width: 90%;
	}
	
	#filters
	{
		width: 90%;
	}
	
	#macontainer
	{
		margin: 0 auto;
		width: 90%;
	}
	
	#macontainer li
	{
		width: 90%;
	}
	
	#macontainer li img
	{
		max-width: 100%;
		width: auto\9;
		height: auto;
	}
	
	.sociais
	{
		width: 90%;
		font-size: 11px;
		line-height: 18px;
		padding-top: 8px;
		padding-bottom: 8px;
	}
	
	.about
	{
		font-size: 11px;
	}
	
	.about_texta
	{
		width: 90%;
	}
	
	.about_texta .col
	{
		width: 50%;
	}
	
	.about h2 {
	    font-size: 18px;
	    line-height: 23px;
	}
	
	.collaborations_wrap
	{
		width: 90%;
		margin-left: 0 auto;
		margin-left: 3%;
	}
	
	.collaborations li
	{
		width: 100%;
	}
	
	.collaborations_img
	{
		width:101%; height: auto;
	}
	
	.collaborations_label
	{
		width:100%; height: 40px
	}
	
	.collaborations_label hgroup
	{
		margin-top:5px;padding-left:5px;padding-right:5px;
	}
	
	.collaborations_label hgroup h2
	{
		font-size: 11px;
	}
	
	.collaborations_label hgroup h3
	{
		font-size: 9px;
	}
	
	.slideshow_wrap
	{
		width: 90%;
	}
	
	.blog img
	{
		max-width: 90%;
	}

	nav ul#menu
	{
		display: none;
	}
	
	nav ul#menu_mobile
	{
		display: block;
	}
	
	.professional h2
	{
		font-size: 12px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.proj_other_title_wrap
	{
		width: 85%;
	}

} /* CLOSE MOBILE LAYOUT */


/* WIDE MOBILE LAYOUT (LANDSCAPE/480PX) 
----------------------------------------------- */

@media only screen and (min-width: 480px) and (max-width: 767px) {
		
	/*
body
	{
		background-color: aqua;
	}
*/

	section .content
	{
		width: 90%;
	}
	
	#filters
	{
		width: 90%;
	}
	
	#macontainer
	{
		margin: 0 auto;
		width: 95%;
	}
	
	#macontainer li
	{
		width: 44%;
	}
	
	#macontainer li img
	{
		max-width: 100%;
		width: auto\9;
		height: auto;
	}
	
	.about_texta
	{
		width: 90%;
	}
	
	.about_texta .col
	{
		width: 50%;
	}
	
	.collaborations_wrap
	{
		width: 100%;
	}
	
	.collaborations
	{
		margin-left: -35px;
	}
	
	.collaborations li
	{
		width: 46%;
	}
	
	.collaborations_img
	{
		width:101%; height: auto;
	}
	
	.collaborations_label
	{
		width:100%; height: 40px
	}
	
	.collaborations_label hgroup
	{
		margin-top:5px;padding-left:5px;padding-right:5px;
	}
	
	.collaborations_label hgroup h2
	{
		font-size: 11px;
	}
	
	.collaborations_label hgroup h3
	{
		font-size: 9px;
	}
	
	.slideshow_wrap
	{
		width: 90%;
	}
	
	.blog img
	{
		max-width: 90%;
	}
	

	
	
} /* CLOSE WIDE MOBILE LAYOUT */