@media(min-width:768px) and (max-width:999px)
{
.container{ width:auto;}
.slide1 .text { width: auto; display: block; text-align:center;}
.slide1 .img { width: auto; display:block; text-align:center; margin:0px; vertical-align: middle;}
.slide1 .img img{ width:50%;}

.slide2 .box-row .box { width:auto; display:block;}
.slide2 .box-row .box img{ width:70%;}
.slide1 .img ul{ text-align:center;}
.slide1 .img ul li img{ width:100%;}
.slide3 .img ul li { display:inline-block; margin:2%; vertical-align:bottom;  width:40%; }
.slide3 .img ul li img{ width:100%;}
.app-box ul li { display:inline-block; width:40%; margin:10px 2%; text-align:center;}
}


@media(min-width:0px) and (max-width:767px)
{
.header-back .header{padding:10px 0px;}
.header-back .header .logo{ width:auto; display:block; background-position:center top!important;}
.header-back .header .menu { display: block; width: auto; text-align: center; padding:18px 0px;}
.header-back .header .menu ul li { display: inline-block; margin: 0px 10px;}

.container{ width:auto;}
.slide1 .text { width: auto; display: block;}
.slide1 .text .title{ font-size:30px;}
.slide1 .img { width: auto; display:block; text-align:center; margin:0px; vertical-align: middle;}
.slide1 .img img{ width:50%;}
.slide1 .img ul{ width:auto; text-align:center;}
.slide1 .img ul li{ display:inline-block; margin:0; vertical-align:bottom; width:48%; }
.slide1 .img ul li img{ width:100%;}

.slide2 .box-row .box { width:auto; display:block;}
.slide2 .box-row .box img{ width:70%;}
.slide3 .img img{ width:100%;}
.slide3 .img { margin:0 auto; margin:0 0 20px 0px;}
.slide3 .img ul { margin:0 auto; text-align:center;}
.slide3 .img ul li { display:inline-block; margin:2%; vertical-align:bottom;  width:40%; }
.slide3 .img ul li img{ width:100%;}

.slide4 .list ul li {
    background-size: 44px;
    font-size: 25px;
    padding: 5px 52px;
}

.app-box ul li { display:block; width:auto; margin:10px 0px; text-align:center;}

.content{padding:20px 0px 30px;}
.content p { font-size: 20px; line-height: 20pt;}
.slide1 .text .title { text-align: center;}
.slide1 .text p{ text-align:center;}
.content p.copy-right {font-size: 18px;}
}