/*-------------------------------- MEDIA QUERYS --------------------------------*/

/* iphone portrait & landscape - galaxy portrait & lanscape */
@media (max-device-width: 767px) {
    .hidden-phone {
        display: none !important;
    }
    .visible-phone {
        display: inherit !important;
    }
    #sidebar-preheader,
    #sidebar-preheader * {display:none;}
    #header {}
    #header .content {
        height:auto;
        background:none;
        padding-bottom:0px;
    }

    #main {}

    #footer {height:10px;}    
    #footer .widget_qtranslate {display:none;}

    #logo {text-align:center;}
    #logo a {display:inline-block;}
    #logo a img {display:none;}    


    .mirai_motor {display:none !important;}
    ul#menu_web {display:none;}

    .mapa > * {display:none;}
    .mapa .map_mobile {display:block;}

    .home #header {}
    .home #header .content {}

    .home #logo {}
    .home #logo a img {display:block;}
    .home #logo a span {display:none !important;}

    .home #menu_phone {display:none !important;}
    .home #menu_web {
        display:block !important;
        background: none;
        padding-left: 0;
    }
    .home #menu_web li {}
    .home #menu_web li.current-menu-item {display:none;}
    .home #menu_web > li:hover ul.sub-menu {display: none;}

    .home section#main {display:none;}

    .home #footer {height:auto;}
    .home #footer .content {display:block !important;}
    .home #footer .content > * {display:none;}

    .home #footer .content address.address_phone {
        display:block !important;
        background-color:transparent;
        padding:5px 0;
    }
    .home #footer .content address.address_phone ul {
        text-align:center;
    }
    .home #footer .content address.address_phone li {
        display:inline-block;
        margin:0 20px;
    }
    .home #footer .content address.address_phone li a {
        background: transparent url('../images/sprite_phone.png') no-repeat 0 0;
        display: inline-block;
        text-indent: -99999px;
        height: 25px;
        width: 30px;
    }
    .home #footer .content address.address_phone li.address_street_phone a {background-position: -13px -132px;}
    .home #footer .content address.address_phone li.address_tel_phone a {background-position: -13px -54px;}
    .home #footer .content address.address_phone li.address_mail_phone a {background-position: -9px -158px;}

    .home #footer .widget_qtranslate {
        padding: 5px 0;
        position: static;
        top: 0px;
        font-size: 25px;
        margin-bottom: 15px;
        text-align: center;
    }
    .home #footer .widget_qtranslate ul {
        text-align:center;
        margin:0px;
    }
    .home #footer .widget_qtranslate ul li {
        display:inline-block;
        margin:0 10px;
    }
    .home #footer .widget_qtranslate ul li a {
        display: inline-block;
        width: 40px;
        height: 30px;
    }
    .home #footer .widget_qtranslate ul li.active a {border-bottom:2px solid #fff;}

    /* HOME */
    #main:after {content: "";}

    /* PAGES - NOT HOME */

    /* COOKIES */
    #cookies-alert-wrapper .container {padding:0 10px;}
    #cookies-alert-wrapper .link {display:inline-block;margin:10px 20px 0 0;}
    #cookies-alert-wrapper p {line-height:15px;}
    #cookies-alert-wrapper p span {display:block;}


    /*-------------------------------  NEW OFFERS TO RESPONSIVE WEB MOBILE ------------------------------*/    
    .widget_mailchimpsf_widget #mc_signup {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px 20px;
        width: 100%;
    }

    .widget_mailchimpsf_widget .mc_merge_var {
      margin-right: 0;
      width: 100%;
    }

    .widget_mailchimpsf_widget .mc_signup_submit {
      margin-top: 10px;
    }

    body .offers-listing-wrapper {
      margin: 10px 0 20px;
      padding: 10px;
    }

    .offers-listing-wrapper .offer .offer-description, .offers-listing-wrapper .offer .offer-includes {
      clear: both;
      margin: 0 0 20px !important;
      padding: 0 10px;
    }

    .offers-listing-wrapper .offer .offer-title {
      font-size: 20px;
      line-height: 20px;
      margin: 0 0 0 120px;
    }

    .offers-listing-wrapper .offer .offer-photo {
      left: -10px;
      position: relative;
      top: -25px;
    }

    .offers-listing-wrapper .offer-box {
        float: right;
        position: relative;
        right: 10px;
        top: 60px;
    }

    .offers-listing-wrapper .offer .offer-title {
      font-size: 16px;
      margin: 0;
      position: absolute;
      right: 10px;
      top: 5px;
      width: 53%;
    }

    .offers-listing-wrapper .offer-box.box-1 .span-0, .offers-listing-wrapper .offer-box.box-1 .span-1, .offers-listing-wrapper .offer-box.box-1 .span-2 {
      display: inline-block;
      margin: 0 2px;
    }

    .offers-listing-wrapper .offer .offer-date-range {
      bottom: auto;
      left: auto;
      padding: 0 10px;
      position: relative;
    }

    .offers-listing-wrapper .offer .offer-button {
      bottom: auto;
      margin: 0 auto 10px;
      position: relative;
      right: auto;
      width: 70%;
    }

    /* DETALLE DE OFERTA */

    body .offers-detail-wrapper {
      margin: 0;
      padding: 10px;
    }

    .offers-detail-wrapper .back {
      font-size: 20px;
      margin: 0 0 15px;
    }

    .offers-detail-wrapper .offer-wrapper {
      padding: 5px;
    }

    .offers-detail-wrapper .offer-features-wrapper {
      margin: 0;
      padding: 5px;
      text-align: right;
      width: 78%;
    }

    .offers-detail-wrapper .offer-header-content-wrapper {
      -moz-box-sizing: border-box;
      display: inline-block;
      position: relative;
      width: 100%;
    }

    .offers-detail-wrapper .offer-header-content-wrapper .offer-title {
      font-size: 20px;
      margin-bottom: 10px;
      margin-top: 15px;
      padding-right: 0;
    }

    .offers-detail-wrapper .offer-header-content-wrapper .offer-description,
    .offers-detail-wrapper .offer-header-content-wrapper .offer-board,
    .offers-detail-wrapper .offer-header-content-wrapper .offer-date-range,
    .offers-detail-wrapper .offer-header-content-wrapper .offer-social-links {
      padding-right: 0;
    }

    .offers-detail-wrapper .section {
      padding: 0 !important;
    }

    .offers-detail-wrapper .offer-extra-wrapper.section .offer-extra-row .offer-extra-hotel {
      float: none;
      width: 100%;
    }

    .offers-detail-wrapper .offer-extra-wrapper.section .offer-extra-row .offer-extra-hotel .offer-extra-hotel-img {
      float: none;
      width: 100%;
      margin: 0;
    }

    .offers-detail-wrapper .offer-extra-wrapper.section .offer-extra-row .offer-extra-hotel .offer-extra-hotel-description {
      margin: 0 !important;
    }

    .offers-detail-wrapper .offer-extra-wrapper.section .offer-extra-row .offer-extra-offers.odd {
      width: 100%;
    }

    .ui-datepicker-multi-3 .ui-datepicker-group {
      width: 100% !important;
    }
     
    .offer-extra-hotel-img img {
      display: block;
      margin: 0 auto 10px !important;
      width: 50% !important;
    }

    .offers-detail-wrapper .offer-extra-wrapper {
      padding: 3%;
      width: 94%;
    }

    .offers-detail-wrapper .offer-extra-wrapper.section .offer-extra-row .offer-extra-offers li {
      margin-left: 3%;
      margin-right: 0;
      width: 97%;
    }

    .offers-detail-wrapper .offer-extra-wrapper.section .offer-extra-row .offer-extra-offers {
      margin-top: 0;
    }

    .offers-detail-wrapper .section h4 {
      margin: 20px 0 15px;
    }

    .offers-detail-wrapper .offer-room-wrapper .offer-room-img {
      float: none;
      margin: 0 auto 10px;
    }

    .offers-detail-wrapper .offer-room-wrapper .offer-room-description {
      clear: both;
      margin: 2% 0% !important;
    }

    .offers-detail-wrapper .offer-room-wrapper .offer-room-features {
      margin: 0 !important;
    }

    .offers-detail-wrapper .offer-room-wrapper .offer-room-features li {
      float: none;
      margin-left: 20px;
      padding-left: 0;
      padding-right: 0;
      width: 100%;
    }
    /* END new-offers-style */
}
/*------------------------------------------------------------------------------*/