@media screen and (max-width: 640px) {
    /* Default Microsite Responsive */
    #header .logo-block .logo {
        background: url("../images/mobile-logo.png") no-repeat scroll 0 50% / 100% auto rgba(0, 0, 0, 0);
        display: block;
        height: 100%;
        overflow: hidden;
        width: 100%;
    }

    #responsive #responsive-menu-holder,
    #responsive-search-holder {
        margin-top: 23px;
    }

    /* 
        Header Section
        1.- Container Header
        2.- Toggle Button
    */

    /* 1.- Container Header */

    .container_16 #header .container {
        background-color: #003366;
        height: 175px;
    }


    /* 2.- Toggle Button */
    #header a.toggleMenu:link,
    #header a.toggleMenu:active,
    #header a.toggleMenu:hover,
    #header a.toggleMenu:visited,
    #responsive-menu .mainMenu .menu,
    #header a.toggleSearch:link,
    #header a.toggleSearch:active,
    #header a.toggleSearch:hover,
    #header a.toggleSearch:visited {
        background-color: #ff6600;
        color: #ffffff;
    }


    /* 3.- Menu */
    #responsive-menu .mainMenu .menu,
    #responsive-menu .submenu .subMenuHeader,
    #responsive-search-holder {
        background-color: #ff6600;
    }

    #responsive-menu .mainMenu ul li {
        border-bottom-color: #dddddd;
    }

        #responsive-menu .mainMenu ul li.btn-register {
            border: 0 none;
        }

    #responsive-menu .mainMenu .menu li.selected {
        /*background-color: #032F33;*/
    }

    #responsive-menu .mainMenu .menu li a:link,
    #responsive-menu .mainMenu .menu li a:active,
    #responsive-menu .mainMenu .menu li a:hover,
    #responsive-menu .mainMenu .menu li a:visited {
        color: #ffffff;
        text-decoration: none;
    }

    #responsive-menu .mainMenu .utility {
        background-color: #dddddd;
    }

        #responsive-menu .mainMenu .utility a:link,
        #responsive-menu .mainMenu .utility a:active,
        #responsive-menu .mainMenu .utility a:hover,
        #responsive-menu .mainMenu .utility a:visited {
            color: #555555;
            text-decoration: none;
        }

        #responsive-menu .mainMenu .utility ul li {
            border-bottom-color: #ff6600;
        }

            #responsive-menu .mainMenu .utility ul li:last-child {
                border: 0 none;
            }

    #responsive-menu .subMenu ul {
        background-color: #444444;
        height: auto;
    }

        #responsive-menu .subMenu ul li {
            border-bottom-color: #ffffff;
        }

            #responsive-menu .subMenu ul li a:link,
            #responsive-menu .subMenu ul li a:active,
            #responsive-menu .subMenu ul li a:hover,
            #responsive-menu .subMenu ul li a:visited {
                color: #ffffff;
                text-decoration: none;
            }

            #responsive-menu .subMenu ul li a.prev-nav:link,
            #responsive-menu .subMenu ul li a.prev-nav:active,
            #responsive-menu .subMenu ul li a.prev-nav:hover,
            #responsive-menu .subMenu ul li a.prev-nav:visited {
                background: url("../Images/arrow-left.gif") no-repeat scroll 0 45% rgba(0, 0, 0, 0);
                text-transform: uppercase;
                font-weight: bold;
                text-indent: 25px;
            }


    #responsive-menu .mainMenu,
    #responsive-menu .subMenu {
        float: left;
        position: relative;
        width: 50%;
        height: auto;
        display: block;
    }

        #responsive-menu .mainMenu ul li a.parent.stop {
            background: url("../Images/arrow-right-circular-sm.png") no-repeat scroll 100% 50% rgba(0, 0, 0, 0);
        }

    #responsive-menu .toggleAttExh {
        background-color: #ff6600;
        color: #ffffff;
        text-decoration: none;
    }

    /* Tab Section */
    .tab-block .tabset .tab:link,
    .tab-block .tabset .tab:active,
    .tab-block .tabset .tab:hover,
    .tab-block .tabset .tab:visited {
    }

    .tab-block .tabset .tab:hover,
    .tab-block .tabset .active .tab:link,
    .tab-block .tabset .active .tab:active,
    .tab-block .tabset .active .tab:hover,
    .tab-block .tabset .active .tab:visited {
        background-color: #353535;
        border: 1px solid #353535;
        color: #ffffff;
    }


    /* News About Event */
    .news-about-event .content_wrap .grid_3.news-col-right a:link,
    .news-about-event .content_wrap .grid_3.news-col-right a:active,
    .news-about-event .content_wrap .grid_3.news-col-right a:hover,
    .news-about-event .content_wrap .grid_3.news-col-right a:visited {
        background: #353535;
        color: #ffffff;
    }

    .news-about-event .content_wrap .grid_3.news-col-right a:hover {
        background: #131313;
    }

   /* Footer */
    .footer-bottom {
        background-color: #020202;
    }

    /* Custom Footer */
    .footer-info {
        height: auto;
        background: none repeat scroll 0 0 #a3a3a3;
    }

        .footer-info .container_16 {
            background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
            width: 100%;
        }

            .footer-info .container_16 .footer-about-woc,
            .footer-info .container_16 .footer-official-publications,
            .footer-info .container_16 .footer-social-media {
                clear: both;
                margin: 0;
                width: 95%;
                padding: 2.5%;
            }

            .footer-info .container_16 p {
                margin: 0;
                font-size: 1em;
                line-height: 1em;
            }

            .footer-info .container_16 h2 {
                font-size: 1.1em;
                line-height: 1.5em;
            }

    /* Mobile Header */
    .mobileHeader, #world-news {
        display: none;
    }

    /* Aside fix */
    #main .media-aside {
        padding: 0;
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    }

    .auto-link-group-module, .media-aside .auto-link-group-module {
        padding: 0;
        width: 100%;
    }
}