@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600);
/* AUTHOR : Interaktiv GmbH */
/* THEME  : gin.theme       */
/* FILE   : responsive.css  */

@media screen and (max-width: 1160px) {
    #main,
    #breadcrumbs,
    .innercontainer,
    #gin-guidelinesearch {
        width: 96%;
        margin: 0 2%;
    }
}

.rdonly {display: none !important;}
.desktoponly {display: block !important;}
#slideshow-small {display: none;}

@media screen and (max-width: 1050px) {#searchbox input.inputLabel {min-width: 180px;}}
@media screen and (max-width: 910px) {.portal-logo {width: 33%}}

@media screen and (max-width: 768px) {

    .rdonly {display: block !important;}
    .desktoponly {display: none !important;}

    .template-frontpage .container.cblue.bc,
    #slideshow-small {
        display: block !important;
    }

    /* displays */
    #nextprev,
    #backtotop,
    .container.cblue.bc,
    #toplinks .linkbar,
    #find-organisation,
    #top .container.cblue,
    #content-container .nextprev {
        display: none !important;
    }

    #my_organisation, 
    #gin-guidelinesearch div.column:last-of-type {
        width: 100%;
    }

    html {
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
    }
    #main,
    #breadcrumbs,
    .innercontainer {
        width: 100%;
        margin: 0;
    }
    .template-ploneboard_view #content,
    .template-ploneboard_recent #content,
    .template-individual_member_detail #content,
    .template-conversation_browserview #content,
    .template-conversation_browserview #content-container,
    .template-gin_folder_summaryview_view #content,
    .portaltype-ploneboardforum #content,
    .template-guideline_detail .content,
    .template-guideline_detail .sidebar {
        width: 100%;
    }

    /* fonts */
    h1, h2, h3 {
        word-wrap: break-word;
    }
    /* search font fix */
    .template-search h1 {font-size: 20px; font-size: 1.25rem;}
    img {
        max-width: 100%;
    }
    #content {
        word-wrap: break-word;
        margin-top: 0 !important;
        margin-right: 0 !important;
    }
    #content h1 {width: 100%}

    /* tables */
    table tr {
        display: inline-block;
    }
    table tbody {
        white-space: nowrap;
    }
    #nav-open-btn,
    #nav-close-btn {
        display: block;
        top: 26px;
    }

    /* main */
    #main,
    #content,
    .innercontainer {
        max-width: 100%;
    }
    #content-container {
        width: 94% !important;
        padding: 3% !important;
        margin-top: 0;
    }
    #top {
        background-color: #fafafa;
        height: 80px;
        min-height: 0;
        margin: 0;
    }
    #portlets.right,
    #gin-event-column-left,
    #gin-event-column-right {
        width: 100%;
    }
    footer .copyrights {
        width: 100%;
        margin-left: 0;
        height: inherit;
    }
    footer #company {
        float: none;
        width: 90%;
        margin: 0 auto;
    }
    footer #hon-code {
        float: none;
        margin: 30px auto 0;
        text-align: center;
        width: 40%;
    }

    /* logo */
    .portal-logo {
        width: 50px;
        height: auto;
        margin: 0 auto;
        float: none;
    }
    .portal-logo img {
        width: 50px;
        margin-top: 15px;
    }

    /* loginarea */
    #loginarea {
        float: left;
        right: inherit;
        top: 14px;
        right: 15px;
    }

    /* wrapper */
    #outer-wrap {
        background-color: #3A3F42;
        position: relative;
        overflow: hidden;
        width: 100%;
    }
    #inner-wrap {
        background-color: #FFF;
        position: relative;
        width: 100%;
    }

    /* footer */
    footer #siteactions li {
        width: 50%;
        border-right: 0;
    }
    footer #page-updated {
        margin-right: 0;
        padding: 0 2% 2%;
        width: 96%; 
    }
    footer #page-updated span {
        border-bottom: 1px solid #FFFFFF;
        display: inline-block;
        padding-bottom: 10px;
        width: 100%;
    }

    /* responsive nav */
    nav {
        z-index: 200;
        position: relative;
        overflow: hidden;
        width: 100%;
        color: #fff;
        margin-top: 0;
    }
    nav .close-btn {display: none;}
    nav ul {
        /**zoom : 1;*/
        display: block;
    }
    nav ul:before, 
    nav ul:after {
        content: "";
        display: table;
    }
    nav ul:after {
        clear: both;
    }
    nav li {
        background-image: url(++theme++gin.themegin/img/rd-nav-normal.png);
        background-repeat: no-repeat;
        background-position: 95% 14px;
        display: block;
        border: 0;
        border-radius: 0;
    }

    /*hover, selected*/
    nav li.selected ul {
        display: block !important;
    }
    nav li.selected,
    nav li:hover {
        background-image: url(++theme++gin.themegin/img/rd-nav-active.png);
        background-color: #ff3301;
        outline: 0;
        border: 0;
    }
    nav li.selected > a,
    nav li:hover > a {
        color: #FFF;
        font-weight: bold;
        text-decoration: none;
    }
    nav li a {
        display: block;
        color: #979797;
        font-size: 15px; font-size: 0.9375rem;
        line-height: 1.28571em;
        font-weight: bold;
        outline: none;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    nav li:hover .sub {display: none ;}
    nav li:hover li {border-bottom: 1px solid #414649 !important;}
    nav li:hover li:last-of-type,
    nav li:hover li.selected {border-bottom: 0 !important;}
    nav .sub {
        position: relative;
        border-top: 1px solid #363A3B;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }
    nav .sub li {
        background-image: none;
        background-color: #3a3f42;
        border-color: #414649;
    }
    nav .sub li a {
        color: #FFFFFF;
    }

    #main {margin-top: 0;}

    /* FP newsletter hr */
    .template-frontpage .ruler.newsletter {
        height: 30px;
        margin-bottom: 30px;
        margin-top: 20px;
    }


    /*btn close*/
    .close-btn {
        display: block;
        width: 2.625em;
        height: 2.25em;
        padding: 0;
        border: 0;
        outline: none;
        background: #333333 url(++theme++gin.themegin/img/rd-icon-navigation.jpg) left center no-repeat;
        background-size: 1.875em 1.875em;
        overflow: hidden;
        white-space: nowrap;
        text-indent: 100%;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
    .close-btn:focus, 
    .close-btn:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }
    .no-svg .close-btn {background-image: url(++theme++gin.themegin/img/rd-icon-navigation.jpg)}

    /*btn open*/
    .nav-btn {
        display: block;
        width: 2.625em;
        height: 2.25em;
        padding: 0;
        border: 0;
        outline: none;
        background-size: 1.875em 1.5em;
        overflow: hidden;
        white-space: nowrap;
        text-indent: 100%;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
        opacity: 0.7;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
    .nav-btn:hover, 
    .nav-btn:focus {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }
    #top {
        position: relative;
        color: #FFFFFF;
        z-index: 100;
    }
    .nav-btn {
        position: absolute;
        top: 1.5em;
        left: 1.875em;
    }
    .nav-btn {
        left: 1.875em;
        position: absolute;
        top: 1.5em;
    }
    .nav-btn {
        background-image: url(++theme++gin.themegin/img/rd-icon-navigation.jpg);
        background-repeat: no-repeat;
        background-size: 100%;
        border: 0 none;
        display: block;
        height: 2.25em;
        opacity: 0.7;
        outline: medium none;
        overflow: hidden;
        padding: 0;
        text-indent: 100%;
        white-space: nowrap;
        width: 2.625em;
    }
    nav .close-btn {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }
    nav ul {
        white-space: nowrap;
    }
    nav li {
        /*display: inline-block;*/
        width: 100%;
        float: left;
    }
    nav li:last-child {
        border-right: none;
    }
    nav li a {
        padding: 0.42857em 0.85714em;
    }

    nav {
        position: absolute;
        top: 0;
        border-bottom: 0;
    }
    nav:not(:target) {z-index: 1}
    nav:target .close-btn {display: block;}
    nav .close-btn {
        position: absolute;
        top: -3.75em;
        left: 1.875em;
    }
    nav li {
        position: relative;
        background-color: #2d3132;
    }
    nav li.is-active:after {
        z-index: 50;
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        right: -0.03125em;
        margin-top: -0.625em;
    }
    nav li a {padding: 0.85714em 2.14286em;}
    .js-ready nav {
        width: 70%;
        background: #3a3f42;
        -webkit-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
        -moz-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
        box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
    }
    .js-ready nav .close-btn {
        display: block;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
        opacity: 0.7;
    }
    .js-ready nav .close-btn:focus, 
    .js-ready nav .close-btn:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }
    .js-ready nav {left: -70%;}
    .js-ready #inner-wrap {left: 0;}
    .js-nav #inner-wrap {left: 70%;}
    #nav .block {
        z-index: 2;
        position: relative;
        padding: 0.75em 1.25em;
        background: #333333;
    }
    #nav .block-title {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }
    #nav .block {
        position: relative;
        padding: 0;
    }
    .js-ready #nav .block {
        background: transparent;
    }
    nav {
        display: none;  /* ML: prevent flicking at page loading */
    }
    #searchbox {display: block;}
    #searchbox .switch label {color: #FFF !important;}
    .csstransforms3d.csstransitions.js-ready nav {
        display: block; /* ML: prevent flicking at page loading */
        left: 0;
        top: 40px;
        -webkit-transform: translate3d(-100%, 0, 0);
        -moz-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        -o-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    .csstransforms3d.csstransitions.js-ready #inner-wrap {
        left: 0 !important;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transition: -webkit-transform 500ms ease-in-out;
        -moz-transition: -moz-transform 500ms ease-in-out;
        -o-transition: -o-transform 500ms ease-in-out;
        transition: transform 500ms ease-in-out;
    }
    .csstransforms3d.csstransitions.js-nav #inner-wrap {
        -webkit-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
        -moz-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
        -ms-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
        -o-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
        transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
    }
    .csstransforms3d.csstransitions.js-ready #nav .block {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
        opacity: 0.7;
        -webkit-transition: opacity 300ms 100ms, -webkit-transform 500ms ease-in-out;
        -moz-transition: opacity 300ms 100ms ease-in-out, -moz-transform 500ms ease-in-out;
        -o-transition: opacity 300ms 100ms ease-in-out, -o-transform 500ms ease-in-out;
        transition: opacity 300ms 100ms ease-in-out, transform 500ms ease-in-out;
        -webkit-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
        -moz-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
        -ms-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
        -o-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
        transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
        -webkit-transform-origin: 50% 0%;
        -moz-transform-origin: 50% 0%;
        -ms-transform-origin: 50% 0%;
        -o-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
    }
    .csstransforms3d.csstransitions.js-nav #nav .block {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    /* rd nav */
    #nav-open-btn,
    #nav-close-btn {
        display: block;
    }

    /* seach box */
    #searchbox {
        padding-top: 0;
        position: absolute;
        top: 0;
        text-align: center;
        overflow: hidden;
        width: 70%;
        left: -70%;
    }
    #searchbox {
        left: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        -moz-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        -o-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        top: 15px;
    }
    #searchbox .switch {
        font-size: 15px; font-size: 0.9375rem;
        margin-top: 15px;
    }
    #searchbox input {
        margin-right: 0;
        padding: 5px 1%;
    }
    #searchbox input.inputLabel {
        width: 60%;
        min-width: 0;
        /*border: 0 none;*/
    }
    #searchbox input.searchButton {
        width: 33%;
    }

    /* breadcrumbs */
    #breadcrumbs {
        width: 94%;
        margin: 0 auto;
    }
    #breadcrumbs:empty {
        padding: 0;
    }

    /* frontpage */
    section article,
    section .column {
        margin: 0 !important;
        width: 100% !important;
    }
    section#guidelinesearch img,
    section#newsletter img.display {
        position: static;
        width: 100% !important;
    }
    section#guidelinesearch .gcount {
        top: 80px;
        left: 66%;
    }
    section#news .head .inner {
        background-position: 10px 19px;
    }
    section#newsletter article {min-height: 0}

    /* TABLE RESPONSIVE FIX */
    table.listing { 
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
        border: 1px solid #DDD;
    }
    table.listing { display: block; position: relative; width: 100%; }
    .listing thead { display: block; float: left; }
    .listing thead tr { display: block; }
    .listing tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
    .listing tbody tr { display: inline-block; vertical-align: top; }
    .listing td { 
        display: block; 
        min-height: 1.25em; 
        text-align: left; 
    }
    .listing th { 
        border-bottom: 0; 
        border-left: 0; 
        display: block; 
        text-align: right;
        text-align: left; 
    }
    .listing td { 
        border-left: 0; 
        border-right: 0; 
        border-bottom: 0; 
    }
    .listing th, .listing td { margin: 0; vertical-align: top; }
    .listing th:last-child, 
    .listing td:last-child { border-bottom: 1px solid #babcbf; }
    .listing tbody tr { border-left: 1px solid #babcbf; }
    .listing tbody tr:first-child {border-left: 0;}
    table.listing td {
        border-right: 0;
        border-bottom: 1px solid #EDEDED;
    }

    /* TABLE RESPONSIVE FIX --- custom table class : rdtable */
    table.rdtable { 
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
        border: 1px solid #DDD;
    }
    table.rdtable { display: block; position: relative; width: 100%; }
    .rdtable thead { display: block; float: left; }
    .rdtable thead tr { display: block; }
    .rdtable tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
    .rdtable tbody tr { display: inline-block; vertical-align: top; }
    .rdtable td { 
        display: block; 
        min-height: 1.25em; 
        text-align: left; 
    }
    .rdtable th { 
        border-bottom: 0; 
        border-left: 0; 
        display: block; 
        text-align: right;
        text-align: left; 
    }
    .rdtable td { 
        border-left: 0; 
        border-right: 0; 
        border-bottom: 0; 
    }
    .rdtable th, .rdtable td { margin: 0; vertical-align: top; }
    .rdtable th:last-child, 
    .rdtable td:last-child { border-bottom: 1px solid #babcbf; }
    .rdtable tbody tr { border-left: 1px solid #babcbf; }
    .rdtable tbody tr:first-child {border-left: 0;}
    table.rdtable td {
        border-right: 0;
        border-bottom: 1px solid #EDEDED;
    }

    table.plain tr th {
        float: left;
        width: 100%;
    }
    table.plain tr th img {
        float: none;
    }

    /* Calendar FIX */
    .portletCalendar table {width: 96%;}
    .portletCalendar .portletItem {padding-bottom: 20px;}

    /* Event : Webinar */
    #gin-event-column-right-inner {width: 100%;}
    #gin-event-column-right div.time {margin-bottom: 0;}
    #gin-event-column-right .join {display: none;}
    .social img {
        display: block;
        margin: 0 auto;
    }
    #event-presenter li {
        width: 100%;
        margin: 0;
        margin-bottom: 20px;
    }
    #event-presenter .details {width: 50%; min-width: 0;}
    #event-presenter:last-of-type h2 {margin-top: 0;}
    #gin-event-column-right .social {text-align: center;}
    #gin-event-column-right .social a {
        float: none !important;
    }

    /* plain */
    table.plain,
    .plain thead, 
    .plain tbody, 
    .plain tr, 
    .plain th, 
    .plain td {
        display: block;
    }
    table.plain td, 
    table.plain th {
        padding: 0;
    }

    /* Videoplayer */
    div.autoFlowPlayer.video,
    div.autoFlowPlayer.video a,
    div.autoFlowPlayer.video img {
        width: 100% !important;
        display: block;
        max-width: 400px;
        max-height: 300px;
    }

    /* Adminbar */
    #adminbar li:last-of-type {
        /* clear:both; */
        display: block;
    }

    /* twitter iframe */
    section#news li.twitterentry iframe {
        width: 97% !important;
        margin: 0 auto;
        display: block;
    }
    footer #siteactions {
        width: 100%;
    }

    /* a.btn-red */
    section a.btn-red {
        max-height: none !important;
        margin: 0 auto;
    }

    /* summaries */
    #summarybase_view ul.ui-tabs-nav, 
    #gin-ginder-export-fieldselection ul.ui-tabs-nav {
        margin: 0 auto;
        width: 90%;
    }
    #summarybase_view ul.ui-tabs-nav li, 
    #gin-ginder-export-fieldselection ul.ui-tabs-nav li {
        width: 100%;
    }
    #summarybase_view .field label {width: 50%;}
    #add_to_clipboard_action {margin-right: 10px;}
    #summary_citation {margin-left: 0}
    footer #hon-code {width: 90%;margin: 20px auto 0;}

    /* gin summary_view */
    .template-gin_folder_summaryview_view .leftWrapper {
        width: 100%;
        margin-bottom: 30px;
    }
    .template-gin_folder_summaryview_view .leftWrapper a {
        width: 30%;
        margin: 0 auto;
        height: auto;
    }
    .template-gin_folder_summaryview_view .leftWrapper a img {
        width: 100%;
        height: auto;
    }
    .template-gin_folder_summaryview_view .leftWrapper a:empty {
        display: none;
    }
    .template-gin_folder_summaryview_view .rightWrapper {
        margin-left: 0;
        max-width: inherit;
    }
    section#guidelinesearch .gcount,
    section#guidelinesearch .gcount span {
        transition: all 0s ease-out;
    }

    /* slideshow */
    #slideshow a.slidesjs-next,
    #slideshow a.slidesjs-previous {
        display: none !important;
    }

    /* guidelinedetailpage */
    .template-guideline_detail .right-column {
        width: 42% !important;
    }
    .template-guideline_detail .sidebar {
        margin-top: 30px;
    }
    #diseases_tree ul {
        margin: 0 0 10px 0;
    }
    .template-guideline_detail .gl-quickbar .label,
    .template-guideline_detail .gl-quickbar ul.actions {
        float: left;
    }
    .template-guideline_detail .gl-quickbar ul.actions li {
        list-style-type: none !important;
        list-style-image: none !important;
        float: left;
    }

    /* formTabs */
    ul.formTabs {
        background-color: transparent;
        height: 0;
        min-height: 1px;
    }
    ul.formTabs,
    ul.formTabs li,
    ul.formTabs li a {
        margin: 0 !important;
        padding: 0;
    }
    ul.formTabs li {margin-bottom: 10px !important}
    ul.formTabs li {width: 100%;}

    .template-atct_edit input[type="text"],
    .template-atct_edit select#subject,
    .template-atct_edit fieldset textarea {
        min-width: 0;
        width: 90% !important;
    }

    #gin-guidelinesearch .dropdownChecklist,
    #gin-guidelinesearch .guideline-options .column-left {
        float: none;
    }
    #gin-guidelinesearch .dropdownChecklist .dt-inner a {
        font-size: 18px; font-size: 1.125rem;
    }
    #gin-guidelinesearch .dropdownChecklist .dd-inner label {
        font-size: 18px; font-size: 1.125rem;
        padding-bottom: 3px;
        border-bottom: 1px solid #B1B1B1;
        border-radius: 5px 5px 5px 5px;
        padding-bottom: 3px;
        padding-left: 5px;
    }
    #gin-guidelinesearch #searchbar {
        text-align: center;
    }

    #gin-guidelinesearch #searchbar .searchable-text,
    #gin-guidelinesearch .dropdownChecklist dt,
    #gin-guidelinesearch .dropdownChecklist dd {
        width:88%;
    }
    #gin-guidelinesearch .dropdownChecklist dd {
        border-top: 0;
        position: relative;
        box-shadow: none;
        margin: 0 auto;
    }
    #gin-guidelinesearch .dropdownChecklist.activated .dt-inner, 
    #gin-guidelinesearch .dropdownChecklist.activated .dd-inner {
        box-shadow: 1px 1px 0 #DBDBDB, 1px 1px 0 #DBDBDB inset;
    }
    #gin-guidelinesearch #searchbar .searchable-text, 
    #gin-guidelinesearch .dropdownChecklist dt, 
    #gin-guidelinesearch .dropdownChecklist dd {
        border: 12px solid #CCCCCC;;
    }
    #gin-guidelinesearch #searchbar .searchable-text,
    #gin-guidelinesearch .dropdownChecklist dt,
    #gin-guidelinesearch .dropdownChecklist:first-of-type dt,
    #gin-guidelinesearch .dropdownChecklist:last-of-type dt,
    #gin-guidelinesearch .dropdownChecklist dd,
    #gin-guidelinesearch .dropdownChecklist .dt-inner,
    #gin-guidelinesearch .dropdownChecklist .dd-inner {
        border-radius: 5px 5px 5px 5px;
    }
    /* dropdown menu activated - head*/
    #gin-guidelinesearch .dropdownChecklist.activated dt, 
    #gin-guidelinesearch .dropdownChecklist.activated .dt-inner {
        border-radius: 5px 5px 0 0;
    }
    /* dropdown menu activated - data */
    #gin-guidelinesearch .dropdownChecklist.activated dd, 
    #gin-guidelinesearch .dropdownChecklist.activated .dd-inner {
        border-radius: 0 0 5px 5px;
    }
    #gin-guidelinesearch #searchbar .searchable-text{
        width: 67%;
    }
    #gin-guidelinesearch #searchbar #searchbutton {
        background-image: url("++theme++gin.themegin/img/search_magnifier.png"), 
                          url("++theme++gin.themegin/img/searchbar_button.png");
        background-position:center center, left -1px;
        padding: 0;
        text-indent: -999px;
        width: 20%;
    }
    #gin-guidelinesearch .dropdownChecklist {
        margin: 5% auto 0;
    }
    #gin-guidelinesearch .dropdownChecklist .dt-inner {
        display: block;
    }
    #gin-guidelinesearch .dropdownChecklist .dt-inner,
    #gin-guidelinesearch .dropdownChecklist .dd-inner  {
        padding: 1%;
        width: auto;
    }
    #gin-guidelinesearch #searchbar .searchable-text {
        padding: 0;
    }
    #gin-guidelinesearch #relatedcontent li {
        float: none;
        padding-right: 0;
        width: auto;
        text-align: left;
    }
    #gin-guidelinesearch #relatedcontent img {
        /*float: left;*/
        margin-bottom: 10px;
        margin-right: 10px;
        margin: 0 auto;
        max-width: 500px;
        display: block;
    }
    #gin-guidelinesearch #relatedcontent li a.content-edit {
        right: -19px;
    }

    #gin-guidelinesearch .dropdownChecklist input[type="checkbox"] {
        display: none;
    }
    #gin-guidelinesearch .dropdownChecklist input[type="checkbox"]:checked+label { 
        background-color: #FF3301;
        color: white;
    }
    #gin-guidelinesearch .dropdownChecklist label {
        margin-bottom: 5px;
        display: block;
        width: auto;
    }
    #gin-guidelinesearch .dropdownChecklist input[type="checkbox"]:checked+label {
        /*background-image: url(++theme++gin.themegin/img/icon-checked.png);
        background-position: 5px center;
        background-repeat: no-repeat;
        padding-left: 25px;*/
        font-family: 'Open Sans', sans-serif; font-weight: 600;
    }
    #gin-guidelinesearch #searchbar #advanced-options-control {
        font-size: 16px; font-size: 1rem;
        float: none;
        margin-right: 0;
        margin-top: 10px;
    }

    #gin-guidelinesearch #searchbar .options {
        display: block;
    }

    #gin-guidelinesearch #searchbar .options #diseases_tree li {
        margin-bottom: 0;
    }

    #gin-guidelinesearch #searchbar .options #diseases_tree span {
        font-size: 34px; font-size: 2.125rem;
        vertical-align: middle;
    }

    #gin-guidelinesearch #searchbar .options #diseases_tree label {
        vertical-align: middle;
        display: inline-block;
        margin-bottom: 0;
        width: 91%;
    }



    /* Memberdetail */
    .template-individual_member_detail #individuals .gin-member {margin: 0;}
    #individuals .ui-accordion .ui-accordion-content {padding: 0;}

    /* bildschatten */
    .template-gin_folder_summaryview_view .leftWrapper a {
        padding-bottom: 1px;
    }

    /* Dashboard */
    #dashboard_prolog,
    #gin-guidelinesearch div.column {
        width: 100% !important;
        padding: 0;
        margin: 0;
    }
    #dashboard {
        margin-top: 30px;
    }
    #dashboard > div {
        width: 100%;
        margin: 0;
    }
    #dashboard-portlets3 {
        border-left: 0;
        border-right: 0;
        padding-left: 0;
    }
    .ui-accordion dl.table-display dt {width: 100%;}
    .ui-accordion dl.table-display dd {margin-left: 10%;}


    dl.table-display ul {margin-left: 0}
    #my_searches.ui-accordion dl.table-display dt {width: inherit;}
    #my_searches.ui-accordion dl.table-display dd {margin-left: inherit;}

    /* TinyMCE */
    #text_tbl .mceFirst,
    #text_tbl tbody > tr {
        display: block;
    }
    #text_tbl tr.mceLast {float: right;}
    #text_tbl td.mceLast {float: left;}
    .ploneSkin .mceIframeContainer,
    .ploneSkin .mceIframeContainer iframe {
        width: 91%;
    }

    /* Forum */
    .portaltype-ploneboardforum #edit-bar {display: none;}

    /* FP: Section News */
    section#news .head .inner {
        background-position: 3% 48%;
    }


} /*end responsive 768*/








/* Guideline Detailpage */
@media screen and (max-width: 1120px) {
    .template-guideline_detail .sidebar-box.author ul li {border-right: 0px;}
    .template-guideline_detail .sidebar-box.author ul li:first-of-type {border-bottom: 1px solid #ddd;}
}
@media screen and (max-width: 660px) {
    .template-guideline_detail .gl-quickbar ul.actions li {width: 50%;}
    .template-guideline_detail .gl-quickbar ul.actions li a {width: 75%;}
}
@media screen and (max-width: 415px) {
    .template-guideline_detail .gl-quickbar ul.actions li {width: 100%;}
    .template-guideline_detail .gl-quickbar ul.actions li a {width: 75%;}
}
@media screen and (max-width: 330px) {
    .template-guideline_detail .right-column,
    .template-guideline_detail .left-column {width: 90% !important;}
}


/* Frontpage >> gcount */
@media screen and (max-width: 1150px) {section#guidelinesearch .gcount {top: 73px;left: 38.2%}}
@media screen and (max-width: 1000px) {
    section#guidelinesearch .gcount span {font-size: 18px; font-size: 1.125rem;}
    section#guidelinesearch .gcount span:first-child {font-size: 50px; font-size: 3.125rem;}
}
@media screen and (max-width: 920px) {
    section#guidelinesearch .gcount {top: 65px;}
    section#guidelinesearch .gcount span {font-size: 15.8px; font-size: 0.975rem;}
    section#guidelinesearch .gcount span:first-child {font-size: 42px; font-size: 2.625rem;}
}
@media screen and (max-width: 820px) {section#guidelinesearch .gcount {top: 55px;}}
@media screen and (max-width: 768px) {
    section#guidelinesearch .gcount {top: 93px; left: 67%; transition: all 0s ease-in-out;}
    section#guidelinesearch .gcount span {font-size: 1em; font-size: 1rem; transition: all 0s ease-in-out;}
    section#guidelinesearch .gcount span:first-child {font-size: 54px; font-size: 3.375rem;}
}
@media screen and (max-width: 720px) {
    section#guidelinesearch .gcount {top: 83px; left: 66.5%; transition: all 0.3s ease-in-out;}
    section#guidelinesearch .gcount span {font-size: 20px; font-size: 1.25rem; transition: all 0.3s ease-in-out;}
    section#guidelinesearch .gcount span:first-child {font-size: 48px; font-size: 3.0rem;}
}
@media screen and (max-width: 630px) {
    section#guidelinesearch .gcount {top: 73px; left: 65.5%;}
}
@media screen and (max-width: 560px) {
    section#guidelinesearch .gcount {top: 63px; left: 66.5%;}
    section#guidelinesearch .gcount span {font-size: 18px; font-size: 1.125rem;}
    section#guidelinesearch .gcount span:first-child {font-size: 300%;}
}
@media screen and (max-width: 480px) {
    section#guidelinesearch .gcount {top: 50px; left: 65.5%;}
    section#guidelinesearch .gcount span {font-size: 15px; font-size: 0.9375rem;}
    section#guidelinesearch .gcount span:first-child {font-size: 30px; font-size: 1.875rem;}
    section#guidelinesearch .gcount {top: 62px !important; left: 67.5%;}
}
@media screen and (max-width: 410px) {section#guidelinesearch .gcount {top: 40px;}}
@media screen and (max-width: 390px) {
    section#guidelinesearch .gcount span {font-size: 14.4px; font-size: 0.9rem;}
    section#guidelinesearch .gcount span:first-child {font-size: 26.4px; font-size: 1.65rem;}
}
@media screen and (max-width: 360px) {
    section#guidelinesearch .gcount {left: 64.5%;top: 39px !important;}
    #gin-guidelinesearch #stats {display: none !important;}
}
@media screen and (max-width: 340px) {
    section#guidelinesearch .gcount span {font-size: 12px; font-size: 0.75rem;}
    section#guidelinesearch .gcount span:first-child {font-size: 21.6px; font-size: 1.35rem;}
}
@media screen and (max-width: 320px) {
    section#guidelinesearch .gcount {left: 65.2%; top: 39px !important;}
}



/* Mini Fixes */
@media screen and (max-width: 500px) {
    #gin-event-column-right .content .count {font-size: 18px; font-size: 1.125rem;}
    /* nextprev-social */
    #nextprev-social {height: 140px;}
    #nextprev-social .next {
        position: absolute;
        right: 0;
        top: 5px;
    }
    #nextprev-social .social-bookmarks div.social-wrapper {
        width: 100%;
        margin-bottom: 20px;
        display: block;
    }
    /* individual_member_detail */
    .template-individual_member_detail #individuals .gin-accordion-view dd dl dt,
    .template-individual_member_detail #individuals .gin-accordion-view dd dl dd {
        width: 100%;
        display: block;
        margin: 0;
    }
}
@media screen and (max-width: 410px) {
    #gin-guidelinesearch #searchbar .searchable-text {
        width: 63%;
    }
    #gin-guidelinesearch #searchbar .searchable-text {
    width: 65%;
    }
    #gin-guidelinesearch #searchbar #arrowright {
        display: none;
    }
    #gin-guidelinesearch #searchbar #searchbutton {
        background-image: url("++theme++gin.themegin/img/search_magnifier.png");
        background-position: center center;
        font-size: 0px; font-size: 0rem;
    }
    #gin-guidelinesearch #searchbar input {
        font-size: 20px; font-size: 1.25rem;
    }
    #gin-guidelinesearch #searchbar {
        font-size: 9px; font-size: 0.562rem;
    }
}
/*@media screen and (max-width: 345px) {
    nav {top: 60px !important;}
}*/

@media screen and (max-width: 320px) {
    .portletCalendar table th, .portletCalendar table td {padding: 0;}

    /* Organisation Member - Contact Detail */
    .template-contact_detail #content .gin-member dl.table-display dd {
        margin: 0 0 0 2em;
    }
    .template-contact_detail .gin-member dl.table-display dt {
        float: none;
    }
} /*end responsive 320*/

/* slideshow */
@media screen and (max-width: 415px) {
    #slideshow,
    #slideshow img,
    #slideshow .slidesjs-control,
    #slideshow .slidesjs-container {
        height: 100px !important;
    }
    #slideshow-small,
    #slideshow-small img,
    #slideshow-small .slidesjs-control,
    #slideshow-small .slidesjs-container {
        max-height: 200px !important;
        height: 100%;
    }
    #slideshow       {opacity: 0.0;}
    #slideshow-small {opacity: 1.0; margin-top: -100px;}

    #slideshow-small img {
        width: 100% !important;
        height: auto !important;
    }
}

/* gl-quickbar ul.actions */
@media screen and (max-width: 1145px) {
    .template-guideline_detail .gl-quickbar .label,
    .template-guideline_detail .gl-quickbar ul.actions {
        float: left;
    }
    .template-guideline_detail .gl-quickbar ul.actions li {
        list-style-type: none !important;
        list-style-image: none !important;
        float: left;
        width: 24%;
    }
}
@media screen and (max-width: 515px) {
    .template-guideline_detail .gl-quickbar ul.actions li {width: 50%;}
}
@media screen and (max-width: 360px) {
    .template-guideline_detail .gl-quickbar ul.actions li a {min-height: 35px !important;}
}


/* Login Overlay */
@media screen and (max-width: 1120px) {
    #loginoverlay #loginoverlay-linkedin {
        float: none;
        width: 100%;
    }
    #loginoverlay #loginoverlay-login {
        float: none;
        width: 100%;
        border-left: none;
        border-top: 1px solid #EFEFEF;
    }
    #loginoverlay #loginoverlay-or {
        left: 50%;
        top: -11px;
        margin-left: -16px;
    }
    #loginoverlay #loginoverlay-login p.caption,
    #loginoverlay #loginoverlay-login form {
        padding-left: 0;
    }
    #loginoverlay-login p.caption,
    #loginoverlay #loginoverlay-linkedin {
        text-align: center;
    }
}
@media screen and (max-width: 640px) {
    #loginoverlay-linkedin {
        float: none;
        width: 100%;
    }
    #loginoverlay-login {
        float: none;
        width: 100%;
        border-left: none;
        border-top: 1px solid #EFEFEF;
    }
    #loginoverlay-or {
        left: 50%;
        top: -11px;
        margin-left: -16px;
    }
    #loginoverlay-login p.caption,
    #loginoverlay-login form {
        padding-left: 0;
    }
    #content-core #loginoverlay-login p.caption {
        padding-top: 20px;
    }
    #loginoverlay-login p.caption,
    #loginoverlay-linkedin {
        text-align: center;
    }
}
@media screen and (max-width: 550px) {
    #loginoverlay {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: auto;
    }
    #loginoverlay #loginoverlay-close:before {
        display: inline-block;
    }
}









@media screen and (min-width: 768px) {
    .template-gin_folder_summaryview_view .leftWrapper a img {
        width: 100%;
        height: auto;
    }
}