@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1200px;
    }
}
@media (max-width: 1600px) {
    .hero{
        padding: 200px 0px 140px;
    }
    .plataforma {
        padding-top: 50px;
    }	
    .reinventarte-bottom {
        padding-bottom: 80px;
    }	
    .estas {
        padding-top: 82px;
        padding-bottom: 160px;
    }
    .future-up {
        padding-top: 70px;
        padding-bottom: 70px;
    }	
    .empezaza_wrepp {
        padding-top: 200px;
    }	
.sticky {
	width: 95%;
}	
}
@media (max-width: 1300px) {
    .future-up-dialog {
        margin: 0 auto;
        max-width: 96%;
    }
    .future-up-modal { 
        padding: 52px 50px; 
        padding-top: 35px;
    }
}
@media (max-width: 1199px) {
    .plataforma .plataforma-top h4 {
        font-size: 40px;
    }
    .plataforma .plataforma-top h5 {
        font-size: 50px;
    }	
    .plataforma .plataforma-top p {
        font-size: 18px;
    }	
    .plataforma .plataforma-inner ul li h4 {
        font-size: 30px;
    }	
    .plataforma .plataforma-inner ul li p {
        font-size: 12px;
    }	
    .reinventarte .reinventarte-left h6 {
        font-size: 50px;
    }	
    .reinventarte-bottom .reinventarte-boxes .boxes-inner p {
        font-size: 14px;
    }	
    .estas .estas-left h6:nth-child(2) {
        font-size: 50px;
    }	
    .estas .estas-left h5 {
        font-size: 30px;
    }	
    .estas .estas-left h6:nth-child(3) {
        font-size: 30px;
    }	
    .estas .estas-left p {
        font-size: 18px;
    }	
    .hero .hero-inner h2 {
        font-size: 55px;
    }	
    .hero .hero-vedio-sec p {
        font-size: 18px;
    }	
    .plataforma {
        padding-top: 20px;
            padding-bottom: 0;
    }	
    .reinventarte .reinventarte-left {
        padding-top: 80px;
    }	
    .future-up .future-up-right p {
        font-size: 18px;
    }
    .abanico .abanico-top h5 {
        font-size: 40px;
    }		
    .abanico .abanico-top h6 {
        font-size: 50px;
    }	
    .abanico .abanico-top p {
        font-size: 18px;
        margin-bottom: 25px;
        margin-top: 15px;
    }	
    .abanico {
        padding-bottom: 90px;
    }	
    .tadas_wrepp {
        padding: 0px 0px 80px;
    }	
    .conoce_wrepp .como_main .como_text h1 {
        font-size: 24px;
    }	
    .conoce_wrepp .como_main .como_text h2 {
        font-size: 35px;
    }	
    .conoce_wrepp .como_main .como_text h2::before {
        display: none;
    }	
    .conoce_wrepp .como_main .como_text h2::after {
        display: none;
    }
    .future-up .future-up-right h5 {
        font-size: 40px;
    }
    .future-up .future-up-right h6 {
        font-size: 30px;
    }	
    .empezaza_wrepp h1 {
        font-size: 40px;
    }
    .con_container {
        margin-top: 60px;
    }	
    .con_container .col-sm-4 img
    {
        margin: 20px auto;
    }
    .empezaza_wrepp {
        padding-bottom: 60px;
    }	
    .hero .hero-lines {
        left: 0;
    }	
    .estas .estas-left {
        padding-top: 0;
    }	
    .empezaza_wrepp .empezaza_box {
        margin-left: 50px;
    }	
    .plataforma .plataforma-inner ul {
        display: flex;
        flex-wrap: wrap;
    }	
    .plataforma .plataforma-inner ul li {
        flex: 0 0 50%;
        margin-bottom: 20px;
    }	
    .reinventarte-bottom .reinventarte-boxes {
        width: auto;
    }	
    .reinventarte-bottom .reinventarte-boxes .boxes-inner {
        padding-left: 15px;
        padding-right: 15px;
    }	
    .estas .estas-right .carousel .carousel-inner .inner-text {
        width: auto;
    }	
    .future-up-vedio{
        padding-left: 30px;
    }
}
@media (max-width: 991px) {
    .wrapper {
        padding: 0px 0 0 0;
    }
    header{
        padding: 10px 0;
    }
    .title-stroke:before {display: none;}
    .estas {
        padding-top: 40px;
        padding-bottom: 100px;
    }
    .future-up .future-up-right p {
        font-size: 16px;
    }	
    .future-up .future-up-btn .btn {
        font-size: 14px;
    }	
    .abanico .abanico-top h5 {
        font-size: 30px;
    }	
    .abanico .abanico-top h6 {
        font-size: 40px;
        line-height: 45px;
    }
    .abanico .abanico-top p {
        font-size: 16px;
    }
    .abanico_box {
        padding: 8px;
    }
    .abanico_box img {
        width: 50px;
        height: 50px;
        margin-right: 10px;
    }	
    .abanico_text h3 {
        font-size: 12px;
    }	
    .abanico_text h2 {
        font-size: 14px;
    }	
    .abanico .abanico-top h1 {
        margin-top: 20px;
    }	
    .reinventarte .col-lg-7 {
        display: none;
    }	
    .reinventarte-bottom .reinventarte-boxes {
        width: auto;
        margin-bottom: 30px;
        background: #FFF;
    }	
    .reinventarte-bottom {
        padding-bottom: 40px;
    }
    .estas .estas-left p {
        font-size: 18px;
        max-width: inherit;
    }	
    .estas #v-pills-tab {
        flex-direction: row !important;
    }	
    .estas #v-pills-tab {
        flex-direction: row !important;
        margin: 0 !important;
    }	
    .nav-pills .nav-link {
        width: 45%;
        height: 50px;
        margin: 0px 5px;
    }	
    .estas .estas-right .estas-right-main {
        margin-top: 27px;
    }	
    .future-up .future-up-right p {
        max-width: inherit;
    }	
    .abanico {
        padding-top: 0;
    }	
    footer p {
        max-width: inherit;
    }
    img {
        max-width: 100%;
    }	
    .navbar-toggler:focus {
        box-shadow: none;
    }	
    header .navbar-expand-lg .navbar-nav .nav-link {
        padding: 5px;
        margin-right: 0px;
        margin: 10px 0px;
    }	
    header .brand {
        width: 55px;
    }
    .hero {
        padding: 190px 0 10px 0;
    }	
    .abanico_box {
        padding: 8px;
        margin-bottom: 15px;
    }	
    .estas .estas-right .estas-right-main {
        margin-top: 27px;
        max-width: inherit;
    }	
    .reinventarte{
        padding: 80px 0;
    }
    .reinventarte-inner{
        max-width: 500px;
        width: 100%;
    }
    .estas-left-main .carousel-indicators{
        max-width: 100%;
    }
    .estas-left-main .nav-pills.carousel-indicators .nav-link{
        width: 100%;
        box-sizing: border-box;
    }
    .estas-left-main .nav-pills.carousel-indicators .nav-link.active{
        width: 100%;
        box-sizing: border-box;
    }
    .abanico-top .nav-pills .nav-link {
        width: 100%;
        height: auto;
        margin: 0;
    }
    .abanico_box{
        margin:0;
    }
    .tadas_wrepp .creative_mian{
        margin: 0 0 15px 0;
    }
    .future-up-modal {
        padding: 30px 20px;
        padding-top: 20px;
    }
    .future-up-detail h5{
        font-size: 32px;
        margin-bottom: 10px;
    }
    .future-up-detail h5{
        font-size: 16px;
    }
    .future-up-vedio iframe {width: 100%;}
    .future-up-detail p {
        font-size: 14px;
        margin-top: 15px;
    }
}
@media (max-width: 767px) {
    .plataforma .plataforma-top h4 {
        font-size: 30px;
        line-height: 35px;
    }
    .plataforma .plataforma-top h5 {
        font-size: 40px;
        line-height: 45px;
        margin: 10px 0px;
    }
    .plataforma .plataforma-top p {
        font-size: 15px;
    }	
    .reinventarte .reinventarte-left h6 {
        font-size: 40px;
    }	
    .reinventarte-bottom .reinventarte-boxes .boxes-inner h5 {
        max-width: inherit;
    }	
    .reinventarte-bottom .reinventarte-boxes .boxes-inner p {
        max-width: inherit;
    }
    .reinventarte-bottom .reinventarte-boxes {
        width: auto;
        margin-bottom: 40px;
    }	
    .future-up .future-up-left {
        padding-top: 0;
    }
    .conoce_wrepp {
        padding: 0px 0px 50px;
        height: auto !important;
    }	
    .conoce_wrepp .future_box.future_box2 {
        margin-top: 0;
    }
    .empezaza_wrepp {
        padding: 60px 20px;
        text-align: center;
    }
    .tadas_wrepp .nav-tabs .nav-link{
        padding: 20px 10px !important;
        font-size: 12px !important;
    }
    .tadas_wrepp .nav-tabs{
        margin-top: -68px;
    }
    .abanico .abanico-top .nav-pills .nav-item{
        width: 50%;
        margin-bottom: 10px;
    }
    .future-up-modal{
        flex-direction: column;
    }
    .future-up-detail{
        width: 100%;
        margin-bottom: 20px;
    }
    .future-up-detail p{
        width: 100%;
    }
    .future-up-vedio {
        padding-left: 0;
        position: relative;
    }
    .future-up-vedio .future-up-desc{
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .future-up-header {
        border: 0;
        padding-right: 20px;
        padding-top: 20px;
    }
    .future-up-vedio .future-up-desc h3{
        font-size: 18px;
    }
    .modal-dialog
    {
        min-width: 0;
    }
    .future-up-content {
        width: 100%;
    }
}

@media (max-width: 575px) {
    .conoce_wrepp .future_box {
        margin-bottom: 30px;
    }
    .conoce_wrepp .como_main {
        display: block;
        justify-content: center;
        margin-bottom: 80px;
        align-items: center;
        text-align: center;
    }	
    .nav-pills .nav-link {
        width: 100%;
        height: 50px;
        margin: 0;
        margin-bottom: 0px;
    }	
    .future-up .future-up-left ul {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
    .future-up .future-up-left ul:first-child, .decor02, .future-up .future-up-left .left-bottom h5
    {
        display: none;
    }
    .future-up .future-up-left ul li {
        width: 50%;
        text-align: center;
    }
    .future-up .future-up-left ul .image-holder .img-2 {
        margin-top: 0;
    }	
    .abanico .line-1 {
        position: absolute;
        top: 0;
        left: 80px;
        display: none;
    }	
    .tadas_wrepp .nav-tabs .nav-link {
        padding: 20px;
    }	
    .copyright {
        display: block;
        text-align: center;
    }	
    .copyright p {
        text-align: center;
        color: rgba(255,255,255,0.30);
        font-size: 16px;
        margin: 25px 0 0 0;
    }	
    .hero .hero-vedio-sec {
        left: 0;
        display: block;
        text-align: center;
    }	
    .hero .hero-vedio-sec p {
        font-size: 18px;
        max-width: inherit;
        margin-bottom: 20px;
    }	
    .hero .hero-inner {
        text-align: center;
    }	
    .plataforma .plataforma-top h5 {
        font-size: 35px;
    }
    .plataforma .plataforma-inner ul li {
        flex: 0 0 100%;
        margin-bottom: 20px;
        justify-content: center;
    }
    .empezaza_wrepp .empezaza_box {
        margin-left: 0;
    }	
    .hero .hero-wrapper{
        padding-left: 0;
    }
    .hero .hero-btn {
        padding-left: 40px;
        position: relative;
        top: -40px;
        z-index: 1;
    }
    .hero .hero-btn a.btn {margin-top: 0;}
    .abanico .abanico-top .nav-pills .nav-item{
        width: 100%;
    }
    .future-up .future-up-left ul .image-holder:hover .image-holder-inner{
        left: 15px;
        top: -18px;
    }
    .text-hover h4{
        font-size: 14px;
    }
    .text-hover h4 img {
        height: 12px;
    }
    .hero.hero-faq {
        padding: 40px 0 60px 0;
        margin-bottom: 20px;
    }
    .faq-wrapper
    {
        flex-wrap: wrap;
    }
    .hero.hero-faq img {
        height: 55px;
        margin-top: 0;
    }
    .hero.hero-faq .rutas-titles {
        padding: 10px 5px;
        width: 100%;
    }
    .rutas-titles h2 {
        font-size: 20px;
    }
    .rutas-titles h1 {
        font-size: 42px;
        margin: -10px 0;
    }
    .faq .nav-tabs .nav-link
    {
        padding: 10px 14px;
        font-size: 14px;
        max-width: 120px;
    }
    .rutas-wrapper > img 
    {
        width: 100px;
        margin-left: 20px;
    }
    .rutas-titles 
    {
        padding: 0 20px;
    }
    .rutas-titles h1 {
        font-size: 52px;
        line-height: 1;
        margin: -5px 0;
    }
    .rutas-text
    {
        position: relative;
        top: 20px;
        left: 0;
        width: 100%;
    }
    .rutas-text .hero-btn
    {
        bottom: -30px;
        top: auto;
        margin-top: -20px;
    }
    .hero.hero-rutas
    {
        padding: 50px 0 180px 0;
    }
    .overlay-content
    {
        padding: 25px;
        display: flex;
        flex-wrap: wrap;
        max-width: 90%;
    }
    .overlay-main, .overlay-side, .overlay-ruta-title
    {
        width: 100%;
        padding-left: 0;
    }
    .overlay-beneficio-logo img {
        max-height: 55px;
    }
    .overlay .tab-content
    {
        padding: 25px;
        font-size: 14px;
    }
    .overlay-header
    {
        display: flex;
        flex-wrap: wrap;
        padding-bottom: 10px;
    }
    .overlay-beneficio-logo
    {
        border: none;
    }
    .overlay-cta .btn
    {
        position: relative;
        top: 0;
        margin-top: 20px;
    }
    .overlay-side
    {
        display: none;
    }
    .overlay-ruta-title h4
    {
        font-size: 30px;
    }
    .overlay-ruta-symbol, .overlay-ruta-pwc {display: none;}
    .decor {display: none;}
    .rutas-top h2
    {
        font-size: 18px;
    }
    .rutas-top h3 {
        font-size: 36px;
    }
    .rutas-inner ul li
    {
        padding: 6px;
        width: 50%;
        justify-content: center;
    }
    .beneficios .estas-left-main .carousel-indicators
    {
        display: none;
    }
    .beneficios .estas-right-box p
    {
        max-width: 75%;
    }
    .beneficios-grid ul li
    {
        padding: 10px;
        width: 50%;
    }
    .beneficios .estas-right-box .inner-text
    {
        padding: 0;
    }
    .rutas-symbol
    {
        display: none;
    }
    .rutas-block
    {
        padding: 10px 20px;
        min-height: 110px;
    }

    .footerContent {
        margin: 0;
        width: 100%;
        margin-top: 30px;
    }
    
    .conoce_wrepp:after {
        display: none;
    }
    #community {
        padding-top: 80px;
    }
    .nextEvents {
        margin-top: 40px;
        padding-left: 20px;
        margin-bottom: 60px;
    }
    .nextEventsCTA {
        left: 0;
    }
}
@media (max-width: 374px) {
    .abanico .abanico-top h6 {
        font-size: 35px;
        line-height: 45px;
    }
    .future-text{
        padding: 10px 10px;
        max-width: 95px;
        border-radius: 0 27px 0 17px;
    }
}