/* Small devices (landscape phones, 576px and up) */
@media (max-width: 575px) {
	.videohome i {
		font-size: 2rem;
		background: url(../imgs/bg_btn.png);
		border-radius: 2rem;
		box-shadow: 0px 0px 0px 2px rgba(217, 133, 0, 0.3);
	}

	.hotfea {
		padding: 0.5rem 0 2rem 0 !important;
	}

	.cont-slide1 {
		bottom: 30px !important;
	}

	.cont-slide3 {
		top: 50px !important;
	}

	#html5box-html5-lightbox .html5-next-touch,
	#html5box-html5-lightbox .html5-prev-touch {
		top: 50% !important;
	}
}

/*Small devices (only)*/
@media (max-width:767px) {

	.news .nav-tabs {
		font-size: 1.5rem;
	}

	.news .nav-tabs .nav-link {
		font-size: 1.5rem;
	}

	.news .nav-tabs li {
		padding: 0 0.5rem;
	}

	.bannervideo {
		position: relative;
		height: auto;
	}

	.videohome i {
		font-size: 2rem;
		background: url(../imgs/bg_btn.png);
		border-radius: 3rem;
		box-shadow: 0px 0px 0px 2px rgba(217, 133, 0, 0.3);
	}

	.news {
		padding-top: 2rem;
	}

	.headpage {
		height: 200px;
		text-align: center;
		padding-bottom: 2rem;
	}

	.headnews {
		background: url(../imgs/news_top_mobile.jpg)repeat-x top center #fff;
	}

	.headmedia {
		background: url(../imgs/media_top_mobile.jpg)repeat-x top center #fff;
	}

	.headpage img {
		top: 120px;
	}

	.btn_come {
		margin-bottom: 0;
	}

	.mgbottom4 {
		padding-bottom: 4rem;
	}

	.rule img {
		width: 90px;
	}

	.navbar-brand b {
		padding-top: 1.5rem;
		font-size: 1.2rem;
		color: #feab02;
	}

	.navbar-brand b span {
		color: #d9d9d8;
		font-size: 0.8rem;
	}

	.hotfea {
		padding: 1rem 0 2rem 0;
	}

	.cont-slide1 {
		bottom: 50px;
	}

	.txt-slide1 {
		font-size: 0.8rem;
	}

	.reward-box li {
		position: relative;
		list-style: none;
		width: 100%;
		float: left;
	}

	.news_thumb {
		padding: 0.5rem;
	}

	.cont_thumbnews {
		display: table-cell;
		vertical-align: top;
		padding: 0 0 0 0.5rem;
		font-size: 0.8rem;
	}

	.topic {
		font-size: 1rem;
	}

	.thumb_tit {
		font-size: 0.9rem;
		margin: 0;
	}

	.img_thumbnews {
		width: 25%;
		display: table-cell;
		margin: auto;
		vertical-align: middle;
	}

	.maincont {
		max-width: 1280px;
		padding: 72px 15px 0;
		position: relative;
		margin: 0 auto;
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
	.bannervideo {
		position: relative;
		height: auto;
	}

	.videohome i {
		font-size: 3rem;
		background: url(../imgs/bg_btn.png);
		border-radius: 3rem;
		box-shadow: 0px 0px 0px 2px rgba(217, 133, 0, 0.3);
	}

	.headpage {
		height: 200px;
		text-align: center;
		padding-bottom: 2rem;
	}

	.headnews {
		background: url(../imgs/news_top_mobile.jpg)repeat-x top center #fff;
	}

	.headmedia {
		background: url(../imgs/media_top_mobile.jpg)repeat-x top center #fff;
	}

	.headpage img {
		top: 120px;
	}

	.btn_come {
		margin-bottom: 0;
	}

	.cont-slide1 {
		bottom: 150px;
	}

	.reward-box li {
		position: relative;
		list-style: none;
		width: 50%;
		float: left;
	}

	.maincont {
		max-width: 1280px;
		padding: 72px 15px 0;
		position: relative;
		margin: 0 auto;
	}

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}

/* Medium devices and small */
@media (max-width: 991px) {
	.navbar {
		height: 70px;
	}

	.rule {
		position: absolute;
		left: 1rem;
		top: 100px;
	}

	.navbar-brand img {
		height: 80px;
	}

	.navbar-brand b {
		padding-top: 0;
		line-height: 1;
	}

	.barcoor {
		top: 70px;
	}

	.navbar-collapse {
		position: absolute;
		top: 70px;
		right: 0;
		width: 150px;
		border-top: 1px #444444 solid;
		background-color: rgba(0, 0, 0, 0.73);
		-webkit-box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.2);
		box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.2);
	}

	.navbar-collapse {
		max-height: calc(100vh - 70px);
		overflow-y: auto;
		padding: 0.5rem 0;
	}

	.navbar-collapse li {
		padding-left: 2rem;
	}
}

/* .maincont img{
	width:100% !important;
	height:auto !important;
} */
/* Large devices */
@media (min-width: 992px) {
	.navbar .container {
		max-width: 1900px;
	}

	.navbar-collapse {
		padding-left: 100px;
	}

	.dropdown-menu {
		right: -38px;
		text-align: left;
		-webkit-box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.2);
		box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.2);
	}

	.dropdown-item {
		display: block;
	}

}

@media (max-width: 1024px) {
	.maincont img {
		max-width: 100% !important;
		height: auto !important;
	}
}

@media (max-width:320px) {
	.news .nav-tabs {
		font-size: 1rem;
	}

	.news .nav-tabs .nav-link {
		font-size: 1rem;
	}

	.news .nav-tabs li {
		padding: 0 0.5rem;
	}
}