audio::-webkit-media-controls-timeline {
            -webkit-appearance: media-slider;
            display: flex;
            height: 17px;
            background-color: transparent;
            min-width: 25px;
            color: inherit;
            flex: 1 1 auto;
            margin: 0px 15px 0px 0px;
            padding: 0px;
            border: initial;
        }

        audio::-webkit-media-controls-panel {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: flex-start;
            -webkit-user-select: none;
            position: relative;
            width: 550px;
            z-index: 0;
            text-align: right;
            bottom: auto;
          
            background: #f63a00; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #f63a00 , #ff5b0c); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #f63a00, #ff5b0c); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #f63a00, #ff5b0c); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #f63a00 , #ff5b0c); /* Standard syntax */
          
            overflow: hidden;
            /*border-radius: 5px;*/
            transition: opacity 0.3s;
         
            height: 50px;
            /*border-radius: 10px;*/
        }

        audio::-webkit-media-controls-enclosure {
            width: 100%;
           
            height: 50px;
            flex-shrink: 0;
            bottom: 0px;
            text-indent: 0px;
            box-sizing: border-box;
            padding: 0px;
        }

        audio::-webkit-media-controls {
            width: inherit;
            height: inherit;
            position: relative;
            direction: ltr;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            align-items: center;
        }

        audio::-webkit-media-controls-volume-slider {
            -webkit-appearance: media-volume-slider;
            display: flex;
            height: 12px;
            max-width: 70px;
            background-color: transparent;
            min-width: 15px;
            color: inherit;
            flex: 1 1.9 auto;
            margin: 0px 15px 0px 0px;
            padding: 0px;
            border: initial;
        }

        audio::-webkit-media-controls-play-button {
            height:70px;
            width: 70px;
            -webkit-appearance: media-play-button; 
            color: white;
        }

        audio::-webkit-media-controls-current-time-display {
            color: white;
            padding-left: 0.2em;
            font-size: 20px;
            font-weight: bold;
        }

        audio::-webkit-media-controls-time-remaining-display {
            color: white;
            padding-right: 1em;
            font-size: 20px;
            font-weight: bold;
        }
        audio::-webkit-media-controls-mute-button {
            width:60px;
            height:60px;
             -webkit-appearance: media-volume-slider-mute-button !important;
    	  
        }
         audio{
            width:550px;
            height:50px;
            
    	  
        }