 @media all and (min-device-width: 1024px) and (max-device-width: 1280px) {
}
 @media all and (min-device-width: 768px) and (max-device-width: 1024px) {
}
 @media all and (min-device-width: 550px) and (max-device-width: 768px) {
}

/* PC Screen */

@media screen  and (min-width: 980px) and (max-width: 1280px) {
.breadcrumb {
    margin-top:2.5em;
}
div.tile.buzz img {
	width: 120px !important;
	padding: 0 0 0 0 !important;
	margin: 0 0 1.5em 0 !important;
}
div.tile.buzz p {
	width: 120px !important;
	margin: 1em 0 0 1em !important;
}
h3.title.two-line a {
	display: block !important;
	position: relative !important;
	top: -1.8em !important;
	left: 4.2em !important;
	margin: 0 0 0 0 !important;
	width: 180px !important;
}

h3.title.three-line a {
	display: block !important;
	position: relative !important;
	top: -2.3em !important;
	left: 4.2em !important;
	margin: 0 0 0 0 !important;
	width: 180px !important;
}
}
 @media screen and (min-width: 860px) and (max-width: 990px) {
 .breadcrumb {
    margin-top:2.5em;
}
div.tile.buzz img {
	width: 120px !important;
	padding: 0 0 0 0 !important;
	margin: 0 0 1.5em 0 !important;
}
div.tile.buzz p {
	width: 120px !important;
	margin: 1em 0 0 1em !important;
}
}
 @media screen  and (min-width: 768px) and (max-width: 859px) {
div.tile.buzz img {
	width: 120px !important;
	padding: 0 0 0 0 !important;
	margin: 0 0 1.5em 0 !important;
}
.breadcrumb {
    margin-top:2.5em;
}
}



/* PC */

@media screen and (max-width: 768px) {
.breadcrumb {
    margin-top:2.5em;
}
li.advanced a:focus, li.advanced a img:focus, li.favourites a:focus, li.favourites a img:focus, li.resources a:focus, li.resources a img:focus, a.SubmitLinkButton:focus,  a.SubmitLinkButton img:focus, a.favLink_a:focus, a.licence-link:focus {
}
a.licence-link:focus, img.licence:focus {
    
}
div.tiles-row div {
	height: 100px !important;
	padding: 0 0 0 0 !important;
	margin: 0 0 0 0 !important;
}
div.tile.buzz img {
	width: 262px;
	padding: 0 0 0 0 !important;
	margin: 0 0 1.5em 0 !important;
}
div.tile.buzz {
	height: 270px !important;
}
div.tile.buzz p {
	width: 262px !important;
	margin: 1em 0 0 1em !important;
}
h3.title.two-line a {
	display: block !important;
	position: relative !important;
	top: -1.8em;
	left: 4.2em !important;
	margin: 0 0 0 0 !important;
	width: 180px !important;
}
h3.title.three-line a {
	display: block !important;
	position: relative !important;
	top: -1.8em;
	left: 4.2em !important;
	margin: 0 0 0 0 !important;
	width: 180px !important;
}
h3.title a {
    width: 150px !important;
}


}


@media screen and (max-width: 551px) {
    .blue-heading-bar.license {
        height:15%;
    }
    .license-new {
        display:block;
        position:relative;
        left:0;
        float:none;
    }
}


/* IPAD only */

@media only screen  and (max-device-width: 1024px) and (orientation:landscape) {
a.licence-link, img.licence {
display:none;
    
}
.themeHeaderTitle h1 {
	margin-bottom: .5em !important;
}
h3.title.two-line a {
	display: block;
	position: relative !important;
	top: -1.8em;
	left: 4.2em !important;
	margin: 0 0 0 0 !important;
	width: 180px !important;
}
h3.title a {
	width: 180px !important;
}
.breadcrumb {
    margin-top:2.5em;
}

}

@media only screen  and (min-device-width: 768px) and (orientation:portrait) {
a.licence-link, img.licence {
display:none;
    
}

.themeHeaderTitle h1 {
	margin-bottom: .5em !important;
}
h3.title.two-line a {
	display: inline;
	position: relative !important;
	top: -1.8em;
	left: 4.2em !important;
	margin: 0 0 0 0 !important;
	width: 180px !important;
}
h3.title.three-line a {
	display: inline;
	position: relative !important;
	top: -2.1em !important;
	left: 4.2em !important;
	margin: 0 0 0 0 !important;
	width: 180px !important;
}
div.tile.buzz p {
	width: 150px !important;
	margin: 1.3em 0 0 1em !important;
}
div.tile.buzz img {
	width: 151px !important;
	padding: 0 0 0 0 !important;
	margin: 0 0 2em 0 !important;
}
div.tile.buzz p b {
	font-size: 14px !important;
}
#header-links ul.inline {
    position:relative !important;
    right:10em !important;
    width:100% !important;
}
.breadcrumb {
    margin-top:2.5em;
}
}
@media only screen  and (max-device-width: 550px) and (orientation:landscape) {

h2.license-new {
    font-size:16px !important;
}

a.licence-link, img.licence {
display:none;
    
}
h3.title a {
	display: inline;
	position: relative !important;
	top: -1.3em !important;
	left: 4.2em !important;
	margin: 0 0 0 0 !important;
	width: 180px !important;
}
h3.title.two-line a {
	display: inline;
	position: relative !important;
	top: -1.8em;
	left: 4.2em !important;
	margin: 0 0 0 0 !important;
	width: 180px !important;
}
div.tile.buzz p b {
	font-size: 16px;
}
.breadcrumb {
    margin-top:2.5em;
}

}

@media screen and (max-width: 480px) {

h2.license-new {
    font-size:18px !important;
    
    }

}

/* IPhone only */

@media only screen  and (min-device-width: 320px) and (orientation:portrait) {

h2 .license-new {
    font-size:16px !important;
}
a.licence-link, img.licence {
    display:none;
}
.themeHeaderTitle h1 {
	margin-bottom: .5em !important;
}
div.tiles-row div {
	height: 100px !important;
	padding: 0 0 0 0 !important;
	margin: 0 0 0 0 !important;
}
div.tiles-row.buzz {
	height: 200px !important;
	margin: 0 0 0 0 !important;
	padding: 0 0 0 0 !important;
}
div.tile.buzz {
	height: 260px !important;
}
div.tile.buzz img {
	width: 262px;
	padding: 0 0 0 0 !important;
	margin: 0 0 0 0 !important;
}
div.tile.buzz p {
	width: 270px;
	margin: 1.2em 0 .8em 1em !important;
}
div.tile.buzz p b {
	font-size: 16px;
}
img.section-button {
	position: relative !important;
	top: 1em !important;
	left: 1em !important;
}
h3.title {
	display: block;
	width: 170px !important;
	height: 20px;
}
h3.title a {
	display: inline;
	position: relative !important;
	top: -1.3em !important;
	left: 4.2em !important;
	margin: 0 0 0 0 !important;
	width: 170px !important;
}
h3.title.two-line a {
	display: inline;
	position: relative !important;
	top: -1.8em;
	left: 4.2em !important;
	margin: 0 0 0 0 !important;
	width: 180px !important;
}
.breadcrumb {
    margin-top:2.5em;
}
}
