@media (max-width: 1440px) {
    section.st-navbar {
        padding: 50px 40px;
    }
    
    .st-hero-con {
        padding: 0px 40px 0px 50px;
    }
    
    .st-intro-video,
    .st-sell-container,
    .st-custome-container,
    .st-book-process,
    .st-appointment-container,
    .st-faq-container,
    .st-footer-container {
        padding: 0px 40px;
    }
    
    .col-md-text-center.pt-5 {
        padding: 1.5rem !important;
    }
    
    .self-publishing .owl-carousel .owl-nav {
        display: none !important;
    }
    
    .left-inner-row-content-container,
    .left-inner-row-3-content-container,
    .left-inner-row-5-content-container {
        padding: 40px 40px 40px 95px;
    }
    
    .left-inner-row-2-content-container,
    .left-inner-row-4-content-container {
        padding: 40px 82px 40px 60px;
    }
    
    .left-inner-row-circle-container,
    .left-inner-row-2-circle-container,
    .left-inner-row-3-circle-container,
    .left-inner-row-4-circle-container,
    .left-inner-row-5-circle-container {
        width: 68%;
    }
    
    section.cta.text-center {
        margin-left: 40px;
        margin-right: 40px;
    }
    
    .form-details {
        gap: 30px;
    }
}

@media (max-width: 1366px) {
    .circle-number {
        padding: 21px 40px 30px 38px;
    }
}

@media (max-width: 1024px) {
    a.logo img {
        width: 140%;
    }
    
    section.st-navbar {
        padding: 50px 22px 50px 22px;
    }
    
    section.st-hero-container::before {
        margin: 10px;
    }
    
    .btn-green, .btn-orange, .btn-white-border {
        font-size: 16px !important;
    }
    
    .h3, h3 {
        font-size: 1.3rem;
    }

    h1.st-hero-sec-heading,
    h3.pb-5.st-heading {
        font-size: 46px;
        line-height: 54px;
    }
    
    p.st-hero-sec-para {
        font-size: 18px;
        padding-bottom: 0px !important;
    }
    
    p.st-hero-sec-para-02 {
        font-size: 18px;
        padding-bottom: 1rem !important;
    }
    
    a.st-hero-call-btn,
    .st-hero-call-btn-2 {
        margin-bottom: 25px;
    }
    
    .head-form, .inner-form .get-started-form.main-form {
        padding: 40px 40px 40px 60px;
    }
    
    .head-form .get-started-form.main-form textarea.input-control.form-control {
        width: 96%;
    }
    
    h3.pb-5 {
        font-size: 1.2rem;
    }
    
    .new-play-inner {
        width: 103%;
    }
    
    .play-text {
        font-size: 18px;
    }
    
    .play-icon {
        width: 50px;
        height: 50px;
    }
    
    .st-hero-con,
    .st-intro-video,
    .st-sell-container,
    .st-appointment-container,
    .st-faq-container,
    .st-footer-container {
        padding: 0px;
    }
    
    .row.align-items-center.pb-5 {
        padding-bottom: 40px !important;
    }
    
    section.cta.text-center {
        margin-left: 0px;
        margin-right: 0px;
        padding: 60px 100px;
        margin-bottom: 0px;
    }
    
    .st-sell-responsive {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 20px;
    }
    
    .st-sell-responsive-col {
        flex: 0 0 100%;
        max-width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    
    h2.st-sell-heading-responsive {
        font-size: 46px;
        line-height: 54px;
        text-align: center;
    }
    
    p.st-sell-para-responsive {
        text-align: center;
        font-size: 18px;
        line-height: 26px;
        width: 90%;
    }
    
    .st-sell-btns-responsive {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
    
    h2.st-our-service-heading-responsive {
        font-size: 46px;
        line-height: 54px;
    }
    
    .st-custome-container,
    .st-book-process {
        padding: 0px;
        gap: 15px;
    }
    
    .book-box {
        height: 400px;
    }
    
    .book-box img {
        height: 45%;
    }
    
    .book-box h3 {
        font-size: 22px;
        line-height: 22px;
    }
    
    .book-box p {
        font-size: 16px !important;
        line-height: 22px !important;
    }
    
    .st-our-service-col-responsive {
        padding: 0px 10px;
    }
    
    section.marketing {
        padding: 40px 30px;
    }
    
    .marketing .container {
        padding: 40px 30px 50px 50px;
    }
    
    .st-marketing-custome,
    .st-marketing-img-responsive {
        gap: 12px;
        padding: 0px;
    }
    
    h2.st-marketing-heading-responsive {
        font-size: 38px;
        line-height: 44px;
    }
    
    img.lazy.st-self-publish-img {
        margin-top: -113px;
        margin-bottom: -108px;
    }
    
    h2.book-process-main-heading,
    h2.st-benefit-main-heading,
    h2.st-portfolio-main-heading,
    h2.st-why-choose-us-main-heading {
        width: 100%;
        gap: 15px;
        font-size: 46px;
        line-height: 54px;
    }
    
    p.st-book-process-para {
        width: 90%;
    }
    
    .st-book-process-col-responsive {
        padding: 0 10px;
    }
    
    .st-book-process-row-two {
        padding-top: 5px !important;
    }
    
    h4.pt-3.pb-2 {
        font-size: 22px;
        line-height: 28px;
        text-align: center;
    }
    
    .publishing .book-box {
        height: 400px;
    }
    
    section.self-publishing {
        padding: 40px 30px;
    }
    
    .st-benefit-container {
        gap: 30px;
    }
    
    .self-publish {
        padding: 25px;
        height: 400px;
    }
    
    .self-publish h3 {
        padding: 15px 0 10px;
        line-height: 28px;
        font-size: 24px;
    }
    
    img.self-publishing-slider-img {
        width: 35%;
    }
    
    .text-left {
        font-size: 16px;
        line-height: 24px;
    }
    
    span.self-publishing-line-1,
    span.self-publishing-line-2 {
        left: 30%;
        padding: 0px 30px;
    }
    
    .st-portfolio-container {
        gap: 15px;
        align-items: center;
    }
    
    .st-portfolio-img-responsive {
        padding: 0px 10px;
    }
    
    section.new-york-publisher {
        padding: 50px 30px;
    }
    
    h2.st-why-choose-us-main-heading {
        justify-content: center;
        padding: 0px 0px 40px 0px;
    }
    
    .st-inner-row-left,
    .st-inner-row-3-left,
    .st-inner-row-5-left {
        width: 43%;
    }
    
    .st-inner-row-right,
    .st-inner-row-3-right,
    .st-inner-row-5-right {
        width: 75%;
    }
    
    h3.content-heading {
        font-size: 22px;
        line-height: 22px;
    }
    
    p.content-para {
        font-size: 16px;
        line-height: 22px;
    }
    
    .left-inner-row-circle-container,
    .left-inner-row-3-circle-container,
    .left-inner-row-5-circle-container {
        height: 250px;
        padding: 0px;
    }
    
    .left-inner-row-circle-container::before,
    .left-inner-row-circle-container::after,
    .left-inner-row-3-circle-container::before,
    .left-inner-row-3-circle-container::after,
    .left-inner-row-5-circle-container::before,
    .left-inner-row-5-circle-container::after {
        padding: 50px;
    }
    
    p.circle-number-para {
        font-size: 70px;
    }
    
    .circle-number {
        padding: 11px 40px 15px 29px;
    }
    
    .circle-number-2,
    .circle-number-3,
    .circle-number-4,
    .circle-number-5 {
        padding: 11px 40px 15px 22px;
    }
    
    .left-inner-row-content-container, 
    .left-inner-row-3-content-container, 
    .left-inner-row-5-content-container {
        padding: 20px 40px 20px 89px;
        border-top-right-radius: 80px;
        border-bottom-right-radius: 80px;
    }
    
    .st-row-2,
    .st-row-3,
    .st-row-4,
    .st-row-5 {
        margin-top: -50px;
    }
    
    .st-inner-row-2-left,
    .st-inner-row-4-left {
        width: 44%;
    }
    
    .st-inner-row-2-right,
    .st-inner-row-4-right {
        width: 75%;
    }
    
    .left-inner-row-2-circle-container,
    .left-inner-row-4-circle-container {
        height: 250px;
        padding: 0px;
    }
    
    .left-inner-row-2-circle-container::before,
    .left-inner-row-2-circle-container::after,
    .left-inner-row-4-circle-container::before,
    .left-inner-row-4-circle-container::after {
        padding: 50px;
    }
    
    .left-inner-row-2-content-container, 
    .left-inner-row-4-content-container {
        padding: 20px 82px 20px 45px;
        border-top-left-radius: 80px;
        border-bottom-left-radius: 80px;
    }
    
    section.st-cta-center-responsive {
        margin-left: 30px !important;
        margin-right: 30px !important;
        padding: 60px 100px;
        margin-bottom: 40px !important;
    }
    
    h2.new-yourk-publisher-h2,
    h2.st-have-q {
        font-size: 46px;
        line-height: 54px;
    }
    
    p.st-textimonial-main-para {
        width: 70%;
    }
    
    .st-col-md-8 {
        padding: 0px;
    }
    
    .self-pub {
        padding: 25px;
    }
    
    .testmonial .self-pub p {
        font-size: 16px;
        text-align: center;
    }
    
    .st-client-details {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    
    h3.st-appointment-form {
        font-size: 34px;
        line-height: 40px;
        width: 70%;
    }
    
    p.st-appointment-main-para {
        width: 70%;
    }
    
    .last-form {
        padding: 20px;
        border-radius: 30px;
    }
    
    textarea.input-control.form-control {
        height: 120px !important;
        padding: 16px 20px;
    }
    
    .input-control, select#ser-select {
        height: calc(2.5rem + 8px) !important;
        padding: 12px 20px;
        font-size: 18px;
    }
    
    h2.st-faq-heading-responsive {
        font-size: 46px;
        line-height: 54px;
    }
    
    .faq-sec .card-header a {
        font-size: 18px;
        padding: 0px 0;
    }
    
    .faq-sec img {
        left: 46px;
        top: -198px;
        width: 84%;
    }
    
    div#accordion {
        gap: 0px;
    }
    
    .faq-sec .card-header a.card-link.collapsed:after {
        top: 20px;
    }
    
    footer {
        padding: 40px 0 0;
    }
    
    .modal, footer .logo img {
        max-width: 70%;
    }
    
    p.st-footer-para {
        font-size: 18px;
        line-height: 26px;
    }
    
    img.lazy.st-self-publish-img {
        margin-top: -164px;
        margin-bottom: -159px;
        /* margin-left: -95px !important; */
        transform: translate(133px, 0px);
    }
}

@media (max-width: 768px) {
    section.st-navbar {
        padding: 40px 30px 40px 30px;
    }
    
    .st-hero-row {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    
    .st-hero-col {
        flex: 0 0 100%;
        max-width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    
    h1.st-hero-sec-heading, h3.pb-5.st-heading {
        font-size: 40px;
        line-height: 46px;
        text-align: center;
    }
    
    p.st-hero-sec-para {
        font-size: 16px;
        padding-bottom: 0px !important;
        text-align: center;
        width: 80%;
    }
    
    p.st-hero-sec-para-02 {
        font-size: 16px;
        text-align: center;
        width: 80%;
    }
    
    .row.align-item-center {
        width: 100%;
    }
    
    .head-form, .inner-form .get-started-form.main-form {
        padding: 30px 30px 30px 50px;
    }
    
    label.chota_fnt {
        display: block;
        line-height: 24px;
        font-size: 16px;
    }
    
    h2.book-process-main-heading, 
    h2.st-benefit-main-heading, 
    h2.st-portfolio-main-heading, 
    h2.st-why-choose-us-main-heading {
        width: 100%;
        gap: 15px;
        font-size: 32px;
        line-height: 34px;
    }
    
    h2.st-marketing-heading-responsive {
        font-size: 30px;
        line-height: 36px;
        text-align: left;
    }
    
    .st-marketing-pg {
        font-size: 16px;
        text-align: left;
        width: 85%;
    }
    
    .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 80%;
        max-width: 100%;
    }
    
    h2.new-yourk-publisher-h2, h2.st-have-q {
        font-size: 32px;
        line-height: 34px;
    }
    
    p.st-appointment-main-para {
        width: 72%;
    }
    
    .form-details {
        gap: 20px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    .form-img {
        width: 100%;
    }
    
    .last-form {
        padding: 20px;
        border-radius: 30px;
        width: 100%;
    }
    
    form#quoteForm {
        width: 95%;
    }
    
    img.lazy.st-self-publish-img {
        margin-top: -272px;
        margin-bottom: -52px;
        margin-right: -55px;
        width: 60%;
    }
    
    .st-inner-row-left,
    .st-inner-row-3-left, 
    .st-inner-row-5-left {
        width: 10%;
    }
    
    .st-inner-row-right,
    .st-inner-row-3-right, 
    .st-inner-row-5-right {
        width: 90%;
    }
    
    .st-row-2, 
    .st-row-3, 
    .st-row-4, 
    .st-row-5 {
        margin-top: 10px;
    }
    
    .st-inner-row-2-right, 
    .st-inner-row-4-right {
        width: 90%;
    }
    
    .st-inner-row-2-left, 
    .st-inner-row-4-left {
        width: 10%;
    }
    
    .left-inner-row-2-content-container, 
    .left-inner-row-4-content-container {
        border-top-left-radius: 60px;
        border-bottom-left-radius: 60px;
    }
    
    .left-inner-row-content-container, 
    .left-inner-row-3-content-container, 
    .left-inner-row-5-content-container {
        padding: 20px 40px 20px 89px;
        border-top-right-radius: 60px;
        border-bottom-right-radius: 60px;
    }
    
    .faq-sec img {
        left: 30px;
        top: -113px;
        width: 100%;
    }
    
    .col-md-6.text-right {
        text-align: left !important;
    }
    
    div#customPopup {
        display: none;
    }
    
    .row.align-items-center.pb-5 {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    
    h3.pb-5 {
        text-align: center;
    }
    
    h2.st-intro-heading-responsive {
        font-size: 40px;
        line-height: 50px;
        text-align: center;
        padding-bottom: 20px !important;
    }
    
    .mobile-screen #list-btn {
        display: block;
        color: #ffffff;
        position: absolute;
        top: -43px;
        right: 0;
        font-size: 30px;
        transition: .5s;
        -webkit-transition: .25s;
        z-index: 99999999;
    }
}


@media (max-width: 767px){
    div#customPopup {
        display: none;
    }
    
    section.st-hero-container::before {
        margin: 3px;
    }
    
    h1.st-hero-sec-heading, 
    h3.pb-5.st-heading {
        font-size: 30px;
        line-height: 36px;
        text-align: center;
    }
    
    section.nav-bar a.logo img {
        height: auto;
        width: 160px !important;
    }
    
    section.st-navbar {
        padding: 20px 20px 20px 20px;
    }
    
    .h3, h3 {
        font-size: 1rem;
    }
    
    p.st-hero-sec-para,
    p.st-hero-sec-para-02 {
        width: 95%;
    }
    
    .st-hero-sec-btns-responsive {
        display: flex;
        flex-direction: row;
        align-items: baseline;
        justify-content: center;
        padding-top: 10px;
    }
    
    .btn-green, .btn-orange, .btn-white-border, input#register {
        padding: 10px 20px;
        margin: 0;
    }
    
    .main-banner img {
        margin: 0px;
        max-width: 90%;
    }
    
    .st-hero-con, 
    .st-intro-video, 
    .st-sell-container, 
    .st-appointment-container, 
    .st-faq-container, 
    .st-footer-container {
        padding: 0px 20px;
    }
    
    .pb-3, .py-3 {
        padding-bottom: 0px !important;
    }
    
    form#quoteForm {
        width: 100%;
    }
    
    .head-form, 
    .inner-form .get-started-form.main-form {
        padding: 15px 15px 15px 40px;
    }
    
    .st-hero-form-btn {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .main-banner {
        padding: 115px 0 40px !important;
    }
    
    .st-hero-con, 
    .st-intro-video, 
    .st-sell-container, 
    .st-appointment-container, 
    .st-faq-container, 
    .st-footer-container {
        padding: 0px 15px;
    }
    
    section.cta.text-center {
        padding: 20px 0px;
    }
    
    h2.st-sell-heading-responsive {
        font-size: 30px;
        line-height: 36px;
    }
    
    h2.st-our-service-heading-responsive {
        font-size: 30px;
        line-height: 36px;
    }
    
    h5.title.st-our-service-title.text-center {
        font-size: 16px;
        padding: 15px 40px;
    }
    
    .st-custome-container, 
    .st-book-process {
        padding: 0px 20px;
        gap: 10px;
    }
    
    section.marketing {
        padding: 40px 15px;
    }
    
    img.lazy.st-self-publish-img {
        display: none;
    }
    
    h2.st-marketing-heading-responsive {
        text-align: center;
    }
    
    .marketing .container {
        padding: 30px 30px 30px 38px;
    }
    
    .st-marketing-pg {
        text-align: center;
        width: 100%;
    }
    
    .st-marketing-btns {
        gap: 0px;
        width: 100%;
    }
    
    .st-marketing-custome {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    h2.book-process-main-heading, h2.st-portfolio-main-heading, h2.st-why-choose-us-main-heading {
        font-size: 30px;
        line-height: 36px;
        flex-wrap: wrap;
        width: 100%;
        gap: 0px;
    }
    
    h2.st-benefit-main-heading {
        font-size: 30px;
        line-height: 22px;
        flex-wrap: wrap;
        width: 104%;
    }
    
    p.st-book-process-para {
        width: 100%;
        font-size: 16px !important;
    }
    
    .col-md-text-center.pt-5 {
        padding: 10px 0px 0px 0px !important;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
    
    section.self-publishing {
        padding: 40px 20px;
    }
    
    .intro-video-tabs p, .web-tabs p {
        font-size: 16px;
        padding: 0px;
    }
    
    section.st-cta-center-responsive {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }
    
    .row.align-items-center.pb-5 {
        padding-bottom: 0px !important;
    }
    
    h2.new-yourk-publisher-h2, h2.st-have-q {
        width: 100%;
        align-items: center;
        justify-content: center;
    }
    
    .st-col-md-8 {
        padding: 0px 23px;
    }
    
    p.st-textimonial-main-para {
        width: 95%;
        font-size: 16px;
    }
    
    h3.st-appointment-form {
        font-size: 26px;
        line-height: 30px;
        width: 90%;
    }
    
    p.st-appointment-main-para {
        width: 95%;
    }
    
    h2.st-faq-heading-responsive {
        font-size: 30px;
        line-height: 36px;
        text-align: center;
        padding-bottom: 15px !important;
    }
    
    .faq-sec .card-header a {
        line-height: 25px;
    }
    
    .faq-sec img {
        display: none;
    }
    
    .col-md-7.pb-md-5 {
        padding: 0px 20px 40px;
    }
    
    .col-md-6 {
        flex: 0 0 99%;
    }
    
    h3.intro-video-para-responsive {
        font-size: 18px;
        padding-bottom: 20px !important;
    }
    
    .new-play-inner {
        width: 112%;
    }
    
    .new-play-btn {
        left: 46%;
    }
    
    .st-sell-btns-responsive {
        padding-top: 25px;
    }
    
    h2.st-intro-heading-responsive {
        font-size: 32px;
        line-height: 34px;
    }
    
    .st-inner-row-left, 
    .st-inner-row-3-left, 
    .st-inner-row-5-left {
        width: 0%;
    }
    
    .st-inner-row-right, 
    .st-inner-row-3-right, 
    .st-inner-row-5-right {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    
    .st-inner-row-2-left, 
    .st-inner-row-4-left {
        width: 0%;
    }
    
    .st-inner-row-2-right, 
    .st-inner-row-4-right {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    
    .left-inner-row-content-container, 
    .left-inner-row-3-content-container, 
    .left-inner-row-5-content-container {
        padding: 40px 30px 30px 30px;
        border-top-left-radius: 60px;
        border-bottom-left-radius: 60px;
        margin-left: 0px;
        align-items: center;
        margin-top: -30px;
    }
    
    p.content-para {
        text-align: center;
    }
    
    .left-inner-row-2-content-container, 
    .left-inner-row-4-content-container {
        border-top-right-radius: 60px;
        border-bottom-right-radius: 60px;
        padding: 40px 30px 30px 30px;
        margin-right: 0px;
        align-items: center;
        margin-top: -30px;
    }
    
    .mobile-screen #list-btn {
        top: -52px;
    }
    
    nav.mobile-view {
        width: 55% !important;
    }
    
    .st-tab-content-slider {
        padding: 0px 10px 0px 30px;
    }
}

@media (max-width: 390px) {
    .new-play-inner {
        width: 123%;
    }
    
    h2.st-marketing-heading-responsive {
        font-size: 26px;
        line-height: 32px;
    }
    
    h2.book-process-main-heading {
        width: 100%;
    }
    
    h2.st-benefit-main-heading {
        font-size: 25px;
        line-height: 17px;
        flex-wrap: wrap;
        gap: 10px;
    }
    
    .left-inner-row-circle-container, .left-inner-row-3-circle-container, .left-inner-row-5-circle-container {
        height: 220px;
    }
    
    .left-inner-row-2-circle-container, .left-inner-row-4-circle-container {
        height: 220px;
    }
    
    .circle-number {
        padding: 0px 0px 11px 19px;
    }
    
    .circle-number-2, .circle-number-3, .circle-number-4, .circle-number-5 {
        padding: 3px 0px 8px 13px;
    }
    
    p.circle-number-para {
        font-size: 60px;
    }
    
    .copyright a, .copyright p {
        font-size: 16px;
    }
    
    .st-tab-content-slider {
        padding: 0px 10px 0px 30px;
    }
}