h3 {
    color:darkgrey;
    margin-left:20px;
    margin-top:20px;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-weight: lighter;
}


/*.rate-area {
    float:left;
    border-style: none;
}*/

.rate-area {
    float:left;
    border-style: none; margin:-8px 0 0 0;
}

.rate-area:not(:checked) > input {
    /*position:absolute;*/
    position:fixed;
    top:-9999px;
    clip:rect(0,0,0,0);
}

.rate-area:not(:checked) > label {
    float:Left;
    width:1em;
    padding:0 .1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    /*font-size:400%;*/
    font-size:230%;
    line-height:1.2;
    color:lightgrey;
    text-shadow:1px 1px #bbb;
}

.rate-area:not(:checked) > label:before {
    content: '★ ';
}

.rate-area > input:checked ~ label {
    color: #ee722b;
    text-shadow:1px 1px #c60;
    /*font-size:450% !important;*/
    font-size:230% !important;
}

.rate-area:not(:checked) > label:hover,
.rate-area:not(:checked) > label:hover ~ label {
    color: #ee722b;
    
}

.rate-area > input:checked + label:hover,
.rate-area > input:checked + label:hover ~ label,
.rate-area > input:checked ~ label:hover,
.rate-area > input:checked ~ label:hover ~ label,
.rate-area > label:hover ~ input:checked ~ label {
    color: #ee722b;
      
}

.rate-area > label:active {
    position:relative;
    top:0px;
    left:0px;
}


.ratingLabel {
    float: left;
    margin: 0;
    padding: 10px 3px 5px 2px;
    width: 160px;
    font-weight: bold;
}

.rate-area2 {
    float:left;
    border-style: none; margin:-8px 0 0 0;
}
/*Get Rating*/
.reviewText
{
    float: left;
    margin: 0;
    padding: 0;
    width: 84%;
    line-height:27px;
}

.activeNew{color:#ee722b !important;}

.fr{ float:right !important;}

.fntSize{
    font-size: 160% !important;
}


.rateArea1 {
    float:right;
    border-style: none; margin:-8px 0 0 0;
}

.rateArea1:not(:checked) > input {
    position:fixed;
    top:-9999px;
    clip:rect(0,0,0,0);
}

.rateArea1:not(:checked) > label {
    float:Left;
    width:1em;
    padding:0 .1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:230%;
    line-height:1.2;
    color:lightgrey;
    text-shadow:1px 1px #bbb;
}

.rateArea1:not(:checked) > label:before {
    content: '★ ';
}

.rateArea1 > input:checked ~ label {
    color: #ee722b;
    text-shadow:1px 1px #c60;
    font-size:230% !important;
}

/*.rateArea1:not(:checked) > label:hover,
.rateArea1:not(:checked) > label:hover ~ label {
    color: gold;
    
}

.rateArea1 > input:checked + label:hover,
.rateArea1 > input:checked + label:hover ~ label,
.rateArea1 > input:checked ~ label:hover,
.rateArea1 > input:checked ~ label:hover ~ label,
.rateArea1 > label:hover ~ input:checked ~ label {
    color: gold;
      
}*/

.rateArea1 > label:active {
    position:relative;
    top:0px;
    left:0px;
}


*{ box-sizing:border-box}

/*.ratingRow{ float:left; margin:0; padding:0; width:55%;}*/
/*.ratingRow{ float:right; margin:6px 0 0 0; padding:0; width:30%; clear:both;}*/
.ratingRow{ float:left; margin:6px 0 0 32px; padding:0; width:55%;}

.ratingRowLeftColm{ float:left; margin:0; padding:0 10px 0 10px; width:30%; height:130px;}

/*.ratingRowRightColm{ float:left; margin:0; padding:0 10px 0 10px; width:69%; border-left:1px solid #ccc;}*/

/*.ratingRowRightColm{ float:left; margin:0; padding:0 10px 0 10px; width:100%; border-left:1px solid #ccc;}*/
.ratingRowRightColm{float: left;
    margin: 0;
    padding: 0 66px 0 10px;
    width: 100%;
    border-right: 1px solid #ccc;}

.ratingRowRightColm .stars { float:left; margin-right:10px; margin-top:-5px; color:#333;font-weight:bold; width:90px;}

/*.ratingRowRightColm .progress {background-color: #f7f4ef; box-shadow:0 1px 2px rgba(0,0,0,.1) inset; height:11px; margin:2px 0 12px 0; overflow:hidden; padding:0;}*/
.ratingRowRightColm .progress {background-color: #f7f4ef; box-shadow:0 1px 2px rgba(0,0,0,.1) inset; height:16px; margin:2px 0 8px 0; overflow:hidden; padding:0; border:1px solid #ccc;}

.ratingRowRightColm .progress span { background-color: #ee722b; box-shadow: 0 1px 2px rgba(0,0,0,.1) inset; color:#333; float:left;font-size:12px; height:100%;line-height:20px;transition: width .6s ease 0s; width:0; /*border:1px solid #c8c8c8;*/}

.span9{border-left: 1px solid #c8c8c8;}

/*.bttnImg{ float:left; margin:0; padding:0; background:#0673b2 url(http://localhost:1560/Grotal/images/penIcon.png) no-repeat; width:12px; height:12px;}*/

.bttnImg {
    float: left;
    margin: 0 0 0 45px;
    padding: 0;
    width: 150px;
    cursor: pointer;
}

.writeReviewText{ float:left; margin:0; padding:6px; text-align:center; font-size:14px; font-weight:bold; color:#333;}

.writeReviewBttn
{float:left; margin:0;padding:6px 8px 6px 6px;background: #0170b0 url(../images/penIcon.png) no-repeat;border: 1px solid #0167a2;border-radius:3px;background-position:5px 7px;width: 150px;font-size:13px;color:#fff;text-transform:uppercase;text-align:right;cursor: pointer;box-shadow:0 2px 3px 1px #ccc;}

.writeReviewBttn1 {
    background: #0170b0 url("../images/penIcon.png") no-repeat scroll 5px 7px;
    border: 1px solid #0167a2;
    border-radius: 3px;
    box-shadow: 0 2px 3px 1px #ccc;
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 13px;
    margin: 3px 0 0 50px;
    padding: 6px 8px 6px 6px;
    text-align: right;
    text-transform: uppercase;
    width: 150px;
}

.reviewColmRow{ float:left; margin:0; padding:0 0 10px 0; width:100%; border:1px solid #ccc;}

.txtcolr{ color: #024370;width: 280px;}

.tab-txt5 {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #ddd;
    overflow: hidden;
    padding: 7px;
}


.reviewRightColm1 {
    float: left;
    margin: 30px 0 0 10%;
    padding: 0;
    width: 20%;
}

.writeReviewText1 {
    float: left;
    margin: 0;
    padding: 6px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #333;
}

.bttnImg1 {
    float: left;
    margin: 0;
    padding: 0;
    width: 150px;
    cursor: pointer;
}

.txtcolr {
    color: #024370;
    padding: 6px;
    width: 280px;
}

.tab-txt5 {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #ddd;
    overflow: hidden;
    padding: 7px;
}

.reviewRightColm {
    float: left;
    margin: 40px 0 0 5%;
    padding: 0;
    width: 30%;
}

@media only screen and (min-width: 1024px) and (max-width: 1249px) 

{
       .ratingRow{ width:52%; margin:6px 0 0 15px;}	
	   .ratingRowRightColm{ padding:0 20px 0 10px;}
	   .ratingRowRightColm .stars{ width:82px; margin-top:0;}
	   .reviewRightColm{float: left; margin: 40px 0 0 3%; padding: 0; width: 40%;}
}


@media only screen and (min-width:768px) and (max-width:1023px) {
	
	.ratingRow{ float: left; margin: 6px 0 0 0; padding: 0;  width: 48%;}
	.ratingRowRightColm{ padding:0 12px 0 6px;}
	.ratingRowRightColm .stars{float:left; margin-right:10px; margin-top:0;color: #333;font-weight:bold;width:75px;font-size:12px;}
	.reviewRightColm{ width:52%; margin:40px 0 0 0;}
	.txtcolr{ width:100%;}
	

	
	}



@media only screen and (min-width: 600px) and (max-width: 767px) 
			{
			    .ratingRow{
			    float: left;
			    margin: 6px 0 0 12px;
			    padding: 0;
			    width: 53%;}
				.ratingRowRightColm{ padding:0 30px 0 10px;}  
				.ratingRowRightColm .stars{ margin-top:0;}  
				.reviewRightColm1{ margin:30px 0 0 6%; width:28%;}
				.starRatings{ margin:0 auto auto 6px;}
				.ratingRowRightColm{ padding:0 15px 0 10px;}
				.ratingRowRightColm .stars{
			    float: left;
			    margin-right: 10px;
			    margin-top: 0px;
			    color: #333;
			    font-weight: bold;
			    width: 75px; font-size:12px;
			}	
			
			.reviewRightColm1 {
			    float: left;
			    margin: 30px 0 0 3%;
			    padding: 0;
			    width: 35%;
			}
			
			.reviewRightColm{float: left; margin: 40px 0 0 0; padding: 0; width: 45%;}
			.txtcolr{color: #024370; padding: 6px; width: 100%;margin: 0 0 0 6px;}
			
			}
			
@media only screen and (min-width: 480px) and (max-width: 559px) 
 {
   .rTxt h2{margin:0; padding:6px;font-weight:700;font-size:13px;margin-left:0; width:100%;}
   .ratingRow{float:left; margin:6px 0 0 0; padding:0; width:44%;}
   .ratingRowRightColm{ padding: 0 10px 0 5px; width: 100%;}
   .ratingRowRightColm .stars{float:left; margin-right:10px; margin-top:0;color:#333;font-weight:bold;width:70px;font-size:12px;}
   .reviewRightColm{float: left; margin: 40px 0 0 0; padding: 0; width: 56%;}
 }
			

@media only screen and (min-width: 0px) and (max-width: 479px) 
{
  .starRatings{ margin:0 auto 3px 3px;}
  .reviewColmRow{border: 1px solid #ccc; float:left; margin:0; padding:0 0 10px; width:100%;}

.ratingRow{float:left;
    margin:6px 0 0;
    padding:0;
    width:100%;}
	
.ratingRowRightColm {
    border-right: none;
    float: left;
    margin: 0;
    padding: 0 15px 0 10px;
    width: 100%;
}
.ratingRowRightColm .stars{ width:80px; margin-top:0; font-size:12px;} 

.reviewRightColm1 {
    float: left;
    margin: 6px 0 0;
    padding: 0;
    width: 100%;
}

.reviewRightColm {
    float: none;
    margin: 0 auto;
    padding: 0;
    width: 84%;
}

.txtcolr{color:#024370; padding:6px; width:100%; float:left;}

.writeReviewBttn{ margin:0 0 0 9px;}

  }