Fazer menu ficar responsive

.menu
         {
                 width: 960px;
                 font-family: verdana, Segoe UI;
                 margin: 0 auto;
                 border-radius: 5px;
         }
         .menu ul
         {
                 padding: 10px;
                 background-color: #0090cb;
                 float: left;
                 margin: 0px;
                 list-style: none;
         }
         .menu ul li     {
                 display:
inline-block;
                 float: left;
                 position: relative;
                 cursor: pointer;
         }
         .menu ul li a   {
                 cursor:
pointer;
                 display: block;
                 padding: 10px;
                 float: left;
                 color: #fff;
                 text-decoration: none;
         }
         .menu ul li ul
         {
                 display: none;
                 margin-top: 10px;
         }
         .menu ul li:hover ul
         {
                 display: block;
                 width: 200px;
                 position: absolute;
                 left: 0px;
                 top: 25px;
                 background: #FF6600;
                 border: 1px solid #B34C00;
                 border-top: none;
                 color: #fff;
         }
         .menu ul li:hover ul li
         {
                 padding: 5px;
                 float: none;
                 display: block;
         }
         .menu ul li:hover ul li a
         {
                 padding: 5px;
         }