#headBan{position: relative;}
#banner {width: 100vw;z-index: 3;position: relative;padding: 60px 0 0;}
#banner:after {content: '';position: absolute;height: 100%;width: 100%;top: 0;left: 0;background: #fff;z-index: -2;}
#banner .img{overflow: hidden;display: inline-block;}
#banner img {position: relative;width: calc( 100vw - 80px );background: no-repeat 50% / cover;margin: auto 0px 0 0px;}
#banner .pos_abs {width: 100vw;height: 100vh;top: 0;left: 0;}
#banner .info {padding-bottom: 10vh;height: 94vh;display: none;}
#banner .info .txt {transition: all 0.7s ease;max-width: 80%;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;-webkit-box-pack: center;justify-content: center;padding: 0px 60px 0px;z-index: 2;width: 100%;height: 70%;margin: auto;position: absolute;top: 0;left: 0;right: 0;bottom: -60px;}
#banner .info .txt * {font-weight: 200;color: var(--white);opacity: 0;-webkit-transform: translateY(15px);transform: translateY(25px);}
#banner .info .txt h3 {letter-spacing: 2px;font-size: 68px;text-align: left;line-height: 120%;margin-bottom: 30px;font-weight: 700;font-family: 'Montserrat', sans-serif;}
#banner .info .txt article{text-align: center;font-family: 'Roboto', sans-serif;font-size: 22px;font-weight: 600;text-transform: uppercase;}
#banner .info .txt p {font-size: 24px;letter-spacing: 15px;text-align: left;}
#banner a.pos_abs {z-index: 2;}

/* slick-current */
#banner .slick-current .info .txt * {opacity: 1;-webkit-transform: translateY(20px);transform: translateY(20px);transition-delay: .3s;-webkit-transition-delay: .3s;}
#banner .slick-current .info .txt p {letter-spacing: 2px;transition-delay: .6s;-webkit-transition-delay: .6s;font-weight: 300;font-size: 30px;}

/* scrollBtn */
#scrollBtn {position: absolute;align-items: center;letter-spacing: .3em;font-weight: 300;font-size: 12px;color: #000;right: -130px;white-space: nowrap;transform: rotate(90deg);transform-origin: top left;display: flex;bottom: 100px;padding: 0px 10px;text-transform: uppercase;z-index: 10;}
#scrollBtn span{color:#000;font-size:12px;padding:13px;letter-spacing:2px;font-family:"Montserrat",sans-serif;font-weight:500}
#scrollBtn::after{content:"";width:40px;height:1px;display:block;background:#000;margin:0px 0px}
@-webkit-keyframes banerBg { 0% { -webkit-transform: scale(1); } 100% { -webkit-transform: scale(1.1); } }
@keyframes banerBg { 0% { transform: scale(1); } 100% { transform: scale(1.1); } }

@-webkit-keyframes godown { 0% , 100% { padding: 0 0 0px 0px; } 50% { padding: 0px 0 0px 0px; } }
@keyframes godown { 0% , 100% { padding: 0px 0 0px 0px; } 50% { padding: 0px 0 0px 10px; } }



@media screen and (max-width: 1440px){
	#banner .info .txt{margin:150px auto 0}
	#banner .info .txt h3{font-size:58px}
	#banner .slick-current .info .txt p{font-size:26px}
	#banner img{width:calc( 100vw - 75px );height:100%;background:no-repeat 50% / cover}
	#scrollBtn{right:-134px;}
}

@media screen and (max-width: 1280px){
	#banner img{margin: 50px auto 0px 0px;width: 100%;height: 100%;}
	#scrollBtn{display: none;}
}
@media screen and (min-width: 1280px){

}
@media screen and (max-width: 960px){
	#banner .info .txt{margin: 150px auto 0;}
	#banner .info .txt h3{font-size: 38px;}
	#banner .info .txt p{font-size: 18px;}
	#banner img {margin: 0px auto 0px 0px;}
	#scrollBtn{display: none;}
}
@media screen and (max-width: 480px){
	#banner .info{height: 40vh;padding-bottom: 0;}
	#banner .info .txt{margin: 150px auto 0;padding: 0px 10px 0px;}
	#banner .info .txt h3{font-size: 31px;letter-spacing: 0.5px;margin-bottom: 10px;}
	#banner .info .txt article{font-size: 18px;font-weight: 300;}
	#banner .info .txt p{font-size: 14px;}
	#banner .slick-current .info .txt p{letter-spacing: 1.2px;font-size: 20px;}
	#banner img {}
	#banner .info .txt h3:before{bottom: -31px;width: 1px;height: 25px;}
}

@media screen and (max-width: 380px){
	#banner img{
}
}