@media(max-width:1600px){

     .promo-left h1 {

         font-size: 43px;

    }

     .banner-before img {

         width: 550px;

    }

     .testi-name h5 {

         font-size: 17px;

    }

    section.serv-baner-section {min-height: 100vh;}

    /*.bannr-img img {

    width: 100%;

}*/

section.serv-baner-section h2.text-h2 {

    font-size: 49px;

}





}





 @media(max-width:1400px){





    header.main-header .navbar-nav .nav-link {

    font-size: 14px;

    padding: 0;

    margin: 0 10px;

}

section.support-section ul#pills-tab li button {

    padding: 10px 30px;

}



header.main-header .btn {

    padding: 10px 20px !important;

    font-size: 14px;

}



p.header-top-text {

    font-size: 12px;

    font-weight: 400;

}



.top-mail-box a {

    font-size: 14px;

    font-weight: 400;

}



section.serv-baner-section {

    min-height: 100vh;

}



img.ser-bnr-img2 {

    width: 100%;

}

     .promo-left h1 {

         font-size: 35px;

    }

     .promo-left p {

         font-size: 24px;

    }

     .banner-before img {

         width: 500px;

         height: 350px;

    }

     .promo-banner {

         min-height: 350px;

    }

     .books {

         gap: 0;

         left: 120px;

    }

     section.support-section ul#pills-tab li button {

         font-size: 15px;

    }

     ul.suport-ul-box li p {

         font-size: 14px;

    }

     h2.text-h2 {

         font-size: 40px;

         line-height: 45px;

    }

     .need-flex-box h4 {

         font-size: 30px;

    }

     section.explore-section ul#pills-tab li button {

         font-size: 13px;

         padding: 10px;

    }

     .stats-info p {

         font-size: 14px;

    }

    section.explore-section ul#pills-tab {

        padding: 0;

    }

     .award-text h4 {

         font-size: 16px;

         line-height: 22px;

    }

    section.explore-section ul#pills-tab li button {

        padding: 10px;

    }

}





 @media(max-width:1366px){

     img.book7 {

         display: none;

    }

     img.book6 {

        /* display: none;

         */

    }

     .books img {

         width: 140px;

         height: 215px;

         object-fit: scale-down;

    }

     .promo-left h1 {

         width: 110%;

    }

     .testi-main p {

         font-size: 15px;

    }

     .testi-name h5 {

         font-size: 17px;

    }

}





 @media screen and (max-width: 1199px) {

}

 @media screen and (max-width: 991px) {

    

}

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

    .stats-info h3 {

       font-size: 20px;

    }

    .fince-tab-tax {

        padding-top: 30px;

    }

    .portfolio-section ul#pills-tab li {

        margin: 0;

    }

    ul#pills-tab li {

        margin: 0;

    }

    .top-mail-box span:nth-child(2) {

        display: none;

    }

    .books img {

       width: 200px;

        height: 170px;

        object-fit: fill;

    }

    .books {

       display: grid;

        grid-template-columns: auto auto auto;

        gap: 10px;

    }

    .promo-left p {

        font-size: 25px;

        line-height: 30px;

    }

    .promo-left {

        padding: 0;

    }

    .promo-left h1 {

        font-size: 30px;

        line-height: 40px;

    }

    .promo-banner {

        background: linear-gradient(0deg, rgba(0, 63, 122, 1) 0%, rgba(33, 150, 243, 1) 100%);

            text-align: center;

    }

    .banner-before  , .promo-left .sub{

        display: none;

    }

    .top-mail-box {

        justify-content: center;

        margin-top: 10px;

    }

    .top-mail-box a:nth-child(3),

     .top-mail-box span:nth-child(3) {

        display: none;

    }

    p.header-top-text {

        font-size: 15px;

    }

     body {

         font-size: 14px;

    }

    section.serv-baner-section.ser-contact-baner-section {

    min-height: auto;

    padding: 80px 0;

}

section.sec-padding.main-faq-sec.pricing-sec.packeg-section {

    padding: 50px 0;

}



section.sec-padding .main-heading {

    font-size: 30px;

    line-height: 35px;

    margin: 0 0 15px 0;

}



.pag-text-flex h4 {

    font-size: 20px;

}



.price-text h1 {

    font-size: 50px;

}



.price-text {text-align: center;}



p.pera-box {

    text-align: center;

}



.packeg-main-box ul {

    flex-wrap: wrap;

}



.packeg-main-box ul li {

    width: 100%;

}



.theme-btns {

    text-align: center;

    margin: auto;

}



section.serv-baner-section.ser-contact-baner-section h5.text-h5 {

    font-size: 20px;

}

.tel-main-box {

    margin: 45px 0 0 0;

    min-height: auto;

}

img.about-img2 {

    display: none;

}



img.about-img3 {

    width: 65%;

    text-align: center;

    margin: auto;

    display: table;

}



section.polish-section.about-polish-sec h4 {

    text-align: center;

}



section.polish-section.about-polish-sec {

    padding: 50px 0 0 0;

}



img.about-img5 {

    display: none;

}



.seller-box-main {

    text-align: center;

}



section.best-seller-section {

    padding: 50px 0 0 0;

}



section.our-story-section p {

    text-align: center;

}





img.about-story1.story-img {

    display: none;

}



img.about-story2.story-img {

    display: none;

}



img.about-story3.story-img {

    display: none;

}



section.cta-section {

    padding: 0;

}



     .banner-before {

         display: none;

    }

     .promo-left h1 {

         width: 100%;

         font-size: 30px;

         text-align: center;

    }

     span.sub {

        /* justify-content: center;

         */

    }

     .col-sm-4 {

    }

     /* img.book4 {

         display: none;

    }

     img.book5 {

         display: none;

    }

     img.book7 {

         display: none;

    }

     .promo-right {

    }

     img.book1 {

         display: none;

    } */

     .books {

         left: 0;

    }

     section.promo-banner {

         padding: 30px 30px;

         justify-content: center;

    }

     .promo-left p {

         font-size: 18px;

         text-align: center;

         color: #fff;

         line-height: 27px;

    }

     .promo-left .sub {

         text-align: center;

         margin: auto;

         display: table;

         font-size: 16px;

    }

     .promo-left .btn {

         text-align: center;

         margin: 20px auto;

         display: table;

    }

     .promo-left .btn {

         background: #000;

         font-size: 18px;

    }

     h3.text-h3 {

         font-size: 20px;

    }

     h2.text-h2 {

         font-size: 30px;

         line-height: 35px;

    }

     section.support-section ul#pills-tab li {

         width: 31%;

         float: left;

         margin: 0;

    }

     section.support-section ul#pills-tab li button {

        font-size: 12px;

        line-height: 14px;

        padding: 7px;

        margin: 0 0 10px 0;

    }

     section.support-section ul#pills-tab {

         justify-content: space-around;

    }

     .redefine-tab-bg {

         flex-direction: column-reverse;

         flex-wrap: wrap;

         padding: 0;

         text-align: center;

         padding: 20px;

         margin: 10px;

    }

     .redefine-tab-bg p {

         padding: 0;

    }

     .fince-tab-tax h4 {

         font-size: 20px;

    }

     .redefine-tab-img img {

         width: 100%;

         margin: 0 0 20px 0;

    }

     section.book-section {

         text-align: center;

    }

    .need-main .need-img {

        filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(138deg) brightness(103%) contrast(101%);

        margin-bottom: 10px;

    }

     ul.suport-ul-box li {

         width: 100%;

         text-align: center;

         margin: auto;

         justify-content: center;

    }

     .row.cta-main-box {

         padding: 30px;

         text-align: center;

         flex-direction: column-reverse;

         margin: 50px 0 0 0;

    }

     .row.cta-main-box h2 {

         font-size: 30px;

         line-height: 30px;

    }

     img.home-cta-img {

         margin: 0 0 20px 0;

    }

     section.need-section {

         padding: 50px 0 0;

    }

     section.explore-section ul#pills-tab li {

         width: 32%;

         margin: 0;

    }

     section.explore-section .redefine-tab-bg {

         margin: 0;

         flex-direction: row;

    }

     .stats-grid .card {

         display: flex;

         padding: 20px 26px;

         margin: 0 10px 20px 5px;

         text-align: center;

    }

     .stats-grid {

         display: flex;

         flex-wrap: wrap;

         justify-content: center;

    }

     .stats-grid h2 {

         font-size: 30px;

    }

     .stats-info p {

         padding: 0;

    }

     .stats-info img {

         margin: 0 0 0 0;

    }

     .stats-info h3 {

         text-align: center;

    }

     .stats-info p {

         text-align: center;

    }

     .info-box.info-box2 {

         display: block;

    }

     .stats-info img {

         display: none;

    }

     .footer-logo-box {

         text-align: center;

         margin: 0 0 20px 0;

    }

     .footer-pera p {

         text-align: center;

    }

     .icons_wrap {

         text-align: center;

    }

     .row.footer-row2 {

         margin: 20px 0;

    }

     .copyright {

         text-align: center;

    }

     .footer ul.f_links {

         column-count: 1;

    }

     .responsive_menu {

         width: 240px;

    }

    footer {

    text-align: center;

}



.footer ul li {

    justify-content: center;

}

     ul#pills-tab li button {

         width: 100%;

         padding: 10px 0;

         font-size: 15px;

    }

     ul#pills-tab li {

         width: 100%;

         margin: 5px 20px;

    }

     .footer {

         padding: 40px 0 20px;

    }

     .copyright .btn_set {

         justify-content: center;

    }

     .btn_set a {

         margin-bottom: 10px;

         font-size: 14px !important;

    }

     .btn_set a:last-child{

         margin-bottom: 0;

    }

     .btn_set {

         display: inline-block;

         column-gap: 15px;

         align-items: center;

    }

     .inner_page_banner {

         padding: 50px 0 40px;

    }

     header nav {

         padding: 10px 20px;

    }

     .need-main {

         background: #003F7A;

         margin: 10px 15px 30px 15px;

         border-radius: 8px;

         text-align: center;

         padding: 20px;

         display: table;

         text-align: center;

    }

     .need-flex-box {

         display: inline-block;

         text-align: center;

    }

     .need-flex-box img {

         filter: brightness(100);

         text-align: center;

         margin: auto;

    }

     .need-flex-box h4 span {

         color: #fff;

    }

     .need-flex-box h4 {

         color: #fff;

    }

     .need-main p {

         color: #fff;

         text-align: center;

    }

     .stats-info .info-box {

         padding: 20px;

         margin: 0;

    }

     .award-main-box {

         text-align: center;

         margin: auto 20px 35px;

    }

     .award-main-box img {

        text-align: center;

        margin: auto;

    }

     .slick-dots {

         position: absolute;

         bottom: -20px;

         display: block;

         width: 100%;

         padding: 0;

         margin: 0;

         list-style: none;

         text-align: center;

    }

     .slick-dots li button {

         position: relative;

         right: 0;

         display: none;

         background-color: #e5e5e5;

         border-radius: 50px;

         width: 10px;

         height: 10px 

    }

     ul.slick-dots li {

         background: #dee2ff;

         border-radius: 100%;

         width: 15px;

         height: 15px;

    }

     ul.slick-dots li.slick-active {

         background: #682CC3;

    }

     section.award-section {

         padding: 0 0 50px 0;

    }

    section.testimonial-section p.text-center {

    padding: 0 20px;

}



section.footer-form-section label.title {

    font-size: 14px;

}



section.footer-form-section .input, textarea {

    margin: 0;

}



.grid {

    gap: 10px;

}

legend {

    font-size: 14px;

}

footer .col-sm-9 ul {

    padding: 0;

}



.col-sm-3.border-lef ul {

    padding: 0;

}



.border-lef {

    border: none;

}

div#navbarNav {

    padding: 10px;

    border: solid 1px;

    border-radius: 8px;

}

p.header-top-text {

    text-align: center;

    margin: 0 0 5px 0;

}



.top-mail-box {

    column-gap: 5px;

    justify-content: center;

}



.top-mail-box a {

    font-size: 12px;

}



section.serv-baner-section h2.text-h2 {

    text-align: center;

    font-size: 30px;

    line-height: 35px;

}



section.serv-baner-section p {

    padding: 0;

    text-align: center;

}



ul.suport-ul-box {

    text-align: center;

    margin: auto;

    display: table;

}



.bannr-img img {

    display: none;

}



section.serv-baner-section {

    min-height: auto;

}



img.ser-bnr-logos {

    text-align: center;

    margin: 30px auto 0;

    display: table;

}



h2.text-h2 {

    text-align: center !important;

}



section.polish-section h2.text-h2 {

    text-align: center !important;

}



section.polish-section p {

    text-align: center;

}



.polish-box {

    text-align: center;

}



section.publishing-ser-section .slick-dots li {

    width: 15px;

}



section.publishing-ser-section {

    padding: 50px 0;

}



section.award-section h2.text-h2 {

    color: #000  !important;

}



section {

    overflow: hidden;

}

.global-slider-section h2.text-h2{

    margin: 0;

}



br {

    display: none;

}



span.heading26px {

    font-size: 21px  !important;

}



.row.footer-row2 {  

    padding: 15px 0;

}



header.main-header .navbar-nav .nav-link {

    font-size: 15px;

    margin: 0 0 5px 0;

}



.need-flex-box h4 br {

    display: block;

}



section.explore-section {

    padding: 50px 0 20px;

}



section.since-section .card {

    margin: 0 15px 30px 0px;

}

section.portfolio-section img {

    text-align: center;

    margin: auto;

}

section.faqs-section h2.text-h2 {

    font-size: 30px;

    line-height: 35px;

}



section.faqs-section h3.d-flex {

    font-size: 19px;

}





}





 @media screen and (max-width: 575px) {

    p.header-top-text {

        text-align: center;

    }

}

 @media screen and (max-width: 480px) {

}













/* new responsive  */



 @media(max-width:1600px){ 

    .brs-pricing h4  , .tabs-pricing h3 , .brs-pricing h4, section.authors-bio h4,

    .bio-content h5, .author-des h5 , .bio-content h2{

        font-size: 35px;

        line-height: 40px;

    }

    .price-pro , .price-wrap {

        font-size: 25px;

    }

    .brs-pages {

        min-height: auto !important;

        padding: 100px 0 !important;

    }

    .bio-content strong {

        line-height: 25px;

    }

    

  }



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

    .brs-pages .text-h2  , .brs-pricing h4, .tabs-pricing h3, .brs-pricing h4, section.authors-bio h4, .bio-content h5, .author-des h5, .bio-content h2{

        font-size: 25px;

        line-height: 35px;

    }

    .brs-pages h6 {

        font-size: 16px;

        font-weight: 400;

    }

   }



   /* ===== Laptop (below 1200px) ===== */
@media (max-width: 1199px) {
  .genre-title {
    font-size: 42px;
  }

  .genre-services-book {
    width: 260px;
    right: -30px;
  }

  /* Genres: books become rows, cards become a simple grid */
  .genre-cater-wrap {
    flex-direction: column;
    align-items: center;
    gap: 30px;
  }

  .genre-cater-books {
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
  }

  .genre-cater-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
    width: 100%;
  }

  .genre-cater-col {
    display: contents;
  }

  .genre-editor-card {
    padding-left: 18px;
    padding-right: 18px;
  }

  .genre-editor-tags li {
    padding: 6px 14px;
    font-size: 14px;
  }

  /* Process: 2 x 2 grid without connectors */
  .genre-process-list {
    flex-wrap: wrap;
    gap: 30px 50px;
    padding: 0 21px 0 0;
  }

  .genre-process-card {
    flex: 0 0 calc(50% - 25px);
    min-height: 0;
  }

  .genre-process-low {
    top: 0;
  }

  .genre-process-card::after {
    display: none;
  }

  .genre-process-card::before {
    height: calc(100% - 100px);
  }

  .genre-process-card:hover::before {
    height: calc(100% - 80px);
  }
}

/* ===== Tablet (below 992px) ===== */
@media (max-width: 991px) {
  .genre-title {
    font-size: 36px;
  }

  .genre-services {
    padding: 70px 0;
  }

  .genre-services-sub {
    font-size: 24px;
  }

  .genre-services-book {
    display: none;
  }

  .genre-service-card {
    max-width: 420px;
    margin: 0 auto;
  }

  .genre-services-slider .slick-dots {
    margin-top: 20px;
  }

  .genre-services-slider .slick-dots button {
    width: 80px;
  }

  .genre-cater,
  .genre-process {
    padding: 60px 0;
  }

  .genre-cater-grid {
    grid-template-columns: repeat(4, 1fr);
  }

  .genre-cater-books img {
    height: 220px;
  }

  .genre-editors {
    padding: 60px 0 80px;
  }

  .genre-editor-card {
    height: calc(100% - 158px);
    margin-bottom: 55px;
  }
}

/* ===== Small tablet / mobile (below 768px) ===== */
@media (max-width: 767px) {
  body {
    font-size: 15px;
  }

  .genre-title {
    font-size: 30px;
  }

  .genre-services-sub {
    font-size: 20px;
  }

  .genre-cater-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
  }

  .genre-cater-item {
    height: 125px;
    font-size: 14px;
  }

  .genre-cater-item img {
    height: 46px;
  }

  .genre-cater-item i {
    font-size: 40px;
    line-height: 46px;
  }

  .genre-cater-books {
    gap: 12px;
  }

  .genre-cater-books img {
    height: 150px;
  }

  .genre-editor-card {
    height: auto;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }

  .genre-editor-card h4 {
    font-size: 28px;
  }

  .genre-process-card {
    flex: 0 0 100%;
  }
}

/* ===== Small mobile (below 480px) ===== */
@media (max-width: 479px) {
  .genre-title {
    font-size: 26px;
  }

  .genre-services-sub {
    font-size: 17px;
  }

  .genre-service-card {
    padding: 62px 20px 28px;
  }

  .genre-services-slider .slick-dots button {
    width: 56px;
    height: 9px;
  }

  .genre-cater-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .genre-cater-books img {
    height: 112px;
  }

  .genre-editor-card {
    margin-top: 90px;
    padding: 100px 20px 60px;
  }

  .genre-editor-photo {
    top: -90px;
    width: 180px;
    height: 180px;
    margin-left: -90px;
  }
}


/* ===== Easy 5-Step Process: Responsive ===== */
@media (max-width: 1399.98px) {
.process-icon {
     height: 50px;
}
  .process-img { margin: 0; }
}

@media (max-width: 1199.98px) {
  .process-title, .process-content h3 { font-size: 40px; }
  .process-nav-item { padding: 0 36px; }
  .process-name {
    font-weight: 500;
    line-height: 20px;
}
}

@media (max-width: 991.98px) {
  .process-sec { padding: 60px 0; }
  .process-title, .process-content h3 { font-size: 36px; }
  .process-nav { margin-bottom: 45px; }
  .process-nav-item { padding: 0 20px; }
  .process-icon { height: 72px; }
  .process-name { font-size: 17px; }
  .process-content p { max-width: none; }
  .process-img { margin-top: 40px; }
}

@media (max-width: 767.98px) {
  .process-nav { justify-content: flex-start !important; overflow-x: auto; scrollbar-width: none; margin: 0 -12px 40px; padding: 6px 12px 0; }
  .process-nav::-webkit-scrollbar { display: none; }
  .process-nav-item { flex-shrink: 0; padding: 0 18px; }
}

@media (max-width: 575.98px) {
  .process-sec { padding: 50px 0; }
  .process-title { font-size: 30px; margin-bottom: 30px; }
  .process-content h3 { font-size: 30px; }
  .process-step { font-size: 13px; margin-bottom: 14px; }
  .process-icon { height: 60px; }
  .process-name { font-size: 15px; }
  .process-btn { padding: 12px 24px; font-size: 15px; }
}


/* =========================================================
   Responsive styles | FAQ + Our Presence sections
   ========================================================= */

/* ---------- Large tablets / small laptops ---------- */
@media (max-width: 1199.98px) {
    .ape-presence-wrap {
        gap: 48px;
    }

    .ape-presence-flag {
        padding: 0 13px;
    }
}

/* ---------- Tablets ---------- */
@media (max-width: 991.98px) {
    .ape-faq-sec {
        padding: 50px 0;
    }

    .ape-faq-wrap {
        max-width: 640px;
    }

    .ape-faq-head {
        margin-bottom: 32px;
    }

    .ape-faq-title {
        font-size: 32px;
    }

    .ape-faq-card {
        min-height: 400px;
    }

    .ape-faq-card-title {
        max-width: 320px;
    }

    /* Presence stacks: title on top, flags below */
    .ape-presence-sec {
        padding: 36px 0 44px;
    }

    .ape-presence-wrap {
        flex-direction: column;
        gap: 26px;
    }

    .ape-presence-flag {
        padding: 0 14px;
    }
}

/* ---------- Large phones ---------- */
@media (max-width: 767.98px) {
    .ape-faq-head {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .ape-faq-eyebrow {
        font-size: 17px;
    }

    .ape-faq-title {
        font-size: 28px;
    }

    .ape-faq-chat-btn {
        margin-bottom: 0;
    }

    .ape-presence-title {
        font-size: 26px;
    }

    /* flags wrap into a 3 x 2 grid */
    .ape-presence-flags {
        flex-wrap: wrap;
        justify-content: center;
        max-width: 360px;
        row-gap: 26px;
    }

    .ape-presence-flag {
        width: 33.333%;
        display: flex;
        justify-content: center;
        padding: 0 8px;
    }

    .ape-presence-flag:nth-child(4)::before {
        display: none;
    }

    .ape-flag-ball {
        width: 70px;
        height: 70px;
    }
}

/* ---------- Small phones ---------- */
@media (max-width: 575.98px) {
    .ape-faq-sec {
        padding: 40px 0;
    }

    .ape-faq-title {
        font-size: 24px;
    }

    .ape-faq-card {
        min-height: 380px;
    }

    .ape-faq-card-body {
        padding: 0 22px 30px;
    }

    .ape-faq-card-title {
        font-size: 25px;
    }

    .ape-faq-accordion .accordion-button {
        font-size: 14px;
        padding-left: 14px;
        padding-right: 44px;
    }

    .ape-faq-accordion .accordion-button::after {
        right: 14px;
    }

    .ape-faq-accordion .accordion-body {
        padding: 4px 20px 20px 14px;
    }

    .ape-presence-title {
        font-size: 24px;
    }

    .ape-flag-ball {
        width: 62px;
        height: 62px;
    }

    .ape-presence-flag + .ape-presence-flag::before {
        height: 28px;
    }
}
