#whole_box_link{
border: 1px solid #cacaca;
box-shadow: 0px 0px 20px 1px #cacaca;
width: 42%;
color: #8d8d8d;
height: 100%;
background-color: white;
padding: 1%;
border-radius: 4px;

}
.shorted{
    width:25%;
    margin-left: 2%;
}
.shorted_link{
    width:50%;
}
.link_of_copy{
    width:25%;
    border-right: 1px solid #ccc;
    padding-right: 4%;
    margin-right: 2%;
}
@media screen and (max-width :1200px){
    .shorted{
        display: none;
    }
}
@media screen and (max-width :992px){
    #whole_box_link{width: 80%;}
}
@media screen and (max-width :512px){
    #whole_box_link{width: 100%;}
}
@media screen and (max-width :406px){
    #whole_box_link{font-size: 12px !important;}
}
@media screen and (max-width :361px){
    #whole_box_link{font-size: 10px !important;;}
}