@media screen and (max-width: 995px) {
    .viaje-info
    {
        max-width: 600px;
    }
    .viaje-row
    {
        background: #fff;
        margin: 15px 0;
        padding: 5px;
    }
    .user-info
    {
        display: inline-block;
        float: left;
        padding-right: 10px;
    }
    .viaje-info
    {
        display: inline-block;
        float: left;
        padding: 5px 5px 0 5px;
    }
    .precio-plazas-info
    {
        display: inline-block;
        padding-top: 5px;
        float: right;
    }
    .viaje-advanced
    {
        float: left;
        display: initial;
        width: auto;
        margin: 4px;
        padding: 2px;
        border: 1px dashed #4d4d4d;
    }
}
@media screen and (max-width: 991px) {
    ul.dropdown-menu.user-h-b-ddm
    {
        background-color: #ffffff!important;
        border: 1px solid #cccccc!important;
    }
    nav li.user-h-b
    {
        display: block;
    }
    ul.user-h-b-ddm li
    {
        display: block;
    }
    .usuario-input
    {
        width: 700px!important;
    }
    .mimensaje-ch-1
    {
        width: 80px;
    }
}        
@media screen and (max-width: 960px) {
    .viaje-info
    {
        max-width: 470px;
    }
    .row-margin
    {
        margin-left: 0;
        margin-right: 0;
    }
    #supercontainer{
        width: inherit;
    }
    .maincontainer
    {
        width: inherit;
    }
    .footer-container
    {
        width: 100%;
    }
    .footer
    {
        width: 100%
    }
}
@media screen and (max-width: 830px) {
    .viaje-info
    {
        max-width: 450px;
    }
    .search
    {
        width: 100%;
    }
    .advantage-r
    {
        width: 100%;
    }
    .eslogan
    {
        width: 100%;
    }
    .eslogan-form
    {
        width: 100%;
    }
    .description
    {
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .user-info
    {
        display: inline-block;
        float: left;
        padding-right: 10px;
    }
    .viaje-page-name
    {
        font-size: 15px;
        display: block;
        margin-top: 10px;
        text-align: center;
    }
    #precio
    {
        width: 100%;
    }
    .zcontent
    {
        width: 600px;
    }
    .viaje-info
    {
        display: inline-block;
        max-width: 375px;
        float: left;
        padding: 5px 5px 0 5px;
    }
    .viaje-datetime
    {
        font-size: 21px;
    }
    .precio-plazas-info
    {
        display: inline-block;
        padding-top: 5px;
        float: right;
        padding-left: 5px;
    }
    .navbar-header
    {
        margin: 0 auto!important;
        width: 265px;
    }
    .search
    {
    }
    .nav-menu
    {
        text-align: center;
        margin-bottom: 15px;
    }
    .navbar-nav
    {
        display: inline-block;
        margin: 0 auto;
    }
    .nav li
    {
        display: inline-block;
    }
    .eslogan-form
    {
        padding: 0 20px;
        color: #4d5d77;
    }
    .main-b-form
    {
        padding: 0 20px;
    }
    .usuario-input
    {
        width: 100%!important;
    }
}
@media screen and (max-width: 767px) {
    nav li.user-h-cv
    {
        margin-right: 0;
    }
    .fb-like
    {
        margin-right: 0;
    }
    .dateinput-c
    {
        width: 125px;
        margin: 15px auto;
    }
    .footer
    {
        line-height: initial;
    }
    .footer-links ul li
    {
        display: block;
        padding: 0;
        border: none;
    }
    .footer-links ul
    {
        display: block;
    }
    .footer-m-h
    {
        display: block;
    }
    .footer-copy
    {
        text-align: center;
    }
    .footer-social
    {
        margin: 0;
    }
    .eslogan-form
    {
        padding: 0;
    }
    .search
    {
        padding-top: 80px;
    }
}
@media screen and (max-width: 670px) {
    .viaje-info
    {
        max-width: 300px;
    }
    .reglas-r
    {
        padding: 0;
    }
    .reglas-c
    {
        padding: 30px 15px!important;
    }
    .precio-plazas-info
    {
        font-size: 12px;
        padding-left: 5px;
    }
    .viaje-pecio
    {
        font-size: 30px;
    }
    .viaje-plazas:first-letter
    {
        font-size: 20px;
    }
}

@media screen and (max-width: 690px) and (min-width: 671px) {
    .viaje-info
    {
        max-width: 375px;
    }
    .precio-plazas-info
    {
        font-size: 12px;
        padding-left: 5px;
    }
    .viaje-pecio
    {
        font-size: 30px;
    }
    .viaje-plazas:first-letter
    {
        font-size: 20px;
    }
}
@media screen and (max-width: 600px) {
    .eslogan
    {
        height: auto;
        font-size: 12px;
        line-height: normal;
        /*background-color: rgba(0,122,255,0.40);*/
        padding: 10px;
    }
    .zcontent
    {
        width: 400px;
    }
    #preview-pane
    {
        right: -230px;
    }
    .description
    {
        height: auto;
        background-color: rgba(0, 0, 0, 0.2);
        font-size: 10px;
        line-height: normal;
        padding: 10px;
        color: white;
    }
        .viaje-info
    {
        max-width: 290px;
    }
}

@media screen and (max-width: 580px) {
    .viaje-info
    {
        max-width: 280px;
        padding-right: 5px;
    }
    #preview-pane
    {
        display: none!important;
    }
    .precio-plazas-info
    {
        padding-left: 5px;
    }
    .viaje-pecio
    {
        font-size: 30px;
    }
    .viaje-plazas
    {
        font-size: 11px;
    }
    .viaje-plazas:first-letter
    {
        font-size: 20px;
    }
}
@media screen and (max-width: 550px) {
    .clnt-lst-email{
        display: none;
    }
    .clnt-lst-ultcmb{
        display: none;
    }
}
@media screen and (max-width: 400px) {
    .fb-like
    {
        margin: 15px 0;
    }
    .pagination li a
    {
        padding: 7px;
        font-size: 13px;
    }
    .zcontent
    {
        width: 300px;
    }
    .usuario-input
    {
        width: 100%!important;
    }
    .usuario-menu-l
    {
        margin-top: 0;
    }
    #precio
    {
        width: 100%;
    }
    .usuario-foto
    {
        width: 80px;
        height: 80px;
    }
    .usuario-foto-container
    {
        width: 80px;
        height: 80px;        
    }
    .usuario-foto-container img
    {
        width: 80px;
        height: 80px;        
    }
    .viaje-page-name
    {
        font-size: 12px;
        display: inline-block;
        margin-top: 10px;
        text-align: center;
    }
    .viaje-page-precio
    {
        font-size: 45px;
    }
    .viaje-page-plazas
    {
        font-size: 12px;
        margin-top: 0;
    }
    .viaje-page-datetime
    {
        font-size: 20px;
        text-align: left;
    }
    .viaje-page-n-c
    {
        float: left;
        width: 49%;
        border-right: 1px solid #b1aeaa;
        text-align: center;
    }
    .viaje-page-p-c
    {
        float: right;
        width: 49%;
    }
    ul.dropdown-menu.user-h-b-ddm
    {
        background-color: #ffffff!important;
        border: 1px solid #cccccc!important;
    }
    li.user-h-b
    {
        display: block;
    }
    ul.user-h-b-ddm li
    {
        display: block;
    }
}
@media screen and (max-width: 320px) {
    .container-fluid
    {
        padding: 0;
    }
    .eslogan-form
    {
        font-size: 35px;
    }
}
@media print {
    .navbar-right{
        display: none;
    }
    .row-nav{
        border: none;
    }
    .btn{
        display: none;
    }
    .footer-container{
        display: none;
    }
}