.titulo {
    position: relative;
    font-size: 60px;
    color: #fff;
    font-weight: 400;
    right: calc(100% - 96%);
    font-family: Tabitha;
    margin: 0;
    padding-top: calc(100% - 79%);
    padding-bottom: calc(14% - 11.8%);
    text-shadow: 2px 2px #584f4f63;
}
.btn-what-is-bh:hover {
    color: white;
    text-decoration: none;
}
.what-is-bh .mobile-btn-how {
    display: none;
}
/*NEW DESIGN*/
.short-time-section {
    text-align: center;
    padding: 0;
}
.eighth-section h2 b, .what-is-bh h2 b {
    color: green;
    font-family: Tabitha;
    font-weight: normal;
}
.btn-what-is-bh {
    background: green;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
    border-radius: 9px;
    color: white;
    font-weight: bold;
    padding: 20px 20px;
    font-size: 30px;
    display: inline-block;
    margin: 2% 0 4% 0;
}
.eighth-section a {
    color: green;
}
.who_travel_with_us h2, .eighth-section h2, .what-is-bh h2 {
    color: #F20000;
    font-family: Tabitha;
    font-style: normal;
    font-weight: normal;
    font-size: 55px;
    line-height: 60px;
    padding-bottom: 2%;
}
.pd0 {
    padding: 0 !important;
}
.list_scroll_option {
    padding: 0;
    text-align: center;
    margin-bottom: 3%;
}
.list_scroll_option li {
    font-weight: bold;
    font-size: 24px;
    line-height: 28px;
    color: green;
    list-style: none;
    display: inline-block;
    padding-right: 6%;
    text-decoration: underline;
}
.discover-section {
    background-color: #F6F6F6;
    text-align: center;
    padding: 0 0 4% 0;
}
.box-gray-contain .chullo-box p.title, .box-gray-contain .focus-box p.title {
    font-weight: 500;
    line-height: 25px;
    color: #333333;
    font-size: 25.5px;
}
.discover-section a:hover, .short-time-section a:hover {
    color: white;
}
.discover-section h2 {
    padding-bottom: 2%;
}
.discover-section h2, .short-time-section h2 {
    margin: 0;
    font-family: Tabitha;
    color: #666666;
    font-weight: normal;
    font-size: 75px;
    padding-top: 2.5%;
    padding-bottom: 2%;
}
.discover-section img {
    width: 90%;
}
.discover-section h4 {
    color: #555555;
    font-weight: bold;
    font-size: 28px;
    width: 50%;
    display: block;
    margin: 0% auto 2% auto;
    line-height: 1.5;
    padding-top: 2%;
}
.short-time-section h4 {
    color: #555555;
    font-weight: bold;
    font-size: 28px;
    width: 35%;
    display: block;
    margin: 0% auto 2% auto;
    line-height: 42px;
}
.discover-section a, .short-time-section a {
    background: green;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
    border-radius: 9px;
    color: white;
    font-weight: 500;
    font-size: 26px;
    padding: 1%;
}
.contain-grey-boxes {
    position: relative;
    padding-top: 1%;
    padding-bottom: 3%;
}
.tripadvisor-box {
    background: #00A77E;
    color: white;
}
.second-section img {
    position: absolute;
    top: -140px;
}
.container-box {
    width: 87%;
    margin: 0 auto;
}
.second-section {
    margin-top: 23px;
}
.tripadvisor-box h3 {
    font-weight: 500;
    font-size: 34px;
    line-height: 42px;
    padding-right: 3%;
    padding-bottom: 1.5%;
    text-align: center;
    padding-left: 20%;
}
.trip-number {
    color: #00a680;
    font-weight: 700;
    line-height: 56px;
    font-size: 36px;
}
.tripadvisor-button a {
    background: #00AC80;
    border-radius: 10px;
    font-weight: bold;
    font-size: 26px;
    color: #FFFFFF;
    line-height: 30px;
    display: block;
    padding: 1%;
    width: 33%;
    margin: 0 auto;
    text-align: center;
    margin-top: 2%;
    text-decoration: none;
}
.tripadvisor_review {
    margin-top: 0;
    color: #58595b;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    text-transform: uppercase;
}
/*POP UP SECTION - TRIPADVISOR*/
.comments-box {
    width: 247px;
    height: 185px;
    background-size: cover;
    padding: 14% 4% 4% 4%;
    background: #E5E5E5;
    border-radius: 12px;
    text-align: center;
    position: relative;
    top: -2px;
    z-index: 1;
}
.third-section {
    padding-top: 4%;
}
.modal-dialog {
    margin-top: 7%;
}
.modal-body {
    padding-bottom: 4%;
}
.modal-body h3 {
    text-align: left;
    color: #171793;
}
.modal_close {
    background-color: #a5281b;
    border-radius: 8px;
    color: #fff;
    padding: 2% 4%;
    
}
.modal_close:hover {
    color: white;
    text-decoration: none;
}
.modal-content p {
    padding-bottom: 3%;
}
.modal-body .name {
    font-weight: bold;
    font-size: 21px;
    line-height: 21px;
    color: #00AC80;
    margin-bottom: 0;
    text-align: left;
    padding-bottom: 0;
}
.modal-body .city {
    font-weight: bold;
    text-align: left;
    margin-top: 0;
}
.trigger-circle {
    display: none;
}
.modal-body .trigger-circle {
    display: block !important;
}
.tripadvisor-review-content .profile-img-comment {
    position: absolute;
    left: 14px;
    top: -42px;
    width: 90%;
    right: 0;
    padding-top: 30%;
    padding-bottom: 21%;
    border-radius: 10px;
    padding: 2% 1%;
    background-size: cover;
    background-repeat: no-repeat;
    height: 149px;
}
.tripadvisor-review-content {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding-top: 5%;
}
.tripadvisor-review-content .basic-info-comment .name {
    margin-bottom: 0;
    font-weight: bold;
    font-size: 18px;
    line-height: 14px;
    color: #444444;
    margin-top: 1px;
    z-index: 31;
    padding-left: 35%;
    padding-bottom: 4%;
    position: relative;
    top: -7px;
}
.tripadvisor-review-content .basic-info-comment .city {
    margin: 0;
    font-size: 12px;
    line-height: 16px;
    color: #EC5050;
    text-align: right;
    padding-right: 6%;
    position: relative;
    top: -7px;
}
.tripadvisor-review-content .basic-info-comment {
    margin-left: 0;
    position: absolute;
    top: 74px;
    right: 14px;
}
.trigger-bullets {
    width: 50%;
    margin-top: 0;
    padding-left: 10%;
    position: relative;
    top: -7px;
    margin-bottom: 0;
    margin: 0 auto;
}
.comments-box .coments-title {
    font-weight: bold;
    font-size: 17px;
    line-height: 21px;
    color: #00AC80;
    height: 57px;
    margin-top: 5px;
    margin-bottom: 3px;
}
.comments-box .coments-contain {
    font-size: 14px;
    line-height: 16px;
    color: #666666;
    margin-bottom: 0;
    height: 55px;
    margin-top: 4px;
}
.comments-box .read_more {
    font-size: 15px;
    line-height: 21px;
    color: #00AC80;
    margin-right: 10px;
    margin-top: 0;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
}

.space_tripadvisor {
  padding-top: 15px;
}
.btn-tripadvisor {
  padding-top: 2%;
}
.titulo-spanish {
  padding-bottom: 7%;
}
.btn-tripadvisor a:hover {
  text-decoration: none;
}
.btn-tripadvisor a {
    background: #00AC80;
    border-radius: 10px;
    font-weight: bold;
    font-size: 26px;
    color: #FFFFFF;
    line-height: 30px;
    display: block;
    padding: 1%;
    width: 38%;
    margin: 0 auto;
}
.hero_content .important span {
    padding-right: 6px;
}
#mobile {
    display: none;
}
.box-logos .box-general span {
    font-family: "Tabitha";
    font-size: 23px;
}
.travel-section {
    background-color: #18AD4A;
    padding: 1%;
}
.travel-section h2 {
    color: white;
    font-weight: 500;
    font-size: 36px;
    line-height: 42px;
    text-transform: uppercase;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
    margin: 0;
}
.travel-section h3 {
    color: white;
    font-size: 42px;
    line-height: 46px;
    color: #FFFFFF;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
    margin: 0;
    font-family: 'Tabitha';
}
.box-logos {
    position: relative;
    padding: 9%;
}
.box-logos .container {
    position: absolute;
    top: -125px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}
.box-logos .box-general .box-one {
    background-color: #F6F6F6;
    padding: 5%;
}
.box-logos .box-general .box-one h3 {
    color: #666666;
}
.box-logos .box-general  a {
    display: inline-block;
    margin: 0 auto;
    width: 100%;
    color: #fff;
    margin-top: 40px;
    background: #fff;
    border-radius: 8px;
    font-size: 15px;
    line-height: 21px;
    padding: 2% 0;
    border: 2px solid #1485CC;
    color: #1485CC;
}
.box-logos .box-general a:hover {
    text-decoration: none !important;
}
.fourth-section .wp .title-headline {
    text-align: left;
    background: rgba(51, 51, 51, 0.6);
    color: white;
    font-size: 28px;
    font-family: Tabitha;
    padding: 0% 2% 0 3%;
    position: absolute;
    z-index: 2;
    top: 10px;
    font-weight: 500;
    line-height: 1.4;
    width: auto;
}
.fourth-section .descripcion {
    padding: 2%;
    width: 100%;
    position: absolute;
    z-index: 2;
    bottom: 0;
    font-weight: 700;
    text-align: left;
    background: rgba(51, 51, 51, 0.6);
    color: white;
    font-size: 12px;
    line-height: 13px;
}
.third-section .coment_content .trigger-title a {
    color: #18AD4A;
}
.coment_content .coment_description .trigger-content a {
    color: #18AD4A;
}
.coment_content .coment_description .trigger-content a:hover {
    text-decoration: none;
}
#service-work h2 {
    padding-bottom: 1%;
    padding-top: 2%;
    font-weight: bold;
}
#service-work a {
    background-color: #3B69DF;
    color: white;
    padding: 1% 3%;
    font-size: 24px
}
#service-work a:hover {
    text-decoration: none;
}
#important{
    display: none;
}
.titulo {
    position: relative;
    font-size: 60px;
    color: #fff;
    font-weight: 400;
    right: calc(100% - 98%);
    font-family: Tabitha;
    margin: 0;
    padding-top: calc(100% - 79%);
    padding-bottom: calc(14% - 12.8%);
    text-shadow: 2px 2px #584f4f63;
    text-align: right;
    margin-right: 10%;
}
#introducion h2{
    margin-bottom: 10px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);
    margin: 0;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 21px;
    line-height: 33px;
    text-align: right;
    padding-right: 11%;
}
.titulo img {
    width: 95%;
}
#hero_image {
    display: table;
    background-size: cover;
    height: auto;
    width: 100%;
    background-image: url(https://www.boliviahop.com/wp-content/uploads/bh-cover-1.jpg);
}
.wp{
    padding: 0;
}

.diagonal_content{
    padding: 0;
}
#important{
    display: none;
}
.passes-buscador input[type=submit]{
    margin-top: 0;
}
.passes-buscador form div{margin-top: 0px !important;}
.banner_section {
    position: relative;
    margin-bottom: 2%;
    margin-top: 2%;
}
.button_banner_section_home {
    position: absolute;
    bottom: 11%;
    background-color: #18AD4A;
    color: #fff;
    padding: 0.5% 2%;
    font-size: 22px;
    margin: 0 auto;
    right: 41.5%;
    border: solid 2px;
}
.button_banner_section_home:hover{
    color: #fff;
    text-decoration: none;
}
.mobile-home, section.search-passes{
    display: none;
}

@media (max-width: 1280px) and (min-width: 900px) {
    .fourth-section .wp .descripcion {
      font-size: 11px;
      line-height: 13px;
  }
}
/*Tablet hechado*/

@media(min-width:992px) and (max-width:1199px) {
    .second-section img {
      top: -50px;
  }
}

/*Tablet parado*/

@media only screen and (max-width: 998px) and (min-width: 760px)  {
    .second-section img {
        top: 0;
    }
    #hero_image {
        padding-top: 20%;
    }
    .bg_gray {
        height: 500px;
    }
}
/*ANOTHER MOBILE*/
@media only screen and (max-width: 1199px) and (min-width: 999px) {
    .tripadvisor-review-content .basic-info-comment .name {
        top: -13px;
    }
    .trigger-bullets {
        top: -14px;
    }
}
/*RESPONSIVE - TOTAL*/
@media (max-width: 1370px) {
    .tripadvisor-box h3 {
        font-size: 30px;
    }
}
@media (max-width: 1220px) {
    .tripadvisor-box h3 {
        font-size: 28px;
    }
}
@media (max-width: 1145px) {
    .tripadvisor-box h3 {
        font-size: 24px;
    }
    .comments-box {
        width: 230px;
    }
}
@media only screen and (min-device-width : 776px) and (max-device-width : 992px) {
    #hero_image {
        padding-top: 2%;
    }
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .experience_spech{
        margin-left: 0;
    }
    #experience{
        padding-top: 10%;
        padding-bottom: 10%;
    }
    .section{
        padding-top: 5%;
        padding-bottom: 5%;
    }
    .mobile_img_display{
        display: block;
    }
    .mobile_img_none{
        display: none;
    }
    body{
        background-color: #ffff;
    }
    .button_banner_section_home {
        position: relative;
        display: inherit;
        right: 0;
        text-align: center;
        border: none;
        font-weight: bold;
        cursor: pointer;
    } 
}
@media(max-width:766px){
    .what-is-bh .mobile-btn-how {
        display: block;
    }
    .what-is-bh .mobile-btn-how  a{
        width: 95%;
    }
    .discover-section h2, .short-time-section h2 {
        font-size: 38px;
        line-height: 0.99;
        padding-bottom: 5%;
        font-weight: 300;
    }
    .btn-what-is-bh {
        font-size: 2.2rem;
        margin-bottom: 5%;
    }
    .what-is-bh img {
        display: none;
    }
    .eighth-section h2 img {
        display: none;
    }
    .eighth-section p {
        padding: 1% 3%;
        text-align: left;
    }
    .hero_content .important {
        padding: 0% 2%;
    }
    .discover-section, .short-time-section {
        padding: 3% 2%;
    }
    .discover-section h4, .short-time-section h4 {
        font-weight: 300;
    }
    .second-section .col-md-11 {
        padding: 0;
    }
    .discover-section img {
        display: none;
    }
    .discover-section a, .short-time-section a {
        padding: 2%;
    }   
    .discover-section h4, .short-time-section h4 {
        padding-bottom: 5%;
    }
    .discover-section h4, .short-time-section h4 {
        font-size: 19px;
        width: 90%;
        line-height: 24px;
    }
    .ico_content{
        width: 100%;
        border:none !important;
    }
    .eighth-section h2 {
        font-size: 30px;
        line-height: 30px;
        margin-top: 20px;
    }
    .eighth_content {
        padding: 2%;
    }
    .tripadvisor-box h3 {
        font-size: 14px;
        padding-left: 33%;
        line-height: 1.4;
        padding-bottom: 2%;
        text-align: left;
        margin-top: 3%;
        margin-bottom: 3.5%;
    }
    .tripadvisor_review {
        line-height: 1;
    }
    .trip-number {
        font-size: 21px;
    }
    .second-section .tripadvisor_rated_tours {
        display: none;
    }
    .bg_gray {
        height: 745px;
    }
    .contain-grey-boxes .col-md-12 {
        padding: 0;
    }
    .box-gray-contain .focus-box {
        margin-top: 10px;
        width: 100%;
        margin-bottom: 7%;
    }
    .box-gray-contain .chullo-box p.title, .box-gray-contain .focus-box p.title {
        font-size: 16px;
    }
}

/*IPHONE 7*/
@media only screen
and (min-device-width : 375px)
and (max-device-width : 400px) {
    .section-discovering .banner-bg p {
        font-size: 14px !important;
    }
}
@media(max-width:766px){
    #hero_image {
        padding: 8% 0 3%;
    }
    .slider-menu ul ul {
        padding-top: 4%;
    }
    #mobile {
        display: block;
    }
    #desktop {
        display: none;
    }
    .box-logos {
        padding: 11% 3% 0% 3%;
    }
    .box-logos .box-general a {
        margin-bottom: 10%;
        margin-top: 2%;
    }
    .box-logos .container {
        position: relative;
        top: 0;
    }
    .travel-section h2 {
        font-size: 24px;
        line-height: 1;
        padding-top: 3%;
    }
    .travel-section h3 {
        font-size: 24px;
    }
    .ico_content{
        width: 100%;
        border:none !important;
    }
    .button_banner_section_home {
        position: relative;
        display: inherit;
        right: 0;
        text-align: center;
        border: none;
        font-weight: bold;
        cursor: pointer;
    }
}