@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    
    .ready_img {
        top: -40px;
        right: 100px;
        width: 250px
    }
    .counter_sec .projectFactsWrap p,
    .counter_sec .projectFactsWrap span,
    .sec_head h2,
    .testi-text h2,
    section.faqs-wrap h2 {
        font-size: 35px;
        line-height: 40px
    }
    .sec_head p {
        font-size: 15px;
        line-height: 26px;
        margin: 0 0 20px
    }
    .about_sec {
        padding: 80px 0 90px
    }
    .about_banner .carousel-item>img {
        height: 730px
    }
    .available_box {
        padding: 30px 20px;
        border: 1px solid #000;
        border-radius: 10px
    }
    
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    
    .banner_text h1 {
        font-size: 48px
    }
    .publish-book h2 {
        font-size: 50px
    }
    .mochup-slider .slick-prev {
        left: 155px
    }
    .mochup-slider .slick-next {
        right: 155px
    }
    .testi-text h2 {
        font-size: 30px;
        margin-bottom: 10px;
        line-height: 1.2
    }
    .faqs-wrap .accordion-item button {
        font-size: 18px
    }
    .ready_img {
        top: -40px;
        right: 100px;
        width: 250px
    }
    .sec_head h2,
    .whats-next-text h2,
    section.faqs-wrap h2 {
        font-size: 30px;
        line-height: 40px
    }
    .sec_head p {
        font-size: 14px;
        line-height: 25px;
        margin: 0 0 20px
    }
    .about_sec {
        padding: 80px 0 90px
    }
    .about_banner .carousel-item>img {
        height: 450px;
    }
    .test_page_box {
        padding: 20px;
        margin: 0 0 60px !important
    }
    .available_box h5 {
        font-size: 22px;
        line-height: 30px;
        margin: 0 0 20px
    }
    .available_box p {
        font-size: 15px;
        line-height: 25px
    }
    .available_box {
        padding: 30px 20px;
        height: 270px
    }
    .footer_contact p a br {
        display: none
    }
    ul.category-list li {
        width: 22%
    }
    ul.contact-lst li a,
    ul.contact-lst2 li a {
        font-size: 13px !important;
        padding: 18px 10px !important
    }
    ul.contact-lst li {
        margin: 0 0 0 10px
    }
    .menuSec ul li a {
        padding: 10px 15px;
        font-size: 14px
    }
    .cta-b img {
        display: none;
    }
    
    .about_sec .slick-slide {
        opacity: 1 !important;
    }
    
    .interested-form-text textarea {
        height: 100px;
    }
    
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    
    .what-next-btn ul li a {
        width: auto
    }
    .banner_text h1 {
        font-size: 38px;
        line-height: 1.2
    }
    .cta-s1,
    .sec_head h2,
    section.cta h2 {
        font-size: 36px;
        line-height: 1.2
    }
    .publish-book h2 {
        font-size: 42px;
        line-height: 50px
    }
    .publishing-logos p {
        padding-right: 5px;
        font-size: 14px
    }
    .discover-box h3 {
        font-size: 20px
    }
    .discover-box {
        padding: 30px 15px
    }
    .cta-b img {
        right: 10px
    }
    .mochup-slider .slick-next {
        right: 85px
    }
    .mochup-slider .slick-prev {
        left: 85px
    }
    .testi-text h2 {
        font-size: 32px;
        margin-bottom: 10px;
        line-height: 45px
    }
    .faqs-wrap .accordion-item button {
        font-size: 16px
    }
    .footer_contact p a {
        font-size: 15px
    }
    .footerSec p {
        padding-right: 0
    }
    .sec_head br {
        display: none
    }
    .explore_box {
        height: 230px
    }
    .explore_box h5 {
        font-size: 16px;
        line-height: 30px
    }
    .discuss_box h4 {
        font-size: 25px;
        line-height: 35px
    }
    .ready_img {
        top: -50px;
        right: 20px;
        width: 120px
    }
    .mochup-text a.theme_btn {
        width: 100% !important
    }
    .mochup-text {
        width: 230px;
        height: 280px
    }
    .mochup-slider .slick-slide.slick-current.slick-active.slick-center .mochup-box ul .d_mock {
        width: 200px;
        height: 280px
    }
    .mochup-text p {
        font-size: 18px;
        line-height: 1.2
    }
    .mochup-slider .slick-next:before,
    .mochup-slider .slick-prev:before {
        color: #000
    }
    .avaiable_sec .row {
        justify-content: center
    }
    .available_box h5 {
        font-size: 18px;
        line-height: 25px
    }
    .available_box {
        padding: 30px 20px;
        height: 230px;
    }
    .avaiable_sec .col-lg-3.col-md-6.col-12 .available_box p {
        font-size: 14px
    }
    .avaiable_sec .col-lg-3.col-md-6.col-12 .available_box {
        padding: 20px;
        height: 280px
    }
    ul.category-list li {
        width: 22%
    }
    .section-category h2 {
        font-size: 35px;
        line-height: 1.2
    }
    .footerSec h5 {
        font-size: 19px
    }
    .draft_boxes .available_box {
        height: 210px
    }
    .risk_sec a {
        width: auto;
        font-size: 14px;
        padding: 10px 15px
    }
    .menuSec ul li a {
        padding: 10px 15px;
        font-size: 13px;
        font-weight: 600
    }
    ul.contact-lst li {
        margin: 0 0 0 5px
    }
    ul.contact-lst li a,
    ul.contact-lst2 li a {
        font-size: 11px !important;
        padding: 15px 10px !important
    }
    ul.contact-lst li a span {
        margin-top: 0;
        margin-right: 7px
    }
    ul.contact-lst li img {
        width: 30px !important
    }
    .logo img {
        width: 100%
    }
    .about_banner .carousel-item>img {
        height: 420px;
        object-position: 100%;
    }
    .service_banner h6 {
        font-size: 16px;
        line-height: 1.2;
        font-weight: 500
    }
    .about_sec {
        padding: 80px 0 40px
    }
    .about_sec .row.align-items-center {
        margin-bottom: 30px
    }
    .began_img .slick-slide {
        opacity: 1 !important;
    }
    
    .about_sec .slick-dots {display: none !important;}
    
    .what-next-btn ul {
        margin-top: 0 !important;
    }
    .available_box p {
        font-size: 14px;
        line-height: 1.3;
    }
    .section-category ul.category-list {
        text-align: center;
    }
    
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ebook-formating-services-pgg h6 {
        font-size: 15px;
        margin: 0 0 0;
    }
    .ebook-formating-services-pgg .banner_text a.theme_btn {
        margin-right: 0 !important;
        width: auto !important;
        font-size: 15px !important;
        padding: 10px 30px !important;
    }
    
    .available_box,
    .discuss_box {
        margin-bottom: 20px
    }
    .banner_text p {
        font-size: 14px;
        line-height: 22px;
        margin: 10px 0 20px;
        padding: 0 0 0 10px
    }
    section.faqs-wrap {
        padding: 40px 0
    }
    .service_banner h6 {
        font-size: 16px;
        line-height: 1.2;
        font-weight: 500
    }
    .keep_all_list li,
    .sec_head p {
        line-height: 23px;
        font-size: 14px
    }
    .what-next-btn ul {
        margin-top: 0;
        gap: 10px;
    }
    .counter_sec .projectFactsWrap p,
    .counter_sec .projectFactsWrap span,
    section.cta h2 {
        font-size: 25px;
        line-height: 1.3;
    }
    .cta-s1 {
        font-size: 35px
    }
    .sec_head p {
        margin: 0 0 20px
    }
    .about_banner .carousel-item>img {
        height: 450px;
        object-position: center;
    }
    section.whats-next-cta:before {
        height: 90%;
        top: 50% !important;
        transform: translate(0, -50%)
    }
    .risk_sec ul.d-flex a {
        padding: 7px;
        width: auto !important;
        font-size: 11px
    }
    .what-next-btn ul li a {
        width: auto
    }
    .avaiable_sec .col-lg-3.col-md-6.col-12 .available_box p,
    .whats-next-text p {
        font-size: 14px
    }
    .avaiable_sec .row {
        justify-content: center
    }
    .available_box h5 {
        font-size: 18px;
        line-height: 25px
    }
    .available_box {
        padding: 30px 20px;
        height: 100%;
        max-height: -webkit-fill-available;
    }
    .ready_img {
        top: -50px;
        right: 20px;
        width: 120px
    }
    .projectFactsWrap {
        gap: 0;
    }
    .whats-next-text h2,
    section.faqs-wrap h2 {
        font-size: 30px;
        line-height: 1.2
    }
    .sec_head h2 {
        font-size: 25px;
        line-height: 35px
    }
    .publishing-logos ul li img {
        width: 100px
    }
    .publishing-logos h3 {
        font-size: 18px;
        margin-bottom: 10px
    }
    .publishing-logos p {
        width: 85%;
        font-size: 13px
    }
    .publish-book h2 {
        font-size: 34px;
        line-height: 45px
    }
    .publish-book a.theme_btn {
        font-size: 12px
    }
    .offset-2 {
        margin: 0
    }
    .discover-box h3 {
        font-size: 25px
    }
    .discover-box {
        padding: 30px 15px
    }
    .cta-b img {
        right: 0;
        width: 18%;
        top: -120px
    }
    .form-box input {
        margin-bottom: 15px
    }
    .mochup-slider .slick-next {
        right: 0
    }
    .mochup-slider .slick-prev {
        left: 0
    }
    .testi-slider-nav .slick-next,
    .testi-slider-nav .slick-prev {
        left: -30px
    }
    .testi-slider-nav .slick-next:before,
    .testi-slider-nav .slick-prev:before {
        padding: 5px 10px
    }
    .faqs-wrap .accordion-item button {
        font-size: 15px;
        line-height: 30px
    }
    footer ul.socail-link {
        margin-bottom: 30px
    }
    a.theme_btn {
        width: inherit !important;
        margin-top: 10px;
        margin-right: 10px;
    }
    .banner_text h1 {
        font-size: 30px;
        line-height: 40px
    }
    .publishing-logos {
        margin-top: 60px
    }
    .what-next-btn a.theme_btn {
        padding: 10px 20px;
        font-size: 13px;
        margin-right: 0;
    }
    .mochup-text a.theme_btn {
        width: 100% !important
    }
    .mochup-text {
        width: 230px;
        height: 280px
    }
    .mochup-slider .slick-slide.slick-current.slick-active.slick-center .mochup-box ul .d_mock {
        width: 200px;
        height: 280px
    }
    .mochup-text p {
        font-size: 18px;
        line-height: 1.2
    }
    .mochup-slider .slick-next:before,
    .mochup-slider .slick-prev:before {
        color: #000
    }
    .footerSec .col-sm-12.col-md-12.col-lg-7 h5 {
        margin-top: 30px
    }
    .sec_head br,
    .sec_head p br {
        display: none
    }
    ul.category-list li {
        width: 22%
    }
    .section-category h2 {
        font-size: 35px;
        line-height: 1.2
    }
    .footerSec h5 {
        font-size: 19px
    }
    .draft_boxes {
        gap: 10px;
        flex-wrap: wrap;
        justify-content: center
    }
    .draft_boxes li {
        flex: unset;
        width: 49%
    }
    .draft_boxes .available_box {
        height: 130px
    }
    .about_sec {
        padding: 30px 0 50px
    }
    .menuSec ul li a {
        padding: 5px 20px;
        font-size: 16px;
        font-weight: 600
    }
    ul.contact-lst li {
        margin: 0 0 0 5px
    }
    ul.contact-lst li a,
    ul.contact-lst2 li a {
        font-size: 14px !important;
        padding: 10px 5px !important
    }
    ul.contact-lst li a span {
        margin-top: 0;
        margin-right: 7px
    }
    ul.contact-lst li img {
        width: 20px !important
    }
    .logo img {
        width: 20%;
        display: block;
        margin: 0 auto;
    }
    
    .projectFactsWrap>* {
        display: flex;
        flex: 30%;
        justify-content: center;
    }
    
    .counter_sec .projectFactsWrap h4 {
        font-size: 16px;
    }
    
    .interested-form-text textarea {
        height: 100px;
    }
    
    .interested-form-text input {
        height: 45px;
    }
    
    .footer-bottm .linkss {
        display: flex;
        justify-content: center;
        gap: 20px;
    }
    
    .main-header .row > * {
        width: 100%;
    }
    
    .main-header ul.contact-lst {
        justify-content: center;
        margin-top: 12px;
    }
    .slick-dots {
        display: none !Important; 
    }
    
    .about_sec .slick-slide {
        opacity: 1 !important;
    }
    .began_img img {
        margin: 20px 0px;
    }
        .avaiable_sec .row .col-4 {
        width: 50%;
    }
    .about_sec ul.d-flex li {
        margin: 0 !important;
    }
    
    .about_sec ul.d-flex li a {
        margin: 0 !important;
    }
    
    .about_sec ul.d-flex {
        gap: 10px;
    }
    
    .section-category ul.category-list {
        text-align: center;
    }
    
}

@media only screen and (min-width: 520px) and (max-width: 767px) {
    .ebook-formating-services-pgg .about_sec .theme_btn{
        padding:10px 20px;
        font-size: 15px;
        
    }
    .ebook-formating-services-pgg section.whats-next-cta .cta-book-img.wow.fadeInDown{
        text-align:center;
    }
    .ebook-formating-services-pgg section.whats-next-cta .cta-book-img.wow.fadeInDown img {
        width: 35%;
        margin: 0 auto;
    }
    .ebook-formating-services-pgg #portfolio ul.category-list li h6 {
       
        margin-bottom: 0;
    }
    .ebook-formating-services-pgg .about_sec .house_txt ul.d-flex{
        gap:0;
    }
    .ebook-formating-services-pgg .hire_sec ul{
        gap:0;
        flex-direction: row;
    }
    .ebook-formating-services-pgg .hire_sec .theme_btn{
        padding:10px 20px;
        margin-right: 0 !important;
        font-size: 15px;
        
    }
    .ebook-formating-services-pgg .avaiable_sec .sec_head p {
        line-height: 1.5;
    }
    .hire_sec ul {
        flex-direction: column;
        gap: 10px;
        margin: 10px 0 0
    }
    .category-m:before,
    .sec_head p br {
        display: none
    }
    .section-category {
        padding: 40px 0
    }
    .house_txt ul.d-flex {
        flex-direction: column;
        gap: 10px
    }
    .banner_text h6 {
        font-size: 14px;
        line-height: 23px
    }
    .ready_img {
        top: -50px;
        right: 20px;
        width: 120px
    }
    .footerSec h5 {
        font-size: 22px;
        margin-top: 20px
    }
    header .theme_btn {
        width: inherit;
        font-size: 10px;
        padding: 5px 13px
    }
    .banner_text h1 {
        font-size: 35px;
        line-height: 1.3;
    }
    .house_img img {
        width: 100%;
        height: auto
    }
    .sec_head h2 {
        font-size: 30px;
        line-height: 1.3;
        margin-bottom: 20px;
    }
    .publish-book h2 {
        font-size: 32px;
        line-height: 50px
    }
    .publishing-logos {
        margin-top: 37px
    }
    a.theme_btn {
        width: inherit !important
    }
    .publish-book a.theme_btn {
        padding: 10px 20px
    }
    .publishing-logos p {
        font-size: 14px
    }
    .publishing-logos h3 {
        font-size: 19px;
        margin-bottom: 10px
    }
    section.whats-next-cta:before {
        height: 100%;
        top: 0
    }
    section.whats-next-cta {
        padding: 50px 0
    }
    .whats-next-text a.theme_btn {
        padding: 5px 10px;
        font-size: 14px
    }
    .offset-2 {
        margin: 0
    }
    section.cta h2 {
        font-size: 30px;
        line-height: 1.3 !important;
        margin-bottom: 0px;
    }
    .sec_head h2 span,
    section.faqs-wrap h2 span,
    span.cta-s {
        display: initial;
    }
    .form-box input {
        margin-bottom: 10px
    }
    .cta-b img {
        right: 0;
        width: 25%;
        top: -70px;
        display: none;
    }
    .mochup-slider .slick-slide.slick-current.slick-active.slick-center {
        transform: inherit
    }
    .mochup-slider .slick-slide {
        margin: 10px 20px
    }
    .testi-text h2 {
        font-size: 30px;
        line-height: 40px
    }
    .testi-text {
        width: 100%
    }
    .testi-slider-nav {
        height: inherit
    }
    section.faqs-wrap h2 {
        font-size: 35px;
        line-height: 1.3;
        margin-bottom: 20px;
    }
    .faqs-wrap .accordion-item button,
    .mochup-text h4 {
        font-size: 16px;
        padding: 18px 20px;
    }
    .footerSec .col-sm-6 {
        margin: 15px 0
    }
    .mochup-text {
        display: inherit;
        padding: 45px 10px
    }
    .mochup-text p {
        font-size: 16px
    }
    .mochup-box a.theme_btn {
        padding: 10px 24px;
        font-size: 12px
    }
    .mochup-box img {
        height: 253px
    }
    .mochup-slider .slick-next {
        right: 0;
        top: 129px
    }
    .mochup-slider .slick-next:before,
    .mochup-slider .slick-prev:before {
        color: #000
    }
    .mochup-slider .slick-prev {
        left: 0;
        top: 129px
    }
    .discover-slider .slick-slide.slick-current.slick-active.slick-center {
        transform: translateY(0)
    }
    .discover-box h3 {
        font-size: 24px
    }
    .discover-box {
        padding: 30px 15px
    }
    .sec_head p {
        margin: 0;
        font-size: 14px
    }
    .row.rel {
        flex-direction: column-reverse
    }
    ul.category-list li {
        width: 47%
    }
    .draft_boxes {
        gap: 10px;
        flex-direction: column
    }
    .draft_boxes .available_box {
        height: 140px
    }
    
    .slicknav_menu {background: linear-gradient(45deg, #0085ff 30%, #0054af 80%);}
    
    .slicknav_btn {
        background-color: transparent;
        padding: 0;
        margin: 9px 30px 10px;
    }
    
    .slicknav_menu .slicknav_icon-bar {
        background: #fff;
        width: 33px;
        height: 4px;
    }
    
    .slicknav_nav a i {
        display: none;
    }
    
    .slicknav_nav a:hover {background: #fff;color: #000;}
        .footer-bottm p {
        text-align: center;
        margin-top: 0px;
    }
    
    .footer-bottm .linkss {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
    }
    .logo img {
        width: 30%;
        display: block;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    
    header ul.contact-lst {
        justify-content: center;
        margin-bottom: 6px;
    }
    
    .about_banner .carousel-item>img {
        height: 430px;
        object-position: -10%;
        object-fit: cover;
    }
    .discuss_box h4 {
        font-size: 28px;
        text-align: center;
    }
    
    .discuss_box {
        margin-bottom: 20px;
    }
    
    .discuss_box ul.d-flex.align-items-center.mb-0 {
        justify-content: center !important;
    }
    
    .about_sec {
        padding: 30px 0px;
    }
    
    .about_sec .row > * {
        width: 100%;
    }
    
    .sec_head.house_txt {
        margin-bottom: 40px;
    }
    
    .counter_sec .projectFactsWrap p, .counter_sec .projectFactsWrap span {
        font-size: 40px;
    }
    
    .row.projectFactsWrap > * {
        margin-bottom: 20px;
    }
    
    .cta-s1 {
        font-size: 30px;
    }
    
    .what-next-btn ul li a.theme_btn {
        margin: 0;
    }
    
    .what-next-btn ul {display: flex;gap: 10px;}
    
    .action_slider .slick-prev:before, .fleet_slider .slick-prev:before {
        display: none;
    }
    
    .action_slider .slick-next:before, .fleet_slider .slick-next:before {
        display: none;
    }
    
    .about_sec .slick-slide {
        opacity: 1 !important;
    }
    
    .interested-form-text {
        margin-top: 30px;
    }
    
    .footerSec {
        padding-top: 30px;
    }
    
    .footerSec .f-logo {
        width: 35%;
    }
    .whats-next-text h2 {
        font-size: 35px;
    }
    .avaiable_sec .row > * {
        width: 100%;
        margin-bottom: 20px;
    }
     .house_txt ul.d-flex {
        flex-direction: row;
        margin-top: 20px;
        margin-bottom: 0 !important;
    }
    .section-category h2 {
        font-size: 35px;
        line-height: 1.3;
        margin-bottom: 10px;
    }
    
    .section-category p {
        font-size: 16px;
        line-height: 1.3;
    }
        
}

@media only screen and (min-width: 300px) and (max-width: 519px) {
    .mb-jusity-cont{
        justify-content: center;
    }
    
    .explore_box {text-align: center;height: 100%;max-height: -webkit-fill-available;}
    .about_sec .sec_head {text-align: center; }
    section.faqs-wrap h2 {text-align: center; }

    .about_sec .sec_head a {
        margin-top: 15px;
        margin-right: 0 !IMPORTANT;
    }
    .about_banner.main_slider a.theme_btn {margin: 5px 0;padding: 10px 16px;}
    .section-category,
    .testi_page {
        padding: 40px 0
    }
    .banner_text h6 {
        font-size: 14px;
        line-height: 23px
    }
    .footerSec h5 {
        font-size: 22px;
        margin-top: 20px
    }
    header .theme_btn {
        width: inherit;
        font-size: 10px;
        padding: 5px 13px;
        margin-right: 5px
    }
    .banner_text h1 {
        font-size: 30px;
        line-height: 1.3;
    }
    
    .house_img img {
        width: 100%;
        height: auto
    }
    .publish-book h2 {
        font-size: 32px;
        line-height: 50px
    }
    .publishing-logos {
        margin-top: 37px
    }
    a.theme_btn {
        width: inherit !important;
        padding: 10px 11px;
    }
    .publish-book a.theme_btn {
        padding: 10px 20px
    }
    .publishing-logos p {
        font-size: 14px
    }
    .publishing-logos h3 {
        font-size: 19px;
        margin-bottom: 10px
    }
    section.whats-next-cta:before {
        height: 100%;
        top: 0
    }
    section.whats-next-cta {
        padding: 50px 0
    }
    .whats-next-text a.theme_btn {
        padding: 5px 10px;
        font-size: 14px
    }
    .offset-2,
    .testi-slider .slick-slide {
        margin: 0
    }
    .cta-s1,
    section.cta h2 {
        font-size: 25px;
        line-height: 1.3;
        margin-bottom: 10px;
    }
    .sec_head h2 span,
    section.faqs-wrap h2 span,
    span.cta-s {
        display: initial
    }
    .form-box input {
        margin-bottom: 10px
    }
    .cta-b img {
        right: 0;
        width: 25%;
        top: -70px;
        display: none;
    }
    .mochup-slider .slick-slide.slick-current.slick-active.slick-center {
        transform: inherit
    }
    .mochup-slider .slick-slide {
        margin: 10px 20px
    }
    .testi-text h2 {
        font-size: 30px;
        line-height: 40px
    }
    .testi-text {
        width: 100%
    }
    .testi-slider-nav {
        height: inherit
    }
    .faqs-wrap .accordion-item button {
        font-size: 14px;
        height: 50px;
        line-height: 1.2
    }
    .faqs-wrap #accordionExample,
    .footer-bottm {
        margin-top: 20px
    }
    .testi-slider-nav .slick-slide {
        margin: 10px 0
    }
    .footerSec .col-sm-6 {
        margin: 15px 0
    }
    .mochup-text {
        display: inherit
    }
    .discover-slider .slick-slide.slick-current.slick-active.slick-center {
        transform: translateY(0)
    }
    .discover-box h3 {
        font-size: 24px
    }
    .discover-box {
        padding: 30px 15px
    }
    .sec_head p {
        margin: 0;
        font-size: 14px;
        line-height: 1.3 !important;
    }
    .footerSec p {
        font-size: 14px;
        padding-right: 0;
        margin-top: 20px
    }
    ul.linkList a {
        line-height: 25px;
        font-size: 14px
    }
    .about_banner .carousel-item>img {
        height: 420px;
        object-position: left;
        opacity: 0;
    }
    .banner_text p {
        font-size: 14px;
        line-height: 22px
    }
    .about_sec .sec_head {
        margin-bottom: 30px
    }
    .about_sec,
    section.testi-wrap {
        padding: 30px 0
    }
    .banner_text p br,
    .category-m:before,
    .footer_contact p a br,
    .mochup-box ul li:last-child,
    .ready_img,
    .sec_head h2 br,
    .sec_head p br {
        display: none
    }
    .discuss_box ul,
    .read_to_join_btn ul {
        flex-direction: column
    }
    .read_to_join_btn ul a {
        margin: 0 auto 10px;
        width: 100%;
        display: block
    }
    .read_to_join_btn ul li {
        width: 90%;
        margin: 0 auto;
        text-align: center
    }
    section.faqs-wrap {
        padding: 30px 0;
        background: #fbfbff
    }
    section.faqs-wrap h2 {
        font-size: 25px;
        margin-bottom: 10px;
        line-height: 1.2
    }
    .projectFactsWrap {
        gap: 40px
    }
    .available_box {
        padding: 20px;
        margin-top: 30px;
        margin-bottom: 0;
    }
    .sec_head h2,
    .whats-next-text h2 {
        font-size: 25px;
        line-height: 1.3;
        margin-bottom: 20px;
    }
    .available_box p {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 0
    }
    .counter_sec .projectFactsWrap p,
    .counter_sec .projectFactsWrap span {
        font-size: 28px;
        line-height: 30px;
        margin: 0
    }
    .counter_sec .projectFactsWrap img {
        width: 60px;
        height: 60px
    }
    .testi-box p {
        font-size: 15px;
        line-height: 25px;
        margin-top: 20px
    }
    .testi-box {
        padding: 10px
    }
    ul.testi-img {
        display: flex;
        align-items: center;
        gap: 20px;
        margin-top: 0;
        margin-bottom: 0
    }
    .hire_sec ul,
    .house_txt ul.d-flex,
    .what-next-btn ul {
        flex-direction: column;
        gap: 10px;
        margin-top: 0;
    }
    .testi-box ul {
        display: flex;
        margin: 0
    }
    .discuss_box {
        padding: 20px;
        margin-bottom: 10px
    }
    .discuss_box ul li {
        width: 90%;
        margin: auto;
        text-align: center
    }
    .discuss_box h4,
    .discuss_box ul a {
        margin: 0 0 10px
    }
    .discuss_box h4 {
        font-size: 20px;
        line-height: 1.3;
        text-align: center
    }
    .keep_all_list li {
        font-size: 14px;
        line-height: 26px;
        text-align: left;
    }
    .test_page_box {
        padding: 20px;
        margin: 0 0 60px !important
    }
    .test_page_box p {
        font-size: 14px;
        line-height: 1.6
    }
    .auth_desp h5 {
        font-size: 20px
    }
    .auth_desp h6 {
        font-size: 16px;
        line-height: 23px
    }
    .about_sec .order-2 {
        order: unset !important
    }
    .available_box h5 {
        font-size: 18px;
        line-height: 20px;
        margin: 0 0 10px
    }
    .avaiable_sec {
        padding: 20px 0
    }
    .action_slider .slick-next {
        right: 0;
        z-index: 9
    }
    .action_slider .slick-prev {
        left: 0;
        z-index: 9
    }
    .fleet_slider .slick-slide {
        margin: 0 5px;
        opacity: 1 !important;
    }
    .logo img {
        width: 100%;
        margin: 0 auto 20px;
        height: auto;
    }
    ul.contact-lst {
        text-align: center;
        justify-content: center
    }
    ul.contact-lst li {
        margin: 0 2px
    }
    ul.contact-lst li a,
    ul.contact-lst2 li a {
        font-size: 11px !important;
        padding: 14px 5px 14px 10px !important
    }
    .mochup-text {
        display: inherit;
        padding: 15px 10px;
        width: 170px
    }
    .mochup-slider .mochup-box ul .d_mock {
        display: block
    }
    .mochup-text p {
        font-size: 15px;
        line-height: 1.2
    }
    .mochup-text h4 {
        font-size: 12px;
        margin-bottom: 0
    }
    .mochup-box a.theme_btn {
        padding: 10px 24px;
        font-size: 12px;
        width: 100% !important;
        margin: 0 !important
    }
    .mochup-box img {
        height: auto;
        width: 80%;
        margin: 0 auto
    }
    .mochup-slider .slick-next {
        right: -5px;
        top: 50%
    }
    .mochup-slider .slick-next:before,
    .mochup-slider .slick-prev:before {
        color: #000;
        font-size: 18px
    }
    .mochup-slider .slick-prev {
        left: -5px;
        top: 50%
    }
    .footerSec .logo img {
        margin: 0 !important;
        width: 100%;
        text-align: left
    }
    .fleet_slider .slick-next {
        right: -10px
    }
    .fleet_slider .slick-prev {
        left: -10px;
        z-index: 9
    }
    ul.category-list li {
        width: 46%
    }
    .section-category h2 {
        font-size: 35px;
        line-height: 1.2
    }
    .hire_sec ul {
        margin: 10px 0 0
    }
    .draft_boxes {
        gap: 10px;
        flex-direction: column
    }
    .draft_boxes .available_box {
        height: 140px
    }
    .about_sec .col-6 {
        width: 100%;
    }
    
    .avaiable_sec .col-4 {
        width: 100%;
    }
    ul.contact-lst li img {
        width: 27px !IMPORTANT;
    }
    .keep_all_list {
        margin-bottom: 0;
        margin-top: 20px;
    }
    section.cta {
        margin-top: 0 !important;
    }
    
    what-next-btn ul li {
        width: 100% !important;
    }
    
    what-next-btn ul li a {
        width: 100%;
        display: flex;
    }
    
    .what-next-btn ul li {
        width: 100%;
    }
    
    .action_slider .slick-prev:before, .fleet_slider .slick-prev:before {
        display: none;
    }
    
    .action_slider .slick-next:before, .fleet_slider .slick-next:before {
        display: none;
    }
    
    .interested-form-text {
        margin-top: 50px;
    }
    
    .interested-form-text input {
        height: 45px;
    }
    
    .interested-form-text textarea {
        height: 100px;
    }
    
    .slicknav_menu {background: linear-gradient(45deg, #846c59 30%, #412c1c 80%);}
    
    .slicknav_btn {
        background-color: transparent;
        padding: 0;
        margin: 9px 30px 10px;
    }
    
    .slicknav_menu .slicknav_icon-bar {
        background: #fff;
        width: 33px;
        height: 4px;
    }
    
    .slicknav_nav a i {
        display: none;
    }
    
    .slicknav_nav a:hover {background: #462b1b;color: #000;}
    
    .footer-bottm p {
        text-align: center;
        margin-top: 0px;
    }
    
    .footer-bottm .linkss {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
    }
    .footerSec {
        padding-top: 20px;
    }
    
    .footerSec .f-logo {
        width: 130px;
    }
    .began_img img {
        margin: 20px 0px;
    }
    
    .house_txt ul.d-flex {
        flex-direction: row;
        margin-top: 20px;
        margin-bottom: 0 !important;
    }
    body.ebook-formating-services-pgg .house_txt ul.d-flex {
        flex-direction: column;
        gap: 0;
    }
    
    body.ebook-formating-services-pgg .house_txt ul.d-flex li {
        width: 100%;
    }
    
    .section-category .sec_head p {
        margin-bottom: 20px;
    }
        
}