.visible-xxs {
    display: none;
    visibility: hidden;
}


@media (min-width: 320px) {


}

@media (min-width: 768px) {




}

@media (min-width: 1050px) {


}

/*
  so menu and social nav don't touch
  md and more
*/
@media (min-width: 470px) and (max-height: 720px) {

    #page-footer {
      display: none;
    }

    #mobile-pre-footer {
        display: block !important;
    }

    #mobile-pre-footer .buttons-wrap {
        float: left;
    }

    #mobile-pre-footer .social-navigation, header .social-navigation {
        float: right;
        margin-right: 2px;
    }

}

/*  md and less */
@media (max-width: 1199px) {

    #left-rail {
        position: fixed;
        width: 100%;
        min-height: 0;
        padding-left: 15px;
        padding-right: 15px;
        min-height: 75px;
        background: rgba(0,0,0,0.9);

    }

    #top-logo {
        max-width: 98px;
        padding: 15px;
        padding-top: 6px;
    }

    body.small-menu-out{
        /*overflow: hidden;*/

    }

    .small-menu-out .main-wrapper {
        opacity: 0.1;
        transition:opacity 800ms;
    }

    .small-menu-out #left-rail {
        background: rgba(0,0,0,1);
    }

    .small-menu-out #small-navigation-target-container {
        overflow-y: auto;
        margin-top: 80px;
    }

    .is-btj #top-logo {
        max-width: 155px;
        padding: 15px;
        padding-top: 6px;
        padding-bottom: 0;
    }



    #primary-menu-container {
        padding-top: 15px;
        padding-left: 70px;
    }

    #left-rail .top-bar-menu {
        padding-top: 70px;
    }

    .page-footer {
        position: fixed;
        left: auto;
        bottom: auto;
        right: 0px;
        width: 300px;

        padding-top: 16px;
        padding-left: 35px;
        padding-right: 12px;
    }

    #main {

        margin-top: 85px;
        min-height: 600px;
    }

    header #page-footer {
        display: none;
    }

    #mobile-pre-footer .social-navigation,
    header .social-navigation {
        float:right;
        margin-right: 2px;
    }


    #mobile-pre-footer .buttons-wrap {
        float:left;
    }


    #mobile-pre-footer .social-navigation li,
    header .social-navigation li {
        width: 20px;
        margin-right: 7px;
    }

    .main-wrapper {
        padding-left: 10px;
        padding-right: 15px;
    }



    .buttons-wrap > div {
        float: right;
        margin-right: 10px;
        margin-bottom: 10px;
    }


    .primary-button.micro-button a,
    .secondary-button input, .secondary-button a{
        font-size: 11px;
        padding: 4px;
    }
}

/*  sm and less */
@media (max-width: 991px) {

    .card-container-combo.auto-height,
    .card-container-combo {
        width: 50%;
        float:left;
        min-height: 85px;
    }


}



/*  xs and less */
@media (max-width: 768px) {

    .page-head a,
    .page-head,
    .large-headline {
        font-size: 18px;
        line-height: 23px;
    }

    #top-logo {
        padding-left: 6px;
        max-width: 90px;
    }

    .is-btj #top-logo {
        padding-left: 6px;
        max-width: 150px;
    }

    #left-rail {
        padding-left: 9px;
    }


    .main-wrapper {
        padding-left: 2px;
        padding-right: 2px;
    }

    .calendar-display-controls .glyphicon {
        display: block;
        line-height: 23px;
    }

    .medium-font blockquote, .medium-font blockquote p, blockquote, blockquote p {
        font-size: 18px;
        line-height: 26px;
    }

    .event-short-info p{
        margin-bottom: 0;
    }

    .event-short-info .primary-button{
       float: right;
    }

    .calendar-arrows .state-hover {
        width: 36px;
    }

    .inpage-slideshow-pager-wrapper {
        display: none;
    }


    .small-menu-out #small-navigation-target-container {
        margin-left: 0px;
    }

    .is-btj #small-navigation-target {
        padding-left: 0px;
    }

    .magic-slideshow .slide-image-link {
        display:block;
    }


    .magic-slideshow .slideshow-arrows,
    .text-slideshow .slideshow-arrows{
        display: none;

    }

    .magic-slideshow .item-info {
        position: relative;
        top: auto;
        left: auto;
        height: auto;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 16px;
    }

    .slideshow-arrows.slideshow-next {
        left:94%;
    }

    .magic-slideshow .elasto-slide {
        width: 100%;
        max-height: 320px;
    }

    .magic-slideshow-pager-wrapper {
        text-align: center;
        width: 100%;
    }

    .magic-slideshow .item-info .primary-button {
        position: relative;
        bottom: auto;
        z-index: 300;
        margin-top: 25px;
    }

    .card-container-combo.auto-height,
    .card-container-combo {
        width: 100%;
        float:none;
        min-height: 0px;
    }

    .calendar-display-controls-wrapper {
        float: left;
        clear: both;

    }
    .calendar-display-controls {
        float: left;
        margin-left: 0;
        margin-right: 3px;

    }

}

@media (max-width: 470px) {



    .event-list-viewelement {
        margin-right: 6px;
        margin-left: 6px;
    }



    .card-container {
        min-height: 0;
    }


    .col-xxs-full {
        width: 100%;
        margin-left: 0;
        margin-right:0;
        left: auto;
    }

    .visible-xxs-inline-block ,
    .visible-xss-inline-block {
        display: inline-block !important;
    }

    .visible-xxs,
    .visible-xss {
        display: block !important;
        visibility: visible;
    }

    .col-xxs-16 {
        width: 100%;
        left: auto;
    }

    .col-xxs-14 {
        width: 87.5%;
        left: auto;
    }

    .col-xxs-8 {
        width: 50%;
        left: auto;
    }

    .hidden-xxs,
    .hidden-xss {
        display: none;
    }

    .device-xs {
        display: none !important;
    }

}