.active-tabs { padding-left: 7%; }
.nav-tabs > li {   position: relative; float: left; }
.active-tabs .tabbable-one li a { height: 166px; padding: 8px 12px; display:block; border-width: 2px; font-size: 14px; font-weight: 700; color: #7f8c9a; border-radius: 6px 6px 0 0; transition: none;cursor:pointer }
.active-tabs .tab-sec { min-width: 196px; padding: 10px 28px; }
.cobrand-cl-landing .tab-sec span { border: 5px solid #fff; border-radius: 45px; float: left; height: 90px; margin: 0 0 0 19%; width: 90px; }
.tab-sec span { dbImage_background-image: SPRITE_LANDING_TAB; }
.quick-quote .quotes span { background-color: transparent; border: 0 none!important; margin: 0; border-radius: 0; left: 19px; position: absolute; top: 3px; width: 50px; height: 100px; }
.quick-quote .quotes { background-color: #e54f4f; background-image: none; position: relative; }
.custom-quote span { background-color: #4f3c5c; background-position: 0 273px; } 
.hungry-more span { background-color: #60abe2; background-position: 14px 92px; }
.user-review span { background-color: #f1c30e; background-position: 8px 183px;}
.custom-free { position: absolute; top: -20px; right: -44px; }
.tab-sec p { color: #2a4a59; font-size: 18px; font-weight: 300; padding: 10px 0; text-align: center; }
.active-tabs .tabbable-one li a:hover span, .active-tabs .tabbable-one li a.active span { border: 5px solid #ddd;}
@media only screen and (max-width: 767px) and (min-width: 320px){
	.tabbable-one { background: #eec64c !important; }
	.active-tabs{padding:0}
	.custom-free{display:none}
	.tab-sec p { color: #fff; font-size: 14px; font-weight: 300; line-height: 40px; padding: 0; text-align: center; } 
	.active-tabs .tab-sec{min-width:auto;}
	.active-tabs .tabbable-one li { width: 24.97% !important; float: left; border-right: 1px solid #d7b13e; }
	.active-tabs .tabbable-one li a, .active-tabs .tabbable-one li a:hover, .active-tabs .tabbable-one li a.active { border: 0 none; height: 40px; padding: 0; margin: 0; }
	.top-slider-mobile .tab-sec { background-color: #e54f4f; background: none !important; background-position: 5px center; background-repeat: no-repeat; background-size: auto 80%; display: block; float: none; height: auto; padding: 0; } 	
	.active-tabs .tabbable-one li a span { display: none; }
}
@media only screen and (max-width: 479px) and (min-width: 320px){
	.tab-sec p { line-height: 13px; padding: 7px 10px; }
}