@media (min-width: 300px) and (max-width: 575px) {
    /****************** 
        product page 
    *******************/
    .demo-section-top h4.demo-text {
        padding-left: 15px !important;
    }
    .demo-section-top .btn-div {
        margin-left: 11px;
        margin-top: -10px;
    }
    .user-list-text {
        margin-right: 46px;
    }
    .sidebar {
        width: 100% !important;
    }
    .sidebar .user-info {
        padding: 35px 30px !important;
    }
    .main-content {
        width: 93% !important;
    }
    span.company-name {
        display: none;
    }
    .custom-ham {
        font-size: 20px !important;
    }
}

@media (min-width: 501px) {
    /****************** 
        product page 
    *******************/
    .demo-section-top h4.demo-text {
        padding-left: 15px !important;
    }
    .demo-section-top .btn-div {
        margin-left: auto;
        padding-left: 15px;
        margin-top: -15px;
    }
}

@media (max-width: 575px) {
    /****************** 
        Dashboard 
    *******************/
    .sidebar .user-info i,
    .user-helper-dropdown {
        font-size: 17px !important;
    }
    .sidebar .user-info .info-container .name {
        display: none;
    }
}


/*****************
    576px - 800px
******************/

@media (min-width: 576px) and (max-width: 800px) {}


/*****************
    800px - 1200px
******************/

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