/* cd grid - for a width of 960px */

@media only screen and (min-width: 960px) and (max-width: 1079px) {

div#cd {min-width:100%}
#cd .container                                      {width: 960px; margin: 0 auto; padding: 0;}
#cd .container .column,
#cd .container .columns                             {float: left; display: inline; margin-left: 10px; margin-right: 10px;}

#cd .column.alpha, #cd .columns.alpha               {margin-left: 0;}
#cd .column.omega, #cd .columns.omega               {margin-right: 0;}

#cd .container .one.column,
#cd .container .one.columns                         {width: 60px;}
#cd .container .two.columns                         {width: 140px;}
#cd .container .three.columns                       {width: 220px;}
#cd .container .four.columns                        {width: 300px;}
#cd .container .five.columns                        {width: 380px;}
#cd .container .six.columns                         {width: 460px;}
#cd .container .seven.columns                       {width: 540px;}
#cd .container .eight.columns                       {width: 620px;}
#cd .container .nine.columns                        {width: 700px;}
#cd .container .ten.columns                         {width: 780px;}
#cd .container .eleven.columns                      {width: 860px;}
#cd .container .twelve.columns                      {width: 940px;}

#cd .container .one-third.columns                   {width: 300px;}

#cd .inner-twelve                                   {width: 884px;}
#cd .inner-eleven                                   {width: 809px;}
#cd .inner-ten                                      {width: 734px;}
#cd .inner-nine                                     {width: 658px;}
#cd .inner-eight                                    {width: 583px;}
#cd .inner-seven                                    {width: 507px;}
#cd .inner-six                                      {width: 432px;}
#cd .inner-five                                     {width: 357px;}
#cd .inner-four                                     {width: 281px;}
#cd .inner-three                                    {width: 206px;}
#cd .inner-two                                      {width: 130px;}
#cd .inner-one                                      {width: 55px;}

#cd .inner-one-third.columns                        {width: 281px;}

}

/* cd grid - for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {

div#cd {min-width:100%}
#cd .container                                      {width: 768px;}
#cd .container .column,
#cd .container .columns                             {margin-left: 10px; margin-right: 10px;}
#cd .column.alpha,#cd  .columns.alpha               {margin-left: 0; margin-right: 10px;}
#cd .column.omega,#cd  .columns.omega               {margin-right: 0; margin-left: 10px;}
#cd .alpha.omega                                    {margin-left: 0; margin-right: 0;}

#cd .container .one.column,
#cd .container .one.columns                         {width: 44px;}
#cd .container .two.columns                         {width: 108px;}
#cd .container .three.columns                       {width: 172px;}
#cd .container .four.columns                        {width: 236px;}
#cd .container .five.columns                        {width: 300px;}
#cd .container .six.columns                         {width: 364px;}
#cd .container .seven.columns                       {width: 428px;}
#cd .container .eight.columns                       {width: 492px;}
#cd .container .nine.columns                        {width: 556px;}
#cd .container .ten.columns                         {width: 620px;}
#cd .container .eleven.columns                      {width: 684px;}
#cd .container .twelve.columns                      {width: 748px;}

#cd .container .one-third.columns                   {width: 236px;}

#cd .inner-twelve                                   {width: 692px;}
#cd .inner-eleven                                   {width: 633px;}
#cd .inner-ten                                      {width: 574px;}
#cd .inner-nine                                     {width: 514px;}
#cd .inner-eight                                    {width: 455px;}
#cd .inner-seven                                    {width: 395px;}

#cd .inner-six                                      {width: 336px;}
#cd .inner-five                                     {width: 277px;}
#cd .inner-four                                     {width: 217px;}
#cd .inner-three                                    {width: 158px;}
#cd .inner-two                                      {width: 98px;}
#cd .inner-one                                      {width: 39px;}

#cd .inner-one-third.columns                        {width: 217px;}

}

/* cd - for 320px */

@media only screen and (max-width: 767px) {
div#cd {min-width:100%}
#cd .container {width: 300px;}
#cd .container .columns,
#cd .container .column {margin: 0;}

#cd .container .one.column,
#cd .container .one.columns,
#cd .container .two.columns,
#cd .container .three.columns,
#cd .container .four.columns,
#cd .container .five.columns,
#cd .container .six.columns,
#cd .container .seven.columns,
#cd .container .eight.columns,
#cd .container .nine.columns,
#cd .container .ten.columns,
#cd .container .eleven.columns,
#cd .container .twelve.columns,
#cd .container .thirteen.columns,
#cd .container .fourteen.columns,
#cd .container .fifteen.columns,
#cd .container .sixteen.columns,
#cd .container .one-third.columns {width: 300px;}

#cd .inner-twelve,#cd  .inner-eleven,
#cd .inner-ten,#cd  .inner-nine,#cd  .inner-eight,
#cd .inner-seven,#cd  .inner-six,#cd  .inner-five,
#cd .inner-four,#cd  .inner-three,#cd  .inner-two,
#cd .inner-one,#cd  .inner-one-third.columns {width: 266px;}

}

/* cd - for 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
div#cd {min-width:100%}
#cd .container {width: 420px;}
#cd .container .columns,
#cd .container .column {margin: 0;}

#cd .container .one.column,
#cd .container .one.columns,
#cd .container .two.columns,
#cd .container .three.columns,
#cd .container .four.columns,
#cd .container .five.columns,
#cd .container .six.columns,
#cd .container .seven.columns,
#cd .container .eight.columns,
#cd .container .nine.columns,
#cd .container .ten.columns,
#cd .container .eleven.columns,
#cd .container .twelve.columns,
#cd .container .thirteen.columns,
#cd .container .fourteen.columns,
#cd .container .fifteen.columns,
#cd .container .sixteen.columns,
#cd .container .one-third.columns {width: 420px;}

#cd .inner-twelve,#cd  .inner-eleven,
#cd .inner-ten,#cd  .inner-nine,#cd  .inner-eight,
#cd .inner-seven,#cd  .inner-six,#cd  .inner-five,
#cd .inner-four,#cd  .inner-three,#cd  .inner-two,
#cd .inner-one,#cd  .inner-one-third.columns {width: 384px;}

}

/* website grid / cd in website - for 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .container {width: 768px;}
    .container .column,
    .container .columns {margin-left: 10px; margin-right: 10px;}
    .column.alpha, .columns.alpha {margin-left: 0; margin-right: 10px;}
    .column.omega, .columns.omega {margin-right: 0; margin-left: 10px;}
    .alpha.omega {margin-left: 0; margin-right: 0;}

    .container .one.column,
    .container .one.columns         {width: 28px;}
    .container .two.columns         {width: 76px;}
    .container .three.columns       {width: 124px;}
    .container .four.columns        {width: 172px;}
    .container .five.columns        {width: 220px;}
    .container .six.columns         {width: 268px;}
    .container .seven.columns       {width: 316px;}
    .container .eight.columns       {width: 364px;}
    .container .nine.columns        {width: 412px;}
    .container .ten.columns         {width: 460px;}
    .container .eleven.columns      {width: 508px;}
    .container .twelve.columns      {width: 556px;}
    .container .thirteen.columns    {width: 604px;}
    .container .fourteen.columns    {width: 652px;}
    .container .fifteen.columns     {width: 700px;}
    .container .sixteen.columns     {width: 748px;}

    .container .one-third.column    {width: 236px;}
    .container .two-thirds.column   {width: 492px;}

    .calendarmonth, .calendarweek, .calendarday, .calendarevents_map {width: 604px;}
    .calendarevents {margin-left: 0 !important; width: 748px;}

    /* Offsets */

    .container .offset-by-one       {padding-left: 48px;}
    .container .offset-by-two       {padding-left: 96px;}
    .container .offset-by-three     {padding-left: 144px;}
    .container .offset-by-four      {padding-left: 192px;}
    .container .offset-by-five      {padding-left: 240px;}
    .container .offset-by-six       {padding-left: 288px;}
    .container .offset-by-seven     {padding-left: 336px;}
    .container .offset-by-eight     {padding-left: 384px;}
    .container .offset-by-nine      {padding-left: 432px;}
    .container .offset-by-ten       {padding-left: 480px;}
    .container .offset-by-eleven    {padding-left: 528px;}
    .container .offset-by-twelve    {padding-left: 576px;}
    .container .offset-by-thirteen  {padding-left: 624px;}
    .container .offset-by-fourteen  {padding-left: 672px;}
    .container .offset-by-fifteen   {padding-left: 720px;}

    /* Grid for consolidate design in centric */

    .container #cd .container, 
    .container #cd .twelve.columns  {width: 748px;} /* v */

    .container #cd .eleven.columns  {}
    .container #cd .ten.columns     {}

    .container #cd .nine.columns    {width: 508px;} /* v */
    .container #cd .eight.columns   {width: 460px;} /* v */
    .container #cd .seven.columns   {width: 412px;} /* v */
    .container #cd .six.columns     {width: 364px;} /* v */
    .container #cd .five.columns    {width: 316px;} /* v */
    .container #cd .four.columns    {width: 236px;} /* v */    
    .container #cd .three.columns   {width: 220px;} /* v */

    .container #cd .two.columns     {width: 108px;}
    .container #cd .one.columns     {width: 60px;}

    .container #cd .one-third.columns {width: 236px;} /* v */

    /* Grid for inner-box consolidate design in centric */

    .container #cd .inner-nine      {width: 529px;}
    .container #cd .inner-eight     {width: 468px;}
    .container #cd .inner-seven     {width: 407px;}

    .container #cd .inner-six       {width: 346px;} /**/
    .container #cd .inner-five      {width: 285px;} /**/
    .container #cd .inner-three     {width: 163px;} /**/
    .container #cd .inner-two       {width: 102px;} /**/

    .container #cd .inner-one-third,
    .container #cd .inner-four      {width: 224px;} /**/

}

/* website grid / cd in website - for 320px */

@media only screen and (max-width: 767px) {
    .container {width: 300px;}
    .container .columns,
    .container .column {margin: 0;}

    .container .one.column,
    .container .one.columns,
    .container .two.columns,
    .container .three.columns,
    .container .four.columns,
    .container .five.columns,
    .container .six.columns,
    .container .seven.columns,
    .container .eight.columns,
    .container .nine.columns,
    .container .ten.columns,
    .container .eleven.columns,
    .container .twelve.columns,
    .container .thirteen.columns,
    .container .fourteen.columns,
    .container .fifteen.columns,
    .container .sixteen.columns,
    .container .one-third.column,
    .container .two-thirds.column,

    /* Grid for consolidate design in centric */

    .centric-website #cd .container,
    .centric-website #cd .twelve.columns,
    .centric-website #cd .eleven.columns,
    .centric-website #cd .ten.columns,
    .centric-website #cd .nine.columns,
    .centric-website #cd .eight.columns,
    .centric-website #cd .seven.columns,
    .centric-website #cd .six.columns,
    .centric-website #cd .five.columns,
    .centric-website #cd .four.columns,    
    .centric-website #cd .three.columns,
    .centric-website #cd .two.columns,
    .centric-website #cd .one.columns,
    .centric-website #cd .one-third.columns {width: 300px;}

    .calendarmonth, .calendarweek, .calendarday, .calendarevents_map,
    .calendarevents {width: 300px;}

    .centric-website #cd .inner-eleven,
    .centric-website #cd .inner-ten,
    .centric-website #cd .inner-nine,
    .centric-website #cd .inner-eight,
    .centric-website #cd .inner-seven, 
    .centric-website #cd .inner-six,
    .centric-website #cd .inner-five,
    .centric-website #cd .inner-four,
    .centric-website #cd .inner-three,
    .centric-website #cd .inner-two,
    .centric-website #cd .inner-one,
    .centric-website #cd .inner-one-third {width: 264px;}

    /* Offsets */

    .container .offset-by-one,
    .container .offset-by-two,
    .container .offset-by-three,
    .container .offset-by-four,
    .container .offset-by-five,
    .container .offset-by-six,
    .container .offset-by-seven,
    .container .offset-by-eight,
    .container .offset-by-nine,
    .container .offset-by-ten,
    .container .offset-by-eleven,
    .container .offset-by-twelve,
    .container .offset-by-thirteen,
    .container .offset-by-fourteen,
    .container .offset-by-fifteen {padding-left: 0;}

}

/* website grid / cd in website - for 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container {width: 420px;}
    .container .columns,
    .container .column {margin: 0;}

    .container .one.column,
    .container .one.columns,
    .container .two.columns,
    .container .three.columns,
    .container .four.columns,
    .container .five.columns,
    .container .six.columns,
    .container .seven.columns,
    .container .eight.columns,
    .container .nine.columns,
    .container .ten.columns,
    .container .eleven.columns,
    .container .twelve.columns,
    .container .thirteen.columns,
    .container .fourteen.columns,
    .container .fifteen.columns,
    .container .sixteen.columns,
    .container .one-third.column,
    .container .two-thirds.column,

    /* Grid for consolidate design in centric */

    .centric-website #cd .container,
    .centric-website #cd .twelve.columns,
    .centric-website #cd .eleven.columns,
    .centric-website #cd .ten.columns,
    .centric-website #cd .nine.columns,
    .centric-website #cd .eight.columns,
    .centric-website #cd .seven.columns,
    .centric-website #cd .six.columns,
    .centric-website #cd .five.columns,
    .centric-website #cd .four.columns,    
    .centric-website #cd .three.columns,
    .centric-website #cd .two.columns,
    .centric-website #cd .one.columns,
    .centric-website #cd .one-third.columns {width: 420px;}

    .calendarmonth, .calendarweek, .calendarday,
    .calendarevents, .calendar-box {width: 420px;}

    .centric-website #cd .inner-eleven,
    .centric-website #cd .inner-ten,
    .centric-website #cd .inner-nine,
    .centric-website #cd .inner-eight,
    .centric-website #cd .inner-seven, 
    .centric-website #cd .inner-six,
    .centric-website #cd .inner-five,
    .centric-website #cd .inner-four,
    .centric-website #cd .inner-three,
    .centric-website #cd .inner-two,
    .centric-website #cd .inner-one,
    .centric-website #cd .inner-one-third {width: 384px;}

}