@media (min-width: 1180px){

    .navbar-default .btn{
        padding: 5px 20px !important;
        top: -5px;
        margin-right: 20px;
    } 

}

@media (min-width: 993px) and (max-width: 1179px){
    .navbar-default .btn{
        padding: 5px 15px !important;
        top: -5px;
        margin-right: 15px;
    }   

    .navbar-default .navbar-nav li {
        margin-left: 15px;
    }
    .navbar-default .navbar-brand {
        margin-left: -25px;
        height: 50px;
    }
}


@media screen and  (min-width: 768px) and (max-width: 992px){
    body{
        font-size: 12px;
    }
    .navbar-default .navbar-brand {
        margin-left: -30px;
        margin-top: -15px;
        height: 40px;
    }
    .navbar-default .navbar-nav li {
        margin-left: 7.5px;
    }
    .connecter {
        left: 80%;
    }
    .navbar-default .btn {
        padding: 2px 5px;
    }

}


@media (min-width:501px) and (max-width: 767px){
    body{
        font-size: 12px;
    }
    .connecter {
        position: relative;
        float: left;
        left: 0;
        margin-bottom: 15px;
    }
    .navbar-default .btn {
        padding: 3px 10px;
    }

    .navbar-default .navbar-nav li {
        margin-bottom: 10px;
    }
    .navbar-default .navbar-brand {
        margin-left: 15px;
        height: 50px;
    }

}
@media (max-width: 500px){
    body{
        font-size: 12px;
    }
    .connecter {
        position: relative;
        float: left;
        left: 0;
        margin-bottom: 15px;
    }
    .navbar-default .navbar-nav li {
        margin-bottom: 10px;
    }
    .top-nav-collapse {
        padding:  25px 10px 2px 35px;
    }
    .navbar-default .navbar-brand {
        margin-left: -10px;
        margin-top: -22px;
        height: 35px;
    }
    .navbar-toggle{
        margin-top: -20px;
        padding: 5px 10px;
    }
    .tab-content>div>h1{
        font-size: 17px;
    }
    .tab-content label{
        font-size: 12px;
    } 



   

}