/*** All Media Quries Starts here ***/

@media (min-width: 768px) {
    .front .main-container.container,
    .front .container .container-fluid .row {
        width: 100%;
        margin: 0;
    }
    .front .rolph-container.rolph-header,
    .front .rolph-container.rolph-footer,
    .rolph-container-container,
    .front .container .container-fluid .row .radix-layouts-header,
    .front .container .container-fluid .row .radix-layouts-footer,
    .front .container .container-fluid .row .radix-quarter-container {
        width: 1170px;
        margin: 0 auto;
        padding-bottom: 30px;
        padding-top: 30px;
        float: none;
    }
    .front .rolph-container.rolph-header .pane-bundle-spotlight,
    #home-page-spotlight {
        width: 50%;
        float: left;
        background: url(../images/monitor.png) no-repeat;
        padding: 23px 0 0 76px;
        min-width: 658px;
        height: 402px;
        margin-left: -15px;
    }
     .front .rolph-container.rolph-header .pane-bundle-text{
        width: 90%;
    }
    .rolph-container.rolph-header .col-sm-6 {
        padding: 10px 60px 0 0;
    }
    .front .rolph-container.rolph-footer .panel-pane,
    .front .container .container-fluid .radix-layouts-footer .panel-pane {
        float: left;
        width: 32%;
    }
    .front .container .container-fluid .radix-layouts-quarter1 .panel-pane,
    .front .container .container-fluid .radix-layouts-quarter2 .panel-pane,
    .front .container .container-fluid .radix-layouts-quarter3 .panel-pane {
        text-align: center;
    }
    .front .container .container-fluid .radix-layouts-footer .panel-pane img {
        max-width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    .footer.container .col-sm-3 {
        padding: 0;
    }
    .front .container .container-fluid .radix-layouts-header .panels-ipe-sort-container.ui-sortable .panels-ipe-portlet-wrapper.panels-ipe-portlet-marker {
       width: 49%;
       float: left;
       margin: 0 .5%;
    }
    .front .container .container-fluid .radix-layouts-footer .panels-ipe-sort-container.ui-sortable .panels-ipe-portlet-wrapper.panels-ipe-portlet-marker {
       width: 32%;
       float: left;
    }

    .not-logged-in.front #home-page-welcome,
    .not-logged-in.front #home-page-spotlight {
        float: left;
        width: 45%;
    }
    nav.navigation {
        margin-top: 50px;
    }
    .front .container .container-fluid .panels-ipe-portlet-marker #home-page-welcome .col-sm-6,
    .not-logged-in.front #home-page-welcome .col-sm-6 {
        width: 100%;
        padding: 0;
    }
    .front .container .container-fluid .radix-layouts-header,
    .front .container .container-fluid .radix-layouts-header .col-sm-6 {
        padding: 0;
    }
    .rolph-container.rolph-quarter-content .panel-pane {
        padding: 30px;
    }
    #navbar .navigation a:hover,
     #navbar .navigation a.active {
        background: #737373;
        color: #fff;
        text-decoration: none;
    }
    #navbar .navigation a.active .sf-sub-indicator{
        background: url('../images/arrows-ffffff.png') no-repeat -10px -101px;
    }
    #navbar .navigation a {
        color: #4F4F4F;
        border-right: 1px solid #BDBDBD;
        padding: 0 15px;
        font-weight: 700;
        font-family: Source Sans Pro;
        font-size: 14px;
    }
    #navbar .sf-sub-indicator {
        right: 2px;
        top: 6px;
        background-size: 10px;
    }
    #navbar a:hover .sf-sub-indicator{
        background: url('../images/arrows-ffffff.png') no-repeat -10px -100px #737373;
    }
    #navbar .navigation .sf-menu.sf-horizontal.sf-shadow ul li a {
        border-right: 0;
        border-bottom: 0px solid #3A3A3A;
        padding-bottom: 10px;
    }
    #block-block-13 a.btn,
    .umoja-login a.btn {
        margin: 20px 10px 0px 0;
    }
    .radix-layouts-content .fieldable-panels-pane .field-item table{
        min-width: 100%;
    }

}
/* min-width: 768px End */

/* Media Between  768px and 1024px Starts */
@media (min-width: 768px) and (max-width: 1024px) {
    .front .rolph-container.rolph-header,
    .front .rolph-container.rolph-footer,
    .rolph-container-container,
    .front .container .container-fluid .row .radix-layouts-header,
    .front .container .container-fluid .row .radix-layouts-footer,
    .front .container .container-fluid .row .radix-quarter-container{
        width: 100%;
    }
    .radix-quarter-container{
        display: inline-block;
    }
    .not-logged-in.front #home-page-welcome,
    .not-logged-in.front #home-page-spotlight{
        width: 35%;
    }
    .not-logged-in.front #home-page-welcome{
        padding-left: 20px;
    }

}
/* Media Between  768px and 1024px End */

/* max-width: 800px starts */

@media (max-width: 960px) {
    .rolph-quarter {
        width: 50%;
        float: left;
        padding: 0;
    }
    .front .rolph-container.rolph-header .pane-bundle-spotlight {
        padding-left: 15px;
        padding-right: 15px;
    }
    .rolph-quarter-content .rolph-container-container {
        display: flex;
        flex-wrap: wrap;
    }
    .front .rolph-container.rolph-footer .panel-pane {
        padding-left: 15px;
        padding-right: 15px;
    }
    .footer.container .col-sm-3 {
        width: 50%;
        float: left;
    }
    #navbar .navbar-header {
        width: 100%;
        margin: 0;
    }
    #navbar .logo {
        margin: 15px 0;
    }
    #superfish-1-toggle span {
        text-indent: -9999999px;
        position: absolute;
    }
    #navbar .navigation .sf-accordion-toggle a,
    #navbar .navigation .sf-accordion-toggle a:hover {
        background: url(../images/menu-icon.png);
        min-width: 91px;
        min-height: 68px;
        background-size: 50px 40px;
        background-position: 50% 50%;
        background-repeat: no-repeat;
    }
    #ess {
        margin-bottom: 20px;
    }
    #block-block-13 a.btn,
    .umoja-login a.btn {
        margin: 20px 10px 0px 13px;
    }
    .view-id-panopoly_news .views-row{
        margin-bottom: 15px;
    }
    .radix-pond .radix-layouts-footer table td{
        padding-right: 25px;
        min-width: 110px;
    }
    .not-logged-in.front #home-page-welcome,
    .not-logged-in.front #home-page-spotlight{
        width: 90%;
        margin-left: 15px;
        margin-bottom: 15px;
    }
    .front .rolph-container.rolph-footer .panel-pane,
    .front .container .container-fluid .radix-layouts-footer .panel-pane {
        float: left;
        width: 50%;
    }
    .radix-sanderson-flipped .container-fluid .col-md-4.panel-panel{
        text-align: center;
    }

    .page-umoja-reporting .col-sm-12{
        padding: 0 10px;
    }

}
/* max-width: 800px End */

/* max-width: 660px starts */
@media (max-width: 740px) {
ul.sf-menu.sf-accordion.sf-expanded, ul.sf-menu.sf-accordion li.sf-expanded > ul {
    position: absolute;
    background: #ccc;
    width: 24%;
    padding: 6px 15px;
    right: 30px;

}
}
@media (max-width: 768px) {
    .un-banner-logo {
        width: auto;
        margin: 0;
    }
    nav.navigation {
        margin-top: 0;
        position: absolute;
        top: 0;
        right: 0;
    }
    #home-page-spotlight {
        margin-top: 15px;
    }
    .front .container .container-fluid .radix-layouts-header {
        padding: 0;
    }
    .rolph-container.rolph-quarter-content .panel-pane {
        padding: 30px 0;
    }
    ul.sf-menu.sf-accordion.sf-expanded,
    ul.sf-menu.sf-accordion li.sf-expanded > ul {
        position: absolute;
        background: #ccc;
        width: auto;
        padding: 6px 15px;
        right: 30px;
        top: 50px !important;
    }
    ul.sf-menu.sf-accordion li.sf-expanded > ul {
        right: 100px;
    }
    ul.sf-menu.sf-accordion li {
        margin-bottom: 5px;
    }
    .training-ess{
        margin-bottom: 20px;
    }
    .page-glossary .col-sm-12 section.block{
        padding-right: 15px;
        padding-left: 15px;
    }

    .front .rolph-container.rolph-footer .panel-pane,
    .front .container .container-fluid .radix-layouts-footer .panel-pane {
        width: 100%;
    }
    .radix-layouts-content .fieldable-panels-pane .field-item table td {
        padding-right: 10px;
        min-width: 90px;
        padding-bottom: 15px;
    }
}







/*** All Media Quries End here ***/

#block-block-13 a.btn,
.umoja-login a.btn {
    border: 0;
    background: url("../images/sign-in.png") no-repeat 12px center #20377D;
    text-align: left;
    padding: 10px 15px 10px 45px;
    color: #fff;
    font-weight: 700;
    line-height: 16px;
    text-decoration: none;
}
.un-top {
    display: none;
}
nav.navigation {
    background: transparent;
    border: 0;
    width: auto;
    float: right;
}
#navbar .navigation .last a {
    border: 0;
}
.navbar-header {
    width: auto;
    float: left;
}
.navbar-collapse {
    float: right;
}
#navbar .navigation .sf-menu.sf-horizontal.sf-shadow ul {
    background: #FFFFFF;
}
a.logo {
    width: 160px;
    margin-top: 0px;
}
.navbar-header {
    margin-top: 30px;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.pane-node-title {
    color: #000;
}
.pane-content li {
    list-style: inherit;
    border: 0;
    margin: 0;
    padding: 0;
}
ul {
    padding: 0 0 0 18px;
    margin-bottom: 10px;
}
/* <!-- Front --> */

.rolph-container.rolph-header h1,
.front #home-page-welcome h1 {
    font-weight: 600;
    font-size: 40px;
    margin-bottom: 20px;
}
.rolph-container.rolph-header p,
.front #home-page-welcome p {
    font-size: 18px;
    font-weight: 300;
    color: #636363;
}
#block-block-13 {
    float: right;
}
#block-block-13 a.btn:hover,
.umoja-login a.btn:hover {
    box-shadow: 0px 0 20px rgba(0, 0, 0, 0.32);
}
#block-block-13 .btn.login-umoja-production,
.umoja-login .btn.login-umoja-production {
    background: url("../images/sign-in.png") no-repeat 12px center #5C9BC4;
}
img.panopoly-image-spotlight {
    border-radius: 2px;
}
.front .rolph-container.rolph-header .pane-bundle-spotlight .panopoly-spotlight-buttons-wrapper {
    display: none!important;
}
.front .rolph-container.rolph-header .panel-separator,
.front .container .container-fluid .panel-separator {
    clear: none;
}
.front .pane-bundle-spotlight .panopoly-spotlight-label {
    background: none;
}
.front .container .container-fluid .pane-content h3 {
    border: none;
}
.rolph-container.rolph-quarter-content {
    background: #F4F4F4;
    border-top: 1px solid #D6D6D6;
    border-bottom: 1px solid #D6D6D6;
    padding: 40px 0 95px 0;
}
.rolph-container.rolph-quarter-content .panel-pane {
    background: #fff;
    text-align: center;
    border-radius: 3px;
}
.rolph-container.rolph-quarter-content .panel-pane img {
    border-radius: 3px;
}
.rolph-container.rolph-quarter-content .panel-pane:hover img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}
.rolph-container.rolph-quarter-content .panel-pane h3 {
    font-size: 20px;
}
.rolph-container.rolph-quarter-content .panel-pane h3 a {
    color: #000;
}
.rolph-container.rolph-quarter-content .rolph-quarter-inner {
    margin-right: 10px;
}
.rolph-container.rolph-quarter-content .rolph-quarter-inner .panel-separator {
    margin-bottom: 10px;
}
/* Footer */

.front .rolph-container.rolph-footer .panel-separator {
    float: left;
    clear: none;
    margin: 1%;
}
#block-block-4 li {
    padding: 0;
    border: 0;
    display: block;
    text-align: left;
}
#block-block-4 li a {
    color: #717171;
    font-weight: 400;
}
.footer.container {
    padding-right: 0;
    padding-left: 0;
}
#terminology dd {
    margin-bottom: 5px;
    border-bottom: 1px dashed #eaeaea;
    padding-bottom: 5px;
}
#terminology dt {
    font-size: 16px;
}
.node-type-umoja-reporting h1.page-header {
    display: none;
}
.node-type-umoja-reporting .field-label {
    text-transform: uppercase;
    color: #5c9bc4;
}
.node-type-umoja-reporting .field-items {
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 15px;
}
.node-type-umoja-reporting .field-name-field-reporting-potential-users .field-item {
    display: inline-block;
    background: #f9f9f9;
    margin-right: 3px;
    padding: 0 3px;
}
.pane-umoja-reporting-module-page-panel-pane-1 .pane-title {
    text-transform: uppercase;
    color: #5c9bc4;
    padding: 0;
    border: 0;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
}
.pane-umoja-reporting-module-page-panel-pane-1 .views-row {
    display: inline-block;
    background: #f9f9f9;
    margin-right: 3px;
    padding: 0 3px;
    border-bottom: 0;
}
.pane-umoja-reporting-module-page-panel-pane-1 h3 {
    font-size: 18px;
    line-height: 18px;
    font-weight: normal;
}
.pane-umoja-reporting-module-page-panel-pane-1 .ui-accordion .ui-accordion-icons {
    padding-left: 1em;
    padding-top: .3em;
    padding-bottom: .3em;
}
.pane-umoja-reporting-module-page-panel-pane-1 .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    left: 0;
}
.pane-umoja-reporting-module-page-panel-pane-1 .ui-accordion .ui-accordion-content {
    padding: 0 0 0 1.36em;
}
header#navbar nav.navigation {
    clear: none;
}
img {
    max-width: 100%;
}

.radix-sutro .col-md-6.panel-panel{
    margin-bottom: 10px;
}

.sf-main-menu .sf-sub-indicator{
    background: url("/sites/umoja.un.org/themes/unite/images/arrow.png") no-repeat 0 1px;
}
.node-type-panopoly-page .view-panopoly-news h3{border-bottom: none;}