@media screen and (max-width: 1700px){
	.site-video-news .f2-video img{
		height: 30.6rem;
	}
	.site-album .gallery-1,
	.site-album .gallery-2{
		width: 30%;
	}
	.site-album .gallery-3{
		width: 19%;
	}
	.site-video-news .heading{
		font-size:30px;
		    padding-top: 65px;
	}
	.site-album .gallery-2{
		top:60%;
	}
}

@media screen and (max-width: 1400px){
	.site-video-news .f2-video img{
		height: 26rem;
	}
	.site-album .gallery-1{
		width: 25%;
	}
	.site-album .gallery-1 a{
		width: 100%;
		display: block;
	}
	.site-album .gallery-1 img{
		width: 100%;
	}
	.site-album .gallery-2{
		width: 25%;
	}
	.site-album .gallery-3{
		width: 20%;
	}
	.site-album .heading{
		padding-top: 30px;
		font-size: 30px;
	}
	.site-video-news .heading{
		padding-top: 55px;
		font-size: 30px;
	}
}


/* 1199 */

@media screen and (max-width: 1199.5px) {
	.full-search .input-search{
		width: 80%;
		margin: 50% auto;
	}
	.full-search .input-search {
		position: relative;
	}
	.full-search .input-search input{
		font-size: 12px;
		width: calc(100% - 0px);
	}
	.full-search .input-search button{
		font-size: 16px;
		width: 70px;
		position: absolute;
		top: 0;
		right: 0;
		border: 0;
	}
	.full-search .times-search{
		top: 20px;
		right: 20px;
	}
	.header-content .menu{
		right: 5%;
	}
	.header-content .menu ul li a{
		min-width: 100px;
	}
	.btns-cta .head-napthe{
		width: 179px;
	}
	.site-video-news .f2-video img{
		height: 19.5rem;
	}
}

/* 991 */

@media screen and (max-width: 991.5px) {
	.row-vt{
		width: 100%;
		display: flex;
		flex-flow: row wrap;
		margin: auto;
	}
	.col-vt{
		order: 2;
	}
	.header .tb{
		display: none;
	}
	.header .tb img{
		max-width: 100px;
	}
	.header-content .menu{
		display: none;
	}
	.header-content .logo{
		padding: 0;
	}
	.logo-destop{
		display: none;
	}
	.site-banner{
		margin-top: 0;
	}
	.aside-right{
		display: none;
	}
	.h-custom{
		height: 500px;
	}
	.img-pc{
		display: block;
	}
	.btns-cta .head-napthe{
		background: none;
		height: auto;
	}
	.site-video-news .btns-f2-cta a,
	.site-video-news .f2-video a .play,
	.site-album .gallery-3 a span,
	.site-album .gallery-1 a span,
	.site-album .gallery-2 a span{
		background: none;
		height: auto;
		width: auto;
	}
	.site-video-news .btns-f2-cta a img{
		width: 100px;
	}
	.site-video-news .f2-video a .play img{
		width: 80px;
		height: 80px;
	}
	.site-album .gallery-3{
		width: 25%;
	}
	.site-album .gallery-3 a span{
		width: 170px;
		bottom: 0;
	}
	.site-album .gallery-1,
	.site-album .gallery-2{
		width: 35%;
	}
	.site-album .heading{
		font-size: 30px;
		padding-top: 20px;
	}
	.site-video-news .heading{
		font-size: 30px;
		padding-top: 35px;
	}
	.site-album .gallery-1 a span,
	.site-album .gallery-2 a span{
		width: 100px;
	}
	.hader-mobile{
		display: flex;
	}
	.page-banner{
		margin-top: 0;
	}
	.site-banner .items img,.page-banner img{
		height:auto;
	}
}

/* 767 */

@media screen and (max-width: 767.5px) {
	.btns-cta .trailer{
		display: none;
	}
	.btns-cta .head-napthe{
		width: 100px;
	}
	.btns-cta .download-mobile a{
		background: none;
		width: auto;
		height: auto;
	}
	.btns-cta .download-mobile a img{
		width: 100px;
	}
	.h-custom{
		display: none !important;
	}
	.site-video-news .btns-f2-cta a img{
		width: 50px;
	}
	.site-video-news .btns-f2-cta{
		top: 31%;
		left: 11%;
	}
	.site-video-news .f2-video img{
		height: auto;
	}
	.site-video-news .f2-video{
		top: 34.2%;
		width: 83%;
	}
	.site-video-news .f2-video img{
		height: 230px;
	}
	.site-album .gallery-1 a span,
	.site-album .gallery-2 a span{
		width: 50px;
	}
	.img-pc2{
		display: block;
	}
	.site-album .gallery-1,.site-album .gallery-2{
		left: 35px;
		width: 50%;
	}
	.site-album .gallery-2{
		top: 55%;
		width: 60%;
	}
	.site-album .gallery-3{
		width: 42%;
		left: 55%;
	}
	.site-album .gallery-3 a span{
		width: 120px;
	}
	.footer .news ul{
		padding-left: 20px;
		padding-top: 30px;
	}
	.site-video-news .heading{
		font-size: 25px;
		padding-top: 40px;
	}
	.site-album .heading{
		font-size: 25px;
		padding-top: 25px;
	}
	.footer .content p{
		font-size: 14px;
	}
	.nav-left-list li a{
		margin-bottom: 20px;
	}
	.nav-left-list{
		left: 0;
	}
	.site-banner .images img{
		height: 250px;
		object-fit: cover;
	}
	.hader-mobile .mb-1 .tg-np a{
		min-width: 50px;
		padding: 0px 10px;
	}
	.hader-mobile .logo{
		padding-top: 0;
	}
	.hader-mobile .mb-1 .tg-np{
		padding-left: 10px;
	}
	.hader-mobile .mb-2 .menu{
		display: none;
	}
	.site-down .download-mobile a{
		background: none;
	}
	.site-news .heading{
		font-size:25px;
	}
}