.no-gutter > [class*='col-'] {
  padding-right: 0;
  padding-left: 0;
}

.container-half {
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 768px) {
  .container-half {
    width: 375px;
  }

  .container-left-half {
    float: right;
  }
  .container-right-half {
    float: left;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1070px;
  }
  .container-half {
    width: 585px;
  }
}

@media (min-width: 1230px) {
  .container {
    width: 1100px;
  }
  .container-half {
    width: 600px;
  }
}

@media (min-width: 1330px) {
  .container {
    width: 1200px;
  }
  .container-half {
    width: 650px;
  }
}

@media (min-width: 1430px) {
  .container {
    width: 1300px;
  }
  .container-half {
    width: 700px;
  }
}

@media (min-width: 1530px) {
  .container {
    width: 1400px;
  }
  .container-half {
    width: 750px;
  }
}

@media (min-width: 1630px) {
  .container {
    width: 1500px;
  }
  .container-half {
    width: 800px;
  }
}

@media (min-width: 1730px) {
  .container {
    width: 1600px;
  }
  .container-half {
    width: 800px;
  }
}

/*

FULL HEIGHT COLUMNS

http://www.bootply.com/bOH0QUtPoY# *
http://jsfiddle.net/W29Wh/

<div class="container table-container" style="width:100%;">
    <div class="row table-row">
        <div class="col-lg-4 table-col back-green"></div>
        <div class="col-lg-4 table-col back-red"></div>
        <div class="col-lg-4 table-col back-blue"></div>
    </div>
</div>

*/

.table-container {
  display: table;
}

.table-container .table-row {
  height: 100%;
  display: table-row;
}

.table-container .table-row .table-col {
  display: table-cell;
  float: none;
  vertical-align: top;
  padding: 0;
  margin: 0;
}

@media (max-width: 767px) {
  .table-container .table-row .table-col {
    display: block;
  }
}