/* media queries start */
@media (min-width:769px){
    .sidemenu11{
        display: none !important;
    }
   }
@media (min-width:720px) and (max-width:768px){
    .mat-card-subtitle{
        font-size: 10px !important;
    }
    .dash-user-title{
        font-size: 12px !important;
    }
}
@media (max-width:990px){
    .chart-name-start{
        padding-left: 40px !important;
    }
    .carousel .click-area i, .carousel .click-area1 i{
        padding:0px !important;
    }
    .hover-add-db{
        border-top: 1px solid #80808026 !important;
    }
}

@media(max-width:768px){
    .sidemenu22{
        display: none !important;
    }
    h3.dashboard1{
        padding-top:10px !important;
    }
    span.hr-title{
        font-size: 22px !important;
    }
    .catgry-form{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
    }
    .panel { margin-bottom: 0px !important;}
    h1 { font-size: 22px !important;  }
    h4 { font-size: 16px !important;  }
    .header-icons, .icon-notf1{
        margin-top: 5px !important;
        font-size: 20px !important;
    }
    .header-icons-input{
        margin-top: 5px !important;
        font-size: 20px !important;
    }
    .navbar-header{
        padding-left: 0% !important;
    }
    h3 {
        font-size: 18px !important;
    }
    .item-image{
        height: 100% !important;
        width: 100% !important;
        padding: 0px !important;
    }
}

@media (max-width:368px){
    h3, h4 {
        font-size: 14px !important;
    }
    .your-lib-charts{
        padding-left: 5px !important;
    }
    h4.chart-library{ padding: 5px 0px 0px 5px !important;  }
    .carousel{
        width: 100% !important;
    }
    .carousel .content{
        display: table-cell !important;
    }
    .item-image {
        height: 100%!important;
        width: 180px !important;
        padding: 0px !important;
    }
    .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img{
        max-width: 130px !important;
    }
    .row.margin15{
        margin: 0px !important;
    }
    .click-area, .click-area1{height: 13% !important;}

}
/* media queries end */