/* ----- XL AND SMALLER - DESKTOP - YELLOW ----- */
@media (max-width: 1200px) {
	.xindx i {color:yellow;}
	.cc4 {column-count:3;}
	.slideCaption p {font-size:2.6rem;}
}
/* ----- LG AND SMALLER- LAPTOPS - CYAN ----- */
@media (max-width: 992px) {
	.xindx i {color:cyan;}
	h1 {font-size: 2rem;}
	.slideCaption p {font-size:2.3rem;}
	#logo {position:absolute; bottom:10px;left:10px; width:200px;}
	.pitem {width:48% !important;}
	.img-r10,.img-r20,.img-r25,.img-r30,.img-r40.,img-r50 {float:right;width:50%;margin-left:25px;margin-bottom:10px;}
	.img-r60 {float:right;width:60%;margin-left:25px;margin-bottom:10px;}
	.img-r70 {float:right;width:70%;margin-left:25px;margin-bottom:10px;}
	.img-r80 {float:right;width:80%;margin-left:25px;margin-bottom:10px;}
	.img-l10,.img-l20,.img-l25,.img-l30,.img-l40,.img-l50 {float:left;width:50%;margin-right:25px;margin-bottom:10px;}
	.img-l60 {float:left;width:60%;margin-right:25px;margin-bottom:10px;}
	.img-l70 {float:left;width:70%;margin-right:25px;margin-bottom:10px;}
	.img-l80 {float:left;width:80%;margin-right:25px;margin-bottom:10px;}
	.img-c25 {width:50%}
	.cc5,.cc4,.cc3 {column-count:2;}
	.cc2 {column-count:1;}
	.vidbox {width:66%;}
}
/* ----- MD AND SMALLER - TABLETS - ORANGE ----- */
@media (max-width: 768px) {
	.xindx i {color:orange;}
	h1 {font-size: 1.6rem;}
	.vidbox {width:100%;}
	.slideCaption p {font-size:2rem;}
	.img-r10,.img-r20,.img-r25,.img-r30,.img-r40.,img-r50 {float:right;width:60%;margin-left:25px;margin-bottom:10px;}
	.img-r60 {float:right;width:60%;margin-left:25px;margin-bottom:10px;}
	.img-r70 {float:right;width:70%;margin-left:25px;margin-bottom:10px;}
	.img-r80 {float:right;width:80%;margin-left:25px;margin-bottom:10px;}
	.img-l10,.img-l20,.img-l25,.img-l30,.img-l40,.img-l50 {float:left;width:60%;margin-right:25px;margin-bottom:10px;}
	.img-l60 {float:left;width:60%;margin-right:25px;margin-bottom:10px;}
	.img-l70 {float:left;width:70%;margin-right:25px;margin-bottom:10px;}
	.img-l80 {float:left;width:80%;margin-right:25px;margin-bottom:10px;}
}
/* ----- MOBILE RED ----- */
@media (max-width: 576px) {
	.xindx i {color:red;}
	.card {border:none;border-radius:0;}
	.card-img-top {border:none;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
	.pitem {width:99% !important;}
	.slideCaption {bottom:1%;}
	.slideCaption p {font-size:1.6rem;}
	#logo {display:none}
	h1 {font-size: 1.8rem;}
	.img-r10,.img-r20, .img-r25, .img-r30, .img-r40, .img-r50, .img-r60, .img-r70, .img-r80, .img-l10,.img-l20, .img-l25, .img-l30, .img-l40, .img-l50, .img-l60, .img-l70, .img-l80, .img-c50, .img-c25 {float:none;width:100%;margin:10px 0 !important;}
	.hostingicons {height:60px;}
	.hidden-xs {display:none;}
	.visible-xs {display:block;}
	.cc5,.cc4,.cc3,.cc2 {column-count:1;}
	ol { padding-left:0;margin-left:0; }
	.article-render {padding:15px 0 0 0;}
}