.nopardl { padding-left: 0px !important; }
.nopardr { padding-right: 0px !important; }
.nopardlr { padding-left: 0px !important; padding-right: 0px !important; }

.col-full-height {
  height: auto;
  vertical-align: middle;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .img-responsive { width: 100%; }

  .nopardl-xs { padding-left: 0px !important; }
  .nopardr-xs { padding-right: 0px !important; }
  .nopardlr-xs { padding-left: 0px !important; padding-right: 0px !important; }
  
  .bottom-xs { position: absolute; bottom: 0; }
  
  .col-xs-height { display: table-cell; float: none !important; }
}
@media (min-width: 768px) {
  .col-full-height { height: 100%; margin-bottom: 0; }
}

@media (min-width: 768px) and (max-width: 991px) {
  .nopardl-sm { padding-left: 0px !important; }
  .nopardr-sm { padding-right: 0px !important; }
  .nopardlr-sm { padding-left: 0px !important; padding-right: 0px !important; }
  
  .bottom-sm { position: absolute; bottom: 0; }
  
  .col-sm-height { display: table-cell; float: none !important; }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .nopardl-md { padding-left: 0px !important; }
  .nopardr-md { padding-right: 0px !important; }
  .nopardlr-md { padding-left: 0px !important; padding-right: 0px !important; }
  
  .bottom-md { position: absolute; bottom: 0; }
  
  .col-md-height { display: table-cell; float: none !important; }
}

@media (min-width: 1200px) {
  .nopardl-lg { padding-left: 0px !important; }
  .nopardr-lg { padding-right: 0px !important; }
  .nopardlr-lg { padding-left: 0px !important; padding-right: 0px !important; }
  
  .bottom-lg { position: absolute; bottom: 0; }
  
  .col-lg-height { display: table-cell; float: none !important; }
}

.row-full-height {
  height: 100%;
}

.row-same-height {
  display: table;
  width: 100%;
  /* fix overflow */
  table-layout: fixed;
}

/* vertical alignment styles */

.col-top {
  vertical-align: top;
}
.col-middle {
  vertical-align: middle;
}
.col-bottom {
  vertical-align: bottom;
}