@media only screen and (min-width: 576px) and (max-width: 768px) {
	/*phone landscape*/
	.cookies-layer {
		height:400px;
		font-size:14px;
	}
	.container {
		width:100%;
	}
	.box-article-big {
		padding-right:0px;
		padding-left:0px;
	}
	.box-article-mini {
		padding-top:5px;
		padding-left:0px;
		padding-right:0px;
	}
	.cookies-layer {
		height:250px;
		font-size:14px;
	}
	.cookies-layer button {
		margin-top:15px;
	}
}
@media only screen and (max-width: 576px) {
	/*phone portrait*/
	.menu-social-float {
		display:none;
	}
	.see-also {
		text-align:left;
		margin-top:30px;
		margin-bottom:0px;
		padding-bottom:0px;
		min-height:30px;border-right-width:0px;border-right-style:none;border-right-color:#CCC;
	}
	.container-fluid {
		width: 100%;
		padding-right: 0px;
		padding-left: 0px;
		margin-right: auto;
		margin-left: auto;
	}
	h3 {
		font-family:avenir-b;
		margin-top:14px;
		margin-left:0px;
	}
	.theme-back {
		position:fixed;
		left:0px;
		padding-left:0px;
		padding-right:0px;
		width:100%;
		x-index:-1;
	}
	.title-sep {
		min-width:50px;
		padding-bottom:0px;border-top-width:4px;border-top-style:solid;border-top-color:#CCC;
		border-right-width:0px;
	}
	.title-sep h1 {
		color:#fff;
	}
	/*header*/
	.navbar {
		height:45px;
	}
	.hamburger {
		left:0px;
		top:-8px;
	}
	.logo-box {
		display:none;
	}
	.logo-box-mobile {
		position:fixed;
		z-index:5000;
		top:0px;
		right:20px;
		padding:10px;
		padding-top:15px;
		text-align:center;
		background-color:#fff;
		height:100px;
		width:90px;
		border: 1px solid #e2e2e2;
		display:inline-block;
	}
	.logo-box-mobile img {
		width:60px;
	}
	#bar-right {
		display:none;	
	}
	.malaysia {
		font-size:20px;
		margin-left:20px;
	}
	button {
	  padding-top:8px;
	  padding-bottom:8px;
	  padding-left:14px;
	  padding-right:14px;
	  font-family:avenir-b;
	  font-size:14px;
	}
	button:hover {
	  color:#FFF;
	  background-color:#768e8b;
	}
	.product-card {
		cursor:pointer;
		margin-top:0px;
		padding-right:10px;
		width:100%;
		max-height:126px;
	}
	.product-card .product-box {
		float:left;
		padding:0px;
		background-color:#e4e4e4;
		width:50%;
		margin-bottom:10px;
	}
	.product-card .sdesc {
		float:right;
		width:48%;
		padding-left:10px;
		padding-right: 10px;
	}
	.malaysia-line {
		display:none;
	}
	.box-article-big {
		padding-right:0px;
		padding-left:0px;
	}
	.box-article-mini {
		padding-top:5px;
		padding-left:0px;
		padding-right:0px;
	}
	.navbar-brand {
		display:none;
	}
	
	
	.content-box-top {
		top:0px;
	}
	.sect-product {
		height: 200px;
		background-color: #fff;
		border-top-width: 0px;
		border-top-style: solid;
		border-top-color: #c5dad5;	
		padding-top:20px;padding-left:50px;padding-right:50px
	}
	.cookies-layer {
		height:250px;
		font-size:14px;
	}
	.cookies-layer button {
		margin-top:15px;
	}
	.txt-official {
		border-right-width: 0px;
		border-right-style: solid;
		border-right-color: #CCC;
		font-size: 20px;
		padding-bottom:20px;
		padding-right:100px;
		padding-left:20px;
		line-height:20px;
	}
	.txt-official img {
		width:50px;
	}
	/*MOBILE MENU*/
	.mob-menu {
		width:100%;
		padding-left:5px;
		padding-right:5px;
		overflow:hidden;
		height:500px;
		z-index:500;
	}
	.mob-menu-sub {
		position:absolute;
		top:0px;
		width:100%;
		height:550px;
		padding-left:5px;
		padding-right:5px;
		margin-left:370px;
		margin-top:0px;
		overflow:scroll;
	}
	.menu-mobile-master {
		float:left;
		width:400px;
	}
	.mob-menu ul, .mob-menu-sub ul {
		padding-top:20px;
		margin-left:-20px;
		width:100%;
	}
	.mob-menu li, .mob-menu-sub li {
		list-style:none;
		height:34px;
		line-height:34px;
		font-size:16px;
		font-family:avenir;
		border-top-width:1px;
		border-top-style:dotted;
		border-top-color:#CCC;
	}
	.mob-menu-sub li a {
		color:#000;
	}
	.mob-menu-sub .sub-group {
		font-family:avenir-b;
		color:#52b9d6;
		border-top-width:0px;
		border-top-style:dotted;
		border-top-color:#CCC;
	}
	.mob-menu-sub .sub-group:hover {
		font-family:avenir-b;
		color:#52b9d6;
	}
	.mob-menu li:hover {
		font-family:avenir-b;
	}
	.mob-menu-sub li:hover {
		font-family:avenir;
		color:#52b9d6;
	}
	.mob-menu li div.chevron img {
		width:26px;
		margin-top:-3px;
		margin-right:-10px;
	}
	.mob-menu-sub li div.chevron img {
		width:26px;
		margin-top:-3px;
		margin-right:-10px;
	}
	/*NEWS PORTLET*/
	.news-port {
		overflow:scroll;
		padding-left:10px;
		max-height:240px;
	}

	/*ARTICLE MENU SECTION*/
	#article {
		margin-bottom:25px;
		padding-top:220px;
	}
	.article-content {
		margin-top:31px;
		background-color:#fff;
	}
	.cont-article {
		position:relative;
		z-index:100;
		background-color:#f5f4f4;
	}
	.article-title-box {
		padding-right:50px;
	}
	.article-title-back {
		padding-right:0px;
	}
	.article-box {
		padding-right:10px;
		padding-left:10px;
	}
	.web-adjust {
		display:none;
	}
	/*EOF : ARTICLE MENU SECTION*/
	
	/*FOOTER MENU*/
	.bottom-menu {
		padding-top:20px;
	}
	.bottom-menu ul li a {
		font-size:14px;
	}
	.box-social {
		float:left;
		padding-left:15px;
		width:100%;
		margin-bottom:20px;
	}
}