@media screen and (max-width: 1999px) {
.row{
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
    justify-content: center;
    align-items: center;
}

}


.row .cell{
    border-bottom: none !important;
}

#MetaBacktestSubNavLogoID{
    display: block;
}
#MetaBacktestNavLogoID{
    display: none;
}


/* ========================= Responsive Starts ============================== */


@media only screen and (max-width: 1170px){
    
    .container-table100{
        padding: 30px 90px !important;
    }
  }




  
@media only screen and (max-width: 1086px) {
  
    .row{
        justify-content: flex-start !important;
        margin-left: 1.1rem !important;
    }

    #DateCellID{
        display: none !important;
    }

    
  }

  @media only screen and (max-width: 1044px) {
    
    .row{
        margin-left: 2.5rem !important;
    }

    #LowBoxesContID{
        width: 696 !important;
    }
    
    .card-stats .card-body{
        padding: 1rem 3.1rem !important;
    }

    .container-table100{
        padding: 30px 58px !important;
    }
  }


  @media only screen and (max-width: 965px) {

    #ActionsCellID{
        display: none !important;
    }

    .sstat-up{
        width:560px !important;
        margin: auto;
    }

    #CardContID{
        display: flex !important;
        flex-direction: column !important;
        width: 499px !important;
        margin: auto !important;
    }

    .container-table100{
        padding: 30px 47px !important;
    }
  }

    @media only screen and (max-width: 837px) {
    
        .container-table100{
            padding: 30px 37px !important;
        }
    }

    @media only screen and (max-width: 817px) {
    
        .container-table100{
            padding: 30px 30px !important;
        }
    }

    @media only screen and (max-width: 797px) {
        #SymbolCellID{
            display: none !important;
            
        }

        .container-table100{
            padding: 30px 20px !important;
        }

    
    }
    
 @media only screen and (max-width: 767px) {

    #DashNavID{
        width: calc(100% - 0px) !important;
        float: right !important;
        flex-direction: row-reverse !important;
        z-index: 99;
    }
    #MetaBacktestSubNavLogoID{
        display: none;
    }
    #MetaBacktestNavLogoID{
        display: block;
        margin-left: 3rem;
    }
    
    #SideTxtChild-1{
        transform: rotate(0deg) !important;
    }
    
    
  }

 @media only screen and (max-width: 620px) {
    #CardContID{
        width: 299px !important;
    }
    #LowBoxesContID{
        width: 350px !important;
    }
    
  }


  
  @media only screen and (max-width: 585px) {


    #DashNavID{
        width: calc(100% - 0px) !important;
        float: right !important;
        flex-direction: row-reverse !important;
        z-index: 99;
    }

    #MetaBacktestNavLogoID{
        /* position: fixed !important; */
        left: 6.5rem !important;
        width:144px !important;
        margin-left: 20px !important;
        margin-top: 3px;
    }
    

    .sstat-up{
        width:310px !important;
        margin: auto;
        margin-left: 2.8rem !important;
        font-size: 0.9em !important;
    }

    .sstats div span:nth-child(2){
        left: 20% !important;
    }

  

    .card-stats .card-body{
        padding: 1rem 9px !important;

    }

    #PlanRowID{
        margin-left: 0 !important;
    }

    #BacktestsRowID{
        margin-left: 0 !important;
    }

    #AmpPlanRowID{
        margin-left: 0 !important;
    }

    #LowBoxesContID{
        width: 212px !important;
    }

    .navbar-light .navbar-toggler{
        width: 50px !important;
    }


  }


  
  /* // For 320px deviced ie iphone 5 */
 @media only screen and (max-width: 381px) {
    .sidebar.close ~ .home{
        width: calc(100% - 11.8px) !important;
    }

    .home{
        width: calc(100% - 173px) !important;
    }

    .row>*{
        padding-left: calc(var(--bs-gutter-x) * 1.3) !important;
        max-width: 440px !important;
        width: 304px !important;
    }

    #PlanRowID{
        flex-direction: column-reverse !important;
    }
    
    #BacktestsRowID{
        flex-direction: column-reverse !important;
    }

    #AmpPlanRowID{
        flex-direction: column-reverse !important;
    }
    
    #CardContID{
        width: 282px !important;
    }
    .content-main{
        margin-left: 2rem !important;
    }
    

  }






  

/* ========================= Responsive Ends ============================== */