@media only screen and (max-width: 980px), only screen and (max-device-width: 980px) {
    /**********************
            HEADER
    **********************/
    header .brand 
    {
        background-image: url(../img/benzinfo_logo_mobile.png);
        height:50px;
    }
    
    #logoSDS img{
        width:45px;
        margin-top: -12px;
        margin-bottom: 25px;
    }
    
    header .nav.social {
        right: 5%;
    }
    
    .span7
    {
        width: 60%;
    }
    
    .span6
    {
        width: 60%;
    }
    
    header .navbar .navbar-inner .nav
    {
        margin-top: 0px;
    }
    
    #iconnew{
        width: 20px;
        height: 20px;
        top: -5px;
        left: -28px;
    }

    #iconnew:before {
        height: 18px;
        width: 18px;
    }

    #iconnew:after {
        height: 18px;
        width: 18px;
    }

}

@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {
    /**********************
            HEADER
    **********************/
    header .brand 
    {
        background-image: url(../img/benzinfo_logo_mobile.png);
        height:50px;
    }
    
    #logoSDS img{
        width:45px;
        /*margin-left: -2%;*/
        margin-top: 15px;
        margin-bottom: 25px;
    }
    
    .span7
    {
        width: 100%;
    }
    
    .span6
    {
        width: 100%;
    }
    
    header .navbar .navbar-inner .nav
    {
        margin-top: 0px;
    }
    
    header .navbar-inner
    {
        margin-top: 75px;
    }
    
    .newsFeed {
        left: 10%;
        max-width: 400px;
        width:80%;
        height: 200px;
    }
    
    .newsFeed-iFrame {
        height:135px;
    }
    
    /**********************
            CONTENT
    **********************/
    .carousel-caption 
    {
        height: 60px;
    }
    
    .menu-index
    {
        padding: 0px 20px 20px 20px;
    }
    
    .menu-border-index
    {
        border-right: 0px;
        border-bottom: solid 1px #7ebe55;
        height: auto;
    }
    
    #reportDivTable textarea {
        max-width: 100%;
        width: 414px;
    }
    
    /**********************
            FOOTER
    **********************/
    .thumbs-footer li
    {
        float: left;
        width: 80px;
    }
    
    .thumbs
    {
        margin: 0px 20px 0px 20px;
    }
    
    #partners
    {
        margin: 0px 0px 0px 0px;
    }
    
    footer div#contact
    {
        margin-left: 0px;
    }
    .footer-mobile
    {
        padding: 10px 10px 10px 10px;
    }
    
    div#alc-footer div.logo-alc 
    {
        margin-left: 0px;
    }
    
    .copyright
    {
        padding: 10px 10px 10px 10px;
    }
}
