.banner{max-height: 500px;background-image:url(img/banner-exmaple.jpg);background-position: top center;min-height:500px; }
.title-div{width: 8%;height: 0;line-height: 0;font-size: 0;border-top: 2px solid #f94653;}

.nav-tabs{border-bottom: 0;text-align: center;color: #ccc;}
.nav-tabs > li{float: none;margin-bottom: 0px;display: inline-block;}
.nav-tabs > li > a {margin-right: 2px;line-height: 1.42857143;border: 0px solid transparent;border-radius: 0;color: #343434;}
.nav-tabs > li > a:hover {border-color: transparent;background: none;color: #666;}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus{color: #e63b47;cursor: default;background-color: transparent;border: 0px solid #ddd;border-bottom-color: transparent;}

.example > .row > div{padding: 0;margin-bottom: 15px;}
.example > .row > div > h2{color: #888;}
.example > .row > div a{color: #333;text-decoration: none;}
.example > .row > div > a{display: block;position: relative;}
.example > .row > div > a span{visibility: hidden;position: absolute;width: 100%;height: 100%;background-color: #000;opacity: 0;filter: alpha(opacity=0);left: 0;top: 0;transition:opacity .6s;-moz-transition:opacity .6s;-webkit-transition:opacity .6s;-o-transition:opacity .6s;}
.example > .row > div > a i{visibility: hidden;color: #fff;width: 40px;height: 40px;position: absolute;left: 50%;top: 50%;margin-left: -20px;margin-top: -20px;font-size: 32px;border: 2px solid #fff;border-radius: 100%;font-style: normal;line-height: 32px;text-align: center;opacity: 0;filter: alpha(opacity=0);transition:opacity .6s;-moz-transition:opacity .6s;-webkit-transition:opacity .6s;-o-transition:opacity .6s;}
.example > .row > div:hover > a span{visibility: visible;opacity: .5;filter: alpha(opacity=50);}
.example > .row > div:hover > a i{visibility: visible;opacity: 1;filter: alpha(opacity=100);}

@media(min-width: 320px){
}

@media(min-width: 768px){
}

@media(min-width: 992px){
}

@media(min-width: 1200px){
}