.playlist-wrapper-custom video {
			background: #000 !important;
	
			opacity: 0 !important;
			-ms-transition: all 0.1s ease-in-out !important;
			-moz-transition: all 0.1s ease-in-out !important;
			transition: all 0.1s ease-in-out !important;
			}
			.playlist-wrapper-custom video {
			opacity: 1 !important;
			}
video::-webkit-media-controls-panel {
         background-image: linear-gradient(transparent, transparent) !important;
    }
.playlist-wrapper-custom{
	position:relative;
}
.playlist-wrapper-custom .video-overlay-custom{
    position: absolute;
    left: calc(55% - 200px);
    top: calc(40% - 40px);
    text-align: center;
    font-family: 'arial';
    font-size: 23px;
    color: #fff;
}
.playlist-wrapper-custom #demo{
    margin-left: -27px;
}
video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}
.vjs-default-skin .vjs-play-progress, .vjs-default-skin .vjs-volume-level {
    background: #7a9da1 !important;
}
@media only screen and (max-width: 1919px) and (min-width: 1024px)  {
	
	.video-js{
		
		height:600px !important;
		padding: 0 !important;
	}
	
}
@media (max-width: 800px) {
	.playlist-wrapper-custom .video-overlay-custom{
    position: absolute;
    left: 35%;
		
		align-content:center;
		
	}
	.playlist-wrapper-custom video{
	height:auto !important;
}
	.playlist-wrapper-custom #demo{
    font-size:12px;
		margin-left: -10px;
}
}
@media (max-width: 500px) {
	.playlist-wrapper-custom video{
		visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 2.5s linear;
		height:auto !important;
	}
	.playlist-wrapper-custom .video-overlay-custom{
    position: absolute;
    left: 30%;
		
		align-content:center;
		max-width: 170px;
	}
	.playlist-wrapper-custom video{
	visibility: visible;
  opacity: 1;
}
	.playlist-wrapper-custom #demo{
    font-size:12px;
		margin-left: -25px;
}
}
/* 4/01/2022 */
.vjs-progress-control.vjs-control {
    position: absolute;
    margin: -23px;
        margin-right: -23px;
        margin-left: -23px;
    width: 85.5%;
    margin-left: 108px;
    margin-right: 74px;
}
button.vjs-fullscreen-control.vjs-control.vjs-button {
    position: absolute;
    right: 57px;
}
button.vjs-picture-in-picture-control.vjs-control.vjs-button {
	position: absolute;
    right: 87px;
}
.vjs-mouse-display {
	width:54px;
}
.vjs-time-tooltip {
    width: 54px;
}
.video-js .vjs-play-control {
    cursor: pointer;
    margin-left: 69px !important;
}
div.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button.vjs-quality-selector {
		position: absolute;
    right: 65px;
	    width: 8em;
	margin-right:39px;

}
div.vjs-remaining-time.vjs-time-control.vjs-control {
    position: absolute;
    right: 51px;
    margin: -23px;
    margin-right: 10px;
}
.vjs-default-skin .vjs-control-bar {
    background-color: rgb(0 0 0 / 0%);
	margin-bottom:9px;
}
.vjs-progress-holder .vjs-load-progress div{

	
}

span.vjs-icon-placeholder {
    text-transform: capitalize;
}
.video-js .vjs-duration {
    display: block;
    position: absolute;
    left: 72px;
    margin-top: -23px;
}
/* responsiveness  */
/* for all movile and iphone */
@media only screen and (max-width: 768px) {
.vjs-progress-control.vjs-control {
   position: absolute;
    margin: -23px;
    width: 55.5%;
    margin-left: 67px;
    margin-right: 62px;
}
.video-js .vjs-duration {
   
    left: 23px;
	}
	.content_video-dimensions,
	.video-js{
    
}
}

/*working only in ipad portrait device*/
@media only screen and (width: 768px) and (height: 1024px) and (orientation:portrait) {
   .vjs-progress-control.vjs-control {
    position: absolute;
    margin: -23px;
    width: 77.5%;
    margin-left: 71px;
    margin-right: 62px;
}
}
/*working only in ipad landscape device*/
@media all and (width: 1024px) and (height: 768px) and (orientation:landscape){
  .vjs-progress-control.vjs-control {
    position: absolute;
    margin: -23px;
    width: 84%;
    margin-left: 74px;
    margin-right: 74px;
}
}
/* lndsp */
@media only screen and (min-device-width: 480px) 
                   and (max-device-width: 640px) 
                   and (orientation: landscape) {
										 .vjs-progress-control.vjs-control {
    position: absolute;
    margin: -23px;
    width: 74.5%;
    margin-left: 75px;
    margin-left: 72px;
    margin-right: 66px;
}
}
@media (min-width:1500px) and (max-width:4000px) {
	.vjs-progress-control.vjs-control {
     width: 87%;
   
}
}
@media (min-width:1300px) and (max-width:1499px) {
	.vjs-progress-control.vjs-control {
   width: 85%;
 
}
}
@media (min-width:1150px) and (max-width:1299px) {
	.vjs-progress-control.vjs-control {
   width: 82%;
   
}
}
@media (min-width:950px) and (max-width:1149px) {
	.vjs-progress-control.vjs-control {
   width: 80%;
   
}
}
@media (min-width:850px) and (max-width:949px) {
	.vjs-progress-control.vjs-control {
   width: 77%;
   
}
}
@media (min-width:769px) and (max-width:849px) {
	.vjs-progress-control.vjs-control {
   width: 75%;
   
}
}
@media (min-width:650px) and (max-width:768px) {
	.vjs-progress-control.vjs-control {
   width: 75%;
   
}
}
@media (min-width:550px) and (max-width:649px) {
	.vjs-progress-control.vjs-control {
   width: 72%;
   
}
}
@media (min-width:450px) and (max-width:549px) {
	.vjs-progress-control.vjs-control {
   width: 68%;
   
}
}
@media (min-width:350px) and (max-width:449px) {
	.vjs-progress-control.vjs-control {
   width: 60%;
   
}
}
@media (min-width:100px) and (max-width:349px) {
	.vjs-progress-control.vjs-control {
   width: 45%;
   
}
.entry-content	.content_video-dimensions {
    height: 150px !important;
}
.entry-content	.video-js{
		 height: 150px !important;
	}
}