/* Responsve Styling */
@media only screen and (min-width: 0px) and (max-width: 519px) {
    a.top_contacts {
        display: none;
    }

    .themebtn {
        font-size: 10px;
        padding: 14px 20px;
    }

    a.header__logo img {
        width: 100px;
    }

    .banner_cont h6 {
        font-size: 14px;
    }

    .banner_cont h2 {
        font-size: 27px;
    }

    .banner_cont h2 span {
        font-size: 25px;
    }

    .banner_cont h3 {
        font-size: 27px;
    }

    .banner_cont p {
        font-size: 13px;
        margin: 18px 0px;
    }

    .banner_img {
        top: auto;
        height: auto;
        margin: 46px 0px 40px;
    }

    .banner_book_icons {
        display: none;
    }

    ul.author_figures {
        background: var(--c1);
        display: block;
        padding: 30px 0px;
    }

    .sub_banner::before {
        display: none;
    }

    .books_item {
        height: auto;
    }

    .books_item.slick-slide.slick-current.slick-active.slick-center {
        height: auto;
    }

    .books_item.slick-slide.slick-current.slick-active.slick-center {}

    .author_figures li {
        width: 100%;
        font-size: 11px;
        justify-content: center;
        margin-bottom: 12px;
    }

    .author_figures li span {
        font-size: 50px;
    }

    .author_figures li b {
        font-size: 50px;
    }

    .book_cont {
        box-shadow: 0px 0px 36px 1px #5d74e952;
        margin-bottom: 18px;
        padding: 41px 30px;
    }

    .book_cont h4 {
        font-size: 16px;
    }

    h3 {}

    .section_title h3 {
        font-size: 27px;
    }

    .section_title h4 {
        font-size: 27px;
    }

    .narrative {
        padding: 120px 0px 20px;
    }

    .narrative::before {
        display: none;
    }

    .narrative_slider {
        margin: 0;
    }

    .narrative_item h3 {
        font-size: 20px;
    }

    .narrative_item span {
        font-size: 20px;
        width: 50px;
        height: 50px;
    }

    .services::before {
        display: none;
    }

    .services {
        padding: 80px 0px 20px;
        overflow: hidden;
    }

    .service_row::before {
        display: none;
    }

    .services_card span {
        top: -28px;
        border: 4px solid #fff;
    }

    .services_card {
        margin-bottom: 40px;
    }

    .services_card_cont h5 {
        font-size: 20px;
    }

    .services_card_cont p {
        font-size: 13px;
    }

    .service_row {
        margin-top: 10px;
    }

    .slide {
        width: 100%;
    }

    .best_brand_img {
        height: auto;
    }

    .best_brand_cont h3 {
        font-size: 19px;
    }

    .slide-center .best_brand_cont p {
        font-size: 12px;
    }

    .best_brand::before {
        display: none;
    }

    .best_brand {
        padding: 40px 0 20px;
    }

    .controls {
        bottom: 51px;
    }

    .controls button {
        display: none;
    }

    .testimonials {
        padding: 40px 0px;
        overflow: hidden;
    }

    .section_vector {}

    .section_books {
        display: none;
    }

    .testo_slider .draggable {
        padding: 40px 0px 20px !important;
    }

    .testo_name h4 {
        font-size: 21px;
    }

    .testo_name span {
        font-size: 13px;
    }

    .testo_cont p {
        font-size: 12px;
        margin-top: 15px;
    }

    .faqs {
        padding: 30px 0px 30px;
    }

    .faqs_cont h3 {
        font-size: 27px;
    }

    .faqs_cont p {
        font-size: 18px;
    }

    .faqs_cont {
        padding: 0;
    }

    .faqs_main {
        padding: 0px 10px;
        height: 263px;
        margin: 50px 0px;
    }

    .faqs_main .accordion-button {
        padding: 20px 40px 20px 32px;
        font-size: 13px;
    }

    .faqs_main .accordion-button::after {
        top: 33%;
        right: 12px;
    }

    .faqs_main .accordion-body p {
        font-size: 12px;
    }

    .newslatter_books {
        position: unset;
        display: none;
    }

    .newslatter {
        display: block;
        min-height: auto;
        padding: 40px 0px;
    }

    .newslatter_cont h2 {
        font-size: 27px;
    }

    .newslatter_cont p {
        font-size: 17px;
    }

    .newslatter_cont form {
        width: 100%;
    }

    .newslatter_cont form button {
        font-size: 12px;
        padding: 13px 19px;
    }

    .newslatter_cont form input {
        height: 45px;
        font-size: 12px;
    }

    .footer {
        padding: 50px 0 0px;
    }

    .footer_about p {
        width: 100%;
        font-size: 12px;
    }

    h5.footer_title {
        font-size: 20px;
        margin: 11px 0px;
    }

    .footer_cont p {
        font-size: 13px;
    }

    .footer_cont a {
        font-size: 13px;
    }

    .footer_cont ul li a {
        width: 45px;
        height: 45px;
        font-size: 21px;
        margin: 0;
    }

    .footer_cont ul {
        margin-top: 35px !important;
    }

    .copy_right {
        margin-top: 32px;
        padding: 15px 0px;
    }

    .copy_right p {
        font-size: 12px;
    }

    .sub_banner {
        margin: 0;
        overflow: hidden;
    }

    .testo_item.slick-slide.slick-current.slick-active.slick-center {
        margin-top: 0;
    }

    .testo_item {
        margin: 10px 10px;
        padding: 23px 27px;
        border-radius: 31px;
    }

    .testo_img {
        width: 78px;
        height: 110px;
    }

    .testo_controls {
        bottom: 10px;
    }

    .testo_controls button {
        display: none;
    }

    .header-main {
        padding: 23px 0px;
    }

}

@media only screen and (min-width: 520px) and (max-width: 767px) {

    a.top_contacts {
        display: none;
    }

    .themebtn {
        font-size: 10px;
        padding: 14px 20px;
    }

    a.header__logo img {
        width: 100px;
    }

    .banner_cont h6 {
        font-size: 14px;
    }

    .banner_cont h2 {
        font-size: 27px;
    }

    .banner_cont h2 span {
        font-size: 25px;
    }

    .banner_cont h3 {
        font-size: 27px;
    }

    .banner_cont p {
        font-size: 13px;
        margin: 18px 0px;
    }

    .banner_img {
        top: auto;
        height: auto;
        margin: 46px 0px 40px;
    }

    .banner_book_icons {
        display: none;
    }

    ul.author_figures {
        padding: 10px 0px;
    }

    .sub_banner::before {
        display: none;
    }

    .books_item {
        height: auto;
    }

    .books_item.slick-slide.slick-current.slick-active.slick-center {
        height: auto;
    }

    .books_item.slick-slide.slick-current.slick-active.slick-center {}

    .author_figures li {
        font-size: 9px;
        justify-content: center;
        margin-bottom: 12px;
        gap: 8px;
        color: var(--c1);
    }

    .author_figures li span {
        font-size: 40px;
    }

    .author_figures li b {
        font-size: 25px;
    }

    .book_cont {
        box-shadow: 0px 0px 36px 1px #5d74e952;
        margin-bottom: 18px;
        padding: 31px 20px;
    }

    .book_cont h4 {
        font-size: 16px;
    }

    h3 {}

    .section_title h3 {
        font-size: 32px;
    }

    .section_title h4 {
        font-size: 32px;
    }

    .narrative {
        padding: 120px 0px 20px;
    }

    .narrative::before {
        display: none;
    }

    .narrative_slider {
        margin: 0;
    }

    .narrative_item h3 {
        font-size: 20px;
    }

    .narrative_item span {
        font-size: 20px;
        width: 50px;
        height: 50px;
    }

    .services::before {
        display: none;
    }

    .services {
        padding: 80px 0px 20px;
        overflow: hidden;
    }

    .service_row::before {
        display: none;
    }

    .services_card span {
        top: -28px;
        border: 4px solid #fff;
    }

    .services_card {
        margin-bottom: 60px;
        padding: 31px 18px;
        height: 353px;
    }

    .services_card_cont h5 {
        font-size: 16px;
    }

    .services_card_cont p {
        font-size: 13px;
    }

    .service_row {
        margin-top: 10px;
    }

    .slide {
        width: 50%;
    }

    .best_brand_img {
        height: auto;
    }

    .best_brand_cont h3 {
        font-size: 19px;
    }

    .slide-center .best_brand_cont p {
        font-size: 12px;
    }

    .best_brand::before {
        display: none;
    }

    .best_brand {
        padding: 60px 0 20px;
    }

    .controls {
        bottom: 51px;
    }

    .controls button {
        display: none;
    }

    .testimonials {
        padding: 40px 0px;
        overflow: hidden;
    }

    .section_vector {}

    .section_books {
        display: none;
    }

    .testo_slider .draggable {
        padding: 55px 0px 20px !important;
    }

    .testo_name h4 {
        font-size: 21px;
    }

    .testo_name span {
        font-size: 13px;
    }

    .testo_cont p {
        font-size: 12px;
        margin-top: 15px;
    }

    .faqs {
        padding: 30px 0px 30px;
    }

    .faqs_cont h3 {
        font-size: 27px;
    }

    .faqs_cont p {
        font-size: 18px;
    }

    .faqs_cont {
        padding: 0;
    }

    .faqs_main {
        padding: 0px 10px;
        height: 263px;
        margin: 50px 0px;
    }

    .faqs_main .accordion-button {
        padding: 20px 40px 20px 32px;
        font-size: 13px;
    }

    .faqs_main .accordion-button::after {
        top: 33%;
        right: 12px;
    }

    .faqs_main .accordion-body p {
        font-size: 12px;
    }

    .newslatter_books {
        position: unset;
        display: none;
    }

    .newslatter {
        display: block;
        min-height: auto;
        padding: 40px 0px;
    }

    .newslatter_cont h2 {
        font-size: 27px;
    }

    .newslatter_cont p {
        font-size: 17px;
    }

    .newslatter_cont form {
        width: 100%;
    }

    .newslatter_cont form button {
        font-size: 12px;
        padding: 13px 19px;
    }

    .newslatter_cont form input {
        height: 45px;
        font-size: 12px;
    }

    .footer {
        padding: 50px 0 0px;
    }

    .footer_about p {
        width: 100%;
        font-size: 12px;
    }

    h5.footer_title {
        font-size: 20px;
        margin: 11px 0px;
    }

    .footer_cont p {
        font-size: 13px;
    }

    .footer_cont a {
        font-size: 13px;
    }

    .footer_cont ul li a {
        width: 45px;
        height: 45px;
        font-size: 21px;
        margin: 0;
    }

    .footer_cont ul {
        margin-top: 35px !important;
    }

    .copy_right {
        margin-top: 32px;
        padding: 15px 0px;
    }

    .copy_right p {
        font-size: 12px;
    }

    .sub_banner {
        margin: 0;
        overflow: hidden;
    }

    .testo_item.slick-slide.slick-current.slick-active.slick-center {
        margin-top: 0;
    }

    .testo_item {
        margin: 10px 10px;
        padding: 23px 27px;
        border-radius: 31px;
    }

    .testo_img {
        width: 78px;
        height: 110px;
    }

    .testo_controls {
        bottom: 10px;
    }

    .testo_controls button {
        display: none;
    }

    .header-main {
        padding: 23px 0px;
    }

    .container {
        padding: 0px 40px;
    }

    .banner_book_slider {
        height: auto;
        margin-bottom: 40px;
    }

    .card_row .col-lg-3 {
        width: 50%;
    }

    .narrative_item {
        padding: 16px 12px;
    }

    .narrative_slider .slick-arrow {
        display: none !important;
    }

    .service_row .col-md-3 {
        width: 50%;
    }

    .services_img img {
        width: 85px;
    }

    .slide.slide-right-1 {
        transform: translateX(15rem) translateY(37px) scale(0.8) skew(5deg, 5deg) rotate(8deg);
    }

    .slide.slide-left-1 {
        transform: translateX(-15rem) translateY(37px) scale(0.8) skew(-5deg, -5deg) rotate(-7deg);
    }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner_img {
        height: auto;
    }

    .banner_cont h2 {
        font-size: 30px;
    }

    .banner_cont h3 {
        font-size: 36px;
    }

    .banner_cont h2 span {
        font-size: 30px;
    }

    .banner_cont p {
        font-size: 13px;
    }

    .home_banner {
        min-height: auto;
        padding: 70px 0px 70px;
    }

    img.banner_icon1 {
        top: -60px;
        right: -260px;
    }

    img.banner_icon2 {
        right: -160px;
        top: 20px;
    }

    img.banner_icon3 {
        bottom: -20px;
        right: 0;
    }

    .author_figures li {
        font-size: 14px;
    }

    .author_figures li b {
        font-size: 49px;
    }

    .author_figures li span {
        font-size: 64px;
    }

    .sub_banner::before {
        height: 50%;
        bottom: 40%;
    }

    .book_cont h4 {
        font-size: 16px;
    }

    .book_cont {
        margin-bottom: 28px;
    }

    .narrative {
        padding: 160px 0px 80px;
    }

    .narrative {}

    .narrative::before {
        top: 17%;
    }

    .services_card_cont h5 {
        font-size: 24px;
    }

    .services_img img {
        width: 110px;
    }

    .service_row .col-md-3 {
        width: 50%;
    }

    .services_card {
        margin-bottom: 50px;
    }

    .services_card span {
        top: -22px;
    }

    .service_row::before {
        display: none;
    }

    .service_row {
        margin-top: 50px;
    }

    .section_title h4 {
        font-size: 40px;
    }

    .section_title h3 {
        font-size: 40px;
    }

    .slide {
        width: 49%;
    }

    .best_brand_img {
        height: 150px;
        width: 50%;
    }

    .best_brand_img {}

    .slide.slide-center .best_brand_img {
        width: 48%;
    }

    .best_brand::before {
        top: 79%;
    }

    .best_brand::before {
        margin-top: 0;
    }

    .testo_item.slick-slide.slick-current.slick-active.slick-center {
        margin-top: 0 !important;
    }

    .testo_item {
        margin: 10px 10px;
    }

    .testo_name h4 {
        font-size: 20px;
    }

    .testo_name span {
        font-size: 14px;
    }

    .testo_img {
        width: 76px;
        height: 110px;
    }

    .testo_cont p {
        font-size: 14px;
        margin-top: 20px;
    }

    .testo_controls {
        bottom: 10px;
    }

    .faqs_cont h3 {
        font-size: 31px;
    }

    .faqs {
        padding: 140px 0px 120px;
    }

    .faqs_cont p {
        font-size: 18px;
    }

    .faqs_main .accordion-button {
        padding: 20px 30px 20px 40px;
    }

    .newslatter_cont h2 {
        font-size: 32px;
    }

    .newslatter_cont p {
        font-size: 16px;
    }

    .newslatter_books {
        width: 43%;
        height: auto;
        top: 17%;
    }

    .newslatter {
        min-height: auto;
        padding: 50px 0px;
    }

    h5.footer_title {
        font-size: 19px;
    }

    .footer_about p {
        width: 90%;
        font-size: 14px;
    }

    .footer_cont p {
        font-size: 16px;
    }

    .footer_cont a {
        font-size: 16px;
    }

    a {}

    .footer_cont ul li a {
        width: 40px;
        height: 40px;
        font-size: 15px;
        margin: 0;
    }

    .footer_cont ul {
        gap: 8px;
        margin-top: 30px;
    }

    .newslatter_cont form {
        width: auto;
    }

    .newslatter_cont form button {
        font-size: 16px;
    }

    .newslatter_cont form input {
        height: 59px;
        font-size: 14px;
    }

    .copy_right {
        margin-top: 40px;
    }

    .copy_right p {
        font-size: 16px;
    }

    .slick-arrow {
        left: -3%;
    }

    .slick-next {
        left: auto;
        right: -3%;
    }

    .slick-arrow {
        background: #fff;
    }

    .services::before {
    width: 130px;
    height: 300px;
}
}

@media only screen and (min-width: 992px) and (max-width: 1250px) {}