/*###########################################################################*\
            #CAN ADVERT SHOW:HIDE
\*###########################################################################*/
/* CAN Advert responsive controls, these decide which ads are shown each mode, sky is not used yet */
/* -DESKTOP- */

/* DMPU not being used on any size screen */
.leader, .sky, .mpu, .dmpu, .ibar {
    padding: 0;
    margin: 0;
    text-align: center;
    /*margin-left:-120px;*/
}

.leader {
    background: #0a1c5c;
    border: red solid 0px;
    padding: 10px;
}

.adline {
    height: 1px;
    background: #fff;
}

.social-icon {
    width: 40px;
    padding: 5px 5px 15px 5px;
}

/***
Live Departures iFrame
***/

.ldIframe {
    width: 100%;
    height: 240px;
}

/*** 
    The Media queries decided what size banners are shown, they do not resize them. 
    The leaderboard can be one of two sizes 728x90 or 350x50px That is done by CAN 
***/
/* tablet landscape */
@media all and (max-width: 1000px) {
    .leader {
        display: block;
        margin-left: -20px;
    }

    .sky {
        display: block;
    }

    .mpu {
        display: block;
    }

    .iBar {
        display: block;
    }
}
/* -TABLET- portrait  */
@media all and (max-width: 720px) {
    .leader {
        display: block;
    }

    .iBar {
        display: block;
    }

    .sky {
        display: none;
    }

    .mpu {
        display: block;
    }
}
/* -MOBILE- */
@media all and (max-width: 479px) {
    .leader {
        display: block;
        margin-left: -20px;
    }

    .iBar {
        display: block;
    }

    .sky {
        display: none;
    }

    .mpu {
        display: block;
    }
}

/* iphone 5 fix as banner was offset due to scaling */
@media only screen and (max-width:341px) {
    .leader {
        display: block;
        margin-left: -40px;
    }
}