/* ------------------------------------------------- Large Screen. 1800 ---------------------------------------------------*/
@media (min-width: 2000px) {
.container-xl{max-width: 98%; }
}
@media (min-width: 1400px){
	.container-xl{max-width: 90%; }
}

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

}
@media screen and (max-width:2490px){
}
@media screen and (max-width:1920px){
	
}
@media screen and (max-width:1740px){
}
@media screen and (max-width:1680px){
	
}
@media screen and (max-width:1560px){
}
@media screen and (max-width:1440px){

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


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

}
@media screen and (max-width: 1240px) {
	.banDemo .swiper-slide .main .box .text{text-align: center;}

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

}
/* ------------------------------------------------- Tablet Screen : 992 ---------------------------------------------------*/
@media screen and (max-width:980px){
	.container{max-width: 98%;}
.header,.banDemo .swiper-pagination{display: none;}
.m-header-nav{display:block;}.m-header-nav{background: linear-gradient(135deg, #271273, #1f3c8d, #0096ff99);}
.m-header-nav .sp_nav span{background:rgba(255,255,255,.8);}
	
	.banDemo .swiper-slide .main .box{text-align: center;flex-direction:column;}
	.banDemo .swiper-slide .main .box .text1 {font-size: 21px;}
	.banDemo .swiper-slide .main .box .text2{font-size: 60px; margin-top: 0.5rem;}
	.banDemo .swiper-slide .main .box .text3 {font-size: 16px;margin-top: 1rem;}	
	.banDemo .swiper-button-next{right: 0px;}.banDemo .swiper-button-prev{right:100px;}
	.banDemo .swiper-button-prev, .banDemo .swiper-button-next{width: 20px;height: 40px;}
	.slickNums{right: 18px;bottom: 10px;font-weight:normal;font-size: 14px;}
	
	
}
/* -------------------------- Ipad : 768 --------------------------*/
@media screen and (max-width:768px){

.header,.banDemo .swiper-pagination{display: none;}#backTop{display: none;}
.m-header-nav{display:block;}
.m-header-nav .sp_nav span{background:rgba(255,255,255,.8);}
		
	.banDemo .swiper-slide .main .box .text1 {font-size: 18px;}
	.banDemo .swiper-slide .main .box .text2 {font-size: 42px;}
	.banDemo .swiper-slide .main .box .text3 {font-size: 14px;}
	.banDemo .swiper-slide .main .box .text4{display: none;}
	.banDemo .swiper-button-next{right: 0px;}.banDemo .swiper-button-prev{right:90px;}
	.banDemo .swiper-button-prev, .banDemo .swiper-button-next{width: 20px;height: 40px;}
	.slickNums{right: 18px;bottom: 10px;font-weight:normal;font-size: 14px;}

	.footer-grid{grid-template-columns:1fr 1fr;}
	.service-card__content{margin:20px 20px 30px;padding:0;}
	.service-card__list{padding-bottom: 15px;margin-bottom: 15px;}
	.section-title{font-size: 21px;}
	.section-sub{font-size: 14px;padding:5px 10px;line-height: 1.5;}

	.ser-prolist li a .txt .cn{font-size: 18px;}
	.arrow-pagination .-button-prev, .arrow-pagination .-button-next{width: 30px;height: 30px;}
	.process-one__inner{padding: 15px;}
	.ser-prolist .boxwrap{flex-direction: column;}
	.ser-prolist .textbody{width: 100%;padding: 20px 10px 0 10px;gap: 10px;}
	.ser-prolist .textbody .btn{padding: 0px;}
	.ser-prolist .textbody h1{font-size: 18px;line-height: 1.5;}
}
/* ---------------------- Large Mobile :480px. ----------------------------------*/
@media screen and (max-width:576px){
	.banDemo .swiper-slide .main .box .text2 {font-size: 28px;}
	.arrow-pagination .-button-prev, .arrow-pagination .-button-next{width: 30px;height: 30px;}
	.ser-prolist li a .txt .cn{font-size: 14px;}
	.modal-text{flex-direction: column;}
	.modal-text form{width: 100%;}
}