.nbs-flexisel-container { position:relative; max-width:100%; }

.nbs-flexisel-ul { position:relative; /*width:9999px;*/ width: 22000px; margin:0px; padding:0px; list-style-type:none;    text-align:center;   }

.nbs-flexisel-inner { overflow:hidden; float:left; width:100%; }

.nbs-flexisel-item { float:left; margin:0px; padding:0px; position:relative; line-height:0px; }

.nbs-flexisel-item img { width: 100%; position: relative; margin-top: 10px; margin-bottom: 10px; max-width:192px; max-height:120px; border:solid 1px #dbdbdb; } /*** Navigation ***/ 

.nbs-flexisel-nav-left, .nbs-flexisel-nav-right { width: 22px; height: 22px;  position: absolute; cursor: pointer; z-index: 100; opacity: 0.5; }

.nbs-flexisel-nav-left { left: -20px; background: url(../images/button-previous.jpg) no-repeat; }

.nbs-flexisel-nav-right { right: -25px; background: url(../images/button-next.jpg) no-repeat; }



.nbs-flexisel-inner ul li img{ opacity:0.8; transition:all 0.3s ease 0s; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ -moz-filter: grayscale(1); -ms-filter: grayscale(1); -o-filter: grayscale(1); filter: grayscale(1); }



.nbs-flexisel-inner ul li img:hover{ opacity:10; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale"); -webkit-filter: grayscale(0%); }





/*1111111111111111111111111111111111*/ 

@media (min-width: 900px) and (max-width: 1027px) {

.nbs-flexisel-inner{ width:90%; margin:0 auto; float:none;}

.nbs-flexisel-inner ul li{ width:151px !important; margin-right:10px;}	

.nbs-flexisel-nav-right {right:15px;}

.nbs-flexisel-nav-left{left:15px;}

}



/*22222222222222222222222222222*/

@media (min-width: 768px) and (max-width: 899px) {

.nbs-flexisel-inner{ width:90%; margin:0 auto; float:none;}

.nbs-flexisel-inner ul li{ width:128px !important; margin-right:9px;}	

.nbs-flexisel-nav-right {right:15px;}

.nbs-flexisel-nav-left{left:15px;}	

}



/*33333333333333333333333333333333333333333333333*/

@media (min-width: 600px) and (max-width: 767px){

.nbs-flexisel-inner{ width:90%; margin:0 auto; float:none;}

.nbs-flexisel-inner ul li{ width:123px !important; margin-right:10px;}	

.nbs-flexisel-nav-right {right:12px;}

.nbs-flexisel-nav-left{left:12px;}		

}



/*4444444444444444444444444*/

@media (min-width: 480px) and (max-width: 599px){

.nbs-flexisel-inner{ width:90%; margin:0 auto; float:none;}

.nbs-flexisel-inner ul li{ width:98px !important; margin-right:9px;}	

.nbs-flexisel-nav-right {right:0px;}

.nbs-flexisel-nav-left{left:5px;}		

}



/*5555555555555555555555*/

@media (min-width: 320px) and (max-width: 479px){

.nbs-flexisel-inner{ width:85%; margin:0 auto; float:none; overflow:hidden;}

.nbs-flexisel-inner ul li{ width:135px !important; margin-right:0px;}	

.nbs-flexisel-nav-right {right:0px;}

.nbs-flexisel-nav-left{left:5px;}



.nbs-flexisel-inner{ }

.nbs-flexisel-item img{max-width: 112px;}

}