@media screen and (max-width: 520px) {
    li.page-item {
        display: none;
    }

    .page-item:first-child,
    .page-item:last-child,
    .pagination-next-nav .page-item.active {
        display: block;
    }
}
@media only screen and (max-width: 1199px) {
    #site_library_nav > li .library_menu.esomero_style {
        background-image: none !important;
        padding-right: 0 !important;
    }
    #site_library_nav > li > a {
        padding: 0 8px;
    }

    .lookbook.grid {
        margin-left: 0;
    }
}

@media only screen and (max-width: 1024px) {
    .logo-bar .slick-prev {
        left: 0;
    }
    .logo-bar .slick-next {
        right: 0;
    }

    .button-set {
        opacity: 1;
        top: 5px;
    }
    .variants.add {
        bottom: 0px;
        margin-top: 10px;
        position: absolute;
        left: 0;
        right: 0;
    }
    .variants.add .btn {
        padding: 5px 12px;
        font-size: 10px;
        background-color: #f7f7f7;
    }

    .button-style2 .variants.add button {
        font-size: 13px;
        padding: 0;
    }
    .button-style2,
    .button-style2 .variants.add {
        margin-top: 0;
    }
    .button-style2 i {
        vertical-align: middle;
    }
}

@media only screen and (max-width: 991px) {
    .search-data {
        max-width: inherit;
        padding-right: 40px !important;
    }
    .md-hide {
        display: none;
    }
    html {
        overflow-x: hidden;
    }
    .r-description {
        overflow: hidden;
        height: 100px;
    }
    .mobile-logo {
        text-align: center;
    }

    .top-header .library-login-links {
        display: none;
        position: absolute;
        right: 0;
        top: 29px;
        z-index: 222;
        margin: 0;
        width: 140px;
        background: #193446;
        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
    }
    .top-header .library-login-links li {
        display: block;
        text-align: left;
        margin: 0;
        padding: 0;
        border-bottom: 1px solid #193446;
    }
    .top-header .library-login-links li a {
        color: #ebeced;
        padding: 10px;
        display: block;
    }
    .top-header .library-login-links li a:hover {
        opacity: 0.7;
    }

    #site_library_nav {
        display: none !important;
    }
    .header-content-wrapper .btn--link {
        border: 0;
    }
    .header-content-wrapper .btn--link .library-m {
        font-size: 17px;
    }

    .pageWrapper {
        position: relative;
        left: 0;
        -ms-transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }
    .mobile-nav-wrapper {
        display: block;
    }
    body.menuOn .pageWrapper {
        left: 270px;
    }
    #pageWrapper {
        position: relative;
        left: 0;
        -ms-transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }
    .js-mobile-nav-toggle .library-m {
        display: none;
        color: #000;
    }
    .site-header__menu {
        border: 0;
        padding: 0;
        font-size: 17px;
        display: block;
        cursor: pointer;
    }
    .js-mobile-nav-toggle.mobile-nav--open .library-m-bars-r,
    .js-mobile-nav-toggle.mobile-nav--close .icon.library-m.library-m-times-l {
        display: inline-block;
    }
    #MobileNav {
        height: 100%;
        overflow: auto;
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .mobile-nav-wrapper .closemobileMenu {
        color: #000;
        font-size: 13px;
        padding: 20px 10px;
        cursor: pointer;
    }
    .list-group-item:first-child {
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
    }
    .mobile-nav-wrapper .closemobileMenu .library-m {
        font-size: 20px;
        padding: 2px;
        float: right;
        margin-top: -10px;
        color: #ebeced;
    }
    .mobile-nav-wrapper {
        width: 270px;
        height: 100%;
        position: fixed;
        left: -270px;
        top: 0;
        z-index: 999;
        background-color: #193446;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
        opacity: 0;
        visibility: hidden;
        -ms-transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }
    .mobile-nav-wrapper.active {
        left: 0;
        opacity: 1;
        visibility: visible;
    }
    #MobileNav li {
        border-top: 1px solid #eeeeee;
        position: relative;
    }
    #MobileNav li.library_grid__item {
        float: none;
        padding: 0;
    }
    #MobileNav li a {
        color: #333333;
        font-size: 14px;
        text-decoration: none;
        display: block;
        padding: 10px 45px 10px 10px;
        opacity: 1;
        -webkit-font-smoothing: antialiased;
        font-weight: 400;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        position: relative;
    }
    #MobileNav li a .library-m {
        color: #333333;
        font-size: 11px;
        display: block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        position: absolute;
        right: 0;
        top: 0;
        text-align: center;
    }
    #MobileNav li a .lbl {
        color: #ebeced;
        font-size: 10px;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 1;
        text-transform: uppercase;
        display: inline-block;
        padding: 2px 4px;
        border-radius: 3px;
        background-color: #f00;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
        position: relative;
        vertical-align: middle;
    }
    #MobileNav li a .lbl:after {
        content: " ";
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        bottom: 3px;
        left: -7px;
        border: 4px solid translibrary_parent;
        border-right-color: #f00;
    }
    #MobileNav li a .lbl.nm_label1 {
        background-color: #01bad4;
    }
    #MobileNav li a .lbl.nm_label1:after {
        border-right-color: #01bad4;
    }
    #MobileNav li a .lbl.nm_label2 {
        background-color: #f54337;
    }
    #MobileNav li a .lbl.nm_label2:after {
        border-right-color: #f54337;
    }
    #MobileNav li a .lbl.nm_label3 {
        background-color: #fb6c3e;
    }
    #MobileNav li a .lbl.nm_label3:after {
        border-right-color: #fb6c3e;
    }
    #MobileNav li a .lbl.nm_label4 {
        background-color: #d0a306;
    }
    #MobileNav li a .lbl.nm_label4:after {
        border-right-color: #d0a306;
    }
    #MobileNav li a .lbl.nm_label5 {
        background-color: #af4de2;
    }
    #MobileNav li a .lbl.nm_label5:after {
        border-right-color: #af4de2;
    }
    #MobileNav li ul {
        display: none;
        background-color: #f2f2f2;
        list-style: none;
        padding: 0;
        margin: 0;
    }
    #MobileNav li li a {
        padding-left: 20px;
    }
    #MobileNav li li li a {
        padding-left: 30px;
    }
    #MobileNav li li li li a {
        padding-left: 40px;
    }
    .library-newsletter-section .justify-content-end {
        -webkit-flex-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }
    h1.book-single__title,
    .book-single__title.h1 {
        font-size: 16px;
    }

    .left-content-book {
        width: 100%;
        padding-right: 0;
    }
    .prSidebar .col-12 {
        padding-left: 0;
        padding-right: 0;
    }

    .library-header {
        padding-bottom: 0;
    }

    .image-banner-1 {
        padding-left: 15px !important;
        margin-bottom: 30px;
    }
    .image-banner-2 {
        padding-right: 15px !important;
    }
    .image-banner-2 .mt-4 {
        margin-top: 30px !important;
    }

    .img-grid-banner2 .col-12 {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
    .hero .text-large .mega-title {
        font-size: 35px;
    }
    .hero .text-large .mega-subtitle {
        font-size: 18px;
    }

    .hero {
        height: 400px;
    }
    .right {
        float: none;
    }
    .hero .text-medium .mega-title {
        font-size: 25px;
    }
    .hero .text-medium .mega-subtitle {
        font-size: 15px;
    }
}

@media only screen and (min-width: 767px) {
    .sm-d-none {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .image-banner-2 {
        max-height: inherit;
    }
    h1,
    .h1 {
        font-size: 1.69231em;
    }
    h2,
    .h2 {
        font-size: 1.38462em;
        text-transform: uppercase;
        letter-spacing: 0.03em;
    }
    h3,
    .h3 {
        font-size: 1.15385em;
        text-transform: uppercase;
    }

    .mobile-hide {
        display: none;
    }
    .grid-books .slick-arrow {
        margin-top: -20px;
    }
    .owl-theme .owl-nav {
        width: 95% !important;
        margin-left: 8px;
        position: absolute !important;
    }
    .library-footer-links .h4 {
        cursor: pointer;
        border-bottom: solid 1px #454545;
        padding-bottom: 20px;
    }
    .library-footer-links .h4:after {
        content: "\e64b";
        font-family: "themify";
        font-size: 10px;
        display: block;
        position: absolute;
        right: 10px;
        top: 5px;
    }
    .library-footer-links .h4.active:after {
        content: "\e648";
    }
    .library-footer-links ul {
        display: none;
    }

    .library-footer-bottom .text-md-center {
        text-align: center !important;
        margin-bottom: 10px;
    }

    .filterbar {
        padding: 20px;
        opacity: 0;
        visibility: hidden;
        width: 240px;
        height: 100%;
        overflow: auto;
        background-color: #ebeced;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
        position: fixed;
        top: 0;
        left: -240px;
        z-index: 1000;
        -ms-transition: 0.5s;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }
    .btn-filter {
        margin-bottom: 20px;
        width: 100%;
    }
    .filterbar .sidebar_widget:not(.filterBox),
    .filterbar .static-banner-block {
        display: block;
    }
    .filterbar.active {
        left: 0;
        opacity: 1;
        visibility: visible;
    }
    .filterbar.active .closeFilter {
        float: right;
        padding: 2px 7px;
        margin: -5px -8px 0 0;
        cursor: pointer;
    }

    .list-view-item__image-column {
        width: 85px;
    }
    .password-table .password-cell {
        display: none;
    }
    .password-table .password-cell + .password-cell {
        display: table;
        width: 100%;
    }

    .template-blog .sidebar {
        margin-top: 30px;
    }

    .cart thead,
    .cart-price,
    .cart .cart__update-wrapper {
        display: none;
        padding-top: 0;
        padding-bottom: 15px;
    }
    .small--hide {
        display: none;
    }
    .cart tr,
    .cart tbody {
        width: 100%;
        display: table;
    }
    .cart tbody {
        display: block;
    }
    .cart-flex {
        display: block;
        width: 100%;
    }
    .cart-flex-item {
        display: table-cell;
        min-width: 0;
    }
    .cart__price-wrapper {
        text-align: right;
    }

    #content_quickview.modal {
        overflow: auto;
    }

    #popup-container {
        margin: 20px;
    }
    #popup-container .width40 {
        display: none;
    }
    #popup-container .width60 {
        width: 100%;
    }

    .hero--large {
        height: 488px;
    }
    .hero {
        background-position: 50% 50% !important;
        background-attachment: scroll !important;
    }
    .hero .text-large .mega-title {
        font-size: 30px;
    }
    .hero .text-large .mega-subtitle {
        font-size: 16px;
    }
    .hero .text-medium .mega-title {
        font-size: 22px;
    }
    .hero .text-medium .mega-subtitle {
        font-size: 14px;
    }

    .book-single,
    .book-single {
        display: block;
    }
    .book-single .book-featured-img {
        margin-bottom: 30px;
    }
    .book-single .grid_item-title {
        font-size: 22px;
        margin-bottom: 10px;
    }
    .book-single {
        padding-left: 0;
        padding-right: 0;
    }
    .categories-item {
        width: 48.5%;
    }
    .categories-item:nth-of-type(1n) {
        margin-bottom: 20px;
    }
    .categories-item:nth-of-type(2n) {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .categories-item:nth-of-type(2n + 1) {
        clear: left;
    }
    .categories-list-items .row {
        margin-bottom: 0;
    }
    .categories-item img {
        width: 100%;
    }
    .categories-list-items .btn {
        font-size: 12px;
        padding: 5px 10px;
    }

    #library-top-scroll {
        font-size: 18px;
        line-height: 30px;
        height: 30px;
        width: 30px;
        right: 15px;
        bottom: 30px;
    }
    #library-top-scroll i {
        line-height: 30px;
    }

    .close-announcement {
        right: 10px;
    }
    #library-footer .addresslibrary-footer li:last-of-type {
        padding-bottom: 0;
    }
}

@media only screen and (max-width: 575px) {
    .search .search__form {
        margin: 33px 20px;
    }
    .search .search__input {
        font-size: 15px;
    }

    .library-newsletter-section {
        padding: 20px 0;
    }
    .library-newsletter-section .section-header {
        display: block;
        margin: 0 0 15px 0;
        float: none;
    }
    .library-newsletter-section .section-header span {
        display: inline-block;
        padding-right: 5px;
    }

    .library-footer-bottom .copyright {
        text-align: center;
    }

    .hero {
        height: 200px;
    }

    .image-banner-1 {
        padding-left: 0px !important;
    }
    .image-banner-3 {
        margin-bottom: 25px;
    }
    .image-banner-outer .inner .library-title {
        line-height: 20px;
        font-size: 14px;
        padding: 10px;
    }
    .image-banner-outer .inner.topleft .library-title {
        left: 10px;
        top: 10px;
    }
    .image-banner-outer .inner .library-title h3 {
        font-size: 18px;
    }
    .categories-item {
        width: 100%;
        margin-right: 0;
    }

    .book-countdown span > span {
        width: 24.3%;
    }
}

@media only screen and (max-width: 480px) {
    .top-header .col-10 {
        padding-right: 5px;
    }
    .top-header .text-right {
        padding-left: 5px;
    }
    .selected-currency,
    .lang {
        margin-right: 5px;
    }
    .top-header p,
    .top-header a,
    .top-header select,
    .top-header .fa,
    .top-header span.selected-currency,
    .lang {
        font-size: 11px;
        letter-spacing: 0;
    }

    .container-fluid,
    .home15-funiture-top .container-fluid,
    .library-header .container-fluid {
        padding: 0 20px;
    }

    .search .search__form {
        margin: 33px 20px;
    }
    .hero .text-large .mega-title {
        font-size: 26px;
    }
    .hero .text-large .mega-subtitle {
        font-size: 15px;
    }
    #library-footer {
        margin-top: 20px;
    }
}