.list-inline {
  text-align: center;
}
.list-inline > li {
  padding: 5px;
width: 100%;
}
.smalslid.col-md-2 {
    float: left;
}
.largslid.col-md-10 {
    float: right;
}
.list-inline > li.active img{opacity: 1;}
.thm.img-responsive {
    max-height: 109px;
    width: 100%;
}
.list-inline.nav-pills{margin-top:0px;}
.list-inline > li:hover {
  cursor: pointer;
}
.list-inline .selected img {
  opacity: 1;
  border-radius: 15px;
}
.list-inline img {

  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.list-inline img:hover {
  opacity: 1;
}

.item > img {
  max-width: 100%;
  height: auto;
  display: block;
}


@media(max-width:768px){
.list-inline > li {
padding: 1px;
width: 19% !important ;
float: right;
}
.thm.img-responsive {
    height: 109px;
    width: 100%;
}
}
@media(max-width:767px){
    .list-inline > li {
padding: 1px;
width: 19% !important ;
float: right;
}
.thm.img-responsive {
    height: 109px;
    width: 100%;
}
}
@media(max-width:736px){
    .list-inline > li {
padding: 1px;
width: 19% !important ;
float: right;
}
.thm.img-responsive {
    height: 109px;
    width: 100%;
}
}
@media(max-width:667px){
    .list-inline > li {
padding: 1px;
width: 19% !important ;
float: right;
}
.thm.img-responsive {
    height: 109px;
    width: 100%;
}
}
@media(max-width:600px){
    .list-inline > li {
padding: 1px;
width: 19% !important ;
float: right;
}
.thm.img-responsive {
    height: 109px;
    width: 100%;
}
}
@media(max-width:568px){ 
    .list-inline > li {
padding: 1px;
width: 19% !important ;
float: right;
}
.thm.img-responsive {
    height: 40px;
    width: 100%;
}
}
@media(max-width:480px){
    .list-inline > li {
padding: 1px;
width: 19% !important ;
float: right;
}
.thm.img-responsive {
    height: 40px;
    width: 100%;
}
}
@media(max-width:414px){
.list-inline > li {
padding: 1px;
width: 19% !important ;
float: right;
}
.thm.img-responsive {
    height: 40px;
    width: 100%;
}
}
@media(max-width:384px){
.list-inline > li {
padding: 1px;
width: 19% !important ;
float: right;
}
.thm.img-responsive {
    height: 40px;
    width: 100%;
}
}
@media(max-width:375px){
.list-inline > li {
padding: 1px;
width: 19% !important ;
float: right;
}
.thm.img-responsive {
    height: 40px;
    width: 100%;
}
}
@media(max-width:320px){ 
.list-inline > li {
padding: 1px;
width: 19% !important ;
float: right;
}
.thm.img-responsive {
    height: 40px;
    width: 100%;
}
}