.head{height:105px; background:#fff;
   
}
.logo{width:35%;height:105px;background:url(../sximg/logo.jpg) no-repeat 
}

.animenu_nav{ width:65%; height:105px;}


	


@media screen and (max-width: 1680px)
 {



}




@media screen and (max-width: 1440px)
 {





}

@media screen and (max-width: 1280px) {


.head{ width:100%; height:100px; margin:0px auto; padding:0; background-color:#FFFFFF
}

.logo{width:95%;height:100px; float:left;background:url(../sximg/logo.jpg) no-repeat;
}
.animenu_nav{ width:100%; height:105px;}

}

@media screen and (max-width: 1024px) {
	.head{ width:100%; height:100px; margin:0px auto
}
}


@media screen and (max-width: 768px) {


.head{ width:100%; height:60px; margin:0px auto
}

.logo{width:95%;height:60px; float:left;background:url(../sximg/iap_logo.jpg) no-repeat;
}


}

@media screen and (max-width: 414px){

.head{ width:100%; height:60px; margin:0px auto
}

.logo{width:90%;height:60px; 
}


}











/*** 

====================================================================
	Main Header style / Header Style One
====================================================================

***/

.main-header{
	position: relative;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	z-index: 9999;
	background:none;
}



/*** 

====================================================================
		Banner Section
====================================================================

***/

.banner-section{
	position: relative;
	z-index:1;
}


.showcase {
	height: 780px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;margin-top:0; 
}



.banner_bot{ width:100%;height:105px}


@media screen and (max-width: 1680px) {
 .showcase {
height:683px;
}

}

@media screen and (max-width: 1440px) {
 .showcase {
height:585px;
}

}
@media screen and (max-width: 1280px) {
 .showcase {
height:520px;
}
.banner_bot{ width:100%;height:100px}
}



@media screen and (max-width: 1024px) {
 .showcase {
height:416px;
}

}
 @media screen and (max-width: 768px) {
 .showcase {
height:312px; 
}

.banner_bot{height:60px}

}
 @media screen and (max-width: 414px) {
 .showcase {height:168px;
}

}
 @media screen and (max-width: 375px) {
 .showcase {
height:152px;
}

}
 @media screen and (max-width: 360px) {
 .showcase {
height:146px;
}

}













.showcase h1{font-weight:bold;}
.showcase .content{opacity: 0.7;}
.video-container video {
	min-width: 100%;
	min-height: 100%;
  position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	object-fit: cover;
}

.video-container:after {
	content: '';
	z-index: 1;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.1);
	position: absolute;
}

.content {
	z-index: 2;
	
}