@media only screen and (max-width: 820px) and (min-width: 200px){

    #user_account .tab-account li i {
        float       : left;
    }

    #user_account #userProfile > div label{
        width       : 100%;
    }

    #user_account #userProfile > div img{
        width       : 100%;
    }

    #user_account #userProfile > div.five.columns i{
        margin-top  : 47px;
        margin-left : 17%;
    }

    #user_account #userProfile > div.user-buttons , #user_account #userSetting > div.user-buttons{
        width       : 100%;
    }

    #user_account #userProfile > div.user-buttons button , #user_account #userSetting > div.user-buttons button{
        width       : 47%;
    }

    #user_account #userSetting > div , #user_account #userProfile > div:not(.image){
        width       : 100%;
        height      : inherit;
    }

    #user_account #userSetting > div label {
        width       : 30%;
    }

    #user_account #userSetting > div > div{
        width       : 65%;
    }

    #user_account .trip-content .trip-table thead th:nth-child(3) , #user_account .trip-content .trip-table tbody td:nth-child(3){
        display     : none;
    }

    #user_account .trip-content .footer .offer-button{
        display     : none;
    }

    .modal-body > input[type="password"] {
        width       : 100%;
    }

    .modal#changePassword > div{
        padding     : 0 !important;
        width       : 75%;
    }

    .modal#alert-mobile > div{
        width       : 100%;
        padding     : 40px;
    }

    #user_account #messagerie .list-group{
        width       : 13%;
    }

    #user_account #messagerie .list-group span{
        display     : none;
    }

    #user_account #messagerie .list-group i{
        color       : #00A2E4;
    }

    #user_account #messagerie .labar{
        width       : 86%;
        padding     : 0 10px;
    }

    #user_account #messagerie .labar button{
        margin-left: 0;
    }

    #user_account #send .btn-group{
        width       : 87%;
    }

    #user_account #send .btn-group form{
        width       : 100%;
        padding     : 0 5px;
    }

    #user_account #send .btn-group form textarea{
        margin-bottom: 5px;
    }

}

@media only screen and (max-width: 520px) and (min-width: 200px){

}