.demos-filter {
    margin: 0;
    text-align: right;
}
.demos-filter li {
    list-style: none;
    margin: 10px 0px;
}
.demos-filter li a {
    display: block;
    border: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #444;
}
.demos-filter li a:hover, .demos-filter li.activeFilter a {
    color: #1ABC9C;
}

@media (max-width: 991px) {
.demos-filter {
    text-align: center;
}
.demos-filter li {
    float: left;
    width: 33.3%;
    padding: 0 20px;
}
}

@media (max-width: 767px) {
.demos-filter li {
    width: 50%;
}
}
.tiny_bullet_slider .tp-bullet:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 25px;
    top: -12px;
    left: 0px;
    background: transparent;
}
.bullet-bar.tp-bullets:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background: transparent;
    padding: 10px;
    margin-left: -10px;
    margin-top: -10px;
    box-sizing: content-box;
}
.bullet-bar .tp-bullet {
    width: 60px;
    height: 3px;
    position: absolute;
    background: #aaa;
    background: rgba(204,204,204,0.5);
    cursor: pointer;
    box-sizing: content-box;
}
.bullet-bar .tp-bullet:hover, .bullet-bar .tp-bullet.selected {
    background: rgba(204,204,204,1);
}

@media (max-width: 767px) {
.demos-filter li {
    width: 50%;
}
}
.tp-whiteshadow {
    text-shadow: -2px 1px white, -3px 2px white, -4px 3px white, -5px 4px white, -6px 5px white, -7px 6px white, -8px 7px white, -9px 8px white, -10px 9px white, -11px 10px white, -12px 11px white
}
.tp-blackshadow {
    text-shadow: -2px 1px #222, -3px 2px #222, -4px 3px #222, -5px 4px #222, -6px 5px #222, -7px 6px #222, -8px 7px #222, -9px 8px #222, -10px 9px #222, -11px 10px #222, -12px 11px #222
}