/*!*****************************************************
 *
 * Media Queries un paso a tiempo
 *
 *******************************************************/

@media (min-width: 992px) {
 
}

@media (max-width: 480px) and (min-width: 320px) {
  p{ font-size: 5pt; }

  .section-header{
    height: 200px;
  }
  .img-project{
    height: 500px !important;
  }

  /* news item frame */
  .news-list-section .box .frame{ width: 100%; }
  /* events item frame */
  .events-list-section .event-box .frame{ float: left; }
  /* events item caption */
  .events-list-section .event-box .event-caption{ width: 100%; height: auto; }

  .h1, h1 {
    font-size: 18px;
  }

}

@media (max-width: 440px){
    p{ font-size: 5pt; }
    
    .section-header{
      height: 200px;
    }
    .img-project{
      height: 500px !important;
    }

    .h1, h1 {
      font-size: 18px;
    }
  .banner-1 .btn{ margin-top: 10px; }
}

@media (max-width: 527px){
  .h1, h1 {
    font-size: 18px;
  }
  .banner-2 .btn{ margin-top: 10px; }

  .section-header{
    height: 200px;
  }
  .img-project{
    height: 500px !important;
  }

}

@media (max-width: 767px){
  .navbar-inverse{
    padding: 7px 0;
  }

  .navbar-inverse .navbar-toggle:hover,
  .navbar-inverse .navbar-toggle:active,
  .navbar-inverse .navbar-toggle:focus{
    background-color: #fff !important;
    color: #056066 !important;
    border-color: #056066 !important;
  }
  .zoomContainer{
    display: none;
  }
  .h1, h1 {
    font-size: 18px;
  }
  .recent-news-section .recent-news .news-item .frame img{ height: auto; }

  .facts-figures .holder .box:before{ display: none; }

  .news-list-section .box .frame img{ height: auto; }

  section .section-title h2{ font-size: 26px; }

  .highlights-section .highlights-cta h3{ font-size: 20px; }

  section .section-more-btn .btn{ font-size: 10px;  padding: 6px 14px 6px 14px !important; }

  .banner-1 h2{ font-size: 18px; top: 0; }
  .banner-2 h2{ font-size: 16px; top: 0; }

  .main-nav .nav >li >a { padding-top: 10px; padding-bottom: 10px; }

  .navmenu-searchbar{ width: 100%; }
  
  p{ font-size: 5pt; }

  .section-header{
    height: 200px;
  }
  .img-project{
    height: 500px !important;
  }


}


@media (min-width: 993px) and (max-width: 1199px) {
  /* news item text-box */
  .news-list-section .box .text-box{ min-height: inherit; width: 100%; }
  /* news item frame */
  .news-list-section .box .frame{ width: 100%; }
  .news-list-section .box .frame img{ height: auto; }

  .navmenu-searchbar{ width: 53%; }

  .section-header{
    height: 200px;
  }
  .img-project{
    height: 500px;
  }

}

@media (min-width: 768px) and (max-width: 992px) {
  p{ font-size: 5pt; }
  /* news item frame */
  .news-list-section .box .frame{ width: 100%; }
  .news-list-section .box .frame img{ height: auto; }
  /* news item text-box */
  .news-list-section .box .text-box{ width: 100%; }

  /* *** Navbar *** */
  /* .navbar>.container .navbar-brand{ margin-left: 158%; } */

  .banner-1 h2{ font-size: 22px; top: 4px; }
  .banner-2 h2{ font-size: 18px; top: 4px; }
  .banner-1 .btn{ font-size: 14px; }
  .banner-2 .btn{ font-size: 12px; }

  .navmenu-searchbar{ width: 36%; }

  .section-header{
    height: 200px;
  }
  .img-project{
    height: 500px;
  }


}

@media (max-width: 480px) {

  p{ font-size: 5pt; }

  section .section-more-btn .btn{ margin-bottom: 10px; }

  section .section-title h2{ font-size: 20px; }

  .section-header{
    height: 200px;
  }
  .img-project{
    height: 500px;
  }


}

@media (max-width: 1200px) {


  .highlights-section .highlights-cta .btn{ bottom: -10px; }

  .section-header{
    height: 200px !important;
  }
  .img-project{
    height: 500px;
  }

}

@media (max-width: 991px) {

  p{ font-size: 10pt; }

  b .tec{ font-size: 8pt; }

  b .projects{
      font-size: 10pt;
  }

  .img-widget{
    height: 50px;
  }
  .img-about{
    height: 150px;
    /*width: 500px;*/
  }

  /* *** Navbar *** */

  .nav>li>a { padding: 10px 13px; }

  .highlights-section .highlights-cta{ margin-top: 20px; }

  .recent-news-section .recent-news .news-item{ margin-bottom: 25px; }

  .home-banner .btn{ padding: 6px 20px 6px 20px !important; }

  .section-header{
    height: 200px !important;
  }
  .img-project{
    width: 100%;
    height: 200px !important;
  }

}

@media screen and (max-height: 1200px){
  .navbar-brand{
    text-align: center;
  }

  .section-header{
    /*height: 200px !important;*/
  }
  .img-project{
    height: 200px;
  }

}
