/**************************************
@file
 * Positioning for a responsive layout.
***************************************/
@media all and (max-width: 870px) {
    .headhesive {
        display: none !important;
    }

    .half {
        float: none;
        width: 100%;
    }

    .fifth {
        width: 33.333333%;
    }

    .sidebar-second .region-sidebar-second,
    .sidebar-second #content,
    .node-type-news .ds-2col-stacked-fluid > .group-left,
    .node-type-news .ds-2col-stacked-fluid > .group-right {
        float: none;
        width: 100%;
        margin: auto;
        padding-left: 0;
        padding-right: 0;
    }

    .sidebar-second #content {
        padding-right: 0;
        padding-left: 0;
    }

    .node-type-news .field.field-name-story-image-gallery {
        float: none;
        width: 100%;
    }

    .node-type-news .field.field-name-story-image-gallery img {
        width: 100%;
    }
    
    .node-type-news .field-name-body {
        margin: 1.5em 0 .5em 0;
    }

    .node-type-news .ds-2col-stacked-fluid > .group-header {
        margin-bottom: 1.5em;
    }

    .node-type-news div#block-quicktabs-news-tabs {
        margin-left: 0;
    }

    #slider #topSlider .slider-text {
        color: #000;
        position: static;
        background: #f5f5f5;
    }

    #slider #topSlider .slider-text h1, 
    #slider #topSlider .slider-text,
    #slider #topSlider .slider-text p {
        width: 90%;
        color: #000;
    }

    #slider #topSlider .slider-text a {
        color: #000;
    }

    #slider #topSlider .slider-text h1 {
        font-size: 1.2em;
    }

    h1#page-title,
    .node-type-news h1#page-title,
    #page .view-events-full-calendar .date-nav-pager .date-heading .nav-title{
        font-size: 1.65em;
        line-height: 1.3;
    }

    #slider #flexslider-1 ul .slider-link .text {
        margin-bottom: 0;
    }

    #slider #flexslider-1 ul .slider-link .text h1.giant-title::after {
        margin-top: 0;
    }

    h2,
    .view-fp-items .field-name-field-working-title,
    div#block-panels-mini-fp-research-01 .view-display-id-block .working-title, 
    div#block-panels-mini-fp-research-01 .view-display-id-block .field-name-field-working-title, 
    #block-panels-mini-clone-of-fp-research .view-display-id-block .working-title, 
    #block-panels-mini-clone-of-fp-research .view-display-id-block .field-name-field-working-title {
        font-size: 22px;
    }

    .page-blogs h1.post-title, .node-type-blog h1.post-title, .node-type-blogger h1.post-title, .node-type-students-blog h1.post-title {
        font-size: 2em;
    }

    .page-blogs p.intro, 
    .node-type-blog p.intro, 
    .node-type-blogger p.intro, 
    .node-type-students-blog p.intro {
        font-size: 120%;
    }

    .page-blogs blockquote, 
    .node-type-blog blockquote, 
    .node-type-blogger blockquote, 
    .node-type-students-blog blockquote {
        font-size: 1.2em;
    }

    .posts-list .title {
        font-size: 1.7em;
    }

    .posts-list .post-image {
        display: none;
    }

    #footer-sitemap ul li {
        float: none;
        width: 100%;
    }

    #slider #flexslider-1 ul .slider-link .text {
        position: static;
        padding: 0;
        text-align: inherit;
        background: transparent;
        color: #444;
        margin-bottom: 1em;
    }

    #slider #flexslider-1 ul .slider-link .text a {
        color: #000;
    }

    #slider #flexslider-1 ul .slider-link .text .container {
        padding: 0 20px 20px;
    }

    #slider #flexslider-1 ul .slider-link .text h1.giant-title {
        font-size: 1.5em;
        font-weight: 600;
        line-height: 1.15em;
        padding-top: 0;
        width: 100%;
        margin-bottom: 0;
    }

    #slider #flexslider-1 ul .slider-link .text .read-more a {
        margin: 10px 0 0 0;
    }

    section#fp-events-announcements .region.region-events-announcements {
        margin: 0;
    }

    section#social-feed ul.quicktabs-tabs.quicktabs-style-arrows li {
        width: 25%;
    }

    .group-1:after,
    .group-2:after {
        content: '';
        display: table;
        clear: both;
    }

    #navigation,
    #top-bar div#block-menu-menu-quick-links,
    div#block-nice-menus-3,
    #top-bar div#site-tools {
        display: none;
    }


    .header .container {
        padding-top: 1em;
        padding-bottom: 1em;
    }

    .header a#logo {
        position: static;
        float: none;
    }

    .header .logo {
        width: 125px;
    }

    #slider #flexslider-1 ul .text {
        padding: 0 5px;
    }
    #slider #flexslider-1 ul .text .read-more a {
        border-color: #175D20;
        color: #fff;
        background-color: #175D20;
    }

    .views-exposed-form .views-exposed-widget {
        float: none;
    }

    div#block-fieldblock-node-page-default-field-contact-information,
    div#block-fieldblock-node-business-unit-default-field-contact-information {
        max-width: 100%;
    }

    div#block-block-8 .first.half {
        border-right: 0;
        border-left: 0;
        border-bottom: 1px solid #E2E2E2;
    }

    div#block-block-8 .first.half:after {
        content: '';
        display: table;
        clear: both;
    }

    section#museum .view-display-id-block_2 {
        width: 100%;
        float: none;
    }


    section#video_bg {
        padding-bottom: 55%;
    }

    section#video_bg .videobg-text .title {
        font-size: 2.5em;
    }

    section#video_bg .videobg-text p.short-desc {
        margin-top: -10px;
        font-size: 1.2em;
    }

    section#video_bg .videobg-text a.link {
        margin-top: 0;
    }

    .node-type-events .ds-2col-stacked > .group-left,
    .node-type-events .ds-2col-stacked > .group-right {
        float: none;
        width: 100%;
        border-left: 0;
        border-right: 0;
        padding-left: 0;
        padding-right: 0;
    }

    #top-bar { padding: 0;}
    .menus { 
        padding-left: 0;
        position: relative;
        bottom: -20px;
        width: auto;
        float: right;
    }

    #top-bar a.active {
        color: inherit;
    }

    #top-bar .three-buttons {
        margin-top: -.1em;
    }

    #alert div#block-views-alert-block {
        max-width: 100%;
    }

    .video-listing .video-thumb {
        width: 190px;
    }

    .no-sidebars .webform-client-form {
        max-width: 100%;
    }

    .steps .step {
        padding: 40px 20px;
        width: 100%;
        display: block;
    }

    .steps .step-one:after {
        left: 50%;
        top: initial;
        transform: rotate(-45deg);
        z-index: 1;
        margin-top: 0;
        bottom: -20px;
        margin-left: -20px;
    }

    .flexslider {
        background: #f5f5f5;
    }

    #slider #topSlider .flex-control-nav {
        position: relative;
        top: auto;
        right: auto;
        bottom: 0;
        padding-bottom: 20px;
    }

    #slider #topSlider .flex-control-paging li a {
        border-color: #999;
    }

    #slider #topSlider .flex-control-paging li a.flex-active {
        background: #999 !important;
    }
    }


    @media all and (max-width: 1200px) {
        #slider #topSlider .slider-text h1, 
        #slider #topSlider .slider-text p {
        width: 90%;
        } 
    }

    @media all and (max-width: 1050px) and (min-width: 870px) {
    section#video_bg .videobg-text .title {
        font-size: 3em;
    }

    section#video_bg .videobg-text p.short-desc {
        font-size: 1.2em;
    }
    }

    /* Mobile starts */
    @media all and (min-width: 120px) and (max-width: 480px) {
    .w80, .w75, .w66, .w50, .w25, .w20, .w33,
    section#video_bg .videobg-text {
        width: 100%;
    }

    .listing {
        padding: 0;
    }

    .flex {
        flex-direction: column;
    }

    .flex h2 {
        margin-top: 10px;
    }

    ul.flex-direction-nav {
        display: none;
    }
    .node-type-landing-page .field-name-field-landing-page-shortcuts > .field-items > .field-item {
        width: 100%;
        float: none;
    }

    .node-type-landing-page .field-type-field-collection .field-item img {
        width: 100%;
        float: none;
    }

    .node-type-landing-page .ds-2col-stacked > .group-left,
    .node-type-landing-page .ds-2col-stacked > .group-right {
        float: none;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .node-type-landing-page h1#page-title {
        display: block;
    }

    div#block-views-get-page-title-block-1,
    .node-type-landing-page #slider .pageImage:after {
        display: none;
    }

    .v-bu #content-middle .statement {
        max-width: 100%;
        font-size: initial;
        margin: 0;
    }

    .third,
    .fourth,
    .fifth,
    .sixth {
        width: 100%;
        float: none;
        margin-bottom: 15px;
    }

    section#fp-events-announcements div#block-views-announcements-block,
    section#fp-events-announcements div#block-views-events-block-1,
    section#fp-events-announcements div#block-views-events-block-2,
    section#fp-events-announcements div#block-views-fp-news-block-3,
    .panel-2col .panel-col-first,
    .panel-2col .panel-col-last,
    .panel-2col-stacked .panel-col-first,
    .panel-2col-stacked .panel-col-last,
    .panel-3col .panel-col-first,
    .panel-3col .panel-first,
    .panel-3col .panel-col,
    .panel-3col .panel-col-last,
    div#block-panels-mini-fp-research-01 .view-display-id-block_1 .views-row, 
    #block-panels-mini-clone-of-fp-research .view-display-id-block_1 .views-row,
    #fp-feature-news .panel-3col .panel-col,
    #fp-feature-news .panel-3col .panel-col-first,
    div#block-panels-mini-fp-announcements,
    section#content-middle .faculty-about,
    section#content-middle .faculty-depts, 
    section#content-middle .faculty-progs, 
    section#content-middle .faculty-people {
        float: none;
        width: 100%;
        padding: 0;
        margin: 0 0 15px 0;
    }

    .content-2,
    .content-3 {
        float: none;
        width: 100%;
        margin-top: 0;
        margin-bottom: -1px;
    }

    .panel-2col .panel-col-first .inside,
    .panel-2col .panel-col-last .inside,
    .panel-2col-stacked .panel-col-first .inside,
    .panel-2col-stacked .panel-col-last .inside,
    .panel-3col .panel-col .inside,
    .panel-3col .panel-col-first .inside,
    .panel-3col .panel-col-last .inside {
        margin: 0;
    }
    section#fp-events-announcements .view-announcements.view-display-id-block .text {
        padding-right: 0;
        padding-left: 0;
    }
    .ht-100 {
        height: 400px;
    }
    
    .pane-news-on-faculty.ht-100,
    .ht-50,
    .ht-33,
    .ht-66,
    #mini-panel-first_row .panel-col-first .ht-100 {
        height: auto;
    }

    .all-news {
        position: static;
    }

    .view-fp-items a.field-group-link {
        margin-bottom: 0;
    }

    .view-id-fp_arts .text {
        padding-left: 0;
        padding-top: 20px;
    }

    .pane-block-9.ht-100.fp-facts,
    .pane-block-12.ht-100.fp-facts,
    .pane-blog,
    #header {
        height: auto;
    }

    div#block-panels-mini-fp-research-01 .view-display-id-block_1 .views-row,
    #block-panels-mini-clone-of-fp-research .view-display-id-block_1 .views-row {
        padding: 20px;
    }

    .sixth img {
        width: 100%;
    }

    section#social-feed ul.quicktabs-tabs.quicktabs-style-arrows a:before {
        padding-right: 0;
        display: block;
    }


    section#footer-top div#block-block-4 {
        margin-top: 15px;
        padding-top: 20px;
        border-left: 0;
    }

    #slider #flexslider-1 ul .text h1.giant-title,
    #slider #topSlider .slider-text h1 {
        font-size: 1.3em;
    }

    #slider #flexslider-1 ul .text {
        padding: 0;
    }


    .node-type-biography .field.field-name-field-person-image {
        float: none;
    }

    .node-type-person .ds-2col-stacked-fluid > .group-left,
    .node-type-person .ds-2col-stacked-fluid > .group-right {
        float: none;
        width: 100%;
    }

    .view-display-id-page .views-field.views-field-field-story-image,
    .view-display-id-page_1 .views-field.views-field-field-story-image {
        float: none;
        width: 100%;
        margin-right: 0;
    }

    div#block-block-8 img {
        float: none !important;
        margin-bottom: 20px;
    }

    div#block-block-8 strong:before {
        content: '';
        display: table;
        clear: both;
    }

    .simple_timeline ul {
        background: none;
    }

    .simple_timeline ul li:nth-child(odd),
    .simple_timeline ul li:nth-child(even) {
        clear: none;
        float: none;
        width: 100%;
    }

    .simple_timeline ul li:nth-child(even) > div,
    .simple_timeline ul li:nth-child(odd) > div {
        padding-left: 0;
        margin-left: 0;
        padding-right: 0;
        margin-right: 0;
        margin-bottom: 2em;
        background: none;
    }

    section#video_bg .videobg-text .title {
        font-size: 2em;
    }

    section#video_bg {
        padding-bottom: 70%;
    }

    .with-splash-video section#video_bg {
        padding-bottom: 0;
    }

    .blog-box .views-row .field-content,
    .blog-box .pane-title,
    .blog-box .blog-info {
        display: block;
    }

    .blog-box {
        margin-bottom: 0;
    }

    .blog-box .pane-title {
        font-size: 28px;
    }

    .blog-box .blog-info {
        display: block;
        border-left: 0;
        border-right: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .blog-box .blog-info h3 {
        margin: 0;
        font-size: initial;
        font-weight: normal;
    }

    .blog-box .blog-info .author {
        font-size: 14px;
    }

    .blog-box .blog-info a.arch-link {
        margin-top: 0;
    }

    #block-views-side-bar-box-block .views-row .group-title-and-body.field-group-div {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        float: none;
        margin-top: 51%;
    }

    .sidebar-content-image {
        height: 50%;
        width: 100%;
    }

    .view-id-news.view-display-id-page .views-field.views-field-title h3,
    .view-id-news.view-display-id-page_1 .views-field.views-field-title h3,
    .news-list .views-field.views-field-title h3 {
        max-width: 100%;
    }

    .view-id-news.view-display-id-page .views-field.views-field-field-story-image,
    .news-list .views-field.views-field-field-story-image,
    .view-id-news.view-display-id-page_1 .views-field.views-field-field-story-image {
        margin-bottom: 10px;
    }

    .view-id-news.view-display-id-page .views-field.views-field-title,
    .news-list .views-field.views-field-title,
    .view-id-news.view-display-id-page_1 .views-field.views-field-title, 
    .view-id-news.view-display-id-page .views-field.views-field-created,
    .news-list .views-field.views-field-created,
    .view-id-news.view-display-id-page_1 .views-field.views-field-created {
        margin-left: 0;
        margin-right: 0;
    }

    section#content-middle .view.view-get-faculty-middle-content {
        margin-left: 0;
        margin-right: 0;
    }

    section#content-middle .modal-btn .title {
        margin-bottom: 15px;
        text-align: initial;
    }

    .modal {
        border-top: 0;
        margin-top: -15px;
        position: relative;
        opacity: 1;
        box-shadow: none;
        z-index: auto;
    }

    .modal-btn {
        display: block;
        border: 1px solid #d6d6d6;
    }

    .modal-btn .title {
        margin-bottom: 0 !important;
    }

    .modal .view-header {
        display: none;
        visibility: hidden;
    }

    .modal .view-content,
    .modal .view-footer {
        width: 100%;
        display: block;
        border-right: 0;
        border-left: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .buttons {
        text-align: center;
    }

    .modal .item-list li,
    .modal.faculty-programs .item-list li {
        width: 100%;
        display: block;
    }

    .modal .slick-prev {
        left: -20px;
    }

    .modal .slick-next {
        right: -20px;
    }

    .modal .slick {
        padding: 0 20px;
    }

    .featured.a {
        height: 250px;
    }

    .featured.a,
    .featured.b,
    .featured.c,
    .featured.d {
        border-bottom: 2px solid white;
        border-left: 0;
        border-right: 0 none;
    }

    #block-views-multimedia-videos-block-6 .recent-videos .view-footer,
    #block-views-multimedia-videos-block-7 .recent-videos .view-footer,
    #block-views-multimedia-block .view-footer {
        text-align: center;
        position: static;
    }

    #block-views-multimedia-videos-block-6 .recent-videos .view-footer .btn {
        margin-top: 15px;
    }

    .slick .slick-arrow {
        display: none !important;
    }

    .node-type-news .field-name-post-date,
    .node-type-news .field-name-addtoany {
        float: none;
    }

    .video-listing .video-thumb, 
    .video-listing .video-info {
        width: 100%;
        display: block;
        padding-right: 0;
        padding-left: 0;
    }

    .video-listing .video-thumb img  {
        width: 100%;
    }

    .video-listing .video-thumb {
        margin-bottom: 10px;
    }

    .video-listing .views-row {
        border-bottom: 1px solid #E2E2E2;
    }

    .video-listing .views-row.views-row-last {
        border-bottom: 0;
    }

    ul.lightgallery li {
        width: 33.333333%;
    }

    .webform-client-form input[type="text"], 
    .webform-client-form input[type="email"] {
        width: 100%;
    }

    .center-small {
        text-align: center;
    }

    .events-list .image {
        padding-right: 0;
        padding-left: 0;
        margin-bottom: 10px;
    }

    .page-blogs .blogger-bio, 
    .node-type-blog .blogger-bio, 
    .node-type-blogger .blogger-bio, 
    .node-type-students-blog .blogger-bio {
        max-width: 100%;
    }

    
    .node-type-blogger .blogger-image,
    .node-type-blogger .blogger-name-title {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px;
        text-align: center;
    }

    .node-type-blogger .blogger-bio {
        margin-top: 0;
    }

    .node-type-blogger .blogger-name {
        font-size: 1.2em;
    }

    .posts-list .title {
        font-size: 1.4em;
    }

    .page-blogs h1.post-title, 
    .node-type-blog h1.post-title, 
    .node-type-blogger h1.post-title, 
    .node-type-students-blog h1.post-title {
        font-size: 1.7em;
        line-height: 1.2;
    }

    .section-title h2 {
        font-size: 1.5em;
    }

    .section-title .section-intro p {
        font-size: .9em;
        padding-left: 0;
        padding-right: 0;
    } 

    .screen-only {
        display: none;
    }

    .mobile-only {
        display: block;
    }

    #header,
    .header,
    .with-splash-video #header {
        height: 50px;
        padding: 0;
        border-bottom: 1px solid transparent;
        box-shadow: 0 5px 8px -2px rgba(0, 0, 0, 0.40);
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 999;
    }

    .header .container {
        padding-top: 0;
        padding-bottom: 0;
    }

    #search-drawer {
        top: 50px;
    }

    #search-drawer .search-wrapper {
        top: 5%;
    }

    #slider,
    .noSlider #page {
        margin-top: 50px;
    }

    .noSlider #title-breadcurmb {
        margin-top: 20px;
    }

    .noSlider.node-type-news #main {
        padding-top: 0;
    }

    section#fp-research {
        padding-top: 2em;
        padding-bottom: 2em;
    }

    section#fp-research .info-title,
    section#fp-research .info-desc {
        padding-left: 0;
        padding-right: 0;
    }

    section#fp-research .info-title {
        margin-top: 2em;
    }

    .node-type-template-d section#content-below .temp-d-related-links ul li {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    #blogs .post-title {
        font-size: 1.6em;
        max-width: 100%;
        margin: 0;
    }

    .fp-blog .arch-link {
        position: static;
    }

    .region-blockgroup-calendar-header .calendar-view ul.menu {
        padding: 0px 4px;
    }

    .region-blockgroup-calendar-header ul.menu li a {
        padding: 9px 6px 5px;
        font-size: 12px;
    }
 
    .region-blockgroup-calendar-header .calendar-view ul.menu li a {
        font-size: 12px;
    }

    #page .view-events-full-calendar .date-nav-pager .date-heading .nav-title {
        text-align: center;
    }

    .calendar.legend ul {
        max-width: 100%;
    }

    .calendar.legend ul li {
        margin: 0 5px;
    }
}

/* Mobile ends */



@media all and (max-width: 870px) and (min-width: 481px) {
  .third {
    width: 50%;
  }

  .fourth {
    width: 50%;
    margin-bottom: 20px;
  }

  .sixth {
    width: 33.333333%;
    padding: 0 10px;
    margin-bottom: 20px;
  }

  .sixth img {
    width: 100%;
  }

  section#fp-events-announcements div#block-views-announcements-block,
  section#fp-events-announcements div#block-views-events-block-1,
  section#fp-events-announcements div#block-views-fp-news-block-3 {
    float: none;
    width: 100%;
    padding: 0;
  }

  section#footer-top div#block-block-4 #mc_embed_signup input.email {
    width: 100%;
    margin-bottom: 10px;
  }

  .view-institutes-centers .group:after {
    content: '';
    display: table;
    clear: both
  }

  .view-institutes-centers .group-1:after, 
  .view-institutes-centers .group-2:after {
    display: none;
  }

  .featured.a {
    border-bottom: 2px solid white;
    border-left: 0;
    border-right: 0 none;
  }

  ul.lightgallery li {
    width: 25%;
  }
}

/**** Student on Frontpage ****/

@media all and (max-width: 1620px) {

  section#voluntary .fp-students-text-animation {
    top: 4em;
    left: 4em;
    right: 4em;
    width: 100%;
    padding-left: 4em;
    padding-right: 4em;
    margin-left: -4em;
  }

  html[lang="ar"] section#voluntary .fp-students-text-animation  {
    margin-right: -4em;
  }

  section#voluntary .group-slide-info {
    bottom: 2em;
    left: 4em;
    width: 50%;
  }

  html[lang="ar"] section#voluntary .group-slide-info {
    
    left: initial;
    right: 4em;
  }
}

@media all and (max-width: 1150px) {
  section#voluntary .fp-students-text-animation .static {
    font-size: 1.5em;
  }

  section#voluntary .fp-students-text-animation .text-scroll-items li {
    font-size: 3em;
  }

}

@media all and (max-width: 980px) {
  section#voluntary {
  }

  section#voluntary .fp-students {
    background: #282826;
    margin-left: -20px;
    margin-right: -20px;
    overflow: hidden;
  }
  

  section#voluntary .fp-students-text-animation {
    width: auto;
    height: 260px;
    margin: 0;
    padding-left: 2em;
    padding-right: 2em;
    position: static;
    margin-right: -20px;
    margin-left: -20px;
    background: url(../images/blurBg.jpg) 0 0 no-repeat;
  }

  html[lang="ar"] section#voluntary .fp-students-text-animation {
    margin-right: -20px;
}

  section#voluntary .fp-students-text-animation .static {
    text-align: center;
    padding: 20px 0;
    margin-top: 0;
  }

  section#voluntary .fp-students-text-animation .text-scroll-items li {
    font-size: 2.0em;
    width: 100%;
    text-align: center;
  }

  html[lang="ar"] section#voluntary .fp-students-text-animation .text-scroll-items li {
    font-size: 2.5em;
  }

  section#voluntary .group-slide-info {
    text-align: center;
    position: relative;
    left: 0;
    top: -40px;
    margin-bottom: -40px;
    padding: 80px 40px 40px;
    width: 100%;
    
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,282826+100&0+0,1+12 */
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(5,5,5,1) 12%, rgba(40,40,38,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(5,5,5,1) 12%,rgba(40,40,38,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(5,5,5,1) 12%,rgba(40,40,38,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#282826',GradientType=0 ); /* IE6-9 */
  }

  html[lang="ar"] section#voluntary .group-slide-info {
    right: 0;
  }

  section#voluntary .fp-students .field-name-field-item-image .field-item:before {
    display: none;
  }
}
/****** END RESPONSIVE ******/