html{font-size:100%}
html *{transition: .5s all}
@media only screen and (max-width:1600px) and (min-width:1400px){
html{font-size:85%}
    header ul li {
    padding: 5px 15px;
}
.info-gen .in-gen {
    width: 41%;
}
h2 {
    line-height: 92%;
}

.our-testimonial h2 {
    font-size: 9.2rem;
}

.our-testimonial h3 {
    font-size: 7.4rem;
}

.our-testimonial h3 img {
    top: 0;
}

.our-testimonial h3 span::before {
    top: 7px;
    left: 3px;
}

.our-testimonial .owl-testimonial {
    margin: 50px 0 0;
}

.our-discount h2 > span {
    right: -240px;
}

.our-discount h4::before {
    background-size: 100%;
    width: 500px;
}

.info-dis .in-dis::before {
    right: 10px;
}

.our-pricing .row.row2 .img-price {
    right: -160px;
}

.img-price {
    left: -160px;
}

.info-gpro img {
    right: 40px;
    bottom: 50px;
}
.ghost-banner .banner-img .inban-text {
    right: 110px;
}

.ghost-banner .banner-img .inban-text h4 {
    line-height: 32px;
    margin-bottom: 20px;
}
.info-pubcho::before {
    background-size: 85% !important;
}
    
}

@media only screen and (max-width:1400px) and (min-width:1020px){
    html{font-size:80%}
    header ul li {
    padding: 5px 10px;
}
header ul li a {
    font-size: 1rem;
}
.info-gen .in-gen {
    width: 41%;
}
h2 {
    line-height: 92%;
}

.our-testimonial h2 {
    font-size: 9rem;
}

.our-testimonial h3 {
    font-size: 7rem;
}

.our-testimonial h3 img {
    top: 0;
}

.our-testimonial h3 span::before {
    top: -2px;
    left: 3px;
}

.our-testimonial .owl-testimonial {
    margin: 50px 0 0;
}

.our-discount h2 > span {
    right: -240px;
}

.our-discount h4::before {
    background-size: 100%;
    width: 500px;
}

.info-dis .in-dis::before {
    right: 10px;
}
.our-offer h2::before {
    right: -80px;
}

.our-offer .container::after {
    right: -170px;
}

footer.site-footer .footer-brand {
    margin-bottom: 10px;
}

footer.site-footer .footer-col {
    margin-bottom: 10px;
}

.img-price {
    left: -190px;
}

.our-pricing .row.row2 .img-price {
    right: -190px;
}

.our-pricing .row:last-child {
    margin-bottom: 0;
}

.info-gpro img {
    right: 40px;
    bottom: 50px;
}

.ghost-banner .banner-img .inban-text {
    right: 110px;
}

.ghost-banner .banner-img .inban-text h4 {
    line-height: 32px;
    margin-bottom: 20px;
}
.info-pubcho::before {
    background-size: 85% !important;
}
.info-gsol ul {
    margin-left: -10px;
}
}


@media only screen and (max-width:1200px) and (min-width:800px){
    html{font-size:60%}

}




@media only screen and (max-width: 1050px) and (min-width: 750px) {


}

@media only screen and (max-width: 980px) and (min-width: 220px) {
    html{font-size:70%}
        a.menu-bottom {
        display: revert;
    }



    .menu li a:before{
        display: none;
    }
    .menu-bottom span:nth-child(2) {
        width: 70%;
    }
    .menu-bottom.click span:nth-child(1) {
        width: 0;
    }
    .menu-bottom.click span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        position: relative;
        top: 9px;
        width: 100%;
    }
    .menu-bottom.click span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .menu-bottom span:last-child {
        margin-bottom: 0;
    }
    .menu-bottom {
        width: 40px;
        height: 40px;
        padding: 5px;
        float: right;
        position: absolute;
        z-index: 99999999999;
        cursor: pointer;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        right: 18px;
        top: -40px;
    }
    .menu-bottom span {
        height: 2px;
        background: #000000;
        display: block;
        width: 100%;
        margin-bottom: 6px;
        position: relative;
    }
    .menu-bottom.click span {
        background: black;
    }
    .menu-bottom.click {
        top: -100px;
        position: fixed;
        top: 30px;
    }
    .main-menu{
        margin: 0;
        overflow: auto;
        position: fixed;
        right: -100%;
        width: 100%;
        top: 0;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        background: linear-gradient(170deg, #f6cc68 0%, #cf9200 100%);
        height: 100%;
        z-index: 9999999 !important;
        padding-top: 70px;
    }
    .main-menu ul {
        padding: 0 0;
        width: 100%;
    }
    .menu li {
        display: inline-block;
        margin: 0;
        padding: 0;
        width: 100%;
        border-bottom: 1px solid #ffffff9c;
        position: relative;
        text-align: left;
    }
    .menu li a {
        font-size: 16px !important;
        padding-left: 0;
        color: #000 !important;
        font-weight: 400 !important;
        padding: 10px 0 10px 15px;
        text-align: left;
        display: block;
        width: 100%;
        letter-spacing: 0.5px;
        text-align: left;
        text-transform: uppercase;
    }
    .menu-open .main-menu {
        right: 0;
    }
    .menu-open .menu {
        transition-delay: 0.5s;
        opacity: 1;
    }
    
    header ul li.btn-head a.btn-green {
    display: inline-block;
    width: auto;
    margin: 10px 20px 20px;
    padding: 10px 40px;
    color: #fff !important;
}

.dropdown-menu {
    position: relative;
    display: block;
    width: 100%;
    background: transparent;
}

.dropdown-toggle::after {
    width: 15px;
    height: 15px;
    filter: brightness(0) invert(1);
    top: 15px;
    position: absolute;
}

.menu li .dropdown-item {padding: 5px 0 5px 30px;font-size: 15px !important;text-transform: capitalize;border-top: 1px solid #ffffff9c;border-bottom: none;}
    
    
    header .menu {
        opacity: 0;
    }
    
    header {
        padding: 15px 0;
        z-index: 2;
    }
     header ul li:last-child {
        border: 0;
    }

    header .logo img {
        max-width: 160px;
        margin-left: 30px !important;
    }

    h2 {
        font-size: 30px !important;
        line-height: 32px !important;
        margin-bottom: 10px;
        letter-spacing: 0;
    }


    header nav {
        text-align: center;
        margin-top: 20px;
    }

    header {
        text-align: left;
        z-index: 9;
        top: 0;
    }

    header ul li {
        margin-right: 0;
    }

    header ul {
        margin: 10px 0 0;
        text-align: center;
    }

    header ul li.phone a {
        font-size: 16px;
    }

    .btn {
        font-size: 13px !important;
        letter-spacing: 2px;
        padding: 6px 25px 6px 18px !important;
    }

    section {
        padding: 40px 0;
        overflow: hidden;
    }

    header ul li:last-child {
        border: 0;
    }

    header ul.btn-ul {
        display: none;
    }


    header ul.head-ul li:first-child {
    margin-right: 0;
}


.info-banner h1 br {
    display: none;
}

.info-banner h1 {
    font-size: 2.4rem !important;
    margin-bottom: 12px !important;
    letter-spacing: 0 !important;
    line-height: 1.15 !important;
}

p {
    font-size: 1.05rem !important;
}

.info-banner p {
    width: 100%;
    margin-bottom: 16px;
}

.our-banner {
    padding: 70px 0;
    background-position: 100%;
    background-position: 0;
}



footer.site-footer {
    padding: 0;
    margin-top: 30px;
}

footer.site-footer .container {
    padding-top: 50px;
}
.top-bar {
    text-align: center;
    padding: 5px 0;
}

.top-bar ul.social-top {
    display: none;
}

.top-bar span.phone-top {
    text-align: center;
    margin: 3px 0 0;
}

header .container-fluid::before {
    width: calc(100% - 30px);
    left: 15px;
}

main.full-head header .container-fluid {
    padding: 15px 30px;
}
.our-banner .container::before {
    display: none;
}

.our-banner .info-banner h1 br {
    display: none;
}

.our-banner .info-banner h1 span {
    left: 0;
}

.our-banner .info-banner h5 {
    text-align: center;
    font-size: 1.25rem !important;
    line-height: 1.4 !important;
    letter-spacing: 0;
    margin-bottom: 4px;
}

.our-banner .info-banner h1 + h5 {
    text-align: center;
}

.our-banner .info-banner h1 + h5 + h5 {
    text-align: center;
    margin-bottom: 12px;
}

.our-banner .info-banner p {
    width: 90%;
    margin: 0 auto 20px;
    color: #fff !important;
}
.our-banner .container::after {
    display: none;
}
.our-banner .info-banner ul li {
    width: 24%;
    padding: 0 5px;
}

.our-banner::before {height: 160px;display: none;}

.our-brand {
    padding: 40px 0;
}

.our-brand h3 {
    font-size: 2.5rem;
    margin-bottom: 10px;
}

.our-brand .info-brand::before {
    display: none;
}

.our-brand .container::before {
    bottom: -20px;
}

.our-brand .container::after {
    bottom: -40px;
    width: 40px;
    height: 40px;
}

.our-ghost {
    padding: 40px 0;
}

h2 span {
    line-height: inherit;
}

.info-ghost h2 {
    margin-bottom: 15px;
}

.info-ghost p {
    margin-bottom: 15px;
}

.img-ghost {
    top: 0;
    left: 0;
    margin: 15px 0 0;
}

.img-ghost img {
    max-width: 100%;
}

.our-solution h2 {
    margin-bottom: 30px;
}

.our-solution .container-fluid {
    padding: 0 15px;
}

.owl-solution.owl-theme .owl-nav {
    position: relative;
    top: -10px;
}

.owl-solution.owl-theme .owl-nav [class*=owl-], .owl-pub.owl-theme .owl-nav [class*=owl-] {
    width: 50px;
    height: 46px;
    left: 0;
    position: relative;
}

.owl-solution.owl-carousel .owl-nav button.owl-next, .owl-pub.owl-carousel .owl-nav button.owl-next {
    right: 0;
    margin-left: 10px;
}

.sol-up {
    top: 0;
}

.owl-solution .owl-stage-outer {
    padding: 0 0 20px;
}

.in-solu {
    padding: 30px 0 0;
}

.in-solu h4 {
    padding: 0 30px 0;
}

.in-solu p {
    padding: 0 40px 0 30px;
}
.marque {
    margin: 10px 0;
}

.marque img {
    margin-right: 0;
    width: 30px;
}

.marque span {
    font-size: 2.5rem;
}
.our-book.book-up {
    margin: 40px 0 0;
}

.our-book {
    padding: 22px 0;
    text-align: center;
}

.our-book h3 {
    font-size: 1.75rem !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
    margin-bottom: 8px;
}

.our-book p {
    font-size: 1.02rem !important;
    line-height: 1.6 !important;
}

.our-book.book-ls {
    margin: 0 0 20px;
}  

.our-offer h2 {
    font-size: 35px !important;
    letter-spacing: 0;
}

.our-offer h2 br {
    display: none;
}

.our-offer h2 img {
    max-width: 60px;
}

.our-offer .container::after {
    display: none;
}

.our-offer h2 img.of-img2 {
    top: -3px;
    max-width: 48px;
}

.our-offer h2 span {
    line-height: inherit;
}

.our-offer .container::before {
    display: none;
}

.our-offer h2::before {
    width: 60px;
    height: 100px;
    right: -20px;
    top: 20px;
}

.our-offer h2::after {
    left: 0;
    bottom: -20px;
    width: 100%;
}

.our-offer {
    margin-bottom: 20px;
}

.our-book.book-up::before {
    display: none;
}

.our-transparency {
    padding: 50px 0 30px;
}

.info-transparency {
    margin-bottom: 30px;
}

.info-transparency h2 {
    font-size: 2.4rem;
    line-height: 1.25;
}

.info-transparency .trans-lead {
    font-size: 1.1rem;
}

.trans-card {
    padding: 28px 22px;
    margin-bottom: 18px;
}

.trans-card h4 {
    font-size: 1.8rem;
}

.trans-card p {
    font-size: 1.05rem;
}

.trans-note {
    padding: 24px 20px;
}

.trans-note p {
    font-size: 1.05rem;
}

.our-faq {
    padding: 50px 0 30px;
}

.info-faq {
    margin-bottom: 25px;
}

.faq-q {
    padding: 20px 18px;
}

.faq-q h4 {
    font-size: 1.2rem;
}

.faq-a {
    padding: 0 18px 20px;
}

.faq-a p {
    font-size: 1rem;
    max-width: 100%;
}

.info-test h5 span {
    font-size: 0.85rem;
}

.our-genre {
    margin: 40px 10px;
    padding: 40px 0;
}

.info-gen h4 img {
    position: absolute;
    left: inherit;
    top: 40px;
    width: 100px;
}

.info-gen .in-gen p {
}

.info-gen .in-gen {
    width: 100%;
}

.info-gen h4 br {
    display: none;
}

.info-gen .in-gen p {
    width: 100%;
    margin-bottom: 20px;
    position: relative;
    bottom: 0;
}

.info-gen {
    text-align: center;
    padding: 20px;
    margin-bottom: 20px;
}

.info-gen h4 img {
    display: none;
}

.info-genre {
    width: 100%;
    padding: 20px 0 0;
    text-align: center;
}

.info-genre h2 {
    margin-bottom: 10px;
}

.our-publish {
    padding: 40px 0;
    text-align: center;
}

.our-publish::before {
    display: none;
}

.our-publish h2 {
    margin-bottom: 40px;
}

.our-publish h2 br {
    display: none;
}

.owl-pub.owl-theme .owl-nav {
    position: relative;
    top: 0;
}
.our-testimonial h4 {
    font-size: 2.4rem;
    line-height: 30px;
    text-align: center;
    margin-bottom: 5px;
}

.our-testimonial h4 img.testbg3 {
    display: none;
}

.our-testimonial h4 img {
    width: 98px;
}

.our-testimonial h4 span {
    left: 0;
}

.our-testimonial h2 img {
    width: 30px;
}

.our-testimonial h2 {
    font-size: 2.6rem !important;
    letter-spacing: 0;
    line-height: 1.15 !important;
}

.our-testimonial {
    text-align: center;
}

.our-testimonial h3 img {
    display: none;
}

.our-testimonial h3 {
    left: 0;
    font-size: 2rem !important;
    letter-spacing: 0;
    line-height: 1.2 !important;
}

.our-testimonial h3 span::before {
    top: -1px;
    left: 2px;
    line-height: normal;
}

.our-testimonial .img-test img {
    max-width: 100%;
}

.our-testimonial .img-test {
    left: 0;
    top: 0;
    margin: 10px 0 0;
}

.our-testimonial .owl-testimonial {
    margin: 30px 0 0;
}

.our-testimonial .container-fluid {
    padding: 0 15px;
}

.info-test {
    padding: 30px 20px;
}

.info-test ul {
    position: relative;
    right: 0;
    bottom: 0;
}

.info-test h5 {
    font-size: 1.6rem;
}

.info-test ul li {
    width: 16px;
}

.our-discount h4::before {background-size: 100%;width: 400px;height: 75px;left: -20px;}

.our-discount h2::after {
    display: none;
}

.our-discount h4 {
    transform: rotate(0);
    margin-bottom: 15px;
    font-size: 2rem;
}

.our-discount {
    padding: 50px 0 40px;
    background: #f6cc68;
    text-align: center;
}

.our-discount h2 {
    font-size: 3.5rem !important;
    letter-spacing: 0;
    margin-bottom: 20px;
    line-height: 1.2 !important;
}

.our-discount h2 > span {
    right: 0;
    position: relative;
    line-height: normal;
    padding: 0 12px;
}

.info-dis > p {
    font-size: 1.05rem;
    max-width: 100%;
    margin-bottom: 25px;
}

.our-discount h2::before {
    width: 100%;
    bottom: -10px;
}

.info-dis .in-dis span img {
    width: 40px;
}

.info-dis .in-dis span {
    padding: 0 0 0 42px;
    font-size: 1rem;
    letter-spacing: 0;
    text-align: left;
    line-height: 18px;
}

.info-dis .in-dis span a {
    font-size: 1.5rem;
    line-height: 22px;
}

.info-dis .in-dis::before {
    display: none;
}

.our-discount .container::before {
    display: none;
}

.img-dis {
    left: 0;
    margin: 20px auto 0;
    width: 60%;
}

.our-global {
    padding: 40px 0;
    text-align: center;
}

.our-global h2 span {
    line-height: inherit;
}

.our-global h2 {
    margin-bottom: 20px;
}
footer.site-footer .footer-main {
    margin-bottom: 30px;
}

footer.site-footer .footer-top-line {
    margin: 0 auto 28px;
}

footer.site-footer .ftr-logo {
    margin-bottom: 18px;
}

footer.site-footer .ftr-logo::after {
    left: 50%;
    transform: translateX(-50%);
}

footer.site-footer .ftr-logo img {
    max-width: 170px;
}

footer.site-footer .footer-brand {
    margin-bottom: 35px;
    text-align: center;
}

footer.site-footer .footer-brand p {
    max-width: 100%;
    font-size: 1.05rem;
    margin-bottom: 22px;
}

footer.site-footer .footer-social h4,
footer.site-footer .footer-col h4 {
    font-size: 1.35rem;
}

footer.site-footer .footer-social h4::after,
footer.site-footer .footer-col h4::after {
    left: 50%;
    transform: translateX(-50%);
}

footer.site-footer .foot-social {
    justify-content: center;
}

footer.site-footer .footer-col {
    margin-bottom: 30px;
    text-align: center;
}

footer.site-footer .foot-link li a {
    font-size: 1.05rem;
}

footer.site-footer .foot-link li a:hover {
    padding-left: 0;
}

footer.site-footer .foot-link li a:hover::before {
    display: none;
}

footer.site-footer .footer-contact {
    text-align: center;
}

footer.site-footer .foot-contact li {
    margin-bottom: 18px;
    padding-left: 0;
    border-left: none;
    border-top: 2px solid rgba(251, 206, 91, 0.35);
    padding-top: 12px;
}

footer.site-footer .foot-contact li p,
footer.site-footer .foot-contact li a {
    font-size: 1.05rem;
}

footer.site-footer .footer-cta {
    text-align: center;
    margin-bottom: 10px;
}

footer.site-footer .footer-bottom {
    flex-direction: column;
    text-align: center;
    padding: 22px 0 25px;
    gap: 12px;
}

footer.site-footer .footer-legal {
    justify-content: center;
    gap: 18px;
    flex-wrap: wrap;
}

footer.site-footer .footer-copy,
footer.site-footer .footer-legal li a {
    font-size: 0.9rem;
}


/* new resp*/

.ghost-banner {
    padding: 20px 0 40px;
}

.ghost-banner .info-banner h3 {
    font-size: 3rem;
    line-height: 38px;
    margin-bottom: 10px;
}

.ghost-banner .info-banner h3 br {
    display: none;
}

.ghost-banner .info-banner {
    text-align: center;
}

.ghost-banner .info-banner h6 {
    font-size: 2rem;
}

.ghost-banner .banner-img .inban-text h4 {
    font-size: 1.5rem;
    line-height: 18px;
    margin-bottom: 10px;
}

.ghost-banner .banner-img .inban-text h4 > span {
    font-size: inherit;
    line-height: inherit;
}



.ghost-banner .banner-img .inban-text h4 > span + br {
    display: none;
}

.ghost-banner .banner-img .inban-text h4 + .btn {
    font-size: 12px !important;
    letter-spacing: 0;
    padding: 5px 15px !important;
    position: relative;
    text-transform: capitalize;
    right: 40px;
}

.ghost-banner .banner-img .inban-text {
    right: 10px;
}

.ghost-banner .banner-img {
    margin: 20px 0 0;
}

.ghost-banner::before {
    
}


.ghost-ser .row {
    text-align: center;
    padding: 30px 0 40px;
}

.info-gser p + a {
    right: 20px;
    bottom: -20px;
}

.info-gser > img {
    margin: 0 0 12px;
}

.info-gser h4 {
    line-height: 30px;
    margin-bottom: 10px;
    display: block;
}

.ghost-ser + .marque {
    margin-top: -20px;
}

.about-pro {
    padding: 40px 0;
}

.about-pro h2 {
    margin-bottom: 30px;
}

.info-abpro {
    margin-bottom: 16px;
    text-align: center;
}

.info-abpro h4 {
    font-size: 1.6rem;
}

.about-pro .row-abpro .row {
    margin-bottom: 0;
}

.about-pro .row.info-dis {
    margin: 20px 0 0;
}

.about-pro .info-dis .in-dis {
    display: block;
    text-align: center;
}

.about-pro .info-dis .in-dis span {
    margin: 0 0 16px;
}

.pub-other [class*='col'] {
    width: 50%;
}

.pub-other h4 {
    font-size: 1.8rem;
    margin: 10px 0 20px;
    display: block;
    line-height: 23px;
}
.ghost-banner .info-banner h6 br {
    display: none;
}

.about-ser h5 {
    margin-bottom: 20px;
}

.our-confident {
    text-align: center;
}

.our-confident p {
    margin-bottom: 12px;
}

.info-confi {
    margin-bottom: 20px;
}

.info-ser .img-ser.img-up {
    order: 0;
    margin-bottom: 10px;
}

.info-ser {
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 100%;
    padding: 30px 0 !important;
}

.info-ser h4 {order: 1;font-size: 4.5rem;line-height: 52px;letter-spacing: 1px;margin-bottom: 10px;}

.info-ser p {order: 2;}

.edit-ser [class*='col']:first-child .info-ser:first-child {
    padding: 0 0 30px !important;
}

.edit-ser [class*='col']:last-child .info-ser:last-child {
    padding: 30px 0 0px !important;
}

.edit-ser [class*='col'] {}

.info-ser:last-child::before {
    display: block;
}

.edit-ser [class*='col']:last-child .info-ser:last-child::before {
    display: none;
}

.ghost-pro {border-radius: 20px !important;background-position: 50%;}

.info-gpro h4 {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

.info-gpro {
    text-align: center;
    padding: 30px 20px;
}

.info-gpro h4 + p {
    width: 100%;
    line-height: 24px;
}

.info-gpro span {
    top: 5px;
    right: 10px;
}

.info-gpro img {
    top: 40px;
    bottom: inherit;
    right: 20px;
    transform: rotate(-40deg);
}

.ghost-pro .info-genre h2 {
    margin-bottom: 30px;
}

.ghost-pro .info-genre h2 + img {
    max-width: 60%;
}

.img-sel1 img,.img-sel2 img {
    display: none;
}

.info-seller img {
    left: 0;
    right: 0;
    margin: 0 auto 10px;
}

.info-seller p {
    margin-bottom: 10px;
}

.marque + .our-publish {
    margin-top: -20px;
    padding-top: 60px;
}

.pub-choose h2 {
    margin-bottom: 30px;
}

.info-pubcho.pubcho1, .info-pubcho.pubcho3 {
    left: 0;
}

.pub-choose {
    text-align: center;
}

.info-pubcho h4 {
    font-size: 2rem;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

.info-pubcho h4::before {
    left: 0;
    right: 0;
    margin: auto;
}

.info-pubcho {
    padding-left: 0;
    margin-bottom: 30px;
}

.info-pubcho::before {
    display: none;
}

.pub-choose [class*='col']:nth-child(2) {
    order: 1;
}

.info-pubcho:last-child {
    margin-bottom: 30px;
}

.info-wrbk::before {
    left: 0;
    width: 100%;
}

.info-wrbk {
    padding: 30px  30px 0;
    text-align: center;
    margin-bottom: 10px;
}

.info-wrbk h4 + img + img {
    left: 0;
}

.info-writebook {
    text-align: center;
}

.book-write .info-writebook h2 {
    margin-bottom: 15px;
}

.book-write .info-writebook p {
    margin-bottom: 10px;
}

.info-gsol h2 > img {display: none;}

.info-gsol h2 br {
    display: none;
}

.info-gsol h2 {
    text-align: center;
    margin-bottom: 10px;
}

.info-gsol p {
    width: 100%;
    margin-bottom: 10px;
}

.info-gsol {
    text-align: center;
}

.info-gsol ul li {
    text-align: left;
    font-size: 1.5rem;
    display: inline-block;
    width: 49%;
    padding-left: 0;
}

.info-gsol ul li img {
    margin-right: 12px;
    top: -2px;
}


.ghost-ser {
    padding-bottom: 60px;
}

.our-mark h2 {
    letter-spacing: 0;
    margin-bottom: 10px;
}

.mark-img {
    left: 0;
    top: 0;
}

.mark-img img {max-width: 100%;}

.mark-ser .info-ser h4 {
    letter-spacing: 0;
    font-size: 3.5rem;
    line-height: 40px;
}

.info-mpro3 ul li {
    font-size: 1.2rem;
}

.info-mpro:last-child {
    margin-bottom: 20px;
}

.img-price {
    position: relative;
    LEFT: 0;
    TOP: 20px;
}

.info-price {
    border-radius: 0 0 20px 20px;
    padding: 50px 30px 40px;
}

.info-price ul {
    margin:  0 0 20px;
}

.info-price h3 {
    margin-bottom: 15px;
}

.our-pricing .row.row2 .img-price {
    right: 0;
}

.our-pricing .row {
    margin-bottom: 20px;
}

.our-pricing .row.row2 .info-price ul {
    margin: 0 0 20px 0;
}

.btn-price.text-center {
    text-align: left !important;
}

.our-pricing .row:nth-child(even) .info-price .btn-price .btn {
    right: 0;
}

.info-price ul li {font-size: 1.25rem;}

.marque + .our-testimonial::before {
    top: -10px;
}

.our-pricing {
    padding-bottom: 0;
}

    .cont-banner .info-banner h1 {
    letter-spacing: 0;
}

.cont-banner .banner-img img {
    display: none;
}


.cont-banner h4 {
    padding: 0;
    text-align: center;
    font-size: 1.8rem;
}

.our-contact {
    margin-top: 0;
    padding: 0px 0 40px;
}

.cont-banner h4 > br + br +br {
    display: none;
}

.cont-banner .info-banner::before {
    display: none;
}

.cont-banner .container::after, .cont-banner .row::after {display: none;}

.cont-banner .row::after {left: 10px;right: inherit;}

.cont-banner [class*='col'] {
    padding: 0 10px;
}

.our-contact [class*='col'] {
    padding: 0  10px;
}

.our-contact h2 {
    text-align: center;
    margin-bottom: 30px;
}

.our-contact ul {margin-bottom: 20px;}

.our-contact ul li {
    margin-bottom: 20px;
}

.cont-form {
    padding:  30px;
}

.cont-form textarea.form-control {
    height: 80px;
    margin-bottom: 20px;
}

.book-write.wbook-write .info-wrbk::before {
    left: 0;
    width: 100%;
    height: 100%;
}

.book-write.wbook-write .info-wrbk h4 + img + img {
    top: 0;
    width: 90%;
}

.book-write.wbook-write .info-wrbk {
    padding: 30px;
    margin-bottom: 30px;
}

.ghost-ser .row.row-bk {
    padding-bottom: 20px;
}

.cbook-solution .info-gsol h4 {
    margin-bottom: 15px;
}

.cbook-solution .info-gsol h2 {
    margin-bottom: 15px;
}

.cbook-solution .info-gsol ul li {
    width: 100%;
    padding: 20px 0 20px 20px;
}

.row.row-sol1 {
    margin-bottom: 30px;
}

.info-csol {
    margin-bottom: 20px;
}

.row.row-csol {
    margin-bottom: 0;
}

.info-csol h4 {
    padding: 10px 0 10px 40px;
}

.about-hero {
    padding: 50px 0 40px !important;
}

.about-hero::after {
    left: 50%;
    transform: translateX(-50%);
}

.about-hero .info-banner h3 {
    font-size: 2.5rem;
    line-height: 1.2;
    margin-bottom: 16px;
}

.about-hero .info-banner h3 span {
    padding: 2px 10px;
    border-radius: 18px;
}

.about-hero .info-banner h6 {
    font-size: 1.05rem;
    line-height: 1.6;
}

.about-block {
    padding: 50px 0;
}

.about-side {
    text-align: center;
    margin-bottom: 20px;
    position: static !important;
}

.about-side h2,
.about-head h2 {
    font-size: 2.3rem;
    line-height: 1.2;
}

.about-side h2::after,
.about-head.text-center h2::after {
    margin-left: auto;
    margin-right: auto;
}

.about-copy p,
.about-head > p,
.about-card p,
.about-conduct-item p,
.about-commit-box p {
    font-size: 1.05rem;
}

.about-card {
    padding: 28px 22px;
}

.about-card h3 {
    font-size: 1.8rem;
}

.about-service-item {
    font-size: 1rem;
    min-height: 70px;
    padding: 16px 12px;
}

.about-process {
    margin: 20px 10px;
}

.about-conduct-top {
    margin-bottom: 24px;
}

.about-conduct-grid {
    grid-template-columns: 1fr;
    gap: 14px;
}

.about-conduct-item {
    padding: 22px 18px 20px;
}

.about-conduct-item h4 {
    font-size: 1.25rem;
    padding-left: 8px;
}

.about-conduct-item p {
    padding-left: 8px;
    font-size: 1rem;
}

.about-conduct-item ul {
    grid-template-columns: 1fr;
    padding-left: 8px;
}

.about-company {
    padding: 40px 0 50px;
    background: #fff;
}

.about-company-wrap {
    padding: 32px 22px;
    border-radius: 22px;
    margin: 0 5px;
}

.about-company-head {
    text-align: center;
    margin-bottom: 20px;
}

.about-company-head h2 {
    font-size: 2.1rem;
}

.about-company-head h2::after {
    margin-left: auto;
    margin-right: auto;
}

.about-company-head p {
    font-size: 1rem;
}

.about-company-row {
    grid-template-columns: 1fr;
    gap: 6px;
    padding: 14px 0;
    text-align: center;
}

.about-company-row span {
    font-size: 0.75rem;
}

.about-company-row strong {
    font-size: 1.05rem;
}

.about-principles {
    padding-top: 50px;
}

.about-principle {
    text-align: center;
    padding: 28px 22px;
}

.about-principle h4 {
    font-size: 1.4rem;
}

.about-commit-box {
    padding: 36px 24px;
}

.about-final-cta {
    padding: 20px 15px 60px;
}

.about-cta-inner {
    padding: 42px 24px;
    border-radius: 24px;
}

.about-cta-inner h2 {
    font-size: 2.2rem;
    line-height: 1.2;
}

.about-cta-inner p {
    font-size: 1.05rem;
}

.edit-hero {
    padding: 50px 0 40px !important;
}

.edit-hero .info-banner h3 {
    font-size: 2.4rem;
    line-height: 1.2;
    margin-bottom: 14px;
}

.edit-hero .info-banner h3 span {
    padding: 2px 10px;
    border-radius: 16px;
}

.edit-hero .info-banner h6 {
    font-size: 1.05rem;
    line-height: 1.6;
    margin-bottom: 22px;
}

.edit-block {
    padding: 50px 0;
}

.edit-side {
    text-align: center;
    margin-bottom: 20px;
    position: static !important;
}

.edit-side h2,
.edit-head h2,
.edit-intro-copy h2,
.edit-included-content h2 {
    font-size: 2.2rem;
    line-height: 1.2;
}

.edit-side h2::after,
.edit-head h2::after,
.edit-intro-copy h2::after,
.edit-included-content h2::after,
.edit-head.text-center h2::after {
    margin-left: auto;
    margin-right: auto;
}

.edit-intro-copy,
.edit-included-content {
    text-align: center;
}

.edit-intro-media {
    padding: 10px;
    margin-bottom: 10px;
}

.edit-intro-badge {
    left: 20px;
    bottom: 20px;
    padding: 14px 16px;
}

.edit-head > p,
.edit-copy p,
.edit-intro-copy p,
.edit-service-card p,
.edit-why-card p,
.edit-ops-card p {
    font-size: 1.05rem;
}

.edit-service-card {
    padding: 14px 14px 22px;
}

.edit-service-card h4 {
    font-size: 1.3rem;
}

.edit-service-wide {
    display: block;
}

.edit-service-wide .edit-service-img {
    margin-bottom: 14px;
}

.edit-included-media {
    padding-right: 0;
    margin-bottom: 24px;
}

.edit-included-media::after {
    display: none;
}

.edit-include-list {
    grid-template-columns: 1fr;
}

.edit-process {
    margin: 15px 10px;
}

.edit-why-visual {
    text-align: center;
}

.edit-why-visual img {
    max-width: 220px;
}

.edit-audience-media {
    margin-bottom: 24px;
}

.edit-audience-grid,
.edit-audience-grid-left {
    justify-content: center;
}

.edit-audience-grid span {
    font-size: 0.95rem;
    padding: 10px 16px;
}

.edit-ops-card {
    padding: 28px 22px;
    margin-bottom: 18px;
}

.edit-ops-card h3 {
    font-size: 1.7rem;
}

.edit-ops-card ul {
    grid-template-columns: 1fr;
}

.edit-final-cta {
    padding: 10px 15px 50px;
}

.edit-cta-inner {
    padding: 40px 22px;
    border-radius: 24px;
}

.edit-cta-inner h2 {
    font-size: 2.1rem;
    line-height: 1.2;
}

.edit-cta-inner p {
    font-size: 1.05rem;
}

.pub-hero {
    padding: 50px 0 40px !important;
}

.pub-hero .info-banner h3 {
    font-size: 2.35rem;
    line-height: 1.2;
}

.pub-hero .info-banner h6,
.pub-hero-text {
    font-size: 1.05rem;
    line-height: 1.6;
}

.pub-hero-btns {
    flex-direction: column;
    align-items: stretch;
}

.pub-block {
    padding: 50px 0;
}

.pub-head h2,
.pub-intro-copy h2,
.pub-platforms-content h2,
.pub-rights-content h2 {
    font-size: 2.2rem;
    line-height: 1.2;
}

.pub-head.text-center h2::after,
.pub-intro-copy h2::after,
.pub-platforms-content h2::after,
.pub-rights-content h2::after {
    margin-left: auto;
    margin-right: auto;
}

.pub-intro-copy,
.pub-platforms-content,
.pub-rights-content {
    text-align: center;
}

.pub-intro-media,
.pub-platforms-media,
.pub-rights-media {
    margin-bottom: 22px;
    padding: 0;
}

.pub-intro-media::before {
    display: none;
}

.pub-service-card,
.pub-format-card,
.pub-support-card {
    text-align: center;
}

.pub-service-wide ul,
.pub-platform-list,
.pub-quote-box ul,
.pub-important-box ul {
    grid-template-columns: 1fr;
}

.pub-process {
    margin: 15px 10px;
}

.pub-need-card {
    margin-bottom: 18px;
    padding: 26px 20px;
}

.pub-quote-box,
.pub-important-box {
    padding: 28px 20px;
    text-align: center;
}

.pub-quote-box .text-center {
    margin-top: 18px;
}

.pub-final-cta {
    padding: 10px 15px 50px;
}

.pub-cta-inner {
    padding: 40px 22px;
    border-radius: 24px;
}

.pub-cta-inner h2 {
    font-size: 2.1rem;
    line-height: 1.2;
}

.pub-cta-inner p {
    font-size: 1.05rem;
}
    
}