/*searchresult for parent div */
.searchresult {
  /* padding-top: 10px;	 */
}
.searchresult-content {
  position: relative;
}

.searchresult-content:hover:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.1);
}
/* .searchresult:hover {
	background-color: #f6f6f6;
	transition: all 0.3s ease-in;
} */

/* @media screen and (min-width:2001px) {
	.searchresult {
		height: 500px !important;
	}

}

@media screen and (min-width:1601px) and (max-width:2000px) {
	.searchresult {
		height: 465px !important;
	}

}

@media screen and (min-width:1400px) and (max-width:1600px) {
	.searchresult {
		height: 445px !important;
	}

}

@media screen and (min-width:1301px) and (max-width:1399px) {
	.searchresult {
		height: 430px !important;
	}

}

@media screen and (min-width:1220px) and (max-width:1300px) {
	.searchresult {
		height: 460px !important;
	}

}

@media screen and (min-width:992px) and (max-width:1220px) {
	.searchresult {
		height: 480px !important;
	}

}

@media screen and (min-width:768px) and (max-width:991px) {
	.searchresult {
		height: 450px !important;
	}

}

@media screen and (min-width:500px) and (max-width:768px) {
	.searchresult {
		height: 410px !important;
	}

}

@media screen and (min-width:405px) and (max-width:500px) {
	.searchresult {
		height: 472px !important;
		padding-left: 2px !important;
		padding-right: 2px !important;
	}

}

@media screen and (max-width:404px) {
	.searchresult {
		height: 465px !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

}

@media screen and (max-width:320px) {
	.searchresult {
		height: 505px !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

} */

/* searchresultJPG for pictures div */
.searchresultJPG {
  text-align: center;
  width: 100%;
  margin: 0 auto;
  width: initial;
  display: block;
}

.searchresultJPG > a > img {
  max-height: 100%;
  display: inline-block;
}

.searchresultJPG > a {
  max-height: 100%;
}

/* IE 11 fixes */
@media all and (-ms-high-contrast: none) {
  .searchresultJPG {
    padding: 5px 0px;
  }

  .searchresultJPG > a > img {
    max-height: 100%;
    display: inline-block;
  }
}

@media (max-width: 991px) {
  .searchresultJPG {
    display: block;
  }

  .searchresultJPG > a > img {
    display: inline-block;
  }

  /* .searchresult {
		margin-top: 20px;
		background-color: #f6f6f6;
	} */
}

@media screen and (min-width: 2001px) {
  .searchresultJPG {
    height: 140px !important;
    line-height: 140px;
  }
}

@media screen and (min-width: 1301px) and (max-width: 2000px) {
  .searchresultJPG {
    height: 120px !important;
    line-height: 120px;
  }
}

@media screen and (min-width: 1100px) and (max-width: 1300px) {
  .searchresultJPG {
    height: 120px !important;
    line-height: 120px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1100px) {
  .searchresultJPG {
    height: 100px !important;
    line-height: 100px;
  }
}

@media screen and (min-width: 405px) and (max-width: 991px) {
  .searchresultJPG {
    height: 125px !important;
    line-height: 125px;
  }
}

@media screen and (max-width: 404px) {
  .searchresultJPG {
    height: 100px !important;
    line-height: 100px;
  }
}

div.searchresultJPG a {
  cursor: pointer;
}

.searchresultitlu {
  margin-top: 10px;
}

/* @media screen and (min-width:1601px) {
	.searchresultitlu {
		height: 40px !important;
	}

} */

@media screen and (min-width: 1401px) and (max-width: 1600px) {
  .searchresultitlu {
    /* height: 40px !important; */
  }
}

@media screen and (min-width: 1301px) and (max-width: 1400px) {
  .searchresultitlu {
    /* height: 38px !important; */
  }
}

@media screen and (min-width: 1220px) and (max-width: 1300px) {
  .searchresultitlu {
    /* height: 50px !important; */
  }
}

@media screen and (min-width: 1101px) and (max-width: 1219px) {
  .searchresultitlu {
    /* height: 58px !important; */
    font-size: 13px;
  }
}

@media screen and (min-width: 991px) and (max-width: 1100px) {
  .searchresultitlu {
    /* height: 43px !important; */
    font-size: 12px;
  }
}

@media screen and (min-width: 501px) and (max-width: 990px) {
  .searchresultitlu {
    /* height: 40px !important; */
    font-size: 12px;
  }
}

@media screen and (min-width: 405px) and (max-width: 500px) {
  .searchresultitlu {
    /* height: 31px !important; */
    font-size: 12px;
  }
}

@media screen and (max-width: 404px) {
  .searchresultitlu {
    /* height: 50px !important; */
    font-size: 11.5px;
  }
}

div.searchresultitlu a {
  cursor: pointer;
  color: inherit;
  text-decoration: inherit;
  font-size: inherit;
  font-family: inherit;
}

div.searchresultitlu p {
  margin: 0;
  min-height: 42px;
  text-align: center;
  font-weight: bold;
}

div.searchresultdesc ul {
  margin: 0;
}

div.searchresultdesc a {
  display: block;
  cursor: pointer;
}
/* specifications div */
/* .searchresultdesc {
	padding-left: 15%;
} */

/* @media screen and (min-width:2560px) {
	.searchresultdesc {
		height: 235px!important;
		font-size: 13.6px;
		padding-left: 20% !important;
	}

}

@media screen and (min-width:2001px) and (max-width:2559px) {
	.searchresultdesc {
		height: 235px !important;
		font-size: 13.6px;
		padding-left: 20% !important;
	}

}

@media screen and (min-width:1701px) and (max-width:2000px) {
	.searchresultdesc {
		height: 205px !important;
		font-size: 13px;
		padding-left: 15% !important;
	}

}

@media screen and (min-width:1631px) and (max-width:1700px) {
	.searchresultdesc {
		height: 195px !important;
		font-size: 13.6px;
		padding-left: 15% !important;
	}

}

@media screen and (min-width:1601px) and (max-width:1630px) {
	.searchresultdesc {
		height: 195px !important;
		font-size: 13.6px;
		padding-left: 10% !important;
	}

}

@media screen and (min-width:1501px) and (max-width:1600px) {
	.searchresultdesc {
		height: 215px !important;
		font-size: 13.2px;
		padding-left: 15% !important;
	}

}

@media screen and (min-width:1400px) and (max-width:1500px) {
	.searchresultdesc {
		height: 200px !important;
		font-size: 12.2px;
		padding-left: 15% !important;
	}

}

@media screen and (min-width:1301px) and (max-width:1399px) {
	.searchresultdesc {
		height: 168px !important;
		font-size: 10.5px;
		padding-left: 13% !important;
	}

}

@media screen and (min-width:1220px) and (max-width:1300px) {
	.searchresultdesc {
		height: 200px !important;
		font-size: 11px;
		padding-left: 10% !important;
	}

}

@media screen and (min-width:1101px) and (max-width:1220px) {
	.searchresultdesc {
		height: 190px !important;
		font-size: 10.5px;
		padding-left: 10% !important;
	}

}

@media screen and (min-width:992px) and (max-width:1100px) {
	.searchresultdesc {
		height: 230px !important;
		font-size: 10.5px;
		padding-left: 10% !important;
	}

}

@media screen and (min-width:768px) and (max-width:991px) {
	.searchresultdesc {
		height: 190px !important;
		font-size: 10.5px;
		padding-left: 15% !important;
	}

}

@media screen and (min-width:501px) and (max-width:768px) {
	.searchresultdesc {
		height: 168px !important;
		font-size: 10.5px;
		padding-left: 20% !important;
	}

}

@media screen and (min-width:405px) and (max-width:500px) {
	.searchresultdesc {
		height: 200px !important;
		font-size: 10.5px;
	}

}

@media screen and (min-width:341px) and (max-width:404px) {
	.searchresultdesc {
		height: 195px !important;
		font-size: 10.5px;
		padding-left: 10% !important;
	}

}

@media screen and (max-width:340px) {
	.searchresultdesc {
		height: 235px !important;
		font-size: 10.5px;
		padding-right: 0px !important;
	}

}

div.searchresultdesc a {
	cursor: pointer;
	color: inherit;
	text-decoration: none;
} */

/* line spacing for specifications */
/* .resulspace {
	text-align: inherit
}

@media screen and (max-width:1300px) {
	.resulspace {
		padding-top: 1.5px !important;
		padding-bottom: 1.5px !important;
	}

}

@media screen and (min-width:1300px) and (max-width:1701px) {
	.resulspace {
		padding-top: 0.5px !important;
		padding-bottom: 0.5px !important;
	}

}

@media screen and (min-width:1702px) {
	.resulspace {
		padding-top: 2px !important;
		padding-bottom: 2px !important;
	}

} */

.searchprice {
  width: 100%;
  text-align: center;
  font-weight: bold;
  margin-bottom: 5px;
}

.searchprice.fakeBtn {
  cursor: auto !important;
  padding: 0;
}

.searchprice.fakeBtn:active {
  color: var(--main-color) !important;
  background-color: initial !important;
  border-color: var(--secondary-color) !important;
}

/* breaking point for battery life */
.sres {
  display: none;
}

@media screen and (min-width: 270px) and (max-width: 395px) {
  .sres {
    display: block;
  }
}

@media screen and (min-width: 992px) and (max-width: 1240px) {
  .sres {
    display: block;
  }
}

@media screen and (min-width: 1401px) and (max-width: 1555px) {
  .sres {
    display: block;
  }
}

/*@media screen and (min-width: 1601px) and (max-width: 1660px){.sres {display:block;}}*/
/*@media screen and (min-width: 1601px) and (max-width: 1785px){.sres {display:block;}}*/

/* end of searchresult css -----------------------------------------------------------------------------------------*/

/* msc */
@media screen and (max-width: 425px) {
  .tbltitle {
    font-size: 11px;
  }
}

@media screen and (max-width: 425px) {
  .shcomp {
    font-size: 13px;
  }
}

@media screen and (max-width: 425px) {
  .tble {
    font-size: 11px;
  }
}

@media screen and (min-width: 768px) {
  .brk {
    display: none;
  }
}

/*compare table */
@media screen and (max-width: 460px) {
  .cmp {
    width: 200%;
    max-width: 200%;
  }
}

/* RESULT FILTER BAR */

@media screen and (min-width: 768px) {
  div.resultsBar {
    justify-content: center;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  div.resultsBar {
    flex-wrap: wrap;
  }

  div.refineResultsContainer {
    margin-bottom: 10px;
    width: 100%;
  }

  div.refineResultsContainer > button {
    width: 100%;
  }

  div.orderByContainer {
    display: inline-flex;
    row-gap: 5px;
    flex-wrap: wrap;
  }

  div.orderByContainer span {
    padding-left: 0;
    padding-right: 0;
  }
}

/* SAME CODE AS RESULT FILTER BAR
	BUT FOR ANOTHER QUERY */
@media screen and (max-width: 625px) {
  div.resultsBar {
    flex-wrap: wrap;
  }

  @supports not (flex-wrap: wrap) {
    div.resultsBar {
      flex-direction: column;
      align-items: stretch;
      justify-content: center;
    }
  }

  div.refineResultsContainer {
    margin-bottom: 10px;
    width: 100%;
  }

  div.refineResultsContainer > button {
    width: 100%;
  }

  div.orderByContainer {
    display: inline-flex;
    row-gap: 5px;
    flex-wrap: wrap;
  }

  div.orderByContainer span {
    padding-left: 0;
    padding-right: 0;
  }
}