/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 16 2019 | 09:23:57 */
.work-container, div.portfolio-items[data-col-num="elastic"] { padding: 50px; margin-top: -200px !important; }
#slide-out-widget-area .menuwrapper li { padding-bottom: 30px; }

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1600px) {
  .homepage-header {
    font-family: 'metrobold', sans-serif;
    font-size: 40px;
    line-height: 1.4;
    text-transform: uppercase;
    color: #000;
    margin-top: -100px;
  }
  header#top .sf-menu >li:hover >ul, header#top .sf-menu >li.sfHover >ul{ top: 70px !important; }
}

/* Large devices (1600px and below) */
@media only screen and (max-width: 1600px) {
  .homepage-header {
    font-family: 'metrobold', sans-serif;
    font-size: 50px;
    line-height: 1.2;
    color: #000;
    text-transform: uppercase;
  }
}

/* Laptops devices (1400px and below) */
@media only screen and (max-width: 1400px) {
  .homepage-header {
    font-size: 30px;
  }
}

/* Tablet devices (1200px and below) */
@media only screen and (max-width: 1200px) {

}

/* Mobile devices (1000px and below) */
@media only screen and (max-width: 1000px) {
  .homepage-header {
    font-size: 35px;
  }
  #slider, #page-header-wrap {
   margin-top: 120px !important; 
  }
  
  #what-we-do, #directors {
   padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  
  #portfolio > .span_12 > div{
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  
  .wpb_row .span_12 > .col.padding-8-percent[data-padding-pos="all"] { padding: 8% !important; }
  
  #footer-widgets > .container > .row > .col:last-child { margin: 0 !important; }
  
  .footer-instagram { display: none; }
  
  #footer-widgets > .container > .row > .col:last-child { padding: 30px !important; }
  

  .work-container, .post-area, div.portfolio-items[data-col-num="elastic"]  {
   margin-top: -60px !important; 
    padding: 0px !important;
  }
  
  
}

/* Small devices (768px and below) */
@media only screen and (max-width: 768px) {
   .homepage-header {
    font-size: 26px;
  }
  
  body[data-form-style="minimal"] textarea, body[data-form-style="minimal"].woocommerce #review_form #respond textarea { padding: 10px; }
}

/* Tiny devices (425px and below) */
@media only screen and (max-width: 425px) {
  .homepage-header {
    font-size: 16px;
  }
  
  #contact-img { margin-bottom: 0 !important; }
  #contact-form-box { margin-top: 0 !important; }
  .work-container, .post-area, div.portfolio-items[data-col-num="elastic"]  {
   margin-top: 30px !important; 
    padding: 0px !important;
  }
}