/* ==================================
/* MOBILE
================================== */
/* max-width 1420px
================================== */
@media (max-width: 1420px) {

   #page-home .services .list .item {
      cursor: pointer;
      display: block;
      position: relative;
      width: 50%;
      color: #fff;
      text-align: center;
      padding: 2px;
   }

   #page-home .services .list .item .overlay { padding: 20px 40px; }
   #page-home .services .list .item .overlay.content { font-size: 18px; }

}

/* max-width 1212px
================================== */
@media (max-width: 1212px) {

   footer .box-wrap { display: block; }
   footer .box {
      width: 100%;
      margin-bottom: 40px;
   }

}

/* max-width 991px
================================== */
@media (max-width: 991px) {

   header .navbar-collapse { margin-top: 30px; }

   header .main-nav .nav {
      float: left;
      display: flex;
      flex-direction: column;
   }
   header .main-nav .nav > li {
      position: relative;
      float: none;
      width: 100%;
      margin: 0;
   }
   header .main-nav .nav li a { text-align: left; }

   #page-home .services .list .item .overlay { padding: 20px 40px; }

}

/* Screen max-width 767px
================================== */
@media (max-width: 767px) {

   /* HOME - BANNER */
   #page-home .banner .item {
      background-position: 60% center;
   }

   /* HOME - SERVICOS */
   #page-home .services .list .item {
      cursor: pointer;
      display: block;
      position: relative;
      width: 100%;
      color: #fff;
      text-align: center;
      padding: 2px;
   }

   /* HOME - FRASE */
   #page-home .phrase .title {
      width: 100%;
      font-size: 60px;
      line-height: normal;
      padding: 80px 15px;
   }

   #page-home .diff .title { font-size: 30px; }

   #page-default .page-title {
      background-image: none;
      margin: 0;
      padding: 0;
   }
   #page-default .page-title:before, #page-default .page-title:after { display: none; }

}