*{
    font-family: 'Roboto', sans-serif;
    margin: 0%;
    padding: 0%;
    box-sizing: border-box;
 }
 a{
     color: white;
     text-decoration: none;
     font-size: 14px;
 }
 .header{
     width: 100%;
     min-height: 885px;
     background-repeat:no-repeat;
     background-size: 100%;
     position: relative;
 }
 .FanModeNavbar{
     padding-top:30px!important;
     padding-bottom:20px!important;
     display:flex!important;
 }
 .navbarBrand{
     font-size:27px!important;
     font-weight:700!important;
     color:#ffffff!important;
 }
 
 .FanModeNavbarLinks{
     font-size:14px!important;
     font-weight:700!important;
     color:#ffffff!important;
     font-family:'montserrat',sans-serif!important;
     margin-right:40px;
 }
 .navbar-nav .nav-link {
     padding-left:15px;
 
 }
 .navBar{
     padding-top: 30px ;
 }
 .navbar-light .navbar-toggler{
     border:0;
 }
 .NavBarTogglerIcon{
     color:white;
     font-size:30px;
 }
 .logo{
     color: white;
     font-size: 31px;
     font-weight: 900;
 }
 .headerHeadcontent{
     max-width:1200px;
     min-width:200px;
 }
 .header_image_z_index_layer{
     position:absolute;
     z-index:1;
     width: 100%;
     min-height: 885px;
     top:0;
 }
 
 .carousel-caption{
     width:100%!important;
     left:0;
     height:100%!important;
 }
 .bg-image{
     background-position: center!important;
     height: 885px!important;
     background-size:cover;
     
 }
 .carousel_container_Images{
     background-size: cover!important;
     height: 885px!important;
     background-position: center!important;
     width: 100%!important;
 }
 .headerHead h1{
     font-size: 72px;
     font-weight:800;
     color: white;
     text-align:center;
     font-family:'montserrat',sans-serif;
     text-transform: uppercase;
 }
 .headerHead h4{
     font-size: 45px;
     font-weight:800;
     color: white;
     text-align:center;
     font-family:'montserrat',sans-serif;
     text-transform: uppercase;
 }
 .headerHead p{
     font-size: 20px;
     color: white;
 }
 .appStoreBTN {
     display:flex !important;
     width: 266px !important;
     float:left;
     margin-top:14px;
 }
 .AppleDownloadImageBotton,.GooglePlayStoreImageButton{
   background-color: transparent;
   border:0;
 }
 .AppleDownloadImage{
     width:120px !important;
     height:40px !important;
 }
 .GooglePlayStoreImage{
     margin-left:25px !important; 
     width:120px !important;
     height:40px !important;
 }
 
 .header_icons_box{
     float:right;
 }
 .header_icons_container{
     z-index: 1;
     position:absolute;
     bottom:0;
 }
 .header_icons{
     color:white;
     font-size:32px;
     padding:15px 15px 34px 15px;
 }
 .navbar-toggler:focus{
     box-shadow: none;
 }
 .navbarContainer{
     background-color: rgb(3, 3, 109,0.5);
 }
 .appleAndPlayStoreButtonForMobileView{
     text-align: center;
 }
 
/* --------------------------------------------------------------- */
.header_image_z_index_layer{
    position:absolute;
    z-index:1;
    width: 100%;
    min-height: 885px;
    top:0;
}

.carfouselVideo{
    position:relative;
}
@media only screen and (max-width : 425px){
    .MainFeaturesImages img{
        margin-left:8px;
        margin-right:8px;
        margin-top:8px;
        margin-bottom:16px;
        height:45px;
        width:45px;
    }
    .AtThePubBoxLeftBox h2,.AtTheHomeRightBox h2{
        text-align:left!important;
    }
    .bg-image{
        max-height:284px;
        width:100%;
        display:block;
        height:auto;
    }
    .carousel_container{
        height:530px;
        margin-top:60px;
    }
    .carousel-inner{
        overflow: visible!important;
        }
    .header_image_z_index_layer{
        position:absolute;
        top:0;
        min-height:284px!important;
        z-index: 1;
    }
}