.video-js {
    font-size: 14px !important;
}

.video-js .vjs-play-progress {
    background: #2595FF !important;
}
.video-js .vjs-control-bar {
    background-color: rgba(0, 0, 0, 0.6) !important;
}
.video-js .vjs-big-play-button{
    font-size: 8em !important;
    line-height: 1.5em !important;
    height: 1.5em !important;
    width: 1.5em !important;
    border: 0 !important;
    border-radius: 6px !important;
    left: 50% !important;
    top: 50% !important;
    margin-left: -0.75em !important;
    margin-top: -0.75em !important;
    background-color: rgba(0,0,0,0.4) !important;
}

.vjs-fade-out {
    display: block;
    visibility: hidden !important;
    opacity: 0 !important;
}

.vjs-poster, .video-js .vjs-control, .vjs-big-play-button {
    outline: none !important;
    outline: 0 !important;
}

.vjs-resolution-button .vjs-menu-icon:before {
    content: '\f110';
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
    font-size: 1.8em;
    line-height: 1.67em;
}

.vjs-resolution-button .vjs-resolution-button-label {
    font-size: 1em;
    line-height: 3em;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    box-sizing: inherit;
}

.vjs-resolution-button .vjs-menu .vjs-menu-content {
    width: 4em;
    left: 50%; /* Center the menu, in it's parent */
    margin-left: -2em; /* half of width, to center */
}

.vjs-resolution-button .vjs-menu li {
    text-transform: none;
    font-size: 1em;
}

@media(max-width:400px){
	.video-js .vjs-menu-button-inline:before{width: 0px !important;}
	.vjs-resolution-button, .vjs-play-control, .vjs-volume-menu-button, .vjs-fullscreen-control{width: 3em !important;}
	.video-js .vjs-time-control{padding-right: 5px; !important;}
    .vjs-resolution-button .vjs-menu .vjs-menu-content {width: 3em;}
    .video-js .vjs-big-play-button{ font-size: 5em !important;}
}