@media only screen and (max-width : 736px) {

    .second-nav.second-nav-hidden-menu {width:75%;}

    body > div#outer:first-of-type {
        float: left;
        position: absolute;}

    #top #main-navigation {float:left;}

    #top h1 {
        clear:none;
        min-height:100px;
        line-height:100px;
        padding-top:0;
        padding-bottom:0;
        padding-left:0;
        border-bottom:1px solid #fff;
        overflow:hidden;}
        #top h1 a {padding-left: 16px;}


    #site-logo {
        float: left;
        height: 100px;
        border: none;}

    #primarynav {
        border: none;
        position: relative;
        z-index: 9;
        height: auto;
        padding: 0;
        float: none;
        width:auto;}
        #primarynav h3 {font-size: 1.3em}
        #primarynav ul {
            margin:0;
            height:auto;}
            #primarynav li {
                width:100%;
                border-top: 1px solid #fff;
                height:auto;}
                #primarynav li.mega div {
                    /*override blogs.css using ID's*/
                    width:100% !important;
                    position: static;
                    padding: 0;}
                    #primarynav li.mega div .submenucol {
                        width:100%;
                        padding: 0 16px;
                        box-sizing: border-box;}
                    #primarynav li.mega div .submenucol:first-of-type {padding-top: 5px;}
                    #primarynav li.mega div .submenucol:last-of-type {
                        margin-bottom: 10px !important;}
                        #primarynav li.mega div .submenucol h3 {
                            padding:5px;
                            background: #ccc;
                            margin-bottom:0;}
                            #primarynav li.mega div .submenucol p {
                                padding:0;
                                margin:0;
                                background:#e8e8e8;}
                                    .submenucol a {
                                        display: block;
                                        padding:10px;}
                .no-js a.topmenu {
                    display: block;
                    height:34px;
                    line-height:34px;   
                    background-color: #0F375C;
                    border:0;}
                    a:visited.topmenu {color: #fff}

    .main-nav-toggle {
        margin-top: 1px;
        margin-right: 1px;
        z-index: 10;
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        margin-bottom: -1px;
        cursor: pointer;
        border: none;}
        .main-nav-toggle > span.list-icon {
            background-image: url(https://blogs.bl.uk/resources/images/bl-web-sprite.png) !important;
            background-position: -343px -56px;
            height: 32px;
            width: 32px;
            display: block;
            background-color: #333;}
    
    .second-nav {
        overflow: hidden;
        height:35px;
        width:100%;}
        nav#secondnav,
        nav#secondnav ul.nav-list  {
            /* display: inline-block; */
            height: 100%;}
        nav#secondnav ul.nav-list {
            width:80%;}
        .open-second-menu nav#secondnav ul.nav-list {
            width:auto;}
            nav#secondnav ul.nav-list a {
                padding:0.5em 1em;}
                nav#secondnav ul.nav-list.v-menu a {
                    background-image:none;
                    background-color:transparent;}
        .open-second-menu #outer {overflow:hidden;}

    .second-nav.second-nav-hidden-menu {height:auto !important;}
    
    /* .open-second-menu #secondnav li, */
    #secondnav .nav-list.v-menu li  {
        overflow: hidden;
        display: block;
        margin-bottom: 10px;}
        #secondnav .nav-list.v-menu li a {
            padding:1rem;
        }
    /* .open-second-menu #secondnav li:last-of-type, */
    #secondnav .nav-list.v-menu li:last-of-type {margin-bottom:0;}
    #secondnav .nav-list.v-menu li.current a  {
        background-color: #1e6eb8;
        width:100%;
        box-sizing: border-box;}

    .open-second-menu .second-nav-hidden-menu {background-color:#0F375C;}
    .open-second-menu .second-nav-hidden-menu #secondnav {display:inline-block;}

    .open-second-menu #secondnav li.secondarynav-morelink {
        background: #fff;
        color: #000 !important;
        opacity: 0.9;
        height: 100%;
        position: fixed;
        z-index: 10000;
        top: 0;
        left: 0;
        width: 25%;
        padding: 0;
        padding: 16px;
        box-sizing: border-box;
        right: 0;
        cursor: pointer;
        text-transform: uppercase;
        text-align: right;
        display: block;
        margin: -1px 0px 0 0;}

    .second-nav.second-nav-hidden-menu li a, 
    .second-nav.second-nav-hidden-menu .current a {
        display: block;
        padding:1rem;}
    #secondnav li.secondarynav-morelink {
        position: absolute;
        right: 0;
        cursor: pointer;
        text-transform: uppercase;
        text-align: right;
        display: block;
        margin: -1px 0px 0 0;
        padding: 8px 16px;
        padding: 0.5rem 1rem;}
    
    #headingwrapper {
        width:100%;
        overflow: hidden;}

    .headerpanel h2 {
    	font-size:2.2em;
    }
    
    #inner,
    #leftcol,
    #rightcol,
    #searchpanelwrapper, 
    aside {width:auto;}

    #asian_african_links.module-typelist .module-header {
    	padding-left:16px;}

    #leftcol {
    	margin:0;
    	width:100%;
    	box-sizing: border-box;}
    	#leftcol .pager-bottom .pager-inner .pager-right a {padding-right:16px;}
    	#leftcol .entry-body ol li {
    		float: left;
    		clear:both;}
		#leftcol .entry-body .photo-wrap {
	    	width:100% !important;}
	   		#leftcol .entry-body a {
	   			float:left;
	   			width:100%;}
			    #leftcol .entry-body a img {
			    	float:left;
			    	width:100% !important;
			    	box-sizing: border-box;}
		#leftcol .entry-footer {clear:both;overflow:hidden;}

    #headerpanel {
        width:auto;
        padding-right:16px;}

    #searchpanel {width:auto;}

    aside#rightcol section {
        margin-right:16px;
        margin-left:16px;}
            
    aside iframe {margin-left:16px;}

    iframe#twitter-widget-0,
    header#top,
    h3.module-header {width:auto;}

    /**/
        
}

@media only screen and (max-width : 601px) {
    
    aside#rightcol section {
        margin-right:16px;
        margin-left:16px;}

    aside iframe {margin-left:16px;}
    
    #blogsubscribe {
        width:auto;
        float:none;
        text-align: left;
        clear:left;}
        #blogsubscribe input#subscribe {width:210px;}
        #blogsubscribe input.subscribesubmit {margin-top:6px;}

    footer#standardfooter nav {
        float:left;
        margin-top:10px;}
        footer#standardfooter li:first-of-type a:link:first-of-type {
            border:0;
            padding-left:0;}

}

@media only screen and (max-width : 480px) {

	#top h1 a {
	    line-height: normal;
	    padding-top:32px;
	    display: block;
    }
    
    footer {
        /*all footers but not the page footer*/
        display: flex;
        flex-wrap: wrap;}
        footer span {margin-bottom: 6px;}

    footer#standardfooter li {margin-bottom:10px;}
}
@media only screen and (max-width : 320px) {
    
    iframe#twitter-widget-0 {width:90% !important;}

    #searchpanel {margin-bottom:6px;}
}