@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%;
    }

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

    /* 1.- Container Header */

    .container_16 #header .container {
        background-color: #55a2d2;
        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: #00d8ff;
        color: #ffffff;
    }


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

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

        #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: #55a2d2;
    }

        #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: #231f20;
            text-decoration: none;
        }

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

            #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: #00d8ff;
        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: #444444;
        border: 1px solid #444444;
        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: #5D3095;
        color: #ffffff;
    }

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

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

    .customFooter {
        display: block;
        overflow: hidden;
        padding: 2.5%;
        width: 95%;
    }



    /* Mobile Header */
    .mobileHeader {
        display: none;
    }

    /* Footer */

    /* Hide elements*/
    .quick-links,
    .footer-graphics,
    .about-holder .about {
        display: none;
    }
    /* End of Hide elements */

    .footer-info .container_16 .about-tise .about-holder,
    .footer-info .container_16 .quick-links {
        width: 95%;
        padding: 2.5%;
        clear: both;
    }

        .footer-info .container_16 .about-tise .about-holder .about,
        .footer-info .container_16 .about-tise .about-holder .social {
            clear: both;
            float: none;
        }

    .footer-info .grid_5 {
        width: 100%;
        max-width:500px;
    }

    /* Marketing Forms */
    #marketingEbookPage .rightRail {
        clear: both;
        float: none;
        display: block;
        overflow: hidden;
        margin: 0;
    }
}

@media screen and (max-width: 400px) {
    .footer-info .container_16 .quick-links ul li {
        float: none;
        width: 100%;
    }
}