.productcalcbox{
position: fixed;
bottom: 0%;
width: 16%;
right: 0%;
background: rgba(255, 255, 255, 0.9);
box-shadow: -1px 0px 3px 1px dimgray;
padding: 10px;
font-weight: 200;
font-size: 100%;
font-family: calibri;
text-align: center;
display: none;
z-index: 999999999;
}

.calcwidth{
display: inline-block;
width: 100%;
text-align: center;
}

.calcmobile:hover {
opacity: 0.7;
}

.productcalcbox a{
color: darkred;
font-weight: 300;
}

.productcalcbox a:link, .productcalcbox a:visited, .productcalcbox a:hover, .productcalcbox a:active {
text-decoration: none;
}

.productcalcbox a:hover{
color: tomato;
}

.productcalcboxclose{
position: absolute;
top: -4%;
left: -4%;
background: darkred;
color: white; 
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 50%;
box-shadow: -2px 0px 3px 1px rgba(0,0,0,0.2);
cursor: pointer;
font-family: calibri;
font-weight: 300;
}

.productcalcboxclose:hover {
background: red;	
	
}



@media (max-width: 1060px) {
.productcalcbox{
width: 30%;
}

}

@media (max-width: 900px) {

.productcalcbox{
width: 35%;
}
} 

@media (max-width: 640px) {
.productcalcbox{
width: 70%;
left: 13%;
top: 112px;
right: 13%;
bottom: auto;
}

.calcmobile{
display: inline-block;
width:55%;
vertical-align: top;
}


}