/*.fa-map-marker{
    position: absolute;

        left: 54%;
        top:2px;
        color:black;
}

.fa-search{
    position: absolute;

        left: 39.25%;
        top:6px;
        color: black;

}
.city{
    position: relative;
    padding-left:26px;
    text-align: center;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    font-size: 17px;
    background-color: white;

    height:36px;

}

.dname{
    position: relative;
    padding-left:27.5px;
    text-align: center;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    font-size: 17px;
    background-color: white;
    height:36px;

}
.service{
    position: relative;
    padding-left:27.5px;
    text-align: center;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    font-size: 17px;
    background-color: white;
    height:36px;
}
.buttonlp{
    position: relative;
    padding-left:8px;
    width:100px;
    text-align: center;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    font-size: 17px;
    background-color: white;
    height:37px;
    color:white;
    background-color: teal;

}
@media(max-width:1414.4px){
    .fa-search{
        position: absolute;

            left: 39%;
            top:6px;
            color: gray;
    }
}

@media(max-width:1408px){
    .fa-search{
        position: absolute;

            left: 38.5%;
            top:6px;
            color: gray;
    }
    .fa-map-marker{
        position: absolute;

            left: 55%;
            top:2px;
            color: black;
    }
}

@media(max-width:1311px){
    .fa-search{
        position: absolute;
            left: 37.2%;
            top:6px;
            color: gray;
    }
}

@media(max-width:1238px){
    .fa-search{
        position: absolute;
            left: 36.3%;
            top:6px;
            color: gray;
    }
}

@media(max-width:1132.4px){
    .fa-search{
        position: absolute;

            left: 35.2%;
            top:6px;
            color: gray;
    }
    .fa-map-marker{
        position: absolute;

            left: 56%;
            top:2px;
            color: black;
    }
}

@media(max-width:1028px){
    .fa-search{
        position: absolute;

            left: 34.2%;
            top:6px;
            color: gray;
    }
}

@media(max-width:1013px)and (min-width:982px){
    .dname{
        left: 20%;
    }
    .service{
        left: 20%;
    }

    .city{
        left: -22.4%;
        top:50px;
        width:197px;
    }

    .buttonlp{
        left: -22.4%;
        top:50px;
        width:219px;
    }

    .fa-map-marker{
        position: absolute;

            left: 29%;
            top:51px;
            color: black;
    }
    .fa-search{
        position: absolute;

            left: 48%;
            top:6px;
            color: gray;
    }
}

@media(max-width:982px)and (min-width:948px){
    .dname{
        left: 20%;
    }
    .service{
        left: 20%;
    }

    .city{
        left: -24%;
        top:50px;
        width:197px;
    }

    .buttonlp{
        left: -24%;
        top:50px;
        width:219px;
    }

    .fa-map-marker{
        position: absolute;

            left: 28%;
            top:51px;
            color: black;
    }
    .fa-search{
        position: absolute;

            left: 47.6%;
            top:6px;
            color: gray;
    }
}
@media(max-width:936px){
    .fa-search{
        position: absolute;

            left: 32%;
            top:6px;
            color: gray;
    }
}
/*@media(max-width:851px){
    .service{
        top:-30px;
        left: 32%;
    }
    .dname{
        top:10px;
        left: -1%;
    }
    .city{
        top:75px;
        left: -20%;
    }
    .buttonlp{
        top:115px;
        left: -39%;
    }

}
@media(max-width:824px){
    .fa-search{
        position: absolute;

            left: 29.8%;
            top:6px;
            color: gray;
    }
    .fa-map-marker{
        position: absolute;

            left: 58%;
            top:2px;
            color: black;
    }
}


@media(max-width:800px){
    .service{
        top:-28px;
    }
    .city{
        top:-30px;
        font-size:10px;
    }
    .dname{
        font-size:9px;
        top:-30px;
    }
    .buttonlp{

        top:-29px;
    }

    .fa-search{
        position: absolute;

            left: 34%;
            top:-23px;
            color: gray;

    }
    .fa-map-marker{
        position: absolute;
            left: 67%;
            top:-26.5px;
            color: black;
    }
}

@media(max-width:690px){
    .buttonlp{
        left:-30%;
        top:10px;
        width:214px;
    }
    .city{
        top:-30px;
        left:15%;
        width:100%;
    }
    .dname{
        font-size:9px;
        top:-30px;
        left:13%;
    }
    .service{
        width:214px;
        left:10%;
    }
    .fa-search{
        position: absolute;
            left: 51%;
            top:-23px;
            color: gray;

    }
    .fa-map-marker{
        position: absolute;

            left: 17%;
            top:11px;
            color: gray;
    }

}
@media(max-width:620px){
    .fa-map-marker{
        position: absolute;
            left: 14%;
            top:10px;
            color: gray;
    }
}

@media(max-width:605px){
    
    .buttonlp{
        padding-left:8px;
        left:-45%;
        top:10px;
        width:150px;
        
    }
    .city{
        top:-30px;
        left:-2%;
        width:350px;
        font-size:11px;
    }
    .dname{
        font-size:9px;
        top:-30px;
        left:-10px;
    }
    .service{
        
        left:-8px;
        
    }
    
    .fa-search{
        position: absolute;
            
            left: 28%;
            top:-21px;
            color: black;
    
    }
    
    .fa-map-marker{
        position: absolute;
            
            left:49%;
            top:-22px;
            color: black;
    }
}

@media(max-width:539px){
    .city{
        font-size:8px;
    }
    .dname{
        font-size:8px;
    }
    .service{
        font-size:15px;
    }
    .fa-search{
        position: absolute;
            
            left: 26.5%;
            top:-21px;
            color: black;
    
    }
    
    .fa-map-marker{
        position: absolute;
            left: 9%;
            top:10px;
            color: gray;
    }
}*/