@media screen and (min-width: 1200px) {
.uc-base-knowledge .t-col_4 {
    max-width: 340px;

}

.uc-base-knowledge .t-col {
    margin-left: 15px;
    margin-right: 15px;
    background-color: #f8f6fa;
    padding: 15px;
    border-radius: 15px;
}

.uc-base-knowledge .t-popup .t-col  {
    background-color: #fff;
}
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
.uc-base-knowledge .t-col {
    margin-left: 5px;
    margin-right: 5px;
    background-color: #f8f6fa;
    padding: 5px;
    border-radius: 10px;
}

.uc-base-knowledge .t-popup .t-col  {
    background-color: #fff;
}
}

@media screen and (min-width: 640px) and (max-width: 959px) {
.uc-base-knowledge .t-container {
    max-width: 740px;
}

.uc-base-knowledge .t-col {
    margin-bottom: 20px;
    background-color: #f8f6fa;
    padding: 15px;
    border-radius: 30px;
}

.uc-base-knowledge .t-popup .t-col  {
    background-color: #fff;
}
}


@media screen and (min-width: 480px) and (max-width: 639px) {

.uc-base-knowledge .t-col {
    margin-bottom: 20px;
    background-color: #f8f6fa;
    padding: 15px;
    border-radius: 30px;
}

.uc-base-knowledge .t-popup .t-col  {
    background-color: #fff;
}
}


@media screen and (max-width: 479px) {

.uc-base-knowledge .t-col {
    margin-bottom: 30px;
    background-color: #f8f6fa;
    padding: 20px;
    border-radius: 30px;
}

.uc-base-knowledge .t-popup .t-col  {
    background-color: #fff;
}
}