.listsearch-input-item {width: 30%;}.card-listing .geodir-category-listing {max-height: 435px;min-height: 435px;background-color: white;}
           .loadfl{
                background: linear-gradient(-45deg, #cccccc6e, #eeeeee5c);
                    background-size: 400% 400%;
                    animation: gradient 1s ease infinite;
                    height: 265px;
                    border: none !important;
                }
           
           @keyframes gradient {
            	0% {
            		background-position: 0% 50%;
            	}
            	50% {
            		background-position: 100% 50%;
            	}
            	100% {
            		background-position: 0% 50%;
            	}
            }
            p.tripText{position: relative;padding-bottom: 2px;font-weight: 600;margin-left: -225px;color: azure;font-size: 12px;}
            #infoData{position: absolute;
    bottom: 10px;
    left: 33%;
    text-align: -webkit-center;
    width: 400px;}
    #sorter{margin-top: 5px;margin-left: 5px;float: left;width: 116px;padding: 10px;}
           .bg.par-elem{background-color: #0c4063;background-size: initial;}
          
         
         #infoCari{margin-top: 5px;margin-right: 62px;float: right;}
    .badge{
                color: whitesmoke;
                font-size: 10px;
                padding: 5px 10px;
                font-weight: 600;
                border-radius: 10px;
                cursor: pointer;
                margin-right:5px;
           }
    .badge.badge-loc{background-color: #163560;}
    .badge.badge-cat{background-color: blueviolet;}
    .badge.badge-key{background-color: darkgreen;}
    #lokasi{background-color: #163560;}
    #kategori{background-color: blueviolet;}
    #qword{border: 1px solid darkgreen;}
    
     .fs-map-btn{padding: 15px;}
     
        @media screen and (max-width: 540px){
          .section-title h2{
                font-size: 20px !important;
            }
            .col-list-wrap{
                margin-top: -30px;
            }
            
            .geodir-category-img {
                max-height: 165px !important;
                background-position: top !important;
            }
            
            .card-listing .geodir-category-listing {
                max-height: 400px;
                min-height: 330px;
            }
        }
     
        @media screen and (max-width: 600px){
               #infoData{left: 0px;
                text-align: start;}
                .listsearch-input-item {
                width: 100%;}
            #infoCari{
                display: flex;
                flex-wrap: wrap;
            }
            .section-title{
                padding-bottom: 11px;
                margin-top: -40px;
            }
            
            
           #sorter {
                    margin-top: -46px;
                    margin-right: 4px;
                    float: right;
                    width: 116px;
                    padding: 10px;
                }
           .badge{ margin-bottom: 6px;}
           
           p.tripText {
               margin-left: -145px;
           }
        }