body{
background:rgb(226, 232, 239);
}

.boxspacing{
margin:40px auto;
max-height:102px;
overflow:hidden;
cursor:pointer;
float:left;
}
.description{
max-height:102px;
display:none;
}
.clearfix{
clear:both;
}
.boxspacing img
{
min-width:100px;
}
.text-small{
font-weight:bold;
top:20px;
font-size:22px;
position:relative;
text-align:center;
}
.close{
opacity:1;
}
.popup-open
{
padding:10px;
/*background:#484c50;*/
background:rgb(226, 232, 239);
color:#000;
text-align:center;
margin-top:20px;
width:100px;
}
/* modal */
.datamodal
{
background-color: #fff;
}
.modal-backdrop {
   background-color: #fff;
}
.modal-backdrop.in {

    opacity: 0.8;
}
.modal-title{
font-weight:bold;
font-size:20px;
padding:5px;
}
#desc{
max-width:540px;
margin-top:6px;
margin-bottom:0px;
padding:5px;
}
.modal-dialog {
    margin: 2% auto !important;
	max-width: 550px;

}
@media(max-width:768px){
.modal-dialog {
    margin: 15% auto !important;
	max-width: 360px;
}
.boxspacing {
max-height:100% !important;
}
.text-small{
position:relative;
text-align: center !important;
left:0;
top:0;
}
.boxspacing img
{
margin:10px auto;
width:250px;
}
.popup-open
{
margin:10px auto;
}
}