﻿/*#region BOOTSTRAP GRID SYSTEM WITHOUT SPACE */
/*
 * Bootstrap Grid System without space
 *
 * Overwrite Bootstrap grid system, removing margin
 * Usage : 
 * Simple add no-space class with row-fluid
 * <ul class="row-fluid no-space"> ... </ul>
 */

.row-fluid.no-space [class*="span"] {
  margin-left: 0 !important;
  *margin-left: -0.06944% !important;
}
.row-fluid.no-space [class*="span"]:first-child {
  margin-left: 0 !important;
}

.row-fluid.no-space.span8 {
  width: 70.3%;
}

.row-fluid.no-space.span5 {
  width: 37.171%;
}

/*.row-fluid .no-space.span4 {
  width: 31.6%;
}*/

/*@media (max-width: 1350px) {
    .row-fluid .no-space.span4 {
        width: 31.5%;
    }
}*/

@media (max-width: 1260px) {
    .row-fluid.no-space.span8 {
        width: 70.1%;
    }

    /*.row-fluid .no-space.span4 {
        width: 31.4%;
    }*/
}

@media (max-width: 1200px) {
    .row-fluid.no-space.span8 {
        width: 69.3%;
    }

    /*.row-fluid .no-space.span4 {
        width: 31.3%;
    }*/
}

/*@media (max-width: 1150px) {

    .row-fluid .no-space.span4 {
        width: 31.2%;
    }
}

@media (max-width: 1100px) {

    .row-fluid .no-space.span4 {
        width: 31%;
    }
}*/

@media (max-width: 960px) {
    .row-fluid.no-space.span8 {
        width: 70.1%;
    }

    /*.row-fluid .no-space.span4 {
        width: 30.9%;
    }*/
}

/*@media (max-width: 900px) {

    .row-fluid .no-space.span4 {
        width: 30.8%;
    }
}

@media (max-width: 850px) {

    .row-fluid .no-space.span4 {
        width: 30.7%;
    }
}*/

@media (max-width: 767px) {
    .row-fluid.no-space [class*="span"] {
        display: block;
        float: none;
        width: 100%;
        margin-left: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid.no-space.span8 {
        width: 100% !important;
    }    
}

/*#endregion OVERRIDE SPAN NO MARGIN*/


