#div-gpt-ad-1467300418005-0_ad_container{
    float: none;
    position: absolute;
    top: 21px;
    right: 16px;
}
#div-gpt-ad-1467300418005-0{
    display: none;
}
#header .top-ad-box{

    padding: 0;
    text-align: right;
}

.mpu-holder .mpu-label{
    line-height: 10px;
    margin-bottom: 5px;
}

.post .opt-list li,
.post .opt-list{
    font-size: 14px;
    line-height:17px !important;
}


@media(min-width: 480px){
    
    /*hide ad and show logo*/
    .mpu-holder .mpu-label{
        display: none;
    }

    .mpu-holder > div{
        display: none;
        
    }
    .post.small .mpu-holder{
        background:#333 url(../images/logo-inv.png) center center no-repeat;
    }
}

@media(min-width: 769px){

    
    #header .top-ad-box {
        padding-top:29px;
    }
    
.post .opt-list li,
.post .opt-list{
    font-size: 14px;
    line-height:17px !important;
}

    
}



@media(min-width: 960px){
    
    
    /* SHOW ad again and hide logo*/
    .mpu-holder .mpu-label{
        display: block;
    }

    .mpu-holder > div{
        display: block;
        
    }
    .post.small .mpu-holder{
        background:none;
    }
    /*force the following article to shrink so the ad can have natural height*/
    .post.small .mpu-holder+.md-box {
        min-height: 162px;
    }
}

@media(min-width: 1024px){
      #div-gpt-ad-1467300418005-0{
        float:none;
        display: block;
    }  
    
    #header .top-ad-box{
        width: 60%;
        margin: 0;
        position: absolute;
        bottom: 10px;
        right: 14px;

    }
    /* undo all forced heights and let page sort it out*/
     /* SHOW ad again and hide logo*/
    .mpu-holder .mpu-label{
        display: block;
        line-height: 30px;
    }

    .mpu-holder > div{
        display: block;
        
    }
    .post.small .mpu-holder{
        background:none;
    }
    .post.small .mpu-holder+.md-box {
        min-height: 302px;
    }
    
    
}