@media screen and (max-width: 640px){
	.sti_container {
		height: 260px !important;
	}
	.sti_items {
		margin: 0 0 0 -420px !important;
  		width: 640px !important;
	}
	.sti_slide img.main_image {
		height: 260px !important;
	}
}
/* ----------------------------------------------------
	sti slider
---------------------------------------------------- */
.sti_container {
	width: 100%;
    float: left;
    height: 528px;
    overflow: hidden;
    position: relative;
    z-index: 10;
    margin:0px auto !important;
}
.sti_items {
	position: relative;
    left: 50%;
    margin: 0 0 0 -960px;
    width: 1920px;
}
.sti_slide { 
	float:left; 
	padding:0; 
	margin:0; 
	position:relative; 
}
.sti_slide img { 
	display:block; 
	border:none !important; 
	margin:0 !important; 
	padding:0 !important; 
	max-width:none !important; 
	max-height:none !important; 
	height:none !important;
}

/* ----------------------------------------------------
	sti prev/next / paginate
---------------------------------------------------- */
.sti_previous {
    top: 44%;
    left: 50%;
	margin-left: -475px;
    width: 50px;
    height: 56px;
    position: absolute;
    background:  url(../images/arrow-prev.png) left top no-repeat;
    opacity: 1;
    cursor: pointer;
    z-index: 2;
}
.sti_next {
    top: 44%;
    left: 50%;
	margin-left: 425px;
    width: 50px;
    height: 56px;
    position: absolute;
    background: url(../images/arrow-next.png) right top no-repeat;
    opacity: 1;
    cursor: pointer;
    z-index: 2;
}
.sti_paginate {
	position: absolute;
	min-width:50px;
	height: 16px;
    text-align:center;
	overflow:hidden;
	left: 50% !important;
    bottom: 15px;
	margin-left: 345px;
}
.sti_paginate .sti_btn {
	width: 17px;
	height: 4px;
	text-indent: -1000000000px;
    display:inline-block;
	zoom:1; *display:inline;
    padding: 0;
	margin-right: 10px;
    text-align: right;
    vertical-align: middle;
    cursor: pointer;
	background: #fff;
	outline:none;
}

.sti_paginate .active {
	background: #faca00;
}