.ifmobileDisplay {
    display: none;
}
.ifmobileHide {
    display: auto;
}

/* * * * * * * All Devices and computers with small screen * * * * * * */
@media (max-width: 1199px) {

/* ACTIVITIES */
.activities .activity {
    width: 115px;
    padding: 0 5px;
}

/* MAPS */
.maps p {
    font-size: 14px;
}
.maps .general-map img {
    max-width: 300px;
}

}

/* * * * * * * Tablets * * * * * * */
@media (max-width: 991px) {

/* GENERALES */
h1 {   
    font-size: 36px;
    line-height: 1;
}
h2 {
    font-size: 24px;
}

/* ACTIVITIES */
.activities .activity {
    width: 23%;
    padding: 10px 10px;
}

/* DESTINATIONS */
.destination {
    display: inline-block;
    width: 50%;
    margin-bottom: 2em;
}

/* MAPS */
.maps .general-map {
    margin-bottom: 2em;
    text-align: center;
}
.maps .general-map p {
    font-size: 16px;
}
.maps .general-map img {
    max-width: 400px;
}
.maps .general-map,
.maps .select-route,
.maps .route-map,
.maps .route-map .symbols {
    width: 100%;
}
.maps .route-map .route {
    width: 60%;
    margin-top: 2em;
}
.maps .route-map .sites {
    width: 40%;
}
.maps .route-map .sites .site {
    width: 40%;
}

/* RECOMENDATIONS */
.recomendation {
    width: 30%;
}

/* TOUR LIST */
.tour-list-item div.button,
.tour-list-item div.information {
    width: 100%;
}
.tour-list-item div.button,
.tour-list-item div.button h4.full,
.tour-list-item div.information,
.tour-list-item div.information h4 {
    text-align: center;
}
.tour-list-item div.information {
    padding: 0;
}

/* TRIPADVISOR */
.tripadvisor p {
    font-size: 16px;
}

}

/* * * * * * * All Phones* * * * * * */
@media screen and (max-width: 767px) {

/* GENERALES */
.ifmobileDisplay {
    display: block;
}
.ifmobileHide {
    display: none;
}

/* HEADER */
header.col-sm-12 {
    padding: 1em 2%;
}
header .buttons {
    float: right;
}
.navbar-collapse {
    margin: 0.5em 0 0 150px;
    text-align: right;   
}
.navbar-default .navbar-collapse {
    border-color: transparent;
}
.navbar-default .navbar-nav>li>a {
    line-height: 1.3;
}
.navbar-default .navbar-toggle {
    border-color: transparent;
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover,
.navbar-toggle {
    margin: 0;
    background-color: #89AF3E;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: white;
}
.navbar-nav {
    margin: 0;
}
#menu {
    width: 100%;
    float: left;
    padding: 0
}
#social-menu {
    width: auto;
    display: inline-block;
    position: absolute;
    top: -7px;
    right: 4.5em;
}
.logo img {
    width: 150px;
}
.remove-logo a {
    position: absolute;
    width: 150px;
}
.menu {
    text-align: left;
}

/* BOX */
.box {
    width: 100%;
    margin: 0;
    padding: 0;
}

/* CONTACT FORM */
.contact-form {
    margin-top: 2em;
}

/* CONTENT */
.content.picture {
    padding: 2em 5% 5em;
}
.content.picture-bg {
    padding: 0 5% 10em;
}
.content.picture-bg img.gradient {
    height: 400px;
}
#woocommerce-content .row-margin ul.products li.product {
    display: block;
    margin: 0 5% 2em;
    width: 90%;
}

/* DESTINATIONS */
.destination {
    width: 48%;
}

/* IMAGE LINKS */
.link-content.carmelita {
    height: auto;
}
.link-content.carmelita h6 {
    position: relative;
    width: auto;
    height: auto;
    padding: 3em 2em;
}

/* IMAGES MENU */
.images-menu div[class*="col-sm-"] {
    margin-bottom: 2em;
}
.images-menu div[class*="col-sm-"]:last-child {
    margin-bottom: 0;
}

/* MAPS */
.maps .general-map img {
    max-width: 100%;
}
.maps .general-map p {
    font-size: 14px;
}
.maps .route-map .route,
.maps .route-map .sites {
    width: 100%;
}
.maps .route-map .sites {
    margin-top: -3em;
    padding: 0;
    text-align: center;
}
.maps .route-map .sites .site {
    display: inline-block;
    width: 32%;
}
.maps .route-map .symbols {
    margin-top: 2em;
}
.maps .route-map .symbols div[class*="col-sm-"] {
    display: inline-block;
    width: 48%;
}
.maps .select-route {
    float: none;
}

/* RECOMENDATIONS */
.recomendation {
    width: 45%;
}

/* SLIDESHOW */
.slideshow.pages {
    height: 250px;
    background-attachment: scroll;
    background-position: center;
}

/* SLIDESHOW CARMELITA */
.slideshow-carmelita {
    margin-bottom: 3em;
}

/* SPACING */
.spacing>div[class*="col-sm-"],
.spacing.table>div>div[class*="col-sm-"] {
    margin-bottom: 2em;
}
.spacing>div[class*="col-sm-"]:last-child,
.spacing.table>div>div[class*="col-sm-"]:last-child {
    margin-bottom: 0;
}

/* TABLA */
.table,
.table-row,
.table-cell {
    display: block;
}
.table-cell {
    margin-bottom: 2em;
}
.table-cell:last-child {
    margin-bottom: 0;
}

/* TRIPADVISOR */
.tripadvisor p {
    font-size: 21px;
}
.tour-list-item div.button,
.tour-list-item div.information {
    display: inline-block;
    width: 48%;
    vertical-align: middle;
}

}

@media screen and (max-width: 640px) {

/* GENERALES */
h1 {   
    font-size: 24px;
    line-height: 1.1;
}
h1 small {   
    font-size: 18px;
}
h2 {
    font-size: 18px;
}

/* HEADER */
.logo img {
    width: 125px;
}

/* ACTIVITIES */
.activities .activity {
    width: 40%;
    padding: 10px 10px;
}

/* RECOMENDATIONS */
.recomendation {
    width: 100%;
    margin: 1em 0 0;
}
.recomendations {
    margin-bottom: 1em;
}

}

@media screen and (max-width: 480px) {

/* MAPS */
.maps .route-map .symbols div[class*="col-sm-"] {
    display: inline-block;
    width: 98%;
}

}

/* RT Surface Hacks */
@media screen and (orientation: landscape) {
  @-ms-viewport {
    width: 1024px;
    height: 768px;
  }
  /* CSS for landscape layout goes here */
  body{
  	width: 100%;
  }
}
@media screen and (orientation: portrait) {
  @-ms-viewport {
    width: 768px;
    height: 1024px;
  }
  /* CSS for portrait layout goes here */
  body{
  	width: 100%;
  }
}