@media only screen and (max-width: 992px) {
    .mosaic-width-two-thirds {
        max-width: 992px;
        border-right: unset;
    }
    .mosaic-width-third {
        display: contents;
    }
    .plone-navbar {
        max-width:990px;
        width:100%;
    }
    #storypagemaincol {
        padding-right: 0;
    }
}

@media only screen and (max-width: 640px) {
    
    #pagewidth {
        box-shadow: none !important;
        width : 100%;
    }

    #view-responsive {
        display: none
    }
    /*========== Header ==========*/
    #portal-header{
        height : 65px;
    }
    #portal-header h3#portal-logo a img {
        width : auto;
        height : 110%;
    }
    #portal-header h3#portal-logo {
        width : 65px;
        height : 65px;
        overflow : hidden;
        margin : auto;
    } 
    #portal-header #portal-logo {
        position : relative;
        top : -5px;
        left : 41%;   
    }
    #portal-header #portal-searchbox {
        margin : auto;
        padding : 0px;
    }
    #portal-header #portal-searchbox [type="submit"] {
        display : unset;
        height: 35px;
        width: 40%;
        position: absolute;
        border : 0.5px solid lightgrey;
    }
    #portal-header #portal-searchbox [type="text"] {
        height: 35px;
        width: 104%;
    }
    #portal-advanced-search {
        display : none;
    }
    #portal-header #portal-searchbox form > div > * {
        font-size: 18px;
    }
    #searchGadget_form #searchGadget {
        border : 0.5px solid lightgrey;
    }
     #aboutnav {
        visibility: hidden;
        top : 13px;
        right: 60px;
    }
    #aboutnavsearch {
        position : unset;
    }
    .mobilelanguagebutton {
        position : absolute;
        top : 3px;
        right : 12px;
        background: url(/++plone++rfa-resources/img/mobilelanguagebutton.png);
        height: 45px;
        width : 40px;
        background-repeat: no-repeat;
    }
    #langnavwrapper {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 1;
        top: 0;
        left: 0;
        background-color: #111;
        overflow-x: hidden;
    }
    #langnav {
        all : unset;
        display : block;
        margin : 0 0 15px;
        padding : 0;
    }
    /*========== Header END*/
    
    /*========== Navigation ==========*/
    #portal-mainnavigation {
        position : absolute;
        top : 7px;
    }
    .container {
        width : 100%;
    }
    .plone-navbar {
        width : 100%;
        background-color : transparent;
        margin-left : 0px;
        box-shadow: none;
    }
    .plone-navbar-nav {
        margin-left : -15px;
    }
    .plone-navbar-header {
        float : left;
        position : relative;
    }
    .plone-navbar-collapse {
        visibility: hidden;
    }
    .plone-navbar-header button, 
    .plone-navbar-header button:focus,
    .plone-navbar-header button:active:focus{
        border: none;
        background: none;
        outline: none;
    }

    .plone-nav li.about_us, .plone-nav li.audio_archive {
        display: initial !important;
            }

    .icon-bar {
        display: block;
        width: 28px;
        height: 5px;
        border-radius: 1px;
        background: white;
        margin-top: 2px;
    }
    .icon-bar + .icon-bar {
        margin-top: 6px;
    }
    .icon-bar + .icon-bar + .icon-bar {
        margin-bottom: 4px;
    }
    /*========== Navigation END*/
    
    /*========== Subsite ==========*/
    #frontcontent, #storycontent, #contentwell {
        border-right: none !important;
        border-left: none;
        width : 100%;
        padding-right : 0;
    }
    #frontchannel, #frontsidebar, #reademailcomment, .shadowbox, .viewlet {
        max-width: unset !important;
        width: 100%;
    }
    #topstorywidetease {
        padding: 0 10px;
    }
    #topstorywidefulltease h2 {
        margin : 5px 10px;
        font-weight : bold;
    }
    #topstorywidefull #topstorywidefulltease p {
        margin : 7px 10px;
    }
    .service_widetop_two_featured {
        margin : 10px;
    }
    .service_widetop_two_featured .two_featured {
        display: block;
        width : 100%;
        float : none;
    }
    .service_widetop_two_featured .two_featured img {
        float : left;
        padding-bottom: 10px;
    }
    .service_widetop_two_featured .two_featured h2 {
        margin-bottom: 15px;
    }
    .service_widetop_three_featured .three_featured, .section_widetop_three_featured .three_featured {
       width: calc(100% - 20px) !important;
       padding: 5px 10px;
    }
    .service_widetop_three_featured .three_featured img, .section_widetop_three_featured .three_featured img {
        width: 160px;
        margin-right: 10px;
        float: left;
    }
    .service_widetop_three_featured .three_featured p, .section_widetop_three_featured .three_featured p{
        display: block !important;
        font-size: 12px;
        margin-top: 5px;
    }
    .service_widetop_three_featured .three_featured h2, section_widetop_three_featured .three_featured h2 {
        padding-bottom: 0px;
    }
    .service_widetop_three_featured .featured_image, .section_widetop_three_featured .featured_image {
        background: none;
        height: unset;
        float: left;
    }
    #more_news_single_column {
        margin : 0 10px;
    }
    .single_column_teaser {
        border-bottom: None;
    }
    .single_column_teaser p, #topstorywidefull #topstorywidefulltease p, .service_widetop_two_featured .two_featured p, .section_widetop_two_featured .two_featured p, .service_widetop_three_featured .three_featured p, .section_widetop_three_featured .three_featured p {
    font-family: 'PT Serif', serif;
    font-size: 16px !important;
    }
    .gotoarchive {
        margin : 0 10px;
        padding-right : 25px;
    }
    #headlineboxes {
        max-width: unset;
        min-height: unset;
        background: #E5E6E7;
        width: 100%; 
        padding : 5px;
    } 
    .headlineboxes {
        box-sizing: border-box;
        float: none;
    }
    .headlineboxes ul {
        list-style-type: none;
        margin: 5px 0 0 0;
        padding: 0px;
    }
    .headlineboxes ul a {
        color: #666666;
        font-weight: bold;
        font-size: 16px;
        line-height: 28px;
    }
    #headlineboxes .headlineboxes li {
        width: 100%;
        line-height: 2.5em;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .headlineboxes h2:after {
        content: none;
    }
    .headlineboxes a h2 {
        text-transform: uppercase;
        font-size: 18px;
        font-weight: bold;
        color: #003167;
        margin: 0px;
        padding: 0px;
        margin-bottom: 5px;
    }
    
    /*========== Subsite END*/
    
    /*========== Section ==========*/

    .rfa-section #topstorywidefulltease {
        width: 100%
    }
    .rfa-section #topstorywidefull #topstorywidefulltease a img {
        width : 100%;
        height: auto;
    }

    .benar #topstorywidefull #topstorywidefulltease a img {
        width : 100%;
        height: auto;
    }
    #topstorywideimg a img {
        width: 100%;
        height: auto;
    }
    #topstory {
        width :100%;
        height : auto;
        max-width : 640px !important;
        padding-top : 20px;
    }
    #topstory img, #topstorytease {
        width: 100%;
        height : auto;
    }
    #topstorytease {
        margin : 20px 10px;
        padding-right : 10px;
    }
    #topstorytease p {
        width: 95%;
    }
    #topnews {
        float : left;
        margin-top : 5px;
        padding-right : 18px;
    }
    #topnews .sectionteaser {
        margin : 10px;
    }
    #morenewsColA {
        width: 100%;
    }
    #morenewsColB {
        width: 100%;
    }
    /*========== Section END*/
    
    /*========== Story ==========*/
    .mobilecontainer {
        padding : 10px;
    }
    #headerimg {
        width: 100%;
    }
    #headerimg img {
        width : 100% !important;
    }
    #zoomattribute a#single_image {
        display: none;
    }
    #storytext {
        padding : 10px;
    }
    #storytext .image-inline {
        display: inline;
    }
    #storytext figure.image-richtext img {
        width: 100%;
    }
    #storyfooter .relatedstories, #storyfooter #commenttools {
        margin : 15px;
    }
    div#addcomment span {
        display: none;
    }
    /*========== Story END*/
    /*========== Side Bar ==========*/
    #frontchannel {
        height: 210px;
        padding-left: 10px;
    }
    #frontchannelchannels, #frontchannelschedule {
        padding-top: 15px;
        padding-left: 10px;
        display: inline;
        font-size: 18px;
        line-height: 30px;
    }
    .mosaic-tile-content{
        width: 100%;
        padding: unset;
        margin-top: 10px;
    }
    .mosaic-tile-content p{
        font-size: 18px;
    }
    .mosaic-tile-content h2{
        font-size: 18px;
    }
    .mosaic-width-full {
        padding: 0 25px;
    }
    .mosaic-width-two-thirds {
        padding: 15px;
    }
    .mosaic-width-two-thirds .mosaic-tile:not(:first-child) {
        margin-top: unset;
    }
    .mosaic-width-third {
        width: 100%;
        padding: 0 25px;
        display: inline-block;
    }
    .mosaic-position-two-thirds.mosaic-width-third {
        padding: 0 25px;
    }
    .mosaic-width-third .mosaic-tile:not(:first-child) {
        margin-top: unset;
    }
    .mosaic-width-third .mosaic-tile-content iframe[src*="youtube"] {
        height: 200px;
    }
    .mosaic-width-third .mosaic-tile-content h2 {
        font-size: 18px;
        line-height: 20px;
    }
    .mosaic-tile-content h2.title {
        font-size: 18px;
        line-height: 22px;
        padding: 5px;
    }
    .mosaic-tile-content .entry p {
        font-size: 17px;
        padding: 5px 20px;
    }
    section.existing-content-tile {
        padding: 15px;
    }
    #most_read_only {
        margin: 0 10px;
    }
    /*========== Side Bar END*/
    /*========== Footer ==========*/
    #footernav, #footerlang, #footerlisten, #footerfindus, #footeraboutus, #footericonlinks, #mobilesocial {
        display: None
    }
    #portal-footer-wrapper {
        max-width: 640px;
        background-color : #004483;
        width: 100%;
        height: 250px;
    }
    #footer {
        width : 100%;
    }
    #view-full { 
        display: inline;
        font-size : 18px;
    }
    /*========== Footer END*/
    
    /*========== Hidden ==========*/
    #debug-toolbar-trigger {
        visibility: hidden;
    }
    #editorspick, .edpicksidebar {
        display: none;
    }
    /*========== hidden END*/
}