.mis-container,.mis-container *,.mis-slide,.mis-slider,.mis-stage {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

.mis-slider,.mis-stage {
    position: relative;
    overflow: hidden
}

.mis-stage {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    /* height:400px!important; */
}

.mis-slider {
    list-style: none;
    overflow: visible;
    height: 100%;
    margin-top: 0
}

.mis-container,.mis-slide {
    display: block;
    height: auto
}

.mis-slide {
    width: 100%;
    padding: 0;
    position: relative;
    float: left;
    overflow: visible!important
}

.mis-slide.mis-current {
    z-index: 100
}

.mis-container {
    width: auto;
    border: 0
}

.mis-nav-list {
    position: absolute;
    bottom: 1.5em;
    width: 100%;
    margin: 0 auto;
    z-index: 300;
    padding: 0
}

.mis-nav-list li {
    display: inline-block;
    margin: 0 .25em
}

.mis-nav-list li a {
    display: block;
    width: 14px;
    height: 14px;
    text-indent: 100%;
    opacity: .8;
    overflow: hidden;
    white-space: nowrap;
    border: 2px solid #fff;
    border-radius: 7px;
    -webkit-box-shadow: inset 0 0 4px #fff;
    box-shadow: inset 0 0 4px 2px #42a5f5
}

.mis-nav-list li a:hover,.mis-nav-list li.mis-current a {
    background: #42a5f5
}

.mis-nav-buttons {
    display: block;
    position: absolute;
    height: 0;
    top: 0;
    opacity: .5;
    z-index: 200
}

.mis-nav-buttons a {
    display: none;
    position: absolute;
    color: #eee;
    font-size: 0;
    line-height: .01;
    font-family: Verdana,Geneva,sans-serif;
    font-weight: 700;
    text-decoration: none;
    text-indent: -9999px
}

.mis-nav-buttons a:hover {
    color: #ccc
}

.mis-nav-buttons a.mis-next {
    left: auto;
    right: 0
}

.mis-nav-buttons a.mis-prev {
    left: 0
}

.mis-nav-buttons a.mis-next:after,.mis-nav-buttons a.mis-prev:before {
    content: "\2039";
    display: block;
    font-size: 80px;
    text-indent: 0
}

.mis-nav-buttons a.mis-next:after {
    content: "\203A"
}

@media (max-width: 900px) {
    .mis-stage {
        /* height:360px!important; */
    }
}

@media (max-width: 667px) {
    .mis-nav-list {
        bottom:0
    }
}

@media (max-width: 480px) {
    .mis-stage {
        /* height:340px!important; */
    }
}

@media (max-width: 414px) {
    .mis-stage {
        height:310px!important
    }
}