@media screen and (max-width: 1280px) {
.ace-responsive-menu > li > a{padding: 7px 12px;}
.middle-section{padding:15px 0;}
}

@media screen and (max-width: 991px) {
.middle-section [class*=col-], .scroller-event [class*=col-]{margin-bottom:1rem;}

.top-links{width:100%;text-align:center;}
.top-links ul li a{font-size:10px;padding:0px 3px;}

header{height:auto;}
header.sticky{height:auto;position:relative;}
header .container{padding:0;}
.demo{padding:0;width:100%;}
.logo{padding:10px;}
.logo figure{width:100%;text-align:center;}
.logo figure img{width:240px;}
.user-links{padding-left:0px;}
.table-wrap{overflow-x:scroll;}
.table-wrap table tr td{vertical-align:top;}

.for-pricple{width:100%;margin:2% 0;}
.for-gaur{width:100%;margin:2% 0;}
.msmanjul{width:100%;margin:2% 0;}

.lib-banner{margin-bottom:15px;height: 110px;}
.for-resources-one ul li{padding:8px;}
.mid-abt{padding:30px 0;}
.lib.hours-bx{width:100%;padding:10px;margin: 20px 0 30px;}
.lib-day{width:100%;}
.circular-tbl{width:100%;}
.time-lib span{font-size:13px;}
.lib-day p{margin:15px 0;}
.blks{padding:10px 10px;font-size: 14px;}
.box-body {height: 350px;}  

}

@media screen and (max-width:767px) {
.top{height:auto;}
 ul.sub-drop{left:auto;right:0;width:100px;}
 .title-1{font-size:18px;height: auto;text-align: center;line-height: normal;padding: 10px 0;margin:0;font-weight: 600;}
 .user-links ul{grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));}

.site-map{display:block;text-align:center;margin-top:20px;}
.site-menu{width:100%;}
.copyright{margin-top:10px;}
.visitor-count{text-align:center;}
.social-icons{text-align:center;}
.footer-menu h3{text-align: center;}
.footer-menu ul li a{text-align:center;}


}

@media screen and (max-width:599px) {
    #book-carousel img {
        width: 60%;
        height: auto;
        max-height: 320px;
        min-height: 320px;
        object-fit: contain;
        object-position: top;
        margin: 0 auto;
    }

    }