.skills a {position: relative; margin: 5px 0px 5px 0;padding-right: 6px; height: 20px; float: left; cursor: pointer;}
.skills div {color: #0fe19b; font-size: 13px; font-weight: 400; text-decoration: none;border: 1px solid #0fe19b; border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius:3px; padding: 1px 9px 3px 9px;line-height: 20px;height: 19px;}
.lightbox .lb-image {max-width: inherit}

.main_content.content-fix{padding-top: 123px}
/*.main_content.main-content-fix-admin{padding-top: 118px}*/
.show_portfolio { background: #F5F5F5;}
.show_portfolio .portfolio-description, .show_portfolio .portfolio-url { margin: 5px 0px;}
.show_portfolio .img-profile { margin: 25px 0px;text-align: center; height: 100%;}
.show_portfolio .previous-portfolio a, .show_portfolio .next-portfolio a{ text-decoration: none;color: #32be64;vertical-align: middle;}
.show_portfolio .next-portfolio{ float: right;margin-right: 0;}
.show_portfolio .previous-portfolio{float: left;margin-left: 0;}
.show_portfolio .previous-portfolio, .show_portfolio .next-portfolio{ width: 17%;border: 1.5px solid #32be64;border-radius: 3px;color: #32be64;text-align: center;padding: 10px 0px;}
.show_portfolio .icon-previous-portfolio, .show_portfolio .icon-next-portfolio,.show_portfolio .next-portfolio b,.show_portfolio .previous-portfolio b{color: #32be64;vertical-align: middle;}
.show_portfolio .portfolio-file-info{border: 2.4px solid #e5e5e5;border-radius: 5px;margin: 25px 0px;background: #fff;}
.show_portfolio .portfolio-file-info-banner{border-bottom: 1.9px solid #e5e5e5;padding-left: 50px;padding-top: 10px;padding-bottom: 10px;}
.show_portfolio .portfolio-file-info-download{padding-left: 50px;}
.show_portfolio .portfolio-file-info-icon, .show_portfolio .portfolio-file-info-name,.show_portfolio .portfolio-file-info-download-button{float: left;margin-top: 20px;}
.show_portfolio .portfolio-file-info-icon{width: 5%;}
.show_portfolio .portfolio-file-info-name{width: 65%;}
.show_portfolio .portfolio-file-info-download-button{border-radius: 5px;padding: 10px 20px; margin: 10px; margin-left: 75px; background: #33cc66;color: #ffffff;border: 1px solid #32be64;cursor: pointer;}
.show_portfolio .portfolio-file-info-download-button a{text-decoration: none;color: #ffffff;}

.show_portfolio .freelancer-name a {color: #333}
.freelancer-name h4{font-size: 20px;font-weight: 600;display: inline}
.show_portfolio .avata-right,.show_portfolio .freelancer-name, .show_portfolio .freelancer-title,.show_portfolio .show-freelancer,.show_portfolio .freelancer-skill{text-align: center;margin-top: 40px;margin-bottom: 25px}
.show_portfolio .avata-right img{ border-radius: 50%;width: 160px;height: 160px;margin: 0px auto;}
.show_portfolio .show-freelancer a{background: #2DB964;color: #ffffff;text-shadow: none;font-size: 16px; border: none;padding: 11px 26px;}
.show_portfolio .show-freelancer a:hover{background: #2da764;color: #ffffff;}
.line-break-url {word-wrap: break-word}

/* freelacer view */
.guider-block {border: 1px solid #f0f0f0;margin-left: 0px;margin-top: 29px;background-color: #fafafa;min-height: 246px;}
.guider-block {border: 1px solid #f0f0f0;margin-left: 0px;margin-top: 29px;background-color: #fafafa;min-height: 246px;}
.guider-block.span12 {margin-left: 0px;}
.guider-block .accordion .accordion-group {border:none;}
.guider-block .accordion-inner {border: 0px;}
.guider-block .accordion-inner .information {font-weight: 600;}
.guider-block .accordion-heading a:hover {color: #acacac;}
.guider-block .accordion-heading a:hover img {opacity: 0.5;-webkit-transition: all .15s linear;}
.guider-block .accordion-heading img {padding-bottom: 2px;padding-left: 3px;}
.guider-block .accordion-heading .accordion-toggle {font-size: 14px;font-weight: 600;color: #252525;text-transform: uppercase;padding-right: 0px; padding-left: 8px;}
.guider-block .content.inner {padding-left: 12px;padding-top: 16px; padding-bottom:10px;}
.guider-block .content.inner img {border: solid #e6e6e6 1px; border-radius: 5px;}
.guider-block .content.detail h4 {font-family: 'Open Sans',sans-serif; font-weight: 600;}
.guider-block .content.detail h4 b {font-weight: 700;}
.guider-block .content.detail a {font-weight: 600;}
.guider-block .content.detail .icon-question-sign {margin-top: 3px;}
.guider-block .content.detail ul {margin-top: 43px;margin-bottom: 30px;}
.guider-block .content.detail ul li {margin-bottom: 8px;}
.guider-block .content.detail .project .code {padding-left: 3px;}
.guider-block .content.detail .note {margin-top:43px;}
.guider-block .content.detail .note li {margin-bottom: 8px;}
.guider-block .content.detail .note ul li {margin-left: 0px;}
.guider-block .project {padding-left: 9px;}
.guider-block .project ul span, .guider-block .project span.code {font-size: 24px;font-weight: 600;color: #0088cc;}
.guider-block .sub-info {float:right; padding-right: 15px; padding-bottom: 7px;margin-top: 20px;color: #b6b6b6;}
.guider-block .sub-info a {font-weight: 600;}
.block-feature-freelancer.container {margin-right:auto;margin-left:auto;min-width:initial;}
.block-feature-freelancer .guider-block {background-color:#fffff0;border-color:#fee020;padding:20px;}
.block-feature-freelancer .container-image img {border: solid #e6e6e6 1px;border-radius: 5px;}
.block-feature-freelancer .guider-block-right {padding-left:20px;padding-right:18px;}
.block-feature-freelancer .guider-block h4 {margin-top:0px;font-family:'Open Sans',sans-serif;font-size:20px;font-weight:400;line-height:30px;}
.block-feature-freelancer .guider-block span {font-weight: 700;color: #333333;}
.block-feature-freelancer .guider-block .cta-button {margin-top: 25px;}
.block-feature-freelancer .guider-block .cta-button a {font-size: 16px; padding: 8px 0}
.block-feature-freelancer .guider-block .fa {margin-right:5px;}

/* Nổi bật hồ sơ freelancer */
.modal-paysms.modal-new {display:none;}
.modal-paysms p.first, .popup-login p.first {  font-family: 'Open Sans',sans-serif; font-size: 14px;}
.modal-paysms .seconde, .popup-login .seconde {text-align: center;}
.modal-paysms .span3.btn-connect, .popup-login .span3.btn-connect {float: left; width: 89%; padding: 20px 25px;}
.modal-paysms p, .popup-login p {text-align: center;}
.modal-paysms .job-login-socail, .popup-login .job-login-socail {height:initial;margin: initial;float: initial;text-align: center;}
.modal-paysms .btn-create-account, .popup-login .btn-create-account {text-align: center;margin-bottom: 25px;}
.modal-paysms .btn-create-account a, .popup-login .btn-create-account a {padding: 11px 30px;}
.modal-paysms .click-contact, .popup-login .click-contact {padding: 25px 30px;}
/*.modal-paysms .click-contact, .popup-login .click-contact {padding: 35px 30px;}*/ /* SMS */
.modal-paysms .click-contact .button-group, .popup-login .click-contact .button-group {margin-top: 40px;}
.modal-paysms .click-contact input {text-align: center; font-size: 20px;line-height: initial;}
.modal-paysms .load-spinner {display: none; position:absolute;width:750px;height:100%;z-index:100;background-color:rgba(256,256,256,0.7)}
.modal-paysms .load-spinner img {width:32px;margin:200px 345px;height:32px;padding:14px;background:#fff;z-index:101;position:relative;border-radius:10px}
.modal-paysms.loading .load-spinner {display: initial;}
.modal-paysms .redirect-spinner {display: none; position:absolute;width:750px;height:100%;z-index:100;background-color:rgba(256,256,256,1)}
.modal-paysms .redirect-spinner img {width:32px;margin:200px 345px 20px;height:32px;padding:14px;background:#fff;z-index:101;position:relative;border-radius:10px}
.modal-paysms.redirecting .redirect-spinner {display: initial;}
.modal-paysms .grey-text {color: #999;}
.modal-paysms .error-reason{font-style: italic; color: #999;}

#pay-buy-credit-usercash.modal-paysms .load-spinner img {margin-top:140px; margin-bottom: 140px;}
.modal-paysms .sms-otp {background-color: #eee;padding: 10px 40px;margin-bottom: 30px;}
.modal.fade {top: -206%;}
.modal.fade.in {top: 10%;}
.modal.fade{-webkit-transition: opacity .0s linear, top .0s ease-out;-moz-transition: opacity .0s linear, top .0s ease-out;-o-transition: opacity .0s linear, top .0s ease-out;transition: opacity .0s linear, top .0s ease-out;z-index: 1000000003;}

.feature-fl-info-acc {color: #999999; margin-top: 20px; text-align: center}
#pay-feature-freelancer {width: 100%}
#pay-feature-bid {width: 100%;}
.suggest-upgrade-fl {width: 100%; margin-bottom: 15px}
.number-active-token {color: #999999; text-align: center}
.loading-feature-freelancer {width: 20px; position: absolute; left: 72%; display: none}
.loading-feature-freelancer-list {width: 20px; position: absolute; left: 80%; display: none}

.modal-credit {width: 501px;left: 50%; margin-left: -300px;}
.modal-credit.fade.in {top: 3%;}
.modal-credit .load-spinner {width: 100%;}
.modal-credit .load-spinner img {margin-left: 270px; margin-right: 270px; left: -9.5%}
.modal-credit .modal-header {padding-bottom: 0;background-color: #fff;min-height: 40px;padding-top: 1px;background-color: #f5f5f5;border-top-left-radius: 4px;border-top-right-radius: 4px;}
.modal-credit .modal-header .close {margin: 7px 5px; line-height: 40px;font-size: 26px;}
.modal-credit .modal-header h2 {font-family: 'Open Sans',sans-serif;font-size: 16px;font-weight: bold}
.modal-credit .modal-body {background-color: #fff;min-height: initial; max-height: initial;}
.modal-credit .screen-confirm .modal-body {padding: 15px 50px;}
.modal-credit .modal-body .preview {margin-bottom: 25px; text-align: center;}
.modal-credit .modal-body .preview img { border: 1px solid #ddd;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);}
.modal-credit .modal-body .buy-credit {margin-top: 15px;}
.modal-credit .modal-body .buy-credit p {font-size: 12px; color: #999;}
.modal-credit .modal-body .buy-credit a {color: #00aed6; font-weight: 600;}
.modal-credit .modal-body{border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
.modal-credit .modal-footer {background-color: #fff;}
.modal-credit .screen-error .error-message {margin-top: 15px;}
.modal-credit .modal-body .job-login-socail {text-align: center; line-height: 40px; display: inline-grid;}
.modal-credit .modal-body .job-login-socail p{font-size: 12px; font-weight: 400; line-height: 15px; opacity: 0.7; text-align: left;}
.modal-credit .modal-body .job-login-socail a {line-height: 24px; margin: 0 2px; text-align: left; padding: 8px 12px; width: auto; margin-bottom: 10px; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 2px rgba(0, 0, 0, 0.25); font-family: "Roboto Medium", sans-serif;}
.modal-credit .modal-body .job-login-socail a.btn-facebook-flat{margin-bottom: 2px; cursor: unset; opacity: 0.7;}
.modal-credit .modal-body .job-login-socail a.btn-facebook-flat:hover{color: #FFFFFF;}
.modal-credit .modal-body .job-login-socail a img{margin-right: 5px;}
.modal-credit .modal-body .content p {text-align: left; padding: 0 10px;}
.modal-credit .modal-body .content p .credit-code{font-size: 20px; font-weight: 600;}
.disable-link {pointer-events: none}
.blur-button {opacity: 0.5}

.content-section.content-portfolio.content-section-fix{padding-top: 153px}
.portfolio-left-desktop{box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);border-radius: 5px;background: #FFFFFF;width: 360px;}
.pf-fr-name{margin-top: 0 !important; margin-bottom: 0 !important}
.pf-city{text-align: center}
.pf-fr-title{color: #999999;margin-top: 13px !important;margin-bottom: 9px !important}
.pf-fr-skill{margin-top: 10px !important;margin-bottom: 0 !important}
.pf-fr-skill a{border: 1px solid #0FE19B;box-sizing: border-box;border-radius: 3px;font-size: 13px;line-height: 24px;color: #0FE19B;padding: 2px 8px}
.btn-contact-new {line-height: 24px; padding: 8px 26px !important;margin-top: 10px !important; margin-bottom: 10px !important;background: #FFCC00 !important ;color: #000 !important;border-radius: 5px}
.pf-fr-contact{margin-top: 18px !important}
.pf-summary{margin: 0 30px;border-top: 1px solid #CCCCCC;margin-bottom: 45px}
.rating{float: left;height: 17px;background: url(../../../img/star1.png) 0 100% repeat-x;}
.list-summary-profile .dl-horizontal dt{text-align: left;width: 29px}
.list-summary-profile .dl-horizontal dd {margin-left: 7px;line-height: 26px;float: left;}
.rating-box {width: 89px;height: 17px;background: url(../../../img/star1.png) 0 0 repeat-x;text-indent: -999em;overflow: hidden;margin-top: 0}
.summary-profile .list-summary-profile a {color: #000000 !important;font-weight: 600;}
.list-summary-profile label {margin-top: 10px;line-height: 25px;}
.pf-rating{margin-top: 26px}
.suggest-like-page{font-weight: normal !important;font-size: 14px !important;line-height: 20px;color: #999999;margin-top: 50px}
.summary-profile .progress .bar {padding-top:2px;font-size:14px;background-color: #0fe19b;background-image: -moz-linear-gradient(top, #0fe19b, #0fe19b);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0fe19b), to(#0fe19b));background-image: -webkit-linear-gradient(top, #0fe19b, #0fe19b);background-image: -o-linear-gradient(top, #0fe19b, #0fe19b);background-image: linear-gradient(to bottom, #0fe19b, #0fe19b);}
.summary-profile .progress  {margin-top:5px;margin-bottom:23px;height:24px;background-color: #fafafa;background-image:none;-webkit-box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.1);-moz-box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.1);box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.1);padding: 2px 0}
.portfolio-title h1{margin-bottom: 0;font-size: 24px;margin-top: 4px;font-weight: 600;white-space: normal;overflow: hidden;width: 100%;display: inline-block}
.p-a-view{margin-bottom: 20px}
.portfolio-service{margin-bottom: 20px}
.portfolio-left-desktop{display: block}
.portfolio-left-mobile{display: none}
.block-suggest-portfolios h2{font-size: 24px;line-height: 32px;font-weight: 600;margin-bottom: -5px}
.img-portfolio{height: 214px}
.sp-title{font-weight: bold;margin-bottom: 5px;color: #000000}
.sp-detail{margin-top: -15px}
.block-suggest-portfolios{margin-top: 50px}
.portfolio-more{margin-top: 20px}
.pre-port{position: absolute;top: 46%;margin-left: 20px;}
.next-port{position: absolute;top: 46%;right: 0%;margin-right: 20px;}
.portfolio-file{position: relative}
.related-portfolios{margin-bottom: 20px}
.rel-img-port{width: 96px;height: 54px;margin-bottom: 10px}

/* Portfolio listing page */
.portfolio-listing-page{margin-top: 40px;width: 1200px;max-width: 100%}
.portfolio-listing-page .portfolio{width: calc(25% - 40px);float: left;margin: 0 20px 0px}
.portfolio-listing-page .portfolio img{border-radius: 5px;}
.portfolio-listing-page .portfolio .portfolio-link{display: inline-block}
.portfolio-listing-page .portfolio .p-title{line-height: 20px;width: 100%; display: inline-block;color: #000;}
.portfolio-listing-page .portfolio .p-author{color: #999;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 16px;font-size: 13px;}
.portfolio-listing-page .portfolio .p-author-b{color: #999;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 16px;font-size: 13px;}
.p-au{margin-bottom: 6px;}
.p-ac span{font-size: 13px;}
.p-cr span{font-size: 13px; color: #999;}
.p-about-m{height: 86px;margin-top: 10px;overflow: hidden;}
.portfolio-listing-page .p-filters{margin: 30px 0}
.portfolio-listing-page .p-filters .p-fil-3{text-align: right;padding-right: 10px}
.portfolio-listing-page .p-filters .p-fil-3 a{font-weight: 600;font-size: 14px;line-height: 20px;padding: 8px 24px}
.p-header{background: url('../../../img/portfolio/p-header.jpg') no-repeat;background-size: contain;height: 320px;position: relative;color: #fff}
.p-header h1{margin: 0;margin-top: 100px;margin-left: 30px;letter-spacing: -0.02em;font-style: normal;font-weight: bold;font-size: 32px;line-height: 40px;}
.p-header{display: block}
.p-header-m{display: none}
.p-paging{text-align: center}
.p-paging .current{border-radius: 50%;background: #00B65D;padding: 5px 11px;color: #fff;margin: 0 5px;}
.p-paging a{border-radius: 50%;padding: 5px 11px;color: #000;margin: 0 2px;}
.p-paging a:hover{background: #00B65D;color: #fff;}
.p-paging .current:hover{color: #fff}
.p-pager{margin-top: 10px;margin-bottom: 80px}
.portfolio_listing_page{background: #fff !important}
.portfolio-listing-layout{display: flex;align-items: flex-start;width: 1384px;max-width: calc(100% - 40px);margin: 40px auto 0;box-sizing: border-box}
.portfolio-listing-layout:after{content: '';display: table;clear: both}
.portfolio-listing-rail-slot{flex: 0 0 160px;width: 160px;min-width: 0;margin-right: 24px;box-sizing: border-box}
.portfolio-listing-main{flex: 1 1 auto;min-width: 0}
.portfolio-listing-main:after{content: '';display: table;clear: both}
.portfolio-listing-layout .portfolio-listing-page{margin-top: 0;margin-left: 0;margin-right: 0}
.portfolio-listing-layout .p-pager{width: 1200px;max-width: 100%;margin-left: 0;margin-right: 0}
.portfolio-listing-layout.portfolio-listing-rail-discarded{display: block;width: auto;max-width: none}
.portfolio-listing-layout.portfolio-listing-rail-discarded .portfolio-listing-main{width: 100%}
.portfolio-listing-layout.portfolio-listing-rail-discarded .portfolio-listing-page,
.portfolio-listing-layout.portfolio-listing-rail-discarded .p-pager{margin-left: auto;margin-right: auto}
.btn-portfolio{margin-left: 30px;background: #fff;border: none;font-size: 14px;padding: 8px 24px;margin-top: 10px;}
.p-header-new h1{font-weight: 600;font-size: 36px;line-height: 40px;text-align: center;letter-spacing: -0.02em;margin: 0;margin-bottom: 50px;color: #000}
.p-header-new{background: #F0FDF5;padding: 50px 0 20px;}
.p-header-new .btn-group ul{text-align: left;width: max-content;border-radius: 5px}
.p-header-new .btn-group ul:before{content: '';display: inline-block;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 7px solid #ccc;border-bottom-color: rgba(0,0,0,0.2);position: absolute;top: -7px;left: 29px;}
.p-header-new .btn-group ul:after{content: '';display: inline-block;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 6px solid #fff;position: absolute;top: -6px;left: 30px;}
.p-header-new .btn-group a{background: none;font-style: normal;font-weight: normal;font-size: 14px;line-height: 20px;border: none;color: #000;}
.p-header-new .btn-group .dropdown-col a:hover{background: #eee}
.p-header-new .btn-group .dropdown-col a{padding: 4px 20px; display: inline-block;width: calc(100% - 40px);overflow: hidden;text-overflow: ellipsis;padding-top: 6px}
.p-header-new .btn-group .btn-group-pr{display: inline-block;padding: 8px 12px;border-radius: 5px;cursor: pointer}
.p-header-new .dropdown-col{width: 240px;float: left}
.p-header-new .dropdown-col li{width: 240px;}
.p-header-new a{background: none;font-style: normal;font-weight: normal;font-size: 14px;line-height: 20px;border: none}
.p-about-m img{vertical-align: bottom}
.p-ac img{vertical-align: bottom;margin-right: 2px}
.p-ac-v{margin-right: 6px}
.p-ac{width: 100%;color: #999999;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.p-header-new .btn-group:hover .dropdown-menu{display: block}
.p-header-new .btn-group{position: relative;display: inline-block;}
.p-header-new .btn-group .dropdown-menu{display: none;position: absolute;background-color: #f9f9f9;min-width: 160px;box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);z-index: 1;}
.p-header-new .filters{display: block}
.p-header-new .filters-m{display: none}
.p-header-new .btn-group .btn-group-pr:hover{background: rgba(45, 185, 100, 0.15)}
.show-grey-1{opacity: 1}
.overlay-right-list-p{top: 60px;right: 0;z-index: 1111111111111111111;width: 300px;text-align: left}
#close-filter-p-mobile{cursor: pointer;color: #ccc;font-size: 30px;margin-left: 20px;margin-top: 20px;}
.f-m-p{padding: 0 20px;margin-top: 20px}
.f-m-p a{display: block;margin: 5px 0;margin-left: 10px}
.f-m-4{margin-bottom: 30px}
.p-header-new .filters-m{text-align: left;padding: 0 20px}
.p-header-new .filters-m .filters-m-t{font-weight: bold;font-size: 14px;line-height: 20px;color: #000;border: 1px solid #000000;box-sizing: border-box;border-radius: 5px;display: inline-block;width: 100%;padding: 10px 12px;}
.p-t-t img{vertical-align: top;margin-right: 2px}
.p-t-t span{line-height: 16px;font-size: 14px;float: right;color: #999}
.p-t-t{max-height: 40px;overflow: hidden;margin-bottom: 4px;}
.most-recent-p h4{font-weight: 600;font-size: 30px;line-height: 32px;letter-spacing: -0.02em;color: #000000;padding-left: 20px;margin-bottom: 30px}
.most-recent-p{margin-bottom: 80px}
.p-like-at{cursor: pointer;margin-right: 7px}
.portfolio-title img{vertical-align: sub;margin-right: 2px}
.p-report img{vertical-align: top}
.p-report a{color: #4F4F4F}
.p-report-d{display: block;text-align: right}
.p-report-m{display: none;padding: 0 20px}
.portfolio-description .span10{text-align: justify}
.portfolio-description-d{display: block}
.portfolio-description-m{display: none}
.p-react{overflow: hidden}

/* Banner introducing new marketing campaign */
.banner-portfolio{padding: 0 20px; margin: 40px auto 80px auto;}
.banner-portfolio .banner-destop{display: block;}
.banner-portfolio .banner-mobile{display: none;}
.banner-maketing-portfolio{width: 360px; margin-top: 50px;}
.banner-marketing a{display: block;}
.banner-maketing-portfolio.banner-destop{display: block;}
.banner-maketing-portfolio.banner-destop>a>img{width: 100%;}
.banner-maketing-portfolio.banner-mobile{display: none;}
/* End Banner introducing new marketing campaign */

@media (max-width: 1200px) {
    .portfolio-left-desktop, .banner-maketing-portfolio{width: 100%}
    .p-header h1{margin-top: 80px}
    .nav-account>div{width: 19px;}
}
@media (max-width: 1439px) {
    .portfolio-listing-layout{display: block;width: auto;max-width: none;margin-top: 40px}
    .portfolio-listing-layout .portfolio-listing-rail-slot{display: none}
    .portfolio-listing-main{width: 100%}
    .portfolio-listing-layout .portfolio-listing-page,
    .portfolio-listing-layout .p-pager{margin-left: auto;margin-right: auto}
}
@media (max-width: 996px) {
    .main_content{padding-top: 57.5px!important;}
}
@media (max-width: 976px){
    /* feature freelance */
    .feature-freelancer.guider-block .content.inner {padding-left:0px;}
    .search-results .feature-freelancer .detail {padding-left:0px;}
    .search-results .guider-block .container-image img {height:auto;}
    .col2-left.span8{width: 100%;}
    .col2-left.span8 #main_content{width: 750px; margin: auto;}
    .col2-left.span8 #main_content .left-profile{width: 170px;}
    .col2-left.span8 #main_content .right-profile{width: 530px; margin: 0px 0px 0px 50px;}
    .content-section #right_content{width: 100%; margin: 0px;}
    .content-section #right_content > .block{width: 750px;margin: auto;}
    .account_show_freelancer .content-section #right_content > .block {width: 516px;}

    /* Portfolio listing page */
    .p-header{height: 200px;}
    .p-header h1{left: 10%}
    .p-header h1{margin-top: 50px}

    .content-section.content-portfolio.content-section-fix{padding-top: 98px}

}
@media (max-width: 768px) {
    /*Freelancer Info Detail*/
    .col2-left.span8{width: 100%;}
    .col2-left.span8 #main_content{width: 620px; margin: auto;}
    .col2-left.span8 #main_content .left-profile{width: 40%;}
    .col2-left.span8 #main_content .avata{width: 100%; float: left; height: 170px;}
    .col2-left.span8 #main_content .dropdown{width: 70%; float: right;}
    .col2-left.span8 #main_content .nav-left{width: 100%; margin: 0px 0px 0px 0px;}
    .col2-left.span8 #main_content .nav-left li:last-child{display: none;}
    .col2-left.span8 #main_content .right-profile{width: 60%; margin: auto; padding: 0px 20px;}
    .results-paging a {padding: 7px 13px; border: 1px solid #eeeeee;}
    .results-paging span.current {padding: 8px 14px;}
    .results-paging span.dots {margin: 0 5px 0 0;}
    .content-section #right_content{width: 100%; margin: 0px;}
    .content-section #right_content > .block{width: 580px;margin: auto;}
    .content-section #right_content .adv-right-profile{display: none;} 
    .account_show_freelancer .content-section #right_content > .block {width: 580px; margin: auto;}
    .left-portfolio{width: 100% !important}
    .right-portfolio{width: 100% !important;margin-left: 0 !important}
    .portfolio-left{width: 100%}
    .job-view-fb-page-box{display: none}
    .portfolio-left-desktop{display: none}
    .portfolio-left-mobile{display: block;padding-bottom: 30px;border-bottom: 1px solid #CCCCCC; text-align: center;}
    .row-fluid .portfolio-left-mobile .portfolio-mobile-profile, .row-fluid .portfolio-left-mobile .portfolio-mobile-profile-text{width: 100%;}
    .show_portfolio .avata-right, .show_portfolio .freelancer-name, .show_portfolio .freelancer-title, .show_portfolio .show-freelancer, .show_portfolio .freelancer-skill{text-align: left}
    .row-fluid .portfolio-left-mobile .portfolio-mobile-profile-text{margin: 0; margin-top: 7px;}
    .pf-city{text-align: center}
    .avt-pf-mobile{width: 120px;margin-left: 20px;border-radius: 50%}
    .pf-fr-contact{margin-top: 0 !important}
    .portfolio-title{margin-top: 37px;padding: 0 20px}
    .p-a-view{display: flex}
    .p-a-view span{display: flex;justify-content: center;text-align: center}
    .pf-see-more-mobile{margin-left: 0 !important;padding-left: 20px}
    .pf-fr-contact{margin-bottom: 10px !important}
    .portfolio-description{padding: 0 20px}
    .portfolio-url{padding: 0 20px}
    .portfolio-service{padding: 0 20px}
    .fb-like span{padding: 0 20px}
    .show_portfolio .next-portfolio{margin-right: 20px}
    .show_portfolio .previous-portfolio{margin-left: 20px}
    .block-suggest-portfolios{padding: 0 20px}
    .modal-paysms-mobile {top: 0 !important; left: 0; right: 0; bottom: 0; margin-left: 0; margin-right: 0; width: 100%;}
    .img-portfolio{height: 91px}
    .sp-detail{margin-top: -10px}
    .sp-title{margin-bottom: 8px}

    /* Portfolio listing page */
    .portfolio-listing-layout{margin-top: 30px}
    .p-header,.banner-maketing-portfolio.banner-destop{display: none;}
    .p-header-m, .banner-maketing-portfolio.banner-mobile{display: block;}
    .p-header-m h1{font-style: normal;font-weight: bold;font-size: 24px;line-height: 32px;color: #FFFFFF;margin: 0;background: #2DB964;padding: 74px 20px}
    .portfolio-listing-page{margin-top: 30px}
    .btn-portfolio{margin-left: 0;display: block;width: 20%;}
    .show_portfolio .freelancer-name, .show_portfolio .freelancer-title{text-align: center;}
    .banner-portfolio{width: auto;}
    .banner-portfolio .banner-destop{display: none;}
    .banner-portfolio .banner-mobile{display: block;}
    .banner-portfolio .banner-mobile>img{width: 100%;}
    .banner-maketing-portfolio{padding: 0 20px; width: auto;}
    .banner-maketing-portfolio.banner-mobile{margin: 80px 0;}
    .banner-maketing-portfolio.banner-mobile>a>img{width: 100%;}
}
@media (max-width: 639px){
    /* feature freelance */
    .feature-freelancer.guider-block .content.inner {padding-left:0px;width:100%;}
    .feature-freelancer.guider-block .content.detail {margin-top:15px;width:100%;}
    .feature-freelancer.guider-block .cta-button {text-align: center;}
    /* 4 step work */
    .guider-block .content.inner {width: 100%;padding-left: 55px;}
    .guider-block .content.detail {width: 100%;margin-left: 0px}
    .guider-block .sub-info {padding-left: 8px;padding-right: 8px;margin-right: 0px;}
    .guider-block .content.detail .note ul li {margin-right: 7px;}
    .col2-left.span8{width: 100%;}
    .col2-left.span8 #main_content{width: 310px; margin: auto;}
    /*    .col2-left.span8 #main_content div:first-of-type{display: none;}*/
    .col2-left.span8 #main_content .left-profile{width: 100%;}
    .col2-left.span8 #main_content .avata{width: 43%;float: left;height: 140px;}
    .col2-left.span8 #main_content .dropdown{width: 55%; float: right;}
    .col2-left.span8 #main_content .nav-left{width: 100%; margin: 0px 0px 0px 0px;}
    .col2-left.span8 #main_content .nav-left li:last-child{display: none;}
    .col2-left.span8 #main_content .right-profile{width: 100%; margin: auto; padding: 0px 10px;}
    .content-section #right_content{width: 100%; margin: 0px;}
    .content-section #right_content > .block{width: 320px;margin: auto;}
    .content-section #right_content .adv-right-profile{display: none;}
    .content-section.container th.bid-freelancer{display:none} /* fix goc_cong_viec */
    .content-section.container td.num-bid{display:none} 
    .account_show_freelancer .content-section #right_content > .block {width: 310px; margin: auto;}
    .related-portfolios{padding: 0 20px}
    .rel-img-port{margin-bottom: 20px}

    /* Portfolio listing page */
    .portfolio-listing-page .portfolio{width: calc(100% - 40px); text-align: center}
    .portfolio-listing-page .p-filters .p-fil-3{padding-right: 20px}
    .portfolio-listing-page .portfolio .p-img{height: auto;}
    .p-about-m{text-align: left;}
    .p-header-new h1{font-weight: 600;font-size: 36px;line-height: 48px;letter-spacing: -0.02em;color: #000000;margin: 0;margin-bottom: 50px;text-align: left;padding-left: 20px;}
    .p-header-new .filters{display: none}
    .p-header-new .filters-m{display: block}
    .view-p-detail{margin-right: 20px}
    .p-report-d{display: none !important}
	.p-report-m{display: block;margin-top: 10px}
	.portfolio-description-d{display: none}
	.portfolio-description-m{display: block}
    .portfolio-title{margin-top: 20px}
}
@media (max-width: 639px) and (min-width:500px){
    /*** Trang hồ sơ năng lực ***/
    .show_portfolio .portfolio-file-info-banner, .show_portfolio .portfolio-file-info-download { padding-left: 20px}
    .show_portfolio .previous-portfolio, .show_portfolio .next-portfolio {width: 30%; }
    .show_portfolio .portfolio-file-info-name { width: 25%;padding-left: 30px;}
    /*** Kết thúc trang hồ sơ năng lực ***/
    .block-admin-post-job div.content div.sec-step ul.list-step li.step-child .span9{margin-left: -8%;}
}
@media (max-width: 499px) and (min-width:340px){
    /*** Trang hồ sơ năng lực ***/
    .show_portfolio .portfolio-file-info-banner, .show_portfolio .portfolio-file-info-download { padding-left: 20px}
    .show_portfolio .previous-portfolio, .show_portfolio .next-portfolio {width: 30%; }
    .show_portfolio .portfolio-file-info-name { width: 25%;padding-left: 30px;}
    /*** Kết thúc trang hồ sơ năng lực ***/
    .block-admin-post-job div.content div.sec-step ul.list-step .step-child:nth-child(n) > div.span9:nth-child(2){margin-left: -8px;width: 79%;}
}
@media (max-width: 339px){
     /*** Trang hồ sơ năng lực ***/
    .show_portfolio .portfolio-file-info-banner, .show_portfolio .portfolio-file-info-download { padding-left: 20px}
    .show_portfolio .prevjious-portfolio, .show_portfolio .next-portfolio {width: 30%; }
    .show_portfolio .portfolio-file-info-name { width: 25%;padding-left: 30px;}
    /*** Kết thúc trang hồ sơ năng lực ***/
    
    /* Banner thay đổi Email */
    .banner-confirm-text{max-width: 145px;}
}

@media (max-width: 320px){
    .p-about-m{width: 100%;}
}