/** medidas de 320px hasta 414px**/

@media (min-width: 320px) and (max-width: 400px) and (orientation: portrait) {

    .w-100 {
        width: 100% !important;
        height: 550px;
        margin: auto;
        padding-top: 110px;
        border-radius: 10px;
    }

    .content .title {
        margin-left: 15px;
        text-align: center;
    }

    .content .des {
        font-family: 'Rubik';
        text-align: center;
        margin-left: 15px;
    }

    .arrows {
        position: absolute;
        top: 100%;
        right: 72%;
    }

    .texto_blanco {
        text-align: center;
    }

    .post-slide .post-content {
        text-align: center;
    }

    .post-slide .post-description {
        text-align: center;
    }

    .texto_pequeño1 {
        text-align: center;
    }

    .texto_pequeño2 {
        text-align: center;
    }


    .bloquefinal {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    section {
        padding-top: 2rem;
        padding-bottom: 2rem;
        background-color: #000;
    }

    .carousel {
        height: 70vh;
        overflow: hidden;
        position: relative;
    }
}

@media (min-width: 412px),
handheld and (orientation: landscape) {

    .w-100 {
        width: 100% !important;
        margin: auto;
        padding-top: 110px;
        border-radius: 10px;
    }

    .content .title {
        margin-left: 15px;
        text-align: center;
    }

    .content .des {
        margin-left: 15px;
        font-family: 'Rubik';
        text-align: center;
    }

    .arrows {
        position: absolute;
        top: 100%;
        right: 72%;
    }

    .texto_blanco {
        text-align: center;
    }

    .post-slide .post-content {
        text-align: center;
    }

    .post-slide .post-description {
        text-align: center;
    }

    .texto_pequeño1 {
        text-align: center;
    }

    .texto_pequeño2 {
        text-align: center;
    }



    .bloquefinal {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    section {
        padding-top: 2rem;
        padding-bottom: 2rem;
        background-color: #000;
    }

    .carousel {
        height: 70vh;
        overflow: hidden;
        position: relative;
    }
}

@media (min-width: 414px),
handheld and (orientation: landscape) {
    .w-100 {
        width: 100% !important;
        margin: auto;
        padding-top: 110px;
        border-radius: 10px;
    }

    .content .title {
        margin-left: 65px;
        text-align: center;
    }

    .content .des {
        margin-left: 65px;
        font-family: 'Rubik';
        text-align: center;
    }

    .arrows {
        position: absolute;
        top: 100%;
        right: 72%;
    }

    .texto_blanco {
        text-align: center;
    }

    .post-slide .post-content {
        text-align: center;
    }

    .post-slide .post-description {
        text-align: center;
    }

    .texto_pequeño1 {
        text-align: center;
    }

    .texto_pequeño2 {
        text-align: center;
    }

   

    .bloquefinal {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    
    section {
        padding-top: 2rem;
        padding-bottom: 2rem;
        background-color: #000;
    }

    .carousel {
        height: 70vh;
        overflow: hidden;
        position: relative;
    }
}



@media (min-width: 480px) and (max-width: 600px),
handheld and (orientation: portrait) {

    .w-100 {
        width: 100% !important;
        margin: auto;
        padding-top: 110px;
        border-radius: 10px;
    }

    .content .title {
        margin-left: 65px;
        text-align: center;
    }

    .content .des {
        margin-left: 65px;
        font-family: 'Rubik';
        text-align: center;
    }

    .arrows {
        position: absolute;
        top: 100%;
        right: 72%;
    }

    .texto_blanco {
        text-align: center;
    }

    .post-slide .post-content {
        text-align: center;
    }

    .post-slide .post-description {
        text-align: center;
    }

    .texto_pequeño1 {
        text-align: center;
    }

    .texto_pequeño2 {
        text-align: center;
    }

 

    .bloquefinal {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    section {
        padding-top: 2rem;
        padding-bottom: 2rem;
        background-color: #000;
    }

    .carousel {
        height: 70vh;
        overflow: hidden;
        position: relative;
    }
}


@media (min-width: 667px),
handheld and (orientation: landscape) {

    .w-100 {
        width: 100% !important;
        margin: auto;
        padding-top: 40px;
        border-radius: 10px;
    }

    .content .title {
        margin-left: 65px;
        text-align: left;
    }

    .content .des {
        margin-left: 65px;
        text-align: left;
    }

    .texto_blanco {
        text-align: right;
    }

    .post-slide .post-content {
        text-align: justify;
    }

    .post-slide .post-description {
        text-align: justify;
    }

    .texto_pequeño1 {
        text-align: justify;
    }

    .texto_pequeño2 {
        text-align: justify;
    }

 

    .bloquefinal {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .carousel {
        height: 70vh;
        overflow: hidden;
        position: relative;
    }
    
}


/** medidas de 667px hasta 768px**/

@media (min-width: 740px) and (max-width: 768px),
handheld and (orientation: portrait) {
    .list .item .content {
        position: absolute;
        top: 30%;
        left: 20px;
        width: 310px;
        text-align: left;
    }

    .w-100 {
        width: 100% !important;
        margin: auto;
        padding-top: 40px;
        border-radius: 10px;
    }

    .content .title {
        margin-left: 65px;
        text-align: left;
    }

    .content .des {
        margin-left: 65px;
        text-align: left;
    }

    .arrows {
        top: 80%;
    }

    .texto_blanco {
        text-align: right;
    }

    .post-slide .post-content {
        text-align: justify;
    }

    .post-slide .post-description {
        text-align: justify;
    }

    .texto_pequeño1 {
        text-align: justify;
    }

    .texto_pequeño2 {
        text-align: justify;
    }

 

    .bloquefinal {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .carousel {
        height: 90vh;
        overflow: hidden;
        position: relative;
    }
    

}



@media (min-width: 800px),
handheld and (orientation: landscape) {
    .list .item .content {
        top: 42%;
        left: 100px;
        text-align: left;
        width: 400px;
    }

    .w-100 {
        width: 70% !important;
        margin: auto;
        padding-top: 40px;
        border-radius: 10px;
    }

    .content .title {
        margin-left: 65px;
        text-align: left;
    }

    .content .des {
        margin-left: 65px;
        text-align: left;
    }

    .arrows {
        top: 80%;
    }

    .texto_blanco {
        text-align: right;
    }

    .post-slide .post-content {
        text-align: justify;
    }

    .post-slide .post-description {
        text-align: justify;
    }

    .texto_pequeño1 {
        text-align: justify;
    }

    .texto_pequeño2 {
        text-align: justify;
    }


    .bloquefinal {
        padding-top: 6rem;
        padding-bottom: 2rem;
    }

    section {
        padding-top: 9rem;
        padding-bottom: 9rem;
        background-color: #000;
    }

    .carousel {
        height: 90vh;
        overflow: hidden;
        position: relative;
    }
    

}


/** medidas de 1024px **/

@media (min-width: 1024px) and (orientation: landscape) {
    .list .item .content {
        top: 42%;
        left: 102px;
        text-align: left;
        width: 400px;
    }

    .w-100 {
        width: 102% !important;
        margin: auto;
        padding-top: 40px;
        border-radius: 10px;
    }

    .content .title {
        margin-left: 65px;
        text-align: left;
    }

    .content .des {
        margin-left: 65px;
        text-align: left;
    }

    .arrows {
        top: 80%;
    }

    .texto_blanco {
        text-align: right;
    }

    .post-slide .post-content {
        text-align: justify;
    }

    .post-slide .post-description {
        text-align: justify;
    }

    .texto_pequeño1 {
        text-align: justify;
    }

    .texto_pequeño2 {
        text-align: justify;
    }

 

    .bloquefinal {
        padding-top: 6rem;
        padding-bottom: 2rem;
    }

    section {
        padding-top: 9rem;
        padding-bottom: 9rem;
        background-color: #000;
    }

    .carousel {
        height: 90vh;
        overflow: hidden;
        position: relative;
    }
    

}


/** medidas de 1280px **/

@media (min-width: 1280px) and (orientation: landscape) {
    .list .item .content {
        top: 42%;
        left: 100px;
        text-align: left;
        width: 400px;
    }

    .w-100 {
        width: 102% !important;
        margin: auto;
        padding-top: 40px;
        border-radius: 10px;
    }

    .content .title {
        margin-left: 65px;
        text-align: left;
    }

    .content .des {
        margin-left: 65px;
        text-align: left;
    }

    .arrows {
        top: 80%;
    }

    .texto_blanco {
        text-align: right;
    }

    .post-slide .post-content {
        text-align: justify;
    }

    .post-slide .post-description {
        text-align: justify;
    }

    .texto_pequeño1 {
        text-align: justify;
    }

    .texto_pequeño2 {
        text-align: justify;
    }


    .bloquefinal {
        padding-top: 6rem;
        padding-bottom: 2rem;
    }

    section {
        padding-top: 9rem;
        padding-bottom: 9rem;
        background-color: #000;
    }

    .carousel {
        height: 90vh;
        overflow: hidden;
        position: relative;
    }
    
}


/** medidas de superior **/

@media (min-width: 1600px) and (orientation: landscape) {
    .list .item .content {
        top: 42%;
        left: 102px;
        text-align: left;
        width: 400px;
    }

    .w-100 {
        width: 102% !important;
        margin: auto;
        padding-top: 40px;
        border-radius: 10px;
    }

    .content .title {
        margin-left: 65px;
        text-align: left;
    }

    .content .des {
        margin-left: 65px;
        text-align: left;
    }

    .arrows {
        top: 80%;
    }

    .texto_blanco {
        text-align: right;
    }

    .post-slide .post-content {
        text-align: justify;
    }

    .post-slide .post-description {
        text-align: justify;
    }

    .texto_pequeño1 {
        text-align: justify;
    }

    .texto_pequeño2 {
        text-align: justify;
    }

    .bloquefinal {
        padding-top: 6rem;
        padding-bottom: 2rem;
    }

    section {
        padding-top: 9rem;
        padding-bottom: 9rem;
        background-color: #000;
    }

    .carousel {
        height: 90vh;
        overflow: hidden;
        position: relative;
    }
    
}