h3.tri-document-list-title {
background-color: #033A6A;
padding: 15px;
color: white !important;
font-size: 24px;
font-weight: bold;
margin-bottom: 15px;
margin-top: 15px;
}
.tri-document-list {
display: flex;
margin-bottom: 25px;
flex-direction: row;
flex-wrap: wrap;
align-content: center;
justify-content: flex-start;
align-items: flex-start;
}
.tri-document-col {
margin-right: 15px;
}
tri-col-num-1{
width: 80%;
}
.tri-col-num-2{
width:49%;
}
.tri-col-num-3{
width: 32%;
}
.tri-light-blue{
background-color: #1EA1D5 !important;
}
@media (min-width:1600px) and (max-width:1800px){
.tri-col-num-1{
width: 80%;
}
.tri-col-num-2{
width:47%;
}
.tri-col-num-3{
width: 32%;
}
}
@media (min-width:1300px) and (max-width:1599px){
.tri-col-num-1{
width: 80%;
}
.tri-col-num-2{
width:46%;
}
.tri-col-num-3{
width: 30%;
}
}
@media (min-width:1180px) and (max-width:1299px){
.tri-col-num-1{
width: 80%;
}
.tri-col-num-2{
width:46%;
}
.tri-col-num-3{
width: 30%;
}
#page-container div.et_pb_section .et_pb_row .tri-document-result-item{
font-size:14px !important;
}
}
@media (min-width:981px) and (max-width:1179px){
.tri-col-num-1{
width: 80%;
}
.tri-col-num-2{
width:47%;
}
.tri-col-num-3{
width: 47%;
}
#page-container div.et_pb_section .et_pb_row .tri-document-result-item{
font-size:14px !important;
}
}
@media (max-width:980px){
.tri-col-num-1{
width: 80%;
}
.tri-col-num-2{
width:47%;
}
.tri-col-num-3{
width: 47%;
}
#page-container div.et_pb_section .et_pb_row .tri-document-result-item{
font-size:16px !important;
}
}
@media (max-width:767px){
.tri-document-col {
width: 100%;
}
#page-container div.et_pb_section .et_pb_row .tri-document-result-item{
font-size:16px !important;
}
h3.tri-document-list-title{
font-size:17px !important;
}
}