@media screen and (max-width: 1024px) {
	#content .content-container {
		width: 100% !important;
	}
}

@media screen and (max-width: 1200px) {
	.awam-header-bottom .header-bottom {
		width: 100% !important;
		padding: 0 10px;
	}
}

@media screen and (max-width: 900px) {
	.header-left p {
		font-size: 17px !important;
	}
	/* 	p.jenis-akaun-pengguna {
		font-size: 10px;
	} */
	.header-bottom .header-right {
		font-size: 11px;
	}
}

@media screen and (max-width: 500px) {
	.header-left p {
		font-size: 15px !important;
	}
	
	.header-right>a {
  		display: block;
  		line-height: 20px;
	}
	
	.header-bottom .header-right .border-left{
		display:none;
	}
	
	.awam-footer-container>li {
  		width: 100% !important;
	}
}

@media only screen and (min-device-width: 580px) and (max-device-width:
	768px) {
	.awam-header-bottom .header-left {
		width: 60%;
	}
}

@media screen and (max-width: 768px) {
	div#portal-footer-top {
		display: none !important;
	}
	#footer-bottom-top,#footer-bottom-bottom {
		float: none !important;
		width: 100% !important;
		padding-left: 10% !important;
		margin-left: 0 !important;
	}
	.awam-header-bottom .header-right {
		text-align: left;
	}
	.awam-header-top,.normal-left-nav {
		display: none;
	}
	.mobile-left-nav {
		display: block !important;
		height: 60px;
	}
	.awam-header-bottom .header-bottom {
		line-height: normal;
		margin: inherit;
		width: 100% !important;
	}
	.header-left a img {
		padding: 0px 5px;
	}
	.awam-header-bottom .header-left {
		width: 100%;
		text-align: left;
	}

	.content-menu-left{
		background:transparent !important;
	}
	
	/* awam-menu-left.xhtml mobile nav */
	.float-right {
		float: right;
	}
	.fa {
		font-size: .8em;
		line-height: 22px !important;
	}
	dropdown.m-left-nav-ddown {
		display: inline-block;
		margin: 5px 10px;
		position: absolute;
		width: 50%;
		z-index: 3;
	}
	dropdown.m-left-nav-ddown label,dropdown ul li {
		display: block;
		width: 100%;
		background: #ECF0F1;
		padding: 15px 20px;
	}
	dropdown.m-left-nav-ddown label:hover,dropdown.m-left-nav-ddown ul li:hover
		{
		background: #4684B5;
		cursor: pointer;
	}
	dropdown.m-left-nav-ddown label:hover,dropdown.m-left-nav-ddown ul li:hover a
		{
		font-weight: bold;
		color: white !important;
	}
	dropdown.m-left-nav-ddown label {
		color: #333333;
		border-left: 4px solid #4684B5;
		border-radius: 0 5px 0 0;
		position: relative;
		z-index: 2;
	}
	dropdown.m-left-nav-ddown input {
		display: none;
	}
	dropdown.m-left-nav-ddown input ~ ul {
		position: relative;
		visibility: hidden;
		opacity: 0;
		top: -20px;
		z-index: 1;
	}
	dropdown.m-left-nav-ddown input:checked+label {
		background: #333333;
		color: white;
	}
	dropdown.m-left-nav-ddown input:checked ~ ul {
		visibility: visible;
		opacity: 1;
		top: 0;
	}
	/* end awam-menu-left.xhtml mobile nav */
	#content .content-container .content-right {
		width: 100% !important;
	}
}