/*===============================
	lg 
===============================*/

.mvis .slider .item_bg{
background-size: cover;
background-position: center;
background-repeat: no-repeat;
} 


@media (max-width: 1199px) {

.inner {padding:0 20px;}
.mvis .slider .item {padding-top:45%;}
.mvis .slider .item .mtxt{left:0; padding:0 3%;}
.st1 {padding: 25px 0;}

.st1 .st_left {width:99%; margin:0.5%; height: 336px; background-position: center;}
.st1 .st_right {width:100%;}

.st1 .st_right li {margin:0.5%; width: 24%;}
.st2 .st_cs h2 {font-size:25px;}

}

/*===============================
	sm 
===============================*/
@media (max-width: 991px) {

.mvis .slider .item .mtxt{left:0; padding:0 3%;}
.mvis .slider .item .mtxt img {width:40%}

.st2 .st_cs h2 {font-size:20px;}
.st2 .st2_tit {width: 140px;}

.st2 .st_cs .st2_tit, .st2 .st_cs h2 {height: 64px;  line-height: 64px;}
}

/*===============================
	xs 
===============================*/

@media (max-width: 860px) {

.inner {padding:0;}
.mvis .slider .item {padding-top:70%;}

.st1 .st_right li {margin:1%; width: 48%;}
.st1 {padding: 15px 0;}
.st1 .st_right li img {width:100%;}
.st1 .st_left {width:98%; margin:1%;}

.st2 .st_cs {width:100%;}
.st2 .st_bd {width:100%;}
.topbar ul {text-align:center;}

}

@media (max-width: 767px) {

.mvis .slider .item .mtxt{left:0; padding:0 3%;}
.mvis .slider .item .mtxt img {width:40%}

.st1 {padding: 10px 0;}
.st1 .st_left {width:94%; margin:1% 3%; height: 300px; }
.st1 .st_right li {margin:1%; width: 48%;}
.st1 .st_right {width:96%; margin:0 2%;}
.svis {background-attachment: inherit;}

}

/*===============================
	xs Portrait 
===============================*/

@media (max-width: 479px) {

.mvis .slider .item { padding-top:85%;}

.mvis .slider .item .mtxt{left:0; padding:0;}
.mvis .slider .item .mtxt img {width:40%}

.st1 .st_left {height: 250px; }

}