section.searchBar {display: table;width: 100%;max-width: 1240px;margin: 0 auto 25px;}
.searchText {width: 27%;float: left;padding-top: 10px;margin-right: 1%;}
.categorySearch {width: 20%;float: left;margin-right: 1%;}
.languageSearch {width: 14%;float: left;margin-right: 1%;}
.yearSearch {width: 14%;float: left;margin-right: 1%;}
.keywordSearch {width: 20%;float: left;}
section.searchBar select {width: 100%;}
.keywordSearch form {width: 100%;}
.fa-library-category-item-data-inner {display: flex;justify-content: center;align-items: center;height: 100%;padding: 20px;flex-flow: column;}
.fa-library-category-item-data-inner p:first-child {font-size: 20px;font-weight: 600;color: #fff !important;height: auto;line-height: 1.2;}
.fa-library-category-item-data-inner p {font-size: 16px;font-weight: 500;color: #fff !important;height: 90px;overflow: hidden;line-height: 1.4;}
ul#fa-library-category-pagges {padding: 0;display: flex;justify-content: center;}
ul#fa-library-category-pagges li {padding: 10px;text-transform: capitalize;}

ul#fa-library-book-pages {padding: 0;display: flex;justify-content: center;}
ul#fa-library-book-pages li {padding: 10px;text-transform: capitalize;}

div#fa-library-data-container-inner {max-width: 1100px;margin: 0 auto;}
div#fa-library-category-container {background: #d3cdbd;display: table;width: 100%;margin-top: 15px;padding: 15px;}
div#fa-library-data-container-inner h2 {margin-bottom: 25px;}
img.fa-cat-page-image {max-height: 100px;width: auto;}

.fa-library-category-item{cursor: pointer;display: inline-block;position: relative;}

.fa-library-category-item-data {/*background-color: red;color: #fff;*/
opacity: 0;position: absolute;top: 0;right: 0;bottom: 0;left: 0;transition: opacity .5s;background: #801e35;color: white;margin: 0;padding: 10px;text-align: center;border: 16px solid #fff;border-radius: 50%;}
.fa-library-category-item img{display: block;max-width: 80%;margin: auto;}
.fa-library-category-item:hover .fa-library-category-item-data{opacity: 1;}

#fa-library-products-container {text-align: center;}
.fa-cat-page-title {text-align: center;}
.fa-cat-page-image {width: 15%;}
.fa-library-book-item {width: calc(25% - 20px);float: left;height: 340px;margin: 10px;overflow: hidden;cursor: pointer;box-shadow: 0 0 13px -4px black;min-width: 250px;}
.fa-library-book-item img {width: 100%;}
/* The Modal (background) */
.modal {display: none; /* Hidden by default */position: fixed; /* Stay in place */z-index: 999; /* Sit on top */left: 0;top: 0;width: 100%; /* Full width */height: 100%; /* Full height */overflow: auto; /* Enable scroll if needed */background-color: rgb(0,0,0); /* Fallback color */background-color: rgba(0,0,0,0.4); /* Black w/ opacity */}
.modal-content {background-color: #fefefe;margin: 10% auto;padding: 20px;max-width: 1100px;display: table;position: relative;border-top: 25px solid #8c374a;border-bottom: 25px solid #8c374a;}
div#fa-library-products-container {max-width: 1100px;margin: 0 auto;}
/* The Close Button */
.close {color: #aaa;float: right;font-size: 28px;font-weight: bold;}
.close:hover, .close:focus {color: black;text-decoration: none;cursor: pointer;}
.bookpopup {background: #8c374a;}
p.fa-cat-page-description {position: relative;z-index: 9;color: #fff !important;padding: 20px 0 60px;font-size: 18px;font-weight: 600;letter-spacing: 1px;}
p.fa-cat-page-description:before {content: "";background: #e9b313;width: 150vw;height: 100%;display: table;position: absolute;top: 0;left: -50%;z-index: -1;}
img.fa-cat-page-image {margin-top: -50px;z-index: 10;position: relative;}

div#fa-library-products-container > .fa-cat-page-title {position: relative;display: table;width: 100%;z-index: 7;padding-bottom: 25px;margin-bottom: 0;}
div#fa-library-products-container > .fa-cat-page-title:before {content: "";background: #fff;width: 150vw;height: calc(100% + 40px);position: absolute;left: -50%;top: -40px;z-index: -1;}
.fa-catImg:after {content: "";background: url(https://d3pugrm67vf9n7.cloudfront.net/wp-content/uploads/2020/09/29143553/catbg.jpg) no-repeat top left/100% 15px;height: 15px;width: 100vw;position: absolute;left: 0;}
div#fa-library-data-container {background: #d3cdbd;display: table;width: 100%;padding: 20px 0;}
.popupImage {width: 20%;float: left;}
.popupDetails {width: 80%;float: left;padding: 10px;}
.popupLeft {width: 60%;float: left;padding: 10px;}
.popupRight {width: 40%;float: left;padding: 10px;}
p.resultNo {font-size: 20px;font-weight: 600;margin-bottom: 20px;color: #000;letter-spacing: 1px;}


@media only screen and (max-width: 767px) { 
.searchText {width: 100%;padding: 0 15px 10px;}
.categorySearch {width: 100%;padding: 0 15px;margin: 0;}
.languageSearch {width: 50%;padding: 10px 7px 0 15px;margin: 0;}
.yearSearch {width: 50%;padding: 10px 15px 0 7px;margin: 0;}
.keywordSearch {width: 100%;padding: 10px 15px 0;}
div.fa-library-category-item {width: calc(50% - 12px);margin: 6px;min-width: auto;}
div.fa-library-book-item {width: calc(50% - 20px);min-width: auto;height: 240px;background: #fff;}
div#fa-library-category-container {padding: 5px;margin-top: 0;}
.popupImage, .popupDetails {width: 100%;padding: 0;}
.popupLeft, .popupRight {width: 100%;padding: 10px 0;}
.fa-next-book {right: 0 !important;}
.fa-previous-book {left: 0 !important;}
}