@media all and (max-width: 991px) { /* Phones and tables */

}


@media all and (min-width: 768px) { /* Wider than phones */

}

@media all and (min-width: 992px) { /* Desktops */

}

@media all and (max-width: 767px) { /* Phones */
  a.buttonlink, #content a.buttonlink {
    height: auto;
    width: 100%;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    clear: both;
    float: none;
    max-width: 400px;
}
.img_footer {
  padding:10px 15px;
  width:100%;
  float:left;
}
.img_footer span, .img_footer a {
  float:left;
}
.topclips img {
  margin-bottom:-5%;
}
  h1, #content h1 {
    font-size: 45px;
    margin-bottom: 20px;
  }
  a.buttonlink, #content a.buttonlink {
    height:auto;
  }
}


@media all and (min-width: 768px) and (max-width: 991px) { /* Tablets */ 
.topclips img {
  margin-bottom:-40px;
}
}


@media all and (min-width: 1200px) { /* Large desktops */
 
}

@media all and (min-width: 992px) and (max-width: 1200px) { /* small to big screens */
 .topclips img {
  margin-bottom:-50px;
}
}

@media screen and ( max-height: 680px ){
  #PageSysCtrl {
    top:10px!important;
  }
}