.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
  background: url(/images/slider-pointer.png) no-repeat;
  }

  .ui-slider .ui-slider-handle{
  width: 50px;
  height: 64px;
  border: 0;
  margin-top: -30px;
  }

  .ui-widget-content, .ui-widget-header{
  border: 0;
  background: #F9C017;
  }
  #evaluate{
max-width: 720px;
margin: 0 auto;
}

#evaluate #rating{
height: 150px;
}


#evaluate #rating div{
width: 138px;
background-repeat: no-repeat;
background-position: center bottom;
height: 60px;
line-height: 40px;
}

#evaluate #rating1{
background-image: url(/images/rating1.png);
}

#evaluate #rating2{
background-image: url(/images/rating2.png);
}

#evaluate #rating3{
background-image: url(/images/rating3.png);
}

#evaluate #rating4{
background-image: url(/images/rating4.png);
}

#evaluate #rating5{
background-image: url(/images/rating5.png);
}

#evaluate .on{
font-size: 28px;
height: 65px !important;
}


@media screen and (max-width: 768px) {


#evaluate #rating div{
display: none;
}

#evaluate #rating div.on{
display: block;
margin: 0 auto;
}


  .ui-widget-content, .ui-widget-header{
background: none;
  }
  #slider{
  background: url(/images/slider-rating-bg.png);
  background-size: 100%;
  }

}

#evaluate label{
display: block;
font-size: 17px;
margin-top: 12px;
margin-bottom: 8px;
}

#evaluate label a{
font-size: 18px;
}

@media screen and (min-width: 768px) {

	#rrateinfo{
	position: absolute; margin-left: 20px;
	}
}
@media screen and (max-width: 768px) {

	#rrateinfo{
	display: block;
	text-align: center;
	margin: 20px 0;
	}
	#ratinginfo{
	font-size: 18px;
	margin: 8px 0;
	}

	#ratingtitle{
	font-size: 20px;
	}

	#column-left {
	margin: 0;
	}

	#column-left h1{
	margin-top: 0 !important;
	text-align: center;
	font-size: 33px;
	}
	#evaluate{
	border: 0 !important;
	padding: 0 !important;
   	 }
	#column-left #ratinglabel{
	text-align: center;
	font-size: 20px;
	}

	#evaluate #review_rate{
	margin-top: 25px;
	text-align: center;
	}
	#evaluate #review_rate .rrate{
	width: 82px;
	height: 82px;
	background-image: url(/images/rating-star-l.png);
	background-position: center center no-repeat;
	background-size: 60%;
	}

	#evaluate-account h2{
	text-align: left;
	}

	.orline{
	height: 20px;
	}
	.orline span{
	color: #38393a;
	}

	#leftslvr #column-left{
	background: #ffffff !important;
	padding: 20px;
	}
}