.cpstr_qbtn{
width:auto;
background-color:#0080FF;
color:#FFFFFF;
border-radius:10px;
margin:10px;
border:none;
padding-bottom:5px;
padding-top:5px;
font-weight:bold;
text-align:center;
}
.hpg_entry_page_titile{
width:80%;
border-bottom:1px solid #CCC;
font-family:arial;
text-align:center;
font-size:24px;
color:#000000;
}
.appcpstr_servcapsul{
width:280px;
height:auto;
box-shadow:1px 1px 1px 1px lightgray;
display:inline-block;
border-bottom:0px solid purple;
background-color:#FFF;
text-align:left;
padding:10px;
margin-right:13px;
margin-bottom:20px;
vertical-align:top;
}
.appcpstr_servcapsul:hover{

box-shadow:2px 8px 5px 3px rgba(0,0,0,0.3);
}
.appcpstr_cartoptions{
font-size:12px;
display:inline-block;
margin:5px;
padding:10px;
padding-top:4px;
padding-bottom:4px;
width:auto;
border:1px solid gray;
border-radius:10px;
}
.appcpstr_cartoptions a{
color:#000;
text-decoration:none;
}
.appcpstr_itempic{
width:100%;
height:180px;
border:1px solid #CCC;
}
.cpstr_ttle{
width:auto;
border-bottom:1px solid gray;
}
.appcpstr_servcapsul:hover .appcpstr_cartoptions{
background-color:#0066CC;
}
.appcpstr_servcapsul:hover .appcpstr_cartoptions a{
color:#FFFFFF;
}
@media screen and (max-width:700px){

.appcpstr_servcapsul{
width:90%;
padding:1px;
margin-right:1px;

}
.appcpstr_cartoptions{
width:80%;
}
.cpstr_qbtn{
width:90%;
}
.hpg_textwidgets{
width:90%;
}
}