/* ================== 
	Responsive
================= */
@media (max-width: 1780px) {
	.bg-events {
		left: 70%;
	}
}
@media (max-width: 1400px) {
	.bg-events {
		left: 80%;
	}
}
@media (max-width: 1200px) {
	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
		margin-left: 0px;
		margin-top: 20px;
	}
	.post-list .header .container, .post-list .row {
		width: 100%;
		margin-right: auto;
		margin-left: auto;
	}
	.post-list .post-list-latestnews .row .col-md-3 {
		width: 33%;
	}
	.post-list .post-list-events .row .col-md-3 {
		width: 100%;
		display: inline-block;
	}
	.back-to-top-container .back-to-top {
		width: 80%;
	}
	.banner-checkers {
		background: url("../img/banner_checkers.png") center center no-repeat;
		background-size: cover;
	}
	
	.ful-two-col .ful-two-col-container {
		width: 100%;
	}
}
@media (max-width: 1060px) {
	.navbar-inverse .navbar-nav>.active:focus, .navbar-inverse .navbar-nav>.open:hover, .navbar-inverse .navbar-nav>li:focus, .navbar-inverse .navbar-nav>li:hover {
		border-bottom: none;
	}
	.navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
/* 		color: #FFF; */
/* 		background: #00498f; */
	}
	.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
		color: #00498f;
		background: #fff;
	}
	.navbar-inverse .navbar-nav > li > a {
    	border-bottom: 1px solid #e3e3e3;
		background: url("../img/arrow_dorpdown.svg") no-repeat;
		background-position: center right 20px;
	    background-size: 12px;
    	font-size: 14px;
    }
	.navbar-inverse .navbar-nav > li.menu-customerservice > a {
		background: none;
    }
	.navbar-inverse .navbar-nav>li.menu-search, .navbar-inverse .navbar-nav>li.menu-search:focus {
		border-bottom: 1px solid #e3e3e3;
	}
	.navbar-inverse .navbar-nav>.highlighted {
		border: none;
	}
	.navbar-collapse.collapsing .navbar-nav, .navbar-collapse.collapse.in .navbar-nav, .navbar-collapse.collapsing ul.nav-right, .navbar-collapse.collapse.in ul.nav-right{
	    margin-top: 20px;
	    margin-bottom: 20px;
	}
	.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
	    max-height: none;
	}
	ul.nav-right {
		display: none;
	}
	.navbar-collapse.collapsing ul.nav-right, .navbar-collapse.collapse.in ul.nav-right {
		margin-top: 0px;
		display: none;
	}
	.navbar-collapse.collapsing ul.nav-right .search, .navbar-collapse.collapse.in ul.nav-right .search {
		display: none;
	}
	.navbar-nav .sub-nav {
		position: inherit;
		top: 0px;
	}
	.navbar-collapse.collapsing .navbar-nav, .navbar-collapse.collapse.in .navbar-nav, .navbar-collapse.collapsing ul.nav-right, .navbar-collapse.collapse.in ul.nav-right{
	    margin-top: 20px;
	    margin-bottom: 40px;
	}
	.navbar-nav {
		display: none;
	}
	.navbar-collapse.collapsing{
		display: block !important;
	}
	.navbar-collapse.collapsing .navbar-nav, .navbar-collapse.collapse.in .navbar-nav {
		display: block;
	    margin-top: 20px;
		float: none;
		margin: 7.5px 0px;
	}
	.navbar-collapse.collapsing ul.nav-right, .navbar-collapse.collapse.in ul.nav-right {
	    margin-top: 20px;
	}
	.bottom-rainbow-line .rainbow-line, .footer-rainbow-line .rainbow-line {
		width: 100%;
		height: 6px;
		background: url('../img/footer_rainbow_line.png') #00498f center right no-repeat;
	}
	.navbar-nav > li {
		float: none;
		position: relative;
		display: block;
	}
	.navbar-nav {
		margin-top: 22px;
		margin-left: 0px;
	}
	.menu-search .menu-searchbox {
		margin-left: 10px;
		font-size: 16px;
    	font-weight: lighter;
    	width: 100%;
    	display: block;
		height: auto;
	}
	.navbar > .container .navbar-brand {
		margin-top: 20px;
		margin-left: -80px !important;
		padding: 0px;
		margin-right: 14px;
	}
	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
		margin-left: -80px !important;
		margin-top: 10px;
	}
	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
		margin-left: -80px !important;
		margin-top: 10px;
	}
	.navbar > .container .navbar-brand {
		margin-top: 10px;
		margin-left: -80px !important;
		padding: 0px;
		margin-right: 14px;
		position: absolute;
		float: none;
		left: 50%;
	}
	.container > .navbar-header {
		float: none;
	}
	.navbar {
		min-height: 70px;
	}
	.navbar-inverse .navbar-toggle {
		margin-top: 10px;
		border-radius: 0px;
		border: 0px;
		float: left;
		margin-left: 15px;
		display: block;
	}
	body {
		padding-top: 70px;
	}
	.navbar-nav .sub-nav .sub-nav-block .sub-nav-list .submenu-mainpage {
		display: block;
	}
	.navbar-nav.smaller .sub-nav {
		height: auto;
		padding-bottom: 40px;
	}
	.navbar-nav .sub-nav .sub-nav-block {
		height: auto;
	}
	.navbar-nav .sub-nav .sub-nav-block .content {
		padding-left: 24px;
	}
	.nav-searchbox {
		display: none !important;
	}	
	.mobile-lang {
		display: block;
	}
	.navbar-nav {
		height: auto;
	}
	.container {
		width: auto;
	}
	.navbar-nav > li {
		padding-top: 0px;
		padding-bottom: 0px;
	}
	
	/* customer service */
	.customer-service {
		top: 56px;
	}
	
	.customer-service .row {
		width: 100%;
		margin-right: auto;
		margin-left: auto;
	}
	.customer-service .btn-close {
		display: none;
	}
	.nav > li.menu-customerservice.menu-cs-border.highlighted, 
	.nav > li.menu-customerservice.menu-cs-border.highlighted:hover  {
		background: transparent;
		border: none;
		margin-top: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.nav > li.menu-customerservice.menu-cs-border.highlighted a {
		color: #00498f;
	}
	.nav > li.menu-customerservice.menu-cs-border.highlighted a:hover,
	.nav.navbar-inverse .navbar-nav > li.menu-customerservice > a {
		background: none;
	}
	.footer-container {
		width: 100%;
	}
	.footer-bottom .footer-bottom-right br {
		display: none;
	}
	.footer .footer-container .col-md-2 {
		padding-left: 12px;
	}
	.footer-bottom-left {
		padding-left: 12px;
	}
	.footer-bottom-right {
		padding-right: 12px;
	}
	.footer-bottom-container {
		width: 100%;
	}
	
	/* investor */
	.investor-news {
		width: 100%;
		padding: 40px 0px;
	}
	
	/* press release */
	.main-image-container {
		width: 100%;
	}
	
	/* top banner */
	.page-image-container {
		width: 100%;
	}
	
	
	/* director-list */
	.leadership-top {
		width: 100%;
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.leadership-top .title {
		padding-left: 20px;
		width: 100%;
	}
	.leadership-top .caption {
		padding-left: 20px;
		width: 100%;
	}
	.leadership-header {
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 10px;
	}
	.leadership-header h1 {
		border-top: 0px;
		padding-left: 0px;
		padding-top: 0px;
		width: 95%;
		line-height: 34px;
		padding-bottom: 10px;
		margin-left: 20px;
		margin-right: 40px;
	}
	.leadership-header .btn-blue-arrow-right,
	.leadership-header.leadership-header-senior .btn-blue-arrow-right {
		float: none;
		width: 200px;
		padding-left: 20px;
		padding-right: 40px;
		padding-top: 10px;
		padding-bottom: 10px;
		margin-left: 20px;
		display: none;
	}
	.director-list {
		width: 100%;
		margin: 0px auto;
		padding: 0px 20px;
	}
	.director-block .dimage {
		/*padding: 40px;
		width: 30%;*/
	}
	.director-block .dinfo {
		width: 70%;
	}
	.director-div .dinfo {
		width: 70%;
	}  
	.link-scebu, .link-scebu:hover, .link-scebu:active {
		padding: 8px 60px 8px 40px;
		font-size: 17px;
		background: url("../img/arrow_white.png") #00498f center right 12px no-repeat;
		color: #FFF;
	}
	
	.report-year-link {
		width: 100%;
	}
	.report-year-selector .year-selector {
		width: 100%;
		padding: 40px 20px 0px;
		border-bottom: 12px solid #4b90cd;
	}
	.report-year-selector .year-selector li {
		width: 110px;
		text-align: center;
	}
	.report-year-selector .year-selector li.last {
		width: 110px;
	}
	a.link-scebu{
		color:#ffffff;
	}
	.leadership-header.leadership-header--small h1 {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	
	/* 	Be a PCCW Talent */
	.careers-block .left-content {
		float: left;
		width: 350px;
		margin: 80px 0px 80px 20px;
	}
	.careers-block .right-content {
		margin: 100px 0px 160px 0px;
	}
	.ful-two-col-logo {
		width: 100%;
	}
	.ful-two-col-logo .ful-two-col-logo-block.col-md-6 {
		float: left;
	}
	
	/* programs on offer */	
	.col-content-2 {
		width: 100%;
		margin: 0px auto 0px;
	}
	.col-content-2 .right-img {
		float: none;
	}
	.col-content-2 .image {
		text-align: center;
	}
	
	.content-rightmenu {
		width: 100%;
	}
	.content-rightmenu .left-content {
		margin-right: 0px;
		padding-right: 0px;
	}
	.content-rightmenu .news-block .news-image-container .news-image .btn-share {
		display: block;
	}
	.content-rightmenu .right-menu {
		width: 100%;
		padding-top: 20px;
		padding-right: 0px;
		padding-left: 0px;
	}
    .frame-feedback {
      height: 1220px;
    }

	.frame-feedback-c {
      height: 1320px;
    }  
  
    .frame-servicerelocation {
      height: 3100px;
    }

	.frame-servicerelocation-c {
      height: 3200px;
    }
  
}
@media (max-width: 991px)  {
	.main .container {
		padding-top: 20px;
	}
	.page-content-container {
		width: 100%;
		margin: 40px auto;
	}
	.footer .footer-content {
		display: none;
	}
	.footer .footer-header {
		font-size: 18px;
		line-height: 50px;
		padding: 0px 8px;
		border-bottom: 1px solid #e3e3e3;
		cursor: pointer;
	}
	.footer-content li {
		font-size: 14px;
		line-height: 30px;
		border-bottom: 1px solid #e3e3e3;
		padding: 10px 20px;
	}
	.footer-ic-plus {
		float: right;
		display: block;
		margin-top: 18px;
	}
	.footer .footer-header.footer-followus {
		border-bottom: 0px;
	}
	.footer .footer-header.footer-followus .footer-ic-plus {
		display: none;
	}
	.footer-block.active .footer-header .footer-ic-plus {
		-ms-transform: rotate(135deg);
		-webkit-transform: rotate(1345deg);
		transform: rotate(135deg);
	}
	.footer-search {
		display: none;
	}
	.footer .footer-content.footer-content-social {
		width: 100%;
		display: block;
		margin-bottom: 0px;
		padding-bottom: 0px;
	}
	.footer .footer-content-social li {
		border-bottom: 0px;
	}
	.footer-bottom-container {
		border-top: 0px;
	}
	.footer-bottom-left, .footer-bottom-right {
		padding-left: 20px;
		padding-bottom: 12px;
		padding-right: 34px;
		text-align: left;
		font-size: 14px;
	}
	.footer-container {
		padding-top: 20px !important;
	}	
	.footer-subite-m {
		display: block;
	}
	
	/* customer-service	 */
	.customer-service .col-md-3 {
		padding-left: 24px;
		padding-right: 24px;
		padding-top: 70px;
	}
	.customer-service .col-md-3.main-content {
		padding-top: 44px;
	}
	.customer-service .main-content h1 {
		font-size: 20px;
		padding-bottom: 10px;
		color: #00498f;
		margin-top: 0px;
	}
	.customer-service .main-content p {
		font-size: 14px;
		color: #6c6c6c;
	}
	.customer-service .col-md-3.hkt-content {
		padding-top: 24px;
	}
	.customer-service .title {
		text-align: center;
		height: auto;
		border-bottom: 1px solid #c6c6c6;
		padding-bottom: 20px;
		margin-top: 8px;
	}
	.customer-service ul.service-list.logo-list {
		display: flex;
		display: -webkit-flex;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		justify-content: center;
		-webkit-justify-content: center;
		margin-bottom: 0px !important;
	}
	.customer-service ul.service-list li.service-livechat, .customer-service ul.service-list li.service-hotline {
		display: none;
		width: auto;
	}
	.customer-service ul.service-list {
		margin-top: 0px;
		margin-bottom: 25px;
	}
	.customer-service ul.service-list li {
		padding-bottom: 20px;
		width: auto;
		margin-left: 20px;
		margin-right: 20px;
	}
	.customer-service ul.service-list li.service-myhkt {
		padding-top: 42px;
		width: auto;
		margin-left: 20px;
		margin-right: 20px;
		float: left;
		height: 100px;
		text-align: center;
	}
	.customer-service ul.service-list li.service-0060 {
		padding-top: 38px;
	}
	.customer-service ul.service-list li.service-netvigator {
		padding-top: 18px;
	}
	.customer-service ul.service-list li.service-1010 {
		padding-top: 30px;
	}
	.customer-service ul.service-list li.service-csl {
		padding-top: 30px;
	}
	.customer-service ul.service-list li.service-nowtv {
		padding-top: 30px;
	}
	.customer-service ul.service-list li.service-viutv {
		padding-top: 34px;
	}
	.customer-service ul.service-list li.service-moov {
		padding-top: 36px;
	}
	.customer-service ul.service-list li.service-website {
		width: 100%;
		padding-top: 20px;
		height: auto;
		float: none;
		text-align: center;
	}
	.customer-service ul.service-list.mobile {
		border-bottom: 1px solid #c6c6c6;
		padding-top: 20px;
		padding-bottom: 0px;
		margin-bottom: 0px;
		display: block;
	}
	.customer-service ul.service-list.mobile li {
		float: none;
		text-align: center;
	}
	.customer-service ul.service-list.mobile .service-livechat, .customer-service ul.service-list.mobile .service-hotline {
		display: block;
		padding-bottom: 0px;
		font-size: 14px;
		height: 50px;
		margin-bottom: 0px;
	}
	.btn-livechat {
		padding: 10px 32px 10px 74px;
		font-size: 18px;
		background-position: left 14px center;
		background-size: 27px;
	}
	.customer-service ul.service-list.mobile .service-hotline {
		font-size: 16px;
		padding-top: 10px;
		border: 0px;
		width: auto;
	}

	/* 	home slide	 */
	.carousel-caption {
		width: 100%;
	}
	.carousel-caption-inner {
		left: auto;
		margin: 0px auto;
	}
	.banner-3 .carousel-caption-inner {
		left: 0px;
		margin: 0px auto;
    	top: 30%;
	}
	.banner-4 .carousel-caption-inner {
		left: auto;
		margin: 0px auto;
    	top: 30%;
	}
	.banner-5 .carousel-caption-inner {
		left: auto;
		margin: 0px auto;
    	top: 30%;
	}
	.banner-6 .carousel-caption-inner {
		left: auto;
		margin: 0px auto;
    	top: 30%;
	}
	
	/* investor	 */
	.investor-news {
		padding: 100px 0px;
	}
	.investor-news .investor-content {
		padding: 0px 40px;
		float: left;
		width: 41.66666667%;
	}
	.investor-news .investor-image {
		float: right;
		padding: 0px;
		width: 58.33333333%;
	}
	.investor-news .investor-content .content {
		padding-top: 40px;
		padding-bottom: 0px;
	}
	
	/* press release */
	.ful-width-image .caption p {
		width: 400px;
	}
	
	/* home two box */
	.ful-two-col-block .col-md-6 {
		margin-top: 20px;
		height: 504px;
		cursor: pointer;
	}
	.ful-two-col-block .col-md-6.left, .ful-two-col-block .col-md-6.right {
		width: 100%;
		background-size: cover;
		background-position: 100% 100%;
    	margin-left: 0%;
	}
	.ful-two-col-block .col-md-6 .content.content-bg {
		width: 100%;
		padding-right: 40px;
		padding-left: 40px;
		padding-bottom: 40px;
		padding-top: 40px;
		color: #FFF;
		right: 0px;
		bottom: 0px;
		background: rgba(0, 0, 0, 0.7);
	}
	.ful-two-col-block .col-md-6 .content.content-bg .desc {
		padding-left: 0px;
		height: auto;
	}
	.investor .investor-shareperformance-h.page-content-container {
		margin-bottom: 20px;
	}
	.investor .investor-shareperformance-h.page-content-container .col-md-6 {
		float: left;
		width: 50%;
		margin-bottom: 0px;
	}
	.investor .investor-shareperformance-h.page-content-container .col-md-6 .name {
		padding-left: 40px;
		font-size: 26px;
		color: #00498f;
	}
	.investor .investor-shareperformance-h.page-content-container .col-md-6 .date {
		padding-right: 40px;
		font-size: 26px;
		color: #030303;
	}
	
	/* latest news */
	.post-list .post-list-latestnews .row .col-md-3,
	.post-list .post-list-events .row .col-md-3 {
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
	}
	.post-list .content {
		margin-left: 20px;
		margin-right: 20px;
		border-top: 0px;
		border-bottom: 1px solid #eaeaea;
		height: auto;
		background: url("../img/arrow_blue.svg") no-repeat;
		background-position: 100% 50%;
		padding-bottom: 10px;
		-webkit-transition: 1s ease-in-out;
		-moz-transition: 1s ease-in-out;
		-o-transition: 1s ease-in-out;
		transition: 1s ease-in-out;
	}
	.post-list .content .readmore-blue, .post-list .content .separete-line {
		display: none;
	}
	.post-list .content .date {
		font-size: 12px !important;
		display: block;
		font-weight: bold;
	}
	.post-list .header .container .readmore-white {
		text-indent: -10000px;
		padding-right: 0px;
		width: 0px;
		margin-top: 8px;
		background-size: 8px;
		margin-right: 8px;
	}
	.post-list .header .container {
		padding-top: 4px;
	}
	.post-list .header .container .title {
		font-size: 15px;
		margin-top: 8px;
		margin-left: 20px;
	}
	.post-list .post-list-events {
		padding-left: 0px;
	}
	
	/* top banner */
	.page-main-image .caption {
		padding-left: 40px;
		padding-right: 40px;
		margin-right: 0px;
	}

	/* normal text */
	.page-content-container {
		width: 100%;
		margin: 0px auto 20px;
	}
	/* normal image */
	.page-content-image-container.dimmed .img-content {
		width: 100%;
		margin: 0px auto 20px;
	}
	.page-content-image-container.dimmed .img-content.img-content-bg {
		width: 100%;
		margin: 0px auto 20px;
	}
	.page-content-image-container.dimmed .img-content > img {
		width: 100%;
	}
	.page-content-image-container.dimmed .img-content p.caption {
		padding: 0px 20px;
	}
	.page-content-image-container .img-content:hover {
		background-size: 918px 350px;
	}
	.ful-two-col-s {
		width: 100%;
		padding: 0px 20px;
		margin: 0px auto;
	}
	.ful-two-col-s .ful-two-col-s-block.col-md-6 {
		float: left;
		width: 48%;
	}
	.ful-two-col-s .ful-two-col-s-block.col-md-6.right {
		margin-left: 0px;
		float: right;
	}
	.ful-two-col-s .ful-two-col-s-block.col-md-6.bg-businessbrands .caption {
		background-size: cover;
	}
	.ful-two-col-s .ful-two-col-s-block.col-md-6.bg-milestones .caption {
		background-size: cover;
	}
	.ful-two-col-s .ful-two-col-s-block.col-md-6 .caption, .ful-two-col-s .ful-two-col-s-block.col-md-6:hover .caption {
		background-size: cover !important;
	}
	
	
	/* media */
	.twocol-item {
		width: 100%;
	}
	/* director	 */
	.director-block .dimage {
		padding: 40px 40px 0px;
		width: auto;
		float: none;
		text-align: center;
	}
	.director-block .dinfo {
		width: auto;
		float: none;
		padding: 40px;
	}
	.director-div .dimage {
		padding: 40px 40px 0px;
		width: auto;
		float: none;
		text-align: center;
	}
	.director-div .dinfo {
		width: auto;
		float: none;
		padding: 40px;
	}	
	.twocol-item .cover {
		width: 45%;
	}
	.twocol-item .content {
		width: 55%;
		padding: 30px 20px;
	}
	.director-block .modal-dialog .dimage {
		float: none;
		width: 50%;
		padding: 0px;
		margin: 0px auto;
	}
	.director-block .modal-dialog .dcontent {
		padding: 0px;
	}
	.director-block .dinfo-full {
    	padding: 40px;
	}
	.director-div .modal-dialog .dimage {
		float: none;
		width: 50%;
		padding: 0px;
		margin: 0px auto;
	}
	.director-div .modal-dialog .dcontent {
		padding: 0px;
	}
	.director-div .dinfo-full {
    	padding: 40px;
	}
	
	/* search */
	.search-result-content {
		width: 100%;
	}
	#search-result-content .nav-tabs {
		width: 100%;
	}
	.search-result-content .page-title {
		padding: 0px 20px;
	}
		
	/* carrers  */
	.main-filter-container {
		width: 100%;
		height: auto;
		min-height: auto;
	}
	.filter-container {
		padding: 0px 20px 40px;
		width: 100%;
	}
	.filter-menu .filter-item.filter-item-top {
		border-bottom: 1px solid #FFF;
	}
	.filter-menu .filter-item {
		width: 100%;
	}
	.filter-menu .filter-item .separate {
		display: none;
	}
	.filter-menu .filter-item .filter-submenu {
		width: 100%;
		position: relative;
	}
	.filter-menu .filter-item .filter-submenu .triangle {
		left: 50%;
		position: absolute;
		margin-left: -15px;
	}
	.filter-menu .filter-item.last-filter-item .filter-submenu {
		right: auto;
	}
	.filter-menu .filter-item.last-filter-item .filter-submenu .triangle {
		margin-left: auto;
	}
	.filter-menu .filter-item.filter-item-bottom {
		border-bottom: 1px solid #FFF;
	}
	.main-filter-container .main-content {
		position: relative;
		top: 0px;
		left: 0px;
		margin-bottom: 20px;
		padding: 0px 20px;
	}
	ul.filters {
		margin-bottom: 0px;
		padding-bottom: 20px;
	}
	.job-table-hd th {
		padding: 10px 10px;
	}
	.job-row-odd td, .job-row-even td {
		padding: 20px 10px;
	}
	.filter-menu .filter-item.filter-item-even .separate {
		display: none;
	}
	/* table */
	.table-container {
		width: 100%;
		margin: 0px auto 40px;
		padding: 0px 20px;
	}
	.table-container .paging {
		margin-top: 20px;
		margin-bottom: 60px;
	}
	.table-container .filter .filter-year {
		width: 120px;
		margin-right: 20px;
	}
	.table-container .filter .filter-months {
		width: 180px;
	}
	.table-container .filter .filter-all-topics .btn-group > .btn:first-child,
	.table-container .filter .filter-year .btn-group > .btn:first-child,
	.table-container .filter .filter-months .btn-group > .btn:first-child {
		font-size: 20px;
	}
	.table-container .filter .filter-all-topics .bootstrap-select.btn-group .dropdown-toggle .caret,
	.table-container .filter .filter-year .bootstrap-select.btn-group .dropdown-toggle .caret,
	.table-container .filter .filter-months .bootstrap-select.btn-group .dropdown-toggle .caret {
		height: 10px;
		width: 16px;
		background-size: 16px 16px;
		background-position: 0px -10px;
	}
	.table-container .filter-bottom {
		margin-bottom: 10px;
		height: 10px;
	}
	.table-container .table .month {
		font-size: 20px;
		padding-top: 14px;
		padding-left: 18px;
		padding-bottom: 14px;
	}
	.table-container .table .news .new .date {
		width: 20%;
		padding-right: 10px;
		padding-left: 14px;
	}
	.table-container .table .news .new .desc {
		width: 60%;
		padding-right: 40px;
	}
	.table-container .table .news .new .dl {
		width: 20%;
	}
	.table-container .table .news .new .dl a {
		width: 85%;
	}
	
	/* expanding boxes */
	.content-expand-boxes {
		margin: 0px auto;
		width: 100%;
		padding: 0px 20px;
	}
		
	/* investors */
	.investor .page-content-container {
		width: 100%;
		margin: 0px auto 0px;
	}
	.investor-shareprice .ful-three-col-block {
		width: 100%;
	}
	.investor-stocktable .page-content-container {
		width: 100%;
	}
	.investor-shareprice .ful-three-col-block .value-left .price {
		float: none;
	}
	.investor-shareprice .ful-three-col-block .value-right .price {
		float: none;
	}
	.sp-table .param {
		padding-left: 40px;
	}
	.sp-table .value {
		padding-right: 40px;
	}
	.sp-table .sp-bottom td {
		padding: 0px 40px;
	}
	.investor .page-content-container .col-md-6 {
		margin-bottom: 40px;
		padding: 0px;
	}
	.investor-info .content {
		padding-right: 40px;
	}
	.investor-fr .page-content-container .content {
		padding-left: 40px;
		padding-right: 40px;
	}
	.investor-fr .page-content-container .content .cover {
		float: none;
    	padding: 0px;
    	text-align: center;
	}
	.investor-fr .page-content-container .content .links {
		padding-right: 0px;
	}
	.investor-fr .page-content-container .content>.col-md-6:nth-child(1) {
		padding-left: 0px;
	}
	.investor-fr .page-content-container .content>.col-md-6:nth-child(2) {
		padding-right: 0px;
	}
	.investor-fr-inner .page-content-container {
		width: 760px;
		margin: 40px auto;
	}
	.investor-fr-inner .page-content-container .content {
		padding: 0px;
	}
	.investor-fr-inner .page-content-container .content .links {
		padding-bottom: 0px;
	}
	.investor-related-links .page-content-container {
		width: 760px;
	}
	.investor .page-content-container .content .links .link .filename {
		width: 90%;
	}
	.investor-info .page-content-container .title,
	.investor-info .page-content-container .investor-links .title,
	.investor-info .content {
		padding-left: 40px;
	}
	.investor-info .page-content-container .investor-links .content {
		padding-left: 40px;
	}
	.sp-chart {
		width: 100%;
		padding: 0px 20px;
	}
	.sp-chart .blue-title {
		padding-left: 80px;
		width: 40%;
	}
	.sp-chart .chart-value {
		width: 60%;
	}
	.sp-chart .desc {
		padding: 0px 20px;
	}
	.sp-chart .submit-box p {
		padding-left: 20px;
	}
	.his-table-bottom {
		padding-left: 20px;
	}
	.sp-stocktable {
		width: 100%;
		padding: 0px 20px;
	}
	table.his-table thead tr td.date, table.his-table tbody tr td.val-date {
		width: 25%;
	}
	table.his-table thead tr td.oprice, table.his-table tbody tr td.val-oprice {
		width: 22%;
	}
	table.his-table thead tr td.high, table.his-table tbody tr td.val-high, table.his-table thead tr td.low, table.his-table tbody tr td.val-low {
		width: 12%;
	}
	table.his-table thead tr td.high, table.his-table tbody tr td.val-high, table.his-table thead tr td.low, table.his-table tbody tr td.val-low {
		width: 12%;
	}
	table.his-table thead tr td.cprice, table.his-table tbody tr td.val-cprice {
		width: 22%;
	}
	table.his-table thead tr td.volume, table.his-table tbody tr td.val-volume {
		width: 24%;
	}
	.investor-shareprice {
		padding: 0px 20px;
	}
	.investor-stocktable {
		padding: 0px 20px;
    }
    .executives-block .profile-img {
    	width: 100%;
    	float: none;
    	text-align: center;
    }
    .executives-block .profile-content {
    	width: 100%;
    	float: none;
    	padding: 20px 0px;
    }
	
	/* bottom banner */
	.bottom-banner {
		width: 100%;
	}
	
	/* breadcrumbs */	
	.breadcrumb-block {
		margin-top: 20px;
	}
	
	/* leadership */
	.leadership-top .caption {
		padding-left: 20px;
		padding-right: 20px;
		width: 100%;
	}
	.director-block .dimage > .icon-print {
		display: block;
	}
	.director-block .dinfo .icon-print {
		display: none;
	}
	.director-div .dimage > .icon-print {
		display: block;
	}
	.director-div .dinfo .icon-print {
		display: none;
	}
	
	/* link list */
	.links-list {
		width: 100%;
		padding: 0px 20px;
	}
	
	
	/* faqs */
	.page-main-faqs {
		width: 100%;
		padding: 0px 20px;
	}
	
	/* tabs	 */
	.tabs-block {
		width: 100%;
		padding: 0px 20px;
	}
	.tabs-content > div ul li .left-con {
		width: 20%;
		margin-right: 50px;
	}
	.tabs-content > div ul li .right-con {
		width: 70%;
	}
	/* Management Structure */
	.management-chart-block {
		width: 100%;
		padding: 0px 20px;
	}
	.management-chart .chart img {
		width: 100%;
	}
	
	
	/* form */
	.page-content-form-container {
		width: 100%;
	}
	.content-form {
		padding: 20px 20px 20px 20px;
	}
	.content-form .bootstrap-select.btn-group .dropdown-menu li a {
		padding-left: 20px;
		padding-right: 45px;
	}
	.content-form .bootstrap-select>.dropdown-toggle,
	.content-form .btn-group.open .dropdown-toggle {
		padding-left: 20px;
		padding-right: 45px;
	}
	.content-form input[type="text"] {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	
	/* Paragraph */
	.pg-style2 {
		margin-bottom: 80px !important;
	}
	
	/* career */
	.company-content-container {
		width: 100%;
		padding: 20px 40px 0px;
	}
	.job-header {
		padding: 20px;
		margin-bottom: 20px;
	}
	.job-header .header-container {
		width: 100%;
		margin: 0px auto;
		padding: 0px 20px;
	}
	.job-header .header-container .btn-print {
		padding-top: 20px;
	}
	
	/* financial report year selector slider */	
	.year-slider-container {
		width: 100%;
	}
	.year-slider-container .year-slider-control .btn-prev {
		margin-left: 0px;
	}
	.year-slider-container .year-slider-control .btn-next {
		margin-right: 0px;
	}
	body.iframe-container .main .container {
		padding-top: 0px;
	}
	body.iframe-container .main .container .investor-shareprice {
		margin-top: 0px;
	}
	
	/* contact */
	.main-contact-container .tabs .tab {
		width: 33%; height:70px
	}
	.main-contact-container .options .option.col-md-4 {
		width: 33.33333333%;
		float: left;
	}
	.main-contact-container .options .option.col-md-3 {
		width: 25%;
		float: left;
	}
	
	/* contact shop */
	.table-shop {
		width: 100%;
		padding-left:20px;
		padding-right:20px;
	}
	
	[class^="container--"] {
		max-width: 100%;
		margin: 0px 20px;
	}
	
	
	.leadership-header.leadership-header--small {
		width: 100%;
	}
	
	
	.shop-names-container {
		width: 100%;
	}
	.table-shop .shop-names-control .btn-prev {
/* 		margin-left: 0px; */
	}
	.table-shop .shop-names-control .btn-next {
/* 		margin-left: 0px; */
/* 		margin-right: 0px; */
	}
	
	/* Be a PCCW Talent */
	.white-bg, .grey-bg {
		padding: 0px 20px;
	}
	.careers-block .logos .logo {
		width: 25%;
		float: left;
	}
	.careers-block .logos .logo-img img {
		width: 80%;
	}
	.careers-block .left-content {
		float: none;
		width: 100%;
		margin: 540px 0px 40px;
	}
	.img-multi-layers-a {
		width: 680px;
		margin: 0px auto;
	}
	.img-multi-layers-a img.a03 {
		top: 240px;
		right: auto;
		left: auto;
	}
	.img-multi-layers-a img.a02 {
		top: 130px;
		right: auto;
		left: auto;
	}
	.img-multi-layers-a img.a01 {
		top: 310px;
		right: auto;
		left: 80px;
	}
	.careers-block .right-content {
		float: none;
		width: 100%;
		margin: 520px 0px 40px;
	}
	
	.img-multi-layers-d {
		width: 680px;
		margin: 0px auto;
	}
	.img-multi-layers-d img.d01 {
		top: 500px;
		left: 160px;
	}
	.img-multi-layers-d img.d02 {
		top: 360px;
		left: 90px;
	}
	.img-multi-layers-d img.d03 {
		top: 260px;
		left: 0px;
	}
	.careers-block .left-content h3 br, .careers-block .right-content h3 br {
		display: none;
	}
	.careers-block h3 {
		text-align: left;
	}
	.careers-block .page-content-container p {
		text-align: left;
	}
	.img-multi-layers-u {
		width: 500px;
		margin: 0px auto;
	}
	.img-multi-layers-u img.u01 {
		right: auto;
		left: auto;
		top: 700px;
	}
	.img-multi-layers-g {
		width: 500px;
		margin: 0px auto;
	}
	.careers-block .right-content-g {
    	margin: 620px 0px 40px;	
	}
	.img-multi-layers-g img.g01 {
		top: 1040px;
	}
	.img-multi-layers-g img.g02 {		
		top: 840px;
	}
	.img-multi-layers-g img.g03 {
		top: 600px;
	}
	
	
	.popup__inner{
		width:100%;
	}
	
	
	/* products service */	
	.page-products-services {
		width: 100%;
		padding: 0px 20px;
	}
	.product-box {
		width: 30%;
		height: 246px;
	}
	.product-box .details div {
		float: left;
	}
	.product-box .details div.col-md-4 {
		width: 33%;
	}
	.product-box .details div.col-md-6 {
		width: 50%;
	}
	
	.page-tabs .page-tab {
		float: left;
		width: 50%;
	}
	.page-tabs .page-tab br {
		display: none;
	}
	
	.paging-block {
		padding: 0px 20px;
	}
	.journey-inside {
		margin: 0px 15px;
	}
	.ful-two-col .ful-two-col-container .content-image {
		height: 580px;
		background-size: cover !important;
		background-position: 50% 50% !important;
	}
	.ful-two-col .ful-two-col-container .content-text {
		padding: 40px;
		height: auto;
	}
	.ful-two-col .ful-two-col-container .content-image-right {
		float: none;
	}
	.director-block .dinfo-full {
		width: 90%;
	}
	.director-div .dinfo-full {
		width: 90%;
	}
	.ful-three-logo .ful-three-col-logo-block {
		width: 33%;
		float: left;
	}
}
@media (max-width: 972px)  {
	.contact-tab-a .consumer-control { display:block}
	
	.navbar-nav .sub-nav .sub-nav-block {
		min-height: 177px;
		height: auto;	
		width: 100%;
	}
	.navbar-nav.smaller .sub-nav .sub-nav-block .sub-nav-list {
		width: 55%;
		float: right;
		padding-top: 0px;
	}
	.navbar-nav .sub-nav .sub-nav-block .sub-nav-list.list-first {	
		padding-top: 60px;
		float: right;
		padding-bottom: 0px;
	}
	.navbar-nav .sub-nav .sub-nav-block .sub-nav-list.list-last {	
		padding-bottom: 60px;
		float: right;
	}
	body {
		padding-top: 70px;
	}
	.navbar-inverse .navbar-toggle {
	    margin-top: 10px;
	}
	.navbar-toggle {
		display: block;
	}
	.navbar-header {
    	float: none;
	}
	.navbar-nav {
		float: none;
    	margin: 7.5px 0px;
	}
	.nav > li {
    	position: relative;
    	display: block;
	}
	.nav > li > a {
		position: relative;
		display: block;
		padding: 10px 15px;
	}
	.navbar-nav > li {
		float: none;
	}
	.navbar-nav > li > a {
		line-height: 20px;
	}
	.navbar-inverse .navbar-brand, .navbar-inverse .navbar-brand {
		position: absolute;
		float: none;
		left: 50%;
		margin-left: -80px !important;
    }
	.navbar-inverse .navbar-brand, .navbar-inverse .navbar-brand {
		margin-top: 20px;
		margin-left: 20px !important;
		padding: 0px;
		margin-left: -80px !important;
	}
	.navbar-cs {
		margin-top: 20px;
	    float: left;
	    position: static;
	}
    .navbar-header .navbar-brand {
    	margin-top: 10px;
    }
	.customer-service {
		position: absolute;
		top: 56px;
	}
	.navbar-nav .sub-nav .sub-nav-block .content {		
		width: 246px;
		padding-top: 18px;
		padding-left: 24px;
		margin-right: 30px;
	}
	.page-content .report-item.item-with-desc .info {
		background: rgba(0, 73, 143, 0.9);
	}
	.main-shop .table-shop .shop-info > div .value {
		width: 55%;
	}
	.main-shop .table-shop .shop-info > .address > .icons {
		width: 18%;	
	}
	
	
	/* contact shop */
	.table-shop .shop-info>div .value {
		width: 55%;
	}
	.table-shop .shop-info > .address > .icons {
    	width: 18%;
	}
}



@media (max-width: 800px)  {
    body {
	    padding-top: 56px;
	}
	.navbar-collapse {
    	padding-right: 0px;
	    padding-left: 0px;
	}
	.navbar-collapse.in {
		overflow-x: hidden;
	}
	.navbar-inverse .navbar-collapse {
		border: 0px;
	}
	.container > .navbar-header, .container-fluid > .navbar-header {
		margin-bottom: 20px;
	}
	.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
		margin-left: 0px;
		margin-right: 0px;
	}
	.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
	    max-height: none;
	}
	.navbar-inverse .navbar-brand {
		position: absolute;
		float: none;
		left: 50%;
		margin-left: -80px;
	    padding: 8px 15px;
    }
/* 
    .navbar > .container .navbar-brand {
	    padding: 8px 15px;
	    margin-top: 0px;
    }
 */
    .navbar-inverse .navbar-toggle {
	    margin-top: 10px;
    }
    
	.navbar-inverse .navbar-nav > li > a {
    	font-size: 18px;
    	font-weight: lighter;
    }
	.navbar-inverse .navbar-nav > li .sub-nav-list a { 
    	font-weight: lighter;
    }
	.navbar-nav {
		margin: 0px;
	}
	.navbar-nav .sub-nav .sub-nav-block {		
		width: 100%;
	}
	.navbar-nav .sub-nav .sub-nav-block .content {		
		width: 220px;
		padding-left: 14px;
		margin-right: 30px;
	}
	.navbar-nav .sub-nav .sub-nav-block .sub-nav-list {	
		padding-top: 60px;
		padding-left: 0px;
		list-style: none;
		width: 160px;
	}
	.navbar-nav .sub-nav .sub-nav-block {
		height: auto;
	}
	.navbar {
		min-height: auto;
	}
	.navbar-inverse .navbar-brand {
		margin-left: 0px !important;
		margin-top: 0px;
    }
	.navbar-nav.smaller .sub-nav .sub-nav-block .sub-nav-list {
/* 		float: left; */
		padding-top: 0px;
	}
	.navbar-nav.smaller .sub-nav .sub-nav-block .sub-nav-list.list-first {
		padding-top: 60px;
	}
	.navbar-nav.smaller .sub-nav .sub-nav-block .sub-nav-list.list-last {
		padding-bottom: 0px;
	}
	.media-content .page-content-container div.detail { width:100%; margin-bottom:40px}
	.media-content .page-content-container div.detail:last-child { margin-bottom:0px}
	.main-shop .table-shop .shop-info > div .value {
		width: auto;
		padding-bottom: 10px;
	}
	.main-shop .table-shop .shop-info > .address > .icons {
		width: auto;
		float: left;
    	padding: 8px 18px;
	}
	.footer .footer-header {
		font-size: 14px;
		line-height: 56px;
	}
	.footer-content li {
		font-size: 14px;
		padding-left: 20px;
		line-height: 30px;
	}
	.footer-ic-plus {
		margin-top: 24px;
		height: 10px;
		width: 10px;
	}
	
	
	/* 	customer service */
	.customer-service ul.service-list li {
		float: left;
		height: 74px;
		width: 108px;
		text-align: center;
		margin-left: 0px;
		margin-right: 0px;
	}
	.customer-service ul.service-list li.service-myhkt {
		padding-top: 36px;
	}
	.customer-service ul.service-list li.service-myhkt img {
		width: 60px;
	}
	.customer-service ul.service-list li.service-0060 {
		padding-top: 30px;
	}
	.customer-service ul.service-list li.service-0060 img {
		width: 60px;
	}
	.customer-service ul.service-list li.service-netvigator {
		padding-top: 10px;
	}
	.customer-service ul.service-list li.service-netvigator img {
		width: 100px;
	}
	.customer-service ul.service-list li.service-1010 {
		padding-top: 24px;
	}
	.customer-service ul.service-list li.service-1010 img {
		width: 60px;
	}
	.customer-service ul.service-list li.service-csl {
		padding-top: 24px;
	}
	.customer-service ul.service-list li.service-csl img {
		width: 50px;
	}
	.customer-service ul.service-list li.service-nowtv {
		padding-top: 30px;
	}
	.customer-service ul.service-list li.service-viutv {
		padding-top: 34px;
		padding-right: 12px;
	}
	.customer-service ul.service-list li.service-moov {
		padding-top: 36px;
	}
	
	/* 	slider */
	.carousel-caption {
		/*width: 90%;*/
		height: 464px;
		margin: 0px auto;
	}
	.banner-3 .carousel-caption-inner {
		right: 60px;
		top: 40%;
		width: 440px;
		left: 25%;
	}
	
	/* investor */
	.investor-news-bg {
		height: 464px;
		position: relative;
	}
	.investor-news-bg .investor-news {
		padding: 0px;
	}
	.investor-news .investor-content {
		padding: 0px 40px 20px;
		float: none;
		width: 100%;
		position: absolute;
		bottom: 0px;
	}
	.investor-news .investor-content .content {
		padding: 10px 0px;
	}
	.investor-news .investor-image {
		float: none;
		padding: 0px 40px;
		width: 100%;
		text-align: center;
	}
	.investor-news .investor-image img {
		width: 60%;
		padding-top: 20px;
	}
	.investor .page-content-container .title p {
		text-align: left;
		line-height: 40px;
		padding: 0px 40px;
	}
	
	.investor-fr-inner .page-content-container {
		width: 100%;
	}
	.investor-fr-inner .page-content-container .content {
		padding-left: 20px;
		padding-right: 20px;
	}
	.investor-related-links .page-content-container {
		width: 100%;
	}
	
	.sp-chart .blue-title {
		padding-left: 20px;
	}
	.sp-chart .option-tech .chart-value input.number {
		width: 40px;
		margin-right: 10px;
	}
	.sp-chart .chart-value .bootstrap-select {
		padding-left: 20px;
	}
	.sp-chart .chart-value .bootstrap-select > .dropdown-toggle,
	.sp-chart .chart-value .btn-group.open .dropdown-toggle {
		font-size: 14px;
	}
	.sp-chart .chart-value .bootstrap-select.btn-group .dropdown-menu li.selected a,
	.sp-chart .chart-value .bootstrap-select.btn-group .dropdown-menu li a {
		padding: 10px 0px 10px 30px;
	}
	.sp-stocktable .sdate, .sp-stocktable .sdate-val, .sp-stocktable .sdate-val, .sp-stocktable .edate-val {
		width: 180px;
	}
	.sp-stocktable .sdate-val input, .sp-stocktable .edate-val input {
		font-size: 18px;
		padding-right: 10px;
		width: 160px;
		height: 34px;
	}
	.sp-stocktable .submit-btn input {
		width: 120px;
		font-size: 18px;
		height: 42px;
	}
	table.his-table thead tr td.date, table.his-table tbody tr td.val-date {
		padding-left: 10px;
		width: auto;
	}
	table.his-table thead tr td.oprice, table.his-table tbody tr td.val-oprice {
		width: auto;
	}
	table.his-table thead tr td.high, table.his-table tbody tr td.val-high, table.his-table thead tr td.low, table.his-table tbody tr td.val-low {
		width: auto;
	}
	table.his-table thead tr td.high, table.his-table tbody tr td.val-high, table.his-table thead tr td.low, table.his-table tbody tr td.val-low {
		width: auto;
	}
	table.his-table thead tr td.cprice, table.his-table tbody tr td.val-cprice {
		width: auto;
	}
	table.his-table thead tr td.volume, table.his-table tbody tr td.val-volume {
		width: auto;
	}
	table.his-table thead tr td {
		font-size: 14px;
	}
	table.his-table tbody tr td {
		font-size: 14px;
	}
	table.his-table tbody tr td.val-volume {
		padding-right: 10px;
	}
	.his-table-bottom {
		height: auto;
		padding: 10px 0px;
	}
	.his-table-bottom p {
		font-size: 15px;
		line-height: 22px;
		padding: 0px 10px;
	}
	
	.executives-block {
		padding: 20px 40px 20px 20px;
/*		background: url("../img/icon_plus.png") center right 20px #f6f6f6 no-repeat;*/
	}

	/* Press release */
	.home-full-1 .main-image-new .caption {
		padding-right: 40px;
		background: rgba(0, 0, 0, 0.4);
		margin-bottom: 0px;
		padding-bottom: 20px;
		width: 100%;
		padding-top: 20px;
	}
	.ful-width-image .caption p {
		width: 100%;
		font-size: 24px;
	}
	
	/* top banner */
	.page-main-image .caption h1, .page-main-image .caption .desc {
		width: 100%;
		text-align: center;
	}
	
	/* two boxes */
	.ful-two-col {
		margin-top: 0px;
	}
	.ful-two-col-block .col-md-6 {
		height: 464px;
	}
	.ful-two-col-s .ful-two-col-s-block.col-md-6 {
		width: 100%;
		float: none;
		height: auto;
	}
	.ful-two-col-s .ful-two-col-s-block.col-md-6.right {
		margin-left: 0px;
		float: right;
	}
	.ful-two-col-s .ful-two-col-s-block.col-md-6.bg-businessbrands .caption {
		background-size: cover;
	}
	.ful-two-col-s .ful-two-col-s-block.col-md-6.bg-milestones .caption {
		background-size: cover;
	}
	.ful-two-col-s .ful-two-col-s-block.col-md-6 {
		margin-bottom: 40px;
	}
	
	/* leadership */
	.twocol-item {
		width: 100%;
		margin: 0px auto 20px;
	}
	.twocol-item .cover {
		float: none;
		width: 100%;
	}
	.twocol-item .content {
		padding: 30px 20px 30px 20px;
		width: 100%;
		height: auto;
	}
	
	
	/* expanding boxes */
	.content-expand-boxes .more-content-inner .table .news .new div.month {
		float: none;
		width: 100%;
	}
	.content-expand-boxes .more-content-inner .table .news .new div.news-content {
		float: none;
		width: 100%;
	}
	
	/* faq */
	.page-main-faqs h2 {
		margin-left: 20px;
		margin-right: 20px;
		font-size: 26px;
		margin-bottom: 10px;
	}
	.page-main-faqs .faq-block .question {
		font-size: 16px;
		padding-left: 20px;
	}
	.page-main-faqs .faq-block .more-content .more-content-inner {
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 20px;
	}
	.page-main-faqs .faq-block .more-content .more-content-inner .btn-close-more {
	    padding-top: 20px;
	}
	
	.back-to-top-container {
		bottom: 80px;
    }
	.back-to-top-container .back-to-top {
		width: 90%;
	}
	.page-main-faqs .filter {
		padding-left: 4px;
	}
	
	/* bottom banner */
	.bottom-banner .content-bg {
		padding: 20px 40px;
	}
	.bottom-banner .content-bg .content {
		width: 100%;
	}
	
	/* home */
	.carousel, .carousel-inner > .item {
		height: 464px;
	}
	.home-full-1, .home-full-1 .main-image-container {
		height: 464px;
	}
	
	/* link list */
	.links-list .list {
	    padding: 20px 40px;
	}
	.links-list .list .name {
		font-size: 17px;
		margin-bottom: 0px;
	}
	
	/* tabs */
	.tabs .tab {
		width: auto;
		padding: 0px 20px;
	}
	.tabs-content > div ul li .left-con {
		text-align: left;
	    float: none;
		width: 100%;
	}
	.tabs-content > div ul li .right-con {
		text-align: left;
	    float: none;
		width: 100%;
		font-size: 17px;
	}
	.tabs-content > div ul li .right-con p {
		margin-bottom: 0px;
	}
	.tabs-content > div {
		padding: 40px 20px 0px 20px;
    }
    
	/* year slider */
	.year-slider-container {
		padding: 10px 0px;
	}
	.year-slider-container .bottom-line {
		padding: 0px 40px;
	}
	
	/* contact detail */
	.main-contact-container {
		padding: 0px;
    	margin: 40px auto 0px;
	}
	.main-contact-container .tabs-content > div {
		padding: 0px 0px 0px 0px;
	}
	.main-contact-container .tabs .sepa {
		height: 50px;
	}
	.main-contact-container .options .option.col-md-3 {
		text-align: center;
		height: 62px;
		cursor: pointer;
 
		/*width: 33.3333%!important;
		float: left;
 */
	}
	
	/* contact shop */
	.table-shop .shop-info > div .title {
		width: 100px;
	}
	 .table-shop .shop-info > div .value {
		width: auto;
		padding-bottom: 10px;
	}
	.table-shop .shop-info > .address > .icons {
		width: auto;
		float: left;
		padding: 8px 18px;
	}
	
	.twocol-item.twocol-item--style2 .cover {
		border-bottom: 0;
	}
	.twocol-item.twocol-item--style2 .cover {
		height: auto;
	}
	.block-doc__cover {
		margin-bottom: 20px;
	}
	.block-doc__content {
		padding: 20px 20px;
	}
	.block-doc__caption,
	.block-doc__download {
		font-size: 18px;
	}
	.block-doc__download img {
		margin-left: 20px;
	}
	
	
	/* milestones */
	.milestones-main {
		width: 100%;
		margin: 20px auto;
		padding: 0px 20px;
	}
	.m-news {
		display: block;
	}
	.m-news.m-news-odd .img, .m-news.m-news-even .img {
		position: absolute;
		top: 80px;
		left: 0px;
		right: 0px;
		height: 200px;
		text-align: center;
		width: 100%;
	}
	.m-news.m-news-odd .content-block, .m-news.m-news-even .content-block {
		padding-top: 215px;
		text-align: center;
		width: 100%;
		height: auto;
		display: block;
	}
	.m-news.m-news-odd .content-block.no-img, .m-news.m-news-even .content-block.no-img {
		padding-top: 0px;
	}
	.m-news.m-news-odd .content-block .content, .m-news.m-news-even .content-block .content {
		text-align: left;
		position: relative;
		top: auto;
		transform: none;
		left: auto;
		right: auto;
		width: 100%;
		padding-left: 40px;
		padding-right: 40px;
	}
	.m-news.m-news-odd .month, .m-news.m-news-even .month {
		width: 100%;
		margin-top: 40px;
	}
	.m-news.m-news-odd .no-img {
		min-height: auto;
	}
	.m-news.m-news-odd .no-img .month, .m-news.m-news-even .no-img .month {
		margin-top: 0px;
	}
	.milestones-main .range-block .range-btn {
		width: 100%;
	}
	
	.career-gtp-full .caption {
		width: auto;
		margin-left: 0px;
	}
	.career-gtp-full .caption h1 {
		text-align: left;
	}


	.page-main-faqs h3 {
		margin: 20px 20px;
	}	
	
	.share-block {
		margin: 20px auto;
	}
	
	.img-multi-layers-a {
		width: 80%;
	}
	.img-multi-layers-a img.a03 {
		top: 60px;
		width: 100%;
	}
	.img-multi-layers-a img.a02 {
		top: 0px;
		width: 100%;
	}
	.img-multi-layers-a img.a01 {
		top: 130px;
		left: 0px;
		width: 100%;
	}
	
	.img-multi-layers-d {
		width: 80%;
	}
	.img-multi-layers-d img.d03 {
		top: 0px;
		width: 100%;
	}
	.img-multi-layers-d img.d02 {
	    top: 40px;
		right: auto;
		left: 15%;
		width: 70%;
	}
	.img-multi-layers-d img.d01 {
		top: 80px;
		right: auto;
		left: 30%;
		width: 40%;
	}
	.careers-block .right-content {
		margin: 380px 0px 40px;
	}
	.img-multi-layers-u img.u01 {
		top: 0px;
	}
	.img-multi-layers-g {
		width: 70%;
	}
	.img-multi-layers-g img.g03 {
		width: 100%;
		top: 0px;
	}
	.img-multi-layers-g img.g02 {
		width: 50%;
	    top: 150px;
	    left: 25%
	}
	.img-multi-layers-g img.g01 {
		width: 50%;
	    top: 150px;
	    left: 25%;
	}
	.careers-block .right-content-g {
	    margin: 520px 0px 40px;
	}
	.img-multi-layers-u {
		width: 80%;
	}
	.img-multi-layers-u img.u01 {
		width: 90%;
	}
	.careers-block .icons .icon {
		width: 25%;
		height: 150px;
	}
	
	.ful-two-col-logo {
		margin-bottom: 40px;
	}
	.ful-two-col-logo .ful-two-col-logo-block.col-md-6 {
		float: none;
		margin-bottom: 40px;
		width: 100%;
	}
	
	/* products service */
	.product-box {
		width: 48%;
		height: 246px;
    	margin-right: 4%;
	}
	.product-box.last {
    	margin-right: 0px;
	}
	.tabs-products div {
		height: 54px;
	}
	.tabs-products div a {
    	padding: 12px 0px;
    	font-size: 17px;
	}
	.tabs-products div a img {
/*		height: 14px;*/
	}
	
.tabs-products div a#hkt {
padding: 5px 0px;
}
.tabs-products div a#media {
padding: 9px 0px;
}
.tabs-products div a#solution {
padding: 9px 0px;
}

.img pccwmedia {
	height: 23px;
}

.logoImgmedia{
	height: 23px;
	/*padding: 1px 0px;*/
}

.logoImghkt{
	height: 23px;
	/*padding: 1px 0px;*/
}

.logoImgSol{
	height: 15px;
	/*padding: 1px 0px;*/
}


 



	/* leadership */
	.director-block .modal-dialog .dimage {
		width: 35%;
	}
	.director-block .dinfo-full {
    	padding: 40px 20px 40px 40px;
	}
	
	.ful-three-logo {
		width: 100%;
	}
}
@media (max-width: 600px) {
	.navbar > .container .navbar-brand {
		margin-left: -55px !important;
	}
	.navbar-inverse .navbar-brand .logo {
		background-size: 130px 35px;
		height: 35px;
		width: 130px;
		margin-top: 4px;
		margin-left: 0px;
	}
	.navbar-nav {
		padding-left: 46px;
		padding-right: 46px;
    }
	.navbar-inverse .navbar-nav > li > a {
		padding-left: 0px;
	}
	.page-content-image-container .img-content .logo.pcpd-logo {
/* 		top: 10px; */
	}
	.navbar-nav .sub-nav {
		background: none;
		height: auto;
	}
	.navbar-nav.smaller .sub-nav {
		background: none;
		height: auto;
		padding-bottom: 0px;
	}
	.navbar-nav .sub-nav .sub-nav-block {		
		width: 100%;
		height: auto;
	    padding-top: 20px;
	    padding-bottom: 20px;
	    border-bottom: 1px solid #e3e3e3;
	}
	.navbar-nav .sub-nav .sub-nav-block .content {
		display: none;
	}
	.navbar-nav .sub-nav .sub-nav-block .sub-nav-list {	
	    padding-top: 0px;
		width: 100% !important;
		float: none;
	}
	.navbar-nav .sub-nav .sub-nav-block .sub-nav-list li {	
		min-height: 28px;
		padding-left: 14px;
	}
	.navbar-nav .sub-nav .sub-nav-block .sub-nav-list li a {	
		color: #6c6c6c;
	}
	.navbar-nav.smaller .sub-nav .sub-nav-block .sub-nav-list {
		float: none;
    	padding-top: 0px;
	}
	.navbar-nav .sub-nav .sub-nav-block {
		min-height: auto;
	}
	.navbar-nav.smaller .sub-nav .sub-nav-block .sub-nav-list.list-first {
		padding-top: 0px;
	}
	.navbar-nav .sub-nav .sub-nav-block .sub-nav-list.list-last {
		padding-bottom: 0px;
	}
	.nav > li.menu-customerservice.menu-cs-border.highlighted:hover a {
		background: none !important;
		color: #00498f !important;
	}
	
	/* slider */
	.carousel-caption-inner {
		top: 40%;
		text-align: center;
      	//position: relative;
	}
	.carousel-inner > .banner-1 .carousel-caption-inner {
		width: 74%;
		right: 10%;
		left: 10%;
		margin: 0px auto;
		padding: 0px 20px;
	}
	.carousel-inner > .banner-1.active .carousel-caption-inner {
		width: 74%;
		right: 10%;
		left: 10%;
		margin: 0px auto;
		padding: 0px 20px;
		text-align: center;
		bottom: 80px;
		height: auto;
		top: auto;
		text-align: left;
	}
	.banner-1 .carousel-caption .desc {
		display: block;
		text-align: left;
		padding-top: 0px;
	}
	.banner-1 .carousel-caption .btn-video {
		display: block;
		text-align: left;
	}
	.carousel-caption .btn-play {
		display: inline-block;
		background: url("../img/btn_play_white.svg") no-repeat center left;
		background-size: 45px 45px;
		background-position: 0px 0px;
		padding: 6px 20px;
		margin-left: 0px;
	}
	.banner-3 .carousel-caption-inner {
		top: 40%;
		width: 80%;
		right: 10%;
		left: 10%;
		margin: 0px auto;
		text-align: center;
	}
	.banner-4 .carousel-caption {
    	bottom: 0px;
        background: rgba(0,0,0,0.3);
    }
	.carousel-inner > .banner-4 .carousel-caption-inner {
		right: 14%;
	}
	.carousel-inner > .banner-4.active .carousel-caption-inner {
		top: 40%;
		width: auto;
		right: 14%;
		left: 14%;
		margin: 0px auto;
		height: auto;
		top: auto;
		bottom: 100px;
		text-align: left;
	}
	.banner-4 .carousel-caption-inner h1 {
		color: #FFF;
		text-shadow: none;
	}
	.banner-4 .carousel-caption-inner .desc {
		color: #FFF;
		text-shadow: none;
		display: block;
		padding-top: 0px;
	}
	.banner-4 .carousel-caption-inner .btn-findoutmore {
		display: block;
    	margin-top: 0px;
    	padding-top: 10px;	
    	padding-bottom: 10px;	
	}
	.banner-5 .carousel-caption {
    	bottom: 0px;
        background: rgba(0,0,0,0.3);
    }
	.carousel-inner > .banner-5 .carousel-caption-inner {
		right: 14%;
	}
	.carousel-inner > .banner-5.active .carousel-caption-inner {
		top: 40%;
		width: auto;
		right: 14%;
		left: 14%;
		margin: 0px auto;
		text-align: left;
		height: auto;
		top: auto;
		bottom: 100px;
	}
	.banner-5 .carousel-caption-inner h1 {
		color: #FFF;
		text-shadow: none;
	}
	.banner-5 .carousel-caption-inner .desc {
		color: #FFF;
		text-shadow: none;
		display: block;
		margin-bottom: 20px;
	}
	.banner-5 .carousel-caption-inner .readmore-black {
		background: url("../img/arrow_white.svg") center left no-repeat;
		text-shadow: none;
		display: block;
    	margin-top: 10px;	
    	margin-bottom: 10px;	
	}
	.banner-5 .carousel-caption-inner .readmore-black a {
		color: #FFF;
	}
	.banner-6 .carousel-caption {
    	bottom: 0px;
        background: rgba(0,0,0,0.3);
    }
	.carousel-inner > .banner-6 .carousel-caption-inner {
		right: 14%;
		left: 14%;
	}
	.carousel-inner > .banner-6.active .carousel-caption-inner {
		top: 40%;
		width: auto;
		right: 14%;
		left: 14%;
		margin: 0px auto;
		text-align: left;
		height: auto;
		top: auto;
		bottom: 100px;
	}
	.banner-6 .carousel-caption-inner h1 {
		color: #FFF;
		text-shadow: none;
	}
	.banner-6 .carousel-caption-inner .desc {
		color: #FFF;
		text-shadow: none;
		display: block;
		margin-bottom: 20px;
	}
	.banner-6 .carousel-caption-inner .btn-findoutmore {
		display: block;
    	margin-top: 10px;	
    	margin-bottom: 10px;	
	}
	.banner-6 .carousel-caption-inner .readmore-black a {
		color: #FFF;
	}
	.carousel-caption {
		width: 100%;
		height: auto;
		margin: 0px auto;
		left: 0px;
		top: 0px;
	}
	.main .carousel-caption h1 {
		/*font-size: 24px;*/
		font-size: 20px;
		line-height: 34px;
	}
	.carousel-caption .desc {
		display: none;
	}
	.carousel-caption-inner .btn-findoutmore, .carousel-caption-inner .readmore-black {
		display: none;
	}
  	.carousel-caption-inner .btn-findoutmore {
      	display: block;
      	width: 140px;
      	float: right;
    }
	.carousel-control-prev, .carousel-control-next {
/* 		display: none; */
	}
	
	
	/* investor */
	.investor-news-bg {
		background: transparent;
	}
	.investor-news {
		padding: 40px 0px;
		padding-top: 0px;
		padding-bottom: 20px;
	}
	.investor-news .content {
		width: 100%;
		float: none;
		padding: 0px 20px;
	}
	.investor-news-bg.show .investor-content .title {
		font-size: 24px;
	}
	.investor-news .content .desc {
		padding-bottom: 0px;
	}
	.investor-news .investor-image {
		float: none;
		padding: 0px;
		width: 100%;
		text-align: center;
	}
	.investor-news .investor-image img {
		width: 70%;
	}
	.investor .page-content-container .title p {
		padding: 0px 20px;
	}
	.sp-chart .blue-title {
		font-size: 14px;
	}
	.sp-chart .chart-value .bootstrap-select {
		padding-left: 10px;
	}
	.sp-chart .option-tech .chart-value input.number {
		width: 25%;
		margin-right: 4px;
	}
	.sp-chart .submit-box p {
		float: left;
		padding-top: 14px;
		margin: 0px auto 0px;
		padding: 4px 20px;
		width: 60%;
		line-height: 20px;
	}
	.sp-chart .submit-btn input {
		width: 100px;
		font-size: 18px;
		height: 52px;
	}
	.sp-stocktable .sdate-val input, .sp-stocktable .edate-val input {
		width: 120px;
		font-size: 16px;
		padding-left: 10px;
	}
	.sp-stocktable .sdate, .sp-stocktable .sdate-val, .sp-stocktable .edate, .sp-stocktable .edate-val {
		width: 110px;
	}
	.sp-stocktable .submit-btn input {
		height: 42px;
	}
	
	/* home two boxes */
	.ful-two-col-block .col-md-6 .content.content-bg .desc {
		font-size: 24px;
		padding-left: 0px;
		padding-bottom: 20px;
		margin-bottom: 0px;
	}
	.ful-two-col-block .content .readmore-white {
		font-size: 16px;
		line-height: 20px;
	}
	.ful-two-col-block .col-md-6 .content.content-bg {
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 20px;
		padding-top: 20px;
	}
	
	/* 	top banner */
	.page-main-image .caption h1 {
		font-size: 30px;
	}
	
	/* search result */
	#search-result-content .nav-tabs li {
		margin-top: 5px;
		width: 100%;
		text-align: center;
	}
	.search-result-content .page-search-bar .col-xs-8 {
		width: 100%;
	}
	.search-result-content .page-search-bar .form-control {
		width: auto;
	}
	
	/* careers */
	.btn-paging-pre {
		float: right;
		background: url("../img/btn_previous.svg") #faf9fa center left 10px no-repeat;
		padding: 8px 20px 8px 30px;
		background-size: 8px;
		width: 104px;
	}
	.btn-paging-next {
		margin-left: 0px;
		background: url("../img/btn_next.svg") #00498f center right 10px no-repeat;
		padding: 8px 30px 8px 20px;
		background-size: 8px;
		width: 104px;
	}
	.filter-container {
		padding: 0px 20px 0px;
	}
	.main-filter-container .main-content {
		padding: 0px;
	}
	.filter-title, ul.filters, filter-hr {
		padding: 0px 20px;
	}
	.main-content .paging {
		padding: 0px 20px;
	}
	.job-table-hd th, .job-row-odd td, .job-row-even td {
		font-size: 12px;	
	}
	
	
	/* table */
	.table-container .table .plain-text p {
		font-size: 14px;
	}
	.table-container .table .news .new {
		font-size: 14px;
	}
	.table-container .table .news .new .desc {
		padding-right: 20px;
	}
	.table-container .table .month {
		font-size: 16px;
		padding-top: 8px;
		padding-left: 14px;
		padding-bottom: 8px;
	}
	.table-container .table .news .new .dl a {
		background: url("../img/icon_download.png") no-repeat top center;
		width: 100%;
		padding-bottom: 0px;
		padding-right: 0px;
		padding-top: 40px;
		text-align: center;
	}
	.btn-paging-pre {
		float: right;
		background: url("../img/btn_previous.svg") #faf9fa center left 10px no-repeat;
		padding: 8px 20px 8px 30px;
		background-size: 8px;
	}
	.btn-paging-next {
		margin-left: 0px;
		background: url("../img/btn_next.svg") #00498f center right 10px no-repeat;
		padding: 8px 30px 8px 20px;
		background-size: 8px;
	}
	.table-container .paging {
    	margin-bottom: 40px;
	}
	
	/* normal text */
	.page-content-container .item-report .download-link a {
		font-size: 14px;
	}
	.page-content-container .item-report p {
		padding: 0px 10px;
	}
	.page-content-container .item-report .download-link img {
		width: 40px;
		height: 20px;
		padding-bottom: 0px;
		vertical-align: middle;
	}
	
	
	/* expanding boxes */
	.content-expand-boxes .more-content-inner .table .news .new {
		padding: 20px;
	}
	
	/* year selector */
	.year-selector li,
	.year-selector li.last {
		width: 30%;
	}
	
	/* investors */
	.investor-info {
		margin-bottom: 40px;
	}
	.investor-info .page-content-container .title {
		padding-left: 20px;
		padding-right: 20px;
	}
	.investor-info .content {
		padding-left: 20px;
		padding-right: 20px;
	}
	.investor-info .page-content-container .investor-links .title,
	.investor-info .page-content-container .investor-links .content {
		padding-left: 20px;
		padding-right: 20px;
	}
	.investor-fr .page-content-container .content {
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 0px;
	}
	.investor-fr .page-content-container .content .links {
		padding-bottom: 0px;
		margin-bottom: 80px;
	}
	.sp-table .param {
		padding-left: 20px;
	}
	.sp-table .value {
		padding-right: 20px;
	}
	.sp-table .sp-bottom td {
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 8px;
		padding-bottom: 8px;
	}
	.investor .page-content-container .col-md-6.latest-news {
		margin-bottom: 80px;
	}
	.investor .investor-shareperformance-h.page-content-container .col-md-6 {
		float: none;
		width: 100%;
		margin-bottom: 0px;
	}
	.investor .investor-shareperformance-h.page-content-container .col-md-6 .name {
		text-align: left;
		padding-left: 20px;
		padding-right: 20px;
		font-size: 26px;
		color: #00498f;
	}
	.investor .investor-shareperformance-h.page-content-container .col-md-6 .date {
		text-align: left;
		padding-left: 20px;
		padding-right: 20px;
		font-size: 17px;
		color: #030303;
	}
	
	.his-table-bottom p {
		font-size: 12px;
		line-height: 22px;
		padding: 0px 10px;
	}
	
	/* Management Structure */
	.management-chart .chart-btn {
		margin-bottom: 60px;
	}
	.management-chart .chart-btn a {
		background: url("../img/btn_chart_open.png") bottom center no-repeat;
		padding: 20px 40px 40px;
    }
    .management-chart .chart-btn.closed a {
		background: url("../img/btn_chart_close.png") bottom center no-repeat;
		padding: 20px 40px 40px;
	}
	
	/* paging text */
	.paging-showing {
		padding-top: 0px;
	}
	
	.ful-width-image .main-image-new .caption .title {
		font-size: 24px;
	}
	
	/* leadership	 */
	.director-bottom {
		text-align: center;
		padding-top: 10px;
		background: #00498f;
		padding-bottom: 10px;
	}
	.link-scebu, .link-scebu:hover, .link-scebu:active {
		padding: 0px 40px 0px 0px;
	}
	.director-block .modal-dialog .dimage {
		width: 55%;
	}
	.director-block .dinfo-full {
    	padding: 20px 0px 20px 20px;
	}
	
	
	/* tabs */
	.tabs .tab {
		width: 33%;
		padding: 0px 10px;
		height: 86px;
	}
	.tabs .tab.col-md-4 {
		width: 33%;
	}
	.tabs .sepa {
		height: 60px;
    }
	
	/* careers */
	.job-content .bottom-area .left, .job-content .bottom-area .right {
		float: none;
		text-align: left;
	}
	.job-content .bottom-area .left {
		margin-bottom: 40px;
	}
	
	/* year slider */
	.year-slider .lslide {
		padding: 22px 15px;
	}
	.year-slider .lslide a {
		padding: 27px 15px;
	}
	.year-slider-container .bottom-line {
		padding: 0px;
	}
	.main-contact-container .options {
		padding: 0px;
	}
/* 
	.main-contact-container .options .option.col-md-3 {
		width: 100%;
		float: none;
	}
	.main-contact-container .options .option.col-md-4 {
		width: 100%;
		float: none;
	}
 */
	
	/* contact shop */
	.table-shop .shop-info > div .title {
		float: none;
		font-weight: bold;
		width: auto;
	}

	.table-shop .shop-info > div .value {
		padding: 0px 18px 0px;
	}
	
	/* contact detail */
	.main-contact-container .options .option {
		padding: 0px;
	}
	
	
	.banner-checkers {
		background: url("../img/banner_checkers_m.png") center center no-repeat;
		background-size: cover;
	}
	
	/* milestones */
	.m-news.m-news-odd .content-block .content, .m-news.m-news-even .content-block .content {
		padding-left: 0px;
		padding-right: 0px;
	}
	.share-block {
		width: 100%;
		margin: 0px;
		padding: 0px 20px;
	}
	.share-block .share-icon {
		margin-left: 8px;
		margin-right: 8px;
		margin-bottom: 10px;
	}
	
	
	.popup__container{
		padding-left:0;
		padding-right:0;
	}

	.formtable__check{
		width:30px;
	}
	.formtable__content{
		margin:0;
	}
	.formtable__title{
		padding-left:10px;
		padding-right:10px;
	}
	/*.formtable__check--first,  .formtable__field--first{
		padding-left:10px;
		width:40px;
	}
	.formtable__check--last,  .formtable__field--last{
		padding-left:10px;
	}*/
	
	.img-multi-layers-a {
		width: 100%;
	}
	.careers-block .left-content {
    	margin: 480px 0px 80px;
	}
	.img-multi-layers-d {
		width: 100%;
	}
	.careers-block .logos .logo {
		width: 100%;
		float: none;
		height: auto;
	}
	.careers-block .icons {
		padding: 0px 20px;
	}
	.careers-block .icons .icon {
		width: 25%;
		height: 180px;
	}
	.careers-block .icons .icon p {
		padding: 0px;
	}
	.img-multi-layers-u {
    	width: 100%;
	}
	
	
	/* products service */
	.product-box {
		width: 100%;
		height: 246px;
		margin: 12px 0px;
	}
	.tabs-products div {
		height: 40px;
	}
	.tabs-products div a {
    	padding: 8px 0px;
    	font-size: 14px;
	}
	.tabs-products div a img {
		/*height: 10px;*/
	}
	
	.page-tabs .page-tab {
		float: none;
		width: 100%;
		display: none;
		border-top: 0px;
		padding: 0px;
	}	
	.page-tabs .page-tab:before {
		display: none;
	}
	.page-tabs .page-tab.active {
		display: block;
		text-align: left;
		border-top: 0px;
		border-bottom: 0px;
	}
	.page-tabs .page-tab.active a {
    	padding: 0px 0px 30px;
    	font-size: 32px;
    }
    .journey-full {
		background-size: cover;
		background-position: 50% 50%;
	    height: 258px;
	}
	.journey-full .page-image-container {
		width: 100%;
	}
	.page-main-image-long .caption {
		padding-left: 0px;
		padding-top: 0px;
		width: 100%;
		text-align: center;
		margin: 0px auto;
	}
	.page-main-image-long .caption h1 {
		padding-top: 40px;
		width: 100%;
		max-width: 100%;
	}
	.page-main-image-long .caption p {
		display: block;
		padding-left: 20px;
		padding-right: 20px;
	}
	.page-main-image-long .btn-video {
		display: none;
	}
	.paging li {
		width: 30px;
		height: 30px;
		padding-top: 4px;
		margin-right: 4px;
	}
	.paging-block .btn-blue-arrow input {
		margin-top: 0px;
		padding: 4px 20px 4px 34px;
		font-size: 14px;
		background-size: 8px;
		background-position: 16px center;
	}
	.journey-inside-full {
		height: 258px;
	}
	
	
	.ful-three-logo .ful-three-col-logo-block img {
		width: 80%;
	}
	.blue-btn a {
		padding: 8px 40px 8px 10px;
		font-size: 14px;
    }
	.frame-emailalert {
      height: 1420px;
    }

	.frame-emailalert-c {
      height: 1220px;
    }

    .frame-servicerelocation {
      height: 3250px;
    }

	.frame-servicerelocation-c {
      height: 3300px;
    }

	.page-content-container table:last-of-type {
      display:block;
    }

	.page-content-container table:last-of-type thead, tbody, th, td, tr {
      display:block;
    }

	.page-content-container table:last-of-type tr {
      /*border: 1px solid #ccc;*/
      padding-bottom: 15px;
    }

	.page-content-container table:last-of-type td {
      border:none;
      /*border-bottom: 1px solid #eee;*/
      position: relative;
      padding-left: 10px;
      padding-bottom: 15px;
      width: 95%;
    }

}

@media(max-width : 500px) {
  	.responsive-pic-500  {
      	width: 100%;
		/*height: 100%;*/
    }
}


@media (max-width: 400px) {
	/* leadership */
	.leadership-header .btn-blue-arrow-right {
		width: 100%;
		padding-left: 20px;
		padding-right: 30px;
	}
	.director-block .dimage > img {
		width: 180px;
		height: 180px;
	}
	.leadership-header .btn-blue-arrow-right,
	.leadership-header.leadership-header-senior .btn-blue-arrow-right {
		margin-left: 0px;
	}
	
	/* search */
	#search-result-content .tab-content > .tab-pane .row .result-box .search-icon {
		padding-right: 0px;
		padding-left: 0px;
		padding-top: 4px;
	}
	#search-result-content .tab-content > .tab-pane .row .result-box .search-icon {
		width: 24px;
	}
	
	/* 	table */
	.table-container .table .news .new {
		height: auto;
		padding: 20px 0px 0px;
	}
	.table-container .table .news .new .date {
		width: 100%;
		padding: 0px 20px 4px 14px;
		height: auto;
	}
	.table-container .table .news .new .desc, .table-container .table .news .new .dl {
		width: 100%;
		padding: 0px 20px 20px 14px;
		height: auto;
	}
	.table-container .table .news .new .dl a {
		padding-top: 8px;
		background: url("../img/icon_download.png") no-repeat center right;
		padding-bottom: 10px;
		text-align: left;
		display: inline-block;
		width: 120px;
	}
	.table-container .filter .filter-year {
		width: 100px;
		margin-right: 10px;
	}
	.table-container .filter .filter-months {
		width: 140px;
	}
	.table-container .table .plain-text p {
		padding: 20px 20px 0px;
		margin-bottom: 0px;
	}
	.table-container .table .news .new .readmore-blue {
		background-position: 14px 0;
		margin-top: 0;
		width: 100%;
		padding: 0px 20px 20px 34px;
	}
	
	/* 	paging */
	.paging-showing {
		width: 100%;
		text-align: center;
		padding-bottom: 20px;
	}
	.btn-paging-next, .btn-paging-pre {
		font-size: 12px;
	}
	.btn-paging-next {
		float: right;
	}
	.btn-paging-pre {
		float: left;
		margin-left: 0px;
	}
	
	
	/* investor */
	.investor-news-bg .investor-news {
		padding-top: 40px;
	}
	.investor-news .investor-content {		
		position: relative;
	}
	.sp-stocktable .submit-btn input {
		width: 80px;
		font-size: 14px;
	}
	.sp-stocktable {
		padding: 0px;
	}
	
	/* contact detail */
	.main-contact-container .options .option img.logo-pcpd {
		width: 100%;
		padding-top: 10px;
	}
	.main-contact-container .options .option img.logo-pccwsolutions,
	.main-contact-container .options .option img.logo-pccwsolutions-b {
		padding-right: 22px;
		width: 100%;
	}
	.main-contact-container .options .option img.logo-pcpd,
	.main-contact-container .options .option img.logo-pcpd {
		padding-right: 22px;
		width: 100%;
	}
	.banner-checkers {
		background: url("../img/banner_checkers_s.png") center center no-repeat;
		background-size: cover;
	}
	/* milestones */
	.m-news.m-news-odd .img > img , .m-news.m-news-even .img > img {
		/*width: 100%;*/
	}
	.m-news.m-news-odd .content-block, .m-news.m-news-even .content-block {
		padding-top: 250px;
	}
	
	
	ul.news-logo-list>li{
		width: 100%;
	}
	ul.news-logo-list>li, ul.news-logo-list>li:nth-child(even){
		text-align: center;
	}
	
	
	.careers-block .left-content {
    	margin: 380px 0px 40px;
	}
	.careers-block .right-content {
    	margin: 300px 0px 40px;
	}
	.img-multi-layers-g img.g02 {
		top: 50px;
	}
	.img-multi-layers-g img.g01 {
		top: 50px;
	}
	
	.index-message.index-message-s2 .modal-body { padding-left:10px; padding-right:10px; padding-bottom:20px; padding-top:20px}

    .frame-feedback {
      height: 1320px;
    }

	.frame-feedback-c {
      height: 1420px;
    }  

    .frame-servicerelocation {
      height: 3350px;
    }

	.frame-servicerelocation-c {
      height: 3400px;
    }
}

@media(max-width : 300px) {

	/* milestones */
	.m-news.m-news-odd .content-block, .m-news.m-news-even .content-block {
		padding-top: 180px;
	}
}

@media(max-width : 768px) {
  	.modal.in .modal-dialog {
      	width: 95%; !important
    }
}


@media(max-width : 405px) {
	#index-video.modal {text-align: center;padding: 0!important;padding-top:50px;}
	#index-video.modal:before {content: none;display: inline-block;height: 100%;vertical-align: middle;margin-right: -4px;}
	#index-video.modal .modal-dialog {display: inline-block;text-align: left;vertical-align: middle;margin-top:100px;}
}




@media (max-width: 812px)  {
 	.content-options {
		padding: 0px 20px;
		position: relative;
 	}
	.contact-table .contact-row {
		padding: 20px 0px;
		display: block;
	}
	.contact-table .contact-row .td33 {
		width: 100%;
		display: block;
		padding: 5px 20px;
		text-align: center;
	}
	.contact-table .contact-row .td33:first-child {
		font-weight: bold;
	}
	.consumer-control .btn-prev {
		float: left;
		margin-left: -20px;
		background: url("../img/arrow_blue_left.png") no-repeat center;
	}
	.consumer-control .btn-next {
		float: right;
		margin-left: 0px;
		margin-right: 20px;
		background: url("../img/arrow_blue.png") no-repeat center;
	}
 	.consumer-control {
		position: absolute;
		top: 50%;
		width: 100%;
		z-index: 10;
	}
	.consumer-control a {
		width: 20px;
		height: 20px;
		text-decoration: none;
		margin-top: -10px;
	}
}

// Special Handling for iPhone 6,6s,7,8 
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
 	.content-options {
		padding: 0px 20px;
		position: relative;
 	}
	.contact-table .contact-row {
		padding: 20px 0px;
		display: block;
	}
	.contact-table .contact-row .td33 {
		width: 100%;
		display: block;
		padding: 5px 20px;
		text-align: center;
	}
	.contact-table .contact-row .td33:first-child {
		font-weight: bold;
	}
	.consumer-control .btn-prev {
		float: left;
		margin-left: -20px;
		background: url("../img/arrow_blue_left.png") no-repeat center;
	}
	.consumer-control .btn-next {
		float: right;
		margin-left: 0px;
		margin-right: 20px;
		background: url("../img/arrow_blue.png") no-repeat center;
	}
 	.consumer-control {
		position: absolute;
		top: 50%;
		width: 100%;
		z-index: 10;
	}
	.consumer-control a {
		width: 20px;
		height: 20px;
		text-decoration: none;
		margin-top: -10px;
	}
}


// Special Handling for iPhone 6,7,8 + 
@media only screen
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
 	.content-options {
		padding: 0px 20px;
		position: relative;
 	}
	.contact-table .contact-row {
		padding: 20px 0px;
		display: block;
	}
	.contact-table .contact-row .td33 {
		width: 100%;
		display: block;
		padding: 5px 20px;
		text-align: center;
	}
	.contact-table .contact-row .td33:first-child {
		font-weight: bold;
	}
	.consumer-control .btn-prev {
		float: left;
		margin-left: -20px;
		background: url("../img/arrow_blue_left.png") no-repeat center;
	}
	.consumer-control .btn-next {
		float: right;
		margin-left: 0px;
		margin-right: 20px;
		background: url("../img/arrow_blue.png") no-repeat center;
	}
 	.consumer-control {
		position: absolute;
		top: 50%;
		width: 100%;
		z-index: 10;
	}
	.consumer-control a {
		width: 20px;
		height: 20px;
		text-decoration: none;
		margin-top: -10px;
	}
}

// Special Handling for iPhone X
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
 	.content-options {
		padding: 0px 20px;
		position: relative;
 	}
	.contact-table .contact-row {
		padding: 20px 0px;
		display: block;
	}
	.contact-table .contact-row .td33 {
		width: 100%;
		display: block;
		padding: 5px 20px;
		text-align: center;
	}
	.contact-table .contact-row .td33:first-child {
		font-weight: bold;
	}
	.consumer-control .btn-prev {
		float: left;
		margin-left: -20px;
		background: url("../img/arrow_blue_left.png") no-repeat center;
	}
	.consumer-control .btn-next {
		float: right;
		margin-left: 0px;
		margin-right: 20px;
		background: url("../img/arrow_blue.png") no-repeat center;
	}
 	.consumer-control {
		position: absolute;
		top: 50%;
		width: 100%;
		z-index: 10;
	}
	.consumer-control a {
		width: 20px;
		height: 20px;
		text-decoration: none;
		margin-top: -10px;
	}
}