@media screen and (max-device-width: 480px) and (orientation: portrait) {


    .category_term_page .category_content p {
        font-size: 21px;
        line-height: 38px;
        margin-top: 18%;
        color: #8c8c8c;
        width: 79%;
        margin-left: 4%;
    }



    .category_term_page .category_content {
        top: -428px;
        margin-top: 122px;
    }



    .category_term_page .category_image img {
        min-height: 52vh;
    }

    
    .category_term_page .category_content .title {
        font-size: 34px;
        color: #dd4b1e;
        margin-bottom: 16px;
        height: 38px;
        padding-top: 32px;
    }

    .category_section:nth-child(2) .category_content p {
        top: 88%;
        max-width: 100%;
    }

    .category_section:nth-child(1) .category_content p {
        top: 78%;
        font-size: 52px;
    }

    .category_section:nth-child(3) .category_content p {
        top: 79%;
        left: -7px;
    }

    .category_section:nth-child(4) .category_content p{
        top: 80%;
        max-width: 328px;
        left: -6px;
    }


    .category_section:nth-child(5) .category_content p {
        top: 57%;
        max-width: 310px;
        left: 40px;
    }



    .category_section:nth-child(6) .category_content p {
        top: 106%;
        left: 62px;
    }

    .category_section:nth-child(3) .category_content {
        height: 71vh;
        top: 16vh;
    }

    .category_section:nth-child(4) .category_content {
        left: 54vw;
        width: 94vw;
        top: 11vh;

    }


    .category_section:nth-child(5) .category_content {
        left: 100%;
        top: 34vh;
    }


    .category_section:nth-child(6) .category_content {
        left: -8%;
        top: 11vh;
    }

    .category_section:nth-child(4) .category_content .title {
        font-size: 6vh;
        margin-top: 9%;
    }


    .category_section:nth-child(5) .category_content .title {
        font-size: 6vh;
        margin-top: -52%;
    }

    .category_section .category_content .read-more {
        right: 30px;
        bottom: -15px;
    }


    .path-categories .content-middle #block-zinble-content nav {
        top: 44%;
    }


    .category_section .category_content p {
        font-size: 14px;
        line-height: 19px;
        letter-spacing: 1px;

    }


    .category_section:nth-child(6) .category_content .read-more {
        right: 30px;
        bottom: -172px;
    }

}


@media screen and (max-device-width: 376px) and (orientation: portrait) {


    .category_term_page .category_content {
        top: -449px;
        max-width: 1204px;
        width: 100%;
        min-height: 94px;
        margin-top: 169px;
    }

    .category_term_page .category_content p {
        font-size: 21px;
        line-height: 29px;
        margin-top: 18%;
        width: 94%;
        margin-left: -1%;
    }


}





@media screen and (max-device-width: 890px) and (orientation: landscape) {


    .category_section .category_content .read-more {
        right: 11%;
        bottom: 0;
        font-size: 14px;
        margin-top: 22px;
    }

    .logo_category img {
        max-width: 30px;
        margin-left: -182%;
    }
    .category_section .category_content .title {
        font-size: 8vh;
        margin-top: -4%;
        margin-left: 3%;
    }




    /*  fleche */



    .category_section .category_content .read-more .image-read-more {
        top: -36px;
        left: 24px;
        height: 40px;
        padding: 18px;
        width: 47px;
    }

    .category_section .category_content .read-more .image-read-more .img-show {
        top: 7px;
        width: 23px;
        left: 10px;
    }



    /*   titre */

    .category_section:nth-child(2) .category_content .title {
        font-size: 8vh;
        margin-top: -3%;
        margin-left: 3%;
    }

    .path-categories .content-middle #block-zinble-content nav ul a {
        font-size: 13px;
    }

    .path-categories .content-middle #block-zinble-content nav .go-next {
        margin-top: -7%;
    }

    .path-categories .content-middle #block-zinble-content nav .go-prev {
        margin-bottom: -7%;
    }

    .category_section:nth-child(4) .category_content .title {
        font-size: 8vh;
        margin-top: -2%;
        margin-left: -37%;
    }


    .category_section:nth-child(5) .category_content .title {
        font-size: 8vh;
        margin-top: -11%;
        margin-left: 11%;
    }


    .category_section:nth-child(6) .category_content .title {
        font-size: 8vh;
        margin-top: -11%;
        margin-left: 3%;
    }

    /*************************      text   --------------------------------*/

          /*  principale style */

    .category_section .category_content p {
        font-size: 12px;
        line-height: 19px;
        text-align: justify;
    }

    /* child style */

    .category_section:nth-child(1) .category_content p {
        top: 42%;
        left: 38%;
        font-weight: 900;
        font-size: 29px;
    }


    .category_section:nth-child(2) .category_content p {
        top: 69%;
        transform: translateY(-100%);
        max-width: 49%;
        left: 48%;
    }

    .category_section:nth-child(3) .category_content p {
        top: 26%;
        max-width: 46%;
        left: 42%;
    }

    .category_section:nth-child(4) .category_content p {
        top: 39%;
        max-width: 134%;
        left: -98px;
    }



    .category_section:nth-child(5) .category_content p {
        top: 29%;
        max-width: 46%;
        left: 43%;
    }

    .category_section:nth-child(6) .category_content p {
        top: 27%;
        max-width: 59%;
        left: 199px;
    }



    .path-categories .content-middle #block-zinble-content nav {
        top: 58%;
    }


}



   /*    ---------------------------------------   tablette ----------------------------------------  */







@media screen and (max-device-width: 991px) and (orientation: portrait) {


    .category_section:nth-child(1) .category_content p {
        top: 88%;
        left: 0%;
        font-weight: 900;
        font-size: 39px;
        border-radius: 30px;
    }


    .category_section:nth-child(2) .category_content p {
        top: 94%;
        transform: translateY(-100%);
        max-width: 62%;
        left: 6%;
        text-align: justify;
        line-height: 109%;
    }


    .category_section:nth-child(3) .category_content p {
        color: white;
        font-size: 21px;
        line-height: 40px;
        letter-spacing: 2px;
        position: absolute;
        top: 92%;
        transform: translateY(-50%);
        max-width: 63%;
        left: -8px;
    }

    .category_section:nth-child(4) .category_content p {
        color: white;
        font-size: 21px;
        line-height: 34px;
        letter-spacing: 2px;
        position: absolute;
        top: 84%;
        transform: translateY(-50%);
        max-width: 130%;
        left: -146%;
        text-align: justify;
    }

    .category_section:nth-child(5) .category_content p {
        color: white;
        font-size: 22px;
        line-height: 34px;
        letter-spacing: 1px;
        position: absolute;
        top: 72%;
        transform: translateY(-50%);
        max-width: 54%;
        left: 95px;
        text-align: justify;
    }
    .category_section:nth-child(6) .category_content p {
        color: white;
        font-size: 24px;
        line-height: 37px;
        letter-spacing: 1px;
        position: absolute;
        top: 73%;
        transform: translateY(-50%);
        max-width: 68%;
        left: 2%;
        text-align: justify;
    }

    .category_section:nth-child(4) .category_content .title {
        font-size: 6vh;
        color: rgb(166, 162, 162);
        margin-left: -142%;
    }


    .category_section:nth-child(5) .category_content .title {
        font-size: 6vh;
        margin-left: 12%;
        margin-top: -26%;
    }

    .category_section:nth-child(5) .category_content .title {
        font-size: 6vh;
        margin-top: -27%;
        margin-left: 6%;
    }

}

















