.grayBox {
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:99999;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
.box_content {
position: fixed;
top: 15%;
left: 32%;
right: 21%;
width: 487px;
/* height: 454px; */
padding: 12px;
z-index: 99999;
overflow: hidden;
}
.light_box_info {
	width:100%;
	/*height:100%;*/
	border:solid 1px #FFF;
	border-radius:5px;
	box-shadow:0 0 5px #FFF;
	background:#FFF;
	padding:5px;
}
.hr_clear {
	width:75%;
	margin-left:15%;
	margin-top:5px;
	margin-bottom:5px;
	border-bottom:solid 1px #ccc;
}
.search-details-table {
	width:100%;
}
.lightbox_header {
	padding-left:20px;
}

@media (max-width:1024px),(max-height: 600px) {
.light_box_info {
  width: 75%;
  height: 100%;
  border: solid 1px #FFF;
  border-radius: 5px;
  box-shadow: 0 0 5px #FFF;
  background: #FFF;
  padding: 5px;
}}


@media (min-width:320px) and (max-width:768px){
	
.box_content {
position: fixed;
top: 25%;
left: 13%;
/*right: 30%;*/
max-width: 100%;
height: auto;
padding: 6px;
z-index: 99999;
overflow: hidden;

}	
}


/*@media (max-width:1024px),(max-height: 768px) {
.box_content {
  position: fixed;
  top: 10%;
  left: 32%;
  right: 21%;
  width: 487px;
  height: 454px;
  padding: 12px;
  z-index: 99999;
  overflow: hidden;
}}

@media (max-width:1280px),(max-height: 800px) {
.box_content {
  position: fixed;
  top: 5%;
  left: 32%;
  right: 21%;
  width: 487px;
  height: 454px;
  padding: 12px;
  z-index: 99999;
  overflow: hidden;
}}

@media (max-width:1440px),(max-height: 900px) {
.box_content {
  position: fixed;
  top: 5%;
  left: 32%;
  right: 21%;
  width: 487px;
  height: 454px;
  padding: 12px;
  z-index: 99999;
  overflow: hidden;
}}

@media (max-width:1680px),(max-height: 1050px) {
.box_content {
  position: fixed;
  top: 5%;
  left: 32%;
  right: 21%;
  width: 487px;
  height: 454px;
  padding: 12px;
  z-index: 99999;
  overflow: hidden;
}}

@media (max-width:1920px),(max-height: 1080px) {
.box_content {
  position: fixed;
  top: 5%;
  left: 32%;
  right: 21%;
  width: 487px;
  height: 454px;
  padding: 12px;
  z-index: 99999;
  overflow: hidden;
}}

@media (max-width:2560px),(max-height: 1440px) {
.box_content {
  position: fixed;
  top: 5%;
  left: 32%;
  right: 21%;
  width: 487px;
  height: 454px;
  padding: 12px;
  z-index: 99999;
  overflow: hidden;
}}

@media (max-width:3840px),(max-height: 2160px) {
.box_content {
  position: fixed;
  top: 3%;
  left: 32%;
  right: 21%;
  width: 487px;
  height: 454px;
  padding: 12px;
  z-index: 99999;
  overflow: hidden;
}}


@media (max-width:4096px),(max-height: 2304px) {
.box_content {
  position: fixed;
  top: 3%;
  left: 32%;
  right: 21%;
  width: 487px;
  height: 454px;
  padding: 12px;
  z-index: 99999;
  overflow: hidden;
}}

@media (max-width:5120px),(max-height: 2880px) {
.box_content {
  position: fixed;
  top: 15%;
  left: 32%;
  right: 21%;
  width: 487px;
  height: 454px;
  padding: 12px;
  z-index: 99999;
  overflow: hidden;
}}*/


@media (min-width:1851px) and (max-width:2050px) {
.box_content {
  position: fixed;
  top: 20%;
  left: 41%;
  right: 21%;
  width: 487px;
  height: 454px;
  padding: 12px;
  z-index: 99999;
  overflow: hidden;
}
}


@media (min-width:1701px) and (max-width:1850px){
.box_content {
  position: fixed;
  top: 20%;
  left: 38%;
  right: 21%;
  width: 487px;
  height: 454px;
  padding: 12px;
  z-index: 99999;
  overflow: hidden;
}
}

@media (min-width : 1401px) and (max-width: 1650px){
.box_content {
  position: fixed;
  top: 20%;
  left: 38%;
  right: 21%;
  width: 487px;
  height: 454px;
  padding: 12px;
  z-index: 99999;
  overflow: hidden;
}
}