responsive.css

@media screen and (min-width: 769px) {
    #togglesidebar,
    #togglecalendar,
    #togglemessenger,
    .unreadcomments {
        display: none;
    }
}
@media screen and (max-width: 768px) {
    body {
        font-family: HelveticaNeue-Light, Helvetica Neue Light, Arial, Helvetica, sans-serif;
        font-size: 14px;
        -webkit-text-size-adjust: 110%;
        line-height: 1.3em;
    }
    body #maincontent.frontpage_maincontent #post_stream_block .post_list,
    body .wrapper {
        width: auto;
    }
    body.fixed #page {
        margin: calc(1.6em + 70px) 0 20px 0;
    }
    .site_search #site_search_field #site_search_input {
        width: 200px;
        height: 1.6em;
        line-height: 1.6em;
        -webkit-text-size-adjust:100%;
    }
    .site_search #site_search_field .site_search_dropdown {
        min-width: 200px!important;
        right: 10px!important;
        left: 10px;
    }
    input[type="text"],
    input[type="number"],
    textarea {
        font-size: 16px;
    }
    #header_searchbox,
    #messenger_container,
    body #centreColumn,
    body #maincontent.frontpage_maincontent,
    #maincontent {
        width: 100%;
    }
    body .wrapper {
        padding: 0 10px;
    }
    .post_list .post {
        padding: 10px 2px;
    }
    img {
        max-width: 100%;
    }
    .dottedRight {
        border: 0;
    }
    #menu {
        background: rgba(255,255,255,.95);
        overflow-x: visible;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        width: 100%!important;
        height: 1.6em;
        line-height: 1.6em;
    }
    .fixed #menu {
        position: fixed;
        top: 0;
        z-index: 9999;
    }
    #menu .wrapper {
        white-space: nowrap;
        padding: 0;
    }
    #menu ul {
        float: none!important;
        display: inline-block;
        height: 1.5em;
        line-height: 1.5em;
        padding-right: 15px;
    }
    #menu ul li {
        float: none!important;
        display: inline-block;
        font-size: 14px!important;
        margin: 0 10px!important;
    }
    #header {
        padding: 0!important;
        height: 44px!important;
    }
    #header h1 {
        width: 100%!important;
        margin: 0!important;
        font-size: 22px!important;
        height: 36px!important;
        text-align: center;
    }
    #header_searchbox {
        padding-right: 0!important;
        padding-top: 10px!important;
        padding-bottom: 4px;
        text-align: center;
    }
    body #maincontent {
        padding-right: 0;
    }
    .full_post_view .post h1,
    .full_post_view .post h2 {
        word-break: break-word;
        font-size: 22px;
    }
    #maincontent.frontpage_maincontent .circle_threads_block h4 {
        font-size: 16px!important;
    }
    #maincontent.frontpage_maincontent .circle_threads_block,
    #maincontent.frontpage_maincontent .circle_threads_block h4 a {
        font-size: 11px!important;
    }
    ul.metadata>li {
        padding: 0;
    }
    ul.metadata>li.bullet {
        background-position: 0 .3em!important;
        padding-left: 20px;
    }
    ul.list.compact>li {
        font-size: 14px;
    }
    ul.metadata>li>label {
       display: block;
       text-align: left;
    }
    .thread_list li .thread .thread_meta .new_comment_count {
        float: none;
    }
    p,
    .calendar_biglist>ul>li h2 {
        font-size: 14px;
    }
    .sidebar .panel h2 {
        font-size: 16px;
    }
    .text p {
        font-size: 14px!important;
    }
    .small {
        font-size: 12px;
    }
    #content {
        position: relative;
    }
    .togglesidebar {
        margin-bottom: 18px;
        padding-left: 10px;
        padding-right: 10px;
        margin-right: 5px;
        cursor: pointer;
    }
    .sidebar_frontpage, .calendar_bar_frontpage {
        display: none;
        float: none;
        background: rgba(255,255,255,.95);
        position: absolute;
        left: 1%;
        top: 40px;
        width: 98%;
        padding: 10px;
        border: 1px solid #ccc;
        box-sizing: border-box;
        box-shadow: 0 2px 5px rgba(0,0,0,.25);
        z-index: 11;
    }
    .sidebarsubpage {
        float: none;
        clear: both;
        width: 100%;
        padding-top: 20px;
    }
    .market_item_block {
        list-style: none;
        padding: 0 5px 0 0;
    }
    #market_panel .market_item_list>ul>li h3 {
        font-size: 12px;
    }
    #togglemessenger {
        display: block;
        font-size: 14px;
        margin: -17px 0 25px 0;
    }
    img.zoomed_image {
        height: auto!important;
        left: 0!important;
        margin-top: 2.5em;
        box-shadow: 0 0 15px rgba(0,0,0,.3);
        box-sizing: border-box;
    }
    .user_messages_conversation_page .message_conversations_sidebar {
        width: 100%;
        min-height: auto!important;
    }
    .user_messages_conversation_page .message_conversations .message_conversation {
        padding: 5px 5px 0 5px;
    }
    .user_messages_conversation_page .conversation_messages_pane {
        width: 100%;
        padding-left: 0;
    }
    .user_messages_conversation_page .conversation_messages .conversation_message {
        width: auto;
    }
    .user_messages_conversation_page .conversation_messages .conversation_message.conversation_message_from_you {
        margin-left: 10px;
    }
    .user_messages_conversation_page .conversation_messages .conversation_message.conversation_message_to_you {
        margin-right: 10px;
    }
}