/*HoaNTX*/
/*--Reponsive Screen----------------------------------------*/
@media screen and (min-width: 769px){
	.main-content .block1 .col1, .nohome .main-header .block2 .search .col-cate{display:block!important;overflow:inherit!important}
}
/*-----------------------------------*/
@media screen and (max-width: 1200px){
	.container{width:100%}
}
@media screen and (max-width: 992px){
	.main-header .block1 .left{display:none}
	.main-header .block1 .left.md-device{display:block}
	.main-header .block2{height:70px}
	.nohome .main-header .block2{height:68px}
	.main-header .block2 .logo{width:140px;margin-top:12px;text-align:left}
	.main-header .block2 .logo img{max-height:45px}
	.main-header .block2 .list{width:125px;margin:20px 0 0}
	.main-header .block2 .list li{display:none}
	.main-header .block2 .list li.upnews{display:block}
	.main-header .block2 .search{margin:15px 125px 0px 140px}
	.main-header .block2 .search .box{height:40px}
	.main-header .block2 .search .box > input{height:38px}
	.main-header .block2 .search .box .sbSelector{height:26px;line-height:26px}
	.main-header .block2 .search .box > .search-btn{height:30px}
	.main-header .block2 .search .box > .search-btn > .fa{line-height:30px}
	.main-header .block2 .list{margin:13px 0 0}
	/**/
	.nohome .main-header .block2 .search .col-cate > h2{height:40px;line-height:40px}
	.nohome .main-header .block2 .search .col-cate > h2:before{top:12px}
	.nohome .main-header .block2 .search .col-cate .categories-block{top:40px}
	.main-header .block2 .search .box .sbToggle{top:8px}
	.main-header .block2 .search .box .sbOptions{top:32px!important}
	/**/
	.main-content .block1 .col2 .news-block{padding:0}
	.main-content .block1 .col2 .search-block{display:none}
	.main-content .block2 .col1{margin-right:-10px}
	.main-content .block2 .col2{display:none}
	/**/
	.news-block .bx-next{right:0}
	/*footer*/
	.main-footer .footer-item{display:none}
	/*Person Manage*/
	.person-page .person-ico{display:block;position:absolute;top:-5px;right:-17px;z-index:99;background:#00396b;padding:1px 6px 1px 7px;color:#fff;font-size:17px;border-radius:3px 0 0 3px}
	.person-page .block2{position:relative}
	.person-page .block2 .col1{margin-right:0!important}
	.person-page .company-detail, .person-page .post-news-manage{padding:0}
	.p-menu{position:relative;right:220px}
	.main-content.person-page .dd-menu{position:fixed;top:0;right:0;bottom:0;z-index:99;background:#00396b;padding:10px}
	.main-content.person-page .postings-guide li a{color:#e5ebf0}
	.main-content.person-page .postings-guide li:before{color:#eee}
	.main-content.person-page .block2 .col1 .highlight-news{margin-right:0}
	.main-content.person-page .statistic-block .tab-content .action-all{position:inherit;top:auto;right:auto}
	.main-content.person-page .statistic-block .tab-content .action-all .col{margin:0 10px 0 0}
	.person-page .add-new-customer, .person-page .customer-info{margin-right:0}
}
@media screen and (max-width: 768px){
	.main-header{position:relative}
	.main-header .navbar-toggle{display:block;margin:7px 9px 0 0;padding:5px}
	.main-header .navbar-toggle .icon-bar{background:#000}
	.main-header .block1{height:40px}
	.main-header .block1 .left.md-device, .main-header .block1 .right{display:none}
	.main-header .block2 .logo{position:absolute;top:3px;left:15px;width:auto;margin:0}
	.main-header .block2 .logo img{max-height:34px}
	.main-header .block2 .list{display:none}
	.main-header .block2 .search{margin:15px 0 0}
	/**/
	.main-content .block1 .col1{width:100%;padding:0 15px;box-shadow:0 2px 3px rgba(25, 25, 25, 0.3);-moz-box-shadow:0 2px 3px rgba(25, 25, 25, 0.3);-webkit-box-shadow:0 2px 3px rgba(25, 25, 25, 0.3)}
	.main-content .block1 .col1, .main-content .block1 .col2 .search-block, .main-content .block1 .col1 h2, .categories-block > li > .subcate-block .list-pro, .categories-block > li > .subcate-block .big-pro{display:none}
	.main-content .block1 .col1.col-cate{position:absolute;top:40px;left:0}
	.main-content .block1 .col1 .categories-block{background:#fff;width:100%}
	.main-content .block1 .col1 .categories-block, .main-content .block1 .col1 .categories-block > li{float:left;width:100%;height:auto}
	.main-content .block1 .col1 .categories-block > li > .subcate-block{position:inherit;top:auto!important;left:auto!important;right:auto!important;width:100%!important;padding:10px 15px}
	.main-content .block1 .col1 .categories-block > li:hover > .subcate-block{display:none}
	.main-content .block1 .col1 .categories-block > li > a:hover, .main-content .block1 .col1 .categories-block > li:hover > a{background:#fff;padding-left:0;color:#333}
	.main-content .block1 .col1 .categories-block > li > a:hover:after, .main-content .block1 .col1 .categories-block > li:hover > a:after{color:#333}
	.main-content .block1 .col1 .categories-block > li > .subcate-block{background:#ededed;border:0}
	.main-content .block1 .col1 .categories-block > li > .subcate-block > .menu{width:100%;margin-right:0;margin-bottom:10px}
	.main-content .block1 .col1 .categories-block > li > .subcate-block > .menu > dt{font-size:12px}
	.main-content .block1 .col1 .categories-block > li > .subcate-block > .menu > dd > a{color:#00396b;font-size:12px}
	.main-content .block1 .col1 .categories-block > li > .subcate-block > .question{margin-top:-10px;margin-bottom:10px}
	
	.main-content .block1 .col2{margin-left:0}
	.main-content .block1 .col2 .news-block{display:block;padding:0}
	.main-content .block2 .col1{margin-right:-10px}
	.main-content .block2 .col1 .fl{float:none}
	.main-content .block2 .col2{display:none}
	.main-content .block2 .col1 .home-list-agency, .main-content .block2 .col1 .highlight-news{display:none}
	
	.categories-block > li.all-cate{display:none}
	/**/
	.nohome .main-header .block2 .search .col-cate, .nohome .main-header .block2 .search .col-cate > h2{display:none}
	.nohome .main-header .block2 .search .col-cate{position:inherit}
	.nohome .main-header .block2 .search .col-cate .categories-block{display:block!important;padding:9px 15px 0;border:0;box-shadow:0 2px 3px rgba(25, 25, 25, 0.3);-moz-box-shadow:0 2px 3px rgba(25, 25, 25, 0.3);-webkit-box-shadow:0 2px 3px rgba(25, 25, 25, 0.3)}
	.nohome .main-header .block2 .search .col-cate .categories-block > li{height:auto;padding-top:6px}
	.nohome .main-header .block2 .search .col-cate .categories-block > li > a{height:32px;line-height:30px;padding-left:0}
	.nohome .main-header .block2 .search .col-cate .categories-block > li > a:hover, .nohome .main-header .block2 .search .col-cate .categories-block > li:hover > a{line-height:30px;border:0}
	.nohome .main-header .block2 .search .col-cate .categories-block, .nohome .main-header .block2 .search .col-cate .categories-block > li{float:left;width:100%;height:auto}
	.nohome .main-header .block2 .search .col-cate .categories-block > li > .subcate-block{position:inherit;top:auto!important;left:auto!important;right:auto!important;width:100%!important;padding:10px 15px;border:0}
	.nohome .main-header .block2 .search .col-cate .categories-block > li:hover > .subcate-block{display:none}
	.nohome .main-header .block2 .search .col-cate .categories-block > li > a:hover, .nohome .main-header .block2 .search .col-cate .categories-block > li:hover > a{background:#fff;color:#333}
	.nohome .main-header .block2 .search .col-cate .categories-block > li > a:hover:after, .nohome .main-header .block2 .search .col-cate .categories-block > li:hover > a:after{color:#333}
	.nohome .main-header .block2 .search .col-cate .categories-block > li > .subcate-block{background:#ededed;border:0}
	.nohome .main-header .block2 .search .col-cate .categories-block > li > .subcate-block > .menu{width:100%;margin-right:0;margin-bottom:10px}
	.nohome .main-header .block2 .search .col-cate .categories-block > li > .subcate-block > .menu > dt{font-size:12px}
	.nohome .main-header .block2 .search .col-cate .categories-block > li > .subcate-block > .menu > dd > a{color:#00396b;font-size:12px}
	.nohome .main-header .block2 .search .col-cate .categories-block > li > .subcate-block > .question{margin-top:-10px;margin-bottom:10px}
	
	.nohome .main-header .block2 .search .box{margin-left:0}
	/**/
	.categories-block .cate-options{display:block}
	/**/
	.news-list .news-list-block1 .col01{display:none}
	.news-list .news-list-block1 .col02{margin-left:0}
	.post-news-manage .manage-title{font-size:14px}
	/*registy-block*/
	.registy-block{margin:5px 0 0}
	.registy-block .frm-row{margin:0 0 5px}
	.registy-block .frm-row label{width:100%}
	.registy-block .frm-row .frm-item, .registy-block .btn-frm{margin:0}
	.registy-block .check-frm{margin:0 0 10px}
	/*List FAQ*/
	.list-fag .arrange .sort.fl{float:left}
	.list-fag .fag-detail .detail > h2{font-size:16px}
	/*Person Manage*/
	.main-content.person-page .activity-creating .frm-row.w35p{width:70%}
	.main-content.person-page .activity-creating .frm-row.w15p{width:30%}
	.main-content.person-page .activity-creating .frm-row.w50p{width:100%}
	.main-content.person-page .activity-creating .frm-row label{text-align:left}
	.main-content.person-page .activity-group .btn-frm{margin:10px 0 0}
	.main-content.person-page .block2 .col1 .highlight-news{display:block}
}
@media screen and (max-width: 767px){
	.post-news-manage .calendar-up .view .s-btn{margin-top:0}
	.top-project .bds-list-block li:nth-child(3), .top-project .bds-list-block li:nth-child(4){display:none}
}
@media screen and (max-width: 640px){
	.news .news-blocks{margin-right:0}
	.news .news-blocks > li{width:100%;padding-right:0}
	.news .news-blocks > li .first-news .detail{height:auto}
	.news-list .news-list-block2 .news-style3 .pic{width:40%}
	/*Paging*/
	.view-filter{float:left;width:100%}
	.view-filter li{margin:0 10px 0 0}
	/*Company list*/
	.company-list ul li{width:100%}
	/**/
	.view-posted-detail .view-posted-title, .list-posted-news .keyword-row .keyword, .result-news-search .keyword-row .keyword{line-height:22px;font-size:16px}
	.post-project .basic-info .w50p{width:100%}
	.list-agency > .title{font-size:14px}
	.list-agency .a-list ul li{width:100%}
	/*Person Manage*/
	.main-content.person-page .highlight-news .menu li.highlight{height:30px;line-height:30px;padding:0 12px;font-size:12px}
	.main-content.person-page .inbox-block .list-view, .post-news-manage .list-view{padding-bottom:15px;overflow-x:auto}
	.main-content.person-page table{width:610px}
	.main-content.person-page .mess-group h3{margin:5px 0 15px}
	.main-content.person-page .mess-group .mess-row .col01{margin-right:0}
	.main-content.person-page .mess-group .mess-row.friend .col02{float:none;padding-left:38px}
	/**/
	.main-content.person-page .activity-creating .frm-row label, .main-content.person-page .post-news-manage .frm-row label{float:none;width:100%}
	.main-content.person-page .activity-creating .frm-row.w15p{margin-top:30px}
	.main-content.person-page .activity-group .frm-row .frm-item, .change-password .frm-row .frm-item{margin:0}
	.main-content.person-page .activity-group .w50p, .main-content.person-page .change-account-info .w30p{width:100%}
	.main-content.person-page .customer-info .contact{position:inherit;top:auto;right:auto;background:none;float:none;padding:10px 0 0;border:0}
	.main-content.person-page .change-password{margin:5px 0 0}
	.main-content.person-page .change-password .btn-frm, .main-content.person-page .post-news-manage .frm-row .frm-item, .main-content.person-page .change-account-info .check-frm, .main-content.person-page .post-news-manage .btn-frm{margin-left:0}
	.main-content.person-page .post-news-manage .frm-row{margin:0 0 5px}
	.main-content.person-page .change-account-info .radio-row label{width:auto;line-height:18px}
	.main-content.person-page .change-account-info{margin-top:5px}
}
@media screen and (max-width: 480px){
	.main-header .block2 .search .box > input{padding:8px 150px 8px 8px;font-size:12px}
	.main-header .block2 .search .box .sbHolder{width:90px}
	.main-header .block2 .search .box .sbSelector{width:90px;font-size:10px}
	.main-header .block2 .search .box .sbOptions{width:150px}
	.main-content .block2 .title-row .see-all{display:none}
	/**/
	.main-content .block1, .news-block ul li, .news-block ul li .pic{height:280px}
	.news-block ul li .detail{padding:7px 17px}
	.news-block ul li .detail .title{max-height:18px;line-height:18px;font-size:14px;font-weight:normal;overflow:hidden}
	.news-block ul li .detail .desc{max-height:18px;line-height:18px;margin-top:0;font-size:11px;overflow:hidden}
	/**/
	.news-detail .other-news .title-row2 .see-all{display:none}
	.news .news-block, .news .news-block ul li, .news .news-block ul li .pic{height:280px}
	.news .news-blocks > li > h2{line-height:34px}
	.news .news-blocks > li > h2 a{font-size:17px}
	/**/
	.news-list .news-list-block1 .col02 .news-style1 .detail .title{font-size:14px}
	.news-list .news-list-block1 .col02 .news-style1 .detail .desc{max-height:20px;margin-top:0}
	
	.news-list .news-list-block2 .news-style2 .block .detail .title, .news-list .news-list-block2 .news-style3 .detail .title{font-size:14px}
	.news-list .news-list-block2 .news-style2 .block .detail .date, .news-list .news-list-block2 .news-style3 .detail .date{padding:0 0 3px;font-size:10px}
	.news-list .news-list-block2 .news-style2 .block .detail .desc, .news-list .news-list-block2 .news-style3 .detail .desc{font-size:12px}
	.news-list .news-list-block2 .news-style3 .pic{padding-bottom:5px}
	/*slide*/
	.slide-map .photos-slide .bx-prev, .slide-map .photos-slide .bx-next, .news-block .bx-prev, .news-block .bx-next{display:none}
	.slide-map .photos-slide .bx-pager{bottom:10px;right:12px}
	.news-block .bx-pager{right:12px}
	/*Company Detail*/
	.company-detail .company-desc .logo{width:70px;margin-right:14px}
	.company-detail .company-desc .detail{margin:0;font-size:12px}
	.company-detail .company-desc .detail h2{font-size:15px}
	.company-detail .company-desc .detail .addr{margin-bottom:3px}
	.company-detail .company-contact .frm-row label{display:none}
	.company-detail .company-contact .frm-row .frm-item, .company-detail .company-contact .btn-frm{margin:0}
	/*FAQ*/
	.list-fag .sbHolder{width:126px}
	.list-fag .sbSelector{width:120px}
	.list-fag .sbOptions{width:124px}
	.list-fag .shows .fr{width:100%}
	.list-fag .faqs .shows .fr li{margin:3px 15px 0 0}
	/*Person Manage*/
	.view-posted-detail .price-info .same-person{width:100%;margin-top:5px}
	.post-project .basic-info{margin-top:0}
	.post-project .frm-row .img-note{line-height:18px;margin:5px 0 0 10px}
	.post-project .frm-row label, .up-faq .frm-row label, .up-faq .safety-code label, .post-news-block .frm-row label, .post-news-block .basic-info .w50p, .post-news-block .bill-box .frm-row label, .post-news-block .safety-code label, .post-news-manage .frm-row label, .post-news-manage .safety-code label, .post-project .basic-info.import label{float:none;width:100%}
	.post-project .frm-row .frm-item, .up-faq .frm-row .frm-item, .post-news-block .frm-row .frm-item, .post-news-block .bill-box .frm-row .frm-item, .post-news-block .safety-code .frm-item, .post-news-manage .frm-row .frm-item{margin:0}
	.post-project .btn-frm{margin:20px 0 0}
	.up-faq, .login-block{margin:5px 0 0}
	.up-faq .btn-frm, .post-news-manage .btn-frm, .post-news-manage .send-mess{margin:10px 0 0}
	.post-news-block .des-info{margin:5px 0 0}
	.post-news-block .des-info .frm-row .img-note{width:100%;line-height:normal;margin:5px 0 0}
	.post-news-block .basic-info, .post-news-block .bill-box{margin-top:5px}
	.post-news-block .basic-info .check-frm{margin:0}
	.post-news-block .btn-frm{margin:20px 0}
	.post-news-block .safety-code{padding-top:5px}
	.login-block .check-frm, .login-block .link, .login-block .res-link{margin-left:0}
	.login-block .link, .login-block .res-link{font-size:12px}
	.add-new-customer select.salutation{width:100%}
	.post-project .basic-info .check-frm.style2{margin:0 0 10px 0}
	.post-project .basic-info.import .frm-item{margin:0}
	.post-news-manage .child-user-manage .news-code .input-code input{width:220px}
	/**/
	.registry-received-email .radio-row, .registry-received-email .note1, .registry-received-email .btn-frm{margin-left:0}
	.registry-received-email .frm-row label{width:100%}
	.registry-received-email .frm-row .frm-item{margin:0}
	.registry-received-email h2{font-size:17px}
}
