@media (max-width: 767px) {
    .header {
        padding: 20px 15px;
    }

    .header .col-xs-12 {
        text-align: center;
    }

    #site-lang-selector {
        margin: 15px 0 0;
    }

    .footer {
        padding: 25px 15px 20px;
    }

    #box-newsletter {
        margin-bottom: 15px;
    }

    #box-newsletter .input-group .form-control,
    #box-newsletter .input-group .input-group-btn,
    #box-newsletter .input-group .btn.btn-submit-blt {
        float: left;
        width: 100%;
    }

    #box-newsletter .input-group .btn.btn-submit-blt {
        margin-top: 5px;
    }

    #bajo-peticion .col-xs-12 {
        margin-bottom: 25px;
    }
    .hbp {
        width: 100%;
    }

}

@media (min-width: 768px) {
    /*.step-reserve .col-md-2 {*/
        /*width: 19.999%;*/
    /*}*/
    .hbp {
        width: 40%;
    }

    .table.table-bordered.resume.room-info thead tr th.col-md-1 {
        width: 8.333333%;
    }
    .table.table-bordered.resume.room-info thead tr th.col-md-2 {
        width: 16.666666%;
    }
    .table.table-bordered.resume.room-info thead tr th.col-md-3 {
        width: 25%;
    }
}

@media (min-width: 992px) {
    .step-reserve .col-lg-2 {
        width: 19.999%;
        max-width: 19.999%;
        flex: 0 0 19.999%;
    }

    .hbp {
        width: 80%;
        text-align: center;
    }
    .extra .btn-default {
        width: 80%;
    }

    .bkc-cancel .hbp {
        width: 40%;
    }
    .extra .bkc-cancel .btn-default {
        width: auto;
    }
}

@media (max-width: 767px) {
    .mt-element-step .step-reserve .mt-step-col {
        padding: 15px 0;
    }

    .mt-element-step .step-reserve .mt-step-title {
        font: 20px/35px 'TitilliumWeb-SemiBold';
        border: none;
    }

    .field-legend {
        padding-top: 0;
    }


    /*.resume.heading .col-xs-12 {
        line-height: 45px;
        min-height: 45px !important;
        display: inline-block;
    }

    .resume .col-xs-12 {
        float: left;
        line-height: 35px;
        min-height: 35px !important;
    }*/
}

@media (min-width: 1200px) {
    .hbp {
        width: 40%;
    }
    .extra .btn-default {
        width: auto;
    }
}

@media (max-width: 991px) {
    .mt-element-step .step-reserve .mt-step-title {
        font: 17px/35px 'TitilliumWeb-SemiBold';
    }

    .hbp {
        width: 100%;
        font-size: 16px;
    }
    .extra .btn-default {
        width: 100%;
        font: 16px/18px 'HelveticaLTStd-BoldCond';
    }

    .bkc-cancel .hbp {
        width: 40%;
    }
    .extra .bkc-cancel .btn-default {
        width: auto;
    }

}

@media (min-width: 1366px) {
    .hbp {
        width: 40%;
        text-align: left;
    }
}

@media (max-width: 1365px) {
    #of-ep .panel-default.oferta .panel-body {
        min-height: 375px;
    }

    .hbp {
        width: 80%;
        text-align: center;
    }
    .extra .btn-default {
        width: 80%;
    }
}

@media (max-width: 1199px) {
    .header {
        padding: 20px 15px;
    }

    #site-lang-selector {
        margin: 15px 0 0;
    }

    #logo,
    #logo img {
        width: auto;
    }

    #site-name,
    #site-name img {
        width: auto;
    }

    .mt-element-step .step-reserve .mt-step-title {
        font: 17px/35px 'TitilliumWeb-SemiBold';
    }
}

@media (max-width: 1024px) {
    #logo,
    #logo img {
        width: 140px;
    }

    #site-name,
    #site-name img {
        width: 250px;
    }

    .hbp {
        width: 100%;
        text-align: center;
    }
    .extra .btn-default {
        width: 100%;
    }
    .reserve-resume {
        position: relative;
        top: 0;
    }
}

@media (max-width: 767px) {
    #logo {
        /*margin: 0 auto;*/
        /*float: none;*/
        width: 100%;
    }

    #logo img {
        /*float: left;*/
        display: block;
        margin: 0 auto;
    }

    #site-name {

        /*float: none;*/
        width: 100%;
        margin: 0;
    }

    #site-name img {
        margin: 20px auto 0;
        /*float: left;*/
    }

    .room-description .col-xs-12.room-img {
        margin-bottom: 15px;
    }

    .responsive-table thead {
        position: absolute;
    }

    .responsive-table tbody tr.room-title {
        margin-bottom: 0;
        border-bottom: 0;
        background-color: #00486c;
        color: #fff;
    }

    .table.resume tr td {
        min-height: 45px;
    }

    .table.resume tr th,
    .table.resume tr td {
        /*padding: 0;*/
    }

    .table.resume {
        border: 0;
    }

    .table.resume tbody tr th {
        background-color: #00486c;
        min-height: 45px;
        color: #fff;
    }

    .table.resume tbody tr td {
        min-height: 45px;
        height: auto;
    }

    .table.resume.responsive-table tbody td[data-title]::before {
        padding: 8px 5px;
        margin-top: -9px;
        margin-left: -13px;
        margin-right: 6px;
        /*padding: 4px 0;*/
        /*margin-top: -4px;*/
        /*margin-left: -8px;*/
    }

    /* horizontal 2 columns */
    .table.resume.resume-horz-2c tr,
    .table.resume.resume-horz-2c tr th,
    .table.resume.resume-horz-2c tr td {
        float: left;
        width: 100%;
    }

    .table.resume.resume-horz-2c tr th,
    .table.resume.resume-horz-2c tr td {
        min-height: 35px;
        line-height: 35px;
    }


    .table-striped > tbody > tr:nth-of-type(2n),
    .table-striped > tbody > tr:nth-of-type(2n+1) {
        background-color: #fff;
    }

    fieldset legend {
        margin: 20px 0;
    }

    #of-ep .panel-default.oferta .panel-body {
        min-height: auto;
    }

}