@media all and (max-width : 767px) {    
    .footer-top-wrapper ul {
        display:inline-block;
        padding:10px 0px 0px 0px;
    }
    .text-reset
    {
        font-size: 80%;
    }
    /*body {font-size: 80%;}*/
    }

@media all and (max-width : 500px) {
   
    .footer-top-wrapper ul li a{font-size:80%;}
    .text-reset{font-size: 80%;}
    }

@media all and (max-width : 1023px) {
   .footer-top-wrapper ul li::before {
     content: "|";
}
.footer-top-wrapper ul li {
 padding-bottom: 0;
 float:none;
 text-align: center;
 width:auto;
 display:inline-block;
}
}       
  
/*=============footer menu responsive reset ==================*/
.footer-top-wrapper ul li::before {
 content: "";
}
       
.footer-top-wrapper ul li {
 padding-bottom: 3px;
 text-align: center;
 float:left;
}