@media (max-width: 991px) {
    .hidden-xs {
        display: none;
    }
    .list-btnaction {
        top: 10px;
    }
    #img_logo {
        margin-left: 0 !important;
        width: 60px !important;
    }
}
.trans-home {margin-top: 15px;}
.pra-0{
    padding-right: 0 !important;
}
@media (max-width: 768px) {
    .map-group{
        height: 165px !important;
    }
    .pl-0{
        padding-left: 0 !important;
    }
    .pr-0{
        padding-right: 0 !important;
    }
    .item-group img{
        width: 30px;
        height: 30px;
    }
    .map-home{
        width: 96%; height: 250px; margin: 0px auto; top: auto !important;
    }
    .trans-home{
        min-height: 35px; overflow: hidden; 
        text-align: center !important;
    }
    .address {
        margin-top: 0 !important;
    }
    .contact {
        margin-top: -15px !important;
    }
    #list-table {
        width: 95% !important;
    }
    .group_button_user_action {
        display: none;
    }
    .mapboxgl-ctrl-geocoder--input {
        height: 36px !important;
        padding: 6px 30px !important;
        border-radius: 3px !important;
        font-size: 16px !important;
    }
    .mapboxgl-ctrl-geocoder--icon-search {
        top: 7px !important;
        left: 7px !important;
    }
    .caption {
        width: 96% !important;
    }
    .name-groups{
    	width: 150px;
    	overflow: hidden;
    }

}
@media (max-width: 425px) {
    #hd-mobile,
    #hd-mobile .hidden-lg {
        padding-left: 0;
        padding-right: 0;
    }
    .list-item .item-right {
        padding-left: 10px;
    }
    .list-item .detail-list,
    .list-item .sh-content,
    .list-item .title-prelist {
        max-inline-size: 200px !important;
    }
    #list-table {
        margin-left: 9px !important;
    }
    .itempost-gallery .detail-list,
    .itempost-gallery .title-prelist {
        width: 100% !important;
    }
}
@media (max-width: 320px) {
    #list-table {
        width: 92% !important;
    }
}