@media screen and (max-width: 959px)  {
  header #main-nav {display: initial !important;}
  header #main-nav .container {background: #000; padding-bottom: 30px; padding-top: 30px;}
  h1, h2, h3, h4, h5, h6 {/*font-family: 'lato', 'Montserrat', 'sans-serif' !important;*/ font-weight: 300 !important;}
  h1.widget-title {font-size: 6.5vw !important; font-weight: 300 !important; padding-bottom: 20px;}
  #main-nav {display: none !important;}
  .fadein-slider {top: 135px !important;}
  .header-content-wrap {padding: 100px 0 20px !important;}
  .about-us .row {margin-left: 0 !important; margin-right: 0 !important;}
  .blog .zerif_full_site_wrap {background: #000 !important;}
  .gallery-columns-3 .gallery-item {max-width: 32%; max-width: -webkit-calc(50 - 4px); max-width: calc(50% - 4px);}
  .about-us h1.widget-title {color: #fff;}
  .navbar-inverse .navbar-toggle {display: none !important;}
  .menu-align-center .responsive-logo > a {float: none !important;}
  .contact-us {padding-top: 60px !important; padding-bottom: 60px !important; margin-top: -200px !important; background: #900 !important;}
  .about-us .attachment-large {width: 85%; margin-bottom: 30px;}
  .contact-us .custom-button {float: none !important; margin-right: 0 !important; margin-left: 0 !important; width: 100% !important;}
  .gallery-caption {display: none;}
  .our-team {padding-bottom: 10px; padding-top: 50px;}
  .fadein-slider .slide-item {background-size: 180% !important;}
  .blog .zerif_full_site_wrap {margin-bottom: -250px; background: #000 !important;}
  .intro-text {line-height: 110%; font-size: 130%; font-weight: bold !important; text-shadow: 2px 2px 20px #300;}
  .gal-standard {display: none;}
  .section-header {padding-bottom: 30px;}
  
  
  .fadein-slider {
    height: 250px;
    position: relative;
}
  .header {
    position: relative;
}
  .zerif_full_site {
    position: relative;
    z-index: 1;
    top: -250px;
}
  
}
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 1367px)  {
  .header-content-wrap {padding: 390px 0 80px;}
}
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1366px)  {
  .header-content-wrap {padding: 180px 0 50px;}
}
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 960px)  {
  /*------- ajuste bara superior -------*/
  #main-nav {top: 0;}
  /*.f-nav {position: fixed !important; top: -90px !important; transition-duration: 0.7s;}*/
  .zerif_about_us_center {padding-left: 150px; padding-right: 150px;}
  .client-list div.textwidget {line-height: 25px; color: #777; padding: 0 135px;}
  .navbar {background: rgba(0, 0, 0, 0) !important;}
  .navbar-brand {top: 15px;}
  .fadein-slider {top: 0}
  .intro-text {
    line-height: 70px;
    font-size: 60px;
    font-weight: bold !important;
    text-shadow: 2px 2px 20px #300;}
  /*------- ajuste bara menus -------*/
  .f-menu {z-index: 9999; position: fixed; left: 0; top: 0; width: 100%; height: 100px !important; background: #000; transition-duration: 0.25s;} /* this make our menu fixed top */
  .f-menu ul li a {line-height: 100px !important; padding: 40px 46px !important;}
  .menu-topled-menu-container {background: #333; height: 100px; transition-duration: 0.25s;}
  .menu-topled-menu-container ul {width: 1170px; margin: 0 auto; list-style: none;}
  .menu-topled-menu-container ul li {float: initial; margin-top: 0px; padding: 0; border-right: 0; display: inline-block;}
  .menu-topled-menu-container ul li:first-child{ padding-left: 0;}
  .menu-topled-menu-container ul li a {text-decoration: none;color: #fff; line-height: 100px; text-transform: uppercase; padding: 40px 55px; margin: 0 auto;}
  .menu-topled-menu-container ul li a:hover {text-decoration: none; background: #800;}
  .menu-topled-menu-container ul li.current_page_item a {background: #900;}
  /*------- ajuste menu home -------*/
  .f-menu li.menu-item-388 a {background: none;}
  li.menu-item-388 a { background: #900;}
  /*------- ativacao de menus ancora -------*/
  li.current>a:before {display: none;}
  li.current a { background: #900;}
  h1, h2, h3, h4, h5, h6 {font-family: 'lato', 'Montserrat', 'sans-serif' !important; font-weight: 300 !important;}
  h1.widget-title {font-size: 41px !important; font-weight: 300 !important; padding-bottom: 20px;}
  .about-us h1.widget-title {color: #fff !important;}
  .menu-align-center .responsive-logo > a {float: left !important;}
  .about-us .attachment-large {width: 50%; margin-bottom: 50px;}
  .blog .zerif_full_site_wrap {background: #900 !important;}
  .gal-mobile {display: none;}
  .section-header {padding-bottom: 50px;}
}
#main-nav {position: relative !important;}
#site-navigation {float: none !important;}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


a:focus {outline: none !important;}
.copyright p {color: #fff !important;}
.our-clients, .zerif-rtl-skills {display: none;}

p {font-family: lato; color: #444 !important; font-weight: 400 !important; font-size: 16px !important;}
.about-us p {color: #777 !important; text-align: inherit;}
.header.header > .navbar {-webkit-box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0); box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0);}
.icon-top img {height: 50px;}