ul.grid_t {
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

ul.grid_t li {
    width: 185px; 
/*    min-width: 167px;*/
    height: 150px; 
    position: relative; 
    display: inline-block;
    text-align:center;
    border: 1px solid transparent;
    background: none; 
    z-index: 1;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-right: 5px;
}

ul.grid_t li:before {
    content : "";
    position: absolute;
    right    : 0;
    bottom  : 10%;
    height  : 80%;
    width   : 1px;  /* or 100px */
    border-right: 1px solid #ddd;
}

ul.grid_t li:nth-child(5n):before, ul.grid_t li:last-child:before {
    border-right: 1px solid transparent;
}

ul.grid_t li a {
    display: flex; 
    flex-direction: column;
    align-items: center;
    height: 100%; 
    text-decoration: none;
    width: 90%;
    margin: auto;

}

ul.grid_t li a:hover {
    text-decoration: none;    
}

ul.grid_t li a div {
    margin-bottom: 10px;

}

.li_grid_t_hover{visibility: hidden;background:url('../images/bg_product_list_hover.png') repeat;position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;cursor:pointer; border: 1px #C8C8C8 solid;}

ul.grid_t li:hover .li_grid_t_hover{visibility: visible;}

ul.grid_t li:hover .li_action_hover {visibility: visible;}


.wrapper_tutorial_card_image{
    width: 96%;
    height:55px;
}

.wrapper_tutorial_card_image img {
    object-fit:  cover;
    width: 100%;
    height:  100%;
}

.descricao1 {
    vertical-align: top; text-align: justify; float: left; min-width: 300px; width: 50%; border: 0px solid blue;
}
.descricao2 {
    text-align: justify; float: left; min-width: 300px; width: 100%;
}
.descricao2 img {
    max-width: 100%;
}
.fancybox_content {
    text-align: center; float: left; min-width: 300px; width: 50%; border: 0px solid red;
}

@media (max-width: 720px) {
    .descricao1 {
        width: 100%;
    }
    .fancybox_content {
        width: 100%;
    }
}
@page  
{ 
    size: auto;   /* auto is the initial value */ 

    /* this affects the margin in the printer settings */ 
    margin: 5mm 5mm 5mm 5mm;  
}


@media (max-width: 984px) { 
    
    ul.grid_t li:nth-child(5n):before {
        border-right: 1px solid #ddd;
    }
    
    ul.grid_t li:nth-child(4n):before, ul.grid_t li:last-child:before {
        border-right: 1px solid transparent;
    }
}

@media (max-width: 792px) {  
    ul.grid_t li:nth-child(4n):before {
        border-right: 1px solid #ddd;
    }
    
    ul.grid_t li:nth-child(3n):before, ul.grid_t li:last-child:before {
        border-right: 1px solid transparent;
    }
}

@media (max-width: 600px) {
    ul.grid_t li:nth-child(3n):before {
        border-right: 1px solid #ddd;
    }
    
    ul.grid_t li:nth-child(2n):before, ul.grid_t li:last-child:before {
        border-right: 1px solid transparent;
    }

    @media (max-width: 450px) {
        ul.grid_t li {
            width: 47%; 
        }
    }
}