@media (min-width:996px) {
    #divNewbookSlider .carousel {
        margin-top: 20px;
        height: 330px;
    }
    
}
#divNewbookSlider .carousel {
    margin-bottom: 0;
    padding: 0 3px 0px 1px;
    padding-bottom: 30px;
    
}
/* 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 a {
        display: -webkit-box; /* Kích hoạt hộp linh hoạt */
        -webkit-box-orient: vertical; /* Hướng dọc */
        overflow: hidden; /* Ẩn phần nội dung thừa */
        text-overflow: ellipsis; /* Thêm dấu "..." */
        -webkit-line-clamp: 4; /* Giới hạn số dòng hiển thị là 3 */
        line-height: 1.5; /* Đặt chiều cao dòng */
    }
#divNewbookSlider .carousel-item-next, #divNewbookSlider .carousel-item-prev, #divNewbookSlider .carousel-item.active{
	overflow:hidden;
}


@media only screen and (max-width:769px){
    #myCarouselNewbook1 img {
        width: 95px;
        height: 130px;
    }
}
@media only screen and  (min-width:769px) and (max-width:1024px) {
	#myCarouselNewbook1 img {width:95px;height:130px;}
	#myCarouselNewbook2 img {width:95px;height:130px;}
    #divNewbookSlider #myCarouselNewbook1 .carousel-inner .item .box-center{height:auto;}
    #divNewbookSlider #myCarouselNewbook2 .carousel-inner .item .box-center{height:auto;}
}
@media only screen and (min-width:1025px) and (max-width:1280px) {
    #myCarouselNewbook1 img {width:100px;height:140px;}
    #myCarouselNewbook2 img {width:100px;height:140px;}
    #divNewbookSlider #myCarouselNewbook1 .carousel-inner .item .box-center{height:auto;}
}
@media  only screen and (min-width:1281px) and (max-width:1366px) {
	#myCarouselNewbook1 img {width:110px !important;height:150px;}
	#myCarouselNewbook2 img {width:110px !important;height:150px;}
    #divNewbookSlider #myCarouselNewbook1 .carousel-inner .item .box-center{height:305px;}
    #divNewbookSlider #myCarouselNewbook2 .carousel-inner .item .box-center{height:305px;}
    #divNewbookSlider .carousel .carousel-inner{height:316px !important;}
}
@media  only screen and (min-width:1367px) and (max-width:1920px) {
	#myCarouselNewbook1 img {width:120px;height:160px;}
	#myCarouselNewbook2 img {width:120px;height:160px;}
    #divNewbookSlider #myCarouselNewbook1 .carousel-inner .item .box-center{height:305px;}
    #divNewbookSlider #myCarouselNewbook2 .carousel-inner .item .box-center{height:305px;}
    #divNewbookSlider .carousel .carousel-inner{height:316px !important;}
}
@media  only screen and (min-width:1921px) {
    #myCarouselNewbook1 img {width:130px;height:180px}
    #myCarouselNewbook2 img {width:130px;height:180px}
    #divNewbookSlider .carousel .carousel-inner{height:316px !important;}
}