/* Banner styles, responsive and all */

/* Advanced Ads calculates screen width differently to CSS, so to sync them up all screen widths below are Advanced Ads values + 17px */

.leaderboard{
width: 970px;
height:90px;
margin-top:25px;
float:left;
}

.leaderboard img {
/*margin-top:25px;*/
}

#headerBanner {
width:300px;
float:right;
height:123px;
margin-top:10px;
}

.bodyMpu {
width:300px;
float:left;
display:none;
}

#bodyMpu img {
margin-top: 25px;
margin-bottom:25px;
}

#banners {
float:left;
width:300px;
}

#adless .leaderboard, #adless #banners {
display:none;
}

.banner {
/*margin-bottom:25px;*/
float:left;
}
#banner1 > div, #banner1 li.last, #wallpaper > div {
/*margin-bottom:25px;*/
}

#banner1 div img {
margin-bottom:25px;
}

#banner1 li.last:last-of-type {
margin-bottom:0;
}

#banner2 div img {
margin-bottom:25px;
}

#wallpaper, #responsiveWallpaper, #footerFallback {
display:none;
}

#wallpaper img,
#wallpaperFallback img {
margin-bottom:25px;
}

#wallpaperFallback img {
margin-top:25px;
}

#group1, .group1,
#group2, .group2 {
float:left;
width:300px;
}

#group1,
#group2 {
margin-bottom:0 !important;
}

.group1 > div,
.group2 > div,
#banner2 > div,
#banner3 > div {
/*margin-bottom:25px;*/
}
.single-webinar #leaderboard1,
.single-webinar #headerBannerFallback,
.single-webinar #headerBannerFallback *,
.post-type-archive-webinar #leaderboard1, 
.post-type-archive-webinar #headerBannerFallback,
.post-type-archive-webinar #headerBannerFallback *,
.single-whitepaper #leaderboard1,
.single-whitepaper #headerBannerFallback,
.single-whitepaper #headerBannerFallback *,
.post-type-archive-whitepaper #leaderboard1,
.post-type-archive-whitepaper #headerBannerFallback,
.post-type-archive-whitepaper #headerBannerFallback *{
display:none;
margin:0;
}
.post-type-archive-webinar #wallpaperFallback,
.post-type-archive-webinar #leaderboardFallback2,
.single-webinar #wallpaperFallback,
.single-webinar #leaderboardFallback2,
.post-type-archive-whitepaper #wallpaperFallback,
.post-type-archive-whitepaper #leaderboardFallback2,
.single-whitepaper #wallpaperFallback,
.single-whitepaper #leaderboardFallback2,
.post-type-archive-company_profile #leaderboard1.leaderboard,
.single-company_profile #headerBannerFallback
 {
display:none;
}

}



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

.leaderboard {
width:728px;
height:90px;
}
}
@media screen and (max-width: 1340px) {

#headerBanner {
margin-right:1.5%;
}
}

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

.leaderboard {
width:100%;
}

.leaderboard * {
width:468px;
margin-left:auto;
margin-right:auto;
}

}
@media screen and (max-width: 797px) {

.leaderboard {
display:none;
height:0;
}

#banners {
display:none;
}

#wallpaperFallback {
display:block;
float:left;

}

#leaderboardFallback1 {
display:block;
float:right;

}

#leaderboardFallback1 img {

}

#sidebarFallback1 {
display:block;
width:620px;
float:none;
margin-left:auto;
margin-right:auto;
}

#sidebarFallback1 div {
width:300px;
float:left;
margin-left:0;
margin-right:20px;
}

#sidebarFallback1 div:nth-of-type(even) {
margin-right:0;
}
#sidebarFallback1 div:nth-of-type(odd) {
clear:left;
}

#sidebarFallback2 {
display:block;
width:100%;
}

#sidebarFallback2 * {
width:300px;
margin-left:auto;
margin-right:auto;
}

#footerFallback {
display:block;
width:100%;
}

#footerFallback * {
width:300px;
margin-left:auto;
margin-right:auto;
}

.bodyMpu img {
padding-bottom:20px;
}

}

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


#leaderboardFallback1 {
display:none;
}

#wallpaperFallback {
width:100%;
}

#wallpaperFallback * {
width:300px;
margin-left:auto;
margin-right:auto;
}

#leaderboardFallback2 {
display:block;
width:100%;
}

#leaderboardFallback2 * {
width:300px;
margin-left:auto;
margin-right:auto;
}

/*#leaderboardFallback2 img,
#wallpaperFallback img {
margin-top:25px;
}*/

#sidebarFallback1 {
width:300px;
}

#sidebarFallback1 div,
#sidebarFallback1 * {
margin-left:auto;
margin-right:auto;
clear:both;
float:none;
width:300px;
}

#sidebarFallback1 div:nth-of-type(2n) {
margin-right:auto;
}

#sidebarFallback2 * {
}



}

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


}

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




}

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


#headerBanner {
display:none;
}

#headerBannerFallback {
display:block;
width:100%;
float:left;
margin-top:25px;
height: 123px;
}


#headerBannerFallback * {
width:300px;
height:123px;
margin-left:auto;
margin-right:auto;
}



/*#headerBannerFallback img {
margin-top:25px;
}*/





}