#divNewbookSlider .carousel-inner{width:96%; margin:auto;}
#divNewbookSlider .carousel-inner .active.left { left: -16.7%; }
#divNewbookSlider .carousel-inner .next        { left:  16.7%; }
#divNewbookSlider .carousel-inner .prev        { left: -16.7%; }
#divNewbookSlider .carousel-inner .box-center{padding:0px;margin:0px;}
#divNewbookSlider .carousel-inner .box-center img{max-width:118px;}
#divNewbookSlider .carousel-control {width:5%; border-radius:6px; color:blue;visibility:hidden;}
/*#divNewbookSlider .carousel-control.left, #divNewbookSlider .carousel-control.right {background-image:none;}*/
#divNewbookSlider .item:not(.prev) {visibility: visible;}
#divNewbookSlider .item.right:not(.prev) {visibility: hidden;}
#divNewbookSlider .rightest{ visibility: visible;}

#myCarouselNewbook1{height:180px; overflow:hidden;}
#myCarouselNewbook1 .content-list-folder{
    width:200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#divGreatbookSlider .carousel-inner{width:96%; margin:auto;}
#divGreatbookSlider .carousel-inner .active.left { left: -16.7%; }
#divGreatbookSlider .carousel-inner .next        { left:  16.7%; }
#divGreatbookSlider .carousel-inner .prev        { left: -16.7%; }
#divGreatbookSlider .carousel-control {width:5%; border-radius:6px; color:blue}
/*#divGreatbookSlider .carousel-control.left, #divNewbookSlider .carousel-control.right {background-image:none;}*/
#divGreatbookSlider .item:not(.prev) {visibility: visible;}
#divGreatbookSlider .item.right:not(.prev) {visibility: hidden;}
#divGreatbookSlider .rightest{ visibility: visible;}
#myCarouselGreatbooks1 {height:180px;overflow:hidden;}

@media only screen and (min-width: 1600px) {
    #divGreatbookSlider .text-center {font-size: 14px;}
    #divNewbookSlider .carousel-inner{height:200px;overflow: auto;}
}
/* Only affects 1200px-1600px width */
@media only screen and (max-width: 1600px) {
    #divGreatbookSlider .text-center {font-size: 14px;}
    #divNewbookSlider .carousel-inner{height:200px;overflow: auto;}
}
/* Only affects 900px-1200px width */
@media only screen and (max-width: 1200px) {
    #divGreatbookSlider .text-center {font-size: 20px;}
    #divNewbookSlider .carousel-inner{height:250px;overflow: auto;}
}

/* Only affects 600px-900px width */
@media only screen and (max-width: 900px) {
    #divGreatbookSlider .text-center {font-size: 22px;}
    #divNewbookSlider .carousel-inner{height:250px;overflow: auto;}
}
@media only screen and (max-width: 720px) {
    #divGreatbookSlider .text-center {font-size: 24px;}
    #divNewbookSlider .carousel-inner{height:250px;overflow: auto;}
}