@media screen and (max-width: 1139px) {
    img, table, iframe { max-width: 100%; }
    img {height: auto; margin: 0 auto; }
    iframe { width: 100%; }
    table { overflow-x: scroll !important; }
    h1, h2, h3 { text-indent: 0; padding: 0; }  
    
    
    /* =================== Header */
    header.heady h1 { left: 20px; width: 104px; }
    header.heady .header-nav-holder .pagewidth { height: 60px; }
    header.heady .header-info .title h3 { font-size: 15px; }

    /* =================== Menu */
    #hamburger {display: inline-block; cursor: pointer; padding: 10px 15px;width:100%; text-align: right; text-decoration:none; box-sizing: border-box; font-size: 18px; font-weight: bold; color:#003768; text-transform: uppercase;  }
    .home #hamburger { color: #fff; }
    .nav-menu { width: 100%; background: #fff; top: 54px; margin: 0; padding: 10px 20px; overflow: hidden; position: absolute; display: none; box-sizing: border-box; -moz-box-shadow: 0 5px 5px rgba(0,0,0,.3); -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.3); box-shadow: 0 5px 5px rgba(0,0,0,.3); }
    .nav-menu { max-height: calc(100vh - 105px); overflow-y: auto; }
    .home .nav-menu { background: rgba(0,55,104,0.75); }
    #hnav { width: 100%; max-width: 100%; margin: 0; bottom: 12px; }
    #hnav ul {right: auto; float:none; padding: 0; text-align: right; }
    #hnav ul li {width: 100%; left:auto; margin: 0 0 10px; float: none; padding-right: 10px; }
    #hnav ul li a { padding: 5px 15px; border:none; height: auto; }
    #hnav ul ul { width: 100%; background: none !important; padding: 0 5px; box-sizing: border-box; display: block; position: relative; left: auto; top: auto; opacity: 1; }
    #hnav ul ul li { width: 100%; padding: 0; box-sizing: border-box; display: block; }
    #hnav ul ul li a { box-shadow: none !important; width: 100% !important; box-sizing: border-box; padding: 10px 10px !important; margin: 0 !important; font-size: .8em; text-transform: lowercase; }
    #hnav ul li:hover ul { top: auto; }
    #hnav li.menu-item-has-children > a:before { position: absolute; top: 8px; right: 8px; content: "\f107"; font: 16px 'FontAwesome'; }
    #hnav ul ul.sub-menu { display: none; }
    
    
    /* =================== Content */
    .section-title h2, .section-title h2 strong, .section-title h2 a span { font-size: 24px; }
    .blue-section h3, .yellow-section h3, .home-slider .content-holder h2 { font-size: 20px; }
    .home-slider .content-holder .rightcol { padding: 15px 0; }
    .home-slider .content-holder .pagewidth { height: auto; min-height: 0; }
    .staff-bio-holder .pagewidth { padding: 0 15px; }
    .iosslider { padding: 0; height: 460px; }
    .home-slider .content-holder { background: rgba(0,55,104,0.75); }
    header.heady .header-info .title { padding: 13px 15px; }
    .content-holder .pagewidth { padding: 0; }
    .blue-section .leftcol, .yellow-section .leftcol { padding: 15px 20px; }
    .white .leftcol { padding: 15px 15px 10px !important; }
    .white .rightcol { padding: 0 15px !important; }
    .home-slider .content-holder .leftcol { width: 35%; }
    .home-slider .content-holder .rightcol { width: 65%; }
    .facebook-buttons-holder .btn { font-size: 26px; }

    /* =================== Footer */
    footer.footy { padding: 15px; text-align: center; }
    footer.footy .pagewidth { justify-content: center; }
    footer.footy .footer-info { width: 100%; }
    footer.footy p { margin: 0 0 10px; }

}


/* ================================================================== Tablet Pro */
@media screen and (max-width: 1100px) { 
    header.heady .header-info .tagline { padding-left: 15px; padding-right: 15px; }
    .header-search-form { width: 185px; }
}

/* ================================================================== Tablet */
@media screen and (max-width: 1023px) { 
    
    #wrapper { width: 100%; padding-top: 160px; }
    .home #wrapper { padding-top: 100px; }
    .home-slider { margin: 0; }
    .pagewidth { width: 100%; padding: 0;}
    #maincol { width: 100% !important; padding: 25px 15px !important; }
    #rightcol { width: 100% !important; padding: 15px !important; }

    form.lj input, form.lj select, form.lj textarea { width: 100%; }
    form.lj label { width: 100%; display: block; margin: 0 0 5px; padding: 5px 0 0; }
    
    .left, .right { float: none; }
    .aligncenter,div.aligncenter{display:block;margin:5px auto}
    .alignright{float:none;margin:0 0 10px;}
    .alignleft{float:none;margin:0 0 10px;}
    img.aligncenter,img.alignright,img.alignleft, img.alignnone{float:none;margin:10px auto; display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

    header.heady .header-info .pagewidth { padding: 0; }
    header.heady .header-info .title, header.heady .header-info .tagline { width: 100%; padding: 13px 20px; text-align: center; }
    header.heady .header-info .title h3 { font-size: 17px; }
    header.heady .header-info .tagline h3 { margin: 0 0 10px; }
    header.heady .header-info .social-icons a { margin: 0 5px; }

    .nav-menu { max-height: calc(100vh - 158px); }
    
    .content-holder.full-width .rightcol { padding: 20px 15px; }
    .item-bio .content { height:auto; }
    .flex-columns { display: block; }

    .app-holder h2 { font-size: 22px; }
    .app-holder .badge { padding: 0 5px; }
    .app-holder .badge img { height: 40px; }
    .app-links.left { width: 100%; overflow: hidden; text-align: center; }
    .app-links.left img { display: inline-block; clear: none; float: none; width: auto; max-height: 56px; }
}

@media screen and (max-width: 767px) {
    
    body, td, div, select, textarea, input { font-size: 16px; }
    
    header.heady .header-info { border-bottom: 1px solid #fff; }
    header.heady .header-info .tagline h3 { font-size: 14px; }
    .content-holder .leftcol, .content-holder .rightcol { width: 100%; padding: 25px 20px; }
    .content-holder .leftcol { text-align: center; overflow: hidden; }
    .home-slider .content-holder .leftcol { display: none; }
    .home-slider .content-holder .rightcol { width: 100%; height: 60px; min-height: 60px; }
    .blue-section h3, .yellow-section h3 { margin: 0 0 10px; }
    .blue-section h3 br, .yellow-section h3 br { display: none; }
    .page-title h1 { padding: 20px 0; }

    /* =================== Grid */
    .cols2 section, .cols3 section, .cols4 section, .cols5 section, .cols6 section, .merge2, .merge3, .merge4, .merge5 { width: 100% !important; float: none; margin: 0 0 20px; }

}
@media screen and (max-width: 640px) {
    h1 { font-size: 24px; }
    header.heady h1, header.heady.fixed h1 { width: 70px; top: -10px; }
    header.heady .header-info .tagline h3 { display: none; }
    header.heady .header-info .social-icons { border: none; }
    .content-holder .content .image, .item-bio .content .avatar { width: 100%; margin: 0 0 20px; text-align: center; float: none; height:auto;  }
    .item-bio .learn-more { width: 100%; text-align: center; font-size: 14px; padding: 0 5px; }
    .item-bio .btn-holder:after { display: none; }
    .item-bio .content { height: auto; }
    .item-bio .content h2 { font-size: 20px; }
    
}
@media screen and (max-width: 480px) {
    
    .home-slider { margin: 0; }
    .iosslider { height: 240px; }
    header.heady .header-info .title h3 { font-size: 12px; }
    header.heady .header-info .social-icons { border: none; margin: 0; padding: 0; }
    .section-title h2 span { white-space: nowrap; display: inline-block; }
    

}