/* 320px (iPhone) */
@media screen and (max-width:320px) {
}
/* 480px (WVGA - Low End Windows Phone) */
@media screen and (max-width:480px) {
	.wrapper { background: #f3f5f8; height: 640px; }
	.iphone { display: none; }
	.fluid-white { display: none; }
	.wp2, .wp4, .wp5, .light-box { margin-bottom: 30px; }
	.legals { text-align: center; margin: 0; padding: 0; }
	.credit { text-align: center; }
}
/* xGA iPad */
@media screen and (max-width:1024px) {
	.wp3 { background-position: 50px 0; }
	.swag { background-attachment: scroll; }
	.subscribe { background-attachment: scroll; }
}
/* 1200px (Small Desktop, Netbook) */
@media screen and (max-width:1280px) {
	.wp3 { /*background-position: 0px 0;*/ }
}
/* Bootstrap 990px Breakpoint to 480px */
@media screen and (min-width:480px) and (max-width:991px) {
	.iphone { display: none; }
	.fluid-white { display: none; }
	.wrapper { background: #f3f5f8; height: 540px; }
	.wp2, .wp4, .wp5, .light-box { margin-bottom: 30px; }
	.legals { text-align: center; margin: 0; padding: 0; }
	.credit { text-align: center; }
}


/* #Media Queries
================================================== */

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


#logo {  height:auto}
.main {
	width: 748px;
}
#servicos h1:before {  
    width: 748px;  
} 
#empresa h1:before {  
    width: 748px;  
}  
#portfolio h1:before {  
    width: 748px;  
} 
#noticias h1:before {  
    width: 748px;  
}  
#team1{
	width: 172px;
	height: 172px;
}
#team2{
	width: 172px;
	height: 172px;
}
#team3{
	width: 172px;
	height: 172px;
}
#team4{
	width: 172px;
	height: 172px;
}
.container1 {
	width: 172px;
	height: 172px;
}
.center-home {
	/*display:none*/}
.card {
	width: 172px;
	height: 172px;
}
.empresa  .back {
	width: 172px;
	height: 172px;
}
.empresa  img {
	width: 172px;
	height: 172px;
}
.caption div{	
	font-size:18px;
	line-height:26px;
}
.progress-bar {
	height: 6px;
	padding-top: 20px;
	margin: 2px 0;	
}
.stripes span {
	-webkit-background-size: 30px 30px;
	-moz-background-size: 30px 30px;
	background-size: 30px 30px;	
}
.center{ 
	height:30px;
}
.list-social-team li { 
	width: 28px;
}

.list-social-team li.icon-soc-team a {
	font-size: 20px;
	line-height: 30px; 
}
	.portfolio li { 
		width:25%;		
	}
.project1{
	width: 236px;
	height:158px;
}
	#navigation {
		margin-top:50px;
	
	}
}

@media only screen and (min-width: 480px) and (max-width: 867px) {
.main {
	width: 420px;
}
#logo {   max-width:300px; 
height: auto; }

.center-home{ 
	margin-top:-60px;
}	

#servicos h1:before {  
    width: 420px;
	left:0;	
} 
#empresa h1:before {  
    width: 420px;
	left:0;  
}  
#portfolio h1:before {  
    width: 420px;  
} 
#noticias h1:before {  
    width: 420px;  
} 

	.portfolio li { 
		width:50%;		
	}
#filter li {
	width:50%;
}
.text-home{
	font-size:36px;
	line-height:46px;
	/*margin-top:-130px;*/
}
#rotator{
	/*margin-top:-26px;*/
}
	#navigation {
		margin-top:50px;
	
	}

.center-home {
	/*display:none*/}
#rotator p{
	font-size:18px;
	line-height:26px;
}
.center-home{ 
	/*margin-top:-60px;*/
	  bottom: 125px;
}			
.backgr{
	width: 310px;
	/*height:160px;*/
	height: 300px;
	margin-left:-155px;
	margin-top:-145px;
}
.ca-menu{
    width: 314px;
	/*height:150px;*/
	margin-left:-157px;
	margin-top:18px;
}
.ca-menu li{
    width: 58px;
    height: 58px;
}
.ca-icon{
    font-size: 20px;
    line-height: 30px;
}

.socialtopo{
	display:none
}

.icons {	height:50%;
	width:auto}
	
.ca-menu li:hover .ca-icon{
    font-size: 28px;
}
.ca-main{
    font-size: 10px;
	line-height:30px;
}
.project1{
	width: 420px;
	height:280px;
}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
.main {
	width: 300px;
}
#servicos h1:before {  
    width: 300px;
	left:0;	
} 
#empresa h1:before {  
    width: 300px;
	left:0;  
}  
.center-home {
	/*display:none*/}
#portfolio h1:before {  
    width: 300px; 
	left:0; 
} 
#noticias h1:before {  
    width: 300px; 
	left:0; 
} 
	.portfolio li { 
		width:100%;		
	}

#portfolio h3{
	 font-size: 26px;
	 line-height: 30px;
}
#filter li {
	width:100%;
}	
.text-home{
	font-size:36px;
	line-height:46px;
	/*margin-top:-130px;*/
}
#rotator{
	/*margin-top:-86px;*/
}
#rotator p{
	font-size:18px;
	line-height:26px;
}
.center-home{ 
	/*margin-top:-60px;*/
	   bottom: 125px;
}			
.backgr{
	width: 310px;
	/*height:160px;*/
		height: 300px;
	margin-left:-155px;
	margin-top:-145px;
}
.ca-menu{
    width: 314px;
	/*height:150px;*/
	margin-left:-157px;
	margin-top:18px;
}
.ca-menu li{
    width: 58px;
    height: 58px;
}
.ca-icon{
    font-size: 20px;
    line-height: 30px;

}
#logo { max-width:200px; height:auto}
.socialtopo{
	display:none
}

.icons {	height:50%;
	width:auto}
.ca-menu li:hover .ca-icon{
    font-size: 28px;
}
.ca-main{
    font-size: 10px;
	line-height:30px;
}
.project1{
	width: 300px;
	height:200px;
}	
}

@media only screen and (max-width: 319px) {
.main {
	width: 220px;
}
.center-home {
	display:none}
#servicos h1:before {  
    width: 220px;
	left:0;	
} 
#empresa h1:before {  
    width: 220px;
	left:0;  
}  
#portfolio h1:before {  
    width: 220px; 
	left:0; 
} 
#noticias h1:before {  
    width: 220px; 
	left:0; 
}  
.project a .pro-title h6{
	font-size: 26px;
}
.project a .pro-image img{
	width: 200px;
	height:200px;
}
	.portfolio li { 
		width:100%;		
	}
#portfolio h3{
	 font-size: 18px;
	 line-height: 24px;
}
#filter li {
	width:100%;
}	
.text-home{
	font-size:36px;
	line-height:46px;
	margin-top:-130px;
}
#rotator{
	margin-top:-86px;
}
#rotator p{
	font-size:18px;
	line-height:26px;
}
.center-home{ 
	margin-top:-60px;
}			
.backgr{
	width: 310px;
	height:160px;
	margin-left:-155px;
	margin-top:-145px;
}
.ca-menu{
    width: 314px;
	/*height:150px;*/
	margin-left:-157px;
	margin-top:18px;
}
.ca-menu li{
    width: 58px;
    height: 58px;
}
.ca-icon{
    font-size: 20px;
    line-height: 30px;
}
#logo { width:80%; height:auto}

.socialtopo{
	display:none
}

.icons {	height:50%;
	width:auto}
	
	
.ca-menu li:hover .ca-icon{
    font-size: 28px;
}
.ca-main{
    font-size: 10px;
	line-height:30px;
}
.project1{
	width: 220px;
	height:147px;
}
}


.formcontacto {
	width:20px; padding-bottom:0px; background-image:none;
	font-size:13px}


.textos2 {
	font-size:15px;
	color:#333}
	
	.textos3 {
	font-size:14px;
	color:#333}
	
		.textos5 {
	font-size:14px;
	color:#C00
}


@media only screen and (max-height: 550px) {

#logo {   max-width:200px; 
height: auto; }
}