@media (max-width:990px){
    .img-par{
        display:none;
    }
}


@media (min-width:1024px) and (max-width: 1199px){
    blockquote.blockquote{
        font-size:22px;
    }
    .flex-square-list li div a p{
        font-size:14px;
        line-height:18px;
        padding:14px 5px 6px
    }
}

@media (min-width:981px){
    .img_background_small{
    display:none;
    visibility: hidden;
    }
   
}




/* #### .MD #### */

@media (max-width: 991px){
  #myCarousel img {
    height: 285px;
  }
}

@media (max-width:980px){
    .img_background_small{
    display:block;
    margin-bottom: 25px;
    }
    
    .img_background_small img{
    width:100%;
    height:auto;
    
    }
    
    .img_background{
        display:none;
        visibility: hidden;
    }
   
}


@media (min-width: 992px) and (max-width:1023px) {
/*    .work-with-us .panel.panel-default .panel-body{
        height:275px;
    }*/
    .flex-square-list li div a p{
        font-size:14px;
        line-height:18px;
        padding:14px 5px 6px
    }
    .card .hover .thumb p.details{
        font-size:18px;
        line-height:22px;
    }
    blockquote.blockquote{
        margin:0;
        
        font-size:22px;
    }
}

@media (min-width:900px){
    .carousel-caption h2, .carousel-caption p{
        font-size:30px
    }
}



/* #### .SM #### */
@media (min-width: 768px) and (max-width: 991px) {
/*    .work-with-us .panel.panel-default .panel-body{
        height:300px;
    }*/
    .modal-candidature .modal-dialog{
        max-width:500px;
    }
    .border-wrapper{
        width:84%;
        border-bottom:0 none;
        font-size:15px;
    }
    
    .flex-square-list li div a p{
        font-size:14px;
        line-height:18px;
    }
    blockquote.blockquote{
        margin:0;
        font-size:22px;
    }
    section#customers {
        
        background: #fff;
    }
    .card{
        height:310px;
    }
    .card .hover .thumb p.details{
        font-size:14px;
        line-height:20px;
    }
    .card .hover .thumb h2{
        font-size:20px;
        line-height:24px;
    }
    .flex-square-list{
        flex-wrap:wrap;
        border:0 none;
    }
    .flex-square-list li div a p strong:after{
        top:5px;
    }
/*    .flex-square-list li div a p strong {
        font-size: 16px;
        padding-bottom: 7px;
    }*/
    .flex-square-list li{
        flex:0 1 33.32%;
        
    }
    .flex-square-list li:before{
        padding-top:50%;
    }
    .flex-square-list li:last-child{
        margin-left:33.32%;
    }
    .navbar-default .navbar-nav:not(.lang-picker) > li > a{
        padding-left:12px;
        padding-right:12px;
    }
    section[id*=rowSection] .rowSection-content > h2{
        font-size:28px;
        left:15px;
/*        top:-85px;*/
        top:-100px;
        width:calc(100% - 30px);
        text-align:left;
    }
    .main-top > img{
        float:right;max-width:60%;
    }
    .anchor-nav ul li{
        padding:0;
    }
    .anchor-nav ul li{
        padding:0;
    }
    .anchor-nav .nav > li > a{
        padding-left:8px;
        padding-right:8px;
        font-size:16px;
    }
    #rowSection-servizi-finanziari .rowSection-title,
    #rowSection-automotive .rowSection-title,
    #rowSection-retail .rowSection-title,
    #rowSection-industria .rowSection-title,
    #rowSection-telecomunicazioni .rowSection-title,
    #rowSection-information-technology .rowSection-title,
    #rowSection-progetti-europei .rowSection-title{
        background-attachment:scroll;
    }
    .logo-list{
        float:none;
        width:100%;
    }
    .logo-list li img[alt*="Intesa"]{
        max-width:255px;
    }
    .logo-list li img[alt*="Buzzetti"]{
        max-width:215px;
    }
}

/* #### .XS #### */
@media (max-width: 767px) {
    div#portfolio-intro-div {
        padding-top: 15px;
    }
    
    body{
        text-align:justify;
    }
    .item-service .project-visual{
        margin:20px auto 0;
    }
    .navbar-default .navbar-toggle,
    .navbar-default .navbar-toggle:focus, 
    .navbar-default .navbar-toggle:hover
    {
        /*background-color:transparent;*/
        border:0 none;
    }
    .anchor-nav{
        display:none;
    }
    .navbar-default .navbar-toggle .icon-bar{
        background-color:#fff;
    }
    section[id*=rowSection] .rowSection-content{
        margin-top:0;
    }
    section[id*=rowSection] .rowSection-content > h2{
        font-size:20px;
        left:15px;
/*        top:-85px;*/
        top:-62px;
        width:calc(100% - 30px);
        text-align:left;
    }
    section[id*=rowSection] h1, section[id*=rowSection] h2{
        font-size:30px;
        text-align:left;
    }
    blockquote.blockquote {
        text-align:center;
        margin: 0 0 20px;
        line-height:30px;    
    }
    .logo-list{
        float:none;
        display:block;
        margin:0 auto;
        padding-top:15px;
    }
    .logo-list li{
        margin-bottom:15px;
    }
    .jumbotron{
        text-align:left;
    }
    .border-wrapper{
        border:0 none;
    }
    .navbar-default .navbar-nav:not(.lang-picker) > li > a{
        text-align:center;
    }
    .nav.lang-picker{
        text-align:center;
    }
    .nav.lang-picker > li{
        display:inline-block;
        
    }
    .navbar-default .navbar-nav:not(.lang-picker) > li > a:hover::after{
        border:0 none;
    }
    .nav.lang-picker > li > a > img{
        width:32px;
        height:auto;
    }
    .flex-square-list{
        display:block;
    }
    .flex-square-list li{
        display:block;
    }
    .flex-square-list li div a{
        position:relative;
        display:block;
    }
    .flex-square-list li div a p{
        display:block;
    }
    .card{
        height:240px;
        border-bottom:1px solid #fff;
    }
    #about .card:last-child(){
        border-bottom:0 none;
    }
    .card .hover .thumb h2{
        font-size:16px;
        line-height:24px;
    }
    .card .hover .thumb p.details{
        font-size:16px;
        line-height:20px;
    }
    .work-with-us .panel.panel-default .panel-body{
/*        height:400px;*/
        word-wrap:break-word;
/*           padding-bottom:50px;*/
    }
    
    #main-navbar{
        background-color:#007cc1;
        border:0 none;
    }
    #main-navbar a{
        color:#fff;
    }
    
    header nav.navbar-default{
        padding-bottom:20px;
        border:0 none;
    }
    .panel-default>.panel-heading{
        border:0 none;
        outline:0;
        box-shadow:none;
    }
    .first-title{
        text-align:left;
        line-height:15px;
        font-size:16px;
    }
    .sub-title{
        font-size:12px;
    }
    .modal-candidature .modal-dialog{
        max-width:500px;
    }
    .modal-dialog{
        margin:10px auto;
    }
    .navbar-default .navbar-nav:not(.lang-picker) > li > a:after{
        display:none;
    }
    .anchor-nav ul{
        display:block;
    }
    .anchor-nav ul li{
        display:block;
        width:100%;
        text-align:center;
    }
    
    #rowSection-servizi-finanziari .rowSection-title,
    #rowSection-automotive .rowSection-title,
    #rowSection-retail .rowSection-title,
    #rowSection-industria .rowSection-title,
    #rowSection-telecomunicazioni .rowSection-title,
    #rowSection-progetti-europei .rowSection-title,
    #rowSection-information-technology .rowSection-title
    {
/*        height:auto;*/
        height:1px;
        padding:8px 0;
        background:transparent;
    }
    
    #customers ul li,
    #partners ul li,
    #customers ul li:nth-child(1),
    #customers ul li:nth-child(2),
    #customers ul li:nth-child(3),
    #customers ul li:nth-child(4)
    {
        max-width: 40%;
        max-height:80px;
        margin-bottom:20px;
        max-height:100%;
    }
    #customers ul li:nth-last-child(1):nth-child(odd), 
    #partners ul li:nth-last-child(1):nth-child(odd){
        margin:0 auto;
    }
    
    .head-ico{
        display:none;
    }
    
    
    .article-2col{
        display: flex;
        flex-direction: column;
    }
    .article-2col > div[class*=col]:nth-child(1){
        order:2;
    }
    .border-wrapper{
        float:none;
        margin: 0 auto;
        display: block;
    }
    section#customers {
        margin-top: -250px;
        background: #fff;
    }
    .custom-modal .custom-input{
        width:100%;
        min-width:0;
        font-size:12px;
    }
    .custom-modal .form-group p{
        font-size:16px;
    }
    .custom-modal .custom-text{
        min-width:0;
        width:100%;
        font-size:12px;
    }
    .custom-modal input[type=file]{
        font-size:12px;
    }
    section[id*=rowSection]:nth-child(odd) h1{
        text-align:left;
    }
    .tagcloud li{
        font-size:14px;
    }
    section[id*=rowSection]:nth-child(odd) h1{
        text-align:left;
    }
}
/* #### .XS (landscape)#### */
@media (max-width: 767px) and (max-height:739px) and (orientation:landscape) {
    .card .hover .thumb p.details{
        font-size:17px;
        line-height:22px;
        width:60%;
        margin:0 auto;
    }
    section#customers {
        margin-top: -450px;
/*        background: red;*/
    }
    .main-top > img.hidden-xs{
        float:right;max-width:60%;
    }
    blockquote.blockquote{
        margin:0 auto;
        
    }
}
/* #### .XS (minitablet portrait)#### */
@media (max-width: 767px) and (min-height:740px) and (orientation:portrait){
    .card .hover .thumb p.details{
        font-size:22px;
        line-height:28px;
    }
    section#customers {
        margin-top: -450px;
/*        background: purple;*/
    }
    section[id*=rowSection] .rowSection-content > h2{
        font-size:20px;
        left:15px;
/*        top:-85px;*/
        top:-52px;
        width:calc(100% - 30px);
        text-align:left;
    }
    blockquote.blockquote{
        margin:0 auto;

    }
    .main-top > img.hidden-xs{
        float:right;max-width:60%;
    }
}

/*MODIFICA PAGINA LAVORA CON NOI DIMENSIONE MINIMA CORPO OFFERTE X DESKTOP*/

@media (min-width:999px){
    #off_blk{
       min-height: 300px;
    }   
    
}