/*MEDIA QUERY*/
@media only screen and (max-width: 1280px) {
    .slider-container img {
        max-height: 500px;
         height: 500px !important; 
    }
    .about-desc {
        font-size: 16px;
        line-height: 30px;
    }
    .about-desc .text-wrap {
        top: 0;
        padding: 15px 8%;
    }
}

@media only screen and (max-width: 1024px) {
    .event-wrap {
        height: auto !important;
    }
}

@media screen and (max-width: 991px) {
    .home .events-container .dated-events .event-date {
        float: none !important;
        margin: 15px auto !important;
    }
}
    
@media screen and (min-width: 910px) {
    .hamburger, .cross {
    display: none;
    }
    .site-header-menu {
    display: block;
    }
}

@media screen and (max-width: 909px) {
    div.site-top-menu {
        height: auto;
    }
    div.extra-class ul {
        text-align: left;
    }
    .menu-toggle.toggled-on, .menu-toggle.toggled-on:hover, .menu-toggle.toggled-on:focus {
        margin: 10px;
        background-color: #0054a5;
        border: 0;
    }
    .menu-toggle {
        margin: 10px;
    }
    .slider-entry-title {
        font-size: 26px;
        width: 65%;
        line-height: normal;
    }
    .slick-dots {
        bottom: 7px !important;
    }
    .statements-container > div, .initiatives-container > div, .members-container > div, .updates-container > div, .events-container > div, .press-container > div, 
    .blog-container > div, .videos-container > div {
        text-align: center;
    }
    .fwc-col {
        border: none;
    }
}

@media only screen and (max-width: 767px) {
    #member-container .member-wrap img {
        width: 50% !important;
        margin: 0 auto 30px;
    }
    .member-description {
        text-align: center;
    }
    .member-description ul {
        list-style: none;
        padding-left: 0;
    }
    .focal-points .country-wrap h2 span {
        padding: 0 10px;
    }
    .footer-initiatives {
        text-align: center;
    }
    #menu-en-top-bar-1 {
        display: inline-block !important;
    }
}

@media (max-width: 767px) {
    /* Author: Azel Alyne Tan */
    #main-navigation {display:none;}
    
    #mobile-nav {
        display: block !important;
    }
}


@media screen and (max-width: 768px) {
    .site-top-menu .col-md-6 {
        padding: 0;
        text-align: center;
    }
    .initiatives-menu a, #site-navigation-top-side a {
        font-size: 12px;
        margin: 0px;
    }
    .initiatives-menu li, nav#site-navigation-top-side li {
        margin-right: 5px;
        display: inline-block;
    }
    #menu-en-top-bar-main-menu.navbar-nav a,
    #menu-es-top-bar-main-menu.navbar-nav a {
        margin-left: 0 !important;
    }
    #menu-en-top-bar-main-menu.navbar-nav,
    #menu-es-top-bar-main-menu.navbar-nav {
        float: none !important;
    }
    .site-side-menu .text-right {
        text-align: center;
        margin-bottom: 20px;
    }
    .option-menu {
        display: inline;
        position: relative;
        top: 14px;
    }
    .site-logo-container {
        text-align: center;
        margin-top: 5px;
    }
    .fwsm-container #menu-footer-widget-side-menu > li {
        margin-bottom: 25px;
    }
    .fwsm-container #menu-footer-widget-side-menu > li:last-child {
        margin-bottom: 0;
    }
    .view-all-link {
        text-align: center;
        margin-bottom: 20px;
    }
    .initiatives-container-child div, .after-slider-latest-cols {
        border: none !important;
    }
    .slider-container img {
        max-height: 250px;
        height: 250px !important;
    }
    .col-md-4:last-child .blog-title-wrap {
        margin-bottom: 0;
    }
    .footer-menu a {
        font-size: 12px;
    }
    .footer-initiatives li {
        margin-right: 5px;
        white-space: normal;
    }
    .events-container img, .press-container img, .blog-container img, .videos-container img {
        max-height: 170px !important;
        height: 170px !important;
    }
    .fwc-col {
        border-left: none !important;
        margin-top: 15px;
    }
    .social-img {
        text-align: center;
    }
    #menu-en-top-bar-1 {
        width: 100%;
        display: inline-flex;
        margin-bottom: 0;
    }
    /*Dropdown Nav*/
    #menu-en-main-menu  .opened .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    #menu-en-main-menu .menu-child-collapse {
        margin-right: 10px;
    }
    #menu-en-main-menu a {
        margin-right: 30px;
    }
    
    
    #site-navigation-top-side {
        display: none;
    }
    /*Dropdown Nav*/
    #mobile-menu .opened .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin-left: 20px;
    }
    #mobile-menu .menu-child-collapse {
        margin-right: 15px;
    }
    #mobile-menu a {
        margin-right: 30px;
    }
    .slider-container img {
        min-height: 100%;
        height: 500px !important;
        object-position: 20%;
    }
    .slider-entry-title {
        width: 100% !important;
    }
}    
    
@media only screen and (min-width:769px) {
    .dropdown:hover .dropdown-menu {
        display: block;
    }
    .dropdown-submenu {
        position: relative !important;
    }
    
    .dropdown-submenu>.dropdown-menu {
        top: 0 !important;
        left: 100% !important;
        margin-top: -6px !important;
        margin-left: -1px !important;
        border-radius: 0 !important;
    }
    
    .dropdown-submenu:hover>.dropdown-menu {
        display: block !important;
    }
    
    .dropdown-submenu>a:after {
        display: block;
        content: "\f105";
        font-family: 'FontAwesome';
        margin-top: -18px;
        right: 15px;
        position: absolute;
        font-weight: 300;
    }
}

@media (max-width: 767px) {
    #statements-page .banner-section .custom-col:nth-child(1) {
        width: 97.3% !important;
        margin-left: 15px; 
    }
    #statements-page .banner-section .custom-col:nth-child(2) {
        height: 300px;
        width: 96%  !important;
        margin-left: 15px;
    }
    #statements-page .banner-section .custom-col .text-wrap {
        height: 300px;
        display: table-cell;
        vertical-align: middle;
    }

    .option-menu { 
        margin-bottom: 20px;
        float: none !important;
        margin-left: auto;
        margin-right: auto;
    }
    #lang_sel, .option-menu .btn-login  {
        margin-left: auto;
        margin-right: auto;
    }
}

@media only screen and (max-width: 600px) {
    .fwsm-container ul li {
        width: 100% !important;
        white-space: normal;
        text-align: center;
    }
    #menu-en-footer-menu-widget > li {
        margin-bottom: 15px;
    }
}


@media (max-width: 480px) {
    /*Mobile Nav Styles: */
    .mobile-search-form label {
        width: 85%;
    }
    
    .mobile-search-form .search-form .search-submit {
        margin-right: 10px;
    }
    .slider-entry-title {
        font-size: 32px !important;
        line-height: 35px !important;
    }
    .slider-entry-date {
        font-size: 18px !important;
    }

    /* Home */
    #section-updates h2 {
        text-align: center;
    }

    .updates-container h2 {
        margin-bottom: 20px !important;
    }

    

    .contact-us-page .gform_button { width: 97% !important; }
}

/* Iphone 5 below Specific ================================================ */
@media (max-width: 320px) {
    /*Mobile Nav Styles: */
    .mobile-search-form label {
        width: 80%;
    }
    
    .mobile-search-form .search-form .search-submit {
        margin-right: 0px;
    }
}

/*About and Statement Banner Responsive*/
@media screen and (min-width: 1500px) and (max-width: 9999px) { 
    /*#about-page .banner-section .custom-col img {*/
    /*    margin-left: 15px;*/
    /*}*/
}

@media screen and (min-width: 769px) and (max-width: 1024px) { 
    /*#about-page .banner-section .custom-col .text-wrap {*/
    /*    line-height: 25px !important;*/
    /*}*/
    /*#about-page .banner-section .custom-col .text-wrap p {*/
    /*    font-size: 16px !important;*/
    /*}*/
}

@media screen and (min-width: 481px) and (max-width: 768px) { 
    /*#about-page .banner-section .custom-col:nth-child(1) {*/
    /*    width: 50% !important;*/
    /*}*/
    
    /*#about-page .banner-section .custom-col:nth-child(2) {*/
    /*    width: 50% !important;*/
    /*}*/
    
}

@media screen and (min-width: 0px) and (max-width: 480px) {
    /*#about-page .banner-section .custom-col:nth-child(1) {*/
    /*    height: 250px !important;*/
    /*    width: 100% !important;*/
    /*}*/
    
    /*#about-page .banner-section .custom-col:nth-child(2) {*/
    /*    height: 380px !important;*/
    /*    width: 100% !important;*/
    /*    padding: 25px 25px !important;*/
    /*}*/
    
    /*#about-page .banner-section .custom-col .text-wrap {*/
    /*    line-height: 25px !important;*/
    /*}*/
    
    /*#about-page .banner-section .custom-col img {*/
    /*    padding-right: 0 !important;*/
        
    /*}*/
    /*#statements-page .banner-section .custom-col:nth-child(1) {*/
    /*    height: 250px !important;*/
    /*    width: 96% !important;*/
    /*}*/
    
    /*#statements-page .banner-section .custom-col:nth-child(2) {*/
    /*    width: 96% !important;*/
    /*    padding: 30px 20px !important;*/
    /*    margin-left: 15px;*/
    /*    height: auto !important;*/
    /*}*/
    
}
@media screen and (min-width: 0px) and (max-width: 480px) {
    #statements-page .banner-section .custom-col:nth-child(1) {
        height: 300px;
        width: 95.9% !important;
    }
    #statements-page .banner-section .custom-col:nth-child(2) {
        width: 93.8% !important;
    }
}

@media (max-width: 1199px) {
    /*Publication Page:*/
    .publication-content { min-height: 510px; }
    .full-width-div { height: 510px; }
    .featured-publication-left .featured-latest-div {
        height: 510px;
    }
}

@media (max-width: 991px) {
    /*Publication Page:*/
    .publication-content { min-height: 1050px; }
    .full-width-div { min-height: 1050px; }
    .featured-publication-right { padding-top: 0; height: 100%; }
    .featured-publication-right img {
        max-height: 300px;
        height: 250px;
    }
    .featured-publication-right .page-content { min-height: 100px; }
    .tag-cloud { width: 85%; }
    .tag-title { width: 15%; }
}

@media (max-width: 767px) {
    /*Publication Page:*/
    .publication-content { min-height: 1050px; }
    .full-width-div { min-height: 1050px; }
    .featured-publication-right img {
        height: 200px;
    }
    .tag-cloud { width: 80%; }
    .tag-title { width: 10%; }
}

@media (max-width: 480px) {
    /*Publication Page:*/
    .publication-content { min-height: 1325px; }
    .full-width-div { min-height: 1325px; }
    .featured-latest-div {
        float: none;
        width: 100%;
    }
    .page-id-10 .entry-title { font-size: 35px; }
    .tag-cloud { float: none; width: 100%; padding: 0;}
    .tag-title { float: none; width: 100%; }
}

@media (max-width: 320px) {
    /*Publication Page:*/
    .publication-content { min-height: 1350px; }
    .full-width-div { min-height: 1350px; }
}




@media (max-width: 991px) {

    /* Tabbed Pages: About Us and Media Page */

    .tabs-left .nav.nav-tabs {
        width: 77.4% !important;
    }

    .tab-content, .nav-tabs {
        display: block !important;
        margin: auto;
    }

    div#who-we-are > div:last-child img {
        margin: auto;
    }


    /* Contact Page */

    .contact-us-page > div > div:first-child {
        margin-bottom: 60px;
    }
}


@media (max-width: 480px) {

    /* Tabbed Pages: About Us and Media Page */

    .press-resources-content > div.row > div {
        padding-bottom: 15px;
    }

    /* Contact Page: */
    .contact-us-page .gform_wrapper .gform_body {
        padding: 10px;
        padding-right: 25px;
    }
    .contact-us-page .gform_wrapper .gform_footer { padding-left: 10px; }
}