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

.table_data_filter .col-md-4 {
    text-align: left;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 0px;
    font-size: 9px;
}
.search_box button {
    padding: 10px 12px;
}


}

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

.table_data_filter .col-md-4 {
    text-align: left;
}
 
}
.breadcrumb {
    top: 0px;

}

.labeldesign {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 100;
}

/* Hide the browser's default checkbox */
.labeldesign input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #FEC400;
  border-radius: 0px;
}

/* On mouse-over, add a grey background color */
.labeldesign:hover input ~ .checkmark {
  background-color: #FEC400;
}

/* When the checkbox is checked, add a blue background */
.labeldesign input:checked ~ .checkmark {
  background-color: #FEC400;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.labeldesign input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.labeldesign .checkmark:after {
    left: 7px;
    top: 3px;
    width: 6px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


 .finalareasrach label {
    display: inline-block;
}
.finalareasrach label .checkmark {
    margin-right: 10px;
    left: -4px;
}

.searchpagenewstyling .each_exam img {
    float: left;
    width: 60px;
    height: 40px;
    margin-right: 10px;
}

.searchpagenewstyling .each_exam h5 {
    margin-bottom: 0px;
    margin-top: 6px;
    /*/ border-bottom: 1px solid; /*/
}

.searchpagenewstyling .each_exam {
    border-bottom: 1px solid #ccc;
}
.searchpagenewstyling .each_exam p {
    text-align: justify;
}

.filter #accordion .ui-accordion-content {
    height: auto !important;
}
.banner_heading ul li i {
    color: #FEC400;
}

button.btn-u {
    /*padding: 5px 20px;*/
    color: white;
    /*font-size: 16px;*/
}













/*  New Style for search  */


.searchpagenewstyling {
    overflow-x: hidden;
    max-height: 300px;
    overflow-y: hidden;
}
.showmovediv {
    /*position: absolute;
    border-top: 0px;
    left: 39%;
    bottom: -10px;*/
    /*position: relative; */
    display: block;
    border-top: 0px;
    left: 39%;
    bottom: -14px;
    /* background: #FEC400; */
    /* color: white; */
    margin: 12px auto 0px;
    /* padding: 5px 10px; */
    font-size: 16px;
    text-align: center;
}
.showmovediv span,.showless span{
    margin: 0 auto;
    background: #FEC400;
    color: white;
    padding: 5px 10px;
    margin: 0 auto;
}
.showless {
    display: block;
    border-top: 0px;
    left: 39%;
    bottom: -14px;
    /* background: #FEC400; */
    /* color: white; */
    margin: 12px auto 0px;
    /* padding: 5px 10px; */
    font-size: 16px;
    text-align: center;
}
.newclass {
     overflow-y: auto !important; 
     max-height: 100% !important; 
     overflow-x: hidden !important; 
     background:#f4e3e3;
}

.each_exam button {
    padding: 0px;
    background: transparent;
}

.each_exam button:hover, .each_exam button:focus {
    box-shadow: none;
}
a:hover .examshortnamecolr {
    color: black;
}

.examshortnamecolr {
    color: #FEC400;
}
.finalareasrach {
    padding: 0px 6px;
}
.row.mainrow {
    margin: 0px;
}
.showless span:after {
    content: "Show Less";
}

.showmovediv span:after {
    content: "Show More";
}
.searchpagenewstyling h4 span {
    border: 1px solid #FEC400;
    text-align: center;
    padding: 10px;
    background: #FEC400;
    color: white;
    line-height: 35px;
}

.searchpagenewstyling h4 {
    text-align: center;
    padding: 10px 10px 0px;
}
.each_exam h3 span {
    text-align: center;
    color: #FEC400;
    line-height: 35px;
}


.each_exam h3 {
    font-size: 19px;
    margin-top: 10px;
    border-bottom: 1px solid #FEC400;
}
.showmovediv span:hover, .showless span:hover {
    cursor: pointer;
}
.partialmatchresult h2 {
    border-bottom: 1px solid #FEC400;
    margin: 14px 15px;
    padding: 11px 0px;
    font-size: 21px;    
    line-height: 35px;
}

.partialmatchresult h2 span {
    background: #FEC400;
    color: white;
    padding: 7px 29px;
}
.partialmatchresult h2 span span {
    background: #FEC400;
    color: white;
    padding: 0px;
}

.partialmatchresult h2 span:hover {
    cursor: pointer;
}
.partialmatchresult h4 {
    float: left;
    padding-left: 0px;
    border-bottom: 2px dashed #FEC400;
}
.partialmatchresult h4 span {
    background: transparent;
    border: 0px;
    color: #FEC400;
    padding: 0px;
    /* border-bottom: 2px dashed #FEC400; */
}
.searchpagenewstyling h5 a {
    color: #282f37;
}

/*.row.mainrow.showhideareapartialy {
    column-count: 2;
    column-gap: 0em;
}

.row.mainrow.showhideareapartialy .col-xs-12 {
     background-color: #eee; 
    display: inline-block;
    margin: 0 0 1em;
    width: 100%;
}*/

.table_filter {
    background: #FAFAFA;
    padding: 20px 30px 50px;
}