/*
    Document   : styles-responsive.css
    Created on : 08/12/2015, 09:01:15 PM
    Author     : cesarmejia
    Description:
*/

@media (max-width: 1042px) {

    .navigation .list{
        margin: 5px;
    }

}

@media (max-width: 1250px) {

    .fit-screen { min-height: calc(100vh - 135px); }

    /* Navigation */
    .navigation {
        /*height: 60px;*/
        height: 102px;
    }

    /* Navigation - Logo */
    .navigation .logo {
        margin-left: auto;
        margin-right: 25px;
        max-width: 170px;
        margin-top: 3px;
        /*width: 55px;*/
    }

    .navigation .info-ribbon{
        padding: 10px 0;
    }

    .navigation .list{
        padding: 0px;
        margin: 3px;
    }

    /* Navigation - List */
    .navigation .list li {
        margin: 0 10px;
    }

    .navigation .list li a {
        line-height: 50px;
    }

    .navigation .list li a.button {
        line-height: 35px;
        margin-top: 9px;
    }


    div.no-hits{
        padding: 15px 209px 0 0;
    }

    /* Outer Wraper */
    .outer-wrapper {
        padding-top: 90px;
    }

    .footer .text {
        color: #ffffff;
        font-size: 10px;
        padding-top: 7px;
    }

}

@media (max-width: 920px) {

    /* Body */
    body.mobile-navigation-open {
        overflow: hidden;
    }


    /* Mobile navigation */
    .mobile-navigation {
        background-color: #333333;
        display: block !important;
        height: 100%;
        overflow-y: scroll;
        position: fixed;
        right: -250px;
        top: 0;
        visibility: visible !important;
        width: 250px;

        -webkit-transition: right 350ms;
        -moz-transition: right 350ms;
        -ms-transition: right 350ms;
        -o-transition: right 350ms;
        transition: right 350ms;
    }

    .mobile-navigation .header {
        background-color: #fff;
        display: block;
        max-height: 60px;
        padding: 3px;
    }

    .mobile-navigation .header .logo {
        display: block;
        float: left;
        /*max-width: 93px;*/
        width: 120px;
    }

    .mobile-navigation .list {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .mobile-navigation .list li:after {
        border-bottom: 1px solid #2B2B2B;
        border-top: 1px solid #3C3C3C;
        content: '';
        display: block;
        width: 100%;
    }

    .mobile-navigation .list li a {
        color: #FFFFFF;
        display: block;
        font-family: 'Conv_Verb-Medium';
        font-size: 15px;
        padding: 27px 10px;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
    }


    .mobile-navigation .list li a.capitalized {
        text-transform: capitalize;
    }

    .mobile-navigation.mobile-navigation-open {
        right: 0;
    }

    /* Mobile navigation - Buttons */
    .mobile-navigation .buttons {
        margin-top: 13px;
        text-align: right;
    }

    .mobile-navigation .buttons .fav {
        color: #333333;
        font-size: 12px;
        text-decoration: none;
    }

    .mobile-navigation .buttons .fav,
    .mobile-navigation .buttons .close-button,
    .mobile-navigation .buttons .fav .icon,
    .mobile-navigation .buttons .fav .text {
        display: inline-block;
        vertical-align: middle;
    }

    .mobile-navigation .buttons .fav .icon {
        width: 14px;
    }

    .mobile-navigation .buttons .fav .icon .icon-star:before {
        color: #ff9900;
        font-size: 14px;
        margin: 0;
    }

    .mobile-navigation .buttons .close-button {
        color: #FF0000;
        font-family: 'Oxygen', sans-serif;
        font-size: 16px;
        font-weight: bold;
        line-height: 19px;
        margin-left: 25px;
        text-decoration: none;
    }

    /* Navigation */
    .navigation {
        /*padding: 5px 0;*/

        -webkit-transition: right 350ms;
        -moz-transition: right 350ms;
        -ms-transition: right 350ms;
        -o-transition: right 350ms;
        transition: right 350ms;
    }

    .navigation .list {
        display: none !important;
        visibility: hidden !important;
    }

    .navigation .navigation-toggle {
        display: block !important;
        visibility: visible !important;
    }

    .navigation.mobile-navigation-open {
        right: 250px;
    }

    /* Outer wrapper */
    .outer-wrapper {
        right: 0;
        margin-top: -80px;

        -webkit-transition: right 350ms;
        -moz-transition: right 350ms;
        -ms-transition: right 350ms;
        -o-transition: right 350ms;
        transition: right 350ms;
    }

    .outer-wrapper.mobile-navigation-open {
        right: 250px;
    }

    /* Category Layout - Cover */
    .category-layout .block.cover {
        height: 335px;
    }

    /* Head para movil */
    .content-layout .heading {
        margin-top: 100px;
    }

}

@media (max-width: 768px) {

    .block.home-ribbon {
        background-attachment: scroll;
    }

    .content-layout .heading .imprime{
        float: left;
    }

    .rsocial{
        max-width: none;
        float: left;
        padding: 2px 10px;
    }

}

@media (max-width: 767px) {

    /* Navgation - User */
    .navigation .user {
        margin-top: 17px;
    }

    /* Block Cover */
    .block.cover {
        height: 450px;
        display: flex;
        align-items: center;
        justify-content: center;

    }

    .block.cover .wrapper {
        margin-top: -100px;
        max-width: 450px;
        top: 50%;

    }

    .block.cover .wrapper .title {
        font-size: 28px;
        margin-bottom: 150px;
    }

    .caja-botones{
        margin-top: -130px;
        visibility: hidden;

    }

    .boton-central{
        font-size:8px;
        font-family:'Conv_Verb-Regular', sans-serif;
        color:white;
        background:#000000;
        opacity: 0.6;
        border:0px;
        width:80px;
        height:25px;
    }

    .block.cover .controls {
        margin-bottom: 15px;
    }

    div.no-hits{
        padding: 15px 10px 0 0;
    }

    .outer-wrapper {
        right: 0;
        margin-top: -80px;

        -webkit-transition: right 350ms;
        -moz-transition: right 350ms;
        -ms-transition: right 350ms;
        -o-transition: right 350ms;
        transition: right 350ms;
    }

    .block.cover .controls .custom-select .option-selected,
    .block.cover .controls .custom-select .option-group {
        border: none;
    }

    .block.cover .advanced-search {
        background-color: rgba(0, 0, 0, .54);
        border: none;
        color: #fff;
        display: block;
        font-family: 'Conv_Verb-Regular-Bold';
        font-size: 11px;
        margin-top: 15px;
        margin-left: auto;
        max-width: 160px;
        padding: 13px 15px;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
    }

    /* Block Place */
    .block.places {  }

    .block.places .content .align-middle {  }


    /* Home Ribbon */
    .block.home-ribbon .table-layout {
        height: 250px;
    }

    .block.home-ribbon .html {
        font-size: 35px;
        line-height: 35px;
    }

    .block.home-ribbon .html .small {
        font-size: 25px;
    }

    .block.home-ribbon .html .small2 {
        font-size: 26px;
    }


    /* Block Us */
    .block.us {
        padding: 45px 0 30px;
    }

    .block.us .card {
        margin: 0 auto 25px;
        max-width: 570px;
    }

    .block.us .card .image {
        margin: 0 auto 15px;
        max-width: 135px;
    }

    .block.us .card .name {
        font-size: 20px;
        margin: 0 auto 10px;
        max-width: none;
    }

    .block.us .card .desc {
        font-size: 13px;
    }


    /* Block Contact */
    .block.contact {
        padding: 45px 0 50px;
    }

    .block.contact .header {
        margin-bottom: 30px;
    }

    .block.contact .contact-info {
        margin-bottom: 35px;
    }

    .block.contact .address {
        margin-bottom: 25px;
    }


    /* Category Layout - Content */
    .category-layout .main .content {
        margin-left: 0;
    }


}

@media (max-width: 580px) {

    .contact-widget.popup {
        width: 100%;
    }

}

@media (max-width: 480px) {

    /* Navigation - Info Ribbon */
    .navigation .info-ribbon .text {
        display: none;
    }

    .content-layout .heading .imprime{
        padding: 10px 10px;
    }
    .rsocial{
        max-width: none;
    }

    /* Block Cover */
    .block.cover {
        height: 325px;
    }

    .block.cover .wrapper {
        margin-top: -80px;
    }

    .block.cover .wrapper .title {
        font-size: 20px;
        margin-bottom: 100px;
        margin-top: 20px;
    }

    .caja-botones{
        margin-top: -80px;

    }

    .boton-central{
        font-size:5px;
        font-family:'Conv_Verb-Regular', sans-serif;
        color:white;
        background:#000000;
        opacity: 0.6;
        border:0px;
        width:60px;
        height:25px;
    }

    div.no-hits{
        padding: 15px 10px 0 0;
    }

    /* Block Place */
    .block.places {
        padding: 25px 0 20px;
    }

    .outer-wrapper {
        right: 0;
        margin-top: -80px;

        -webkit-transition: right 350ms;
        -moz-transition: right 350ms;
        -ms-transition: right 350ms;
        -o-transition: right 350ms;
        transition: right 350ms;
    }

    .block.places .content .align-top,
    .block.places .content .align-middle {
        margin-right: 0;
        width: 100%;
    }

    .block.places .header {
        margin-bottom: 15px;
    }

    .block.places .header .title {
        font-size: 20px;
        margin-bottom: 10px;
    }

    /* Home Ribbon */
    /* Override */
    .block.home-ribbon .container-fluid {
        padding-left: 5px;
        padding-right: 5px;
    }

    .block.home-ribbon .table-layout {
        height: 125px;
    }

    .block.home-ribbon .html {
        font-size: 23px;
        line-height: normal;
    }

    .block.home-ribbon .html .small {
        font-size: 17px;
    }

    .block.home-ribbon .html .small2 {
        font-size: 18px;
    }


    /* Block Us */
    .block.us {
        padding: 15px 0 5px;
    }

    .block.us .card {
        margin-bottom: 20px;
    }

    .block.us .card .image {
        margin: 0 auto 2px;
        max-width: 70px;
    }

    .block.us .card .name {
        font-size: 19px;
        margin: 0 0 5px;
    }

    .block.us .card .desc {
        font-size: 11px;
        max-width: 225px;
    }


    /* Block Contact */
    .block.contact {
        padding: 20px 0;
    }

    .block.contact .header {
        font-size: 13px;
        margin: 0 auto 20px;
        max-width: 90%;
    }

    .block.contact .header .title {
        margin-bottom: 5px;
    }

    .block.contact .contact-info {
        margin-bottom: 25px;
    }

    .block.contact .contact-form input[type=text],
    .block.contact .contact-form textarea {
        font-size: 9px;
        margin-bottom: 13px;
    }

    .block.contact .contact-form input[type=submit] {
        max-width: 135px;
        padding: 13px 42px;
    }


    /* Map Section */
    .map-section {
        height: 180px;
    }

    /* Category Layout - Cover */
    .category-layout .block.cover {
        height: 270px;
    }

    /* Category Layout - Content */
    .category-layout .main .content .align-top {
        margin-right: 0;
        width: 100%;
    }


    /* Content Layout */
    .content-layout .heading .wrapper {
        margin-left: 5px;
        margin-right: 0;
    }

    .content-layout .heading .title {
        font-size: 17px;
    }

    .content-layout .heading .title .code {
        display: block;
        font-size: 11px;
        margin-left: 0;
    }

    .content-layout .heading .price {
        font-size: 17px;
    }

    .content-layout .heading .price .labl {
        font-size: 9px;
    }

}