/* ================================================== */
/* Media Query */
/* ================================================== */

@media screen and (max-width: 1920px){
    .logos-desktop{
        display: block;
    }
    .client-logos{
        display: none;
    }
}
@media screen and (max-width: 1600px){
 .portfolio-thumbnails .productCon .mask{
  padding: 35px 15px 0;
 }
}
@media screen and (max-width: 1500px){
    .de-video-content{
        margin-top: 250px;
    }
    .showreel-video iframe{
        width: 700px;
        height: 400px; 
    }
    .grid{
        padding: 0px 20px 0px 20px;
    }
    .grid li{
        width: 360px;
    }
    .spacer-our-approach{
        height: 20px;
    }
    .cs-style-4 figcaption {
        width: 60%;
    }
    .bloglist .post-text{
        height: 300px;
    }
    .no-touch .cs-style-2 figure:hover img,
    .cs-style-2 figure.cs-hover img {
     -webkit-transform: translateY(-120px);
     -moz-transform: translateY(-120px);
     -ms-transform: translateY(-120px);
     transform: translateY(-120px);
    }
    footer{
      margin-top: 30px;
    }
}
@media screen and (max-width: 1400px){
    .portfolio-thumbnails .productCon .mask{
        padding: 40px 15px 0;
    }
}
@media screen and (max-width: 1280px){

    .portfolio-thumbnails .productCon a.info i{
        font-size: 60px;
    }

}
@media screen and (max-width: 1200px){
 .portfolio-thumbnails .productCon a.info i{
    font-size: 50px;
 }
    .showreel-video iframe{
        width: 600px;
        height: 332px;
    }
}

@media screen and (max-width: 1024px){
    
    .de-video-content{
        margin-top: 170px;
    }

    
    .logos-desktop{
        display: none;
    }
    .client-logos{
        display: block;
    }
    .portfolio-thumbnails .mix{
        width: 50%;
    }
   .portfolio-thumbnails .productCon a.info i{
    font-size: 80px;
   }
  .portfolio-thumbnails .productCon .mask{
   padding: 45px 15px 0;
  }
  #section-contact{
    height: auto !important;
  }
}