.Tutor { margin-bottom: 25px; width: 100%; background-color: #fff; line-height: 180%; height: auto; font-weight: normal; border: 1px solid #dddddd; } .Tutor img { width: 100%; height: auto; } .CategoryTutorName { width: 100%; background-color: #000; padding: 5px 10px; color: #fff; } .TutorInfo { padding: 8px 10px 16px 10px; } .searchable-container .btn-group { width: 100%; } .searchable-container label.btn-default.active { background-color: #d80000; color: #FFF; border: 1px solid #d80000; } .searchable-container label.btn-default { width: 100%; border: 1px solid #efefef; margin: 3px; background-color: #efefef; color: #b5b5b5; } #TickIcon { float: left; margin-top: 9px; } .searchable-container .btn.active span.glyphicon { opacity: 1; } .searchable-container .btn span.glyphicon { opacity: 0; } .rangeBar b:first-child{ padding-right: 10px; } .rangeBar b:last-child{ padding-left: 10px; } .ContactTutorBTN { padding: 10px 16px; background-color: #c11c2c; border: 0px; font-size: 16px; color: #fff; line-height: 100%; } #loading { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url('../../img/bg_overly.png') repeat center; overflow: auto; z-index: 9999; } #loading img { display: block; position: relative; margin: 220px auto 10px auto; } span.stars, span.stars span { display: inline-block; background: url(../../img/stars.png) 0 -16px repeat-x; width: 80px; height: 16px; position: relative; /*top: 3px;*/ } span.stars span { background-position: 0 0; } @media (min-width: 1200px) { .tutor_img_container { width: 235px; height: 160px; } } @media (min-width: 992px) { .tutor_img_container { width: 235px; height: 160px; } } @media (min-width: 768px) { .tutor_img_container { width: 235px; height: 160px; } }