.pcard {
  display:inline-block;
  height:auto;
  margin: 0;
  padding:0;
  text-align: center;
  font-family: arial;
  border:0 solid gray;
}

.pcard_title {
  font-family:'Roboto';
  font-weight:bold;
  letter-spacing:2px;
  position:relative;
  border:0px solid gray;
  height:20px;
  line-height:20px;
  overflow:hidden;
  color: #222222;
  font-size: 16px;
  padding:0;
  text-align:left;
}

.pcard_subtitle1 {
  color: red;
  font-size: 12px;
  font-weight:bold;
  text-decoration:line-through;
  text-align:right;
  margin:8px 8px 0 8px;
}

.pcard_subtitle3 {
  height:28px;
  font-size:14px;
  font-weight:bold;
  margin:2px 8px 0 8px;
  border-bottom:1px solid #c0c0c0;
  color: #3c3c3c;
  text-align:right;
}

.pcard_img{
transition: transform .4s;
}
.pcard_img:hover{
transform: scale(1.5) rotate(-3deg);
cursor:pointer;
}

/* Added: Apr 30, 2024*/
.pcard_img_app{
  display: block;
  width: 100%;
  height: auto;
}
.pcard_img_app:hover .overlay_rtl{
  width: 100%;
  left: 0;
}

.overlay_rtl {
  position: absolute;
  bottom: 0;
  left: 100%;
  right: 0;
  background-color: #008CBA;
  overflow: hidden;
  width: 0;
  height: 100%;
  transition: .5s ease;
}


.overlay_rtl_img {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  white-space: nowrap;
}
/* Added: Apr 30, 2024*/


/* Added: Aug 18, '21*/

.pcard_div_integrated{
position:relative;
height:240px;
width:240px;
overflow:hidden;
margin: 0 auto 0 auto;
border:0 solid red;
}

.pcard_btn{
width:100px;
padding: 6px 10px 4px 10px;
height:24px;
background-color:#444444;
color:white;
font-size:12px;
font-weight:bold;
text-align:center;
position:absolute;
left:10px;
bottom:10px;
border-radius:4px;
border:0 solid red;
cursor:pointer;
z-index:1;
}

.pcard_btn:hover{
background-color:#DD4132;
}


@media screen and (max-width:570px){
.pcardContainer{
	width:93%;
	height:240px;
	margin-left:auto;
	margin-right:auto;
	display: block;
	border:0px solid red;
	padding:0;
	font-size:0;
	}

.pcard_title {
  margin:5px 0 10px 30px;
  }
.pcard_prod_id {
  color: blue;
  font-size: 14px;
  font-weight:bold;
  text-align:left;
  margin:5px 0 10px 30px;
  }

.pcard {
  display:block;
  margin-left:auto ;
  margin-right:auto;
  }
/* added: Aug 18, '21*/
.pcard_btn{
	margin-left:30px;
	}


}


@media screen and (max-width:960px) {
.pcardContainer{
	width:93%;
	height:240px;
	margin-left:auto;
	margin-right:auto;
	display: block;
	border:0px solid red;
	padding:0;
	font-size:0;
	}

.pcard_title {
  margin:5px 0 10px 30px;
  }
.pcard_prod_id {
  color: blue;
  font-size: 14px;
  font-weight:bold;
  text-align:left;
  margin:5px 0 10px 30px;
  }
.pcard {
  width:100%;
    }
/* added: Aug 18, '21*/
.pcard_btn{
	margin-left:30px;
	}



}

@media screen and (min-width:961px) {
.pcardContainer{
	width:960px;
	height:240px;
	margin-left:auto;
	margin-right:auto;
	display: block;
	border:0px solid red;
	padding:0;
	font-size:0;
	}

.pcard_title {
  margin:20px 0 10px 30px;
  }
.pcard_prod_id {
  color: blue;
  font-size: 14px;
  font-weight:bold;
  text-align:left;
  margin:10px 0 10px 30px;
  }
.pcard {
  width: 480px;
  }
/* added: Aug 18, '21*/
.pcard_btn{
	margin-left:30px;
	}

}