@media all and (min-width: 320px) and (max-width: 767px) {

    body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 75%; }
    p { margin: 1em 0; }
    a { color: #003478; font-weight: bold; text-decoration: none; }
    a:hover { text-decoration: underline; }
    fieldset legend { display: none; }
    fieldset { margin: 0; padding: 0; border: 0; }
    img { border: 0; }
    h1 { font-size: 1.2em; }
    h2, .region h2 { font-size: 1.2em; }
    h3 { font-size: 1.1em; }
    h4 { font-size: 1em; }
    h5 { font-size: 1em; }

    .button, .button_small { background: #003478; border: 0; color: #fff; height: 19px; cursor: pointer; font-size: 11px; font-weight: bold; font-family: Arial, Sans-Serif; display: inline-block; padding-left: 6px; padding-right: 6px; }
    .button:hover, .button_small:hover { background: #484a56; text-decoration: none; }
    .mobile_header { margin-bottom: 10px; }
    .search { margin-top: 10px; }

    .clearfix:after {
	    content: ".";
	    display: block;
	    clear: both;
	    visibility: hidden;
	    line-height: 0;
	    height: 0;
    }
 
}

@media all and (min-width: 320px) and (max-width: 479px)
{

    /* Layout */
    .container{width: 320px !important;padding-left: 0 !important;background-color:#fff;}
    .article_page {width:300px;}

    /* Header */
    .top_bar .top_wrap {width:320px;}
    .top_bar .top_wrap * { max-height:40px; padding:0; margin:0}

    /* Latest news */

    .homepage_latest_news { width: 305px !important; height:325px;}
    .homepage_latest_news ul.latest_news_list {top:330px; width:310px; max-width:300px;}
    .homepage_latest_news ul.story_detail li { width: 300px !important;}
    .homepage_latest_news ul li img {margin-left:0;}
    div.story_text{width:270px !important;}

    .main_content .halfwidth { width:310px;}

    ul.article_tools {padding:0 5px;}
        ul.article_tools li a { margin-right:3px}

    /* Site specific */

    /* Header */

    .top_wrap, .top_bar {height:40px !important;}
    .top_banner {margin-bottom:0; height:40px }
    .top_bar .top_wrap * { max-height:40px; padding:0; margin:0}

    .masthead { background-image: url(/Themes/GI/Img/bg_masthead_320.jpg); background-position: 0px 35px; background-repeat: no-repeat; height:215px;}

    .subscribe_bar {margin:10px 0;}

    /* My account */

    .graypanel {width:288px;}
    .article_page .main_login {width:290px;}
        .article_page .main_login .half, .main_login .half { width:100%;}

    /* Directory */

    .getListedBox { padding-left:0; padding-top:135px; background-position:30px 0}
    .main_content .banner { height:220px;}
    
    /* Events calendar */
    span span table, #eventInfoTable, #eventInfoTable table { width:300px !important;}

    /* Advanced search */

    .tabgroup_content_2 { width:285px;}

}

@media all and (min-width: 480px) and (max-width: 767px) {

    /* Layout */

    .top_bar .top_wrap { width:480px; }
    .top_bar .top_wrap * { max-height:59px; padding:0; margin:0}
    .article_page {width:460px !important;}
    .container {width: 480px !important; padding-left: 0 !important; background-color:#fff;}

    /* Swiper */

    .homepage_latest_news { width: 470px !important;}
    .homepage_latest_news ul.latest_news_list {top:295px; width:470px !important;}
    .homepage_latest_news ul.story_detail li { width: 460px !important;}
    .homepage_latest_news ul li img {margin-left:0;}
    div.story_text{width:430px !important;}

    .main_content .halfwidth { width:470px;}

    .article_page {width:450px !important;}
        .article_page .main_login {width:450px;}
            .main_login h2 { font-size: 1.2em; }
            .main_login .half { width:230px;}

    .secondary_content, div.poll_wide {width:470px;}
        .secondary_content .poll {width:470px;}

    /* Site specific */

    .masthead { height:220px;}
    .mobileMenu { margin-top:20px;}

    /* My account */
    .top_wrap, .top_bar {height:59px !important;}

    .graypanel {width:448px;}

    .image_left, .eraLinksBlock  { width:336px;}
    span span table, #eventInfoTable, #eventInfoTable table { width:460px !important;}

    /* Directory */
    .getListedBox { padding-left:0; padding-top:135px; background-position:100px 0}
    .main_content .banner { height:155px;}

    /* Advanced search */

    .tabgroup_content_2 { width:445px;}

}

@media all and (min-width: 320px) and (max-width: 767px) {

    /* Elements to hide */

    .jobs_list, .footer .font_changer, .footer .footer_bottom, .hideContent, .featured_products, .skyscraper { display:none;}

    .breadcrumb { padding-left: 0; }
    /* Footer */

    div.footer_menu {width:48%; margin-bottom:0px;}
    div.footer_menu:nth-child(2n+1) {clear:both}

    /* Homepage latest news styling for mobile devices, styles for individual orientation can be found in the relevant section above 

    .homepage_latest_news {overflow:hidden; background-color: #eff0f5;}
        .homepage_latest_news ul.latest_news_list {-webkit-transition: -webkit-transform 0.3s linear; position:absolute; left:50%; margin-left:-145px !important; height:23px; width:auto !important;}
            .homepage_latest_news ul.latest_news_list li {display:list-item; width:15px !important; overflow:hidden; margin-right:5px; float:left; height:16px; background-image:none;}
            .homepage_latest_news ul.latest_news_list li:nth-child(n+15) {display:none;}
    
                .homepage_latest_news ul.latest_news_list li a {width:0px !important; padding-left: 20px; overflow:hidden; background: url(../img/bulletListNewsItems.png) no-repeat -5px -5px; font-size:0px; color:#F4E9FF;}
                    .homepage_latest_news ul.latest_news_list li a.activeSlide {background: url(../img/bulletListNewsItems.png) no-repeat -5px -35px !important;}

    .homepage_latest_news ul.story_detail {max-width:6000px;}
        .homepage_latest_news ul.story_detail li { display: list-item; float: left; clear: none; width: 280px;  background-color:#eff0f5; padding:0 5px;}
            .homepage_latest_news ul li a {margin:0 auto; height:auto; background-color:#eff0f5; border-bottom:0;}

    ul.story_detail{height: auto;}
    */

    #stories { display:none;}
    .homepage_latest_news ul.latest_news_list { position:relative; top:0; margin-left:0 !important; left:0 !important;}
    #nav .activeSlide { background-image:none !important;}
    .homepage_latest_news ul.latest_news_list li:nth-child(n+15) {display:none;}
    
    /* End of Homepage latest news */

    /* Footer menu */

    .expandNews { float:right; background: url(/themes/gi/Img/expand.png) 0 -24px no-repeat; height:16px; width:16px;}
        .expandNews.expanded {background-position:0 0}

    /* Remove padding / margins */

    .halfwidth {margin-left:0px !important;}
    .list_featured_products li {width:100%; margin:0 !important;}
    .secondary_content {padding:0;margin-top:10px;}

    /* JS Generated dropdown menu */

    .mobileNavItemLink {
        background: url('/themes/layout/img/bg_mobmenu.png') no-repeat 0 -4px;
        padding: 5px 10px 8px 35px;
        float:right;
        display:inline-block;
        margin-top:-5px;
    }

    /* Site specific */

    /* Header */

    .masthead {background-position:0 35px;}
    div.header { float:none;}
    .login_info { z-index: 10; }

    .subscribe_bar { display: none; }

    /* Account section */

    .menugraytext { display:none;}
    .menugraytext a { display:block;}
    .menugraytext .menuSeparator { display:none;}

    .halfwidth .story_detail li:nth-child(n+3) {display:none;}

    .image_left, .eraLinksBlock  { margin:0 auto !important; float:none; padding:0 0 10px 0;}

    /* Free trial */

    .personalDetails ol { padding-left:20px;}
        .personalDetails ol label {display:inline-block; width:100px !important; }
        .personalDetails ol select, .personalDetails ol input { width:180px; }

    /* Directory */

    .isf_nav { margin-left:0}
        .isf_nav li { margin-left:0; margin-right:15px;}

    .isf_right { margin:0 auto !important; float:none; padding:0 0 10px 0;}

    .directory_section .SearchOptionsBox { padding-left:0;}


}

@media all and (min-width: 768px) and (max-width: 1023px) {

    /* Layout */

    .top_bar .top_wrap { width:768px; }
    .top_banner { text-align:center}

    .container { width: 768px !important; padding-left: 0 !important; background-color:#fff;}

    .content_wrap, .content, .main_content {width: 758px;}

    .masthead { background-position:0 40px}
    .breadcrumb { padding-left:5px;}
    #searchToggle { top:5px !important;}
    .subscribe_bar {margin-bottom:35px; margin-top:100px}

    .homepage_latest_news, #homepageNewsContainer { width:758px !important;}
        .latest_news_list {width:476px !important; margin-left:0 !important;}
            ul.latest_news_list a {width:453px;}

    .secondary_content, div.poll_wide { width:758px; padding:0;}

    .main_login .half {width:374px;}

    .graypanel {width:735px;}

    .halfwidth + .halfwidth + .halfwidth + .halfwidth + .halfwidth + .halfwidth + .halfwidth + .halfwidth + .halfwidth + .halfwidth + .halfwidth { margin-left:0;}
    .halfwidth + .halfwidth + .halfwidth + .halfwidth + .halfwidth + .halfwidth + .halfwidth + .halfwidth + .halfwidth + .halfwidth + .halfwidth + .halfwidth { margin-left:3%;}
}

@media all and (min-width:320px) and (max-width:1023px) {

    .wrapper { padding: 5px; }
    .main_content {padding:0;}
    .main_nav { display:none;}

    img {max-width:100% !important; height:auto;}

    .container *, .top_bar .top_wrap * { max-width:100%;}
    .content { min-height:250px; background-image:none;}

    /* Top bar */

    .top_bar .freetrial_link { display:none; }
    .masthead { border-bottom:0; height:auto;}
    .header { margin-top:35px;}

    .clearfix {
	    display: inline-block;
    }
 
    html[xmlns] .clearfix {
	    display: block;
    }
 
    * html .clearfix {
	    height: 1%;
    }

    /* Hide navigation */
    .nav_bar, .cart {display:none;}

    ul.article_tools    {left:0px;}

    /* Mobile menu */
    .mobileMenu { width: 100%; display:block;}
    .mobileMenu { font-size: 16px !important; padding: 10px;}
    .mobileMenu option { padding: 10px; }

    /* Footer */
    div.footer_menu ul li {background-image:none; padding-left:0px;}

    /* Site specific */

    div.login_info { right:0;}

    #searchToggle {
        display:block;background: #404040 url('/Themes/gi/img/icon_search.png') no-repeat 5px 3px; padding: 5px 10px 5px 30px; color:#fff; float:left; position:absolute; top:10px; left:0; text-decoration:underline;
    }

    #searchContainer {display:none; position:absolute; top:30px; left:0; background-color: #404040; color:#fff; padding:5px 10px 5px 5px; z-index:10; width:295px;}
        #searchContainer input[type="text"] { width:140px;}
        #searchContainer a {color:#fff;}

    #btnsFreeTrial { display:none !important;}

    /* My account */

    .graypanel { margin:10px 0 0;}
        .graypanel ul { padding-left:10px}

}