/* xs min-width:1px) AND (max-width:399px
sm min-width:400px) AND (max-width:699px
md min-width:700px) AND (max-width:939px
lg min-width:940px) AND (max-width:1099px
xl min-width:1100px
*/
/*  COLUMN SETUP  */
div[class^="cxs"], div[class^="csm"], div[class^="cmd"], div[class^="clg"], div[class^="cxl"],
div[class*="c1"],
div[class*="c2"],
div[class*="c3"],
div[class*="c4"],
div[class*="c5"],
div[class*="c6"],
div[class*="c7"],
div[class*="c8"],
div[class*="c9"],
div[class*="c10"],
div[class*="c11"],
div[class*="c12"]

 {
display: block;
float:left;
/*overflow:hidden;
white-space:nowrap;*/


}

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { clear: both;zoom:1; }

/* BootStrap hidden styles */
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-xs-block,
.visible-xs-inline-block,
.visible-sm,
.visible-sm-block,
.visible-sm-inline-block,
.visible-md,
.visible-md-block,
.visible-md-inline-block,
.visible-lg,
.visible-lg-block,
.visible-lg-inline-block,
.visible-xl,
.visible-xl-block,
.visible-xl-inline-block,
.hide  {
  display: none !important;
}



@media (min-width:1px) AND (max-width:399px) {
  .hidden-xs {
display: none !important;
  }
  .visible-xs, .visible-xs-block {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width:400px) AND (max-width:699px) {
  .hidden-sm {
display: none !important;
  }
  .visible-sm, .visible-sm-block {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width:700px) AND (max-width:939px) {
  .hidden-md {
display: none !important;
  }
  .visible-md, .visible-md-block {
    display: block !important;
  }
  table.visible-md {
    display: table;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width:940px) AND (max-width:1099px) {
  .hidden-lg {
display: none !important;
  }
  .visible-lg, .visible-lg-block {
    display: block !important;
  }
  table.visible-lg {
    display: table;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (min-width:1100px) {
  .hidden-xl {
display: none !important;
  }
  .visible-xl, .visible-xl-block {
    display: block !important;
  }
  table.visible-xl {
    display: table;
  }
  tr.visible-xl {
    display: table-row !important;
  }
  th.visible-xl,
  td.visible-xl {
    display: table-cell !important;
  }
  .visible-xl-inline-block {
    display: inline-block !important;
  }
}



/*  GRID OF TWELVE   */


.c12 { width: calc((100%/12)*12);}
.c11 { width: calc((100%/12)*11);}
.c10 { width: calc((100%/12)*10);}
.c9 { width: calc((100%/12)*9);}
.c8 { width: calc((100%/12)*8);}
.c7 { width: calc((100%/12)*7);}
.c6 { width: calc((100%/12)*6);}
.c5 { width: calc((100%/12)*5);}
.c4 { width: calc((100%/12)*4);}
.c3 { width: calc((100%/12)*3);}
.c2 { width: calc((100%/12)*2);}
.c1 { width: calc((100%/12)*1);}
.cleft {text-align:left !important;}
.cright {text-align:right !important;}
.ccenter {text-align:center !important;}


@media (min-width:1px) AND (max-width:399px) {
.cxs12 { width: calc((100%/12)*12);}
.cxs11 { width: calc((100%/12)*11);}
.cxs10 { width: calc((100%/12)*10);}
.cxs9 { width: calc((100%/12)*9);}
.cxs8 { width: calc((100%/12)*8);}
.cxs7 { width: calc((100%/12)*7);}
.cxs6 { width: calc((100%/12)*6);}
.cxs5 { width: calc((100%/12)*5);}
.cxs4 { width: calc((100%/12)*4);}
.cxs3 { width: calc((100%/12)*3);}
.cxs2 { width: calc((100%/12)*2);}
.cxs1 { width: calc((100%/12)*1);}

.cxsleft {text-align:left !important;}
.cxsright {text-align:right !important;}
.cxscenter {text-align:center !important;}

}


@media (min-width:400px) AND (max-width:699px) {
.csm12 { width: calc((100%/12)*12);}
.csm11 { width: calc((100%/12)*11);}
.csm10 { width: calc((100%/12)*10);}
.csm9 { width: calc((100%/12)*9);}
.csm8 { width: calc((100%/12)*8);}
.csm7 { width: calc((100%/12)*7);}
.csm6 { width: calc((100%/12)*6);}
.csm5 { width: calc((100%/12)*5);}
.csm4 { width: calc((100%/12)*4);}
.csm3 { width: calc((100%/12)*3);}
.csm2 { width: calc((100%/12)*2);}
.csm1 { width: calc((100%/12)*1);}
.csmleft {text-align:left !important}
.csmright {text-align:right !important;}
.csmcenter {text-align:center !important;}

}


@media (min-width:700px) AND (max-width:939px) {
.cmd12 { width: calc((100%/12)*12);}
.cmd11 { width: calc((100%/12)*11);}
.cmd10 { width: calc((100%/12)*10);}
.cmd9 { width: calc((100%/12)*9);}
.cmd8 { width: calc((100%/12)*8);}
.cmd7 { width: calc((100%/12)*7);}
.cmd6 { width: calc((100%/12)*6);}
.cmd5 { width: calc((100%/12)*5);}
.cmd4 { width: calc((100%/12)*4);}
.cmd3 { width: calc((100%/12)*3);}
.cmd2 { width: calc((100%/12)*2);}
.cmd1 { width: calc((100%/12)*1);}
.cmdleft {text-align:left !important;}
.cmdright {text-align:right !important;}
.cmdcenter {text-align:center !important;}
}


@media (min-width:940px) AND (max-width:1099px) {
.clg12 { width: calc((100%/12)*12);}
.clg11 { width: calc((100%/12)*11);}
.clg10 { width: calc((100%/12)*10);}
.clg9 { width: calc((100%/12)*9);}
.clg8 { width: calc((100%/12)*8);}
.clg7 { width: calc((100%/12)*7);}
.clg6 { width: calc((100%/12)*6);}
.clg5 { width: calc((100%/12)*5);}
.clg4 { width: calc((100%/12)*4);}
.clg3 { width: calc((100%/12)*3);}
.clg2 { width: calc((100%/12)*2);}
.clg1 { width: calc((100%/12)*1);}
.clgleft {text-align:left !important;}
.clgright {text-align:right !important;}
.clgcenter {text-align:center !important;}
}


@media (min-width:1100px) {
.cxl12 { width: calc((100%/12)*12);}
.cxl11 { width: calc((100%/12)*11);}
.cxl10 { width: calc((100%/12)*10);}
.cxl9 { width: calc((100%/12)*9);}
.cxl8 { width: calc((100%/12)*8);}
.cxl7 { width: calc((100%/12)*7);}
.cxl6 { width: calc((100%/12)*6);}
.cxl5 { width: calc((100%/12)*5);}
.cxl4 { width: calc((100%/12)*4);}
.cxl3 { width: calc((100%/12)*3);}
.cxl2 { width: calc((100%/12)*2);}
.cxl1 { width: calc((100%/12)*1);}
.cxlleft {text-align:left !important;}
.cxlright {text-align:right !important;}
.cxlcenter {text-align:center !important;}
}