/*home page*/
.mainbanner { width: 100%; height: 100vh; position: relative; } 
.mainbanner:before { content: ''; width: 100%; height: 100%; background: transparent linear-gradient(180deg, #191919D4 0%, #1A1818 100%) 0% 0% no-repeat; position: absolute; top: 0; left: 0; z-index: 2; }
.mainbanner video { width: 100%; height: 100%; object-fit: cover; } 
.mainbanner .container { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); z-index: 3; } 
.bannerdetails { text-align: center; max-width: 1000px; margin: 0 auto;  } 
.bannerdetails h1 { color: #fff; font-size: 45px; font-weight: 700; margin: 0 0 15px; }
.bannerdetails p { font-size: 18px; color: #BFBFBF; margin: 0 0 30px; }
video::-webkit-media-controls, video::-moz-media-controls, video::-o-media-controls, video::-ms-media-controls {   display: none !important; }
video::-webkit-media-controls-panel { display: none !important; opacity: 1 !important;}
video::-webkit-media-controls-start-playback-button { display: none !important; }



/*-------------------------------- Responsive Media Query --------------------------------*/
@media (min-width: 1900px){
.bannerdetails { max-width: 1000px; } 
.bannerdetails h2 { font-size: 65px; }
.bannerdetails p { font-size: 22px; }

}

@media (max-width: 767px){
.bannerdetails h2 { font-size: 36px; }
.bannerdetails p { font-size: 16px; margin: 0 0 20px; }

}