@media only screen and (max-width: 767px) {
    .ui.grid .wide.column.anakatsatir{
        width: 100% !important;
        border: none;
    }

    .ui.grid .wide.column.ravisatir{
        width: 100% !important;
        border: none;
    }


}


@media only screen and (min-width: 768px) and (max-width: 899px) {
    .ui.grid .wide.column.anakatsatir{
        width: 50% !important;
        border: none;
    }

    .ui.grid .wide.column.ravisatir{
        width: 50% !important;
        border: none;
    }
}
@media only screen and (min-width: 900px) and (max-width: 1260px) {
    .ui.grid .wide.column.anakatsatir{
        width: 33% !important;
        border: none;
    }

    .ui.grid .wide.column.ravisatir{
        width: 33% !important;
        border: none;
    }
}