.bigbox{ width:100%; display: flex;}
.dl-title{ width:100%; display:flex; justify-content:center; align-items:center; flex-direction:column; gap:10px; padding:30px 0px 10px; }
.dl-title h1{ font-size:2.43rem; text-align:center; }
.dl-title p{ font-size:1rem; text-align:center; width:650px; line-height:2; }
.downloadbox{ width:100%; display:flex; padding:30px 0px 100px; }
.done{ width:100%; display:flex; justify-content:flex-start; flex-direction:column; cursor:pointer; position:relative; border: 1px solid #f0f0f0; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;}
.dlimages{ width:100%; display:flex; position:relative;}
.dlimages i{ position:absolute; left:calc(50% - 45px); top:calc(50% - 45px); width:90px; height:90px; background-color:#f68226; border-radius:360px; background-image:url(../../uploads/page/downloadico.png); background-repeat:no-repeat; background-position:center; z-index: 1; opacity:0; visibility: hidden;}
.dlimages div{ width:100%; position:relative; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;}
.dlimages div::before{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; visibility: hidden; background-color:#000;  }
.dlimages div img{ width:100%; }
.dlname{ width:100%; display:flex; justify-content:center; align-items:center; text-align:center; height:70px; background-color:#f68226; font-size:1rem; position:absolute; left:0; bottom:0; color:#ffffff; padding:5px; opacity:0; visibility: hidden;}
.done:hover .dlimages i,.done:hover .dlname{ opacity:1; visibility:visible; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;}
.done:hover .dlimages div::before{ opacity:0.5; visibility:visible; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;}

@media (max-width: 1230px) {
.dl-title{ padding:30px 15px 10px; }
}

@media (max-width: 1080px) {
.dl-title p{ width:100%; }
}

/*ipad*/
@media (min-width: 768px) and (max-width: 991px) {

}
/* xs */
@media (max-width: 767px) {
.plra15{ padding:5px; }
.dl-title h1{ font-size:1.65rem; }
.dl-title p{ font-size:1.05rem; }
.downloadbox{ padding:10px 0px 70px; }
.dlimages i{ width:50px; height:50px; left:calc(50% - 25px); top:calc(50% - 25px); background-size:25px;}
.dlname{ height:50px; font-size:0.85rem; opacity:1; visibility:visible;}
}
@media (max-width: 480px) {

}