@media (max-width: 995px){
    /*.table .col{*/
        /*width: auto;*/
    /*}*/
    /*.table .col:last-child{*/
        /*min-width: 0;;*/
    /*}*/
    .container{
        width: auto;
    }
    .table .col:last-child{
        /*min-width: 300px;*/
    }
}

@media (max-width: 767px){
    .views-widget-sort-by{
        margin-left: 10px;
        margin-top: 20px;
    }
    .navigation .row{
        border-bottom: none;
    }
    .hbanner{
        display: none;
    }
    .hlogo{
        margin-right: 0;
    }
    .table .col:last-child{
    min-width: 0;
    }
    .navbar-header img{
        width: auto;
        padding: 0 10px;
    }
    .conteiner{
        padding: 0 10px !important;
    }
    .credit-preview{
        padding: 0 5px;
    }
    h1{
        padding: 0 10px;
    }
    .rightcol::after{
        text-align: center;
        background: #f9c231;
        padding: 15px 0;
        color: #fff;
        font-size: 20px;
        font-weight: bold;
        content: 'Solicita ahora';
        display: block;
        width: 100%;
    }
    .table .col span{
        display: block;
        float: left;
        width: 40%;
        opacity: 1;
        font-size: 14px;
    }
    .links-to-other {
        width: 100%;
        text-align: center;
    }
    form#mfo-finder-search-form .form-item, form#user-pass .form-item, form#user-register-form .form-item, form#user-login .form-item, form#user-profile-form .form-item{
        float: left;
        width: 100%;
    }
    form#mfo-finder-search-form .form-item-terms, form#user-register-form .form-item-terms{
        display: block;
        margin-left: 0;
        width: auto;
    }
    form#mfo-finder-search-form .form-item-terms + p, form#user-register-form .form-item-terms + p{
        display: block;
        float: none;
        margin-left: 24px;
    }
    form#mfo-finder-search-form .form-item-terms + p .form-required, form#user-register-form .form-item-terms + p .form-required{
        float: none;
    }

    .expand-arrow{
        background: url('../img/expand_arrow_down.png') no-repeat;
        width: 50px;
        height: 54px;
        top: 0;
        right: 0;
        position: absolute;
        background-position: 50%;
        z-index: 20;
    }
    .expand-arrow.up{
        background-image: url('../img/expand_arrow_up.png');
    }
    ul li.expanded{
        position: relative;
        padding-right: 0;
    }
    .sub-navigation{
        display: none;
    }
    #block-block-29 h1{
        margin-left: 10px;
    }
    .nav > li{
        width: 100%;
    }
    .navbar-brand{
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0;
    }
    .gray-container.tablehead{
        display: none;
    }
    .credit-preview .leftcol{
        position: relative;
    }
    .credit-preview .stars-wrapper{
        padding-top: 24px;
        margin-left: 140px;
    }
    .credit-preview .leftcol .mfo-views{
        position: absolute;
        top: 0;
        left: 150px;
    }
    .credit-preview .leftcol b{
        margin-left: 140px;
    }
    .credit-preview .rightcol{
        width: 100%;
    }
    .table .col.resp{
        display: block;
    }
    .table .col{
        float: left;
        text-align: left;
        padding-left: 20px;
        width: 100%;
    }
    .table .col:nth-child(2n+1){
        /*width: 45%;*/
    }
    .table .col:nth-child(2n){
        /*width: 55%;*/
    }
    .credit-preview a .top-offer{
        display: none;
    }
    .credit-preview .more:before, .credit-preview .more:after{
        display: none;
    }
    .credit-preview .view-display-id-type_icons{
        display: none;
    }
    .credit-preview .rightcol{
        border-top: none;
    }
    .popular-publish .item{
        width: 100%;
        min-height: 0;
        padding-bottom: 60px;
        margin-bottom: 20px;
    }
    .popular-publish .item .article-date{
        bottom: 30px;
    }
    .popular-publish .item .article-views{
        top: 50px;
        right: 10px;
        bottom: inherit;
        background-image: url('../img/eye-white.png');
        color: #fff;
    }
    .credit-preview a{
        margin: 10px 0;
        border: 1px solid #d1d1d1;
        padding-top: 10px;
    }

    .resp{
        display: block;
    }
    .credit-preview a .more-btn{
        text-align: center;
        background: #f9c231;
        padding: 15px 0;
        color: #fff;
        font-size: 20px;
        font-weight: bold;
    }
    .mfo-rating .table .col:first-child{
        display: none;
    }
    .mfo-rating .table .col:nth-child(2n){
        width: 45%;
    }
    .mfo-rating .table .col:nth-child(2n+1){
        width: 55%;
    }
    .mfo-rating .credit-preview .stars-wrapper{
        padding: 0;
        margin: 0;
        text-align: left;
    }
    .mfo-rating .rating-reviews{
        position: static;
        bottom: 0;
        margin-left: 0;
    }
    .mfo-rating .mfo-views {
        position: static;
        bottom: 0;
        margin-left: 0;
    }
    .mfo-rating .table{
        margin: 0;
    }
    .footer .footer-navigation li{
        width: 100% !important;
        text-align: center;
    }
    .footer-navigation{
        padding-top: 122px;
    }
    .footer .copy{
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -127px;
        padding: 0 10px;
    }
    .footer .footer-social-links{
        margin: 0;
    }
    .footer{
        padding-bottom: 10px;
    }
    .header .navigation{
        background: none;
    }
    .nav > li{
        background: #474747;
    }
    .header .container{
        padding-left: 0;
        padding-right: 0;
    }
    .nav > li a{
        font-family: inherit;
        text-transform: none;
        font-weight: normal;
        font-size: 18px;
    }
    .nav > li a.active-trail{
        font-weight: bold;
    }
    .main-menu>li>a{
        float: left;
        width: 100%;
    }
    .main-menu .sub-navigation{
        float: left;
        width: 100%;
    }
    .main-menu .sub-navigation .container-fluid{
        margin: 0;
        padding: 0;
    }
    .main-menu .sub-navigation li, .main-menu .sub-navigation a{
        display: block;
        float: left;
        width: 100%;
        text-transform: none;
        color: #000;
        margin: 0;
    }
    .sub-navigation{
        display: none;
    }
    .active-trail .expand-arrow + .sub-navigation{
        display: block;
    }
    .active-trail .sub-navigation{
        display: none;
    }
    .main-menu .sub-navigation a{
        height: auto;
        font-size: 16px;
    }
    .main-menu .sub-navigation li.active-trail{
        border-bottom: 6px solid #f49d03;
    }
    .main-menu .sub-navigation a.active-trail{
        padding-bottom: 16px;
    }
    .main-menu .sub-navigation li{
        border-bottom: 1px solid #aaa;
    }
    .nav > .active-trail{
        background: #474747;
    }
    .nav > .active-trail:after{
        opacity: 0;
    }
    .nav > li:hover:after{
        opacity: 0;
    }
    .nav > .active-trail > a{
        background: none !important;
        color: #fff;
    }
    .footer .col-lg-6, .footer .col-md-6{
        width: auto;
    }
    .copyright{
        text-align: center;
    }
}
@media (max-width: 470px){
    .webform-container-inline input, .webform-container-inline textarea{
        width: 100%;
    }
    .webform-container-inline label{
        width: 100%;
    }
    .webform-container-inline .form-textarea-wrapper{
        width: 100%;
    }
    .webform-submit{
        margin-left: 0;
    }
}
@media (max-width: 992px){
    #block-views-rating-block-1 .border-container{
        text-align: center;
    }
    #block-views-rating-block-1 .border-container h3{
        text-align: center;
    }
    .credit-rate.rating-block{
        text-align: left;
        display: inline-block;
    }
}

.navbar-toggle{
    background: none;
    float: right;
    padding: 9px 10px;
}

.navbar-toggle .icon-bar{
    width: 40px;
    height: 4px;
    background-color: #f49d03;
}
.navbar-toggle .icon-bar + .icon-bar{
    margin-top: 10px;
}
@media (max-width: 360px){
    .navbar-header img{
        width: 70%;
    }
}