@media(max-width:1280px) {
	.video-wrap {
		
		margin-top: -46px;
	}
	ul#nav > li > a {
		padding: 18px 5px;
		font-size:13px;
	}
}


@media(max-width:1127px) {
	.hpoj-box-item .hpoj-title h2 {
		height: 44px;
	}

	.hpoj-box-item .hpoj-image {
		height: 247px;
	}
}

@media(max-width:1024px) {
	.logo {
		margin-bottom:20px;
	}
	.nav {
		display:none !important;
	}
	.mobileMenuContainer{
		display: block;
	}
	.home-page-news .list-item {
	    width: 100%;
	    float: none;
	    margin: 0 0 10px 0;
	    min-height: 195px;
	}	
	.home-latest-news {
	    height: auto;
	}

	.video-wrap {
		margin-top: 78px;
	}

	a.lang-icon {
		position: absolute;
		top: auto;
		bottom: 0;
		right: 10px;
		background: none;
		color: #0a0a0a;
		z-index: 999;
		font-size: 14px;
	}
}

@media(max-width:768px) {
	.sidenav{
		display:none;
	}

	.hb-yellow {
		min-height: auto;
	}
	.video-wrap video {
		width: 122% !important;
		height: auto !important;
	}
	.align-right {
		text-align: center;
	}
}

@media(max-width:640px){
	/* .timeline-vertical-box {
		width:100%!important;
		max-width:650px;
	} */
	table.responsive-card-table.ore-mineral {
		width: 100% !important;
		display: block;
		position: relative;
		overflow: scroll;
	}
	table.top20 {
		width: 100%;
	}
	table.tbl-ncl {
		width: 100%;
		display: block;
		position: relative;
		overflow: scroll;
	}
}
@media(max-width:480px){
	.footer-box{
		margin-bottom: 20px;
		display: inline-block;
		width: 100%;
	}



	.video-wrap video {
		width: 257% !important;
		height: auto !important;
		transform: translate(-31%, 0px);
	}
	.video-wrap {
		margin-top: 139px;
	}

	.slide-title {
		font-size: 30px;
		
	}
	.home-box-button-link {
		position: static;
	
	}

	.hb-yellow {
	
		min-height: 209px;
	}

	.hb-green {
		min-height: 186px;
	}

	#load-video-thumb .list-item .video-thumbnail {
		height: 169px;
	}
	.slick-prev, .slick-next {
		display: none !important;
	}

	
	a.lang-icon {
		position: static;
		display: block;
		text-align: center;
		margin: 0 auto;
		top: auto;
		bottom: 0;
		right: 10px;
		background: none;
		color: #0a0a0a;
		z-index: 999;
		font-size: 14px;
	}
}


@media(max-width:320px){
	.logo {
		max-width: 159px;
	}
	.video-wrap {
		margin-top: 113px;
	}

	.video-wrap video {
		width: 276% !important;
	}

}