/*** desktop to widescreen media queries ***/
@media all and (min-width:900px){
    
    .desktop {
        display: block;
    }
    .mobile {
        display: none;
    }
    
}

/*** tablet portrait and smaller ***/
@media all and (max-width:768px) {
    
   .desktop {
        display: none;
    }
    .mobile {
        display: block;
    }
    
    .navbar.container {
        position: relative;
    }
    
    header .signature_bar {
        position: relative;
    }
    
    header.navbar.container {
        position: relative;
    }
    
    .main-container.container {
        padding-top: 20px !important;
    }
    
    /* Mobile Menu */
   .mean-container .mean-bar {
       position: absolute;
       background: none;
       width: 100%;
       top: 10px;
       right: 0px;
   }
   .mean-container a.meanmenu-reveal {
       color: #fff;
       width: 26px;
       height: 26px;
       margin-right: 20px;
   }
   .mean-container a.meanmenu-reveal span {
       background: #fff;
       height: 3px;
       margin-top: 4px;
   }
   .mean-container .mean-nav {
       width: 100%;
       background: #3f2a09;
   }
   .mean-container .mean-nav ul li a, .mean-container .mean-nav ul li span {
        border-top: 1px solid rgba(255, 255, 255, 0.5);
        color: #fff;
        display: block;
        float: left;
        margin: 0;
        padding: 1em 12px;
        text-align: left;
        text-decoration: none;
        text-transform: none !important;
        width: calc(100% - 24px);
        font-weight: normal;
    }
   .mean-container .mean-nav ul li a.mean-expand, .mean-container .mean-nav ul li span {
       height: 24px;
       border-color: transparent !important;
       background: #e6e6e6;
       padding: 12px !important;
       color: #188cbb;
       font-weight: normal;
       margin-top: 0px;
   }
   .mean-container .mean-nav ul li a.mean-expand:hover {
       background: #fff;
   }
    .mean-container .mean-nav ul li ul li {
        /* width: 100%; */
    }
    .mean-container .mean-nav ul li ul li a.mean-expand, .mean-container .mean-nav ul li ul li span {
        background: #f4f4f4;
    }
    .mean-container .mean-nav ul li li li a {
        background: #fff !important;
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }
    
    .mean-container .mean-nav ul li ul li span span {
        display: none;
    }
    .mean-container .mean-nav ul li a { font-weight: 300; }
    .mean-container .mean-nav ul li li a { font-weight: normal; }
    
    .front .main-container.container {
        padding: 0px 20px !important;
    }
    header.navbar.container {
        height: 105px;
    }
    .main_menu_row {
        height: 5px;
    }
    header .signature_bar .logo img {
        position: absolute;
        width: 80% !important;
        height: auto !important;
        left: 0px;
        bottom: 0px;
    }
    
    .view-homepage-carousel .views-slideshow-cycle-main-frame-row .views-row .views-field-field-slide-caption {
        height: 135px;
    }
 
    /* PAGINATION */
   .pagination > li > a, .pagination > li > span {
       font-size: 12px !important;
       padding: 3px 6px;
       width: 22px;
       height: 22px;
       overflow: hidden;
   }
   .pagination > li.pager-first > a {
       font-size: 0px !important;
       background: url('../images/pagination-arrows-first.png') center no-repeat;
       background-size: 80%;
   }
   .pagination > li.prev > a {
       font-size: 0px !important;
       background: url('../images/pagination-arrows-prev.png') center no-repeat;
       background-size: 80%;
   }
   .pagination > li.next > a {
       font-size: 0px !important;
       background: url('../images/pagination-arrows-next.png') center no-repeat;
       background-size: 80%;
   }
   .pagination > li.pager-last > a {
       font-size: 0px !important;
       background: url('../images/pagination-arrows-last.png') center no-repeat;
       background-size: 80%;
   }

   
   /* FOOTER */
  .footer.container {
      padding: 30px 40px;
  }
  .footer_col {
      clear: both;
      float: none;
      width: 100%;
      padding-bottom: 20px;
  }
    
}

/*** mobile portrait and smaller ***/
@media all and (max-width:480px) {
    
    .view-homepage-carousel .views-slideshow-cycle-main-frame, .view-homepage-carousel .views-slideshow-cycle-main-frame-row {
    /*    padding-bottom: 120px; */
    }
    .view-homepage-carousel .views-slideshow-cycle-main-frame-row .views-row .views-field-field-slide-caption {
        position: relative;
    }
    .view-homepage-carousel .views-slideshow-cycle-main-frame-row .views-row .views-field-field-slide-caption {
        height: 120px;
    }
    .views-field-field-slide-caption h2 {
        font-size: 20px;
    }
    .views-field-field-slide-caption p, .views-field-field-slide-caption a {
        font-size: 14px;
        line-height: 1.2em;
    }
    .front .main-container.container #block-system-main, .front .main-container.container #block-views-news-block-1 {
        float: none;
        clear: both;
        width: 100%;
    }
  
}

/*** mobile portrait and smaller ***/
@media all and (max-width:354px) {
    
    .view-homepage-carousel .views-slideshow-cycle-main-frame-row .views-row .views-field-field-slide-caption {
        height: 140px;
    }
    
}

/*** mobile portrait and smaller ***/
@media all and (min-width:480px) and (max-width:899px) {

}