@media (max-width:1800px) {
    body {font-size: 16px;}

    header .bottomHeader .menu ul {
        gap: 10px;
    }
    
    .primarybtn .border.btn2 {
        width: 200px;
    }
    
    .headerBottom .bottomHeader {
        padding: 10px 30px;
    }
    
    .form-content .primaryHeading {
        font-size: 23px;
    }
    
    .form-box {
        width: 60%;
    }
    
    .form-box form {
        padding: 0 40px 30px;
    }
    
    .primaryHeading {
        font-size: 60px;
    }
    
    .bannerAnimImgs .leftImg {
        height: 300px;
        width: 220px;
        left: 460px;
    }
    
    .bannerAnimImgs .RightImg {
        width: 220px;
        height: 300px;
        bottom: -400px;
        left: 10px;
    }
    
    .bannerAnimImgs {
        top: -30px;
        right: 50px;
    }
    
    .banner {
        padding: 60px 0 40px;
    }
    
    .circle {
        width: 100px;
        height: 100px;
    }
    
    .circle.c1 {
        top: 20px;
        left: 70%;
    }
    
    .circle.c2 {
        bottom: -50px;
    }
    
    .yourStoryWords .bannerAnimImgs {
        right: 70px;
    }
    
        .bookInfoTextGrid {
        column-gap: 30px;
    }
    
    .testimonials .circle.c2 {
        left: 83.8%;
    }
    
    .giveYourStoryContent {
        padding-left: 50px;
    }

}


@media (max-width: 1600px) {
    /* .container {
        width: 1240px !important;
    } */

    .container {
        width: 1260px !important;
    }

    .aboutCreating .aboutCreatingImg img {
    width: 830px;
}

header .bottomHeader .menu ul li {
    padding: 10px 5px;
}

header .bottomHeader .menu ul {
    gap: 5px;
}

.headerBottom {
    width: 95%;
}
    
header .bottomHeader .menu ul li {
    padding: 10px 5px;
}

header .bottomHeader .menu ul {
    gap: 5px;
}

.headerBottom {
    width: 95%;
}

.form-content .primaryHeading {
    font-size: 20px;
    padding: 20px 20px;
}

.form-box input {
    margin-bottom: 10px;
    padding: 10px 15px;
}

.textBox {
    font-size: 16px;
    line-height: 24px;
}

.bannerAnimImgs .leftImg {
    height: 260px;
    width: 210px;
    left: 470px;
}

.bannerAnimImgs .RightImg {
    width: 210px;
    height: 260px;
    bottom: -320px;
    left: 40px;
}

.bannerAnimImgs {
    top: 0px;
    right: 60px;
}

.whyChooseContent {
    padding-left: 20px;
}

.whyChooseBooksImg img {
    width: 700px;
    left: 0;
    top: 330px;
}

.aiVectorBgBox {
    top: 10px;
}

.aiVectorBgBox:before {
    top: 21px;
    left: 149px;
    width: 300px;
}

.giveYourStoryContent {
    padding-left: 40px;
}

.storyBoxsMain {
    gap: 5px;
}

.allQualities {
    gap: 10px;
}

.testimonials .circle.c2 {
    left: 76.8%;
}

footer .col {
    padding: 0px 5px;
}

footer .col ul li a {
    font-size: 15px;
}

.banner .container-fluid {
    width: 80%;
}

.yourStoryWords .bannerAnimImgs {
    right: 100px;
}

.bookInfoTextGrid {
    column-gap: 10px;
}

.form-box {
    margin-left: 0;
}

.primaryHeading {
    font-size: 55px;
}

.primarybtn .border.btn2 {
    padding: 10px;
    font-size: 15px;
    width: 180px;
}

.primarybtn .border.btn1 {
    padding: 10px;
    font-size: 15px;
    width: 180px;
    padding-left: 25px;
}

.primarybtn .border.btn1.btnChat:before {
    right: 26px;
}

.primarybtn .border.btn1.btnChat:after {
    right: 45px;
}

.primarybtn .border.btn1.btnChat .chat {
    right: 18px;
}

.bookInfo .primaryHeading {
    font-size: 55px;
}

.aboutCreatingContent .textBox {
    line-height: 22px;
}

.bookInfoTextGrid .textBox {
    line-height: 22px;
}

.writerMain .writerContent .primaryHeading {
    font-size: 60px;
}

.faqSec-heading .primaryHeading {
    font-size: 55px;
}

.accordion-container:after {
    width: 95%;
    border-radius: 50px 0;
}

.accordion-container:before {
    width: 95%;
    left: 15px;
}

.faq-section .set>a {
    font-size: 18px;
}

.testiSlider .itemMain:after {
    left: 36px;
}

.testiSlider .itemMain:hover:after {
    left: 86px;
}

.testiSlider .arrowWrapper.prevArrow.slick-arrow {
    left: -499px;
}

.testiSlider .arrowWrapper.nextArrow.slick-arrow {
    left: -430px;
}

.testiSlider ul.slick-dots {
    left: -506px;
}


}



@media (max-width:1399px) {
    .container {
        width: 1050px !important;
    }

    .bookfeaturedBooks img {
    height: 380px;
}

.aboutCreating .aboutCreatingImg img {
    width: 690px;
}

.form-box form {
    padding: 0px 30px 30px;
}

.headerBottom .bottomHeader {
    padding: 10px 20px;
}

.primarybtn .border.btn2 {
    width: 150px;
    font-size: 14px;
}

header .bottomHeader .menu ul li a {
    font-size: 14.5px;
}

header .bottomHeader .menu ul li {
    padding: 10px 2px;
}

.headerBottom {
    width: 98%;
}

.logo {
    width: 14%;
}

.logo img {
    width: 100%;
}

.form-content .primaryHeading {
    font-size: 18px;
}

.form-box input {
    padding: 5px
 15px;
}

.primaryHeading {
    font-size: 45px;
}

.subtitle {
    font-size: 18px;
    padding: 5px 10px;
    width: 64%;
}

.circle.c1 {
    top: -10px;
    left: 50%;
}

header .topHeader ul li a p {
    font-size: 14px;
}

.textBox {
    font-size: 14px;
    line-height: 20px;
}

.bookInfo .primaryHeading {
    font-size: 45px;
}

.aboutCreatingContent .primaryHeading span {
    display: inline-block;
}

.primarybtn .border.btn1 {
    width: 150px;
    font-size: 14px;
    padding: 10px;
    padding-left: 16px;
}

.primarybtn .border.btn1.btnChat .chat {
    right: 5px;
}

.primarybtn .border.btn1.btnChat:before {
    right: 14px;
}

.primarybtn .border.btn1.btnChat:after {
    right: 32px;
}

.banner .container-fluid {
    width: 90%;
}

.testiSlider .arrowWrapper.prevArrow.slick-arrow {
    left: -370px;
}

.testiSlider .arrowWrapper.nextArrow.slick-arrow {
    left: -300px;
}

.testiSlider ul.slick-dots {
    left: -376px;
}

.testiSlider .testiContent {
    height: 190px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.writerMain {
    padding: 60px 50px 60px;
}

.writerMain .writerContent .primaryHeading {
    font-size: 45px;
    font-weight: 600;
}
.whyChooseBooksImg img {
    width: 560px;
    top: 270px;
}

    .faq-section .set>a {
    font-size: 16px;
}

.faq-section .content p {
    font-size: 14px;
    line-height: 22px;
}

.aiVectorBgBox:before {
    width: 170px;
    height: 230px;
}

.yourStoryWords .bannerAnimImgs {
    z-index: -1;
}

.giveYourStoryContent {
    padding-left: 0;
}

.qualityContent .textBox {
    font-size: 14px;
    line-height: 20px;
}

    footer .row {
    flex-wrap: wrap;
    justify-content: flex-start;
}

footer .col {
    width: 25%;
    padding: 0 50px;
}


footer .col ul li a {
    font-size: 14px;
    line-height: 24px;
}

.callToAction.darkCta .border.btn1.btnChat {
    padding-left: 14px;
}

.testiSlider .itemMain {
    padding: 60px 30px 30px;
}

.testiSlider .itemMain:before {
    width: 88px;
    height: 70px;
}

.testiSlider .itemMain:after {
    left: 25px;
    height: 50px;
}

.testiSlider .itemMain:hover:after {
    left: 70px;
}
    
}

@media (max-width:1169px) {
.container {
    width: 940px !important;
    }
    
    .gridBox .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    }
    
    .gBoxmain {
        margin-bottom: 15px;
    }
    
    .gridBox {
        background: linear-gradient(360deg, #0b2a39 40%, #fff 40%);
    }
    
    .textBox {
        font-size: 14px;
        line-height: 1.6;
    }
    
    .bannerAnimImgs {
        /* display: none; */
    }
    
    .menu.left-menu {
        display: none;
    }
    
    header .bottomHeader .menu.right-menu {
        display: none;
    }
    
    .headerBottom .bottomHeader {
        justify-content: space-around;
    }

    .bannerAnimImgs .leftImg {
    height: 240px;
    width: 180px;
    left: 400px;
}

.bannerAnimImgs .RightImg {
    height: 240px;
    width: 180px;
    left: 30px;
}

.form-box {
    width: 80%;
}

.aboutCreating .aboutCreatingImg img {
    width: 650px;
}

footer .col {
    padding: 0 20px;
}

.giveYourStoryContent .allQualities.storyBoxs {padding: 10px;}

.allQualities .qualityImgBox {
    width: 50px;
    height: 50px;
}

.allQualities .qualityImgBox img {
    width: 30px;
    height: 30px;
}

.accordion-container {
    padding: 50px 50px;
}

.aiVectorBgBox {
    top: 160px;
}

.aiVectorBgBox:before {
    width: 140px;
    height: 200px;
    left: 139px;
}

.testiSlider .testiContent {
    font-size: 14px;
    line-height: 22px;
    height: 170px;
}

.testimonialsContent {
    padding-left: 10px;
}

.nav1 .menu {
    padding: 0 20px;
}
    
}

@media (max-width: 991px) {
/* header{
    display: none;
} */

.container {
    width: 740px !important;
}

.bannerAnimImgs {
    display: none;
}

.bookInfoTextGrid {
    flex-direction: column;
    gap: 0;
}

.bookInfoTextGrid .textBox {
    width: 100%;
}

.booxInfoGrid {
    padding: 20px;
}

.bookInfoContent {
    padding: 20px;
}

.form-content .primaryHeading {
    font-size: 17px;
}

.form-box textarea {
    margin-bottom: 5px;
}

.form-box input {
    margin-bottom: 5px;
}

.row.headerBottom {
    width: 93%;
}

header {
    padding-bottom: 50px;
}

.circle.c1 {
    top: -20px;
}

.form-box {
    width: 100%;
}

.accordion-container {
    padding: 20px;
    padding-right: 40px;
}

.faq-section .content p {
    font-size: 13px;
    line-height: 20px;
}

.faq-section .content {
    padding-right: 0px;
    padding-left: 0;
    padding-bottom: 0;
}

.faq-section .set>a {
    font-size: 15px;
}

.faq-section .set>a:after {
    right: 5px;
    top: 25px;
}

.buyBook .buyBookBG {
    padding: 40px 20px;
}

.buyBookImg {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
}

.whyChooseBooksImg img {
    width: 540px;
}

.accordion-container:after {
    top: -15px;
}

.accordion-container:before {
    top: 0px;
    border-radius: 50px 0;
}

.whyChooseBooksImg {
    display: none;
}

.testimonials .circle.c2 {
    left: 56.8%;
}

.aiVectorBgBox:before {
    width: 110px;
    height: 140px;
    left: 99px;
}

.whyChooseContent {
    padding-left: 0;
}

.storyCtaBox {left: 0;border-radius: 10px;}

.yourStoryWords .bannerAnimImgs {
    display: none;
}

.yourStoryWords .row {
    display: flex;
    justify-content: center;
}

.storyCtaBox img {
    left: 5%;
}

.storyCtaBox .border.btn1.btnChat {
    padding-left: 15px;
}

footer .col {width: 30.333%;padding: 0 0px;}

footer .row {
    display: flex;
    justify-content: center;
}

    .aboutCreating .aboutCreatingImg img {
    width: 430px;
}

.aboutCreatingContent .textBox {
    font-size: 14px;
    line-height: 20px;
}

.aboutCreatingContent .subtitle {
    width: 50%;
}

.aboutCreating {
    padding: 100px 0 50px;
}

.buyBook .circle.c1 {
    top: 10px;
}

.writerMain .writerContent .primaryHeading {
    font-size: 40px;
}

.writerMain .writerContent {
    width: 55%;
}

.whyChoose .row {
    display: flex;
    justify-content: center;
}

.testimonials {
    padding-top: 50px;
}

.testiSlider .testiContent {
    height: 150px;
    padding-right: 10px;
}
    
}

@media (max-width:767px) {
    .container {
        width: 100% !important;
    }

    .bottomHeader {
    display: block;
    }

    .topHeader {
    justify-content: space-around;
    }

    .bottomHeader .primarybtn {
        width: 100%;
    }

    .primarybtn .border.btn1 {
        margin-right: 35px;
        font-size: 12px;
    }

    header {
        /* padding: 30px 0px; */
    }

    .testiContent img {
        display: none;
    }

    .testiContent {
        text-align: center;
    }

    .testisec .row {
        flex-direction: column;
    }

    .sliderMain.testislider {
        margin: 0 auto;
    }

    .sliderMain.testislider {
        width: 100%;
    }

    .testisec {
        background: linear-gradient(180deg, #012535 65%, #d12f0f 35%);
    }

    header .logo img {
        width: 100%;
        margin: 0 auto;
    }

    .logo {
        text-align: center;
    }

    .bannerContent {
        text-align: center;
    }

    .bannerContent .subheading {
        font-size: 16px;
    }

    .mainBanner {
        height: 410px;
    }

    .bannerContent .primarybtn {
        margin: 0 auto;
    }

    .bannerContent .primarybtn .border.btn2 {
        margin: 0 auto;
    }

    .bottomBanner .primaryHeading {
        font-size: 26px;
    }

    .bottomBanner {
        padding: 15px 0;
    }

    .bookfeaturedBooks.aos-init.aos-animate {
    /* transition: 0.1s; */
    }
    
    .bookfeaturedBooks.aos-init.aos-animate {
        /* transition: 0.1s; */
        /* opacity: 1; */
    }
    
    .banner .row {
        flex-wrap: wrap-reverse;
        flex-direction: unset;
    }
    
    .circle {
        width: 70px;
        height: 70px;
    }
    
    .banner-content {
        text-align: center;
    }
    
    .banner-content .primarybtn .border.btn2 {
        margin: 0 auto;
    }
    
    .banner-content .subtitle {
        margin: 0 auto;
        margin-top: 10px;
    }
    
    .writerMain .writerContent {
        width: 99%;
    }
    
    header .topHeader ul {
        gap: 10px;
    }
    
    .logo {
        width: 25%;
    }
    
    .headerBottom .bottomHeader .primarybtn {
        width: 40%;
    }
    
    header .topHeader ul li a p {
        font-size: 12px;
    }
    
    .circle.c1 {display: none;}
    
    .topHeader .primarybtn {
        display: none;
    }
    
    .form-box {
        margin-top: 40px;
    }
    
        .bookInfo .subtitle {
        letter-spacing: 2px;
    }
    
    .bookInfoImg {
        display: none;
    }
    
    .booxInfoGrid:before {
        display: none;
    }
    
    .bookInfoContent {
        width: 100%;
    }

    .testimonials .row {
    flex-direction: column;
    }

    .aboutCreating {
        padding: 50px 0;
    }
    
    .aboutCreating .aboutCreatingContent {
        text-align: center;
    }
    
    .aboutCreating .aboutCreatingContent .subtitle {
        margin: 0 auto;
    }
    
    .aboutCreating .aboutCreatingContent .border.btn2 {
        margin: 0 auto;
    }
    
    .buyBook .buyBookBG {
        flex-direction: column;
        text-align: center;
    }
    
    .buyBookContent .subtitle {
        margin: 0 auto;
    }
    
    .buyBookContent .primarybtn {
        justify-content: center;
    }
    
    .buyBookContent .primarybtn .border.btn1 {
        margin-right: 0;
    }
    
    .buyBookImg img {
        padding: 30px;
        width: 50%;
    }

    .booxInfoGrid .bookInfoContent .subtitle {
    margin: 0 auto;
    }
    
    .booxInfoGrid .bookInfoContent {
        text-align: center;
    }
    
    .booxInfoGrid .bookInfoContent .primarybtn {
        justify-content: center;
    }
    
    .booxInfoGrid .bookInfoContent .primarybtn .border.btn1 {
        margin-right: 0;
    }

    .storyCtaBox img {
        display: none;
    }

    .accordion-container:after {
        background: linear-gradient(360deg, #8d5f43 10%, #71452fa1 90%);
        border: none;
    }
    
    .accordion-container:before {
        display: none;
    }
    
    .accordion-container {
        padding-right: 60px;
    }
    
    .aiVectorBgBox {
        display: none;
    }

    section.faqs-sec.faqs.faq-section {
        padding: 50px 0;
    }
    
    .faqSec-heading {
        text-align: center;
    }
    
    .faqSec-heading .primaryHeading {
        font-size: 45px;
    }

    .writerMain .writerContent .primarybtn .border.btn1 {
        margin-right: 0;
    }
    
    .callToAction .callToActionContent {
        text-align: center;
    }
    
    .callToAction .callToActionContent .primarybtn .border.btn1 {
        margin-right: 0;
    }

    .giveYourStoryContent .primaryHeading {
        text-align: center;
    }
    
    .storyBoxsMain {
        justify-content: center;
    }
    
    .giveYourStoryContent .allQualities.storyBoxs {
        width: 47.5%;
    }
    
    .yourStoryWords {
        height: auto;
    }

    .giveYourStoryContent .primaryHeading {
    text-align: center;
    }
    
    .storyBoxsMain {
        justify-content: center;
    }
    
    .giveYourStoryContent .allQualities.storyBoxs {
        width: 47.5%;
    }
    
    .yourStoryWords {
        height: auto;
    }

    .testiSlider {
        margin-left: 0;
    }

    .testiSlider .itemMain:after {
        display: none;
    }
    
    .testiSlider .testiContent {
        text-align: left;
    }

    footer .col {
        width: 48%;
        padding: 0 20px;
    }

    footer .col ul li a {
        font-size: 10px;
    }

    .primarybtn .border.btn2 {
        font-size: 12px;
    }
    
    .textBox {
        font-size: 12px;
    }
    
    .whyChoose {
        padding: 80px 0 50px;
    }
    
    .yourStoryWords .primarybtn .border.btn1 {
        margin-right: 0;
    }
    
    .testimonialsContent .primaryHeading {
        text-align: center;
    }
    
    .testimonialsContent .textBox {
        text-align: center;
    }

    footer .copyRight .col p {
    font-size: 10px;
}

footer .copyRight .col ul {
    gap: 0px;
}
    
}


@media (max-width:479px) {
    .container {
        width: 100% !important;
    }

    .buyBook .buyBookBG {flex-direction: column-reverse;}

    header .topHeader ul li a p {
        display: none;
    }

    .form-box {margin-top: 0;}

    .form-box input {
        font-size: 12px;
    }
    
    .form-box input::placeholder {
        font-size: 12px;
    }
    
    .form-box textarea {
        height: 80px;
    }
    
    .form-box textarea::placeholder {
        font-size: 12px;
    }

    .bookInfoContent {
        padding: 10px;
    }
    
    .bookInfo .subtitle {
        width: 80%;
    }
    
    .topHeader {
        justify-content: flex-end;
    }
    
    a#hamburg {
        top: 10px;
    }

    .aboutCreating .aboutCreatingImg img {
        width: 100%;
    }
    
    .buyBook .circle.c2 {
        display: none;
    }

    .primaryHeading {
        font-size: 35px;
    }
    
    .bookInfo .primaryHeading {
        font-size: 35px;
    }
    
    .bookfeaturedBooks img {
        height: 250px;
    }
    
    .faq-section .set>a {
        padding: 10px;
        font-size: 13px;
    }
    
    .faq-section .content p {
        font-size: 12px;
    }
    
    .faq-section .set {
        margin: 0 0 10px;
    }

    .writerMain .writerContent .primaryHeading {
    font-size: 35px;
}

.writerMain {
    padding: 30px 30px 30px;
}

.faqSec-heading .primaryHeading {
    font-size: 35px;
}

.qualityContent .primaryHeading {
    font-size: 20px;
}

.qualityContent .textBox {
    font-size: 12px;
}

.storyCtaBox {
    padding: 20px 0;
}
        
}

@media (max-width:400px) {
    .near {
        height: 598px;
    }
    
    .about .row.contentRow {
        transform: translateY(-570px);
    }

}