/* mobile ===============================================================*/

@media only screen and (max-width:575px) {
    .box {
        border-radius: 0;
    }
    h2.title {
        margin: 20px 0;
    }
    .full-height-header {
        height: calc(100vh - 76px);
    }
    #dashboard .path #week7 {
        margin-bottom: 50px !important;
    }
    #home-page .app-download a:nth-child(1) {
        margin-right: 0;
        margin-bottom: 10px;
    }
    #dashboard .messages {
        bottom: 30px;;
        min-width: 50px;
        width: 130px;
        font-size: 12px;
        padding: 5px;
        left: 20px;
    }
    #dashboard .messages img {
        max-width: 30px;
		border-radius:100%;
    }
    #dashboard .messages .msg-text {
        max-width: 130px;
    }
    #dashboard .messages::after {
        bottom: -16px;
        border-width: 10px;
    }
    #dashboard .messages::before {
        bottom: -22px;
        border-width: 11px;
    }
}

@media only screen and (max-width:380px) {
    h2.title {
        margin: 20px 0;
        font-size: 23px;
    }
    #sidebar .toggle {
        font-size: 23px;
    }
    .full-height-header {
        height: calc(100vh - 66px);
    }
    .nav-tabs .nav-link {
        font-size: 15px;
    }
    .form-check-label {
        font-size: 14px;
    }
    #myprofile .btn-group .btn {
        font-size: 12px;
    }
    .header-bg-shape img {
        width: 90px !important;
    }
}