/* NOTE: Bootstrap 3 begins with mobile and works up...
   NOTE: Sync breakpoints with those in bootstrap_overrides.css */

/* Fine-tuning for very small screens */
@media (max-width: 639px) {
    .hidden-xxs {display: none !important;}
    .visible-xxs {display: block !important;}
    .visible-xxs.inline-block {display: inline-block !important;}
    #header_user_tools .menu-item:last-child {padding-right: 0;}
    #footer_fb_like {
        visibility: visible;  /* display toggling doesn't work in IE, FF */
        display: block !important;
        margin-bottom: 10px;
    }
    #header_user_tools #like-wrapper {
        visibility: hidden;  /* display toggling doesn't work in IE, FF */
        position: absolute;
        left: -999em;
    }
    #username-wrapper {
        max-width: 200px;
        white-space: nowrap;
        overflow: hidden;
    }
    #pre-login-home-banner {background-position: -150px center;}
    .nav-pills > li + li {margin-left: 0;}
    .home-equation {width: 100%; margin-top: 20px;}
}

@media (min-width: 640px) {
    .hidden-xxs.inline-block {display: inline-block !important;}
    #footer_fb_like {
        visibility: hidden;  /* display toggling doesn't work in IE, FF */
        position: absolute;
        left: -999em;
    }
    #pre-login-home-banner {background-position: -100px center;}
    .home-equation {margin-bottom: 0;}
    .home-equation img {display: block; max-width: 60%; margin: 0 auto 8px;}
    .home-equation .operator {right: -40px; bottom: inherit; margin-right: 0; font-size: 450%;}
    #home-tabs .nav-justified > li {
        display: table-cell;
        width: 1%;
    }
    #home-tabs .nav > li > a {margin: 1%;}

/* Extra small devices (phones, less than 768px) */
/* This is the default in Bootstrap */
@media (max-width: 767px) {
    body #header #header_user_tools {
        margin-left: 0;
        padding-left: 0;
    }
    #header #header_user_tools #social-icons-wrapper {display: none;}
    #al-nav-menu {margin: 0 -15px;}
    .navbar-nav>li>.dropdown-menu {border-radius: 0;}
    #footer_menu .menu-item {
        display: block !important;
        background: none !important;
        line-height: 24px !important;
    }
    #footer_menu .menu-item a {line-height: 24px;}
    #header_user_tools #header_no_theme_login_popup {right: 140px;}
    .dropdown .menu-icon {display: none;}
    #content_responsive .series-main.pull-right {background: none;}
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
/*    body, .x-body {font-size: 86%;}*/
    #footer .sm-icons {
        visibility: hidden;  /* display toggling doesn't work in IE, FF */
        position: absolute;
        left: -999em;
    }
    #pre-login-home-banner {background-position: left center;}
    #content_responsive #sidebar.pull-left > .row {padding: 20px 20px 0 0;}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
/*    body, .x-body {font-size: 89%;}*/
    .home-equation .operator {font-size: 600%;}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
/*    body, .x-body {font-size: 103%;}*/
}