body,
html {
    overflow-x: hidden;
}

@media (min-width: 1400px) {}

@media (max-width: 1440px) {

    section.sub-services-sec .boxes-container .box {
        flex: 30%;
        max-width: 100%;
    }

    section.sub-services-sec .boxes-container .box .box-inner .box-content h4 {
        font-size: 22px;
    }
}

@media (max-width: 1199px) {
    header#header ul.navbar-nav {
        padding-left: 4%;
        gap: 12px;
    }

    section.service-s2.mobile-service-s2 {
        margin-top: -6rem;
    }

    section.service-s2 .txt p {
        font-size: 14px;
        line-height: normal;
    }

    section.contact-section .contactform-box {
        padding: 1rem 1rem;
    }

    section.service-s3 .text h3 {
        font-size: 38px;
        font-weight: 700;
        line-height: normal;
    }

    section.service-s3 .text p {
        line-height: normal;
        width: 100%;
    }

    section.cta-sec .box-container .text h2 {
        font-size: 45px;
        line-height: normal;
    }

    section.cta-sec .box-container .text p {
        font-size: 14px;
        line-height: normal;
    }

    section.sub-services-sec .boxes-container .box .box-inner .box-content p {
        font-size: 14px;
        line-height: normal;
    }

    section.sub-services-sec .boxes-container .box {
        padding: 20px 20px;
        padding-bottom: 20px;
    }

    section.testimonial-sec .section-head {
        width: 80%;
    }

    section.s2 {
        margin-top: -4.3%;
    }

    section.text-moving img {
        width: 55%;
    }

    section.s2 .text-head h2 {
        font-size: 30px;
        line-height: normal;
    }

    section.s2 .txt p {
        line-height: normal;
    }

    section.s4 .section-text h3 {
        font-size: 35px;
        line-height: normal;
        width: 100%;
    }

    section.peoples-sec .text h2 {
        font-size: 35px;
        font-weight: 700;
        line-height: normal;
    }

    section.peoples-sec .text p {
        line-height: normal;
    }

    section.contact-mtext .text-moving img {
        width: 15%;
    }


    section.banner.inner-banner .banner-text {
        padding-top: 4rem;
        width: 100%;
    }

    section.contact-mtext .text-head {
        width: 100%;
        margin: auto;
        margin-top: 0;
    }

    section.banner.inner-banner .banner-text {
        padding-bottom: 5.8rem;
        width: 100%;
    }

    section.contact-mtext {
        margin-top: -12rem;
        padding-bottom: 4rem;
    }

    section.banner.inner-banner .banner-text p {
        font-size: 17px;
        width: 80%;
    }

    section.servicespage-sec .txt h4 {
        font-size: 32px;
        line-height: normal;
    }

    section.servicespage-sec .txt p {
        font-size: 16px;
        line-height: normal;
    }

    section.servicespage-sec .buttons {
        padding-top: 1rem;
    }

    section.contact-section .chead h2 {
        font-size: 35px;
        line-height: normal;
        padding-bottom: 0.2rem;
    }

    footer .footer-widgets ul.menu li a span {
        font-size: 14px;
        line-height: normal;
    }

    footer .footer-widgets .container {
        padding-bottom: 0rem;
    }

    .title {
        font-size: 14px;
        line-height: normal;
    }

    .dec {
        font-size: 14px;
    }

    footer .footer-widgets h4.widget-title {
        font-size: 20px;
        line-height: normal;
        padding-bottom: 0px;
    }

    .title {
        font-size: 16px !important;
        line-height: normal;
    }

    footer .footer-widgets ul.menu li a {
        gap: 4px;
    }

    section.newsletter-sec .box-row .text h2 {
        font-size: 35px;
        line-height: normal;
    }

    section.contact-section .contactform-box .head p {
        font-size: 14px;
        line-height: normal;
    }

    section.service-s2.marketing-service-s2 .txt h4 {
        font-size: 32px;
        line-height: normal;
    }

    section.service-s2.marketing-service-s2 .txt p {
        line-height: normal;
    }

    section.service-s3.marketing-service-s3 .text h3 {
        font-size: 32px;
        line-height: normal;
        width: 100%;
    }

    section.contact-section .formbox form .input_col input {
        height: 45px;
    }

    section.contact-section .formbox form input[type="submit"] {
        width: 100%;
    }

    section.contact-section .chead p {
        line-height: normal;
    }

    section.web-dev-s3 .text p {
        font-size: 14px;
        line-height: normal;
    }

    section.web-dev-s3 .text h3 {
        font-size: 32px;
        line-height: normal;
        width: 100%;
    }

    section.banner.inner-banner .banner-text h2 {
        font-size: 50px;
        line-height: normal;
    }

    section.web-dev-s3 .centered-content-bottom {
        width: 100%;
    }

    section.creative-sec .tab-content {
        padding-top: 2rem;
    }

    section.creative-sec ul#creative-tabs {
        gap: 2rem;
    }

}

@media (max-width: 991px) {

    header#header ul.navbar-nav {
        padding-left: 0;
        gap: 12px;
        margin: auto;
        text-align: center;
    }

    .cta-header {
        text-align: center;
        margin-top: 1.5rem;
    }

    header#header div#navbarSupportedContent {
        background: #000000eb;
        border-radius: 12px;
        padding: 2rem 10px 3rem;
    }

    .globe-world img {
        width: 100%;
        object-fit: contain;
    }

    section.banner.home-banner .banner-text h2 {
        font-size: 55px;
        font-weight: 600;
        width: 100%;
        margin: auto;
    }

    section.banner.home-banner .banner-text {
        padding-top: 4rem;
        width: 100%;
        margin: auto;
    }

    section.banner.home-banner .banner-text p {
        font-size: 14px;
        line-height: normal;
        width: 90%;
        margin: auto;
    }

    section.s2 .buttons,
    section.s3 .buttons,
    section.s3 .buttons a.btn.button.is-bordered,
    section.s4 .buttons,
    section.how-works-sec .buttons,
    section.cta-sec .box-container .buttons,
    section.creative-sec .buttons.cetered-buttons {
        gap: 1rem;
        flex-wrap: nowrap;
        width: 100%;
    }

    section.s2 .buttons a.btn.button.is-bordered,
    section.s2 .buttons a.btn.button.is-primary,
    section.s3 .buttons a.btn.button.is-bordered,
    section.s3 .buttons a.btn.button.is-primary,
    section.s4 .buttons a.btn-bordered,
    section.s4 .buttons a.btn-primary,
    section.how-works-sec .buttons a.is-bordered,
    section.how-works-sec .buttons a.is-primary,
    section.cta-sec .box-container .buttons a.btn-dark,
    section.cta-sec .box-container .buttons a.btn-light,
    section.creative-sec .buttons a.btn-bordered,
    section.creative-sec .buttons a.btn-primary {
        font-size: 12px;
        line-height: normal;
        padding: 10px 0px;
        height: 55px;
        width: 100%;
        box-shadow: 0px 0px 0px 0px #6A60FF;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    section.s2 {
        margin-top: -10.3%;
    }

    section.s3 .sec_head {
        width: 100%;
        margin: auto;
        padding-bottom: 1.2rem;
    }

    section.s3 .sec_head h3 {
        font-size: 35px;
        line-height: normal;
        padding-top: 2.5rem;
    }

    section.s3 .txt h4 {
        font-size: 26px;
        line-height: normal;
    }

    section.s3 .txt p {
        font-size: 14px;
        line-height: normal;
    }

    section.cta-sec.cta-one .row.row-main {
        flex-direction: column-reverse;
    }

    section.cta-sec .row.row-main .col-md-6 {
        width: 80%;
    }

    section.cta-sec .box-container .row-main {
        align-items: center;
        justify-content: center;
    }

    section.cta-sec.cta-alt .box-container {
        padding-left: 0rem;
    }

    section.cta-sec .box-container .text h2 {
        font-size: 38px;
        line-height: normal;
    }

    section.cta-sec .box-container .text {
        text-align: center;
        margin: auto;
        width: 100%;
    }

    section.cta-sec .box-container .text p {
        text-align: center;
    }

    section.cta-sec .box-container .buttons {
        justify-content: center;
        margin-bottom: 4rem;
    }

    section.cta-sec .box-container .media-sec img {
        max-width: 50%;
        margin: auto;
    }

    section.cta-sec .box-container .media-sec {
        text-align: center;
        left: 0;
        right: 0;
    }

    section.s4 .section-text h3 {
        font-size: 26px;
    }

    section.s4 .section-text p {
        line-height: normal;
    }

    section.banner.inner-banner .globe-world {
        margin-top: 0;
    }

    section.banner.inner-banner .banner-text {
        padding-bottom: 1rem;
        width: 100%;
        padding-top: 2rem;
    }

    section.contact-mtext .text-moving img {
        width: 50%;
    }

    footer .footer-widgets h4.widget-title {
        margin: 12px 0 0rem;
    }

    section.creative-sec .section-head h2 {
        font-size: 35px;
        line-height: normal;
    }

    section.cta-sec .box-container .text h2 {
        font-size: 28px;
        line-height: normal;
    }

    section.testimonial-sec .section-head h2 {
        font-size: 35px;
        line-height: normal;
    }

    section.testimonial-sec .testimonial_slider .item p.review-content {
        padding-top: 1rem;
        font-size: 14px;
        font-weight: 300;
        line-height: normal;
        height: auto;
    }

    section.testimonial-sec .testimonial_slider .item .itemrow .itemcol .media img {
        width: 70%;
        margin: auto;
    }

    section.contact-section .media {
        display: none;
    }

    section.contact-section .contactform-box {
        margin: auto;
        height: 100%;
    }

    section.newsletter-sec {
        margin-top: 0rem;
        padding-top: 3rem;
    }

    section.contact-section .cinfo-col {
        margin-bottom: 4rem;
    }

}

@media (max-width : 767px) {
    section.banner.inner-banner .banner-text h2 {
        width: 100%;
        font-size: 40px;
    }

    section.banner.inner-banner .banner-text p {
        font-size: 16px;
        width: 100%;
        line-height: normal;
        margin-bottom: 2rem;
    }

    section.contact-mtext .text-head h2 {
        font-size: 34px;
        line-height: normal;
        margin-top: 2rem;
    }

    section.cta-sec .box-container .buttons {
        flex-wrap: nowrap;
    }

    section.cta-sec .row.row-main .col-md-6 {
        width: 95%;
    }

    footer .footer-widgets ul.menu li a span {
        font-size: 16px;
    }

    footer .footer-widgets ul.menu li {
        padding-bottom: 6px;
    }

    footer .footer-widgets h4.widget-title {
        margin: 2rem 0 10px;
    }

    section.banner.inner-banner .banner-text h2 {
        font-size: 40px;
        width: 100%;
    }

    section.banner.inner-banner .banner-text p {
        font-size: 14px;
        width: 100%;
    }

    section.text-moving img {
        width: 55%;
        margin-bottom: 2rem;
    }

    section.peoples-sec .main-container .media {
        position: static;
    }

    section.peoples-sec .main-container .media svg {
        height: 180px;
        text-align: start;
        width: 100%;
    }

    section.peoples-sec {
        padding-top: 2rem;
    }

    section.testimonial-sec .section-head {
        width: 100%;
    }

    section.cta-sec.cta-alt {
        padding-top: 4rem;
    }

    section.newsletter-sec .box-row .text {
        width: 100%;
    }

    section.newsletter-sec .box-row .text h2 {
        font-size: 30px;
        margin-bottom: 1rem;
    }

    .dec {
        font-size: 16px;
    }

    section.contact-mtext {
        margin-top: -7rem;
        padding-bottom: 2rem;
    }

    section.servicespage-sec .row_main:nth-child(even),
    section.service-s2 .row_main:nth-child(even) {
        flex-direction: column-reverse !important;
    }

    section.servicespage-sec .media-sec {
        margin: 2rem auto 2rem;
        width: 80%;
    }

    a {
        box-shadow: 0px 0px 0px 0px #6A60FF !important;
    }

    section.contact-mtext .text-moving img {
        width: 60%;
    }

    section.service-s2 .row_main {
        flex-direction: column-reverse;
    }

    section.service-s2.marketing-service-s2 .txt h4 {
        font-size: 22px;
    }

    section.service-s3 .text h3 {
        font-size: 28px;
    }

    section.service-s3 .media,
    section.service-s3 .media.normal-media {
        transform: none;
        max-width: 70%;
        margin: 3rem auto 3rem;
    }

    section.web-dev-s3.w3dit-s3 {
        padding-bottom: 2rem;
    }

    section.web-dev-s3 .centered-content-bottom h2 {
        font-size: 30px;
        line-height: normal;
    }

    section.newsletter-sec {
        padding-bottom: 5rem;
    }

}

@media (max-width: 575px) {

    section.banner.home-banner .banner-text h2 {
        line-height: normal;
        font-size: 2rem;
    }

    section.banner.home-banner .banner-text {
        padding-top: 2rem;
    }

    .globe-world img {
        height: 100%;
    }

    .globe-world {
        margin-top: 4rem;
    }

    section.s2 .text-head h2 {
        font-size: 22px;
    }

    section.s2 .buttons a.btn.button.is-bordered,
    section.s2 .buttons a.btn.button.is-primary,
    section.s3 .buttons a.btn.button.is-bordered,
    section.s3 .buttons a.btn.button.is-primary,
    section.s4 .buttons a.btn-bordered,
    section.s4 .buttons a.btn-primary,
    section.how-works-sec .buttons a.is-bordered,
    section.how-works-sec .buttons a.is-primary,
    section.cta-sec .box-container .buttons a.btn-dark,
    section.cta-sec .box-container .buttons a.btn-light {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        padding: 0;
    }

    section.s3 .textmoving {
        padding: 2rem 0 0rem;
    }

    section.s3 .sec_head h3 {
        font-size: 20px;
        line-height: normal;
    }

    section.s3 .txt h4 {
        font-size: 22px;
    }

    .media-sec img {
        margin-top: 2rem;
    }

    section.cta-sec .box-container .text h2 {
        font-size: 20px;
        text-wrap-style: pretty;
    }

    .icon {
        display: none;
    }

    section.cta-sec .box-container .buttons a.btn-dark span {
        font-size: 14px;
    }

    section.creative-sec .section-head h2 {
        width: 100%;
        font-size: 20px;
    }

    section.creative-sec .section-head p {
        width: 100%;
        line-height: normal;
        margin-bottom: 1rem;
    }

    section.creative-sec ul#creative-tabs {
        gap: 1rem;
    }

    section.creative-sec ul#creative-tabs li.nav-item a {
        font-size: 12px;
    }

    section.creative-sec ul#creative-tabs li.nav-item:after {
        display: none;
    }

    section.creative-sec .item .box .media {
        width: 100%;
        height: 220px;
    }

    section.creative-sec .buttons {
        padding-top: 2rem;
        flex-wrap: nowrap;
    }

    section.testimonial-sec .section-head h2 {
        font-size: 22px;
    }

    section.how-works-sec .bfocus_cont {
        margin-top: 3rem;
    }

    section.how-works-sec .section-head {
        width: 100%;
    }

    section.how-works-sec .text h3 {
        font-size: 30px;
        line-height: normal;
    }

    section.banner.inner-banner .banner-text h2 {
        font-size: 30px;
        width: 100%;
        margin-bottom: 1rem;
    }

    section.peoples-sec .text h2 {
        font-size: 18px;
    }

    section.contact-section .chead h2 {
        font-size: 22px;
    }

    section.s4.s4-inner {
        padding-bottom: 2rem;
        padding-top: 3rem;
    }

    section.newsletter-sec .box-row .text h2 {
        font-size: 20px;
    }

    section.newsletter-sec form input[type="submit"] {
        margin: 0;
    }

    section.newsletter-sec form input[type="email"] {
        width: 100%;
    }

    footer .form-nl form input[type="submit"] {
        margin-left: 0;
    }

    footer .form-nl form input[type="email"],
    section.newsletter-sec form input[type="email"] {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    section.contact-mtext .text-head h2 {
        font-size: 24px;
        text-wrap-style: balance;
    }

    section.servicespage-sec {
        padding-top: 1rem;
    }

    section.servicespage-sec .txt {
        width: 100%;
    }

    section.servicespage-sec .buttons a.btn.button.is-bordered,
    section.servicespage-sec .buttons a.btn.button.is-primary,
    a.btn-bordered,
    a.btn-primary {
        padding: 10px 10px !important;
        width: 100%;
    }

    section.servicespage-sec .buttons,
    section.case-studies .single-case-study .buttons.buttons-centered {
        flex-wrap: nowrap;
        gap: 1rem;
    }

    section.newsletter-sec form input[type="submit"] {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }

    section.service-s3.mobservice-s3 .text {
        padding-top: 10rem;
    }

    section.service-s3.mobservice-s3 {
        padding-bottom: 2rem;
    }

    section.service-s2 .txt h4 {
        font-size: 30px;
    }

    section.service-s3.marketing-service-s3 .text h3 {
        font-size: 22px;
    }

    section.service-s2 .txt h4 {
        line-height: normal;
        font-size: 24px;
    }

    section.web-dev-s3 .text h3 {
        font-size: 24px;
        line-height: normal;
        width: 100%;
    }

    section.web-dev-s3 .media img {
        width: 70%;
        transform: none;
        position: relative;
        left: 0;
        right: 0;
    }

    section.web-dev-s3 .media {
        text-align: center;
        margin-top: 3rem;
    }

    section.s2 .text-head {
        width: 100%;
    }

    section.s2 .buttons,
    section.s3 .buttons,
    section.s3 .buttons a.btn.button.is-bordered,
    section.s4 .buttons,
    section.how-works-sec .buttons,
    section.cta-sec .box-container .buttons,
    section.creative-sec .buttons.cetered-buttons {
        gap: 5px;
    }

    section.cta-sec .box-container .buttons a.btn-light span {
        font-size: 13px;
    }

    section.cta-sec .box-container .buttons {
        margin-bottom: 2rem;
    }

    section.how-works-sec .section-head h2 {
        font-size: 25px;
        line-height: normal;
    }

    section.how-works-sec .text {
        width: 100%;
    }

    section.how-works-sec .text p {
        line-height: normal;
    }

    footer .newsletter {
        padding: 0 10px;
    }

    section.newsletter-sec .box-row .text h2 {
        font-size: 18px;
    }

}

@media (max-width: 320px) {

    .navbar-brand {
        width: 65%;
    }

    header#header a.navbar-brand img {
        width: 100%;
        object-fit: contain;
    }

    section.banner.home-banner .banner-text h3 {
        font-size: 20px;
    }

    section.banner.home-banner .banner-text h2 {
        font-size: 22px;
    }

    header#header div#navbarSupportedContent {
        padding: 1rem 10px 2rem;
    }

    header#header ul.navbar-nav {
        gap: 0px;
    }

    .cta-header {
        margin-top: 1rem;
    }
}