
/* -----------------------------------
IPAD PORTRAIT
------------------------------------ */

@media only screen and (max-width: 1000px) {
    
     #content,#header, #footer,#footer,#footer-credits,#Header{    
        width: 96%;   
        margin:0px 2%;     
    }
     
    .imgresponsive
    {
        width:100%;
    }
    .logo {
        padding:50px 2% 2%;
    }
}

@media only screen and (max-width: 800px)
{
   
    .top
    {
        top:0px;
        position:absolute;
        right:1%;   
    }
    
.box.news {
    margin: -80px 10% 20px;
    width: 76%;
}
   .menuresponsive{
		display:block;
		float:left;		
		padding:5px 1%;
        margin:5px 0;
        background:#fff;
        width:98%;
	}
	.menuresponsive img{float:left;margin-left:0px;}
	.menuresponsive span{
		color: #404041;
		font-family: 'Open Sans';
		font-size: 18px;
        text-transform:uppercase;
		font-weight: 600;
		letter-spacing: 0px;
		float:left;
		margin-left:4px;
	}

	ul.menu{display:none;width:100%;padding:0px; background-color:#fff; border:none; margin:0px;}
	ul.menu > li{
	text-align:left;
	float:left;
	width:100%;
	padding:5px 0px;
	border-top:1px solid #404041;
    background-color:#fff;
    height:auto;
	}
ul.menu li ul{
	display:none; 
	top:auto; 
	float:left;	
	z-index:906;
	position:relative;  
	padding:5px 1%;
	left:auto;
    width:98%;
    text-align:left;
}


ul.menu > li > a{
	float:left;
	padding:0px 5px;
    color: #11100e;
    line-height:30px;border-bottom:none;
    background:none;
    width:auto;
	}
ul.menu ul li{
	padding:2px 5px;	
      
	}
#content-wrapper {
    margin-top: 20px;
    overflow: hidden;
    padding-bottom: 90px;
    position: relative;
    z-index: 99999;
}


    .box.blackBox {
        width:96%;
    }
    .box.borderBox {
        width:95%;
    }
     .portfolio .label {
	
		bottom:0px!important;
	}
 
    .prima-riga
    {
        font-size:22px;
    }
   .seconda-riga
    {
        font-size:18px;
    }
    .ultimi-lavori {
    margin-top: 0px;
}
}


@media only screen and (max-width: 675px)
{
    #content-wrapper
    {
        padding-bottom:20px;
    }
    #footer-wrapper
    {
        position:relative;
        height:auto;
        padding:15px 0px 10px;
    }
    .box,#areaClienti,#blocco-newsletter,.ultime-blog
    {
        width:100%;
    }
    .newsfiscali
    {
        width:96%;
    }
    .prima-riga
    {
        font-size:16px!important;
    }
   .seconda-riga
    {
        font-size:14px!important;
    }
  
    .paginainterna .area-clienti {
    width: 100%;
}
   
}

@media only screen and (max-width: 550px)
{
 .boxcampoform{
    width: 100%!important;
	}

  
.box.news {
    margin: 20px 0% 20px;
    width: 96%;
}
    .item-portfolio {
    
    width: 49%;
    margin-bottom:10px;
}
    .box-lavori-home
    {
        width:100%;
    }
    .page-laterale
    {
        display:none
    }
     .nivo-caption,.nivo-directionNav
    {
        display:none!important;
    }
    .logo-footer
    {
        width:100%;
        border:none;
    }#footer .vcard {
  float: none;
  clear:both;
}#footer .imglogo {
display:none;
}
    .paginainterna,.page-laterale
{
    width:96%; 
    margin:0;
    padding:0 2%;

}

    .newsfiscali .item-news {
  
  width: 98%;
}
    .box-lavori-home
    {
        width:100%;
        height:auto;
        margin-bottom:10px;
    }
.input-search, .input-search-blog, .inputsearch, .inputsearchblog {  
  font-size: 12px;
  padding: 3px 5px;
  width: 75%;
}
.item-news {
    border-right: none;
    
 
}
.item-news p{
   
    text-align:left;
}
.item-news p .dataintera, .item-news p .space{
   
    display: inline;
}
}
@media only screen and (max-width: 500px) {
    
  .item-news .title {
  float: left;
 
} .item-portfolio {
    
    width: 100%;
    
    margin:0 0 10px  0;
}
   .logo h1 a {
   
    font-size: 27px;
}
}

@media only screen and (max-width: 320px) {
    .search
    {
        display:none;
    }
    
     #top-wrapper
    {
        display:none;
    }.logo h1 {
}
}