@media (min-width: 992px) {
    .panel-portfolio .career-time,
    .panel-portfolio .career-city,
    .panel-portfolio .project-time,
    .panel-portfolio .object-project .link {
        text-align: right;
    }

    /*.list-latest-news .thumbnail img {
        max-width: 170px;
    }*/

}

@media (min-width: 768px) {
    .modal-help {
        position: fixed;
        top: auto;
        right: 0;
        bottom: 0;
        left: auto;
        z-index: 1;
    }

    .modal-help .modal-dialog {
        max-width: 275px;
        margin: 15px 0 0 15px;
    }

    .modal-help .modal-content {
        border-radius: 3px;
        border: none;
    }

    /****home**/

    .navbar-inverse .nav > li .text-block {
        display: block;
    }
}

@media screen and (max-width: 991px) and (min-width: 768px)  {

}


@media (max-width: 1250px) {
    .modal-account.modal-belief .modal-body {
        padding:  0 40px;
    }
}

@media (max-width: 1199px) {
    .section-content .row-content.margin-bottom {
        margin-bottom: 0;
    }

    .section-content .block-content {
        margin-bottom: 15px;
    }

    .block-content .belief-pyramid {
        margin-top: 0;
    }

    .block-content-medium {
        padding: 30px;
    }
}

@media (max-width: 1023px) {
    .col-fixed-530 {
        width: 350px;
        -moz-transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

    .col-offset-530 {
        padding-left: 350px;
    }

    .page-account .header ~ form {
        width: 400px;
    }

    .page-account .modal-account {
        left: 350px;
    }

    .modal-account .modal-body {
        padding:  0 40px;
    }

    .modal-account .modal-header {
        padding: 35px 25px 20px 40px;
    }

    .modal-account .modal-footer {
        padding: 20px 40px 35px;
        text-align: left;
    }

    .media-custom .media-right {
        min-width: 155px;
    }

}

@media (max-width: 991px) {
    .row-eq-height {
        display: block;
    }

    .row-eq-height > div:first-child {
        margin-bottom: 15px;
    }

    .page-account .header ~ form {
        width: 350px;
    }

    .page-account .modal-account {
        left: 0;
    }

    .btn-176x60 {
        min-width: 142px;
        min-height: 46px;
        line-height: 46px;
        font-size: 12px;
    }

    .page-account .header {
        margin-right: 15px;
    }

    #navbar .nav>li.dropdown .dropdown-menu {
        left: 0;
    }

    #navbar .dropdown-notification~.dropdown-menu:before {
        right: auto;
        left: 20px;
    }
    /***media custom***/
    .media-custom {
        /* text-align: center; */
        margin-bottom: 50px;
    }

    .media-custom:last-child {
        margin-bottom: 10px;
        border-bottom: none;
    }

    .media-custom .media-left,
    .media-custom .media-right,
    .media-custom .media-body {
        display: block;
    }

    .media-custom .media-body {
        width: auto;
    }

    .media-custom .media-heading span {
        float: none !important;
        display: block;
        margin-top: 10px;
    }

    .media-custom img {
        margin: 0 auto 30px;
    }

    .media-custom .media-right {
        text-align: center;
        margin-top: 15px;
    }

    /***page belief**/
    .page-belief .belief-pyramid {
        background-size: 350px 248px;
        width: 350px;
        height: 248px;
    }

    .page-belief .group-btn {
        max-width: 400px;
    }

    .page-belief .belief-pyramid > div {
        height: 42px;
        line-height: 46px;
    }

    .page-belief .belief-pyramid .belief-pyramid-vision {
        height: 82px;
        line-height: 115px;
    }

    /**page survey**/
    .page-portfolio .setup-content,
    .page-survey .panel-group-survey {
        padding: 0 30px;
    }

    /***book description**/
    .page-book-description .description {
        max-width: 100%;
    }

    /***job description**/
    .page-job-description .no-border {
        padding-top: 20px;
    }

    .page-job-description .no-border > div:first-child {
        margin-bottom: 0;
        padding-bottom: 15px;
    }

    .page-events-description .block-content-large .block-action,
    .page-job-description .no-border > div:first-child .block-action {
        text-align: center;
    }

     /***event description**/
    .page-events-description .block-content-large > div {
        width: 100%;
        text-align: center;
    }

    .page-events-description .content-description h4 {
        text-align: left;
    }

    .page-events-description .block-content-large .btn-apply {
        margin-bottom: 8px;
        max-width: 186px;
        margin: 20px auto 20px;
    }

    .page-events-description .block-event-time .time {
        margin-bottom: 0
    }

    .list-latest-news .thumbnail img {
        max-width: 170px;
    }

    .list-latest-news .thumbnail .caption {
        text-align: center;
    }

    .page-news-list .media-custom .link {
        float: left;
    }
}

@media (max-width: 980px) {
    .col-fixed-530 {
        display: none;
    }

    .col-offset-530 {
        padding-left: 0;
    }

}

@media (max-width: 767px) {

    .page-account .header ~ form {
        width: 475px;
    }

    .line-clamp {
        -webkit-line-clamp: 10;
    }

    .modal-help {
        padding-right: 0 !important;
    }

    .modal-help .modal-dialog {
        margin: 15px;
        height: calc(100vh - 30px);
    }

    .modal-help .modal-body,
    .modal-help .modal-content {
        height: 100%
    }

    .modal-help .wrapper-content {
        max-height: inherit;
        position: absolute;
        top: 0;
        bottom: 20px;
        overflow-y: auto;
        margin-top: 100px;
        padding-right: 15px;
    }

    /***home**/
    body.pad-top-80 {
        padding-top: 50px;
    }

    .navbar-fixed-top .navbar-collapse {
        max-height: inherit;
        height: 100% !important;
        display: block;
        position: fixed;
        background: #00afe9;
        border: none;
        top: 0;
        left: -100%;
        margin-left: 0;
        -moz-transition: all .3s ease;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        width: 100%;
    }

    .navbar-fixed-top .navbar-collapse.in {
        left: 0;
    }

    .navbar-inverse .navbar-toggle,
    .navbar-inverse .navbar-toggle:hover,
    .navbar-inverse .navbar-toggle:focus {
        background-color: #00afe9;
    }

    .navbar-inverse .navbar-toggle {
        border-color: #00afe9;
        border-radius: 0;
        height: 50px;
        text-align: center;
        padding: 9px 13px;
        margin: 0;
        float: left;
    }

    .logo-80x80 {
        background: none;
        width: 50px;
        height: auto;
        box-shadow: none;
        padding: 0;
        position: absolute;
        left: 50px;
        right: 0;
        margin: 4px auto 0;
    }

    .section-content .col-offset-80 {
        padding-left: 0;
    }

    .navbar-collapse  .profile-img {
        width: 50px;
        height: auto;
    }

    .navbar-collapse  .profile-img img {
        max-width: 100%;
    }

    .navbar-collapse .progress {
        display: block;
        margin-top: 5px;
    }

    .navbar-collapse .navbar-nav {
        float: none !important;
        text-align: left;
        padding: 10px 0 10px 25px;
        background: #fff;
        margin: 0 -15px;
    }

    .menu-header-mb {
        height: 40px;
        line-height: 40px;
        margin: 0 -15px;
        padding-left: 25px;
        background: #fff;
    }

    .menu-header-mb .icon-back {
        float: right;
        font-size: 24px;
        padding: 8px 10px;
        cursor: pointer;
    }

    .navbar-inverse .nav > li span {
        display: inline-block;
        vertical-align: middle;
    }

    .navbar-inverse .nav > li .text-block {
        margin-left: 35px;
    }

    #navbar .nav > li > a.dropdown-user {
        margin-bottom: 15px;
    }

    #navbar .navbar-nav > li > a {
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .menu-mb {
        margin: 0 -15px;
        padding-left: 25px;
        padding-top: 15px;
        background: #00afe9;
    }

    .menu-mb .nav a,
    .menu-mb .nav a:hover,
    .menu-mb .nav a:focus,
    .menu-mb .link-logout {
        color: #fff;
        background: transparent;
    }

    .menu-mb .link-logout:hover,
    .menu-mb .nav a:hover {
        opacity: .5;
    }

    .menu-mb .link-logout {
        margin-top: 20px;
        display: block;
        padding-bottom: 10px;
    }

    .section-content .page-header {
        padding-left: 15px;
    }

    #navbar .dropdown-notification ~ .dropdown-menu {
        margin-left: -30px;
        margin-top: 10px;
        margin-bottom: 10px;
        min-width: auto;
    }

    #navbar .dropdown-notification ~ .dropdown-menu:before {
        display: none;
    }

    #navbar .dropdown-notification ~ .dropdown-menu li {
        padding: 5px 30px;
    }

    #navbar .dropdown-notification ~ .dropdown-menu .description {
        padding-left: 70px;
    }

    /***book description**/
    .page-book-description .media .media {
        padding-left: 40px;
    }

    .page-book-description .media .time {
        float: none;
        text-align: right;
        margin-bottom: 10px;
    }

    .page-book-description .img-book {
        float: none;
    }

    .page-book-description .img-book,
    .page-book-description span.stars {
        margin: 0 auto;
    }

    .page-book-description .description,
    .page-book-description .content {
        padding-left: 0;
        text-align: center;
    }

    .page-book-description span.stars {
        margin: 15px auto;
        display: block;
    }

	.page-book-description .content h3 {
        margin-top: 15px;
        margin-bottom: 20px;
    }

    /** page profil belief **/
    .page-profil-belief .block-table-cell.col-img,
    .page-profil-v2 .block-table-cell.col-img,
    .page-profil-belief .list-comments-belief .media .media-left img,
    .page-profil-v2 .list-comments-belief .media .media-left img {
        display: none;
    }

    .page-profil-belief .list-comments-belief .media .media-left,
    .page-profil-v2 .list-comments-belief .media .media-left {
        border: none;
    }

    .page-profil-belief .group-text-btn .btn {
        padding: 5px 10px;
    }

    .page-profil-v2 .list-comments-belief .active-edit .comment-content {
        padding-right: 0;
    }

    /**page profil survey***/
    .page-profil-survey .panel-group-survey {
        padding: 0;
    }

    .wrapper-profil-private {
        top: 120px;
        right: 15px;
        left: 15px;
    }
}

@media (max-width: 700px) {
    .page-belief .block-create-new-belief .col-img {
        float: none;
    }

    .page-belief .block-create-new-belief .col-star {
        margin-left: 0
    }
}

@media (max-width: 600px) {
    /**page profil v2**/
    .page-profil-v2 .info-user .item-chart {
        margin: 0 auto 10px;
        padding-top: 18px;
    }

    .page-profil-v2 #chart_portfolio {
        margin-top: 0;
    }

    .page-profil-v2 .info-user .item-chart,
    .page-profil-v2 .info-user .group-survey .block-table-cell {
        display: block;
        width: 100%;
    }

    /**page profil survey***/
    .page-profil-survey .panel-survey .list-choice {
        padding: 0
    }

    .nav-profile {
        height: auto;
    }

    .nav-profile.nav-tabs > li {
        display: block;
    }

    .page-profil-v2 .panel-portfolio .object-career,
    .page-profil-v2 .panel-portfolio .object-project,
    .page-profil-v2 .object-img,
    .panel-portfolio .object-career,
    .panel-portfolio .object-project,
    .panel-portfolio .object-img {
        display: block;
    }

    .page-profil-v2 .object-img {
        text-align: center;
    }

    .panel-portfolio .object-career,
    .panel-portfolio .object-project,
    .page-profil-v2 .panel-portfolio .object-career,
    .page-profil-v2 .panel-portfolio .object-project {
        padding-left: 0;
        margin-top: 20px;
    }

    .panel-portfolio .object-img,
    .panel-portfolio .object-img span {
        margin: 0 auto;
    }

    .page-profil-portfolio .block-chart-trimester .action-chart select {
        margin-right: 0;
    }

    .page-history .list-plan .media-left,
    .page-history .list-plan .media-right,
    .page-history .list-plan .media-body {
        display: block;
    }

    .page-history .list-plan .media-left {
        margin-bottom: 15px;
    }
}

@media (min-width: 530px) {
    .section-content .breadcrumb {
        position: absolute;
        right: 15px;
        top: 50%;
        margin-top: -10px;
        padding: 0;
    }
}

@media (max-width: 529px) {
     .section-content .breadcrumb {
        display: block;
        margin-bottom: 0;
        padding: 0;
    }

    .wrapper-profil-private {
        top: 140px;
    }

    .training-score .date-range {
        text-align: center;
    }

    .training-score .media,
    .training-score .item-chart {
        display: block;
    }

    .training-score .item-chart {
        margin-top: 15px;
    }

    .training-score .media {
        max-width: 235px;
        margin: 15px auto 0;
    }

    .block-create-new-belief .col-img {
        float: none;
    }

    .block-create-new-belief .col-star {
        margin-left: 0
    }

    .training-score .media-left {
        min-width: 100px;
    }

    .training-score .media-left img {
        margin: 0 auto;
    }

    .page-home .block-content .belief-pyramid {
        margin-top: 15px;
    }
}

@media (max-width: 480px) {
    .padding-lr-60 {
        padding: 0 15px;
    }

    .block-content-medium {
        padding: 30px 15px;
    }

    /***page account**/
    .page-account .intro-information {
        font-size: 20px;
    }

    .page-portfolio .setup-content,
    .page-survey .panel-group-survey,
    .modal-account .modal-body {
        padding: 0 15px;
    }

    .page-account .header span {
        display: none;
    }

    .page-account .header {
        margin-top: 24px;
    }

    .page-account .logo {
        width: 125px;
        height: 100px;
        background-size: 125px 100px;
    }

    .page-account .block-table {
        padding-top: 50px;
    }

    /****page signup***/

    .page-signup .term-information {
        max-width: 230px;
        margin: 50px auto 0;
    }

     /***modal account**/
    .modal-account .modal-header {
        padding: 35px 15px 20px;
    }

    .modal-account  .modal-dialog {
       margin: 15px;
    }

    .modal-account .modal-footer {
        padding: 20px 15px 35px;
    }

    /***page belief**/
    .page-belief .belief-pyramid {
        background-size: 291px 215px;
        width: 291px;
        height: 215px;
    }

    .page-belief .group-btn {
        max-width: 300px;
    }

    .page-belief .belief-pyramid .belief-pyramid-vision {
        height: 72px;
        line-height: 105px;
    }

    .page-belief .belief-pyramid > div {
        height: 36px;
        line-height: 38px;
    }

    .modal-belief .modal-body .form-group {
        margin-bottom: 50px;
    }

    .modal-belief .modal-body label {
        font-size: 15px;
        margin-bottom: 10px;
    }

    .modal-belief .modal-footer {
        padding-top: 0;
    }

    /***book description**/
    .page-book-description .media .media-left {
        display: block;
    }

    .page-book-description .media .media-body .media-object {
        display: inline-block;
        margin-right: 15px;
    }

    .page-book-description .media .media-body .comment-content {
        margin-top: 30px;
    }

    .page-book-description .media .media .media-left{
        display: none;
    }

    .page-book-description .media .media-left {
        border-right: 1px solid #ccc;
        border-bottom: none;
    }

    .page-book-description .media .media {
        padding-left: 0;
        margin-top: -1px;
    }

    .page-book-description .media:first-child {
        margin-bottom: 50px;
    }

    .page-book-description .media .info-user {
        max-width: 165px;
        margin: 0 auto;
    }

    #modal_share .modal-header {
        padding: 0 15px;
    }

    #modal_share .modal-header h2 {
        font-size: 20px;
    }

    #modal_share .modal-header h4 {
        font-size: 14px;
    }

    #modal_share .modal-header .close {
        margin-top: 16px;
        font-size: 14px;
    }

    #modal_share .modal-body,
    #modal_share .modal-footer {
        padding-left: 15px;
        padding-right: 15px;
    }

    #modal_share .form-inline .form-group > label {
        display: block;
        text-align: center;
        line-height: 1;
    }

    #modal_share .form-inline .form-control {
        width: 100%;
    }

    #modal_share textarea.form-control {
        height: 100px;
    }

    /**page profil survey***/
    .page-profil-survey .panel-survey .question-number {
        display: none;
    }

    .page-profil-survey .panel-survey .question-content .question-number {
        display: inline-block;
        width: auto;
    }

    .page-profil-survey .panel-survey .question-content-and-answer {
        padding: 0;
    }

    .page-profil-survey .panel-survey .panel-body {
        border: none;
    }

    .table-portfolio .current .up {
        display: block;
        margin-left: 0;
        top: 0;
    }

    .page-profil-belief #lastUpdated .block-table-cell {
        display: none;
    }

    /****page news description****/
    .page-news-description .block-content-medium h2 {
        padding: 0;
        font-size: 26px;
    }

    .section-content .block-content .chart-description {
        display: none;
    }

    .page-profil-portfolio .block-content {
        padding: 0 20px;
    }

    .page-profil-belief-new .item-new-belief .media-left,
    .page-profil-belief-new .item-new-belief .media-right,
    .page-profil-belief-new .item-new-belief .media-body {
        display: block;
    }

    .page-profil-belief-new .item-new-belief .media-body {
        text-align: center;
        padding-right: 0;
    }

    .item-new-belief .media-body .tag img {
        margin-top: -3px;
        float: none;
    }

    .page-profil-belief-new .item-new-belief .media-left {
        margin-bottom: 15px;
    }

    .page-profil-belief-new .item-new-belief .media-left img {
        margin: 0 auto;
    }

    .block-right .item-new-belief .action a {
        padding-left: 10px;
    }

    .item-new-belief .media-body {
        width: auto;
    }

    .block-create-new-belief .group-btn {
        padding: 0;
    }

}

@media (max-width: 400px) {

    .section-content .list-latest-news,
    .section-content .list-recommend,
    .page-profil-belief .block-content-large,
    .page-profil-belief .block-content-large .panel-body,
    .page-profil-belief .block-content-large .panel-heading,
    .page-profil-belief .list-comments-belief .block-table,
    .page-profil-portfolio .block-content-medium {
        padding-left: 0;;
        padding-right: 0;
    }

    .block-portfolio .block-content {
        padding-left: 15px;
        padding-right: 15px;
    }

    /****page news description****/
    .page-news-description .block-content-medium h2 {
        padding: 0;
        font-size: 20px;
    }

    .page-news-description .block-content-medium .col-lg-offset-2 {
        padding: 0;
    }

    .form-note .group-btn .btn {
        margin-left: 0px;
    }

    .section-content .page-home .block-content {
        padding: 15px;
    }

    .section-content .page-home .training-score {
        padding-top: 0;
    }

    .training-score .media {
        padding-left: 0;
    }

    .block-career .bg-career {
        margin-left: -15px;
        margin-right: -15px;
    }

    .page-history .section-content .block-content {
        padding: 15px 10px;
    }

    .page-profil-belief-new .group-belief label {
        font-size: 15px;
    }

    .page-profil-belief-new .group-belief label img {
        margin-right: 10px;
    }

    #modal_share .modal-header,
    #modal_apply .modal-header,
    #modal_share .modal-body,
    #modal_apply .modal-body,
    #modal_share .modal-footer,
    #modal_apply .modal-footer {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (max-width: 359px) {
    .block-create-new-belief .group-btn {
        text-align: center;
    }

    .block-create-new-belief .group-btn .btn-primary {
        float: none !important;
        margin-top: 10px;
    }

    #modal_share .btn-176x60,
    #modal_apply .btn-176x60 {
        min-width: 120px;
    }
}

@media (max-width: 320px) {
    /***page account**/
    .page-account .intro-information {
        font-size: 18px;
    }

    .modal-account .btn-176x60,
    #modal_share .btn-176x60 {
        min-width: 125px;
    }

    .panel-survey .list-choice {
        padding: 0;
    }

    .block-create-new-belief .group-btn,
    .object-skill {
        text-align: center;
    }

    .form-note .group-btn .btn {
        margin-left: 0px;
    }

    .modal-belief .modal-body .form-group img {
        margin-right: 10px;
    }

}