/*Popup Windows*/
.popups {opacity:0; height:0px; transition: height 400ms ease, opacity 400ms ease; width:100%; overflow:hidden;  position:relative;  color:#ffffff;}
#listbody.open .popups {opacity:1; height:310px;}
.prod-pop {opacity:0; visibility:hidden; pointer-events:none; position:absolute; top:100px; width:100%;transition: top 700ms ease, opacity 400ms ease;}
.prod-pop.visible {visibility:visible; opacity:1;  pointer-events:auto; top:0px;}
.product-title{font-size:27px; padding:0px 0 15px 0;}
.reqbutton,.clbutton{filter: brightness(1);float:left; margin-top:5px;}
.reqbutton:hover:enabled,.clbutton:hover {filter: brightness(1.15);}
.clbutton{float:left; margin-top:5px; margin-left:10px; background-color:#bbbbbb; min-width:110px;}
.pic-half2{width:33%;}

@media screen and (max-width: 1000px) {
.pic-half2{width:40%;}
.text-half2{width:55%;}
#listbody.open .popups {height:310px;}
}

@media screen and (max-width: 700px) {
.pic-half2{width:56%; margin:0 22% 10px 22%;}
.product-title{width:100%; text-align:center; padding:10px 0 15px 0;}
.text-half2{width:90%; margin:0 5%;}
#listbody.open .popups {height:530px;}
.reqbutton{width:60%;}
.clbutton{width:37%; margin-left:3%;min-width:75px; padding:12px 12px;}
}