/* 1199 */

@media screen and (max-width: 1199.5px) {
	.site-vande .heading-vd,
	.title-main .heading,
	.site-video h2{
		font-size: 250%;
	}
	.site-banner h2{
		font-size: 300%;
	}
}

/* 991 */

@media screen and (max-width: 991.5px) {
	.header .menu,
	.header .btn{
		display: none;
	}
	.site-banner{
		min-height: 300px;
		max-height: 500px;
	}
	.site-vande .heading-vd, .title-main .heading, .site-video h2{
		font-size: 200%;
		line-height: 1.3;
	}
	.item-vd{
		padding: 10px;
	}
	.site-video .video{
		padding-left: 0;
		padding-top: 20px;
	}
}

/* 767 */

@media screen and (max-width: 767.5px) {
	.site-banner h2{
		font-size: 150%;
	}
	.site-banner p{
		font-size: 100%;
	}
	.site-banner{
		max-height: 350px;
	}
	.site-banner .btn-gray{
		display: none;
	}
	.item-vd h3{
		font-size: 120%;
		margin:10px 0px;
	}
	.pd-main{
		padding:50px 0px;
	}
	.site-strong .images img{
		width: 100%;
	}
	.site-strong .images .box{
		padding: 15px;
	}
	.site-strong .images{
		margin-bottom: 20px;
	}
	.site-album .title-main .title-bottom{
		display: block !important;
	}
	.site-album .title-main a{
		padding-top: 15px;
		display: block;
	}
	.slick-album .items:nth-child(2n + 2) .ratio{
		margin:0;
	}
	.site-vande .heading-vd, .title-main .heading, .site-video h2{
		font-size: 150%;
	}
	.title-main p{
		font-size: 100%;
	}
	.site-contact ul{
		margin-bottom: 20px;
	}
	.footer .heading-ft{
		margin-bottom: 20px;
	}
	.page-about .title-main h2{
		font-size: 200%;
	}
	.page-about .images{
		width: 100%;
		height: 100%;
	}
	.img-main{
		max-width: 50%;
	}
	.vna-image-col{
		padding-left: 0;
	}
	.vna-content-col{
		padding-right: 0;
	}
	.page-about-2 .images img{
		transform: rotate(0deg);
	}
	.page-about .images:before{
		z-index: 5;
	}
	.page-about-2 .title-main .heading{
		font-size: 200%;
	}
	.page-about-2 .title-main{
		margin-bottom: 20px;
	}
	.vna-main-title{
		font-size: 150%;
	}
}