#banner ul , #banner ul * { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
#banner .main-slider img { width: 100vw; }
#banner .nav-slider { position: absolute; width: 100vw; bottom: 0; }
#banner .nav-slider .item { padding: 15px; background: rgb(255 255 255 / 70%); text-align: center; color: var(--bs-darkgray); cursor: pointer; }
#banner .nav-slider .item.slick-current { background: rgb(0 0 0 / 70%); color: var(--bs-white); }

@media screen and (max-width: 1024px){
	#banner , #banner .main-slider img { height: 70vh; }
}
@media screen and (max-width: 768px){
	#banner .nav-slider {display: none;}
	#banner , #banner .main-slider img {height: 50vh;padding-top: 50px;}
	#banner ul {
    margin-top: 0px;
}
}
@media screen and (max-width: 560px){
	#banner , #banner .main-slider img {height: 34vh;padding-top: 50px;}
}

@media screen and (max-width: 375px){
	#banner , #banner .main-slider img {height: 26vh;padding-top: 60px;}
}