#tab-virtual-controller-mode .video-as-bg{
  display: grid;
  grid-template-columns: 1fr;
  justify-content: center;
  justify-items: center;
  padding: 0;
  position: relative;
  margin: 2rem 0 0;
}
#tab-virtual-controller-mode .video-as-bg img, .video-as-bg video{
  grid-area: 1/1;
  grid-row: 1 !important;
}
#tab-virtual-controller-mode .video-as-bg img{
  z-index: 2; 
}
#tab-virtual-controller-mode .video-as-bg video{
  width: 37%;
  margin-top: 4%; 
}
#tab-virtual-controller-mode .animation-ctrl-btn-side button .play-pause-btn-wrapper {
  width: 35px;
  height: 35px;
  background: #44d62c;
  border: 0;
  border-radius: 24px;
  padding: 5px 10px;
  margin: 0 auto;
}
#tab-virtual-controller-mode .animation-ctrl-btn-side button img {
  width: 10px;
  display: inline-block !important;
}
#tab-virtual-controller-mode .animation-ctrl-btn-side button{
  border: 0;
  background: none;
}
#tab-virtual-controller-mode .animation-ctrl-btn-side
{
  position: absolute;
  z-index: 2;
  right: 5px;
  bottom: 10px;
}
#tab-virtual-controller-mode .bo-temp {position: relative; padding-bottom: 42%;}
#tab-virtual-controller-mode .video-as-bg {position: absolute; left: 0;}
@media (min-width: 769px) {
	#tab-virtual-controller-mode .video-as-bg .view-mobile {display: none;}
	#tab-virtual-controller-mode .animation-ctrl-btn-side
	{	  
	  right: 10px;
	  bottom: 15px;
	}
}
@media (max-width: 768px) {
	#tab-virtual-controller-mode .bo-temp {position: relative; padding-bottom: 75%;}
	#tab-virtual-controller-mode .video-as-bg video {
    width: 65%;
    margin-top: 14%;
}
	#tab-virtual-controller-mode .video-as-bg .view-desktop {display: none;}
}
 @media screen and (max-width:767px){} @media screen and (-webkit-max-device-pixel-ratio: 1) and (min-width: 1200px), screen and (min-width: 768px) and (max-width: 1200px){} @media screen and (-webkit-min-device-pixel-ratio: 1) and (min-width: 1200px){} @media screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1200px){}