                                    /* GRID.CSS*/



/* .col-05, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-13, .col-14, .col-15, .col-16, .col-33, .col-66, .col-05_xs, .col-1_xs, .col-2_xs, .col-3_xs, .col-4_xs, .col-5_xs, .col-6_xs, .col-7_xs, .col-8_xs, .col-9_xs, .col-10_xs, .col-11_xs, .col-12_xs, .col-13_xs, .col-14_xs, .col-15_xs, .col-16_xs, .col-33_xs, .col-66_xs{
        float:left;
        position:relative;
        min-height: 1px;
  }*/
.row {
        width : 100%;/*
        clear: both;
        display: inline-block;*/
}
.col-05, .col-05_xs { width: 3.12%; }
.col-1, .col-1_xs { width: 6.25%; }
.col-2, .col-2_xs { width: 12.5%; }
.col-3, .col-3_xs { width: 18.75%; }
.col-4, .col-4_xs { width: 25%; }
.col-5, .col-5_xs { width: 31.25%; }
.col-6, .col-6_xs { width: 37.5%; }
.col-7, .col-7_xs { width: 43.75%; }
.col-8, .col-8_xs { width: 50%; }
.col-9, .col-9_xs { width: 56.25%; }
.col-10, .col-10_xs { width: 62.5%; }
.col-11, .col-11_xs { width: 68.75%; }
.col-12, .col-12_xs { width: 75%; }
.col-13, .col-13_xs { width: 81.25%; }
.col-14, .col-14_xs { width: 87.5%; }
.col-15, .col-15_xs { width: 93.75%; }
.col-16, .col-16_xs { width: 100%; }
.col-33, .col-33_xs { width: 33.33%; }
.col-66, .col-66_xs { width: 66.66%; }


 @media (min-width:768px) AND (max-width:979px) AND screen {
        body{ width: 767px; }
}
 
@media (max-width:767px) AND screen {
      body{ width: 480px; }
}

@media (max-width:480px) {
        body{ width: 380px; }
        /*.row > div { margin : 0; }*/
        .col-05, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-13, .col-14, .col-15, .col-16, .col-33, .col-66 { 
          width : 100%;
          max-width: 100%;
       }
}