@media(max-width:1440px) {
    .portfolio-image img {
        height: 450px;
    }

    .testimonials-box {
        height: 350px;
    }
}

@media(max-width:1366px) {
    .our-proven-box {
        height: 300px;
    }

    .testimonials-box {
        height: 370px;
    }

    .services-banner h1 {
        font-size: 27px;
    }

    .advice-sec-content h2 {
        font-size: 30px;
    }

    .solutions-box h3 {
        font-size: 22px;
    }

    .solutions-box p {
        font-size: 14px;
    }
}

@media(max-width:1330px) {
    .portfolio-image img {
        height: 400px;
    }
}

@media(max-width:992px) {
    .story-sec-image img {
        width: 100%;
    }

    .why-choose-sec-xtra {
        margin-top: 7rem;
    }

    .image-circle-wrap::after {
        animation: none;
    }

    .header-info-box a p {
        font-size: 12px;
    }

    .header-info-box a span {
        font-size: 20px;
    }

    .home-banner-content h3 {
        font-size: 18px;
    }

    .banner-form h2 {
        font-size: 28px;
    }

    .banner-form {
        padding: 22px;
    }

    .our-portfolio-content p br {
        display: none;
    }

    .our-proven-box h4 {
        font-size: 16px;
    }

    .our-proven-box p {
        font-size: 11px;
    }

    .footer-links ul li a {
        font-size: 12px;
        display: flex;
        align-items: center;
        gap: 5px;
    }

    .footer-links ul li {
        font-size: 13px;
    }

    .footer-branding p {
        font-size: 12px;
    }

    .copyright-sec p {
        font-size: 14px;
    }

    .copyright-sec ul li a {
        font-size: 14px;
    }

    .header-menu-sec .header-menu-content ul li a {
        font-size: 14px;
    }
}

@media(max-width:768px) {
    .marketing-why-choose-img {
        display: none;
    }

    .author-website-box {
        margin-bottom: 20px;
    }

    .why-choose-img.why-choose-img-xtra {
        display: none;
    }

    .why-choose-sec-xtra .why-choose-img {
        display: none;
        position: unset;
    }

    .why-choose-sec-xtra {
        padding: 0;
        margin: 0;
    }

    .why-choose-sec {
        padding: 80px 0px;
    }

    .why-choose-content {
        margin-top: 30px;
    }

    .step-sec {
        padding-top: 0;
    }

    .right-panel {
        margin-top: 50px;
    }

    .cta2-sec {
        padding-top: 0px;
    }

    .solutions-box {
        margin-bottom: 20px;
    }

    .contact-sec-content {
        margin-bottom: 30px;
    }

    .contact-sec {
        padding: 40px 0px;
    }

    .inner-banner {
        padding: 150px 0px;
    }

    .header-logo a img {
        width: 100px;
    }

    .header-info-box a {
        gap: 4px;
    }

    .header-info-box a p span {
        font-size: 9px;
    }

    .header-info-box a p {
        font-size: 10px;
    }

    .home-banner-content {
        margin-bottom: 20px;
    }

    .trusted-partner-content {
        margin-bottom: 20px;
        text-align: center;
    }

    .trusted-partner-content .trusted-partner-btn {
        justify-content: center;
    }

    .hire-slides-box i {
        font-size: 35px;
    }

    .hire-slides-box h4 {
        font-size: 18px;
    }

    .hire-sec-heading {
        text-align: center;
    }

    .hire-sec-para {
        text-align: center;
    }

    .hire-sec-btns {
        justify-content: center;
    }

    .hire-sec {
        padding: 100px 0px 50px;
    }

    .our-proven-box {
        height: unset;
        margin-bottom: 20px;
    }

    .copyright-sec p {
        text-align: center;
    }

    .copyright-sec ul {
        justify-content: center;
    }
}

@media (max-width: 575px) {
    .popup-left {
        padding: 36px 24px 28px;
    }

    .popup-right {
        min-height: 220px;
    }

    .book-stack {
        max-width: 180px;
    }

    .why-choose-sec-xtra {
        padding: 0;
    }

    .cta3-sec {
        padding: 20px 0px;
    }

    .cta3-sec-content h2 {
        font-size: 26px;
    }

    .solutions-box {
        height: unset;
    }

    .number-counter-box {
        margin-bottom: 20px;
    }

    .home-banner {
        padding: 50px 0px 50px;
    }

    .header {
        display: none;
    }

    .mobile-topbar {
        display: flex;
    }

    .hamburger-btn {
        display: flex;
        background-color: unset;
        border: none;
        outline: none;
    }

    .hamburger-btn i {
        color: var(--theme-color);
        font-size: 30px;
    }

    .header-menu-content {
        display: none;
        flex-direction: column;
        width: 100%;
        background: #1a1a2e;
    }

    .header-menu-content.open {
        display: flex;
    }

    .header-menu-content>ul {
        flex-direction: column;
        width: 100%;
    }

    .header-menu-content>ul>li>a {
        padding: 14px 20px;
        border-bottom: 1px solid rgba(255, 255, 255, .07);
        font-size: 15px;
    }

    .get-a-qoute {
        text-align: center;
    }

    .dropdown-link:hover .dropdown-menu {
        display: none;
    }

    .dropdown-link .dropdown-menu {
        position: static;
        box-shadow: none;
        border-top: none;
        border-left: 3px solid var(--theme-color);
        background: rgba(255, 255, 255, .05);
        min-width: 100%;
    }

    .dropdown-link.open .dropdown-menu {
        display: block;
    }

    .dropdown-link .dropdown-menu li a {
        color: #ccc;
        padding-left: 30px;
        border-bottom-color: rgba(255, 255, 255, .05);
    }

    .dropdown-link .dropdown-menu li a:hover {
        background: var(--theme-color);
        color: #fff;
    }

    .header-menu-sec .header-menu-content ul {
        align-items: flex-start;
    }

    .header-menu-sec .header-menu-content ul li a {
        border: none;
    }

    .hire-sec {
        padding: 50px 0px;
    }

    .same-heading {
        font-size: 32px;
    }

    .testimonials-content p {
        width: 100%;
    }

    .testimonials-box {
        height: unset;
    }

    .faq-content p {
        width: 100%;
    }

    .header-menu-sec {
        background-color: var(--white-color);
        position: unset;
    }
}

@media(max-width:490px) {
    .children-book-publishing-banner h1 {
        font-size: 26px;
    }

    .advice-sec-content h2 {
        font-size: 26px;
    }

    .advice-sec-img img {
        width: 100%;
    }

    .contact-sec-content h3 {
        font-size: 26px;
    }

    .inner-banner {
        padding: 100px 0px;
    }

    .same-btn {
        padding: 12px 25px;
    }

    .footer-external-links {
        text-align: center;
        justify-content: center !important;
    }

    .footer-links {
        margin-bottom: 20px;
    }
}

@media(max-width:440px) {
    .illustration-banner h1 {
        font-size: 24px;
    }

    .why-choose-sec-xtra .why-choose-content {
        padding: 0;
    }

    .children-book-main {
        padding: 30px;
    }

    .children-book-main-content {
        margin-top: 30px;
    }

    .cta3-sec-content a {
        padding: 12px 20px;
        font-size: 14px;
    }

    .cta3-sec-content h2 {
        font-size: 20px;
    }

    .why-choose-sec {
        padding: 40px 0px;
    }

    .advice-sec-content {
        text-align: center;
    }

    .advice-sec-btns {
        justify-content: center;
    }

    .advice-sec-content {
        padding: 25px 15px 25px;
    }

    .inner-banner-content h1 {
        font-size: 40px;
    }

    .features-sec {
        padding: 50px 0px 0px;
    }

    .trusted-partner-content {
        margin-bottom: 40px;
    }

    .portfolio-image img {
        height: unset;
    }

    .same-heading {
        font-size: 24px;
    }

    .same-btn {
        font-size: 14px;
    }

    .testimonials-sec {
        padding: 50px 0px 0px;
    }

    .copyright-sec ul {
        display: block;
        text-align: center;
        list-style-type: none;
        margin-top: 20px;
    }

    .contact-sec-content ul li {
        font-size: 12px;
    }

    .contact-sec-content ul li a {
        font-size: 12px;
    }

    .contact-sec-content ul li a i {
        width: 40px;
        height: 40px;
    }

    .contact-sec-content ul li i {
        width: 40px;
        height: 40px;
    }
}

@media(max-width:425px) {
    .hire-sec {
        padding: 50px 0px 0px;
    }
}

@media(max-width:414px) {
    .home-banner-content h1 {
        font-size: 28px;
    }

    .home-banner-content p {
        font-size: 14px;
    }

    .home-banner-content ul li {
        font-size: 14px;
    }

    .banner-form p {
        font-size: 14px;
    }

    .banner-form h2 {
        font-size: 24px;
    }

    .banner-form form label {
        font-size: 14px !important;
    }

    .banner-form form button {
        padding: 14px;
    }
}

@media(max-width:400px) {
    .home-banner-content h1 {
        font-size: 24px;
    }

    .home-banner-content h3 {
        font-size: 16px;
    }

    .hire-sec-heading h3 {
        font-size: 22px;
    }

    .same-btn {
        padding: 12px 20px;
    }
}

@media(max-width: 390px) {
    .home-banner .same-btn {
        padding: 12px 10px;
    }

    .children-book-publishing-banner a {
        padding: 12px 18px;
    }

    .services-banner .same-btn {
        padding: 12px 18px;
    }

    .advice-sec-content h2 {
        font-size: 23px;
    }
}

@media(max-width:375px) {
    .children-book-advice {
        padding: 0px 0px 40px;
    }

    .children-book-publishing-banner a {
        padding: 12px 16px;
    }

    .contact-sec-content ul li i {
        padding: 16px;
        width: unset;
        height: unset;
    }

    .contact-sec-content h3 {
        font-size: 22px;
    }

    .footer-external-links.d-flex.justify-content-end a img {
        width: 100%;
    }

    .home-banner-content h1 {
        font-size: 24px;
    }

    .faq-item-dynamic .faq-head .faq-question {
        font-size: 14px;
    }

    .inner-banner {
        padding: 80px 0px;
    }
}

@media(max-width:360px) {
    .home-banner-content h3 {
        font-size: 15px;
    }

    .same-btn {
        padding: 12px 10px;
    }

    .faq-item-dynamic .faq-head .faq-question {
        font-size: 13px;
    }

    .inner-banner-content h1 {
        font-size: 36px;
    }

    .children-book-publishing-banner a {
        padding: 10px 10px;
        font-size: 13px;
    }
}