@media (max-width: 600px) {
    body{
        min-width: 0;
        background: #79C5E0 url("../../img/mobile/bg-body.jpg") no-repeat;
    }

    #nik, #canyon, 
    #progression {
        display: none;
    }

    #wrapper {
    	width: 100%;
        overflow: hidden;
    	margin: 0 auto 60px;
    	position: relative;
    	z-index: 999;
    }
    #content{
        padding-top: 0;
    }

    /*///////////////////////////
    // MASTHEAD
    ///////////////////////////*/
    #masthead {
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        height: auto;
        width: 100%;
        background: none;
        z-index: 500;
    }
    #masthead-container {
        width: 100%;
    }
    #masthead h1{
        position: relative;
        z-index: 1;
        display: block;
        height: 55px;
        width: 100%;
        border-bottom: 1px solid #1C4E67;
        background-color: #032f46;
        background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, rgba(3, 46, 68, 0.2)), color-stop(100%, rgba(0, 20, 32, 0.6)));
        background-image: -webkit-linear-gradient(bottom, rgba(3, 46, 68, 0.2), rgba(0, 20, 32, 0.6));
        background-image: -moz-linear-gradient(bottom, rgba(3, 46, 68, 0.2), rgba(0, 20, 32, 0.6));
        background-image: -o-linear-gradient(bottom, rgba(3, 46, 68, 0.2), rgba(0, 20, 32, 0.6));
        background-image: linear-gradient(bottom, rgba(3, 46, 68, 0.2), rgba(0, 20, 32, 0.6));
    }
    #masthead h1 a.skywire-live {
        position: relative;
        display: block;
        margin: 0 auto;
        height: 50px;
        width: 100%;
        background: transparent url("../../img/mobile/logo-masthead-tonight.png") repeat-y 50% 0;
        z-index: 1;
    }
    #masthead h1 a.skywire-live span{
        display: none;
    }
    #masthead h1 a img {
        display: none;
    }
    
    #masthead h1 a.discovery{
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        margin: 0;
        width: 60px;
        height: 50px;
        background: url("../../img/mobile/logo-discovery.png") no-repeat 10px 14px;
        z-index: 20;
    }

    /*///////////////////////////
    // NAV
    ///////////////////////////*/
    #masthead #navigation {
        position: absolute;
        top: 0;
        left: 0;
        background: #79C5E0 url("../../img/mobile/bg-body.jpg") no-repeat;
        display: none;
        overflow: hidden;
        padding-bottom: 50px;
        width: 100%;
        height: auto;
        z-index: 1000;
    }
    #masthead #navigation ul {
        background: transparent url("../../img/mobile/logo-home.png") no-repeat 50% -6px;
        margin: 30px auto 20px;
        padding: 120px 0 0;
    }

    #masthead #navigation ul li {
        margin: 2px 15px;
        float: none;
        font-size: 15px;
        line-height: 1;
        text-align: left;
        text-transform: uppercase;
        list-style: none;
        background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(24%, #072a34), color-stop(74%, #0a4150));
        background-image: -webkit-linear-gradient(bottom, #072a34 24%, #0a4150 74%);
        background-image: -moz-linear-gradient(bottom, #072a34 24%, #0a4150 74%);
        background-image: -o-linear-gradient(bottom, #072a34 24%, #0a4150 74%);
        background-image: linear-gradient(bottom, #072a34 24%, #0a4150 74%);
    }
    #masthead #navigation ul li#nav-watch-live{
        display: none;
    }
    #masthead #navigation ul li a span{
        font-weight: bold;
        display: inline;
    }
    #masthead #navigation ul li.nav-share {
        padding: 13px 0 3px;
        text-align: center;
    }

    #masthead #navigation ul li a {
        background: transparent url("../../img/mobile/icons.png") no-repeat 25px 19px;
        color: #FFF;
        display: block;
        font-family: "RobotoBold", sans-serif;
        font-size: 16px;
        font-weight: bold;
        margin: 0;
        padding: 20px 0 20px 60px;
        text-decoration: none;
        text-transform: uppercase;
    }

    #masthead #navigation ul li a h3 {
        display: inline-block;
        font-family: "RobotoBold", sans-serif;
        font-size: 16px;
        font-weight: bold;
        padding: 0 10px 0 0;
        text-transform: uppercase;
    }

    #masthead #navigation ul li a .btn-facebook,
    #masthead #navigation ul li a .btn-twitter {
        display: inline-block;
        padding: 5px;
        width: 32px;
        height: 32px;
        background: transparent url("../../img/mobile/icons.png") no-repeat 0 -200px;
    }

    #masthead #navigation ul li a .btn-facebook {
        
    }

    #masthead #navigation ul li a .btn-twitter {
        background: transparent url("../../img/mobile/icons.png") no-repeat 0 -300px;
    }

    #mobile-menu {
        border: 1px solid #0F3146;
        color: #FFF;
        display: inline-block;
        font-size: 8px;
        font-weight: 700;
        line-height: 1em;
        padding: 11px 7px 12px;
        position: absolute;
        right: 11px;
        text-transform: uppercase;
        top: 9px;
        z-index: 20;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(20%, #032232), color-stop(60%, #162a36));
        background-image: -webkit-linear-gradient(bottom, #032232 20%, #162a36 60%);
        background-image: -moz-linear-gradient(bottom, #032232 20%, #162a36 60%);
        background-image: -o-linear-gradient(bottom, #032232 20%, #162a36 60%);
        background-image: linear-gradient(bottom, #032232 20%, #162a36 60%);
        text-decoration: none;
    }

    #nav-close {
        background: transparent url("../../img/mobile/icons.png") no-repeat 0 -100px;
        display: block;
        height: 26px;
        position: absolute;
        right: 10px;
        top: 10px;
        width: 26px;
    }
    body.live #live-bug{
        display: block;
    }
    #live-bug{
        position: absolute;
        top: 56px;
        left: 0;
        display: none;
        width: 87px;
        height: 60px;
        background: #479ECB url("../../img/bg-live-bug.png") no-repeat 50% 50%;
    }
	
	
    /*///////////////////////////
    // COUNTDOWN CLOCK
    ///////////////////////////*/
	
	#countdown-container {
		position: static;
		width: 100%;
        background: #479ECB url("../../img/live/black-50.png") repeat 0 0;
	}
	
	#countdown-header {
		left: 50px;
		top: 17px;
	}
	
	#countdown {
		margin-left: 130px;
		padding-top: 10px;
	}

    /*///////////////////////////
    // CONDITIONS
    ///////////////////////////*/
	
	
    body.live #conditions{
        margin-left: 87px;
        text-align: left;
    }
    #conditions{
		display: none;
        /*display: block;*/
        position: static;
        top: auto;
        right: auto;
        margin-left: 0;
        width: auto;
        height: auto;
        text-align: center;
        background: none;
    }
    body.live #conditions h3{
        text-align: left;
    }
    #conditions h3{
        margin-left: 15px;
    }
    #conditions ul{
        display: inline-block;
        margin: 5px 14px 14px;
    }

    /*///////////////////////////
    // VIDEO
    ///////////////////////////*/
    #video-player-container {
        display: block;
        width: 100%;
    	-webkit-border-radius: 0;
    	-moz-border-radius: 0;
    	border-radius: 0;
        background: none;
    }
    #video-player-container .gutter{
        padding: 0;
    }
    #iframe {
        width: 100%;
        height: 130px;
		margin-top: 10px;
    }
    #iframe iframe{
        width: 100% !important;
    }
    #logos{
        margin: 0 auto;
        width: 94%;
        text-align: center;
    }
    #logos .sponsor{
        display: none;
    }
    #logos #origin-digital{
        float: none;
        display: inline-block;
        color: #FFF;
        font-size: 10px;
        font-style: normal;
        font-weight: 400;
    }
	
	#cam-swipe {
		display: none;
	}
    /*#cam-swipe{
        display: block;
        margin: 7px auto 3px;
        width: 100%;
        color: #FFF;
        font-style: italic;
        text-align: center;
        background: url(../../img/mobile/bg-swipe.png) no-repeat 50% -97px;
    }*/

    /*///////////////////////////
    // SOCIAL STREAM
    ///////////////////////////*/
    #social-stream{
        float: none;
        clear: both;
        display: block;
        margin: 10px auto;
        width: 88%;
        height: auto !important;
    }
    #social-stream .gutter{
    }
    .social-stream-content{
        height: 200px;
    }
    .tweet-timestamp,
    .tweet-content{
        font-weight: 400;
    }
    

    /*///////////////////////////
    // PROGRESSION
    ///////////////////////////*/
    #progression{
        display: none;
    	background: none;
    	-webkit-border-radius: 0;
    	-moz-border-radius: 0;
    	border-radius: 0;
    }
    #progression .gutter{
        margin: 20px;
    	background: transparent url(../../img/live/black-70.png) repeat 0 0;
    	-webkit-border-radius: 4px;
    	-moz-border-radius: 4px;
    	border-radius: 4px;
        overflow: hidden;
    }
    #progression h3{
        font-weight: 400;
    }
    #progression-percent{
        display: block;
        position: absolute;
        top: 13px;
        left: 180px;
        color: #FFF;
        font-family: 'Roboto', arial, sans-serif;
        font-size: 32px;
        font-weight: 600;
    }
    #progression-diagram{
        display: none;
    }

    /*///////////////////////////
    // FOOTER AD
    ///////////////////////////*/
    #ad {
        position: fixed;
        bottom: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 60px;
        background: url('../../img/black-90.png');
        z-index: 2000;
    }
    #ad p{
        position: relative;
        top: auto;
        width: 100%;
        height: 100%;
        text-align: center;
        line-height: 60px;
    }
	#ad a{
        display: block;
        width: 100%;
        height: 100%;
        background: url('../../img/mobile/ad-mobile.png') no-repeat 50% 50%;
	}
    #ad a img{
        display: none;
    }
}