@media (max-width: 1200px) {
    .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container,.container-vlance{width:980px;max-width: 100%;}
    .navbar-static-top.nav-new .container {width:960px;}
    .float-box-section .login-box,.float-box-section .signup-box {width:960px}
    .footer-links-section.grey-bg .container {width: 960px;}
    .footer-links-parter .container {width: 960px;}
    .bottom-logo .container {width: 960px;}
    .footer-links-parter .vlance-partner{padding-left:30px}
    .banner-confirm{padding: 0; min-height: 48px;}
    .banner-confirm-content{float:left; width: 70%; margin-left: 20%; margin-top: 10px;}
    .banner-confirm-submit{float: left; width: 25%; text-align: center;}
    .portfolio-list-new{font-size: 14px !important}
}

@media (max-width: 976px) {
    .banner-confirm-content{margin-left: 10px;}
    .banner-confirm-btn{margin-top: 10px !important;}
    body.account_show, body.workshop_bid{min-width: initial;}
    body.freelancer_list, body.vlance_homepage, body.freelance_job_list, body.contest_list, body.cms_page, body.account_register, 
    body.fos_user_security_login, body.account_show.account_show_alias, body.jobs_create_project,
    body.two-columns-left.email_invite, body.two-columns-left.userpaymentmethod, body.two-columns-left.config_user,
    body.two-columns-left.transaction, body.two-columns-left.transaction_withdraw, body.one-column.job_new,
    body.one-column.jobs_bid_project, body.one-column.fos_user_resetting_request, body.two-columns-right.account_show_client, body.one-column {min-width: initial;padding: 0px;}
    .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container, .job_contest_view .container,.container-vlance {width:750px;}
    .category-view  .content-text {width: 340px;}
    .category-cta {margin-left:30px;}
    .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top{margin: 0px;}
    .navbar .container{width: 750px;}
    .navbar .span3{width: 23%; padding: 0px 0px;}
    .navbar .span7{width: 45%; margin: 0px;}
    .navbar .span3.btn-connect{width: 27%; margin: 15px 0px 0px 0px;}
    .navbar .menu-inner{width: 379px; margin: auto;}
    .navbar .nav {margin: 0px;}
    .navbar-static-top.display-desktop {display: none;}
    .navbar-static-top.display-mobile {display: block;}
    .navbar .nav > li > a{line-height: 115px; padding: 0px 15px;}
    .navbar .nav > li > a.tro-giup{padding: 0px 20px;}
    .navbar .login-vlance{padding: 0px 0px;}
    .navbar .network-socail{width: auto; margin: 8px 0px 12px 0px; text-align: center;}
    .navbar .create-account-vlance{width: auto; text-align: center;  margin-left: 30px;}
    .container .emblem {width: 20.6%;margin-top:11px;}
    .navbar.navbar-static-top.navbar-mini .upper-section .span10-b .nav-account > div{padding: 12px 8px;}
    .navbar.navbar-static-top.navbar-mini .menu-section .nav-menu {width: 100%;}
    .navbar.navbar-static-top.navbar-mini .menu-section .nav-menu li+li+li+li{display: block;}
    .navbar.navbar-static-top.navbar-mini .menu-section .nav-menu li a{padding: 11px 13px 10px 13px;}
    .upper-section .logo{margin: 1px 0px;width:16.4%;} 
    .page-tabs .border{border: 0px solid #EEEEEE;}
    .content-section .container{width: 750px; margin: auto;}
    .footer-links-section.grey-bg .span2{width: 33.333336%; margin: 0px; float: left; padding: 0px 40px; min-height: 200px;}
    .footer-links-parter {padding: 0 20px;padding: 20px 20px 10px 20px}
    .footer-links-parter .funding {padding-left:40px;}
    .footer-links-parter .vlance-partner {margin-left:15px;padding-left:86px;}
    .mixpanel-footer {margin-left:0px;margin-top:0;}
    .vtc-academy-footer {padding-bottom:10px;margin-right:0px;}
    .topcv-footer {margin-top:14px;margin-right: 54px;}
    .ybox-footer {margin-top:14px;}
    .vl-funding .mixpanel-footer {margin-left:0px;}
    .vlance-partner .ybox-footer a {background-position: 0px -296px;width: 100px;}
    .navbar-mini .container {width:750px;}
    .navbar-static-top.nav-new .container {width:750px;}
    .navbar-static-top.nav-new .menu-item.last {display: none;}
    .navbar-static-top.nav-new .span6 {width:45%;}
    .navbar-static-top.nav-new .btn-connect {width:43%;margin-top:2px;}
    .nav-account > div {padding-right:21px;}
    .upper-section .span7 {width:40%;}
    .header-list-job .nav-tabs>li>a, .header-list-job .nav-tabs>li .nav-item-job.item-tn {padding-left: 22px;padding-right: 22px;}
    .float-box-section .login-box,.float-box-section .signup-box {width:750px}
    .footer-links-section.grey-bg .container {width: 750px;}
    .footer-links-section.grey-bg .span2 {min-height: 315px;}
    .footer-links-parter .container {width: 750px;}
    .bottom-logo .container {width: 750px;}
    .bottom-logo .vlance-logo p {width:73%;}
    .sub-category .item img{border-radius: 3px; min-height: 141px;}
    .top-freelancer .block-top-freelancer{margin-right: 10px; margin-bottom: 10px;}
    .top-freelancer .block-top-freelancer.first{margin-left: 15px;}
    .top-freelancer .block-top-freelancer.last{display: block;}
    .top-freelancer .big-block-top-freelancer{padding-left: 60px;}
    .banner-single-post .container .entry-meta{margin-top: 30px}
    .category-view.container{margin-bottom: 10px;}
    .top-freelancer.container{margin-top: 10px;}
    .nav-new.display-desktop{display: none;}
    .nav-new.display-mobile{display: block; width: 100%; /*height: 50px;*/}
    .navbar-static-top.nav-new {/*height: 50px;*/ min-height: 50px; top:0;}
    .navbar-static-top.nav-new .container {width: 100%;}
    .nav-new.display-mobile ul.list-menu {display: inline-block; width: 100%; text-align: center; list-style: none;height: 50px; line-height: 50px;vertical-align: middle; margin: 0;}
    .toggle {width:100%;text-align:center;box-sizing:border-box;color:#8d8d8d;font-size:20px;}
    .list-menu div.menu-item-1{float: left; margin: 14px;}
    .list-menu div.menu-item-2{position: absolute; width: 100%;}
    .menu-item-2 .logo{text-align: center;}
    .list-menu div.button{float: right;}
    .list-menu div.button a{font-size: 13px; margin: 10px 14px; padding: 3px 10px; font-weight: normal;}
    .overlay-transparent-grey {display: block; opacity: 0; width: 100%; height: 100%; position: fixed;top: 0; background: rgba(0,0,0,0.6);overflow: auto;z-index: 98; transition: opacity .1s .3s ease-in-out;-moz-transition: opacity .1s .3s ease-in-out;-webkit-transition: opacity .1s .3s ease-in-out;}
    .overlay-transparent-grey.show-grey{display: none;}
    .show-grey-1{opacity: 1;}
    .list-menu div.button.avata a{margin: -5px 0 0 0; padding: 0;}
    #messages{top: 60px;}
    .btn-facebook {padding: 4px 12px 1px 7px;}
    .btn-google-plus {padding: 5px 18px 2px 9px;}
    .btn-linkedin {padding: 3px 10px 2px 9px;}
}

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

}

@media (max-width: 768px) {
    body.account_show{min-width: initial;}
    body.freelancer_list,body.vlance_homepage,body.freelance_job_list,body.cms_page,body.account_register,
    body.fos_user_security_login,body.account_show.account_show_alias,body.jobs_create_project,
    body.two-columns-left.transaction {min-width:initial;padding:0}
    body.two-columns-left.transaction .nav-left li{width:initial;}
    .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container, .job_contest_view .container, .container-vlance{width: 620px;margin: auto;}
    
    .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top{margin: 0px;}    
    .navbar .container{width: 620px;}
    .navbar .span3{width: 30%; padding: 0px 7px;}
    .navbar .span3.btn-connect{width: 100%; margin: 0px 0px 15px 0px;}
    .logo {text-align: right;}
    .logo img{width: 178px}
    .navbar .menu-inner{width: 440px; margin: auto;}
    .navbar .nav{margin: 0px;}
    .navbar .nav li{min-height: 60px;margin-right:0px;}
    .navbar .nav > li > a.tro-giup{padding: 0px 15px;}
    .navbar .login-vlance{padding: 0px 0px;}
    .navbar .network-socail{width: 47%;}
    .navbar .create-account-vlance{ text-align: left;margin-left: 234px;}
    .navbar .btn-connect .btn{margin: 5px 0px 0px 7px;}
    .category-view .content-text {width: 80%; margin: 0px 90px;}
    .category-cta {margin: 35px 120px 0px 150px;}
    .sub-category .item {width: 100%;margin-bottom:25px;}
    .sub-category .item .cat-thumb {width: 100%;}
    .error-page .error-section .map-error div {width: 63px;float: right;top: 85px;line-height: 30px;}
    .navbar.navbar-static-top.navbar-mini .upper-section .span10-b{width: 400px;}
    .navbar.navbar-static-top.navbar-mini .upper-section .span10-b .nav-account > div{padding: 12px 8px;}
    .navbar.navbar-static-top.navbar-mini .menu-section .nav-menu li+li+li+li{display: block;}
    .navbar.navbar-static-top.navbar-mini .menu-section .nav-menu li a{padding: 11px 3px 10px 13px;}
    .upper-section .logo{margin: 0px 0px;width:20.2%;}
    .page-tabs .border{border: 0px solid #EEEEEE;}
    .pull-right.nav-account.account-mail-menu{display: none;}
    .header-list-job .nav-tabs>li>a, .header-list-job .nav-tabs>li .nav-item-job.item-tn {padding-left: 8px;padding-right: 8px;}
    .header-list-job .nav-tabs>li {margin-right: 4px;}
    .footer-links-section.grey-bg .span2{width: 33.333336%; margin: 0px; float: left; padding: 0px 25px; min-height: 200px;}
    .footer-links-parter .vlance-partner {margin-left:13px;padding-left:0px;}
    .mixpanel-footer {margin-right:10px;}
    .founder-footer {margin-right:10px;}
    .google-footer {margin-right:15px;}
    .money-lover-footer {margin-right:0px;padding-bottom:10px;}
    .vlance-partner .money-lover-footer {margin-right:0px;}
    .navbar-mini .container {width:620px;}
    .navbar-static-top.nav-new .span6 {margin-top:0px;}
    .navbar-static-top.nav-new .btn-connect {float:none;width:70%;}
    .navbar-static-top.nav-new .menu-item.third-tn a {padding: 0px 12px;}
    .navbar-static-top.nav-new .container {width:620px;}
    .float-box-section .login-box,.float-box-section .signup-box {width:620px}
    footer .category-block.span4{display: none;}
    footer .right-footer-block.span8 {width: 100%;margin-left:0px;}
    footer .right-footer-block.span8 .sub-col {width: 48%;}
    footer .right-footer-block.span8 .sub-col.footer-fl {margin-left: 0;}
    .footer-links-section.grey-bg .container {width: 620px;}
    .footer-links-parter .container {width: 620px;}
    .footer-links-section.grey-bg {padding-right:20px;padding-left:20px;}
    .bottom-logo .container {width: 620px;}
    .sub-category .item img{border-radius: 3px; min-height: 180px;}
    .top-freelancer .block-top-freelancer.first{margin-left: 15px;}
    .block-top-freelancer .block-info p:first-child {margin-left: 0px;}
    .top-freelancer .big-block-top-freelancer{padding-left: 0;}
    .nav-new.display-desktop{display: none;}
    .nav-new.display-mobile{display: block; width: 100%; /*height: 50px;*/}
    .navbar-static-top.nav-new {/*height: 50px;*/ min-height: 50px;}
    .navbar-static-top.nav-new .container {width: 100%;}
    .nav-new.display-mobile ul.list-menu {display: inline-block; width: 100%; text-align: center; list-style: none;height: 50px; line-height: 50px;vertical-align: middle; margin: 0;}
    .toggle {width:100%;text-align:center;box-sizing:border-box;color:#8d8d8d;font-size:20px;}
    .list-menu div.menu-item-1{float: left; margin: 14px;}
    .list-menu div.menu-item-2{position: absolute; width: 100%;}
    .menu-item-2 .logo{text-align: center;}
    .list-menu div.button{float: right;}
    .list-menu div.button a{font-size: 13px; margin: 10px 14px; padding: 3px 10px; font-weight: normal;}
    .list-menu div.button.avata a{margin: -5px 0 0 0; padding: 0;}
}

@media (max-width: 639px) {
    .banner-confirm-content{margin-top: 0px;}
    .display-mobile {display: block;}
    .display-desktop {display: none;}
    body{min-width: 320px;}
    body.freelancer_list, body.vlance_homepage, body.freelance_job_list, body.cms_page, body.account_register,
    body.fos_user_security_login, body.account_show.account_show_alias, body.jobs_create_project {min-width: 320px; padding: 0px;}
    .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container{width: 320px;margin: auto;}
    .container-vlance{width: 100%;margin: auto;}
    .withdraw_money {width: 320px; margin: auto}
    .content-section .account-bank {margin-left:0;}
    .content-section .row-fluid h1 {margin-left: 0px;}
    .content-section .page-configuration {margin-left: 0px;}
    .create-job .quick-guide{display:none;} /* none quick-guide in Dang_Viec */
    .create-job >.row-fluid >.span6 {width: 100%;} /* Fix Dang_Viec */
    .content-section .col2-right.span10 {padding-left: 0;}
    .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top{margin: 0px;}
    .container, 
    .navbar .container,
    .navbar-static-top .container,
    .navbar-fixed-top .container,
    .navbar-fixed-bottom .container,
    .job_show .container,
    .job_contest_view .container {width:100%;}
    .category-view .content-text {width: 90%; margin: 0px 25px;}
    .category-cta {margin: auto;}
    .navbar .span3{width: 35%; padding: 0px;}
    .navbar .span6{width: 65%; margin: 0;}
    .navbar .span3.btn-connect{width: 100%; margin: 10px 0px;}
    .logo {text-align: right;}
    .logo img{width: 145px;margin-top: 0px;}
    .navbar .menu-inner{width: 207px; margin: auto;}
    .navbar .nav{margin: 0px;}
    .navbar .nav li.first {padding-left: 0;padding-right: 0;}
    .navbar .nav li.last{display: none;}
    .navbar .nav > li > a{line-height: 20px; padding: 10px 0px;}
    .navbar .nav > li > a.tro-giup{padding: 0px 20px;}
    .navbar .login-vlance{padding: 0px 0px;}
    .navbar .create-account-vlance{ margin-left: 93px; text-align: left;}
    .navbar .btn-connect .btn{margin: 0px 0px 0px 10px;}
    .nav-account .account-menu .avata {margin-right: 5px; }
    .nav-account .account-menu .avata img {width: 32px !important; height: 32px !important;}
    .footer-links-section.grey-bg .container{width: 320px; margin: auto;}
    .footer-links-section.grey-bg .span2{width: 50%; margin: 0px; float: left; padding: 0px; min-height: 200px;}
    .footer-links-section.grey-bg .sub-col.footer-fl,.footer-links-section.grey-bg .footer-cl {min-height: 250px;}
    .footer-links-section.grey-bg .span8.right-footer-block{display: block;}
    .footer-links-section.grey-bg .span8.right-footer-block .span2{clear: left;}
    .footer-links-parter .vl-funding {padding-left:0px;width:100%;}
    .footer-links-parter .vlance-partner {margin-top:10px;margin-left:0px;padding-left:0px;width:100%;}
    .google-footer {margin-left: 0px;margin-top:15px;margin-right:25px;}
    .mixpanel-footer { margin-left: 10px;margin-right: 0px;margin-top:11px;}
    .aws-footer {margin-right:18px;}
    .vtc-academy-footer {margin-right:0px;margin-top:10px;}
    .ybox-footer {margin-top:3px;margin-bottom:10px;}
    .footer-links-section .social a {margin-right:1px;}
    .vlance-partner .kicoworking-footer, .vlance-partner .magestore-footer, .vlance-partner .money-lover-footer,.vlance-partner .topcv-footer,.vlance-partner .ybox-footer {margin: 0px 0px 15px 0px; width: 150px; padding: 0px;}
    .float-box-section .login-box,.float-box-section .signup-box {width:320px}
    .float-box-section.head-box .modal-close button {margin-top:20px;}
    .signup-box .modal-close button {margin:8px 0 0px;}
    .footer-links-section.grey-bg .container {width: 100%;}
    /* .footer-links-parter .container {width: 320px;} */
    .footer-links-section.grey-bg .span2 {min-height:160px;}
    .bottom-logo .container {width: 320px;}
    .bottom-logo .container .row-fluid {margin-bottom:10px;}
    .bottom-logo .container .span9 {width:100%;}
    .bottom-logo .container .span3 {width:100%;margin-left: 0px;}
    .bottom-logo .switch-language {margin-top:20px;width:100%;}
    .bottom-logo .vlance-logo a {width:100%;}
    .bottom-logo .vlance-logo p {width:65%;}
    .bottom-logo .footer-language {padding-right:0px;}
    .bottom-logo .footer-payment {margin-top:15px;}
    .bottom-logo .dkkd{width:100%;}
    .category-view .category-content{margin-left: 0;}
    .category-cta{width: initial;}
    .category-view.container{margin-bottom: 0;}
    .banner-single-post .container .entry-meta a{font-size: 18px;color: #FFF;}
    .banner-single-post .container .entry-meta{margin-top: 20px; margin-bottom: 15px;}
    .top-freelancer .top-freelancer-title{margin-left: 10px;}
    .top-freelancer .big-block-top-freelancer{width: 180px; margin: auto;}
    .top-freelancer .block-top-freelancer{margin-right: 0; margin-left: 0;}
    .top-freelancer.container{margin-top: 0;}
    .top-freelancer h2{line-height: initial;}
    .top-freelancer .block-top-freelancer{margin-bottom: 10px;}
    .top-freelancer .block-top-freelancer.first{margin-left: 0px;}
    .top-freelancer .block-top-freelancer.four{display: none;}
    .top-freelancer .block-top-freelancer.five{display: none;}
    .top-freelancer .block-top-freelancer.last{display: none;}
    .post-job-category .block-statistics {padding: 20px; margin-top: 0; margin-bottom: 0;}
    .post-job-category .block-statistics .counted a{font-size: 20px;}
    .job-projects .table .table-name-column {display: none;}
    .job-projects .table .table-statistics td {display: inline-table; text-align: center;}
    .job-projects .table .table-statistics td.span2 {width: 100px;}
    .job-projects .table .table-statistics .cut-on-mobile{display: none;}
    .job-projects .table .table-statistics .job-Location {display: none;}
    .job-projects .table .table-statistics .job-Block-Bid .numBid {display: none;}
    .job-projects .table .table-statistics .job-Block-Bid{border-top: none;}
    .job-projects .table .table-statistics .job-Budget{border-top: none;}
    .job-projects .table .table-statistics .job-Deadline{border-top: none;}
    .job-projects .table td:first-child{width: 310px; text-align: left;}
    .job-projects .table .text{margin-left: 0;}
    .job-projects .table-footer{margin-top: 10px;}
    .job-projects .block-job-projects{margin-left: 10px;}
    .post-job-category .block-post-job{padding: 20px;}
    .other-category-footer .block-other-category{margin-left: 10px;}
    .footer-links-parter .vl-relationship {margin-left: 10px; width: 100%;}
    .vl-funding .google-footer {margin-right: 20px;}
    .vl-funding .aws-footer {margin-right: 20px;}
    .footer-links-section.grey-bg .footer-fl {padding-left:0px;}
    td.transaction-date {min-width: initial;}
    th.credit-payment {padding-right:8px;}
    td.transaction-price {min-width:initial;max-width: initial;}
    td.transaction-note {min-width: initial;}
    .table th, .table td {padding-left:2px;padding-right:2px}
}