.visible-big {
  display:block;
  position:relative;
}
.visible-small {
  display:none;
  position:relative;
}

.img-responsive {
    text-align:center;
}
.img-responsive img {
    max-width:100%;
    height:auto;
}


.visible-big .link {
    position: absolute;
    width: 15%;
    height: 50px;
    background: none;
}


.visible-big .link-1 {
    bottom: 4%;
    left: 18%;
    background: none;
}

.visible-big .link-2 {
    bottom: 2.5%;
    left: 18%;
}


.visible-small .link {
    position: absolute;
    width: 100%;
    height: 50px;
    background: none;
}


.visible-small .link-1 {
    bottom: 14.5%;
    left: 0%;
    background: none;
}

.visible-small .link-2 {
    bottom: 13%;
    left: 0%;
}

/* XS Extra small devices (phones, less than 768px) */
@media (max-width: 767px) { 
    .visible-big {
      display:none;
    }
    .visible-small {
      display:block;
    }
}
/* SM Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 992px) {
    .visible-big .link {
        height:20px;
    }    
}
/* MD Medium devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1400px) {
    .visible-big .link {
        height:25px;
    }    
}
/* LG Large devices (large desktops, 1200px and up) */
@media (min-width: 1400px) {
  
}