#divNewbookSlider .carousel {
    margin-bottom: 0;
    padding: 0 3px 0px 1px;
}
/* The controlsy */
#divNewbookSlider .carousel-control {
    top: 50%;
    left:78%;
    position: absolute;
    color: blue;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: rgba(0,0,0,0);
    filter: alpha(opacity=50);
}
#divNewbookSlider .carousel-control.left{
	opacity: 0;
	left:3%;
}
#divNewbookSlider .carousel-control.right{
	opacity: 0;
	right:0px;
}
#divNewbookSlider .carousel-control .fa{
    font-size:2.5rem;
}
#divNewbookSlider:hover .carousel-control.left
, #divNewbookSlider:hover .carousel-control.right{
    color: blue;
    opacity: 0;
}
#divNewbookSlider .carousel-control.right {
	right: -12px;
}
/* The indicators */
#divNewbookSlider .carousel-indicators {
	top: 98%;
    margin-bottom:0px;
    /*display:none; */
}
/* The colour of the indicators */
#divNewbookSlider .carousel-indicators li {
	background: #cecece;
}
#divNewbookSlider .carousel .carousel-indicators .active {
background: #428bca;
}

#divNewbookSlider .carousel .carousel-inner {
    width: 100%;
    margin: auto;
    height: auto;
    padding-left: 5px;
    border-radius: 6px;
}
#divNewbookSlider .carousel .carousel-inner .item .box-center {
    height: 100%;
    margin: 1px 0px 1px 0px;
    padding: 3px 0px 3px 0px;
}
#divNewbookSlider .carousel .carousel-inner .item .box-center .title{
     /*display:none;*/
     height:74px;
     overflow:hidden;
}
#divNewbookSlider .carousel-item-next, #divNewbookSlider .carousel-item-prev, #divNewbookSlider .carousel-item.active{
	overflow:hidden;
}


@media  only screen and (max-width:768px) {
   
}
@media only screen and  (min-width:769px) and (max-width:1024px) {
	#myCarouselNewbook1 img {width:130px;height:180px;/*object-fit:cover;*/}
	#myCarouselNewbook2 img {width:130px;height:180px;object-fit:cover;}
	#myCarouselNewbook3 img {width:130px;height:180px;object-fit:cover;}
    #divNewbookSlider #myCarouselNewbook1 .carousel-inner .item .box-center{height:auto;}
    #divNewbookSlider #myCarouselNewbook2 .carousel-inner .item .box-center{height:auto;}
    #divNewbookSlider #myCarouselNewbook3 .carousel-inner .item .box-center{height:auto;}
}
@media only screen and (min-width:1025px) and (max-width:1280px) {
    #myCarouselNewbook1 img {width:110px;height:150px;/*object-fit:cover;*/}
    #myCarouselNewbook2 img {width:120px;height:160px;object-fit:cover;}
    #myCarouselNewbook3 img {width:120px;height:160px;object-fit:cover;}
    #divNewbookSlider #myCarouselNewbook1 .carousel-inner .item .box-center{height:auto;}
    #divNewbookSlider #myCarouselNewbook3 .carousel-inner .item .box-center{height:auto;}
    #divNewbookSlider .carousel .carousel-inner{height:316px !important; overflow:hidden;}
}
@media  only screen and (min-width:1281px) and (max-width:1366px) {
	#myCarouselNewbook1 img {width:130px;height:180px;/*object-fit:cover;*/}
	#myCarouselNewbook2 img {width:130px;height:180px;object-fit:cover;}
	#myCarouselNewbook3 img {width:130px;height:180px;object-fit:cover;}
    #divNewbookSlider #myCarouselNewbook1 .carousel-inner .item .box-center{height:305px;}
    #divNewbookSlider #myCarouselNewbook2 .carousel-inner .item .box-center{height:305px;}
    #divNewbookSlider #myCarouselNewbook3 .carousel-inner .item .box-center{height:305px;}
    #divNewbookSlider .carousel .carousel-inner{height:316px !important; overflow:hidden;}
}
@media  only screen and (min-width:1367px) and (max-width:1920px) {
	#myCarouselNewbook1 img {width:130px;height:180px;/*object-fit:cover;*/}
	#myCarouselNewbook2 img {width:130px;height:180px;object-fit:cover;}
	#myCarouselNewbook3 img {width:130px;height:180px;object-fit:cover;}
    #divNewbookSlider #myCarouselNewbook1 .carousel-inner .item .box-center{height:305px;}
    #divNewbookSlider #myCarouselNewbook2 .carousel-inner .item .box-center{height:305px;}
    #divNewbookSlider #myCarouselNewbook3 .carousel-inner .item .box-center{height:305px;}
    #divNewbookSlider .carousel .carousel-inner{height:309px !important; overflow:hidden;}
}
@media  only screen and (min-width:1921px) {
    #myCarouselNewbook1 img {width:130px;height:180px}
    #myCarouselNewbook2 img {width:130px;height:180px}
    #myCarouselNewbook3 img {width:130px;height:180px}
    #divNewbookSlider .carousel .carousel-inner{height:316px !important; overflow:auto;}
}