@media screen and (max-width: 1850px) {
}
@media screen and (max-width: 1800px) {
    .businessHeader h1 {
        font-size: 60px;
    }
    .businessText p {
        padding: 5% 0 15% 30%;
    }
}
@media screen and (max-width: 1700px) {
    .amenidadesRight h6 {
        right: 35%;
    }
}
@media screen and (max-width: 1600px) {
    .businessHeader h1 {
        font-size: 55px;
    }
    .businessText p {
        padding: 5% 0 15% 25%;
    }
}
@media screen and (max-width: 1500px) {
    .businessContainer {
        padding: 10% 0 0 0;
    }
    .ubicacionTitle {
        padding: 5% 0 0 0;
    }
    .businessAdress {
        padding: 15% 0 0 0;
    }
    .amenidadesRight h6 {
        font-size: 40px;
    }
    .amenidadesRightBike h6 {
        right: 40%;
        bottom: 33%;
    }
    .amenidadesInfo {
        left: 0;
    }
    .amenidadesInfo h3 {
        font-size: 40px;
    }
    .amenidadesLeftBike h6 {
        right: 10%;
    }
    .phoneLeft {
        padding: 15% 0 0 0;
    }
    .phoneTitle {
        left: -6%;
    }
    .bodegasTitle {
        bottom: 36%;
    }
    .videoTitle {
        font-size: 45px;
    }
    .espacioLeft {
        padding: 15% 0 0 0;
    }
    .espacioRight {
        padding: 20% 0 0 0;
    }
    .espacioRight h3 {
        left: 10%;
    }
    .espacioRight a {
        left: 10%;
    }
}
@media screen and (max-width: 1400px) {
    .businessHeader {
        width: 85%;
        padding: 12% 0 0 0;
    }
    .businessText {
        width: 85%;
    }
    .businessText p {
        padding: 5% 0 15% 20%;
    }
    .businessAdress {
        width: 85%;
    }
    .businessHeader h4 {
        font-size: 50px;
    }
    .businessHeader h1 {
        font-size: 23px;
    }
    .businessHeader h4::before {
        right: 95px;
    }
    .businessHeader h4::after {
        right: 135px;
    }
    .businessContainer {
        padding: 15% 0 0 0;
    }
    .amenidadesLeft {
        padding: 15% 0 0 0;
    }
}
@media screen and (max-width: 1300px) {
    .businessHeader {
        width: 90%;
    }
    .businessText {
        width: 90%;
    }
    .businessAdress {
        width: 90%;
    }
    .ubicacionTitle {
        padding: 2% 0 0 0;
    }
    .amenidadesInfo h3 {
        font-size: 40px;
    }
}
@media screen and (max-width: 1200px) {
    .businessContainer {
        width: 95%;
    }
    .amenidadesInfo h3 {
        font-size: 33px;
    }
    .amenidadesInfo {
        bottom: 16%;
        left: 0%;
    }
}
@media screen and (max-width: 1100px) {
    .amenidadesLeftBike h6 {
        bottom: 0;
        font-size: 40px;
    }
    .amenidadesRightBike h6 {
        right: 29%;
        font-size: 40px;
    }
    .amenidadesInfo h3 {
        font-size: 30px;
    }
    .phoneAmenidadesInfo h3 {
        font-size: 40px;
    }
    .phoneTitle {
        left: -10%;
        font-size: 33px;
    }
    .bodegasTitle {
        font-size: 33px;
    }
    .videoTitle {
        font-size: 40px;
    }
    .espacioRight h3 {
        font-size: 30px;
    }
}
@media screen and (max-width: 992px) {
    .businessContainer {
        width: 100%;
    }
    .businessContainer {
        padding: 20% 0 0 0;
    }
    .businessHeader h1::before {
        top: -60px;
    }
    .amenidadesInfo h2,.phoneAmenidadesInfo h2 {
        font-size: 30px;
    }
    .amenidadesRight h6 {
        font-size: 30px;
        right: 15%;
    }
}
@media screen and (max-width: 900px) {
    .businessHeader h4 {
        font-size: 45px;
    }
    .businessText p {
        padding: 5% 0 15% 10%;
    }
    .amenidadesInfo ul li h3,.phoneAmenidadesInfo h3 {
        font-size: 15px;
    }
}
@media screen and (max-width: 800px) {
    .businessHeader h4 {
        font-size: 40px;
    }
}
@media screen and (max-width: 767px) {
    .wrapper,
    .scrollmagic-pin-spacer {
        display: none !important;
    }
    #businessJuriquillaR,
    #terrazasR,
    #bikeR,
    #bodegasR,
    #instalacionesR,
    #espaciosR {
        display: inherit;
    }
    .ubicacionRespContainer {
        width: 95%;
    }
    .amenidadesInfo {
        position: relative;
        bottom: 0;
        left: 0;
    }
    .amenidadesRight {
        width: 100%;
        height: auto;
        margin: 0 auto;
        float: none;
    }
    .amenidadesRight h6 span {
        color: #727171;
    }
    .amenidadesRight h6 {
        position: relative;
        right: 0;
    }
    .amenidadesLeftBike {
        width: 100%;
        float: none;
        padding: 0 0 0 0;
    }
    .amenidadesLeftBike h6 {
        position: relative;
    }
    .amenidadesRightBike {
        width: 100%;
        float: none;
        padding: 0 0 0 0;
    }
    .amenidadesRightBike h6 {
        position: relative;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }
    .amenidadesRightBike h6 span {
        color: #727171;
    }
    .phoneInfo {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
    .videoTitle,
    .ubicacionPlayer {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
    .ubicacionPlayer {
        width: 100%;
        height: 300px;
    }
    .espacioRight {
        padding: 0 0 15% 0;
    }
    .espacioRight h3 {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
    .espacioRight a {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
}
@media screen and (max-width: 600px) {
    .ubicacionRespContainer {
        width: 80%;
    }
    #businessJuriquillaR {
        padding: 15% 0 20% 0;
    }
    #terrazasR {
        padding: 0 0 20% 0;
    }
    #bikeR {
        padding: 0 0 20% 0;
    }
    #milenioR {
        padding: 0 0 20% 0;
    }
    #instalacionesR {
        padding: 0 0 20% 0;
    }
    #instalacionesR {
        padding: 0 0 20% 0;
    }
    #espaciosR {
        padding: 0 0 20% 0;
    }
}
@media screen and (max-width: 500px) {
    .businessHeader,
    .businessText,
    .businessAdress {
        width: 85%;
    }
    .businessAdress {
        padding: 0 0 20% 0;
    }
    .ubicacionTitle {
        width: 85%;
        margin: 0 auto;
    }
}
@media screen and (max-width: 400px) {
    .businessHeader,
    .businessText,
    .businessAdress {
        width: 90%;
    }
    .businessAdress {
        padding: 0 0 20% 0;
    }
    .ubicacionTitle {
        width: 90%;
        margin: 0 auto;
    }
    .ubicacionTitle h1 {
        font-size: 33px;
    }
    .businessText p,
    .businessAdress p {
        font-size: 14px;
    }
}
@media screen and (max-width: 320px) {
    .businessHeader,
    .businessText,
    .businessAdress {
        width: 95%;
    }
    .ubicacionTitle {
        width: 95%;
    }
}
