@media screen and (max-width: 700px) {
    body {
        width: 310px;
        padding: 5px;
        margin: 0 auto;
        background: #FFF;
    }

    img {
        max-width: 100%;
        height: auto;
    }

    .content-wrapper {
        width: 310px;
    }

    .server-error-wrapper {
        width: 310px;
        margin: 60px auto;
        padding: 50px 0;
        position: relative;
        text-align: center;
        background: transparent url(/images/communications/logo-mini.png) no-repeat top center;
        line-height: 20px;
    }

    .server-error-heading {
        font-size: 24px;
        margin-bottom: 24px;
    }

    .grid,
    .rtl .grid {
        width: 310px;
        margin: 0;
    }

    .hq-masthead {
        padding: 0;
        margin-bottom: 60px;
    }

    .logo,
    .search {
        margin: 10px 0;
    }

    .nav-utility {
        display: none;
    }

    .search {
        clear: both;
        position: static;
        width: 97%;
    }

    .nav-primary {
        display: none;
    }

    .footer .social-stats {
        display: none;
    }

    .footer .interact {
        height: auto;
        overflow: hidden;
        margin-bottom: 20px;
        background: #E8E2DA;
    }

        .footer .interact li {
            border: 0 none;
            margin-bottom: 0;
            height: 53px;
        }

    .rtl .footer .interact li {
        border: 0 none;
    }

    .footer .interact li.transition a.inner {
        display: block;
        height: 53px;
    }

    .footer .interact .sq-transition,
    .rtl .footer .interact .sq-transition {
        background-position: 8px 6px;
        height: 53px;
        width: 16.6333%;
        border-bottom: 2px solid #FFF;
    }

    .footer .interact .podcast {
        background-position: center 8px;
        width: 154px;
        border-right: 2px solid #FFF;
    }

    .rtl .footer .interact .podcast {
        border-right: 0 none;
        border-left: 2px solid #FFF;
    }

    .footer .interact .donate {
        background-position: center 11px;
        width: 154px;
    }

    .footer .interact .newsletter,
    .rtl .footer .interact .newsletter {
        width: 310px;
        height: 66px;
        border-top: 2px solid #FFF;
    }

    .newsletter-form {
        margin: 7px 0 0 9px;
    }

    .rtl .newsletter-form {
        margin: 7px 9px 0 0;
    }

    .footer .newsletter-input {
        width: 210px;
    }

    .footer .copyright,
    .rtl .footer .copyright {
        background: transparent;
        padding: 0;
        margin-bottom: 5px;
    }

    .footer-site-map {
        background: transparent;
        padding: 6px 0 0;
    }

    .site-map-root li,
    .rtl .site-map-root li {
        float: none;
        width: auto;
        padding: 0;
    }

    .site-map-heading a {
        display: block;
    }

    .site-map-sub {
        margin-bottom: 12px;
        display: none;
    }

    .active .site-map-sub {
        display: block;
    }

    .footer .nav.tertiary,
    .rtl .footer .nav.tertiary {
        float: none;
        clear: both;
    }

    .footer .tertiary li.first {
        margin-left: 0;
        padding-left: 0;
    }

    .rtl .footer .tertiary li.first {
        margin-right: 0;
        padding-right: 0;
    }

    /* ---------------------------------------------------------------------
    Carousels
    ------------------------------------------------------------------------ */

    .featured-carousel {
        margin: 0 0 90px;
        width: 310px;
        height: 357px;
    }

    .featured-slide-image,
    .rtl .featured-slide-image,
    .featured-slide-image img {
        width: 310px;
        display: block;
        float: none;
    }

    .featured-slide-text,
    .rtl .featured-slide-text {
        width: 288px;
        padding: 10px;
        float: none;
        border-left: 1px solid #D5D5D5;
        border-bottom: 0;
    }

    .featured-slide-heading {
        margin-bottom: 15px;
    }

    .text-slide-controls {
        top: 390px !important;
        height: auto;
        border-top: 1px solid #D5D5D5;
        border-left: 1px solid #D5D5D5;
    }

    .rtl .text-slide-controls {
        border-left: 0 none;
        border-right: 1px solid #D5D5D5;
    }

    .text-slide-controls li {
        padding: 10px;
        width: 288px !important;
        height: auto !important;
        border-bottom: 1px solid #D5D5D5;
        border-right: 1px solid #D5D5D5;
        background: #f6f6f5;
        float: none;
    }

    .rtl .text-slide-controls li {
        float: none;
        border-right: 0 none;
        border-left: 1px solid #D5D5D5;
    }

    .featured-carousel .fc-pagination {
        left: 22px;
        height: 70px;
        bottom: -130px;
        display: none;
    }

    .rtl .featured-carousel .fc-pagination {
        left: auto;
        right: 22px;
    }

    .featured-carousel .fc-pagination li {
        margin-right: 12px;
    }

    .rtl .featured-carousel .fc-pagination li {
        margin: 0 0 0 12px;
    }

    .featured-carousel .fc-pagination li a {
        font-size: 100px;
    }

    .thumb .caption {
        display: inline-block;
    }


    .js div.beyond-carousel {
        height: 660px;
    }

        .js div.beyond-carousel div.slide-item {
            width: 294px;
            top: 40px;
            height: 275px;
        }

            .js div.beyond-carousel div.slide-item h3.featured-slide-heading-alt {
                font-size: 17px;
            }

            .js div.beyond-carousel div.slide-item div.img {
                float: left;
                margin: 0 16px 5px 0;
            }

    .beyond-carousel .module-heading-sm,
    .beyond-carousel .slide-item {
        padding: 10px 8px;
    }

    ul.beyond-slide-controls {
        width: 310px;
        top: 276px;
        position: relative;
    }

    .beyond-slide-controls li {
        height: 85px;
        font-size: 12px;
    }

        .beyond-slide-controls li a {
            padding: 8px 20px;
            width: 270px;
            height: 85px;
        }

    .beyond-carousel .see-more {
        margin: 13px 8px 0 0;
    }

    .rtl .beyond-carousel .see-more {
        margin: 13px 0 0 8px;
    }

    .trust-fund-actions {
        position: static;
        border-bottom: 2px solid #FFF;
        overflow: hidden;
        margin-bottom: 10px;
    }

    .trust-fund-intro {
        padding: 10px 12px;
    }

    .trust-fund-carousel-info {
        height: auto;
    }

    .trust-fund-actions li.apply,
    .trust-fund-actions li.grant,
    .trust-fund-actions li.donate {
        width: auto;
        font-size: 13px;
    }

    .trust-fund-actions li {
        border-left: 2px solid #FFF;
    }

        .trust-fund-actions li a {
            padding: 8px 6px;
        }

    .js .trust-fund-carousel {
        height: 525px;
    }

    .trust-fund-carousel .slide {
        display: none;
    }

        .trust-fund-carousel .slide .media-body {
            padding: 5px 10px;
            height: 180px;
        }

    .trust-fund-carousel .featured-slide-heading {
        margin-bottom: 10px;
    }

    .trust-fund-carousel .slide .media .img {
        margin-right: 0;
    }

        .trust-fund-carousel .slide .media .img img {
            margin: 0 auto;
        }

    .trust-fund-carousel .fc-pagination {
        left: 10px;
        right: auto;
        bottom: -40px;
    }

        .trust-fund-carousel .fc-pagination li {
            margin-right: 20px;
        }

            .trust-fund-carousel .fc-pagination li a {
                font-size: 90px;
            }



    /* ---------------------------------------------------------------------
 Module Styles
------------------------------------------------------------------------ */

    .module {
        margin: 35px 0;
    }

    .media .img,
    .rtl .media .img {
        float: none;
        margin: 0 0 12px;
    }

    .media img {
        max-width: 100%;
        height: auto;
    }

    .module-head-container .img {
        float: left;
        margin: 0 16px 5px 0;
    }

    .rtl .module-head-container .img {
        float: right;
        margin: 0 0 5px 16px;
    }

    .feature-alt .figcaption {
        text-align: left;
    }

    .rtl .feature-alt .figcaption {
        text-align: right;
    }

    .module-alt .go-to {
        float: right;
    }

    .rtl .module-alt .go-to {
        float: left;
    }

    .module-alt .pagination {
        margin-top: 0;
    }

    .module-alt .module-footer {
        overflow: hidden;
    }

    .module.jbox,
    .rtl .module.jbox {
        float: none;
        margin: 15px 0;
        width: auto;
    }

    .search-module .filter-by .region,
    .search-module .filter-by .subject-area,
    .search-module .filter-by .content-type {
        width: 286px;
    }

    /* ---------------------------------------------------------------------
 Grid Landing Templates
------------------------------------------------------------------------ */

    .grid-row,
    .rtl .grid-row {
        background: transparent;
        border: 0;
        float: none;
    }

        .grid-row .cell,
        .rtl .grid-row .cell {
            float: none;
            width: 310px;
            padding: 0 0 20px;
            margin-bottom: 20px;
            border-bottom: 1px solid #939393;
        }

        .grid-row .first {
            width: 310px;
            border-bottom: 0 none;
            padding: 1px 0 0;
        }

    .rtl .grid-xsm,
    .rtl .grid-sm,
    .rtl .grid-med,
    .rtl .grid-lrg {
        margin: 0;
    }

    .cell-head {
        margin-bottom: 0;
        border: 0 none;
    }

        .cell-head .more {
            background: transparent;
        }

    /* ---------------------------------------------------------------------
 3 Column Layouts
------------------------------------------------------------------------ */

    .breadcrumbs,
    .interior-nav {
        display: none;
    }

    .comments .name {
        width: 100%;
    }

    .comments .alt-login {
        margin: -10px 0 25px;
    }

    .comments .name .field-container,
    .comments .message .field-container {
        padding: 8px;
    }

    .comments .list-stats {
        padding: 10px;
    }

    .comments .comment-list {
        padding: 15px 10px;
    }

    .comments .reply-list {
        margin-top: 0;
    }

    .feature .media-body {
        padding: 12px 12px 16px;
    }

    .form-contact .radio-group .info {
        display: none;
    }

    /* ---------------------------------------------------------------------
 Interior Search and Search Module
------------------------------------------------------------------------ */

    .multimedia .interior-search {
        height: auto;
    }

    .interior-search .search-block .basic {
        position: relative;
        margin-bottom: 28px;
    }

        .interior-search .search-block .basic .submit {
            position: absolute;
            right: 0;
            top: 86px;
        }

    .rtl .interior-search .search-block .basic .submit {
        left: 0;
        right: auto;
    }

    .interior-search .search-block.publications .basic .submit {
        top: 99px;
    }

    .interior-search .keyword {
        margin-top: 8px;
    }

        .search-module .primary,
        .interior-search .keyword .primary {
            display: block;
            margin-bottom: 6px;
        }

        .interior-search .keyword .primary {
            margin-bottom: 0;
        }

        .search-module .keyword input,
        .interior-search .keyword input {
            width: 274px;
        }

    .interior-search .radio-group .option:first-child,
    .multimedia .interior-search .basic .radio-group .option:first-child {
        margin: 0;
    }

    .interior-search .advanced .date-range .inline-fields {
        width: 138px;
    }

        .interior-search .advanced .date-range .inline-fields:first-child {
            margin-right: 5px;
        }

    .interior-search .date-range input {
        width: 80px;
    }

    .interior-search .advanced .date-range .date-picker {
        margin: 0 0 0 4px;
    }

    .rtl .interior-search .advanced .date-range .date-picker {
        margin: 0 4px 0 0;
    }

    .interior-search .filter-by .region,
    .interior-search .filter-by .subject-area,
    .interior-search .filter-by .content-type,
    .rtl .interior-search .filter-by .region,
    .rtl .interior-search .filter-by .subject-area,
    .rtl .interior-search .filter-by .content-type {
        width: 262px;
        margin: 0 0 30px;
        float: none;
    }

    .interior-search .filter-by label {
        width: 90%;
    }

    .search-module {
        padding: 16px 10px 10px;
        margin-top: 30px;
    }

        .search-module .search-heading,
        .search-module li {
            margin-left: 0;
        }

    .rtl .search-module .search-heading,
    .rtl .search-module li {
        margin-right: 0;
    }

    .search-module .primary {
        display: block;
        margin-bottom: 5px;
    }

    .search-module .radio-group .option {
        margin-left: 12px;
    }

        .search-module .radio-group .option:first-child {
            margin-left: 0px;
        }

    .search-module label {
        width: auto;
    }

    .search-module .basic .submit {
        margin-top: -12px;
    }

    .search-module .date-range .inline-fields {
        float: left;
    }

    .rtl .search-module .date-range .inline-fields {
        float: right;
    }

    .search-module .date-range .inline-fields:first-child {
        margin-right: 10px;
    }

    .rtl .search-module .date-range .inline-fields:first-child {
        margin: 0 0 0 10px;
    }

    .search-module .date-range .secondary {
        display: block;
        padding-top: 0;
        margin-bottom: 5px;
    }

    .search-module .filter-by {
        margin-bottom: 10px;
    }

        .search-module .filter-by .region .legend,
        .search-module .filter-by .subject-area .legend,
        .search-module .filter-by .content-type .legend {
            width: 265px;
            background-position: 263px center;
        }

    .rtl .search-module .filter-by .region .legend,
    .rtl .search-module .filter-by .subject-area .legend,
    .rtl .search-module .filter-by .content-type .legend {
        background-position: 7px center;
    }

    .multimedia .interior-search .search-block {
        padding: 15px 0 5px 10px;
    }

    .rtl .multimedia .interior-search .search-block {
        padding: 15px 10px 5px 0;
    }

    .interior-search .search-block .basic .submit {
        right: 14px;
    }

    .rtl .interior-search .search-block .basic .submit {
        left: 14px;
        right: auto;
    }

    .multimedia .interior-search .search-block .basic {
        margin-bottom: 74px;
    }

    .multimedia .interior-search .filter-by .container {
        background: transparent;
    }

    .multimedia .interior-search .filter-by .region,
    .multimedia .interior-search .filter-by .subject-area,
    .multimedia .interior-search .filter-by .content-type {
        background: #FFF;
        margin: 0;
        width: 290px;
    }

        .multimedia .interior-search .filter-by .region fieldset,
        .multimedia .interior-search .filter-by .subject-area fieldset,
        .multimedia .interior-search .filter-by .content-type fieldset {
            margin: 12px 10px;
            padding: 12px 0;
        }

    .multimedia .interior-search .filter-by ul {
        margin: 0;
    }

    .multimedia .interior-search .advanced .submit {
        margin: 0 12px 12px;
    }

        .multimedia .interior-search .advanced .submit .btn {
            margin-left: 8px;
        }

    .multimedia-wrapper {
        padding: 20px 10px;
    }

    .multimedia .sorting {
        position: relative;
        padding: 5px 10px 0;
        font-size: 11px;
    }

    .multimedia .options {
        margin-bottom: 12px;
    }

        .multimedia .options a {
            padding: 0 2px 0 4px;
        }

    .rtl .multimedia .options a {
        padding: 0 4px 0 2px;
    }

    .pub-preview-module {
        margin-bottom: 16px;
        padding: 16px 12px;
    }

        .pub-preview-module:last-child {
            margin-bottom: 0px;
        }

    .multimedia .media .img {
        display: inline-block;
    }

    /* ---------------------------------------------------------------------
 Multimedia Pages
------------------------------------------------------------------------ */

    .nav-multimedia li,
    .rtl .nav-multimedia li {
        float: none;
        margin: 0;
    }

    .multimedia .page-title,
    .rtl .multimedia .page-title {
        height: auto;
        width: 310px;
        padding: 10px 0;
        line-height: 1.3;
        margin: 0 0 12px 0;
    }

    .multimedia .module-featured-media .media .img {
        max-width: 285px;
    }

    .multimedia .interior-search {
        width: 310px;
    }

    .multimedia .media-body .meta .share,
    .rtl .multimedia .media-body .meta .share {
        margin: 10px 0 0;
    }

    .multimedia .grid-row {
        background: transparent;
        margin-bottom: 0;
    }

    .multimedia .videos .video,
    .multimedia .photos .photo,
    .rtl .multimedia .videos .video,
    .rtl .multimedia .photos .photo {
        margin: 0 0 30px;
        width: 290px;
        float: none;
    }

    .videos .video .img {
        background: #2e2e2e;
        padding-top: 0;
        border-top: 10px solid #595A5C;
    }

    .multimedia .grid-row .media .img {
        width: 260px;
    }

    .videos .video .media-body {
        padding-bottom: 18px;
        background: #2e2e2e;
    }

    .videos .video .media-footer,
    .photos .photo .media-footer {
        position: static;
        width: 290px;
    }

    .videos .video .share {
        background-position: 15px center;
        text-align: left;
        padding: 0 36px;
        width: auto;
    }

    .rtl .videos .video .share {
        background-position: 263px center;
        text-align: right;
    }

    .multimedia-slider-alt,
    .rtl .multimedia-slider-alt {
        margin: 0;
        padding: 0;
        float: none;
        border: 0 none;
        width: 290px;
    }

        .multimedia-slider-alt .preview-nav li img {
            max-width: 60px;
        }

        .multimedia-slider-alt .slides {
            height: 290px;
        }

        .multimedia-slider-alt .slider-nav a {
            top: 37%;
        }

        .multimedia-slider-alt .slider-nav .prev {
            left: 16px;
        }

        .multimedia-slider-alt .slider-nav .next {
            right: 16px;
        }

        .multimedia-slider-alt .preview-nav .prev {
            left: -5px;
        }

        .multimedia-slider-alt .preview-nav .next {
            right: 0px;
        }

        .multimedia-slider-alt .slide {
            width: 290px;
            height: 290px;
        }

        .multimedia-slider-alt .preview-nav ul {
            margin: 0 0 0 -5px;
            width: 310px;
        }

        .rtl .multimedia-slider-alt .preview-nav ul {
            margin: 0 -5px 0 0;
        }

        .multimedia-slider-alt .preview-nav .prev,
        .multimedia-slider-alt .preview-nav .next {
            bottom: -7px;
        }

        .multimedia-slider-alt .counter {
            display: none;
        }

    .multimedia .photo-album {
        margin: 0 10px 20px;
    }

    .multimedia .photos .photo {
        background: #2e2e2e;
        padding: 0;
    }

        .multimedia .photos .photo .media-body {
            padding: 10px 0;
        }

    .multimedia .grid-row .photo .img {
        width: 260px;
    }

    .multimedia .grid-row .media .img img {
        margin: 0 auto;
    }

    .video .video .photo .share {
        width: 118px;
    }

    .video .video .photo .view {
        width: 143px;
    }

    .multimedia-wrapper,
    .multimedia-wrapper .grid {
        width: 290px;
    }

    .multimedia .module-featured-audio .meta .download {
        margin: 0;
    }

    .audio-player .timeline {
        display: none;
    }

    .interior-search .search-block.publications .basic .submit .btn {
        margin-top: 5px;
    }





    .article .interact .email {
        padding-left: 35px;
        background-position: 8px center;
    }

    .article .interact .print {
        background-position: 12px center;
    }


    .shared-modal .back {
        display: block;
    }

    #fancybox-overlay {
    }

    .fc-pagination {
        bottom: 20px;
    }

    .carousel-fo .slide-content {
        overflow: visible !important;
        height: auto;
    }

    .featured-content {
        height: auto !important;
    }
}