/**
 * wrapper break point
 */
@media screen and (max-width: 1000px) {
    
}

/**
 * medium break point
 */
@media screen and (max-width: 56.250em) { /** 900px **/
    
}

/**
 * horizontal medium break point
 */
@media screen and (max-width: 56.250em) and (orientation:landscape) {

}

/**
 * medium-small break point
 */
@media screen and (max-width: 42em) {
    
}

/**
 * small break point
 */
@media screen and (max-width: 31.250em) { /** 500px **/
    body {
        padding-top: 60px; /* header height */
    }
    
    header {
        position: fixed !important;
        top: 0px !important;
        left: 0px;
        width: 100%;
        z-index: 100;
        margin-top: 0 !important;
    }
    
    .header-content {
        height: 60px;
        text-align: left;
    }
    
    .header-content img {
        max-height: 100%;
    }
    
    .header-content .mobile-nav {
        display: block;
    }
    
    .top-nav {
        position: absolute;
        top: 60px;
        left: 0px;
        width: 100%;
        z-index: 100;
        background-color: #FFF;
        padding-bottom: 12px;
        box-shadow: 0 4px 2px -2px #999;
        display: none;
        border-bottom: 7px solid #ACAC9D;
    }
    
    ul#menu-top {
        margin: 0;
        overflow: hidden;
    }
    
    ul#menu-top li {
        margin: 0;
        width: 100%;
        float: left;
        display: block;
    }
    
    ul#menu-top li a {
        border: none;
    }
    
    .main-slider {
        height: 200px !important;
    }
    
    .nav-main .sq-wrapper {
        padding: 0;
    }
    
    ul#menu-main {
        margin: 10px 0 0 0;
    }
    
    ul#menu-main li a {
        padding: 4px 8px;
        font-size: 1.4rem;
        border: none;
    }
    
    /** events widget **/
    .widget_eventswidget {
        display: none;
    }
    
    /** sub nav **/
    ul.sidebar ul.menu > li {
        padding-right: 30px;
        box-sizing: border-box;
    }
    
    ul.sidebar ul.menu > li:after {
        position: absolute;
        top: 12px;
        right: 12px;
        content: "\f078";
        font-family: 'FontAwesome';
    }
    
    ul.sidebar ul.menu > li > .sub-menu {
        display: none;
    }
    
    /** social **/
    .fts-tweeter-wrap {
        width: 100%;
    }
    
    /** footer **/
    .fat-footer-nav {
        display: none;
    }
    
    .legals-nav .copy-column,
    .legals-nav .site-by-column {
        text-align: center;
    }
    
}