/*** LARGE DESKTOP ****/
@media (min-width: 1200px) 
{
    .container {width:1160px; margin:auto;}
    .hang1 .view-1, .view-2, .view-3{margin:0 0 10px 10px;} 
    .hang2 .view-4, .view-5, .view-6{margin:0 0 0 10px;}
    .item-image-fixed, .col-left{margin-right:20px;}
    .detail-post .comment-text-right{text-align:right}
    .hm-footer{position:fixed; bottom:0; left:0; right:0}
    .menuquiz , .menuview, .menutravel{margin:0 0 10px 10px;}
    .footer{text-align:left}
    .footer .copyright {text-align:right; margin:25px 5px 25px 0}
    .footer .left{display:table; table-layout:fixed;}
    .footer .text{padding-left:5px;display:table-cell; vertical-align:middle}
    .footer .text a{font:600 12px/18px Open Sans;color:#fff;}
    .footer .text a:hover{color:#ddd;}
    .travel-list .xitem{padding:0 10px 20px 10px; display:block;}
    .search-box{margin-top:6px;}
    .bs-docs-container{margin: 0 auto 20px}
    .home-content{margin-top:20px;}
    .event-cal-icon{text-align:right}
    .heritage .menu{height:530px;overflow-y:scroll}
    .oppo-job-detail .job-content{margin-left:15px;}
    .test-time{text-align:right;}
    .search-box-list .datetime-from, .search-box-list .datetime-to{margin-left:5px}
    .document-info .info-action{text-align:right}
 } 
 
/*** DESKTOP ****/
@media (max-width: 1200px) {
    header.header  a.link-header .header-project-name-vi, header.header  a.link-header .header-project-name-en {font-size: 14px;}
    .item-image-fixed, .col-left{margin-right:15px;}
    .detail-post .comment-text-right{text-align:right}
    .hm-footer{position:fixed; bottom:0; left:0; right:0}
    .menuquiz , .menuview, .menutravel{margin:0 0 10px 10px;} 
    .footer .copyright {text-align:right; margin:25px 5px 25px 0}
    .footer{text-align:left}
    .footer .left{display:table; table-layout:fixed;}
    .footer .text{padding-left:5px;display:table-cell; vertical-align:middle}
    .footer .text a{font:600 12px/18px Open Sans;color:#fff;}
    .footer .text a:hover{color:#ddd;}
    .travel-list .xitem{padding:0 10px 20px 10px; display:block;}
    .bs-docs-container{margin:0 auto 20px}
    .home-content{margin-top:20px;}
    .event-cal-icon{text-align:right}
    .heritage .menu{height:530px;overflow-y:scroll}
    .oppo-job-detail .job-content{margin-left:15px;}
    .test-time{text-align:right;}
    .search-box-list .datetime-from, .search-box-list .datetime-to{margin-left:5px}
    .document-info .info-action{text-align:right}
}

/*** TABLET ****/
@media (max-width: 992px) {
	header.header  a.link-header .header-project-name-vi, header.header  a.link-header .header-project-name-en {font-size: 16px;}
	header.header .container .right-banner {display:none;}
	header.header .project-name{width: 100%;}
	.common{padding:0 5px;}
	.item-image-fixed, .col-left{margin-right:0;}
	.detail-post .comment-text-right{text-align:left}
	.hm-footer{position:relative; }
	.menuquiz , .menuview, .menutravel{margin:10px 0 0 0;}
	.footer{text-align:center}
	.footer .left{display:block;}
	.footer .copyright {text-align:center; margin:5px 0px 5px 5px}
	.footer .text{padding-top:5px;width:100%; display:block}
	.footer .text a{font:600 12px/18px Open Sans;color:#fff;}
    .footer .text a:hover{color:#ddd;}
	.travel-list .xitem{margin-bottom:10px; display:block;padding:0}
    .bs-docs-container{margin:0 auto 5px}
    .home-content{margin-top:10px;}
    .event-cal-icon{text-align:left; margin-top:5px;}
    .heritage .menu{height:auto;overflow:visible}
    .oppo-job-detail .job-content{margin:0;}
    .test-time{text-align:left;}
    .search-box-list .datetime-from{margin:8px 0 0 0}
    .search-box-list .datetime-to{margin:8px 0 0 5px}
    .document-info .info-action{text-align:left}
}

/*** MOBILE ****/
@media (max-width: 676px) {
	header.header  a.link-header .header-project-name-vi, header.header  a.link-header .header-project-name-en {font-size: 14px;} 
	.common{padding:0 5px;}
	.item-image-fixed, .col-left{margin-right:0;}
	.detail-post .comment-text-right{text-align:left}
	.hm-footer{position:relative; }
	.menuquiz , .menuview, .menutravel{margin:10px 0 0 0;}
	.footer{text-align:center}
	.footer .copyright {text-align:center; margin:5px 0px 5px 5px}
	.footer .left{display:block;}
	.footer .text{padding-top:5px;width:100%; display:block}
	.footer .text a{font:600 12px/18px Open Sans;color:#fff;}
    .footer .text a:hover{color:#ddd;}
	Body{ background: #fff url(/Portals/_default/Skins/WB/images/bg.jpg)top center no-repeat;}
	.travel-list .xitem{margin-bottom:10px; display:block;padding:0;}
    .bs-docs-container{margin:0 auto 5px}
    .home-content{margin-top:10px;}
    .event-cal-icon{text-align:left; margin-top:5px;}
    .heritage .menu{height:auto;overflow:visible}
    .oppo-job-detail .job-content{margin:0;}
    .test-time{text-align:left;}
    .search-box-list .datetime-from{margin:8px 0 0 0}
    .search-box-list .datetime-to{margin:8px 0 0 5px}
    .document-info .info-action{text-align:left}
}