@media only screen and (max-width: 1920px) {}

@media only screen and (max-width: 1700px) {}

@media only screen and (max-width: 1600px) {
    .bookNauthor .author {
        margin-left: 4rem;
    }
    .bookNauthor .authorOfWeek>h4 {
        margin-left: -2rem;
    }
    .serviceThumb {
        min-height: 23rem;
    }
    .mainBan {
        min-height: 44rem;
    }
}

@media only screen and (max-width: 1500px) {}

@media only screen and (max-width: 1440px) {
    html {
        font-size: 15px;
    }
    .mainBan {
        /*min-height: 56rem;*/
    }
    .mainBan .textStroke {
        bottom: 4.3rem;
    }
    .serviceThumb {
        min-height: 26rem;
    }
    .bottom_circle_wrapper {
        left: -42rem;
    }
    .top_circle_wrapper {
        right: -33rem;
    }
}

@media only screen and (max-width: 1366px) {
    html {
        font-size: 14px;
    }
    .bookNauthor .book img {
        width: 20rem;
    }
    .mainBan .textStroke {
        bottom: 4.3rem;
        bottom: 4.3rem;
    }
    .bookSec .textStroke,
    .mainBan .textStroke {
        font-size: 6rem;
    }
    .hireProfessional .bookBefore {
        width: 14rem;
        margin-top: 1rem;
    }
}

@media only screen and (max-width: 1199px) {
    html {
        font-size: 13px;
    }
    .mainBan {
        align-items: center;
    }
    .mainBan h2 {
        font-size: 3rem;
    }
    .mainBan p {
        margin: 1rem 0 2rem;
    }
    .bookNauthor .author {
        margin-left: 1rem;
    }
}

@media(max-width:1170px) {
    .mainBan h2 {
        font-size: 30px;
    }
    .mainBan {
        min-height: 47rem;
        padding: 5rem 0rem 0rem 0rem;
    }
    .top_circle_wrapper {
        right: -38rem;
    }
}

@media(max-width:1099px) {
    .banner-book-slider img {
        display: block;
        margin: 30px auto 0;
        width: 56%;
    }
}

@media(max-width:981px) {
    .element-item {
        width: 220px !important;
    }
    .new_pf div#filters button {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 991px) {
    html {
        font-size: 12px;
    }
    .mainBan {
        min-height: auto;
        padding: 11rem 0 4rem;
    }
    .main-example {
        margin-top: 0;
    }
    .mainBan h2 {
        font-size: 2.5rem;
    }
    .mainBan .input-group {
        width: 100%;
    }
    .mainBan .input-group .form-control {
        width: 100%;
    }
    .mainBan .textStroke {
        font-size: 6rem;
        bottom: -3rem;
    }
    .cellRow {
        flex-direction: row;
        margin: 3rem 0;
    }
    .bookSec .girl {
        width: 40rem;
        margin: 0 auto;
        display: block;
    }
    .hireProfessional .bookBefore,
    .hireProfessional .bookAfter {
        display: none;
    }
    .expectedThumb,
    .serviceThumb {
        margin: 0 7.5px;
    }
    .serviceThumb {
        min-height: 30rem;
    }
    .vaultThumb {
        margin: 0 7.5px 4rem;
        padding: 2rem;
    }
    .vaultThumb img {
        margin: 0 auto;
    }
    .testimonialCarousel .slick-dots {
        right: -2rem;
    }
    .mainBan .themeBtn {
        border-radius: 5px !important;
    }
    .mainBan .input-group .frm-grup-cta-btn {
        justify-content: flex-end;
    }
    .mainBan .col-md-7,
    .mainBan .col-md-5 {
        flex: unset !important;
        max-width: 100% !important;
        width: 100%;
    }
    .mainBan .col-md-5 {
        padding-top: 30px;
    }
    .shade_wrapper {
        position: absolute;
        bottom: -28rem;
        width: 63rem;
        left: -1rem;
    }
    .quoet_section .col-md-7,
    .quoet_section .col-md-5 {
        flex: unset;
        max-width: 100%;
        width: 100%;
    }
    .quoet_content {
        text-align: center;
    }
    .quote_img_wrapper {
        display: flex;
        justify-content: center;
    }
    .quoet_section .col-md-5 {
        order: -1;
        padding-bottom: 50px;
    }
    .quote_btn_wrapper {
        display: flex;
        justify-content: center;
    }
    .books_section .col-md-5 {
        display: none;
    }
    .books_section .col-md-7 {
        flex: unset;
        max-width: 100%;
        width: 100%;
    }
}

@media(max-width:960px) {}

@media only screen and (max-width: 767px) {
    html {
        font-size: 11px;
    }
    h2 {
        font-size: 2.4rem;
    }
    .mainBan {
        padding: 14rem 0 7rem;
        text-align: center;
    }
    .main-example {
        text-align: center;
    }
    .mainBan h2 strong {
        display: block;
        font-size: 4rem;
    }
    .hireProfessional p,
    .mainBan p {
        font-size: 1.5rem;
    }
    .mainBan .input-group {
        margin-bottom: 3rem;
    }
    .bookNauthor {
        justify-content: space-around;
    }
    .bookNauthor .authorOfWeek>h4 {
        position: unset;
        writing-mode: horizontal-tb;
        transform: scale(1);
        font-size: 1.125rem;
    }
    .mainBan .textStroke {
        font-size: 4rem;
        bottom: 2rem;
        transform: translateX(-10rem);
    }
    .vaultWork .nav-pills {
        flex-direction: column;
        gap: 0;
        margin-bottom: 5rem;
    }
    .hireProfessional h2 {
        font-size: 2.5rem;
    }
    .serviceThumb {
        padding: 1rem;
        min-height: 33rem;
    }
    .serviceThumb h4 {
        font-size: 2rem;
    }
    .serviceThumb p {
        font-size: 1.3rem;
    }
    .cellRow .cell h4 span {
        font-size: 5rem;
    }
    .cellRow .cell h4 {
        font-size: 1.75rem;
    }
    .testimonialSec .testiTriangle {
        width: 40%;
    }
    .testimonialSec .square {
        width: 36rem;
        height: 36rem;
    }
    .bookNauthor .author {
        width: 14rem;
        padding-top: 1.5rem;
    }
    .bookNauthor .author .content {
        margin-bottom: 1rem;
    }
    footer {
        text-align: center;
    }
    footer ul {
        justify-content: center;
        margin: 1rem 0 0;
    }
    .testimonialCarousel .slick-dots {
        position: unset;
        transform: translateX(0);
        flex-direction: row;
        justify-content: center;
        gap: 1rem;
        margin-top: 2rem;
    }
    .formStyle .form-btn {
        margin: 0 -3.5rem;
    }
    .quote_btn_wrapper {
        justify-content: center;
    }
    .footer_links {
        justify-content: center;
    }
    .email_form_content {
        text-align: center;
        padding-top: 30px;
    }
    .mCSB_container {
        top: 0 !important;
    }
    .email_form_wrapper .leadForm .form-control {
        font-size: 14px;
    }
    #signupBtn {
        font-size: 14px;
    }
    .finesttestimonial .testwrap .wrap h6{ height: initial; }
    .finesttestimonial .testwrap .item{ min-height: 436px; }
    .book_items{ min-height: 412px; }
}

@media(max-width:736px) {
    .shade_wrapper {
        left: -7rem;
    }
    .offset-1 {
        margin-left: 0;
    }
    .seller_title {
        font-size: 35px;
    }
    .email_form_content {
        text-align: center;
        padding-top: 30px;
    }
}

@media only screen and (max-width: 575px) {
    html {
        font-size: 10px;
    }
    p {
        font-size: 15px;
    }
    header {
        text-align: center;
    }
    header .opt {
        margin-top: 1.5rem;
        justify-content: space-around;
    }
    .mainBan h2 strong {
        font-size: 3rem;
    }
    .mainBan .input-group .form-control {
        font-size: 1.25rem;
    }
    .bookNauthor .author {
        width: 12rem;
    }
    .bookAuthorCarousel {
        margin-right: 0;
    }
    .bookNauthor .book img {
        width: 16rem;
    }
    .bookNauthor .author {
        width: 10rem;
        margin: 0;
    }
    .bookNauthor .author .content h4 {
        font-size: 1.125rem;
    }
    .cellRow {
        flex-direction: column;
    }
    .bookSec .girl,
    .bookSec .textStroke,
    .mainBan .textStroke,
    .testimonialSec .testiTriangle {
        display: none;
    }
    footer :is(p, a) {
        font-size: 14px;
    }
    .testiThumb strong {
        font-size: 1.5rem;
    }
    .serviceThumb {
        min-height: 28rem;
    }
    .formStyle .form-btn {
        margin: 0 0;
    }
    .formStyle button {
        font-size: 1.7rem;
    }
    #entry-popup {
        transform: scale(0.9);
    }
    .testiThumb {
        min-height: 32rem;
    }
}

@media(max-width:480px) {
    .mainBan {
        padding: 18rem 0 7rem;
        text-align: center;
    }
    .shade_wrapper {
        left: 0;
        width: 100%;
    }
    .container {
        padding-left: 24px;
        padding-right: 24px;
    }
    .quote_title {
        font-size: 30px;
    }
    .quoet_section {
        padding: 40px 0px 100px 0px;
    }
    .book_title {
        font-size: 24px;
    }
    .element-item {
        width: 100% !important;
    }
    .seller_title {
        font-size: 30px;
    }
    .logo_wrapper {
        display: flex;
        justify-content: center;
    }
    .mCSB_container {
        font-size: 15px;
    }
}

@media(max-width:414px) {
    .mainBan h2 {
        font-size: 20px;
    }
    .mainBan .col-md-5 {
        padding-top: 0;
    }
    .btnWrap {
        flex-direction: column;
    }
    .btnWrap .quote_btn {
        margin: 0;
        width: 100%;
    }
}

@media(max-width:350px) {
    .quote_btn {
        padding: 15px 20px;
        width: auto;
    }
}

@media only screen and (min-width: 1100px) and (max-width: 1620px) {
    .banner-book-slider img {
        display: block;
        margin: 30px auto 0;
        width: 56% !important;
    }
}

@media (min-width: 1200px) {
    .new_pf .container {
        max-width: 1230px;
    }
}
