@media only screen and (max-height: 720px) {
    section.blocks-section .block figure {
        padding-bottom: 1rem;
    }
    
    section.blocks-section figure i.big {
        font-size: 2rem;
    }
    
    .home-live section.blocks-section figure i.big {
        font-size: 3.6rem;
    }
}

@media only screen and (max-width: 1680px) {
    .switch-view span, .planner span {
        display: none;
    }
}

@media only screen and (max-width: 1480px) {
    html {
        font-size: 93.75%;
    }
    
    #header .bottom > .right a {
/*         padding: 1.325rem; */
    }
    
    #main-nav ul li a {
        padding-bottom: 1.15rem;
        padding-top: 1.25rem;
    }
    
    #header .top > .right a .arrow {
        padding-left: 5.65rem;
    }
    
}

@media only screen and (max-width: 1366px) {
    html {
        font-size: 87.5%;
    }
    
    #header .bottom > .right a {
        padding: 1.35rem;
    }
    
    #header .top > .right a .arrow {
        padding-left: 5.7rem;
    }
    
    #main-nav ul li a {
        padding-bottom: 1.3rem;
        padding-top: 1.3rem; 
    }
}

@media only screen and (max-width: 1280px) {
    html {
        font-size: 81.25%;
    }
    
    #main-nav ul li a {
        padding-bottom: 1.3rem;
        padding-top: 1.3rem;
    }
    
   /*  #main {
        padding-left: 4rem;
        padding-right: 4rem;
    } */
    
    .to-top {
        right: 4rem;
    }
}

@media only screen and (max-width: 1199px) {
    html {
        font-size: 75%;
    }
    
    #main-nav ul .dropdown-menu .col {
        width: 33.33%;
    }

    #header .top .logo-top {
        margin-top: 10px;
        width: 250px;
    }
}

@media only screen and (max-width: 1099px) {
    html {
        font-size: 68.75%;
    }
    
    #main-nav ul li a {
        padding-bottom: 1.25rem;
        padding-top: 1.25rem;
    }
    
    #main {
        padding-left: 0rem;
        padding-right: 0rem;
    }
    
    #programme {
        padding: 2rem;
    }
}

@media only screen and (max-width: 1023px) {
	
    html {
        font-size: 75%;
    }

    .show-for-ipad {
        display: block!important;
    }
    
    #main {
        padding-top: 8.65rem;
    }
    
    * {
	  box-sizing: border-box;
	}
	
	html, body { 
	    min-height: 100%; 
    }
	
	.menu-holder {
    	padding: 0;
	}
	
	    .menu-holder .table {
    	    display: block;
	    }
	    
    #header {
        box-shadow: 0px 5px 7px -5px rgba(0, 0, 0, 0.2);
    }
	
	#header .bottom > .left {
    	padding-left: 0;
	}
	
	.close-menu, .open-menu {
    	padding: 0.5rem;
    	float: left;
    	border-right: 1px solid #E8E8E8;
	}
	
	#header #logo {
    	margin-left: 1.5rem;
	}
	
	.mobile-menu-holder {
		transition: width 0.3s ease;
		float: left;
	}
	
	body.logged-in.admin-bar #header #main-nav {
    	padding-top: 32px;
	}
	
	.no-border-if-small {
    	border: none!important;
	}
	
	#main-nav {
		position: fixed;
		top: 0;
		left: -320px;
		width: 320px;
		height: 100%;
		overflow-y: auto;
		transition: left 0.3s ease;
		z-index: 1000;
		padding: 0;
		background-color: #28445C;
		border-right: 1px solid rgba(0,0,0,0.25);
	}
	
	    #main-nav ul li .dropdown-menu {
    	    position: static;
    	    padding: 0.6875rem;
    	    max-height: inherit;
    	    opacity: 1;
	    }
	    
	    #main-nav ul li.toggle.dropdown .dropdown-menu {
    	    padding: 0.6875rem;
	    }
	    
	    #main-nav ul li.dropdown a:after {
    	    bottom: 0;
	    }
	    
	    #main-nav ul .dropdown-menu .col li {
    	    border-top: 1px solid rgba(255, 255, 255, 0.5);
	    }
	    
	    #main-nav ul .dropdown-menu .col li:first-child {
    	    border-top: 1px solid rgba(255, 255, 255, 0.5);
	    }
	    
	    #main-nav ul .dropdown-menu .col:first-child li:first-child	{
    	    border: none;
	    }    
	    
	    #main-nav ul li .dropdown-menu .col {
    	    width: 100%;
    	    padding: 0;
	    }
	    
	    #main-nav ul .dropdown-menu .col li.border {
    	    border-bottom: 0;
	    }
	
	#main-nav ul {
		padding: 0;
		width: 100%;
	}
	
	#main-nav ul li {
    	width: 100%;
    	border-top: 1px solid rgba(255,255,255,0.25);
	}
	
	#main-nav ul li:first-child {
    	border: none;
	}
	
	#main-nav ul li a {
    	width: 100%;
    	padding: 0.6875rem;
    	color: #fff;
	}
	
	.search-holder {
        padding: 0.6875rem;
        float: left;
        width: 100%;
	}
	
	    .search-holder input, .search-form, .search-field:focus {
    	    width: 100%;
	    }
	    
	    .search-field {
    	    padding-top: 0.5rem;
	    }
	    
	    .search-submit {
    	    top: 0.5rem;
	    }

	.close-menu {
		display: none;
	}
	
	#main-nav.open {
		left: -1px;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	}
	
	#header.open {
		left: 319px;
	}
	
	.mobile-menu-holder.open .open-menu {
		display: none;
	}
	
	.mobile-menu-holder.open .close-menu {
		display: block;
	}
	
	.grid {
        width: 100%;
        padding-left: 2rem;
        padding-right: 2rem;
        padding-top: 2rem;
	}
	
	.block.oq, .block.ot {
    	width: 50%;
	}
	
	.oq.oth.block.bottom.mh {
		display: none;
	}
	
	.group .tq {
    	float: none;
    	width: auto;
	}
	
	.hf.items {
    	width: 100%;
	}
	
	.quotes li {
    	padding-left: 2.5rem;
    	padding-right: 2.5rem;
	}
	
	#footer .top .oq {
    	width: 33.33%;
	}
	
	.tweet-image:before {
/*         display: none; */
    }
    
    .block {
        
    }
    
    .post-image, .post-image-left {
        border-right: 0;
    }
    
    #print-modal {
        width: 100%;
        margin-left: 0;
        left: 0;
    }
    
    .button i {
        margin-left: 10px;
    }
    
    /* 	GSK LIVE */
	.page-template-gsk #main .gsk-wrapper {
		padding-top: 2rem;
		padding-bottom: 2rem;
		padding-left: 2rem;
		padding-right: 2rem;
	}
	
	.page-template-gsk .bottom-text {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
		
		.page-template-gsk .pos-a-bot { padding-top: 3px; }
		
		.page-template-gsk #main .btn {
			width: 100%;
			margin-bottom: 10px;
			margin-left: 0;	
			margin-right: 0;
		}
		
		/*  HEADER  */
		.page-template-gsk .gsk-wrapper.extra-top-padding .hf { width: 70%; }
		.page-template-gsk .gsk-wrapper.extra-top-padding .hf.tablet-and-phone { width: 30%; }
		
		.gsk-grid .tt,
		.gsk-grid .ot {
			width: 100%;	
			padding-right: 0;
			border-right: 0;
		}
		
		.gsk-grid .ot {
			margin-top: 20px;	
			padding-left: 0;
		}
		
}

@media only screen and (max-width: 767px) {
    body.logged-in.admin-bar #header {
        top: 46px;
    }
    
    body.logged-in.admin-bar #header #main-nav {
        padding-top: 46px;
    }
    
    #main-nav {
        width: 270px;
        left: -270px;
    }
    
    #header.open {
        left: 269px;
    }
    
    table td, table th {
        width: auto;
    }
    
    .quotes li .table .cell .inner h2 {
        font-size: 1.25rem;
        line-height: 1.25rem;
    }
    
    .block.oth h1 {
        font-size: 2rem;
        line-height: 2rem;
    }
    
    /* 	GSK LIVE */
    
	.page-template-gsk #main .gsk-wrapper {
		padding: 1.5rem;
	}
	
		.page-template-gsk #main .gsk-wrapper p {
			margin-bottom: 	10px;
		}
	
	/* HEADER */
    .page-template-gsk .gsk-wrapper.extra-top-padding .hf,
    .page-template-gsk .gsk-wrapper.extra-top-padding .hf.tablet-and-phone {
	    width: 100%;
    }
    
    .page-template-gsk article { padding-left: 0; }
    
	.page-template-gsk article .logo,
	.gsk-live .video-container img {
	    position: relative;	
	    display: inline-block;	
	    width: 2.5rem;
	    vertical-align: middle;
    }
    
    .page-template-gsk .page-content h1,
    .gsk-live .video-container h2 {
	    display: inline-block;	
	    margin-left: 5px !important	;
		font-size: 18px;
		vertical-align: middle;	
		margin-bottom: 0;
    }
    
    .page-template-gsk .bottom-text h2 {
	    font-size: 	17px;
    }
    
    .page-template-gsk .page-content p:first-of-type { margin-top: 15px; }
    .page-template-gsk .page-content h2 {
	    font-size: 16px;
	    line-height: 1.3;
    }
    
    .page-template-gsk #main .date {
	    font-size: 17px;
	    line-height: 1.2;
	}
    
    .page-template-gsk .tablet-and-phone img { display: none; }
    
	/* BOTTOM TEXT */
	.page-template-gsk .bottom-text { padding-top: 0; }
	
	.page-template-gsk .bottom-text .hf { width: 100%; }
	.page-template-gsk .pos-a-bot { padding-top: 20px; }

	/* LIVE PAGE */
	
	.gsk-live #section .tq,
	.gsk-live #section .oq {
		width: 100%;
	}
	
	.schedules header {
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;
	}
	
	.schedules header h2 {
		font-size: 	16px;
	}
	
	.page-template-gsk-live #main .btn.register-button i.fa-angle-right {
		top: 5px;
	}
	
	/* Login */
	.gsk-login header {
		margin-bottom: 0;
		padding: 1.5rem;
		padding-bottom: 8px;
	}
	
	.gsk-login h5 {
	}
	
	.gsk .lb-close {
		padding: 9px;
	}
	
	.this-session-info {
		padding-left: 0;
		margin-top: 5px;
	}
	
	.this-session {
		border-right: 0;
		margin-top: 10px;
		padding-right: 0;
	}

}

@media only screen and (max-width: 640px) {    
    
    .lb-container {
        max-width: 90%;
        padding: 2rem;
    }
    
    #programme {
        padding: 1rem;
    }
    
    .close-menu, .open-menu {
        padding: 0;
    }
    
    #header #logo {
        margin-left: 1rem;
        padding-top: 1.1rem;
        padding-bottom: 1rem;
    }
    
    #header .top .logo-top {
        margin-top: 10px;
        margin-bottom: 10px;
        width: 200px;
    }

    #header #logo img {
        height: 2rem;
    }
    
    #main {
        padding-top: 90px;
    }
    
    .hide-for-mobile {
        display: none;
    }
    
    .show-for-mobile {
        display: block!important;
    }
    
        .eaun {
            padding: 1rem;
            width: 100%;
            border-top: 1px solid rgba(255, 255, 255, 0.25);
        }
    
            .eaun h3 {
                font-size: 1rem;
                line-height: 1.25rem;
            }
            
            .eaun img {
	            width: 12rem;
            }
            
                .eaun h3 span {
                    font-size: 1.25rem;
                }
    
    .block.oq {
        width: 100%;
        border-right: 0;
    }
    
    .block.oq.title {
/*         margin-top: calc((100vh - 8.45rem) * 0.333); */
    }
    
    .grid {
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: 1rem;
    }
    
        .grid article, .pagination-holder {
            margin-bottom: 1rem;
        }
    
    .block .content, .grid .content {
        padding: 1.5rem;
    }
    
    #footer .top .oq {
        width: 100%;
        padding: 1rem;
        padding-bottom: 0;
    }
    
    #footer .top .oq:last-child {
        padding-bottom: 1rem;
    }
    
    #footer .bottom {
        padding: 1rem;
    }
    
    #footer .bottom nav ul li:first-child {
        margin-top: 0;
    }
    
    .block.oth, .block .table {
        min-height: calc((100vh - 50px) * 0.333);
        height: auto!important;
    }
    
    .slides-control-nav {
        display: none;
    }
    
    #footer .bottom nav ul li {
        width: 100%;
        border: none;
        margin-top: 0.5rem;
        padding: 0;
    }
    
    h1 {
        font-size: 2.5rem;
        line-height: 2.5rem;
    } 
    
    h2 {
        font-size: 2rem;
        line-height: 2rem;
    }
    
    h3 {
        font-size: 1.5rem;
        line-height: 1.5rem;
    }
    
    h4 {
        font-size: 1.25rem;
        line-height: 1.25rem;
    }
    
    h5 {
        font-size: 1.125rem;
        line-height: 1.5rem;
    }
    
    h6 {
        font-size: 1rem;
        line-height: 1.5rem;
    }
    
    .pagination-holder .block h4, .post-image.block h4 {
        margin-bottom: 1rem;
    }
    
    .col-content .columns-2, .col-content .columns-3 {
        width: 100%;
        padding: 0;
    }
    
    .col-content .columns-3:first-child {
        padding-top: 0;
    }
    
    .col-content .columns-3 {
        padding-top: 1rem;
    }
    
    .col-content .columns-2:last-child, .col-content .columns-3:last-child {
        padding: 0;
        padding-top: 1rem;
    }
    
    .post-image:before, #text-slides:before {
        content: '';
        position: absolute;
        left: 50%;
        top: 0;
        margin-left: -2rem;
        margin-top: 0;
        border-top: 2rem solid #FFF;
        border-left: 2rem solid rgba(0, 0, 0, 0);
        border-right: 2rem solid rgba(0, 0, 0, 0);
        z-index: 1;
    }
    
    .post-image-left:before, #slides:before {
        content: '';
        position: absolute;
        left: 50%;
        bottom: 0;
        right: auto;
        top: auto;
        margin-left: -2rem;
        margin-top: 0;
        border-bottom: 2rem solid #FFF;
        border-left: 2rem solid rgba(0, 0, 0, 0);
        border-right: 2rem solid rgba(0, 0, 0, 0);
        z-index: 1;
    }
    
    #text-slides:before, #slides:before {
        margin-left: 0;
        left: 2rem;
    }
    
    #text-slides .slides li .table {
        padding: 3rem;
    }
    
    .sections-holder section {
        margin-bottom: 1.5rem;
    }
    
    .block.hf {
        width: 100%;
    }
    
    .block .table {
        padding: 1.5rem;
    }
    
    .block.oth {
/*         height: auto!important; */
    }
    
    .block {
        border-right: 0;
    }
    
    .block.oth h1 {
        font-size: 2rem;
        line-height: 2rem;
    }
    
    .block .table .ot {
        width: 100%;
        display: block;
        border-left: 0;
        border-top: 1px solid #193852;
        padding: 0;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
    
    .block figure {
        padding-bottom: 1rem;
    }
    
    .block .table .ot:last-child {
        padding-bottom: 0;
    }
    
    .tt, .ot {
        width: 100%;
    }
    
    .quotes li .table .cell {
        display: block;
    }
    
    .block.oq.social, .block.oq.news {
        border-top: 1px solid #f3f3f3;
    }
    
    .tag-background {
        background-image: inherit!important;
        display: block!important;
    }
    
    .pagination-holder .block {
        width: 50%;
    }
    
    .image-content {
        margin-bottom: 1rem;
    }
    
    section.blocks-section h4 br, section.blocks-section p br {
        display: none;
    }
    
    /* Resource Centre */
    
    .search-holder__checkbox {
        width: 33.33%;
    }
    
    .event-title h1, 
    .event-title h2 {
        padding-left: 1rem;    
    }
    
    .resources article {
        width: 50%;
        margin-top: 1.333rem;
    }
    
    .types-content ul li {
        width: 33.33%;
    }
    
        .types-content ul li:nth-child(4) {
            border-left: 0;
        }
    
        .types-content ul li:nth-child(4),
        .types-content ul li:nth-child(5),
        .types-content ul li:nth-child(6) {
            border-top: 1px solid #657a8b;
        }
        
            .types-content ul li:nth-child(4) a,
            .types-content ul li:nth-child(5) a,
            .types-content ul li:nth-child(6) a {
                margin-top: 1.875rem;
                margin-bottom: 0;
            }
        
    .types-content ul li a {
        margin-bottom: 1.875rem;
    }
    
    .event-info .hf.image .table .table-cell h3 {
        font-size: 1.25rem;
    }
    
    .oq.oth.block.top.mh:first-of-type, .oq.oth.block.top.mh.last {
	    display: none;
	    margin: 0;
	    padding: 0;
	    min-height: 200px
    }
    
    .oq.oth.block.bc2.top.mh.title {
	    min-height: 0;
	    margin: 0;
	    padding: 0;
    }
    
    .block .table {
	    min-height: 100px;
    }
    
}

@media only screen and (max-width: 480px) {
    
    .lb-container {
        max-width: 100%;
        max-height: 100%;
        -webkit-overflow-scrolling: touch;
        padding: 2rem;
    }
    
    /* Resource Centre */
    
    .search-holder__checkbox {
        width: 100%;
    }
        
    .resources article {
        width: 100%;
    }
    
    .event-info .hf {
        width: 100%;
    }
    
    .event-info .hf.image {
        position: relative;
        height: 20rem;
    }
    
    .types-content ul li {
        width: 50%;
    }
    
        .types-content ul li:nth-child(3),
        .types-content ul li:nth-child(6) {
            border-top: 1px solid #657a8b;
            border-left: 0;
        }
        
        .types-content ul li:nth-child(4),
        .types-content ul li:nth-child(6) {
            border-left: 1px solid #657a8b;
        }
        
        .types-content ul li:nth-child(5) {
            border-left: 0;
        }
        
        .types-content ul li:nth-child(3) a,
        .types-content ul li:nth-child(4) a {
            margin-top: 1.875rem;
            margin-bottom: 1.875rem;
        }
        
    .event-title h1, .event-title h2,
    .resource-banner figcaption span {
        font-size: 2rem;
    }
    
}