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

}

@media only screen and (max-width : 980px) {
    #detaque ul li{
        width: 18%;
    }

    #detaque ul li:first-child{
        border-left: none;
    }

    #detaque .circulo{
        width: 110px;
        height: 110px;
    }

    #detaque .circulo img{
        padding-top: 15px;

    }

    #detaque h5{
        margin-top: 19px;
        font-size: 14px;
    }
}

/** mobile **/
@media only screen and (max-width : 768px) {

    #header{
        padding: 10px 0;
    }

    #menu .navbar-nav > li {
        display: block;
    }

    #menu .navbar-nav{
        margin: 0;
    }

    #logo img{
        zoom: 70%;
        margin: 0 0 0 20px;
    }

    .icon-bar{
        background: #1a5d88;
    }

    .navbar-toggle{
        padding: 0;
        margin: 0;
    }

    #social{
        margin-top: -60px;
    }

    #social #menu-mobile.btn-default:hover {
        background: #fff;

    }
}

@media only screen and (max-width : 690px) {
    #detaque ul li{
        width: 100%;
        border: none;
        margin-bottom: 20px;
    }

    #detaque ul li:first-child{
        border-left: none;
    }

    #detaque .circulo{
        width: 120px;
        height: 120px;
    }

    #detaque .circulo img{
        padding-top: 25px;
    }

    #detaque h5{
        margin-top: 19px;
        font-size: 20px;
    }
}


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

    #logo img{
        margin: auto;
    }
    #social{
        width: 100%;
        margin-top: 10px;
    }

    #social.pull-right{
        float: none !important;
    }

    #social #menu-mobile{
        float: right;
    }
}