/* ************************************************* TESTING COLORS */
.bg-r {background-color: red !important;}
.bg-o {background-color: orange !important;}
.bg-y {background-color: yellow !important;}
.bg-g {background-color: green !important;}
.bg-b {background-color: blue !important;}
.bg-v {background-color: violet !important;}

.bg-p {background-color: pink !important;}
.bg-l {background-color: lime !important;}
.bg-gr {background-color: grey !important;}
.bg-pr {background-color: purple !important;}
.bg-bk {background-color: black !important;}


/* ****************************************************************************************** SM - SMALL SCREEN LAYOUT ELEMENTS IN LANDSCAPE & PORTRAIT(<768 pixels) */
@media screen and (max-width : 767px) {
}


/* ****************************************************************************************** SML - SMALL SCREEN LAYOUT ELEMENTS IN LANDSCAPE ONLY(>430px and <768px) */
@media screen and (min-width: 431px) and (max-width: 767px) {
}


/* ****************************************************************************************** SMP - SMALL SCREEN LAYOUT ELEMENTS IN PORTRAIT ONLY (<431px) */
@media screen and (max-width: 430px) {
}


/* ****************************************************************************************** MD & LG - BOTH MEDIUM & LARGE SCREEN LAYOUT ELEMENTS (>767 pixels) */
@media screen and (min-width: 768px) {
}


/* ****************************************************************************************** MD - MEDIUM SCREEN LAYOUT ELEMENTS (768-1024 pixels) */
@media screen and (min-width: 768px) {
}


/* ****************************************************************************************** LG - LARGE SCREEN LAYOUT ELEMENTS (>1024 pixels) */
@media screen and (min-width: 1025px) {
}