/* tablet css */

@media only screen and (max-width: 768px) {
    h1 {
        font-size: 40px;
        line-height: 48px;
        font-weight: 600;
    }

    h2 {
        font-size: 32px;
        line-height: 40px;
        font-weight: 600;
    }

    h3 {
        font-size: 26px;
        line-height: 34px;
        font-weight: 600;
    }

    .my-container {
        width: 100%;
    }

    .testimonial-video,
    .slick-slide,
    .phone,
    .mail {
        padding: 0;
    }

    .rc-updates-container {
        flex-direction: column;
        gap: 30px;
    }

    .footer-first,
    .footer-second,
    .footer-third {
        width: 36.33%;
    }

    .topbar {
        flex-direction: column;
        align-items: center;
        padding: 5px;
    }

    .logo {
        width: 100px;
        height: 100px;
    }

    .site-title {
        font-size: 28px;
        line-height: 1.1;
    }

    .sub-site-title {
        font-size: 14px;
        line-height: 1.1;
        margin-top: 10px;
    }

    .header-action-button-container {
        flex-direction: column;
        gap: 15px;
    }

    .book-detail-container,
    .book-author-container, .popular-authors-txt, .popular-authors-img {
        width: 100%;
    }

    .curved-box {
        width: 90%;
        margin-top: 30px !important;
        margin-bottom: 30px !important;
        margin: auto;
    }

    .aparted-get-in-touch {
        flex-direction: column;
    }

    .support-container {
        flex-direction: column;
        text-align: center;
    }

    .about-us, .our-services, .popular-authors-card{
        flex-direction: column;
    }

    .publishing-plan {
        flex-direction: column-reverse;
    }

    .about-us-txt,
    .publishing-plan-txt,
    .about-us-img,
    .publishing-plan-img {
        width: 100%;
    }
    .journal-slider{
        width: 67%;
    }
    .journal-space{
        height: 136px;
    }
    .journal-slides{
        align-items: center;
    }
    .work-with-us-container{
        width: 32%;
    }
    .book-journal-box{
        width: 50%;
    }
    .book-journal-dual-col{
        flex-direction: column;
    }
    .book-journal-img{
        width: 100%;
    }
    .blue-container{
        flex-direction: column;
    }
    .blue-spacer, .blue-content{
        width: 100%;
    }
    .blue-content{
        background-color: #042880;
    }   
    .single-book-preview-slider{
        width: 35%;
    }
    .single-book-preview-content-container{
        width: 64%;
    }
    .open-access-book{
        width: 48%;
    }

}

/* mobile css */
@media only screen and (max-width: 600px) {

    body {
        width: 100%;
        overflow-x: hidden;
    }

    h1 {
        font-size: 32px;
        line-height: 40px;
        font-weight: 600;
    }

    h2 {
        font-size: 28px;
        line-height: 36px;
        font-weight: 600;
    }

    h3 {
        font-size: 22px;
        line-height: 30px;
        font-weight: 600;
    }

    .btn-slider .slick-next,
    .bottom-image-slider .slick-next {
        right: 0;
        z-index: 999999999999;
    }

    .btn-slider .slick-prev,
    .bottom-image-slider .slick-prev {
        left: 0;
        z-index: 999999999999;
    }

    .testimonial-video-slider .slick-next {
        right: 40%;
    }

    .testimonial-video-slider .slick-prev {
        left: 40%;
    }

    .home-contact-form-container {
        width: 100%;
        padding: 24px;
    }

    .footer-column,
    .footer-bottom {
        flex-direction: column;
    }

    .footer-first,
    .footer-second,
    .footer-third {
        width: 100%;
    }

    .footer-first {
        text-align: left !important;
    }

    .policy-menu {
        gap: 5px;
        padding: 0;
    }

    .footer-bottom {
        flex-direction: column-reverse;
    }

    .pre-top-btn {
        padding: 5px;
    }

    .pre-topbar {
        width: 668px;
        overflow-x: scroll;
    }

    .ol-topbar,
    .mail {
        flex-direction: column;
        gap: 5px !important;
    }

    .og-header-container {
        flex-direction: column;
        gap: 0;
    }

    .og-logo-container {
        width: 120px;
    }

    .og-title-container,
    .header-search-container,
    .why-choose-contents-updates-container {
        width: 100%;
    }

    #header {
        position: relative;
    }

    .navbar {
        display: none;
    }

    .menu-box {
        position: absolute;
        left: 0%;
        top: 520px;
        width: 100vw;
    }

    .header-menus {
        justify-content: center;
    }

    .banner-slider .slick-prev {
        left: -10px;
    }

    .banner-slider .slick-next {
        right: -10px;
    }

    .two-book-btn,.quad-btn-container {
        flex-direction: column;
        text-align: center;
    }

    .slick-track div {
        padding: 5px !important;
    }

    .new-book-box {
        width: calc(50% - 15px);
    }

    .book-detail-container,
    .book-author-container, .popular-authors-card-container {
        flex-direction: column;
    }

    .book-img-container,
    .book-author-img-container,
    .book-details,
    .author-details,
    .chapter-form-container,.popular-authors-card, .journal-slider {
        width: 100%;
    }
    .curved-box{
        transform: skewX(-5deg);
    }
    .curving{
        transform: skewX(5deg);
    }
    .info-boxes{
        display: flex;
        gap: 20px;
    }
    .aparted-get-in-touch{
        gap: 20px;
    }
    .info-list{
        font-size: 14px;
    }
    .journal-slides{
        flex-direction: column;
    }
    .journal-space{
        height: 110px;
    }
    .ultimate-collection-heading-container, .bp-major-container, .book-journal-container, .dual-inputs, .single-book-preview-container, .actual-review-container{
        flex-direction: column;
    }
    .work-with-us-container, .major-container-txt, .book-journal-box, .single-book-preview-slider, .single-book-preview-content-container, .open-access-book{
        width: 100%;
    }
    .book-journal-box, .blue-content, .single-book-preview-content-container{
        padding: 20px;
    }
    .blue-container{
        background-size: auto;
        background-position: top left;
    }
    .blue-spacer{
        height: 320px;
    }

}