﻿@media (min-width: 768px) {

.container {width: 758px;} /* Slightly smaller to avoid horizontal scrollbars */

table.table tbody tr td div.col-xs-2 { padding-left: 0; padding-right: 3px; }

div.panel.jobs-widget>img { width: 100%; height: auto; }

div.panel.jobs-widget iframe { margin-top: 10px; }

div.row.leaderboard {  width: auto; text-align:center;}

footer h2 { padding-left: 15px; }

footer .other-publications { width: 100%; margin: 10px auto; padding-left:20px}

footer .other-publications li { margin: 0 auto;  width: 25%; }

ul.other-publications li:nth-child(3) img { position: relative; top: 8px; }


}


@media (min-width: 768px) and (max-width: 991px) {
div.panel.jobs-widget>img { width: 285px; height: 36px; margin-left: -6px; }

div.panel.jobs-widget { height: 480px; }

div.panel.jobs-widget iframe { height: 406px !important; }

div#div-gpt-ad-21613269094 { position: relative; left: 50% !important; margin-left: -309px !important; height: 120px; width: 618px; }

#news-list div.col-xs-6 div.news-teaser { width: 348px; height: auto; margin: 0 auto; }

article img { float: left; margin-right: 28px; margin-bottom: 10px; margin-left: 12px; width:340px; }

}



@media (min-width: 801px) and (max-width: 991px) {

article img { float: left; margin-right: 28px; margin-bottom: 10px; margin-left: 12px; width:340px; }

}



@media (min-width: 768px) and (max-width: 800px) {

article img { float: left; margin-right: 28px; margin-bottom: 10px; margin-left: 12px; width:324px; }

}



@media (min-width: 992px) { 
    
.container { width: 962px; }

.right-column { padding-right: 0; }

.editorial-list li { width: 46%; }

#news-list div.col-lg-6.col-md-6.col-sm-6.col-xs-6:nth-child(odd) { padding-right: 0 }

.tile-ad { margin: 6px auto; padding: 0; text-align: center; }

div[class*="ad-panel-"] { position: relative; width: 300px; margin-top: 15px; margin-bottom: 15px; margin-right: auto; margin-left: auto; padding-right: 0; text-align: center; }

#need .need-title { padding-top: 6px; padding-bottom: 6px; }


}

@media (min-width: 992px) and (max-width: 1199px) {
	
.jobs-widget  { height: 848px; }

/*#news-list div.col-xs-6 div.news-teaser { width: 280px; height: auto; margin: 0 auto; }*/

#news-list div.col-xs-6 div.news-teaser { clear: both; }

#news-list div.col-xs-6 div.news-teaser img { width: 156px; float: left; margin-right: 10px; }

.left-column { padding-left: 15px; padding-right: 0; margin-right: 0; }	

.right-column { padding-right: 0; margin-top: 10px; }

.most-popular-news-panel .panel-body div.col-xs-12.col-lg-8 { padding-top: 6px; padding-left: 0; }

.products-panel, .popular-topics-panel, .local-gov-news-panel, .need-to-know-panel { display: none; }


}
@media (min-width: 1200) and (max-width: 1299px) {



}


@media (max-width: 991px) {

.right-column { padding-left: 0; padding-right: 0; }

.left-column { padding-left: 0; padding-right: 0; width: 100%; margin: 10px auto;  }	

.latestIssue { text-align: center; }

.latestIssue ul { list-style: none; }

.sign-up { margin-bottom: 20px; }

.editorial-list li { width: 32%; }

.panel iframe#twitter-widget-0 { width: 100% !important; }

.panel > p > a > img { margin: 10px auto; }

div.right-column-panel div.advert.center-block { position: relative; left: 50% !important; margin-left: -142px !important; width: 283px; }

.analysis h1 a { top: 0; }

article div { position: relative; top: -6px; }

div.popular div img { margin: 10px auto; }

div.popular div:nth-child(2) { text-align: left; padding-top: 2px; }

#need .need-image { width: 350px; margin: 0 auto; text-align: center; }

#need .need-title { text-align: center; width: 350px; padding-top: 10px; padding-bottom: 10px; margin: 0 auto; }

.most-popular-news-panel .panel-body { display: block; float: left; width: 50%; height: 320px; }

.most-popular-news-panel { clear: both; }

.most-popular-news-panel .panel-body div.col-xs-12.col-lg-8 { padding-left: 0; }

div.popular { border-bottom: none; }

.popular-topics-panel { margin-bottom: 10px; }

#news-list div.col-xs-6 div.news-teaser { clear: both; }

#news-list div.col-xs-6 div.news-teaser img { width: 110px; float: left; margin-right: 10px; }

.tile-ad { margin: 15px auto; padding: 0; text-align: center; }

div[class*="ad-panel-"] { position: relative; width: 300px; margin-top: 15px; margin-bottom: 15px; margin-right: auto; margin-left: auto; padding-right: 0; text-align: center; }



.left-column .product-panel div { width: 370px; margin: 10px auto; }

.product-panel, .product-headlines { margin: 10px auto; }

.left-column div.product-headlines { clear: both; }

.left-column div.product-headlines div { margin: 10px auto; width: 350px; }

.left-column div.product-headlines div img { margin: 15px auto; }

}


@media (min-width: 1200px) {

.container { width: 1160px;}

.jobs-widget  { height: 710px; }

#article-body iframe { height:175px !important;}

.top-news div.panel div.col-xs-6.no-padding a img { padding-left: 4px; margin-left: 0; width: 264px; }

#news-list div.col-xs-6 div.news-teaser { width: 262px; height: auto; margin: 0; }

.most-popular-news-panel .panel-body div.col-xs-12.col-lg-8 { padding-top: 0; padding-left: 10px; }



}



@media (min-width: 1300px) {

.container { width: 1260px;}

.top-news div.panel div.col-xs-6.no-padding a img { padding-left: 5px; margin-left: 0; width: 290px; }

#news-list div.col-xs-6 div.news-teaser { width: 288px; height: auto; margin: 0; }



}



@media (min-width: 1200px) and (max-width: 1299px) {
 .panel-hidden-1200-1299 { display:none; } 

.left-column {
	width: 23%;	
}


.right-column {
	width: 27%;	
}


.col-lg-push-3 {
    left: 23%;
}
	
}


@media (max-width: 800px) { 

.left-column, .right-column { padding-left: 0; padding-right: 0; }

.container.no-padding.main-body { padding-left: 15px !important; padding-right: 15px !important; }


}




@media (min-width: 768px) and (max-width: 1199px) {

}



@media (min-width: 768px) and (max-width: 1279px) {


	
}


@media (max-width: 767px) {

.brand { text-align: center; margin: 0 auto 20px; padding-top: 0; } 



/*.leaderboard div { height: 100px; width: 320px; }*/

div.col-lg-9.col-md-9.col-sm-9.brand.no-padding a img { margin-top: 20px; }

div#div-gpt-ad-21613269094 { position: relative; left: 50% !important; margin-left: -160px !important; height: 100px; width: 320px; }

footer h2 { padding-left: 15px; }

footer .other-publications { display: block; width: 95%; list-style-type: none; margin-left: 0; }

footer .other-publications li { margin-right: 0; float: none; width: 100%; margin: 20px auto; text-align: center; }

.navbar-nav { margin: 0; }

div.nav-links div.row div.col-xs-12.col-sm-3:last-child p:last-child { border-bottom: none; }

div.nav-links div.row div.col-xs-12.col-sm-3 p { text-align: center; margin: 8px auto; width: 48%; }

div.nav-links div.row div.col-xs-12.col-sm-3 p:last-child { border-bottom: 1px solid #4a669a; padding-bottom: 16px; }

.analysis article { padding: 10px; width: 374px; margin: 10px auto; }

article img { float: none; margin: 10px auto; width: auto; }

.search-form { float: none; }

}



@media (min-width: 651px) and (max-width: 991px) {

.editorial-list li { width: 32%; }

}


@media (min-width: 681px) and (max-width: 991px) {
	
.analysis article { padding: 12px; }

}


@media (max-width: 680px) {

.analysis article { padding: 10px; width: 374px; margin: 10px auto; }

article img { float: none; margin: 10px auto; width: auto; }

.most-popular-news-panel .panel-body { height: 290px; }

}



@media (max-width: 650px) {

.editorial-list li { width: 46%; }

}



@media (max-width: 630px) {  

#article-body img { float: none; margin: 20px auto; }

}



@media (min-width: 401px) and (max-width: 520px)
{

.doc-list ul li { width:28%; }

}


@media (max-width: 580px) {

.top-news div.panel div.col-xs-6 { float: none; width: 350px; margin: 20px auto; padding: 0; }

#news-list div.col-xs-6,
#channels div.col-xs-12 div.panel div.col-xs-6 { float: none; width: 320px; margin: 10px auto 20px; font-size: 1.1em; }
#channels div.col-xs-12 div.panel div.col-xs-6 a:nth-child(1) { font-size: 1.1em; }

.top-news div.panel div.col-xs-6 a img,
#channels div.col-xs-12 div.panel div.col-xs-6 a img { margin: 20px auto 6px; }

/*#news-list div.col-xs-6 div.news-teaser {  }*/

#news-list div.col-xs-6 div.news-teaser img { float: none; margin: 20px auto 8px auto; }

.panel p { font-size: 14px; }

.most-popular-news-panel .panel-body { height: 260px; }

div.col-xs-6.products-page { width: 100%; }

div.col-xs-6.products-page img { margin: 10px auto; }


}




@media (max-width: 500px) { 

.editorial-list li { width: 50%; }

}

@media (min-width: 300px) and (max-width: 500px) {

.top-news>div.panel>article>img { max-width:50%; }

}


@media (min-width: 421px) and (max-width: 580px) {

#news-list div.col-xs-6 div.news-teaser img {
    width: 288px;
}

}


@media (max-width: 420px) {
	
.top-news div.panel div.col-xs-6 { width: auto; }

div#news-list div.row { margin-left: 0; margin-right: 0; margin-bottom: 0; }

.analysis article { width: auto; }

#news-list div.col-xs-6 div.news-teaser img { display: none; }

#news-list div.col-xs-6, #channels div.col-xs-12 div.panel div.col-xs-6 { width: auto; }

#btn-bulletin, .cta { font-size: 0.9em; }

#need .need-title, #need .need-image { width: auto; }

footer h2 { font-size: 20px; }

footer .other-publications { width: 88%; }

}



@media (max-width: 400px) { 

.doc-list ul li { width:42%; }

.most-popular-news-panel .panel-body { height: 230px; }

}



@media (min-width: 300px) and (max-width: 400px) {

.brand a img { width:100%; margin: 0 auto 20px; }

.leaderboard { padding: 0 !important; margin-left: -15px; margin-right: -15px; }

.right-column-panel { overflow: hidden; }

div#div-gpt-ad-1422078900996-8 { height: 100px; }

.analysis article { padding: 10px; width: auto; margin: 10px auto; }


}


@media (max-width: 350px) {
	
header { width: auto; }

.top-news div.panel div.col-xs-6 { float: none; width: 100%; margin: 20px auto; padding: 0; }

.top-news>div.panel>article>img { max-width:100%; float: none;  margin: 8px auto; display: block; }



}