
/* sometimes bootstrap's 12 columns are not enough and we need in-between widths */
/* this CSS is designed to provide some extra columns for "half widths", e.g. 1.5 columns and 2.5 columns */
/* created by impart media */

/* 5 columns total */
.col_xs_20pc,
.col_sm_20pc,
.col_md_20pc,
.col_lg_20pc { position:relative; min-height:1px; padding-right:15px; padding-left:15px; float:left; }

.col-xs-1_3,
.col-sm-1_3,
.col-md-1_3,
.col-lg-1_3,
.col-xs-1_5,
.col-sm-1_5,
.col-md-1_5,
.col-lg-1_5,
.col-xs-2_5,
.col-sm-2_5,
.col-md-2_5,
.col-lg-2_5,
.col-xs-3_5,
.col-sm-3_5,
.col-md-3_5,
.col-lg-3_5,
.col-xs-4_5,
.col-sm-4_5,
.col-md-4_5,
.col-lg-4_5,
.col-xs-5_5,
.col-sm-5_5,
.col-md-5_5,
.col-lg-5_5,
.col-xs-6_5,
.col-sm-6_5,
.col-md-6_5,
.col-lg-6_5,
.col-xs-7_5,
.col-sm-7_5,
.col-md-7_5,
.col-lg-7_5,
.col-xs-8_5,
.col-sm-8_5,
.col-md-8_5,
.col-lg-8_5,
.col-xs-9_5,
.col-sm-9_5,
.col-md-9_5,
.col-lg-9_5,
.col-xs-10_5,
.col-sm-10_5,
.col-md-10_5,
.col-lg-10_5,
.col-xs-11_5,
.col-sm-11_5,
.col-md-11_5,
.col-lg-11_5 { position:relative; min-height:1px; padding-right:15px; padding-left:15px; float:left; }





/* Extra small screens */
@media (max-width:767px) {

.col_xs_20pc { width:20%; }
.col-xs-11_5{ width: 95.83333333%; }
.col-xs-10_5{ width: 87.5%; }
.col-xs-9_5 { width: 79.16666667%; }
.col-xs-8_5 { width: 70.83333333%; }
.col-xs-7_5 { width: 62.5%;}
.col-xs-6_5 { width: 54.16666667%; }
.col-xs-5_5 { width: 45.83333333%;}
.col-xs-4_5 { width: 37.5%;}
.col-xs-3_5 { width: 29.16%;}
.col-xs-2_5 { width: 20.83%; }
.col-xs-1_5 { width: 12.5%;}
.col-xs-1_3 { width: 11.1111111%;}
.col-xs-offset-12   {margin-left: 100%;}
.col-xs-offset-11_5 {margin-left: 95.83333333%; }
.col-xs-offset-11   {margin-left: 91.66666667%;}
.col-xs-offset-10_5 {margin-left: 87.5%; }
.col-xs-offset-10   {margin-left: 83.33333333%;}
.col-xs-offset-9_5  {margin-left: 79.16666667%; }
.col-xs-offset-9    {margin-left: 75%;}
.col-xs-offset-8_5  {margin-left: 70.83333333%; }
.col-xs-offset-8    {margin-left: 66.66666667%;}
.col-xs-offset-7_5  {margin-left: 62.5%; }
.col-xs-offset-7    {margin-left: 58.33333333%;}
.col-xs-offset-6_5  {margin-left: 54.16666667%; }
.col-xs-offset-6    {margin-left: 50%;}
.col-xs-offset-5_5  {margin-left: 45.83333333%; }
.col-xs-offset-5    {margin-left: 41.66666667%;}
.col-xs-offset-4_5  {margin-left: 37.5%; }
.col-xs-offset-4    {margin-left: 33.33333333%;}
.col-xs-offset-3_5  {margin-left: 29.16%;}
.col-xs-offset-3    {margin-left: 25%;}
.col-xs-offset-2_5  {margin-left: 20.83%;}
.col-xs-offset-2    {margin-left: 16.66666667%;}
.col-xs-offset-1_5  {margin-left: 12.5%;}
.col-xs-offset-1_3  {margin-left: 11.1111111%;}
.col-xs-offset-1    {margin-left: 8.33333333%;}
.col-xs-offset-0    {margin-left: 0;}
}
/* Small screens */
@media (min-width:768px) {
    .col-sm-20pc{ width:20%; }
    .col-sm-11_5{ width: 95.83333333%; }
    .col-sm-10_5{ width: 87.5%; }
    .col-sm-9_5 { width: 79.16666667%; }
    .col-sm-8_5 { width: 70.83333333%; }
    .col-sm-7_5 { width: 62.5%; }
    .col-sm-6_5 { width: 54.16666667%; }
    .col-sm-5_5 { width: 45.83333333%; }
    .col-sm-4_5 { width: 37.5%; }
    .col-sm-3_5 { width: 29.16%; }
    .col-sm-2_5 { width: 20.83%; }
    .col-sm-1_5 { width: 12.5%; }
    .col-sm-1_3 { width: 11.1111111%; }
    .col-sm-offset-11_5 {margin-left: 95.83333333%; }
    .col-sm-offset-10_5 {margin-left: 87.5%; }
    .col-sm-offset-9_5  {margin-left: 79.16666667%; }
    .col-sm-offset-8_5  {margin-left: 70.83333333%; }
    .col-sm-offset-7_5  {margin-left: 62.5%; }
    .col-sm-offset-6_5  {margin-left: 54.16666667%; }
    .col-sm-offset-5_5  {margin-left: 45.83333333%; }
    .col-sm-offset-4_5  {margin-left: 37.5%; }
    .col-sm-offset-3_5  {margin-left: 29.16%;}
    .col-sm-offset-2_5  {margin-left: 20.83%;}
    .col-sm-offset-1_5  {margin-left: 12.5%;}
    .col-sm-offset-1_3  {margin-left: 11.1111111%;}
}

/* Medium screens */
@media (min-width:992px)  {
    .col-md-20pc { width:20%; }
    .col-md-11_5{ width: 95.83333333%; }
    .col-md-10_5{ width: 87.5%; }
    .col-md-9_5 { width: 79.16666667%; }
    .col-md-8_5 { width: 70.83333333%; }
    .col-md-7_5 { width: 62.5%; }
    .col-md-6_5 { width: 54.16666667%; }
    .col-md-5_5 { width: 45.83333333%; }
    .col-md-4_5 { width: 37.5%; }
    .col-md-3_5 { width: 29.16%;}
    .col-md-2_5 { width: 20.83%; }
    .col-md-1_5 { width: 12.5%; }
    .col-md-1_3 { width: 11.1111111%; }
    .col-md-offset-11_5 {margin-left: 95.83333333%; }
    .col-md-offset-10_5 {margin-left: 87.5%; }
    .col-md-offset-9_5  {margin-left: 79.16666667%; }
    .col-md-offset-8_5  {margin-left: 70.83333333%; }
    .col-md-offset-7_5  {margin-left: 62.5%; }
    .col-md-offset-6_5  {margin-left: 54.16666667%; }
    .col-md-offset-5_5  {margin-left: 45.83333333%; }
    .col-md-offset-4_5  {margin-left: 37.5%; }
    .col-md-offset-3_5  {margin-left: 29.16%;}
    .col-md-offset-2_5  {margin-left: 20.83%;}
    .col-md-offset-1_5  {margin-left: 12.5%;}
    .col-md-offset-1_3  {margin-left: 11.1111111%;}


}

/* Large screens */
@media (min-width:1200px) {
    .col-lg-20pc { width:20%;}
    .col-lg-11_5{ width: 95.83333333%; }
    .col-lg-10_5{ width: 87.5%; }
    .col-lg-9_5 { width: 79.16666667%; }
    .col-lg-8_5 { width: 70.83333333%; }
    .col-lg-7_5 { width: 62.5%; }
    .col-lg-6_5 { width: 54.16666667%; }
    .col-lg-5_5 { width: 45.83333333%; }
    .col-lg-4_5 { width: 37.5%; }
    .col-lg-3_5 { width: 29.16%; }
    .col-lg-2_5 { width: 20.83%; }
    .col-lg-1_5 { width: 12.5%; }
    .col-lg-1_3 { width: 11.1111111%; }
    .col-lg-offset-11_5 { margin-left: 95.83333333%; }
    .col-lg-offset-10_5 { margin-left: 87.5%; }
    .col-lg-offset-9_5  { margin-left: 79.16666667%; }
    .col-lg-offset-8_5  { margin-left: 70.83333333%; }
    .col-lg-offset-7_5  { margin-left: 62.5%; }
    .col-lg-offset-6_5  { margin-left: 54.16666667%; }
    .col-lg-offset-5_5  { margin-left: 45.83333333%; }
    .col-lg-offset-4_5  { margin-left: 37.5%; }
    .col-lg-offset-3_5  { margin-left: 29.16%;}
    .col-lg-offset-2_5  { margin-left: 20.83%;}
    .col-lg-offset-1_5  { margin-left: 12.5%;}
    .col-lg-offset-1_3  { margin-left: 11.1111111%;}
    .col-lg-offset-0    { margin-left: 0;}
}