@media (max-width: 480px)
{
/********/
/*GLOBAL*/
/********/
.ui-slider-handle {
	max-width: 90% !important;
	width:27px;
	height:58px;
	position:absolute;
	margin-top: -16px;
	margin-left: -15px;
	z-index:200;
	background:url(../image/slider-button.png);
}

/*This is the fill bar colour*/
.ui-widget-header {
	background:url(../image/fill.png) no-repeat left;
	height:8px;
	left:-10px;
	top: 7px;
	max-height: 300px !important;
	position:absolute;
}

a {
	outline:none;
	-moz-outline-style:none;
}

/********/
/*FIRST */
/********/
.tube_lenght {
	width:235px;
	_width:245px;
	height:22px;
	background:url(../image/bar_unfilled.png);
	position:relative;
	margin:0;
	padding-right: 20px;
	padding:0 10px;
	display: inline-block;
}

.scale-01 {
	width:285px;
	height:38px;
	background:url(../image/lenght_tube_bg.png);
	position:relative;
	background-size: contain;
	background-repeat: no-repeat;
	margin:0;
}


/********/
/*SECOND*/
/********/
.diameter_pipe {
	width:180px;
	_width:200px;
	height:22px;
	background:url(../image/bar_unfilled.png);
	position:relative;
	margin:0;
	padding-right: 20px;
	padding:0 10px;
	display: inline-block;
}

.scale_diameter_pipe {
	width:220px;
	height:30px;
	background:url(../image/scale2.png);
	position:relative;
	background-size: contain;
	background-repeat: no-repeat;
	margin:0;
}
/********/
/*THIRD */
/********/
.height_difference {
	width:235px;
	_width:245px;
	height:22px;
	background:url(../image/bar_unfilled.png);
	position:relative;
	margin:0;
	padding-right: 20px;
	padding:0 10px;
	display: inline-block;
}

.scale_height_difference {
	width:285px;
	height:38px;
	background:url(../image/height_scale.png);
	background-size: contain;
	background-repeat: no-repeat;
	position:relative;
	margin:0;
}
/********/
/*FOURTH*/
/********/
.temp_beer {
	width:235px;
	_width:245px;
	height:22px;
	background:url(../image/bar_unfilled.png);
	position:relative;
	margin:0;
	padding-right: 20px;
	padding:0 10px;
	display: inline-block;
}

.scale_temp_beer {
	width:285px;
	height:38px;
	background:url(../image/lenght_tube_bg.png);
	position:relative;
	margin:0;
}

.scale_temp_beer {
	width:285px;
	height:38px;
	background:url(../image/temp_scale.png);
	background-repeat: no-repeat;
	background-position: center center; 
	background-size: contain;
	position:relative;
	margin:0;
}

/********/
/*5th*/
/********/
.saturation_of_beer {
	width:200px;
	_width:200px;
	height:22px;
	background:url(../image/bar_unfilled.png);
	position:relative;
	margin:0;
	padding-right: 20px;
	/*margin-left: 12px;*/
	display: inline-block;
}

.scale_saturation_of_beer {
	width:200px;
	height:38px;
	background:url(../image/lenght_tube_bg.png);
	position:relative;
	margin:0;
}

.scale_saturation {
	width: 282px;
	height: 32px;
	background:url(../image/scale5.png);
	background-repeat: no-repeat;
	background-position: center center; 
	background-size: contain;
	position:relative;
	margin:0;
	margin-left: -25px;
}

/*********/
/*barSide*/
/*********/

.leftBar {
	width:12px;
	height:22px;
	background:url(../image/left_bar.png);
	display: inline-block;
	float: left;
}

.rightBar {
	width:12px;
	height:22px;
	background:url(../image/right_bar.png);
	display: inline-block;
	margin-left: -5px;
}
}

@media (min-width: 481px)
{
/********/
/*GLOBAL*/
/********/
.ui-slider-handle {
	max-width: 90% !important;
	width:27px;
	height:58px;
	position:absolute;
	margin-top: -16px;
	margin-left: -15px;
	z-index:200;
	background:url(../image/slider-button.png);
}

/*This is the fill bar colour*/
.ui-widget-header {
	background:url(../image/fill.png) no-repeat left;
	height:8px;
	left:-10px;
	top: 7px;
	max-height: 300px !important;
	position:absolute;
}

a {
	outline:none;
	-moz-outline-style:none;
}

/********/
/*FIRST */
/********/
.tube_lenght {
	width:335px;
	_width:345px;
	height:22px;
	background:url(../image/bar_unfilled.png);
	position:relative;
	margin:0;
	padding-right: 20px;
	padding:0 10px;
	display: inline-block;
}

.scale-01 {
	width:385px;
	height:38px;
	background:url(../image/lenght_tube_bg.png);
	position:relative;
	margin:0;
}


/********/
/*SECOND*/
/********/
.diameter_pipe {
	width:280px;
	_width:300px;
	height:22px;
	background:url(../image/bar_unfilled.png);
	position:relative;
	margin:0;
	padding-right: 20px;
	padding:0 10px;
	display: inline-block;
}

.scale_diameter_pipe {
	width:320px;
	height:30px;
	background:url(../image/scale2.png);
	position:relative;
	margin:0;
}
/********/
/*THIRD */
/********/
.height_difference {
	width:335px;
	_width:345px;
	height:22px;
	background:url(../image/bar_unfilled.png);
	position:relative;
	margin:0;
	padding-right: 20px;
	padding:0 10px;
	display: inline-block;
}

.scale_height_difference {
	width:385px;
	height:38px;
	background:url(../image/height_scale.png);
	position:relative;
	margin:0;
}
/********/
/*FOURTH*/
/********/
.temp_beer {
	width:335px;
	_width:345px;
	height:22px;
	background:url(../image/bar_unfilled.png);
	position:relative;
	margin:0;
	padding-right: 20px;
	padding:0 10px;
	display: inline-block;
}

.scale_temp_beer {
	width:385px;
	height:38px;
	background:url(../image/lenght_tube_bg.png);
	position:relative;
	margin:0;
}

.scale_temp_beer {
	width:385px;
	height:38px;
	background:url(../image/temp_scale.png);
	background-repeat: no-repeat;
	background-position: center center; 
	background-size: contain;
	position:relative;
	margin:0;
}

/********/
/*5th*/
/********/
.saturation_of_beer {
	width:300px;
	_width:300px;
	height:22px;
	background:url(../image/bar_unfilled.png);
	position:relative;
	margin:0;
	padding-right: 20px;
	/*margin-left: 12px;*/
	display: inline-block;
}

.scale_saturation_of_beer {
	width:300px;
	height:38px;
	background:url(../image/lenght_tube_bg.png);
	position:relative;
	margin:0;
}

.scale_saturation {
	width: 382px;
	height: 32px;
	background:url(../image/scale5.png);
	background-repeat: no-repeat;
	background-position: center center; 
	background-size: contain;
	position:relative;
	margin:0;
	margin-left: -25px;
}

/*********/
/*barSide*/
/*********/

.leftBar {
	width:12px;
	height:22px;
	background:url(../image/left_bar.png);
	display: inline-block;
	float: left;
}

.rightBar {
	width:12px;
	height:22px;
	background:url(../image/right_bar.png);
	display: inline-block;
	margin-left: -5px;
}
}