@media screen and (max-width: 1200px) {
    .login-header.login-caret{
        margin: 200px 0px 0 25% !important;
    }

    h2 {
        font-size: 13px!important;
    }

    h4 {
        font-size: 14px!important;
    }

    .func > a > i {
        font-size: 2.5rem!important;
    }

    .func {
        padding-left: 5px!important;
        padding-right: 5px!important;
    }

    .col-md-12 > a > i {
        font-size: 1.5rem!important;
    }

    .col-md-5 {
        padding-left: 2%!important;
    }

    .profile-info > h4 {
        font-size: 12px!important;
    }

    #func_buttons {
        margin-top: -2px!important;
        padding-top: 7%;
        padding-bottom: 12%;
    }

    #dashboard_name{
        font-size: 11px!important;
    }

    .title{
        font-size: 11px!important;
    }
}


@media screen and (max-width: 768px) {
    .login-header.login-caret{
        margin: 200px 0px 0 25% !important;
    }

    h2 {
        font-size: 13px!important;
    }

    h4 {
        font-size: 14px!important;
    }

    .func > a > i {
        font-size: 2.5rem!important;
    }

    .func {
        padding-left: 5px!important;
        padding-right: 5px!important;
    }

    .col-md-12 > a > i {
        font-size: 1.5rem!important;
    }

    .profile-info > h4 {
        font-size: 12px!important;
    }

    #func_buttons {
        margin-top: -2px!important;
        padding-top: 7%;
        padding-bottom: 12%;
    }

    .main-content {
        padding-left:0!important;
        padding-right:0!important;
    }

    .col-md-8 {
        padding-left:5px!important;
        padding-right:5px!important;
    }

    .col-md-7{
        padding-left:5px!important;
        padding-right:5px!important;
    }

    .col-md-7 > .row{
        padding: 4px 0px!important;
    }

    .col-md-5{
        padding-left:5px!important;
        padding-right:5px!important;
    }

    .col-md-5 > .row{
        padding: 4px 0px!important;
    }

    .row {
        margin-left: -15px;
        margin-right: 0px!important;
    }

    span {
        font-size: 12px!important;
    }

    #status_bar > span > a > i {
        font-size: 1.5rem!important;
    }

    li > a > i:not(.user_img) {
        font-size: 1.5rem!important;
    }

    .user_img{
        font-size: 2.5rem!important;
    }

    .func > a > h2 {
        padding: 1%!important;
    }

    #dashboard_name{
        font-size: 10px!important;
    }
}