body {
    font-family: 'Lato TR', sans-serif;
}
.KatalogBtn{
    border: 1px solid #e08232;
}
.boyner-text-primary {
    color: #e08232;
}
.dropdown-toggle::after{
    font-size: 13px;
}

.search-container::-webkit-scrollbar {
    display: none;
}

.navbar-nav li a i {
    color: #e08232;
    font-size: 16px;
}

#navbarSupportedContent ul li select {
    border: none;
    background-color: white;
}

.container-fluid {
    padding-right: 4rem;
    padding-left: 4rem;
}

.carousel-indicators [data-bs-target] {
    border-radius: 50%;
    width: 15px;
    height: 15px;
}

.bannerSwiper .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    background: #e08232;
}

.bannerSwiper .swiper-horizontal > .swiper-pagination-bullets, .bannerSwiper .swiper-pagination-bullets.swiper-pagination-horizontal, .bannerSwiper .swiper-pagination-custom, .bannerSwiper .swiper-pagination-fraction {
    bottom: 10px;
}

.btnBlack {
    background-color: #e08232;
    border-radius: 0;
    box-shadow: 3px 3px black;
    color: white !important;
}

.btnBlack:hover {
    background-color: #e08232;
    color: gray;
    box-shadow: 3px 3px gray;
}

.btnColor {
    background-color: #e08232;
    border-radius: 0;
    box-shadow: 3px 3px darkgray;
    color: white;
}

.btnColor:hover {
    background-color: white;
    color: #e08232 !important;
    box-shadow: 3px 3px #e08232;
}

.reverseButton {
    background-color: #ffffff;
    color: black;
    border-radius: 0;
    box-shadow: 3px 3px #e08232;
}

.reverseButton:hover {
    background-color: #e08232;
    color: white !important;
    box-shadow: 3px 3px #cecece;
}

.btn-show-more {
    background-color: #ffffff;
    color: #e08232;
    border-radius: 0;
    box-shadow: 3px 3px #e08232;
}

.btn-show-more:hover {
    background-color: #e08232;
    color: white !important;
    box-shadow: 3px 3px #cecece;
}

.imagesBgColor {
    background-color: #d3d3d3;
}

.w-20 {
    width: 20%;
}

.bgFaFaFa {
    background-color: #fafafa;
}

.forYouHr {
    border-top: 1px solid #EF7C08;
    opacity: 1;
}

.boynerColor {
    color: #EF7C08;
}

#forYou .card-body {
    width: 85%;
}

#forYou .card {
    background-color: #f5f5f5;
    border: none !important;
    border-radius: 0;
}

#forYou .nav-tabs {
    border-bottom: none;
}


#forYou .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: black !important;
}

.border-end {
    border-right: 1px solid black !important;
}

#subscribe {
    background-color: #f5f5f5;
}

.instagram-media {
    border-radius: 10px !important;
}

#subscribe .form-control {
    background-color: #fef9f3;
    border-radius: 0;
    border: 1px solid #EF7C08;
    font-size: 12px;
    max-width: 400px;
}

#subscribe button {
    background-color: #EF7C08;
    color: white;
    border-radius: 0;
    cursor: pointer;
}

.iconLg {
    font-size: 20px;
}

.iconXl {
    font-size: 16px;
}

a {
    text-decoration: none;
    color: black;
    cursor: pointer;
}

.iconDiv {
    display: flex;
    height: 40px;
    width: 40px;
    margin-right: 10px;
    background-color: #EF7C08;
    border-radius: 50%;
    align-items: center;
    align-self: center;
    text-align: center;
    padding: 6px;
}

.fbSpecial {
    color: #EF7C08;
    height: 28px;
    width: 28px;
    font-size: 28px;
    margin-right: 10px;
    display: flex;
}

footer hr {
    opacity: 1;
}

.breadcrumb-item a {
    text-decoration: none !important;
    color: gray !important;
}

.breadcrumb .active {
    color: #e08232;
    font-weight: 900;
}

.breadcrumb-item + .breadcrumb-item::before {
    content: ">";
}

#booksContent select {
    border: none;
    box-shadow: 3px 3px #e08232;
    border-radius: 0;
    width: 10%;
    padding-left: 20px;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: #e08232 !important;
}

.nav-link:focus, .nav-link:hover {
    color: #e08232 !important;
}

.topSellerSwiper {
    width: 100%;
    height: 100%;
}

.topSellerSwiper .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    height: initial !important;

}

.topSellerSwiper .swiper-slide img {
    display: block;
    width: 175px;
    height: 250px;
    object-fit: cover;
    margin: auto;
}

.topSellerSwiper .swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 0;
}

.topSellerSwiper .swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 0;
}

.topSellerSwiper .swiper-button-next, .topSellerSwiper .swiper-button-prev {
    color: #cecece !important;
}

.topSellerSwiper .swiper-button-next:after, .topSellerSwiper .swiper-button-prev:after {
    font-size: 16px !important;
}

.popularAuthorsSwiper .swiper-button-next, .popularAuthorsSwiper .swiper-button-prev {
    color: #cecece !important;
}

.popularAuthorsSwiper .swiper-button-next:after, .popularAuthorsSwiper .swiper-button-prev:after {
    font-size: 20px;
}

.popularAuthorsSwiper.swiper-button-prev, .popularAuthorsSwiper .swiper-rtl .swiper-button-next {
    left: 0;
}

.popularAuthorsSwiper.swiper-button-next, .popularAuthorsSwiper .swiper-rtl .swiper-button-prev {
    right: 0;
}

.newSwiper {
    width: 100%;
    height: 100%;
}

.newSwiper .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
}

.newSwiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 500px;
    object-fit: contain;
}

.newSwiper .swiper-button-next, .newSwiper .swiper-button-prev {
    color: #e08232 !important;
}

.newSwiper .swiper-slide {
    justify-content: left;
}

.newSwiper .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0;
}

.newSwiper .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    background-color: #cecece;
    opacity: 1;
}

.newSwiper .swiper-pagination-bullet-active {
    background-color: #e08232;
}

.bookSwiper .swiper-button-next, .bookSwiper .swiper-button-prev {
    color: white !important;
    height: 40px;
    width: 40px;
    background-color: #e08232;
    border-radius: 50%;
    padding: 5px;
}

.bookSwiper {
    margin-left: 0;
    margin-right: 0;
}

.bookSwiper .swiper-button-next:after, .bookSwiper .swiper-button-prev:after {
    font-size: 20px;
}

.youMayLikeSwiper .swiper-slide {
    height: auto;
}

.youMayLikeSwiper .swiper-button-next, .youMayLikeSwiper .swiper-button-prev {
    color: #e08232 !important;
}

.indexBlogSwiper .swiper-button-next, .indexBlogSwiper .swiper-button-prev {
    color: #e08232;
}

.indexBlogSwiper .swiper-button-disabled {
    background-color: transparent !important;
}

.indexBlogSwiper .swiper-button-next:after, .indexBlogSwiper .swiper-button-prev:after{
    font-size: 20px;
}

table tbody tr td {
    padding: 0 !important;
    border-bottom: none !important;
}

.multi-column-text {
    column-count: 2;
    text-align: justify;
    column-gap: 50px;
}

.modalButton {
    border: 1px solid black;
    border-radius: 50%;
    padding: 6px;
}

.modal-dialog {
    max-width: 60%;
}

.iconCenter {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dropdown-menu {
    border-radius: 0;
}

.text-justify {
    text-align: justify;
}

.customImgShadow {
    box-shadow: 3px 3px 3px 3px #000000;
}

.list {
    display: flex;
    padding-left: 0;
    list-style: none;
}

.list li {
    margin: 0.5rem;
    cursor: pointer;
}

.author-list li {
    list-style-type: none;
}

.hidden {
    display: none;
}

#wrap {
    display: inline-block;
    position: relative;
    height: 16px;
    float: right;
    padding: 0;
}

#wrap input[type="text"] {
    height: 20px;
    font-size: 16px;
    display: inline-block;
    font-family: "Lato";
    font-weight: 500;
    border: none;
    outline: none;
    color: black;
    padding: 3px;
    padding-right: 60px;
    width: 0px;
    position: absolute;
    top: 0;
    right: 0;
    background: none;
    z-index: 3;
    transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
    cursor: pointer;
}

#wrap input[type="text"]:focus:hover {
    border-bottom: 1px solid black;
}

#wrap input[type="text"]:focus {
    width: 200px;
    z-index: 1;
    border-bottom: 1px solid black;
    cursor: text;
}

#wrap input[type="submit"] {
    height: 16px;
    width: 16px;
    display: inline-block;
    color: red;
    float: right;
    background-size: contain !important;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("/site/assets/img/search.svg");
    font-weight: 900;
    text-indent: -10000px;
    border: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    cursor: pointer;
    cursor: pointer;
    transition: opacity .4s ease;
    background-color: transparent;
}

#wrap input[type="submit"]:hover {
    opacity: 0.8;
}

.customPaddingLeft {
    padding-left: 6rem;
}

.card-img, .card-img-bottom, .card-img-top {
    object-fit: contain;
    border-radius: 0;
}

.instagramImg:hover {
    /*scale: 1.1;*/
}

#bookofMonth p {
    font-family: 'Libre Baskerville', serif;
}

.flipBook {
    opacity: 0 !important;
    position: absolute;
    left: 0;
    top: 0;
    transition: opacity 1s ease;

}

.flipbookDiv:hover .flipBook {
    opacity: 1 !important;
}

.libre {
    font-family: 'Libre Baskerville', serif;
}

.center-justified {
    text-align: justify;
    text-align-last: center;
}

@media screen and (max-width: 600px) {
    .container-fluid {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .customPaddingLeft {
        padding-left: 1rem;
    }

    .modal-dialog {
        max-width: 100%;
    }

    .topSellerSwiper .swiper-slide img {
        width: auto !important;
        height: auto !important;
        max-height: 250px;
        object-fit: contain;
    }

}

@media screen and (max-width: 350px) {
    .topSellerSwiper .swiper-slide img {
        max-height: 200px;
    }
}

.search-box-container {
    width: 300px;
    height: auto;
    position: absolute;
    top: 70px;
    right: 400px;
    display: none;
    background-color: white;
    z-index: 999;
}

.row-search-bar:hover {
    background-color: #EF7C08;
    color: white;
}

.img-cover {
    width: 100%;
    object-fit: cover;
    object-position: center
}

.img-cover-200 {
    height: 300px;
    object-fit: cover;
    object-position: center
}


.search-container::-webkit-scrollbar {
    display: none;
}

.navbar-nav li a i {
    color: #e08232;
    font-size: 16px;
}

#navbarSupportedContent ul li select {
    border: none;
    background-color: white;
}

.container-fluid {
    padding-right: 4rem;
    padding-left: 4rem;
}

.carousel-indicators [data-bs-target] {
    border-radius: 50%;
    width: 15px;
    height: 15px;
}

.carousel-caption {
    right: unset;
    left: 10%;
    bottom: unset;
    top: 22%;
    text-align: left;
}

.btnBlack {
    background-color: #e08232;
    border-radius: 0;
    box-shadow: 3px 3px black;
    color: white !important;
}

.btnBlack:hover {
    background-color: #e08232;
    color: gray;
    box-shadow: 3px 3px gray;
}

.imagesBgColor {
    background-color: #d3d3d3;
}

.w-20 {
    width: 20%;
}

.bgFaFaFa {
    background-color: #fafafa;
}

.forYouHr {
    border-top: 1px solid #EF7C08;
    opacity: 1;
}

.boynerColor {
    color: #EF7C08;
}

#forYou .card-body {
    width: 85%;
}

#forYou .card {
    background-color: #f5f5f5;
    border: none !important;
    border-radius: 0;
}

#forYou .nav-tabs {
    border-bottom: none;
}

#forYou .nav-tabs .nav-link {
    border: none;
    color: gray;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.border-end {
    border-right: 1px solid black !important;
}

.border {
    border: 1px solid #e0e0e0;
}

#subscribe {
    background-color: #f5f5f5;
}

.instagram-media {
    border-radius: 10px !important;
}

#subscribe .form-control {
    background-color: #fef9f3;
    border-radius: 0;
    border: 1px solid #EF7C08;
    font-size: 12px;
}

#subscribe button {
    background-color: #EF7C08;
    color: white;
    border-radius: 0;
    cursor: pointer;
}

.iconLg {
    font-size: 20px;
}

.iconXl {
    font-size: 16px;
}

a {
    text-decoration: none;
    color: black;
    cursor: pointer;
}

.iconDiv {
    display: flex;
    height: 28px;
    width: 28px;
    margin-right: 10px;
    background-color: #EF7C08;
    border-radius: 50%;
    align-items: center;
    align-self: center;
    text-align: center;
    padding: 6px;
}

.fbSpecial {
    color: #EF7C08;
    height: 28px;
    width: 28px;
    font-size: 28px;
    margin-right: 10px;
    display: flex;
}

.fs-custom-13 {
    font-size: 13px;
}

footer hr {
    opacity: 1;
}
.slider-author-name {
    font-size: 15px;
}

.breadcrumb-item a {
    text-decoration: none !important;
    color: gray !important;
}

.breadcrumb .active {
    color: #e08232;
    font-weight: 900;
}

.breadcrumb-item + .breadcrumb-item::before {
    content: ">";
}

#booksContent select {
    border: none;
    box-shadow: 3px 3px #e08232;
    border-radius: 0;
    width: 10%;
    padding-left: 20px;
}

#allBooks img {
    -webkit-box-shadow: -8px 8px 15px -6px rgba(0, 0, 0, 0.27);
    -moz-box-shadow: -8px 8px 15px -6px rgba(0, 0, 0, 0.27);
    box-shadow: -8px 8px 15px -6px rgba(0, 0, 0, 0.27);
    width: 140px !important;
    height: 200px !important;
    object-fit: cover;
    display: block;
}

.nav-link:focus, .nav-link:hover {
    color: #e08232 !important;
}

.topSellerSwiper {
    width: 100%;
    height: 100%;
}

.topSellerSwiper .swiper-button-next:after, .topSellerSwiper .swiper-button-prev:after {
    font-size: 16px !important;
}

.newSwiper {
    width: 100%;
    height: 100%;
}

.newSwiper .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
}

.newSwiper .swiper-button-next, .newSwiper .swiper-button-prev {
    color: #e08232 !important;
}

.newSwiper .swiper-slide {
    justify-content: left;
}

.newSwiper .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0;
}

.newSwiper .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    background-color: #cecece;
    opacity: 1;
}

.newSwiper .swiper-pagination-bullet-active {
    background-color: #e08232;
}

.bookSwiper .swiper-button-next, .bookSwiper .swiper-button-prev {
    color: white !important;
    height: 40px;
    width: 40px;
    background-color: #e08232;
    border-radius: 50%;
    padding: 5px;

}

.bookSwiper .swiper-button-next:after, .bookSwiper .swiper-button-prev:after {
    font-size: 20px;
}

.youMayLikeSwiper .swiper-button-next, .youMayLikeSwiper .swiper-button-prev {
    color: #e08232 !important;
}

table tbody tr td {
    padding: 0 !important;
    border-bottom: none !important;
}

.multi-column-text {
    column-count: 2;
    text-align: justify;
    column-gap: 50px;
}

.modalButton {
    border: 1px solid black;
    border-radius: 50%;
    padding: 6px;
}

.modal-dialog {
    max-width: 60%;
}

.iconCenter {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dropdown-menu {
    border-radius: 0;
}

.text-justify {
    text-align: justify;
}

.imgShadow {
    -webkit-box-shadow: -8px 8px 15px -6px rgba(0, 0, 0, 0.27);
    -moz-box-shadow: -8px 8px 15px -6px rgba(0, 0, 0, 0.27);
    box-shadow: -8px 8px 15px -6px rgba(0, 0, 0, 0.27);
}

.customImgShadow {
    box-shadow: 3px 3px 3px 3px #000000;
}

.list {
    display: flex;
    padding-left: 0;
    list-style: none;
}

.list li {
    margin: 0.5rem;
    cursor: pointer;
}

.author-list li {
    list-style-type: none;
}

.hidden {
    display: none;
}

#wrap {
    display: inline-block;
    position: relative;
    height: 16px;
    float: right;
    padding: 0;
}

#wrap input[type="text"] {
    height: 20px;
    font-size: 16px;
    display: inline-block;
    font-family: "Lato";
    font-weight: 500;
    border: none;
    outline: none;
    color: black;
    padding: 3px;
    padding-right: 60px;
    width: 0px;
    position: absolute;
    top: 0;
    right: 0;
    background: none;
    z-index: 3;
    transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
    cursor: pointer;
}

#wrap input[type="text"]:focus:hover {
    border-bottom: 1px solid black;
}

#wrap input[type="text"]:focus {
    width: 200px;
    z-index: 1;
    border-bottom: 1px solid black;
    cursor: text;
}

@media screen and (min-width: 1200px) {
    .bookSwiper .swiper-wrapper {
        margin-left: -17.5%;
    }
    .carousel-caption{
        top:25%
    }
}

@media screen and (max-width: 600px) {
    .container-fluid {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .customPaddingLeft {
        padding-left: 1rem;
    }

    .modal-dialog {
        max-width: 100%;
    }

    .multi-column-text {
        column-count: 1;
    }
}


.book-of-month {
    object-position: center;
    object-fit: contain;
}

.new-books {
    width: 100% !important;
    height: 450px !important;
    object-fit: cover !important;
}

.text-muted {
    color: #797979 !important;
}

.fixedImg {
    display: block;
    width: 175px;
    height: 250px;
    object-fit: cover;
    margin: auto;
}

.youMayLikeSwiper .swiper-button-next, .youMayLikeSwiper .swiper-button-prev {
    color: #cecece !important;
}

.youMayLikeSwiper .swiper-button-next {
    right: 0;
}

.youMayLikeSwiper .swiper-button-prev {
    left: 0;
}

.youMayLikeSwiper .swiper-button-next:after, .youMayLikeSwiper .swiper-button-prev:after {
    font-size: 16px;
}

.w-75-Mbl {
    width: 75%;
}

.customW90 {
    width: 90%;
}

#footer h4 {
    font-size: 20px;
}

.bookNamefs {
    font-size: 16px;
}

.authorNamefs {
    font-size: 13px;
}

.authorImgRsp {
    width: 175px !important;
    height: 200px !important;
}
#cokYakindaDesc p{
    font-family: 'Libre Baskerville', serif;
    font-size: 15px;
    color: #797979 !important;
}

@media screen and (max-width: 600px) {
    .book-of-month {
        max-height: 300px;
    }

    .new-books {
        height: unset !important;
    }

    .mblCenterButton {
        display: flex;
        margin: auto;
    }

    .category-swiper-button-next {
        right: 0 !important;
        margin-right: 0 !important;
    }

    .category-swiper-button-prev {
        left: 0 !important;
    }

    .w-75-Mbl {
        width: 100%;
    }

    .mblTextCenter {
        text-align: center;
    }

    .customW90 {
        width: 100%;
    }

}

@media only screen and (max-width: 1366px) {
    .topSellerSwiper .swiper-slide img {
        width: 140px;
        height: 200px;
    }

    .fixedImg {
        width: 140px;
        height: 200px;
    }

    .iconLg {
        font-size: 16px;
    }

    #footer h4 {
        font-size: 18px;
    }

    .bookNamefs {
        font-size: 14px;
    }

    .authorNamefs {
        font-size: 11px;
    }

    .authorImgRsp {
        width: 140px !important;
        height: 160px !important;
    }
}

@media only screen and (max-width: 1199px) {
    .iconLg {
        font-size: 16px;
    }

    #footer h4 {
        font-size: 16px;
    }
    .mblTextCenter{
        text-align: center;
    }
    .slider-author-name{
        font-size: 13px !important;
    }
    .slider-book-name{
        font-size: 21px;
    }
    .slider-description{
        font-size: 15px;
    }
}


@media only screen and (min-width: 1400px){
    .col-xxl-custom {
        flex: 0 0 auto !important;
        width: 20% !important;
    }
    .carousel-caption{
        top:27%;
    }
}
@media only screen and (min-width: 1700px){
    .col-xxl-custom {
        flex: 0 0 auto !important;
        width: 16.6% !important;
    }
}
@media only screen and (min-width: 800px) and ( max-width: 1000px){
    .slider-book-name{
        font-size: 18px;
    }
    .slider-author-name{
        font-size: 15px !important;
    }
    .slider-description{
        font-size: 13px;
    }
    .carousel-caption{
        top: 15%;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1199px){
    .category-swiper-button-prev{
        left:var(--swiper-navigation-sides-offset,31%) !important;
    }
    .category-swiper-button-next{
        right: var(--swiper-navigation-sides-offset,30%) !important;
    }
}
@media only screen and (max-width: 600px){
    .search-box-container{
        width: 100%;
        top: 270px;
        right: unset !important;
        left: 0;
        background-color: #fafafa;
    }
}