span.rgb-concept-help { line-height: 30px; padding-top: 2px; padding-right: 10px; padding-bottom: 4px; padding-left: 10px; position: fixed; top: 300px; right: 0; z-index: 8000; color: #FFF;display:block;  }
body { border-right-style: solid; border-right-width: 4px;}

@media (max-width: 767px) {
body { border-right-color: blue; }
span.rgb-concept-help:after { content: " col-xs | 480px to 767px"; }
span.rgb-concept-help { background-color: blue; }
	 .col-xs-1.sample, .col-xs-10.sample, .col-xs-11.sample, .col-xs-12.sample, .col-xs-2.sample, .col-xs-3.sample, .col-xs-4.sample, .col-xs-5.sample, .col-xs-6.sample, .col-xs-7.sample, .col-xs-8.sample, .col-xs-9.sample{background-color:lightblue;}
}
@media (max-width: 630px) {
body { border-right-color: orange; }
span.rgb-concept-help:after { content: " col-xxs | up to 630px"; }
span.rgb-concept-help { background-color: orange; }
}
@media (max-width: 479px) {
body { border-right-color: lightblue; }
span.rgb-concept-help:after { content: " col-xxs | Up to 479px"; }
span.rgb-concept-help { background-color: lightblue; }
}
@media (min-width: 768px) {
body { border-right-color: violet; }
span.rgb-concept-help:after { content: " col-sm | 768px to 991px"; }
span.rgb-concept-help { background-color: violet;  }
	.col-sm-1.sample, .col-sm-10.sample, .col-sm-11.sample, .col-sm-12.sample, .col-sm-2.sample, .col-sm-3.sample, .col-sm-4.sample, .col-sm-5.sample, .col-sm-6.sample, .col-sm-7.sample, .col-sm-8.sample, .col-sm-9.sample{background-color: violet;}
}
@media (min-width: 992px) {
body { border-right-color: yellow; }
span.rgb-concept-help:after { content: " col-md | 992px to 1199px";  }
span.rgb-concept-help { background-color: yellow;color: #000; }
	.col-md-1.sample, .col-md-10.sample, .col-md-11.sample, .col-md-12.sample, .col-md-2.sample, .col-md-3.sample, .col-md-4.sample, .col-md-5.sample, .col-md-6.sample, .col-md-7.sample, .col-md-8.sample, .col-md-9.sample{background-color: yellow;}
}
@media (min-width: 1200px) {
body { border-right-color: lightgreen; }
span.rgb-concept-help:after { content: " col-lg | 1200px to 1599"; }
span.rgb-concept-help { background-color: lightgreen; }

.col-lg-1.sample, .col-lg-10.sample, .col-lg-11.sample, .col-lg-12.sample, .col-lg-2.sample, .col-lg-3.sample, .col-lg-4.sample, .col-lg-5.sample, .col-lg-6.sample, .col-lg-7.sample, .col-lg-8.sample, .col-lg-9.sample{ background-color: lightgreen;}
	
}
@media (min-width: 1600px) {
body { border-right-color:darkturquoise; }
span.rgb-concept-help:after { content: " col-xlg | 1600px and up"; }
span.rgb-concept-help { background-color: darkturquoise; }
	
}

/* Extra-Extra small devices (phones, less than 630px) custom created by Silvia */
/* Extra small devices (phones, less than 768px) */
/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
/* Large devices (large desktops, 1200px and up) */
/* Extra Large devices (large desktops, 1600px and up) custom created by Silvia */










.sample{}