/* Target Desktop Exclusively */
@media only screen and (min-width:980px) {
     /* CSS RULES HERE */  
} 

/* Target Tablet Exclusively */
@media only screen and (min-device-width : 768px) 
and (max-device-width : 1024px), (max-width: 980px) 
and (min-width:640px) {
     /* CSS RULES HERE */ 
} 

/* Target Phone Exclusively */
@media only screen and (max-width: 640px) {
     /* CSS RULES HERE */ 
} 

/* Target Desktop AND Tablet */
@media only screen and (min-width:640px) {
     /* CSS RULES HERE */ 
} 

/* Target Tablet AND Phone */
@media only screen and (min-device-width : 768px) 
and (max-device-width : 1024px), (max-width: 980px) {
     /* CSS RULES HERE */ 
} 

	
#autoqa .AutoQaHeaderImage{ width: 100%;}
#autoqa .subtitle, #autoqa .subtitle select{width:100% !important;}
#autoqa .subtitle select{font-size:1rem !important;}

.sc-categories{margin:0 0 1% 0 !important; padding:0; list-style:none; float:left; position:relative;}
.sc-category{position:relative;}
.sc-category-img{}
.sc-category-img:hover{ }
.sc-category-img, .sc-category-img:hover{background-color:#d40000;}
.sc-category{ margin-right:1%; padding:1.5% 0 1.5% 5%; list-style:none !important; width:44%; float:left; min-width:30%;}
.sc-category:nth-of-type(2n){ margin-right:0 !important;}
.sc-category-wrapper{padding:1.5% 0.5% 1% 10%; margin:.5% 0 .5% 2%; background:42px no-repeat #d8d8d8 ;}	
.sc-category-wrapper:hover{background-color:#c1c1c1;}
.sc-category-link{font-size:1em!important; color:#000 !important; text-decoration: none !important; font-weight:700;}
.sc-category-name{display:block; font-size:1em !important; color:#d40000;}
.sc-category-desc{ padding:5px; margin-left:10px; display:none;}
.sc-categories li::before{background:url(images/question.png) 0 0 no-repeat #f00; width:54px; height:54px; position:absolute; top:14px; left:19px; display:block; content: " "; border-radius:50%;}
.sc-categories li:hover::before{background:url(images/answer.png) 0 0 no-repeat #f00;}

.sc-services{margin:0 0 0 7% !important; padding:0;list-style:none;}
.sc-services li::before{background:url(images/q.png) 0 0 no-repeat; width:24px; height:24px; position:absolute; top:16px; left:-28px; display:block; content: " "; border-radius:50%;}
.sc-service{width:95%;}
.sc-service a{ text-decoration:none !important; color:#000;}
.sc-service a:hover{color:#f00; background-color:#c1c1c1; display:block;}
.sc-service{margin:0 0 10px 0;padding:10px 0;list-style:none !important;position:relative;}
.sc-service-name{font-size:1.2em;font-weight:bold; padding:5px;margin:0 12% 1px 0;}
.sc-service-name:hover{}
.sc-service-short-desc{font-size:1.0em;padding:5px;margin:0 170px 0 0;}
.sc-service-link{position:absolute;top:10px;right:90px;padding:10px 7px;border:1px solid #CCC;}
.sc-service-recommended{position:absolute;top:0;right:10px;width:63px;height:55px;}

.sc-detail-breadcrumb{padding:10px;font-weight:bold;}
.sc-detail-head{margin:10px 0;overflow:hidden;}
.sc-detail-category-name{padding: 5px 5px 5px 10px;margin:0; font-weight:bold;}
.sc-detail-service-name{padding:10px 10px 10px 10px;margin:0;}
.sc-detail-main{clear:both;padding: 0 10px 0 10px;position:relative;}
.sc-detail-desc{padding-bottom:10px;margin-bottom:10px;font-size:1.0em;}
.sc-detail-time{padding-bottom:10px;margin-bottom:10px;border-bottom:1px #CCC solid;}
.sc-detail-time span{display:block;font-size:1.0em;padding:10px;}
.sc-detail-price{padding-bottom:10px;margin-bottom:10px;border-bottom:1px #CCC solid;}
.sc-detail-price span{display:block;font-size:1.0em;padding:10px;}
.sc-detail-links{position:absolute;top:0;right:0;width:200px;list-style:none;margin:0;padding:0;}
.sc-detail-links li{list-style:none;margin:0 0 2px 0;padding:5px;background:#CCC;}
.sc-detail-links a{font-weight:bold;}

#detailButtons .option{display:block; background:#FFF; min-width:15%; width:45%; padding:1%; margin-right:3%; margin-bottom:1.5%; text-decoration:none !important; border-radius:3px; color:#fff; text-transform:uppercase; text-align:center; float:left; box-shadow:0px -60px 20px #f00 inset;}
#detailButtons .option:hover{color:#fff !important;  box-shadow:0px -60px 60px #f00 inset;}
#detailButtons .option:last-of-type{ margin-right:0%;}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px), (max-width: 980px) and (min-width:640px){
	.sc-category{width:41%; margin-right:0; padding:3% 0 3% 9%;}
}

@media only screen and (max-width: 640px) {
	.sc-category{width:100%; margin-right:0; padding:2.5% 0 2.5% 9%;}
	.sc-category-name{font-size:1.5em !important;}
	#autoqa{background:url(images/welcome2.jpg) center top no-repeat; padding:70% 0 0; background-size:contain;}
    .AutoQaHeaderImage.welcome.mobile-image-full { display:none;}
	#detailButtons .option{ width:100%; margin:1% auto; padding:3% 0;}
}