@media screen and (max-width:768px)
{
.desVideo
{
    min-height:auto !important
}
    .movielist img{
        width:123px;
        height:183px;
    }
    a .movietitle, a .fa
    {
        font-size: 12px;
    }
    main{
        padding-bottom: 100px;
    }
    .col-xs-6
    {
        width:50%;
    }

    .navbar-nav, .navbar-toggler
    {
        display: none;
    }

    footer
    {
        display: none !important;
    }

    .profilebg
    {
        padding:14px 10px 10px 20px;
        font-weight: normal !important;
    }

    .profilebg::before {
        font-family: "Font Awesome 5 Free";
        font-style: normal;
        font-weight: normal;
        font-display: auto;
        content: "\f060";
        color: white;
        display: block;
        /* width: fit-content; */
        float: left;
        margin: 0px 2px 0px 0px;
        font-weight: bold;   
       
    }
    .sectionheading
    {
        font-size: 18px;
    }


    /* end demo only */
.mobile-bottom-nav {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    will-change: transform;
    transform: translateZ(0);
    display: flex;
    height: 70px;
    box-shadow: 0 -2px 5px -2px #333;
    background-color: #061D2D;
    border-radius: 20px 20px 0px 0px;
    padding:10px 10px 0px 10px;
  }
  .mobile-bottom-nav__item {
    flex-grow: 1;
    text-align: center;
    font-size: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color:#EAEAEA;
    text-transform: uppercase;

  }
  .mobile-bottom-nav__item--active {
    color: #E52000;
    border-bottom:4px solid #E52000;
  }
  .mobile-bottom-nav__item-content {
    display: flex;
    flex-direction: column;
  }
}