/*small*/
@media only screen
and (min-width: 0em)
/*and (max-device-width: 40.063em)*/{
    .small-1{position:relative;width:8.33333%; }
    .small-2{position:relative;width:16.66667%; }
    .small-3{position:relative;width:25%}
    .small-4{position:relative;width:33.33333%}
    .small-5{position:relative;width:41.66667%}
    .small-6{position:relative;width:50%}
    .small-7{position:relative;width:58.33333%}
    .small-8{position:relative;width:66.66667%}
    .small-9{position:relative;width:75%}
    .small-10{position:relative;width:83.33333%}
    .small-11{position:relative;width:91.66667%}
    .small-12{position:relative;width:100%}

    .hide-for-small, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-up, .show-for-large{
        display: none !important;
    }
    .show-for-small-up, .show-for-small, .show-for-medium-down {
        display: inherit !important;
    }

    .testy {background:red; border: solid 2px rgba(39, 219, 40, 1);}
}
@media only screen and (min-width: 40.063em) {
    .med-1{position:relative;width:8.33333%; }
    .med-2{position:relative;width:16.66667%; }
    .med-3{position:relative;width:25%}
    .med-4{position:relative;width:33.33333%}
    .med-5{position:relative;width:41.66667%}
    .med-6{position:relative;width:50%}
    .med-7{position:relative;width:58.33333%}
    .med-8{position:relative;width:66.66667%}
    .med-9{position:relative;width:75%}
    .med-10{position:relative;width:83.33333%}
    .med-11{position:relative;width:91.66667%}
    .med-12{position:relative;width:100%}

    .show-for-small, .show-for-small-down, .hide-for-medium, .hide-for-medium-down, .show-for-large-up, .show-for-large{
        display: none !important;
    }
    .show-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-small-up {
        display: inherit !important;
    }
    .testy {background: #f3ff9e; border: solid 2px rgb(54, 54, 255);}
}
@media only screen and (min-width: 64.063em) {
    .large-1{position:relative;width:8.33333%; }
    .large-2{position:relative;width:16.66667%; }
    .large-3{position:relative;width:25%}
    .large-4{position:relative;width:33.33333%}
    .large-5{position:relative;width:41.66667%}
    .large-6{position:relative;width:50%}
    .large-7{position:relative;width:58.33333%}
    .large-8{position:relative;width:66.66667%}
    .large-9{position:relative;width:75%}
    .large-10{position:relative;width:83.33333%}
    .large-11{position:relative;width:91.66667%}
    .large-12{position:relative;width:100%}

    .show-for-small, .show-for-small-down, .show-for-medium-down, .show-for-medium {
        display: none !important;
    }
    .show-for-large-up, .show-for-large, .show-for-large-down, .show-for-medium-up, .hide-for-medium-down {
        display: inherit !important;
    }
    .testy {background: #2eff49; border: solid 2px rgb(66, 44, 128);}
}