/*===============   Fluid grid    ====================*/

.container .grid_1 {
width: 70px; }
.container .grid_2 {
width: 170px; }
.container .grid_3 {
width: 270px; }
.container .grid_4 {
width: 370px; }


.container .row {
margin-left: -20px; }
.container [class*="grid_"] {
float: left;
min-height: 1px;
margin-left: 20px; }
.container .grid_1 {
width: 60px; }
.container .grid_2 {
width: 140px; }
.container .grid_3 {
width: 220px; }
.container .grid_4 {
width: 300px; } }
    
    
@media (min-width: 768px) and (max-width: 979px) {
.container, .container-fluid {
width: 748px; }

.container .row {
margin-left: -20px; }
.container [class*="grid_"] {
float: left;

margin-left: 20px; }
.container .grid_1 {
width: 44px; }
.container .grid_2 {
width: 108px; }
.container .grid_3 {
width: 172px; }
.container .grid_4 {
width: 236px; } }


/*# sourceMappingURL=grid.css.map */