@media (min-width: 992px) {
    @media (min-width: 992px) {
        .typo-line {
            padding-left: 140px;
            margin-bottom: 40px;
            position: relative;
        }

        .typo-line .category {
            transform: translateY(-50%);
            top: 50%;
            left: 0px;
            position: absolute;
        }
    }

    .all-icons [class*="pe-"] {
        font-size: 40px;
    }

    .all-icons input {
        border: 0;
    }

    .all-icons .font-icon-detail {
        text-align: center;
        padding: 45px 0px 30px;
        border: 1px solid #e5e5e5;
        border-radius: 6px;
        margin: 15px 0;
    }

    .all-icons .font-icon-detail input {
        margin: 25px auto 0;
        width: 100%;
        text-align: center;
        display: block;
        color: #aaa;
        font-size: 13px;
    }

    #map {
        position: relative;
        width: 100%;
        height: calc(100% - 60px);
    }

    .places-buttons .btn {
        margin-bottom: 30px
    }

    /* ADD ADD */
    #delete {
        cursor: pointer;
    }

    .container1 {
        width: 100%;
        margin: 40px auto;
    }

    @media (min-width: 768px) {
        .container {
            /*max-width: 730px; */
        }
    }
    .container-narrow > hr {
        margin: 30px 0;
    }

    /* Main marketing message and sign up button */
    .jumbotron {
        text-align: center;
        border-bottom: 1px solid #e5e5e5;
    }

    .jumbotron .btn {
        padding: 14px 24px;
        font-size: 21px;
    }

    /* Supporting marketing content */
    .marketing {
        margin: 40px 0;
    }

    .marketing p + h4 {
        margin-top: 28px;
    }

    .myn-follow {
        padding: 2px;
        font-size: 15px;
        font-weight: bold;
        border: 0;
        color: #004c80;
        opacity: 0.9;
    }

    .myn-follow .pe-7s-loop {
        font-size: 30px;
        vertical-align: middle;
        opacity: 1;
    }

    .thumbnail {

        margin-bottom: 0 !important;

    }

    .card-user span {
        font-size: 12px;
        font-weight: 700;
        color: #353535;
    }

    .card-user .col-md-4 {
        text-align: center;
        padding: 0;

    }

    .card-user .row {

        margin: 0;

    }

    .text-muted i, .pull-right.text-muted {

        font-size: 11px;
        float: right;
        margin-left: 5px;
        color: #336F99;
        cursor: pointer;
    }

    .text-muted {
        text-align: center;

    }

    .text-muted .pe-left {
        float: left;

    }

    .text-muted .pe-center {
        float: none;

        /* font-size: 24px; */
        margin: 0;
    }

    .text-muted i:hover, .pull-right.text-muted:hover {

        color: #004c80;
    }

    .search-menu {
        width: 300px;

        margin-left: 50px;
    }

    .search-menu-input {
        margin: 15px 3px;
    }

    .text-muted i:before {

        font-size: 19px;
        vertical-align: middle;

    }

    .media-left img {
        max-width: 40px;
        border-radius: 100%;
    }

    #button i:before {

        font-size: 20px;
        vertical-align: middle;

    }

    .btn-myn {
        background: #004c80;
        color: #fff;
    }

    .media {
        /* margin-left: 80px !important; */
    }

    .thumbnail h3 {
        font-size: 16px;
        color: #004c80;

    }

    .thumbnail p {
        font-size: 13px;

    }

    .sidebar {

        /* background-size: cover; */

    }

    .myn-not-follow {
        padding: 2px;
        font-size: 13px;
        font-weight: bold;
        border: 0;
        color: #004c80;
        opacity: 0.9;
    }

    .myn-not-follow .pe-7s-loop, .myn-not-follow .pe-7s-users, .fa-big:before {

        font-size: 25px;
        vertical-align: middle;

    }

    .card-bottom {
        position: absolute;
        bottom: 0;
        width: 100%;
        background: rgba(51, 111, 153, 0.4);
    }

    .card-bottom .title {
        font-size: 20px;
        font-weight: 700;
        color: #FFF;
    }

    .fa-post {
        right: 0;

    }

    .fa-med:before {

        font-size: 18px;
        vertical-align: middle;

    }

    .card-white {
        background-color: #fff !important;

    }

    .fa-big:before {

        font-weight: 700;

    }

    .wrap {
        background-color: #F2F4F7;
        background-image: url(/assets/img/pattern5.png);
        background-repeat: repeat;

    }

    .title {
        border: none;
    }

    .well {

    }

    .well p, .well a {
        font-size: 13px;
        font-weight: 600;
        color: rgb(51, 111, 153);
    }

    .well a:hover {
        color: #004c80;
    }

    .logo img {
        vertical-align: middle;
        border: 5px solid rgba(255, 255, 255, 0.23);
        box-sizing: content-box;

    }

    .media-body .text-muted {
        margin-top: 10px;
        color: #004c80;
    }

    #navbar-right > li > a [class^="fa"] {
        font-size: 17px;
        position: relative;
        line-height: 16px;
        top: 1px;
    }

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

        /* Remove the bottom border on the jumbotron for visual effect */
        .jumbotron {
            border-bottom: 0;
        }
    }


    .resume-format {
        text-align: initial;
        display: block !important;
        margin: 0 !important;
        vertical-align: top;
        height: 100% !important;
        max-width: 100% !important;
    }

    .description .fa.pull-left {
        margin-right: 0.4em !important;
    }

    .description .btn {
        font-size: 12px;

    }

    .description strong {
        line-height: 22px;

    }

    .popover-follow {

        cursor: pointer;

        padding: 0;
    }

    .followers-suggestion {
        margin: 5px 0;

    }

    .followers-suggestion .media-heading {

        color: #333;

    }

    .followers-suggestion h4 {

        font-size: 16px;

    }

    .posts-infos {
        margin-bottom: 5px;
    }

    .text-muted span {
        vertical-align: middle; /* color: #FF8600; */
        font-weight: 600;
        margin-left: 3px;
        margin-right: 5px;
        font-size: 10px;
    }

    .text-muted .pe-center:before {
        font-size: 28px;
        vertical-align: middle;
    }

    .form-comment {

        height: 40px !important;

    }

    .dropdown-menu > li > a > i {

        font-size: 15px;
    }

    div.panelblog-add-article {
        width: 100%;
        z-index: 8;
        position: absolute;
        left: -782px;
        background: #fff;
        color: #000;
        float: left;
        min-height: 300px;
        padding: 15px;
    }

    .tt {
        position: absolute;
        right: -160px;
        font-size: 12px;
        width: 160px;
        /* z-index: 999; */
        margin: 0;
        text-transform: uppercase;
        padding: 0;
        /* border-radius: 0 15px 15px 0; */
        text-align: center;
        font-size: 11px;
        font-weight: 600;
        line-height: 40px;
        color: rgba(255, 255, 255, 0.91);
        height: 40px;
        background: rgb(51, 111, 153);
        top: 0;
    }

    .tt img {
        width: 40px;
        height: 40px;
        float: left;
    }

    .tt .form-control {
        border-radius: 0;
    }

    .file-load {

        font-size: 11px !important;
    }

    a#slide:hover, a#slide:focus {
        color: #fff;
        background: rgba(51, 111, 153, 0.83);
    }

    .btn-blue {

        background: #336F99;
        color: #fff;
        font-weight: 600;
        font-size: 13px;
        border: none;
        border-radius: 0px;
    }

    .btn-transparent {
        border-radius: 0px;
        font-weight: 600;
        margin-right: 15px;
        border: 1px solid #336F99;
        font-size: 13px;
    }

    .media-left-blog {
        display: table-cell;
        font-size: 13px;
        vertical-align: top;
        max-width: 100px;
        border-radius: 0;

    }

    .media-left-blog img {
        padding-right: 10px;
        max-width: 100px;
        border-radius: 0;
    }

    .sidebar-wrapper-comp p {
        color: #636363;
    }

    .sidebar-wrapper-comp .panel.panel-default.dpwidget li {
        color: #004c80;
    }

    .recrutor-suggestion .media {

        padding: 10px 0;

    }

    .recrutor-suggestion span {

        color: #fff;

    }

    .company-page-user .fa-pencil, .company-page-user .pe-7s-close {
        display: none;

    }

@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);


    .myn *, .myn *:after, .myn *:before {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .myn a {
        text-decoration: none;
        outline: none;
    }

    .myn a img {
        border: none;
    }

    .myn .caption {
        -webkit-backface-visibility: hidden; /* prevent flash when embedding fiddle */
        display: inline-block;
        position: relative;
        margin: 10px;
        overflow: hidden;
        background: #000;
    }

    .myn .caption img {
        display: block;
        max-width: 100%;
        -webkit-transition: opacity 0.3s ease-in-out;
        -moz-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
    }

    .myn .caption:hover img {
        opacity: 0.5;
    }

    .myn .caption::after,
    .myn .caption::before {
        position: absolute;
        width: 100%;
        height: 50%;
        color: #fff;
        left: 0;
        z-index: 1;
        -webkit-transition: -webkit-transform 0.3s ease-in-out;
        -moz-transition: -moz-transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out;
    }

    .myn .caption::after {
        content: attr(data-title);
        top: 0;
        background: #0083ab;
        font-size: 40px;
        font-weight: 300;
        padding: 30px;
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    .myn .caption::before {
        content: '...' attr(data-description) '...';
        top: 50%;
        background: #f27545;
        font-size: 14px;
        /* left: 0; */
        padding: 20px;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        transform: translateY(100%);
    }

    .myn .caption:hover::after,
    .myn .caption:hover::before {
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        transform: translateY(0%);
    }

    .tool-format {

        font-size: 18px;
        padding: 12px 0 0px;
        display: block;

    }

    .tool-format i {

        vertical-align: middle;
        cursor: pointer;
        opacity: 0.8;
        margin-right: 4px;
    }

    .tool-format i:hover {

        opacity: 1;
    }

    .tool-format small {
        font-size: 13px;
        margin-right: 5px;
        font-weight: 500;
        color: #444444;
        vertical-align: middle;
    }

    .author h4 {

        font-size: 20px;
    }

    .recru-suggestion .col-xs-6 {
        padding: 0;

    }

/*.form-wall-post {

    padding: 20px;
    background: rgba(51, 111, 153, 0.1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(63, 63, 68, 0.1);


}*/

/*.followers-post {

display:none;

}*/