.media-buton-wrapper{
    width: 100%;
    margin: 40px auto;
}
.media-buton{
    width: 50%;
    justify-content: space-between;
    margin: 0 auto;
}
.report-wrapper{
    width: 100%;
    /* margin-bottom: 50px; */
}
.report-wrapper ul{
    flex-wrap: wrap;
    
}
.report-wrapper ul li{
    width: 31%;
    /* height: 450px; */
    margin: 13px 13px 40px 13px;

    border: 1px solid #aaaaaa;
}
@media screen and (max-width:1200px){
    .media-buton{
        width: 72%;
    }
    .report-wrapper{
        width: 90%;
    }
    .report-wrapper ul{
        justify-content: space-between;
    }
    .report-wrapper ul li{
        width: 48%;
        margin: 0px 0px 70px 0px;

    }

}
@media screen and (max-width:850px){
    .media-buton{
        width: 80%;
    }


}
@media screen and (max-width:767px){
    .show_on_desk{
        display: none;
    }
    .show_on_mobile{
        display: block;
    }
    .phone-media-buton{
        margin: 0 auto;
        text-align: center;
    }
    .phone-media-buton select{
        width: 65%;
        height: 35px;
        border: 1px solid #aaaaaa;
        padding-left: 20px;
        color: #585858;
        
    }
    



}

/* ---------------------------- */

.media-pt{
    width: 100%;
    height: 200px;
    overflow: hidden;
}
.media-pt img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.media-icon-pt{
    height: 30px;
}
.media-icon-pt img{
    /* width: 100%; */
    height: 100%;
    /* object-fit: contain; */
}
.media-text{
    padding: 20px 20px 40px 20px;
    text-align: justify;

}
.media-text-title{
    font-weight: 700;
    margin: 5px auto 20px auto;
}
.media-text .button{
    margin: 20px auto 0 auto;
}
@media screen and (max-width:767px){
    .report-wrapper ul{
        justify-content: center;
    }
    .report-wrapper ul li{
        width: 90%;

    }
    .media-pt{
        height: 250px;
    }

}
@media screen and (max-width:500px){
    .report-wrapper ul li{
        width: 100%;
    }
    .media-pt{
        height: 200px;
    }
    .phone-media-buton select{
        font-size: 13px;
    }
    .media-text p{
        font-size: 13px;
    }
    .media-text .media-text-title {
        font-size: 14px;
    }
    .media-text .button{
        font-size: 13px;
    }
    
    


}