.atd-app{
display:flex;
gap:30px;
max-width:1500px;
margin:40px auto;
}

.atd-left,
.atd-right{
width:280px;
background:#fff;
border-radius:20px;
padding:25px;
box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.atd-center{
flex:1;
background:#fff;
border-radius:20px;
padding:30px;
box-shadow:0 10px 30px rgba(0,0,0,.08);
text-align:center;
}

#tshirtCanvas{
max-width:100%;
border-radius:20px;
}

#atdText{
width:100%;
height:45px;
padding:10px;
margin-bottom:10px;
}

#addTextBtn{
width:100%;
height:45px;
background:#111;
color:#fff;
border:none;
cursor:pointer;
}

@media(max-width:991px){

.atd-app{
flex-direction:column;
}

.atd-left,
.atd-right{
width:100%;
}

}