@font-face{
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face{
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face{
    font-family: 'RobotoSlab';
    src: url('../fonts/RobotoSlab-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face{
    font-family: 'RobotoSlab';
    src: url('../fonts/RobotoSlab-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face{
    font-family: 'RobotoSlab';
    src: url('../fonts/RobotoSlab-ExtraBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face{
    font-family: 'RobotoSlab';
    src: url('../fonts/RobotoSlab-Black.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
    font-family: 'Roboto';
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
a{
    text-decoration: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
input,
textarea,
button,
select,
a {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
a:focus,a:visited,a:active{
  outline: none;
}
* {
    -webkit-tap-highlight-color: transparent;
}
.head-contact {
    background: #ED1B24;
    padding: 14px 0px;
}
.max-container {
    max-width: 1500px;
    margin: auto;
    display: block;
}
.head-contact a{
    font-family: "Roboto";
    font-weight: 400;
    font-size: 16px;
    color: #ffffff;
    text-decoration: none;
    display: inline-block;
}
.title strong{
    font-family: 'RobotoSlab';
    font-size: 30px;
    padding-bottom: 15px;
    margin-bottom: 25px;
    display: block;
    position: relative;
}
.title strong:after,.pswd-change h4.title:after{
    content: '';
    display: block;
    width: 40px;
    height: 7px;
    background: #ED1C24;
    position: absolute;
    bottom: 0;
    left: 0;
}
ul#nav li.item,.menu ul#nav, .menu .login,.header .logo,ul#social-links li.link {
    display: inline-block;
}
.menu {
    float: right;
    margin-top: 21px;
}
ul#nav li.item a,.login a{
    font-family: "RobotoSlab";
}
ul#nav li.item a {
    font-size: 16px;
    font-weight: 500;
    color: #000000;
    padding: 10px 16px;
    display: block;
    transition: 0.25s ease;
}
.login a {
    display: inline-block;
    padding: 15px 25px;
    background-color: #ED1B24;
    border-radius: 25px;
    color: #ffffff;
    transition: 0.25s ease;
    font-weight: 600;
    letter-spacing: 0.5px;
    font-size: 18px;
}
.login a:hover {
    background: #d13137;
    transition: 0.25s ease;
}
ul#nav li.item:hover a{
    color: #d9383e;
    transition: 0.25s ease;
}
.logo img.head-logo,.menu .login,.menu ul#nav {
    vertical-align: middle;
}
.header.max-container {
    padding: 10px 15px;
}
.header {
    border-bottom: 1px solid #e9e9e9;
}
.menu .login {
    margin-left: 10px;
}
ul#social-links {
    float: right;
    position: relative;
    bottom: 6px;
}
ul#social-links li.link {
    margin-right: 10px;
}
ul#social-links li.link:last-child {
    margin-right: 0;
}
ul#social-links li.link .icon{
    width: 26px;
    height: 27px;
    display: inline-block;
}
ul#social-links li.link .icon.fb {
    background: url(../images/socialmedia.png) no-repeat 0 0;
}
ul#social-links li.link .icon.yt{
    background: url('../images/socialmedia.png') no-repeat -41px 0;
}
ul#social-links li.link .icon.insta{
    background: url('../images/socialmedia.png') no-repeat -84px 0;
}
ul#social-links li.link:hover a span{
    opacity: 0.75;
}
footer {
    background-color: #F1F0EE;
}
.copyright {
    text-align: center;
    padding: 30px 0;
    border-top: 1px dotted #bbbbbb;
    margin: 0 15px;
    font-family: 'Roboto';
    letter-spacing: 0.5px;
    font-size: 18px;
    color: #141414;
    font-weight: 300;
}
.max-container.footer {
    padding-top: 50px;
    padding-bottom: 40px;
}
.foot-content p.lib-about {
    line-height: 30px;
    padding-top: 20px;
}
.foot-content p.lib-about,ul.foot-links li.link a{
    font-family: 'Roboto';
    letter-spacing: 0.5px;
    font-size: 18px;
    font-weight: 300;
}
.right-foot h3.title {
    font-family: 'RobotoSlab';
    font-size: 36px;
    color: #010101;
    padding-bottom: 35px;
}
ul.foot-links li.link a {
    color: #141414;
    display: block;
    padding-bottom: 15px;
    transition: 0.25s ease;
}
ul.foot-links li.link:hover a{
    color: #ED1B24;
    transition: 0.25s ease;
}
p.lib-about.timings.head {
    font-weight: 500;
    font-size: 26px;
    font-family: 'RobotoSlab';
    margin: 20px 0px;
}
p.lib-about.timings {
    padding-top: 2px;
    font-weight: 400;
}
p.lib-about.timings.tue,p.lib-about.timings.hol {
    font-weight: 600;
    font-size: 18px;
}
p.lib-about.timings.hol {
    margin-top: 20px;
}
.bookpin{
    background: url(../images/bookpin.png) no-repeat;
    display: inline-block;
    width: 28px;
    height: 28px;
    background-size: 100%;
    vertical-align: middle;
    margin-left: 15px
}


.account-icon {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin-left: 15px;
    position: relative;
}
.account-icon img{
    width: 32px;
    height: 31px;
    background: red;
    padding: 0px;
    border-radius: 20px;
}
.account-icon .acc-img {
    background: red;
    padding: 6px 5px 3px;
    border-radius: 10px;
    transition: 0.25s ease;
}
.account-icon .acc-img:hover {
    background: #a72834fc;
    transition: 0.25s ease;
}
.account-icon .acc-img:after {
    content: "";
    margin: 0 0;
    display: inline-block;
    border: 6px solid transparent;
    border-top: 8px solid white;
    border-bottom: 9px solid transparent;
}
.profile {
    padding: 5px 0;
    background: #ffffff;
    display: none;
    position: absolute;
    width: 200px;
    right: 0;
    margin-top: 10px;
    border: 1px solid #ED1B24;
    border-radius: 5px;
    z-index: 99;
}
.profile.active{
    display: block;
}
.profile:before{
    content: "";
    position: absolute;
    top: -10px;
    right: 10px;
    border-bottom: 10px solid #ED1B24;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}
.profile ul li a{
    font-family: "Roboto";
    font-weight: 400;
    font-size: 16px;
    color: #000000;
    padding: 10px 15px;
    display: block;
    background-color: #ffffff;
}
.profile ul li:hover a {
    color: #ED1B24;
    background: #ffffff;
}
.max-container.footer:after,.banner-cont:after,ul.usp-list:after,
.book-collection-cont:after,ul.collection-list:after,.mrb:after,ul.mrb-list:after,.rom:after,
.event-time:after,.book-collection:after,.book-list-cont ul.book-list li:after,ul.all-event-list:after,
ul.plans-list:after,.header.max-container:after,.plan-info:after {
    content: '';
    clear: both;
    display: block;
}
.banner-cont .banner-left {
    width: 70%;
    float: left;
    background: #000000;
}
.banner-cont .banner-left img.banner-img,
ul.collection-list li.items img,.mrb .mrb-left img,
ul.mrb-list li.items img,.rom .rom-left .rom-img,.book-list-cont ul.book-list li .book-img img,
ul.gallery-list-all li.items img,.event-img-cont img.event-img,.timing-bg{
    max-width: 100%;
}
.banner-cont {
    display: flex;
    clear: both;
}
.banner-cont-right {
    float: right;
    width: 30%;
    background: #F2F0EE;
}
.banner-container{
    max-width: 1500px;
    display: block;
}
div#banner-owl {
    position: relative;
}
/*div#banner-owl .owl-dots {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    display: block;
    margin: auto;
}*/
div#banner-owl.owl-theme .owl-dots .owl-dot span{
    width: 15px;
    height: 15px;
    margin: 5px 5px;
}

div#banner-owl .owl-nav .owl-next{
    background: url('../images/arrow_right.png') no-repeat !important;
    right: 0px;
}
div#banner-owl .owl-nav .owl-prev{
    background: url('../images/arrow_left.png') no-repeat !important;
    left: 0px;
}
div#banner-owl .owl-nav .owl-next:hover{
    background: url('../images/arrow_hover_right.png') no-repeat !important;
    background-position: 15px 12px !important;
    background-size: 20px !important;
    background-color: #EDF2F6 !important;
}
div#banner-owl .owl-nav .owl-prev:hover{
    background: url('../images/arrow_hover_left.png') no-repeat !important;
    background-position: 15px 12px !important;
    background-size: 20px !important;
    background-color: #EDF2F6 !important;
}
div#banner-owl .owl-nav .owl-next,div#banner-owl .owl-nav .owl-prev{
    position: absolute;
    top: 0px;
    bottom: 11%;
    margin: auto;
    background-size: 20px !important;
    width: 50px;
    height: 50px;
    border-radius: 20%;
    background-position: 15px 12px !important;
    background-repeat: no-repeat !important;
    background-color: #EDF2F6 !important;
    box-shadow: -1px -1px 8px 0px #00000052;
    transition: 0.25s ease;   
}
div#banner-owl.owl-theme .owl-dots .owl-dot.active span,div#banner-owl.owl-theme .owl-dots .owl-dot:hover span{
        background: #fd1b1b;
}








.timing-cont{
    position: relative;
}
.timing-cont .lib-timing {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    padding: 25px 15px 25px 30px;
}
.lib-timing p {
    color: #ffffff;
    font-size: 18px;
    font-family: 'Roboto';
    letter-spacing: 0.5px;
}
.lib-timing p.time {
    font-family: 'RobotoSlab';
    font-size: 30px;
    font-weight: 600;
    margin-top: 5px;
}
.lib-guidelines {
    padding: 30px;
}
.lib-guidelines .content h3 {
    font-family: 'RobotoSlab';
    font-size: 24px;
    font-weight: 500;
    padding-bottom: 10px;
    border-bottom: 2px solid #EAE8E6;
    margin-bottom: 15px;
    position: relative;
}
.lib-guidelines .content p {
    font-size: 16px;
    font-family: 'Roboto';
    letter-spacing: 0.5px;
    margin-bottom: 20px;
    line-height: 22px;
}
.lib-guidelines .content a {
    color: #ed1c24;
    font-family: 'Roboto';
    letter-spacing: 0.5px;
    font-size: 14px;
    margin-bottom: 40px;
    display: block;
}
.lib-guidelines .content a:hover {
    color: #c51920;
}
ul.usp-list li.items, ul.usp-list li.items p {
    display: inline-block;
    color: #ffffff;
    font-family: 'Roboto';
    letter-spacing: 0.5px;
}
ul.usp-list {
    margin: 35px auto 35px;
    width: 80%;
}
.usp-list li.items {
    background: #0F75BC;
    width: 31.3%;
    float: left;
    margin-right: 3%;
    text-align: center;
    border-radius: 10px;
    padding: 18px 0px;
}
.usp-list li.items.last{
    margin-right: 0;
}
.usp-list li.items img.usp-icon, .usp-list li.items p {
    vertical-align: middle;
}
.usp-list li.items img.usp-icon {
    margin-right: 15px;
}
.book-collection h3.title,.newarr-cont h3.title,.mrb .mrb-right h3.title,
.event h3.title,.review-cont h3.title,.gallery-cont h3.title,.event-cont h3.title,
.plan-details h3.title {
    font-family: 'RobotoSlab';
    font-size: 36px;
    text-align: center;
    margin-bottom: 30px;
}
.newarr-cont h3.title,.mrb .mrb-right h3.title,
.event h3.title,.review-cont h3.title,.gallery-cont h3.title,.plan-details h3.title{
    text-align: left;
}
/*ul.collection-list li.items {
width: 15.8%;
float: left;
margin-right: 1%;
transition: 0.25s ease;
}*/
ul.collection-list li.items {
    transition: 0.25s ease;
}
ul.collection-list li.items:hover {
/*transform: scale(1.05);*/
opacity: 0.75;
transition: 0.25s ease;
}
ul.collection-list li.items.last {
    margin-right: 0;
}
.book-collection-cont {
    margin: 100px auto;
}
.mrb .mrb-left {
    width: 52%;
    float: left;
    padding-right: 3%;
    opacity: 0.8;
    align-self: center;
}
.mrb .mrb-right {
    width: 45%;
    float: right;
    margin-top: 30px;
    margin-bottom: 25px;
}
.mrb {
    background: #FEC854;
    border-radius: 5px;
    padding: 0 5px;
    display: flex;
}
ul.mrb-list li.items {
    width: 48%;
    margin-right: 4%;
    float: left;
}
ul.mrb-list li.items:last-child {
    margin-right: 0;
}
ul.mrb-list {
    margin-right: 10px;
}
.rom-outer {
    background: #EDF2F6;
    padding-top: 50px;
    padding-bottom: 50px;
}
.mrb-cont.max-container {
    margin-top: 40px;
    z-index: 9;
    position: relative;
}
.mrb-outer {
    position: relative;
}
.mrb-outer:after {
    content: '';
    display: block;
    width: 100%;
    height: 80%;
    background: #EDF2F6;
    position: absolute;
    bottom: 0;
}
.rom .rom-left {
    float: left;
    width: 48%;
    margin-right: 4%;
}
.rom .rom-right {
    float: right;
    width: 48%;
    position: relative;
}
.rom .rom-left h3.title {
    font-family: 'RobotoSlab';
    font-size: 48px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    margin-top: 15px;
}
ul.rom-list {
    width: 80%;
    margin: auto;
}
ul.rom-list .items {
    background: #AC7D2F;
    padding: 15px;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 20px;
}
ul.rom-list .items:last-child{
    margin-bottom: 0;
}
ul.rom-list .items p.mname {
    font-family: 'Roboto';
    letter-spacing: 0.5px;
    font-size: 30px;
    color: #ffffff;
    word-break: break-word;
}
.rom{
    display: flex;
}
ul.rom-list {
    width: 80%;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: max-content;
}
.events-outer {
    margin-top: 100px;
    margin-bottom: 100px;
}
.event-content {
    font-family: 'Roboto';
    letter-spacing: 0.5px;
    border: 1px solid #F6F6F6;
    transition: 0.25s ease;
}
.event-content:hover {
    border: 1px solid #dfdfdf;
    transition: 0.25s ease;
}
.event-content p.event-name {
    font-size: 16px;
    margin: 15px 10px 5px;
    min-height: 42px;
}
.event-content p.event-desc {
    font-size: 14px;
    font-weight: 300;
    margin: 0 10px 15px;
    line-height: 20px;
    min-height: 60px;
    max-height: 60px;
    overflow: hidden;
}
.event-time {
    background: #F9F9F9;
    padding: 10px;
}
.event-time p.event-date-time {
    display: block;
    font-size: 14px;
    margin: 5px 0;
    float: left;
    width: 62%;
    color: #E16C6C;
    line-height: 22px;
}
.event-time a {
    display: inline-block;
    float: right;
    font-size: 12px;
    padding: 10px;
    text-transform: uppercase;
    background: #E16C6C;
    color: #ffffff;
    border-radius: 5px;
    transition: 0.25s ease;
}
.event-time a:hover{
    background: #c93d3d;
    transition: 0.25s ease;
}
/* Search */
.search-container{
    max-width:600px;
    margin:0 auto;
    display: inline-block;
    vertical-align: middle;
}
.searchbox{
    position:relative;
    min-width:50px;
    width:0%;
    height:50px;
    float:right;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -ms-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
}
.searchbox-input{
    top: 61px;
    right: 0;
    outline: 0;
    background: #ffffff;
    width: 100%;
    height: 50px;
    margin: 0;
    padding: 0px 15px 0px 15px;
    font-size: 16px;
    color: #000000;
    position: absolute;
    border: 1px solid #000000;
    display: none;
}
.searchbox-icon,
.searchbox-submit{
    width:50px;
    height:50px;
    display:block;
    position:absolute;
    top:0;
    font-family: Roboto;
    font-size:22px;
    right:0;
    padding:0;
    margin:0;
    border:0;
    outline:0;
    line-height:50px;
    text-align:center;
    cursor:pointer;
    color:#fff;
    background:#fff;
}
.searchbox-open{
    width:100%;
}
.searchbox-icon, .searchbox-submit{
    background: url(../images/search.svg) no-repeat !important;
    width: 50px;
    height: 50px;
    background-size: 30px 50px !important;
    display: block;
    background-position: 10px 1px !important;
    transition: 0.25s ease;
}
.searchbox-icon:hover, .searchbox-submit:hover{
    background:  url('../images/search-hover.svg') no-repeat !important;
    background-size: 30px 50px !important;
    background-position: 10px 1px !important;
    transition: 0.25s ease;
}
.newarr-cont{
    clear: both;    
    margin-bottom: 100px;
}
.search-cont {
    position: relative;
    height: 50px;
}
.searchbox-open .searchbox-input {
    width: 400px;
    display: block;
    box-shadow: 0px 15px 30px #3b3b3b80;
    z-index: 999;
}
.search-cont:after{
    display: none;
}
/*.search-cont:hover {
opacity: 0.5;
}*/
.searchbox-open .search-cont:after {
    content: "";
    position: absolute;
    left: 16px;
    border-bottom: 10px solid #000;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    bottom: -11px;
    display: block;
}
ul.review-list li.items p.review-content,ul.review-list-all li.items p.review-content {
    font-family: 'Roboto';
    letter-spacing: 0.5px;
    line-height: 24px;
    font-weight: 300;
    font-size: 14px;
}
ul.review-list li.items p.cust-name{
    position: absolute;
    bottom: 15px;
    right: 20px;
}
ul.review-list li.items p.cust-name, ul.review-list-all li.items p.cust-name {
    font-family: 'Roboto';
    letter-spacing: 0.5px;
}
ul.review-list .reviews {
    padding: 20px 20px 0;
}
.review-outer .owl-stage {
    display: flex;
}
.review-outer .owl-stage .owl-item{
    border: 2px dotted #cbd2d9;
    border-radius: 25px;
    padding-bottom: 45px;
    position: relative;
    left: 2px;
}
ul.review-list-all li.items {
    border: 2px dotted #cbd2d9;
    border-radius: 25px;
    margin-bottom: 20px;
}
ul.review-list-all li.items p.cust-name {
    text-align: right;
    margin-top: 10px;
}
ul.review-list-all .reviews{
    padding: 20px;
}
.gallery-cont {
    margin-top: 100px;
    margin-bottom: 100px;
}
.gallery-list, .review-list, .event-list, .newarr-list,.collection-list{
    position: relative;
}
.review-outer, .gallery-outer, .newarr-outer, .event-outer,.book-outer{
    padding: 0 20px;
}
.collection-list .owl-nav span, .gallery-list .owl-nav span, 
.review-list .owl-nav span, .event-list .owl-nav span, .newarr-list .owl-nav span,
div#banner-owl .owl-nav span
{
    display: none;
}
.gallery-list.owl-carousel .owl-nav .owl-prev, 
.review-list.owl-carousel .owl-nav .owl-prev, 
.event-list.owl-carousel .owl-nav .owl-prev, 
.newarr-list.owl-carousel .owl-nav .owl-prev,
.collection-list .owl-nav .owl-prev,
.gallery-list.owl-carousel .owl-nav .owl-next, 
.review-list.owl-carousel .owl-nav .owl-next, 
.event-list.owl-carousel .owl-nav .owl-next, 
.newarr-list.owl-carousel .owl-nav .owl-next,
.collection-list .owl-nav .owl-next{
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    background-size: 20px !important;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-color: #EDF2F6 !important;
    box-shadow: -1px -1px 8px 0px #00000052;
    transition: 0.25s ease;
}
.collection-list.owl-carousel .owl-nav .owl-prev:hover, 
.gallery-list.owl-carousel .owl-nav .owl-prev:hover, 
.review-list.owl-carousel .owl-nav .owl-prev:hover, 
.event-list.owl-carousel .owl-nav .owl-prev:hover, 
.newarr-list.owl-carousel .owl-nav .owl-prev:hover,
.collection-list.owl-carousel .owl-nav .owl-next:hover,
.gallery-list.owl-carousel .owl-nav .owl-next:hover, 
.review-list.owl-carousel .owl-nav .owl-next:hover,
.event-list.owl-carousel .owl-nav .owl-next:hover, 
.newarr-list.owl-carousel .owl-nav .owl-next:hover
{
    background-color: #ff5d64 !important;
    transition: 0.25s ease;
}
.collection-list.owl-carousel .owl-nav .owl-next,.gallery-list.owl-carousel .owl-nav .owl-next, .review-list.owl-carousel .owl-nav .owl-next, .event-list.owl-carousel .owl-nav .owl-next, .newarr-list.owl-carousel .owl-nav .owl-next{
    background-image: url(../images/right_arrow.svg);
    right: -15px;
}
.collection-list.owl-carousel .owl-nav .owl-prev, .gallery-list.owl-carousel .owl-nav .owl-prev, .review-list.owl-carousel .owl-nav .owl-prev, .event-list.owl-carousel .owl-nav .owl-prev, .newarr-list.owl-carousel .owl-nav .owl-prev{
    background-image: url(../images/left_arrow.svg);
    left: -15px;
}
.gallery-list .owl-nav .owl-next, .review-list .owl-nav .owl-next, .event-list .owl-nav .owl-next, .newarr-list .owl-nav .owl-next{
    right: 0;
}
.content-head h3.title {
    display: inline-block;
}
.content-head a.view-all {
    float: right;
    padding: 10px 15px;
    background: #ED1C24;
    color: #ffffff;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
    margin-top: 2px;
    transition: 0.25s ease;
}
.content-head a.view-all:hover{
    background: #d13137;
    transition: 0.25s ease;
}
.lib-guidelines .content h3:after {
    content: '';
    width: 30px;
    height: 5px;
    background: #ED1C24;
    display: inline-block;
    position: absolute;
    bottom: -5px;
    left: 0;
}
.lib-guidelines .content a:after{
    content: '';
    display: inline-block;
    background-image: url(../images/arrow.svg);
    background-size: 20px 14px;
    width: 20px;
    height: 11px;
    margin-left: 3px;
}
.review-cont.all {
    margin-top: 20px;
}
/*************** Collection page ****************/
.cat_banner {
    margin-bottom: 50px;
    position: relative;
}
.cat_banner img{
    width: 100%;
}
.cat_banner p.txt {
    font-family: 'RobotoSlab';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    font-size: 40px;
    font-weight: 600;
    color: #ffffff;
    letter-spacing: 2px;
    height: 53px;
    width: 435px;
    text-align: center;
}
.sidebar.filter {
    float: left;
    width: 18%;
    margin-right: 2%;
}
.book-list-cont {
    float: right;
    width: 80%;
}
.filter-coll strong {
    font-family: 'RobotoSlab';
    font-size: 30px;
    padding-bottom: 15px;
    margin-bottom: 20px;
    display: block;
    position: relative;
}
.filter-coll strong:after {
    content: '';
    display: block;
    width: 40px;
    height: 7px;
    background: #ED1C24;
    position: absolute;
    bottom: 0;
    left: 0;
}
ul.filter-list li.links a {
    font-family: 'Roboto';
    letter-spacing: 0.5px;
    color: #000000;
    padding-top: 8px;
    padding-bottom: 8px;
    display: block;
    font-weight: 300;
}
ul.filter-list li.links a:hover {
    color: #ff0000;
    font-weight: 500;
}
.sidebar.filter ul.filter-list {
    padding-left: 20px;
    margin-bottom: 20px;
}
.filtered-attr span.filter-cond a {
    padding: 0 8px;
    font-weight: 500;
    font-size: 16px;
    display: inline-block;
}
.filtered-attr span.filter-cond a {
    padding: 0 8px;
    font-weight: 600;
    font-size: 13px;
    display: inline-block;
}
.book-list-cont ul.book-list li .book-img {
    float: left;
    width: 25%;
    margin-right: 1%;
    text-align: center;
}
.book-list-cont ul.book-list li .book-details .book-name {
    font-family: 'RobotoSlab';
    font-size: 30px;
    margin-bottom: 25px;
    line-height: 30px;
    text-transform: capitalize;
}
.book-list-cont .book-details {
    width: 73%;
    float: left;
}
.book-list-cont .book-details .book-attr p span {
    font-weight: 300;
    letter-spacing: 0.5px;
    text-transform: capitalize;
}
.book-list-cont .book-details .book-attr p {
    margin-bottom: 15px;
}
.book-list-cont .book-details .book-attr p> strong {
    font-weight: 500;
    letter-spacing: 0.5px;
    text-shadow: 0 0 #000000;
}
.book-list-cont ul.book-list li.items {
    border-bottom: 1px dotted #cbd2d9;
    padding-bottom: 20px;
    margin-bottom: 20px;
    position: relative;
}
.book-list-cont ul.book-list li.items:last-child{
    border: 0;
    margin-bottom: 0;
} 
.book-list-cont ul.book-list li .book-img img {
    border: 1px solid #ededed;
    width: 75%;
}
.filtered-attr p.title {
    display: inline-block;
}
.filtered-attr {
    padding: 15px;
    margin-bottom: 15px;
    background: #F2F0EE;
    border-radius: 5px;
}
.filtered-attr span.filter-cond {
    font-weight: 300;
    font-size: 14px;
    padding: 7px;
    background: #FEC854;
    border-radius: 5px;
    margin-left: 10px;
}
.filtered-attr span.filter-cond strong {
    font-weight: 500;
    letter-spacing: 0.5px;
}
.filtered-attr span.filter-cond.clear-all{
    float: right;
    position: relative;
    bottom: 6px;
}
/*****************Pagination******************/
.pagination ul.page li {
    display: inline-block;
    border: 1px solid #cccccc;
    background: #F5F5F5;
}
.pagination ul.page li a {
    display: block;
    padding: 10px 15px;
    color: #000000;
}
.pagination ul.page li a:hover,.pagination ul.page li.active a,.pagination ul.page li.page-end a{
    background: #ED1B24;
    color: #ffffff;
}
.pagination-tab {
    text-align: center;
    margin-bottom: 30px;
    margin-top: 15px;
    background: #BAB4B4;
    padding: 15px;
}
.toolbar{
    display: block;
    background: #BAB4B4;
    padding: 25px 15px;
    margin-bottom: 20px;
}
form#sortby p.sort-title {
    display: inline-block;
    margin-right: 5px;
}
.page-number strong {
    font-weight: 600;
}
.page-number span {
    letter-spacing: 0.5px;
}
.toolbar .page-number {
    display: inline-block;
}
.toolbar .sortby {
    float: right;
}
.toolbar .sortby {
    float: right;
    position: relative;
    bottom: 12px;
}
form#sortby select {
    width: 150px;
    height: 40px;
    padding: 0 15px 0 5px;
    background-color: #BAB4B4;
    font-size: 16px;
    cursor: pointer;
}
form#sortby p.sort-title {
    display: inline-block;
    margin-right: 5px;
    font-family: RobotoSlab;
    font-size: 18px;
}
.book-collection.max-container {
    margin-top: 20px;
}
/*.sidebar.filter ul.filter-list{
    display: none;
}*/
ul.gallery-list-all li.items {
    display: inline-block;
    width: 24%;
    margin-right: 1%;
    margin-bottom: 1%;
}
ul.gallery-list-all li.items:nth-child(4n){
    margin-right: 0;
}
.gallery-cont.all .content-head h3.title,.review-cont.all h3.title {
    text-align: center;
    display: block;
    margin-bottom: 40px;
}
input.borrow-submit {
    background: #ED1B24;
    border: 0;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Roboto';
    padding: 15px 50px;
    border-radius: 5px;
    letter-spacing: 1px;
    cursor: pointer;
}
input.borrow-submit.disable {
    cursor: not-allowed;
    background: #8b8b8b;
}
.borrow-book {
    position: absolute;
    bottom: 20px;
    right: 15px;
}
.borrow-book .note{
    color: #056929;
    font-size: 18px;
    margin-top: 10px;
    letter-spacing: 0.5px;
}
p.note.disable-note {
    color: #d10008;
}
form#borrowbook-form {
    text-align: right;
}
/* Event page */
ul.all-event-list li.items {
    width: 24.25%;
    margin-right: 1%;
    margin-bottom: 1%;
    display: inline-block;
    float: left;
}
ul.all-event-list li.items:nth-child(4n) {
    margin-right: 0;
}
.all-event-outer {
    margin-bottom: 30px;
    margin-top: 25px;
}
.event-detail .event-cont {
    max-width: 800px;
    margin: 30px auto;
    text-align: center;
    padding: 10px;
}
.event-desc {
    text-align: left;
    letter-spacing: 0.5px;
    line-height: 24px;
    margin-top: 25px;
}
.event-desc ul, .event-desc ol {
    list-style: disc;
    padding-left: 20px;
    margin-bottom: 15px;
}
.event-desc p {
    margin-bottom: 15px;
}
/* Plan Page */
.plan-details.max-container {
    margin: 20px auto;
}
ul.plans-list li.items p.plans-title {
    font-family: 'RobotoSlab';
    font-size: 36px;
}
ul.plans-list li.items {
    width: 24.25%;
    float: left;
    margin-right: 1%;
}
ul.plans-list li.items:last-child {
    margin-right: 0;
}
ul.plans-list li.items .plans {
    background: #002834;
    color: #ffffff;
    padding: 10px;
    text-align: center;
}
ul.plans-list li.items p.plans-title {
    font-family: 'RobotoSlab';
    font-size: 26px;
    font-weight: 500;
    padding: 10px;
    color: #000000;
}
ul.plans-list li.items .plans ul.price-list {
    padding: 25px 0 10px;
}
ul.plans-list li.items .plans ul.price-list li {
    margin-bottom: 10px;
    font-size: 14px;
}
ul.plans-list li.items .plans ul.price-list li:last-child {
    margin-bottom: 0;
    margin-top: 25px;
    font-weight: 600;
}
ul.plans-list li.items:after {
    content: '';
    display: block;
    background-image: url(../images/member-arrow.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: auto;
    height: 80px;
    max-height: 80px;
}
ul.payment-list li p {
    margin-bottom: 5px;
}
img.gpay_image,img.upi_image {
    vertical-align: middle;
    width: 100px;
}

.plans.monthly p.plans-title{
    background: #FF5A0E;
}
.plans.qtr p.plans-title{
    background: #008D3F;
}
.plans.half p.plans-title{
    background: #E39501;
}
.plans.annual p.plans-title{
    background: #ED1C24;
}
/*******************acoount Login*****************/
.loginForm.max-container .member-login,.blogForm.max-container {
    max-width: 600px;
    margin: auto;
    display: block;
    padding: 10px;
}
.loginForm.max-container .member-login .memlogin-form .acc,.blog.reviewform .rev {
    margin-bottom: 25px;
}
.loginForm.max-container .member-login .memlogin-form label,.blog.reviewform .rev label {
    display: block;
    margin-bottom: 10px;
}
.head.title {
    margin-bottom: 30px;
    border-bottom: 1px dotted #ababab;
}
.account-login .memlogin-form input::placeholder{
    font-size: 16px;
}
.account-login .memlogin-form input,
.blogForm.max-container .blog.reviewform input,
.blogForm.max-container .blog.reviewform .reviewinput,
form#pswd-change-form input {
    border: 1px solid #c5c5c5b3;
    height: 52px;
    border-radius: 3px;
    display: block;
    box-shadow: none !important;
    letter-spacing: 1px;
    width: 94%;
    max-width: 100%;
    padding: 0px 3%;
    font-size: 16px;
}
.loginForm.max-container .member-login .memlogin-form .acc.vercode input {
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
}
.loginForm.max-container .member-login .memlogin-form .acc.vercode img {
    display: inline-block;
    vertical-align: middle;
}
.login-button,.submitReview,button#profileSubmit {
    display: inline-block;
    padding: 10px 25px;
    background-color: #ED1B24;
    border-radius: 25px;
    color: #ffffff;
    box-shadow: none;
    border: 1px solid #d91821;
    font-size: 16px;
    cursor: pointer;
    font-weight: 600;
}
.loginForm.max-container .account-login {
    margin: 50px 0px;
}
.login-button:hover,.submitReview:hover{
    background-color: #d9383e;
    transition: 0.25s ease;
}
form#sortby select:focus-visible {
    outline: 0;
}
button#profileSubmit {
    margin-top: 15px;
}
.mob-nav{
    display: none;
}
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
.mob-nav .container {
    max-width: 767px;
    width: auto;
    margin: auto;
    font-family: "Poppins", sans-serif;
}
.mob-nav .navbar {
    width: 75%;
    margin-right: 0px;
    position: absolute
}
.mob-nav .nav-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 62px;
}
.mob-nav .navbar .menu-items {
    display: flex;
}
.mob-nav .navbar .nav-container li {
    list-style: none;
}
.mob-nav .navbar .nav-container a {
    text-decoration: none;
    color: #0e2431;
    font-weight: 500;
    font-size: 1.2rem;
    padding: 8px 7px;
    display: block;
}
.mob-nav .navbar .nav-container a:hover{
    font-weight: bolder;
}
.mob-nav .nav-container {
    display: block; 
    position: relative;
    height: 60px;
}
.mob-nav .nav-container .checkbox {
    position: absolute;
    display: block;
    height: 32px;
    width: 32px;
    top: 15px;
    left: 0px;
    z-index: 9999;
    opacity: 0;
    cursor: pointer;
}
.mob-nav .nav-container .hamburger-lines {
    display: block;
    height: 26px;
    width: 32px;
    position: absolute;
    top: 17px;
    left: 0px;
    z-index: 99;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.mob-nav .nav-container .hamburger-lines .line {
    display: block;
    height: 4px;
    width: 100%;
    border-radius: 10px;
    background: #0e2431;
}
.mob-nav .nav-container .hamburger-lines .line1 {
    transform-origin: 0% 0%;
    transition: transform 0.4s ease-in-out;
}
.mob-nav .nav-container .hamburger-lines .line2 {
    transition: transform 0.2s ease-in-out;
}
.mob-nav .nav-container .hamburger-lines .line3 {
    transform-origin: 0% 100%;
    transition: transform 0.4s ease-in-out;
}
.mob-nav .navbar .menu-items {
    padding-top: 70px;
    height: 100vh;
    width: 99%;
    transform: translate(-150%);
    display: flex;
    flex-direction: column;
    margin-left: -40px;
    padding-left: 50px;
    transition: transform 0.5s ease-in-out;
    text-align: center;
    z-index: 9 !important;
    position: relative;
    background: #e5e5e5;
}
.mob-nav .navbar .menu-items li {
    margin-bottom: 5px;
    font-size: 1.5rem;
    font-weight: 500;
}
.mob-nav .nav-container input[type="checkbox"]:checked ~ .menu-items {
    transform: translateX(0);
}
.mob-nav .nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line1 {
    transform: rotate(45deg);
}
.mob-nav .nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line2 {
    transform: scaleY(0);
}
.mob-nav .nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line3 {
    transform: rotate(-45deg);
}
.mob-nav .nav-container input[type="checkbox"]:checked ~ .logo{
    display: none;
}
.menu .login {
    float: right;
}
/***********My account page***************/
.members.my-account {
    max-width: 600px;
    margin: auto;
    display: block;
    padding: 50px 10px;
}
ul.mem-details li{
    font-size: 16px;
    letter-spacing: 1px;
    margin-bottom: 20px;
}
ul.mem-details li .heading {
    font-weight: 500;
    width: 48%;
    margin-right: 2%;
    display: inline-block;
    vertical-align: middle;
}
ul.mem-details li .value {
    display: inline-block;
    width: 50%; 
    font-weight: 300;
}
.account-icon.login {
    position: relative;
    top: 3px;
}
.alert.alert-success {
    padding: 10px;
    margin-bottom: 20px;
    background: #94ff94;
}
ul.mem-details li span.value.orange,ul.mem-details li .value.green,
ul.mem-details span.value.red {
    width: auto;
    padding: 10px 20px;
    border-radius: 10px;
    font-weight: 600;
    color: #fff;
    font-size: 14px;
    text-transform: capitalize;
}
ul.mem-details li .value.green {
    background: #73b967;
}
ul.mem-details span.value.red {
    background: #ff0202;
}
ul.mem-details li span.value.orange {
    background: #ef9232;
}
/***************Book History******************/
.history.my-account {
    max-width: 1200px;
    margin: auto;
    display: block;
    padding: 50px 5px;
}
form#book_history {
    font-size: 14px;
}
form#book_history table th {
    font-size: 14px;
    letter-spacing: 0.5px;
}
/*****************Blog Page********************/
.blogForm.max-container {
    margin: 40px auto;
}
.blogForm.max-container .blog.reviewform textarea.reviewinput {
    height: 200px;
    padding: 15px 3%;
    margin-right: 0;
    width: 94%;
}
.blogForm.max-container .blog.reviewform input {
    background: #cccccc;
    cursor: not-allowed;
}
/*.mob-filter{
    display: none;
}*/
/***************Custom Pages******************/
.about-us.max-container,.noroute.max-container{
    margin: 50px auto;
}
.about-us .main-content, .noroute .main-content{
    line-height: 33px;
}
.about-us .main-content h1, .noroute .main-content h1{
    font-size: 33px;
}
.about-us .main-content h2, .noroute .main-content h2{
    font-size: 30px;
}
.about-us .main-content h3, .noroute .main-content h3{
    font-size: 26px;
}
.about-us .main-content h4, .noroute .main-content h4{
    font-size: 22px;
}
.about-us .main-content h5, .noroute .main-content h5{
    font-size: 18px;
}
.about-us .main-content h6, .noroute .main-content h6{
    font-size: 14px;
}
.about-us .main-content b, .noroute .main-content b{
    font-weight: bold;
}
.about-us .main-content i, .noroute .main-content i{
    font-style: italic;
}
.about-us .main-content p, .noroute .main-content{
    display: block;
    margin-block-start: 2em;
    margin-block-end: 2em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
.about-us .main-content ol, .about-us .main-content ul, 
.noroute .main-content ol .noroute .main-content ul{
    list-style: revert;
}
.about-us .main-content dd,.noroute .main-content dd{
    display: block;
    margin-inline-start: 40px;
}
.about-us .main-content dt,.noroute .main-content dt{
    display: block;
}
.about-us .main-content dl,.noroute .main-content dl{
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
.noroute h1.page-title{
    font-family: 'RobotoSlab';
    margin-bottom: 30px;
    font-size: 40px;
}
.alert.alert-danger {
    padding: 10px;
    margin-bottom: 20px;
    background: #ff0000;
    color: #ffffff;
}
.about-us .main-content ul.tamil li::marker{
    content: "";
}
.about-us .main-content ul.tamil {
    text-align: left;
    margin: auto;
    font-weight: 600;
    font-size: 20px;
    line-height: 35px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 343px;
    height: 180px;
    letter-spacing: 1px;
}
.about-us .main-content ul.tamil li.last {
    text-align: right;
    margin-top: 10px;
}
.about-us-end {
    margin-top: 50px;
}
.about-us-end p {
    margin: 0px 0px !important;
}
.top-content:after,.about-cont:after{
    content: "";
    display: block;
    clear: both;
}
.top-content,.about-cont{
    display: flex;
}
.top-content .left-cnt {
    width: 50%;
    float: left;
    position: relative;
}
.top-content .right-cnt {
    float: right;
    width: 50%;
}
.top-content .right-cnt img,.about-cont .left-cnt img{
    max-width: 100%;
}
.about-cont .left-cnt {
    float: left;
    width: 49%;
    margin-right: 2%;
}
.about-cont .right-cnt {
    float: right;
    width: 49%;
}
.about-cont .right-cnt p {
    margin-top: 0;
}
.about-us.max-container .cat_banner p.txt {
    width: 442px;
    margin: auto;
    height: 40px;
}
.about-us.max-container {
    margin-top: 10px;
}
.about-person {
    margin-top: 30px;
}
/* event page */
.event-img-cont img.event-img{
    width: 100%;
}
/* account page */
.pswd-change {
    border-top: 1px dotted #ababab;
    padding-top: 25px;
    margin-top: 30px;
}
.pswd-change h4.title {
    font-size: 26px;
    font-family: 'RobotoSlab';
    margin-bottom: 30px;
    font-weight: 500;
    position: relative;
    padding-bottom: 15px;
}
form#pswd-change-form label {
    display: block;
    font-size: 16px;
    font-family: 'RobotoSlab';
    padding-bottom: 15px;
}
#pswd-change-form .form-group.pb-4 {
    margin-bottom: 25px;
}
/* Plan page */
.plan-info .plan-payment {
    width: 26%;
    float: left;
    margin-right: 2%;
}
.plan-info .plan-rules {
    width: 70%;
    float: right;
}
.plan-details .plan-info h3.title {
    margin-left: 0;
    margin-bottom: 40px;
}
ul.payment-list li.items, .lib-note p.note, .lib-note h3.title-note {
    font-weight: 300;
    font-size: 18px;
    margin-bottom: 10px;
}
.plan-info .plan-payment img.qr-code {
    margin: 15px 0;
    display: block;
    width: 305px;
}
.plan-info {
    margin-top: 50px;
}
.plan-info .plan-rules ul.rule-list li.items {
    list-style: decimal;
    line-height: 24px;
    margin-bottom: 20px;
    margin-left: 20px;
    padding-left: 5px;
    font-size: 16px;
    font-weight: 300;
}
ul.plans-list {
    margin-top: 40px;
}
/* contact page */
.contact.max-container:after,.contact-us.page:after{
    content: "";
    display: block;
    clear: both;
}
.contact.max-container input.form-control.reviewinput {
    background: transparent;
    cursor: auto;
}
.blogForm.contact.max-container{
    margin: 40px auto;
    max-width: 1500px;
}
.blog.reviewform.contactform {
    float: left;
    width: 40%;
    margin-right: 5%;
}
.contact-add {
    float: right;
    width: 50%;
}
.head-title h3 {
    font-family: 'RobotoSlab';
    font-size: 24px;
    margin-bottom: 20px;
    font-weight: 500;
}
.contact-add .address,.phonenumber,.con_email{
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
    color: #000000;
    position: relative;
    padding-left: 30px;
}
.phonenumber a,.con_email a{
    color: #000000;
    transition: 0.25s ease;
}
.phonenumber a:hover,.con_email a:hover{
    color: #ED1B24;
    transition: 0.25s ease;
}
.contact-add .address:before{
    content: "";
    background: url('../images/map.png') no-repeat;
    position: absolute;
    width: 16px;
    height: 23px;
    top: 5px;
    left: 0;
}
.contact-add .phonenumber:before{
    content: "";
    background: url('../images/call.png') no-repeat;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 5px;
    left: 0;
}
.contact-add .con_email:before{
    content: "";
    background: url('../images/email.png') no-repeat;
    position: absolute;
    width: 16px;
    height: 13px;
    top: 6px;
    left: 0;
}
.map-loc {
    margin-top: 50px;
}
.blog.reviewform.contactform .contact.vercode img {
    display: inline-block;
    vertical-align: middle;
}
.blog.reviewform.contactform .contact.vercode input {
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
}
li.mem-plan-title h3 {
    font-size: 20px;
    font-family: 'RobotoSlab';
    margin-bottom: 30px;
    font-weight: 500;
    position: relative;
    padding-bottom: 10px;
    margin-top: 40px;
}
li.mem-plan-title h3:after{
    content: '';
    display: block;
    width: 40px;
    height: 4px;
    background: #ED1C24;
    position: absolute;
    bottom: 0;
    left: 0;
}
li.mem-plan-title.first h3 {
    margin-top: 20px;
}
.line-hide {
    border: 1px solid #ffffff;
    position: relative;
    bottom: 2px;
}
.foot-content h1.lib-about{
font-family: 'Roboto';
    letter-spacing: 0.5px;
    font-size: 18px;
    font-weight: 300;
        line-height: 30px;
    padding-top: 20px;
}

.auth ul.filter-list {
    overflow-y: auto;
    max-height: 340px;
}
ul#authList {
    margin-top: 20px;
}
span.clearx {
    padding: 0 5px;
    border: 1px solid;
    border-radius: 5px;
    margin-left: 5px;
    position: relative;
    top: 1px;
    cursor: pointer;
    transition: 0.5s ease;
}
span.clearx:hover{
    background: #ff0000;
    transition: 0.5s ease;
}
.authSearch {
    width: 100%;
    margin: auto;
    margin-bottom: 20px;
}
input#authInput {
    width: 77%;
    padding: 5px 5px;
}
.sidebar.filter strong.mob-title{
    display: none;
 }
.nobook{
    background: url(../images/nobook.png) no-repeat !important;
    background-size: 500px 500px !important;
    background-position: 0px;
    transition: 0.25s ease;
    display: block;
    height: 500px;
    width: 500px;
    text-align: center;
    margin: auto;
    font-size: 25px;
}

span.trash-icon{
    background: url(../images/trash.svg) no-repeat !important;
    background-size: 100% !important;
    background-position: 0px;
    transition: 0.25s ease;
    display: block;
    height: 25px;
    width: 20px;
    text-align: center;
    margin: auto;
}
span.trash-icon:hover{
    background: url(../images/trash-hover.svg) no-repeat !important;
    background-size: 100% !important;
    background-position: 0px;
}
a.reqdel {
    position: relative;
    top: 5px;
}
.wishlist-submit {
    background: #00a2b3;
    border: 0;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    font-family: 'Roboto';
    padding: 8px 5px 8px 30px;
    border-radius: 5px;
    letter-spacing: 1px;
    cursor: pointer;
}
form#wishlist-form {
    position: relative;
}
i.icon-wish {
    background-image: url(../images/icon-wishlist.png);
    background-size: 15px 15px;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 9px;
    margin: auto;
}
.add-to-wishlist {
    position: absolute;
    right: 15px;
    bottom: 15px;
}
.borrow-book{
    bottom: 60px;
}


li.items.gpay p:last-child,li.items.upi p:last-child,.lib-note h3.title-note {
    font-weight: 600;
}

.limited-plan {
    background: #e8f2a1;
    display: inline-block;
    padding: 30px 80px;
    text-align: center;
    margin-top: 40px;
}
.limited-plan h3 {
    font-size: 22px;
    margin-bottom: 20px;
    text-decoration: underline;
}
.limited-plan p {
    margin-top: 10px;
}
.limited-plan p.first {
    margin-bottom: 30px;
}



/************* MEDIA QUERIES **************/
@media only screen and (max-width: 1520px){
    .head-contact .max-container,.book-collection.max-container,.about-us.max-container,.noroute.max-container,
    .plan-details .plan-content {
        padding: 0 10px;
    }
    .newarr-cont h3.title, .mrb .mrb-right h3.title, .event h3.title, 
    .review-cont h3.title, .gallery-cont h3.title, .plan-details h3.title {
        margin-left: 15px;
    }
    .content-head a.view-all {
        margin-right: 15px;
    }
    .max-container.footer{
        padding-left: 15px;
        padding-right: 15px;
    }
    .all-event-outer ul.all-event-list {
        padding: 0 10px;
    }
}
@media only screen and (max-width: 1200px){
        .banner img {
        height: auto;
    }
    ul#nav li.item a{
        padding: 10px 7px;
    }
    .banner-cont-right{
        display: none;
    }
    .banner-cont .banner-left{
        width: 100%;
    }
    .mrb-outer .mrb img {
        width: 100%;
        height: 100%;
    }
    ul.all-event-list li.items {
        width: 32.66%;
    }
    ul.all-event-list li.items:nth-child(4n) {
        margin-right: 1%;
    }
    ul.all-event-list li.items:nth-child(3n) {
        margin-right: 0;
    }
    .about-cont {
        display: block;
    }
    .about-cont .left-cnt {
        float: none;
        width: auto;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .about-cont .right-cnt {
        float: none;
        width: auto;
    }
}

@media only screen and (max-width: 1090px){
    .header .logo {
        width: auto;
        display: block;
        margin: auto;
        text-align: center;
    }
    .menu {
        float: none;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .menu .login,.search-container {
        float: right;
    }
    ul.usp-list {
        width: 95%;
    }
    ul.collection-list li.items{
        width: auto;
        float: none;
        margin-right: auto;           
    }
    ul.collection-list li.items:hover{
        transform: none;
    }
    ul#nav {
        margin-top: 10px;
    }
    ul#nav li.item a {
        padding: 10px 10px;
    }
}
@media only screen and (max-width: 960px){
    .book-collection h3.title, .newarr-cont h3.title, .mrb .mrb-right h3.title, .event h3.title, 
    .review-cont h3.title, .gallery-cont h3.title, .event-cont h3.title, .plan-details h3.title{
        font-size: 30px;
        text-align: center;
    }
    .mrb .mrb-right h3.title{
        font-size: 25px;
    }
    .rom .rom-left h3.title{
        font-size: 30px;
    }
    .book-list-cont {
        float: right;
        width: 73%;
    }
    .sidebar.filter {
        float: left;
        width: 25%;
        margin-right: 2%;
    }
    .filter-coll strong,.book-list-cont ul.book-list li .book-details .book-name{
        font-size: 25px;
    }
    input.borrow-submit{
        font-size: 16px;
        padding: 10px 25px;
    }
    .borrow-book .note,form#sortby p.sort-title{
        font-size: 16px;
    }
    ul.all-event-list li.items {
        width: 49.5%;
    }
    ul.all-event-list li.items:nth-child(3n) {
        margin-right: 1%;
    }
    ul.all-event-list li.items:nth-child(2n) {
        margin-right: 0;
    }
    .blogForm.contact.max-container {
        margin: 20px auto
    }
    .blog.reviewform.contactform,.contact-add {
        float: none;
        width: auto;
        display: block;
        margin-right: 0;
        margin-bottom: 50px;
    }
    .plan-info .plan-payment {
        width: 320px;
        float: none;
        margin-right: 0;
        text-align: left;
        margin: auto;
    }
    .plan-info .plan-rules {
        width: 100%;
        float: none;
        margin-top: 75px;
        margin-bottom: 35px;
    }
    .limited-plan {
        display: block;
        margin: 40px auto 0;
        width: max-content;
    }
}
@media only screen and (min-width: 768px){
    .left-foot {
        width: 48%;
        float: left;
        padding-right: 2%;
    }
    .right-foot {
        width: 45%;
        float: right;
        margin-top: 15px;
    }
    .right-foot .foot-menu, .right-foot .foot-collections {
        width: 45%;
        float: left;
    }
    .mobile-container {
        display: none;
    }
    ul.plans-list li.items .plans ul.price-list li{
        font-size: 18px;
    }
}
@media only screen and (max-width: 767px){
    .max-container {
        padding: 0 0px;
    }
    .menu ul#nav {
        display: none;
    } 
    .mob-nav {
        display: inline-block;
        float: left;
    }
    .header.max-container {
        padding: 15px 10px;
        position: relative;
    }
    .header .logo{
        max-width: 375px;
        float: left;
        padding-left: 45px;
        width: 65%;
        position: relative;
        z-index:  2;
    }
    .logo img.head-logo{
        width: 100%;
    }
    .menu {
        float: right;
        margin-bottom: 20px;
        width: 25%;
    }
    .login a{
        padding: 10px 10px;
        border-radius: 15px;
        font-size: 14px;
    }
    .searchbox-icon, .searchbox-submit {
        width: 35px;
        height: 35px;
        background-size: 34px 27px !important;
        background-position: 0px 4px !important;
    }
    .searchbox-icon:hover, .searchbox-submit:hover{
        background:  url('../images/search-hover.svg') no-repeat !important;
        background-size: 34px 27px !important;
        background-position: 0px 4px !important;
        transition: 0.25s ease;
    }
    .searchbox{
        min-width: 35px;
        height: 35px;
    }
    .searchbox-open .search-cont:after{
        letter-spacing: 10px;
    }
    .usp-list li.items{
        width: 100%;
        float: none;
        margin-top: 10px;
        display: block;
        margin-right: 0;
    }
    .right-foot {
        margin-top: 25px;
    }
    .right-foot h3.title{
        font-size: 24px;
        padding-bottom: 15px;
        border-bottom: 1px solid #ccc;
        margin-bottom: 20px;
        cursor: pointer;
    }
    footer .block-title{
        position: relative;
    }
    footer .block-title:after {
        content: "+";
        position: absolute;
        width: 14px;
        height: 9px;
        right: 20px;
        top: 0px;
    }
    footer .block-title.block-title-active:after{
        content: "-";
        position: absolute;
        width: 14px;
        height: 9px;
        right: 20px;
        top: 3px;
    }
    .max-container.footer {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    ul#nav li.item a {
        padding: 10px 10px;
    }
    ul.mem-details li {
        font-size: 16px;
    }
    .account-icon img {
        width: 25px;
        height: 25px;
        padding: 0px;
    }
    .account-icon.login {
        position: relative;
        top: 0px;
    }
    .account-icon .acc-img:after {
        border: 5px solid transparent;
        border-top: 7px solid white;
        border-bottom: 9px solid transparent;
    }
    img.foot-logo {
        width: 100%;
        max-width: 379px;
        margin: auto;
        text-align: center;
        display: block;
    }
    .foot-content p.lib-about, ul.foot-links li.link a{
        font-size: 16px;
        line-height: 24px;
        padding-bottom: 5px;
    }
    .members.my-account{
        padding: 20px 10px;
    }
    ul.account-dropdown {
        position: relative;
        z-index: 1;
    }
    .mob-nav .nav-container .checkbox{
        top: 17px;
        left: -1px;
    }
    .mob-nav .nav-container .hamburger-lines {
        left: 3px;
        height: 24px;
        top: 25px;
    }
    .mob-nav .navbar .menu-items{
        margin-top: -15px;
    }
    .mrb-left {
        display: none;
    }
    ul.mrb-list li.items {
        width: 49%;
        margin-right: 1%;
        float: none; 
        display: inline-block;
    }
    .mrb .mrb-right {
        width: 100%;
        float: none;
    }
    ul.mrb-list {
        margin-right: 0px;
        text-align: center;
    }
    .book-collection-cont {
        margin: 30px auto 30px;
    }
    .blogForm.max-container {
        margin: 20px auto;
    }
    .sidebar.filter {
        float: none;
        width: 100%;
        margin-right: 0;
        display: block;
        margin-bottom: 20px;
    }
    .sidebar.filter > strong.mob-title {
        font-family: 'RobotoSlab';
        padding: 15px 10px;
        display: block;
        border: 1px solid #cccccc;
        font-size: 18px;
        position: relative;
        cursor: pointer;
        z-index: 1;
    }
    .mob-filter {
        border: 1px solid #ccc;
        padding: 20px 10px 0px;
    }
    .filter-coll strong {
        font-size: 18px;
        cursor: pointer;
        padding-bottom: 10px;
        border-bottom: 1px solid #cccccc;
        position: relative;
    }
    .filter-coll strong:after {
        display: none;
    }
    .sidebar.filter > strong.mob-title:after{
        content: ">";
        position: absolute;
        width: 12px;
        height: 10px;
        right: 7px;
        top: 20px;
        transform: rotate(90deg);
        font-size: 25px;
    }
    .sidebar.filter > strong.mob-title.active:after {
        top: 18px;
        content: "<";
    }
    .filter-coll strong:before {
        content: "+";
        position: absolute;
        width: 14px;
        height: 9px;
        right: 20px;
        top: 0px;
    }
    .filter-coll strong.title.dzactive:before{
        content: "-";
        position: absolute;
        width: 14px;
        height: 9px;
        right: 20px;
        top: 3px;
    }
    .book-list-cont {
        float: none;
        width: auto;
        display: block;
    }
    .book-list-cont ul.book-list li .book-img{
        width: 30%;
        margin-right: 3%;
    }
    .book-list-cont .book-details {
        width: 67%;
    }
    .book-list-cont ul.book-list li .book-img img {
        border: 1px solid #ededed;
        width: 90%;
    }
    .toolbar{
        margin-bottom: 40px;
    }
    .right-foot .links {
        margin-bottom: 20px;
    }
    .borrow-book {
        position: unset;
        text-align: center;
        display: block;
        clear: both;
        padding: 15px 10px;
        border: 1px solid #cccccc;
        border-radius: 10px;
    }
    form#borrowbook-form {
        text-align: center;
    }
    .gallery-cont,.events-outer,ul.usp-list
    {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .newarr-cont{
        margin: 30px auto 30px;
    }
    .usp-list li.items {
        padding: 10px 0px;
    }
    .filtered-attr{
        position: relative;
        padding-bottom: 10px;
    }
    .filtered-attr p.title {
        display: block;
        margin-bottom: 15px;
    }
    .filtered-attr span.filter-cond.clear-all {
        position: absolute;
        top: 10px;
        right: 10px;
        height: 14px;
    }
    .filtered-attr span.filter-cond{
        display: inline-block;
        margin-bottom: 5px;
        margin-left: 0;
        margin-right: 5px;
    }
    ul.plans-list li.items {
        width: 49.5%;
        float: left;
        margin-right: 1%;
    }
    ul.plans-list li.items:nth-child(2){
        margin-right: 0;
    }
    ul.plans-list li.items p.plans-title {
        font-size: 22px;
    }
    .plan-info {
        margin-top: 10px;
    }
    .plan-info .plan-rules {
        width: 100%;
        float: none;
        margin-top: 50px;
    }
    ul.rom-list .items p.mname{
        font-size: 20px;
    }
    div#banner-owl .owl-nav .owl-next, div#banner-owl .owl-nav .owl-prev{
        background-size: 10px !important;
        width: 35px;
        height: 35px;
        border-radius: 20%;
        background-position: 14px 11px !important;
    }
    div#banner-owl .owl-nav .owl-next:hover,div#banner-owl .owl-nav .owl-prev:hover{
        background-position: 14px 11px !important;
        background-size: 10px !important;
    }
    div#banner-owl .owl-dots{
        bottom: 10px
    }
    .top-content {
        display: block;
    }
    .top-content .left-cnt {
        width: auto;
        float: none;
        position: relative;
        margin-bottom: 20px;
    }
    .about-us .main-content ul.tamil{
        position: relative;
    }
    .top-content .right-cnt {
        float: none;
        width: auto;
    }
    .sidebar.filter.active .mob-filter {
        display: block;
    }

    input#authInput {
        width: 83%;
        padding: 5px 10px;
    }
    .authSearch {
        width: 90%;
        margin: auto;
    }
    ul.foot-links, .mob-filter{
        display: none;
    }
    ul#authList{
        display: block;
    }
    .sidebar.filter ul.filter-list,.dzFilterlist{
        display: none;
    }
    /* wishlist */
    .add-to-wishlist {
        position: absolute;
        left: 0;
        right: 0;
        bottom: -5px;
        margin: auto;
        width: 130px;
        margin-top: 15px;
    }
    .book-list-cont .book-details {
        position: relative;
        padding-bottom: 40px;
    }
}
@media only screen and (max-width: 767px) and (min-width: 501px){
    .menu{
        position: relative;
        top: 17px;
    }
    .searchbox-open .search-cont:after{
        left: 9px;
    }
    .mob-nav .nav-container .checkbox {
        top: 40px;
    }
    .mob-nav .nav-container .hamburger-lines {
        top: 46px;
    }
    .cat_banner p.txt{
        height: 40px;
        width: auto;
        font-size: 35px;
    }
    .cat_banner {
        margin-bottom: 20px;
    }
}
@media only screen and (max-width:  600px){
    ul.all-event-list li.items {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }
    .about-us.max-container .cat_banner p.txt {
        width: 250px;
        margin: auto;
        height: 45px;
        font-size: 20px;
    }
    .about-us .main-content ul.tamil {
        font-size: 15px;
        width: auto;
        padding: 0 15px;
    }
}
@media only screen and (max-width: 500px){
    .mob-nav {
        display: block;
        float: none;
    }
    .menu {
        float: right;
        margin-bottom: 20px;
        width: 100%;
    }
    .header .logo{
        max-width: 375px;
        width: 65%;
        float: left;
        padding-left: 50px;
    }
    .login {
        float: right;
        margin-top: 5px;
    }
    .login a{
        font-size: 12px; 
    }
    .search-container {
        max-width: 500px;
        display: block;
        float: none;
    }
    .searchbox {
        min-width: 100%;
        height: 35px;
    }
    .searchbox-input {
        display: block;
        position: unset;
        padding: 0px 37px 0px 10px;
    }
    .searchbox-icon, .searchbox-submit{
        top: 7px;
    }
    .account-icon.login{
        margin-top: 5px;
    }
    ul.mrb-list li.items {
        width: 48%;
    }
    .mrb .mrb-right h3.title {
        font-size: 22px;
    }
    .book-collection h3.title, .newarr-cont h3.title, 
    .mrb .mrb-right h3.title, .event h3.title{
        margin-left: 0;
    }
    .rom {
        display: block;
    }
    .rom .rom-left h3.title {
        font-size: 25px;
    }
    .rom .rom-left,.rom .rom-right {
        float: none;
        width: 100%;
        margin-right: 0%;
        margin-bottom: 30px;
    }
    .rom .rom-right{
        margin-bottom: 0px;
    }
    ul.rom-list{
        position: unset;
    }
    ul.rom-list .items p.mname{
        font-size: 24px;
    }
    ul.usp-list {
        margin: 10px auto;
        width: 90%;
    }
    .usp-list li.items {
        text-align: left;
        padding: 8px 0px;
    }
    .usp-list li.items img.usp-icon {
        margin-right: 15px;
        margin-left: 13px;
            width: 35px;
    height: 35px;
    }
    .toolbar .page-number,.toolbar .sortby
    {
        display: inline-block;
    }
    .toolbar:after{
        content: "";
        display: block;
        clear: both;
    }
    .toolbar{
        padding: 25px 15px 0px;
        margin-bottom: 40px;
    }
    .toolbar .page-number {
        float: left;
    }
    .page-number span,form#sortby p.sort-title,form#sortby select{
        font-size: 14px;
    }
    .toolbar .sortby{
        float: right;
        margin-top: 0px;
    }
    form#sortby select {
        width: 85px;
        cursor: pointer;
    }
    .pagination ul.page li a {
        padding: 10px 10px;
    }
    .pagination-tab {
        padding: 15px 5px;
    }
    .cat_banner {
        margin-bottom: 15px;
    }
    .cat_banner p.txt{
        height: 30px;
        width: auto;
        font-size: 26px;
    }
}