@media (max-width: 580px) {
    body > div.home > div.d-flex > div.container > div > div:nth-child(1) > div.Subscriptions.d-flex.flex-column.align-items-center.justify-content-between > div.mb-5{
        font-size: 23px;
    }
    body > div.home > div.d-flex > div.container > div > div.statics.justify-content-between{
        display: block!important;
    }
    body > div.home > div.d-flex > div.container > div > div.statics.d-flex.justify-content-between > div.statics-options > div{
        justify-content: center!important;

    }
    .statics .statics-options {
        width: 100%!important;
    }
    body > div.home > div.d-flex > div.container > div > div:nth-child(1) > div:nth-child(2) > div > img{
        width: 68%;
    }
    .user-name > div > div:nth-child(1) {
        font-size: 11px!important;
    }
    .user-name > div > div:nth-child(2) > span {
        font-size: .8rem!important;

    }
    body > div.home > div.d-flex > div.container > div > div:nth-child(1) > div:nth-child(2) > div > div{
        margin-top: -18px;
    }
    .Subscriptions {
        font-size: 0rem;
        letter-spacing: 0px!important;
    }
    .content {
        margin: 1rem!important;
    }
    .trends {
        width: 100%!important;
       
    }
    body > div.home > div.d-flex > div.container > div > div.new-subscribtion.d-flex.flex-column > h2{
        font-size: 1.3rem!important;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
    .trends-data{
        justify-content: center;
    }
    .trends{
        text-align: center;
    }
    .statics .trends > h2 {
        color: #13245a;
        font-weight: 400;
        font-size: 1.8rem!important;
    }
    body > div.home > div.d-flex > div.container > div > div.new-subscribtion.d-flex.flex-column > h2{
        text-align: center;
    }
}
@media (min-width: 576px) {
    .trends-data{
        justify-content: unset;
    }
    .trends{
        text-align: unset;
    }
}

@media (min-width: 768px) {
 
}
@media (max-width: 992px) {
      #wrapper {
          width: 0px !important;
      }
      #toggle-side-bar{
          display: block !important;
      }
}
@media (min-width: 992px) {

}

@media (min-width: 1200px) {
}

@media (min-width: 1400px) {
}