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

@media (max-width: 1440px) {
    section.brand-identity-sec-six .brand-identity-slides .text .d-flex.justify-content-between {
        flex-direction: column;
        gap: 12px 0;
        align-items: start !important;
    }

    header .logo a {
        font-size: 12px;
    }

    section.e-commerce-section-four .text-center img {
        width: 100%;
    }
}

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

@media (max-width: 1280px) {
    header .logo a img {
        width: 60px;
    }
}

@media (max-width: 1024px) {

    .nav-bar li a {
        font-size: 12px;
    }

    section.corporate-website-section-thirteen .content ul {
        gap: 0 3%;
    }

    section.web-design-section-ten .content ul {
        gap: 0 20px;
    }

    .video-border img {
        top: -41px;
        max-width: 913px !important;
        height: 580px;
    }

    section.wow-website-section-eight .padding .col-md-6 {
        width: 100%;
        border-right-color: transparent !important;
    }

    section.wow-website-section-eight .padding .col-md-6 .d-flex.justify-content-between.align-items-center.px-5 {
        justify-content: center !important;
        gap: 21px;
    }


    section.wow-website-section-eight .content .inner span {
        font-size: 14px;
    }

    section.wow-website-section-eight .content .inner img {
        width: 95px;
    }

    section.brand-identity-sec-seventeen .inner h5 {
        font-size: 20px;
    }

    .industries-section-four .top-text h4 {
        width: 100%;
    }

    section.corporate-website-section-thirteen .content h4 {
        font-size: 20px;
    }

    .ui-ux-section-six img.position-absolute {
        width: 634px;
    }

    .brand-identity-sec-four .col-md-7 {
        position: relative;
    }

    section.case-studies-section-two .inner .text .d-flex.justify-content-between {
        flex-direction: column;
        align-items: start;
        gap: 10px 0;
    }

    section.case-studies-section-two .inner .text {
        height: 240px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .ninteen-slides .text h5 {
        font-size: 18px;
    }

    section.home-section-eight .content .inner .bottom {
        flex-direction: column;
    }


    section.home-section-eight .content .inner .top {
        flex-direction: column;
        gap: 10px 0;
    }


    section.brand-identity-sec-seven .content {
        padding: 0 7%;
    }

    .e-commerce-section-one p {
        padding: 0 0;
    }

    section.case-studies-section-two .row {
        gap: 50px 0;
    }

    .ui-ux-section-fifteen .click-to-copy {
        justify-content: center;
    }

    .ui-ux-section-fifteen .col-md-6 {
        width: 100%;
    }

    .ui-ux-section-fifteen .text {
        padding: 3rem 7%;
    }

    .ui-ux-section-fifteen .what-happen-next {
        padding: 3rem 7%;
    }

    .ui-ux-section-fifteen .lets-project {
        padding: 3rem 7% !important;
    }

    .ui-ux-section-fifteen .custom-width {
        align-items: center;
    }

    section.home-section-nine .content {
        height: 100%;
    }

    section.e-commerce-section-ten .col-md-7,
    section.e-commerce-section-ten .col-md-4 {
        width: 100%;
    }

    section.e-commerce-section-ten .col-md-4 .img {
        width: 100%;
        text-align: center;
    }

    section.case-studies-section-two .inner {
        border: 1px solid #000 !important;
        border-bottom: unset;
    }

    section.web-design-section-three .img,
    section.web-design-section-three .text {
        height: 100%;
        padding: 3rem;
    }

    section.brand-identity-sec-four .col-md-6 {
        width: 100%;
    }

    .web-design-section-three .img img {
        width: 60% !important;
    }


    section.brand-identity-sec-four .col-md-6 {
        text-align: center !important;
    }

    section.brand-identity-sec-four .row {
        gap: 3rem 0;
    }

    section.brand-identity-sec-three .col-md-6:nth-child(odd) .inner {
        padding: 7% !important;
    }

    section.brand-identity-sec-three .col-md-6:nth-child(even) .inner {
        padding: 7% !important;
    }

    .hover-resize-col {
        min-width: 100%;
    }

    section.brand-identity-sec-seven {
        height: unset !important;
        padding: 10% 0;
    }

    section.brand-identity-sec-six .brand-identity-slides .text a {
        padding: 10px 18px;
    }

    section.brand-identity-sec-three .inner video {
        opacity: 1;
    }

    section.brand-identity-sec-one .text {
        padding: 2rem 7%;
    }

    section.brand-identity-sec-one .col-md-6 {
        width: 100%;
    }

    section.brand-identity-sec-one .col-md-6:last-child {
        display: none;
    }

    section.brand-identity-sec-two .col-md-6 {
        width: 100%;
    }

    section.brand-identity-sec-two .text {
        padding: 0 7%;
    }

    section.brand-identity-sec-five .accordion-body p {
        padding: 2rem 0;
    }


    section.brand-identity-sec-five .col-md-6 {
        width: 100%;
    }


    .burger-menu {
        left: 100%;
        transform: unset;
        opacity: unset;
        visibility: unset;
        transform-origin: unset;
        overflow: hidden;
        border-radius: unset;
        transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
    }

    .burger-menu.active {
        transform: unset;
        opacity: unset;
        visibility: unset;
        border-radius: unset;
        left: 0;
    }

    header .col-md-8 {
        display: none;
    }

    header .col:last-child {
        text-align: end;
    }

    .burger-menu .middlee .col-md-9 {
        width: 100%;
    }

    .burger-menu .bottomm {
        display: none;
    }

    .burger-menu .middlee {
        height: auto;
    }

    .burger-menu .middlee .col-md-3 {
        width: 100%;
    }

    .side-nav li:last-child a {
        border-bottom: 1px solid #000;
    }

    .side-nav a {
        justify-content: center;
        padding: 30px;
    }

    .burger-menu {
        background-color: #ffffff;
        overflow-y: scroll;
    }

    section.home-section-two .img img {
        width: 70%;
    }

    section.home-section-two .img {
        text-align: center;
    }

    section.home-section-two .text {
        padding-left: 0;
    }

    section.home-section-two {
        padding: 2rem 0;
    }

    .repeated-title h3 {
        font-size: 17px !important;
        line-height: 26px;
    }

    section.home-section-three .content .inner {
        height: 100%;
        border-bottom: 1px solid #000;
        border-right: unset;
    }

    section.home-section-three .content .col-md-4 .inner {
        padding-left: 6% !important;
        padding-right: 6% !important;
        border-right: unset;
        border-bottom: 1px solid #000;
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    section.home-section-three .content .col-md-4 {
        width: 100%;
    }

    section.home-section-five .content {
        border-top: 1px solid #F9F9F9;
        padding: 40px 7%;
    }

    section.home-section-five .inner video {
        height: 100%;
    }

    section.home-section-two.active img.duplicate-img {
        right: 0;
        display: flex;
        margin: 0 auto;
    }

    .home-section-seven .col-md-4 {
        width: 50%;
    }

    .click-to-copy {
        justify-content: start;
    }

    .custom-width {
        width: 100%;
        text-align: start;
    }

    .contact-us-form .checkbox-container {
        flex-direction: column;
    }

    .contact-us-form {
        height: 100%;
    }

    .for-desktop {
        display: none;
    }

    .for-mobile {
        display: block;
    }

    section.home-section-four .for-mobile .col-md-4 {
        width: 100%;
    }

    section.home-section-four .for-mobile .inner {
        padding: 0 9% !important;
    }

    section.home-section-four .for-mobile .heading .inner {
        background-color: #fff;
        height: 90px !important;
    }

    section.home-section-four .for-mobile .heading .inner h4 {
        color: #0c081e;
    }
}

@media (max-width: 800px) {
    section.ui-ux-section-eight video {
        max-width: 100% !important;
    }


    .video-border img {
        top: -106px;
        max-width: 682px !important;
        height: 580px;
        left: -14px;
    }

    section.brand-identity-sec-seventeen .inner .counter {
        margin-top: 0;
    }

    section.wow-website-section-seven .inner {
        padding: 7% !important;
    }

    section.web-design-section-ten .col-md-3,
    section.web-design-section-ten .col-md-9 {
        width: 100%;
    }

    section.web-design-section-ten .row {
        gap: 20px 0;
    }

    section.web-design-section-ten .content ul {
        justify-content: start !important;
        gap: 0 10px;
    }

    section.web-design-section-six video {
        max-width: 100% !important;
    }

    section.ui-ux-section-nine .content .inner {
        height: 100%;
        padding: 2rem 0;
    }

    section.ui-ux-section-nine .content {
        border-bottom: unset !important;
    }

    section.ui-ux-section-nine .content:last-child .col-md-4:last-child .inner {
        border-bottom: 1px solid #0C081E !important;
    }

    section.ui-ux-section-nine .content .col-md-4 .inner {
        border-right: unset;
        border-bottom: 1px solid #0C081E !important;
    }

    .corporate-website-section-seven .col-md-5.text-end {
        text-align: start !important;
    }

    .ui-ux-section-six .col-md-5.text-end {
        text-align: start !important;
    }

    section.mobile-design-section-nine .content .img video {
        height: 100%;
    }


    section.web-design-section-two .col-md-4 .inner .counter h5 {
        margin: 0;
    }

    section.mobile-design-section-nine .content li {
        padding: 20px 7%;
    }

    .industries-section-six .col-md-5.text-end {
        text-align: start !important;
    }

    .ui-ux-section-six img.position-absolute {
        display: none;
    }

    .industries-section-one img {
        z-index: -1;
        width: 100%;
        opacity: 60%;
    }

    .about-section-one img {
        width: auto;
        bottom: 0;
    }

    section.corporate-website-section-eight .text h5 {
        margin: 0 0 1rem;
    }

    section.corporate-website-section-eight .text,
    section.corporate-website-section-eight .img {
        padding: 2rem !important;
    }

    section.ui-ux-section-ten .content .inner {
        padding: 4% !important;
    }

    section.corporate-website-section-thirteen .content img {
        aspect-ratio: 1/1;
        max-width: 32px;
    }

    footer .container {
        max-width: 100%;
    }


    section.corporate-website-section-eight .col-md-4 {
        width: 100%;
    }

    .repeated-title {
        gap: 4px 0;
    }


    .corporate-website-section-five .col-md-6 img.position-absolute {
        z-index: -1;
        opacity: 60%;
    }

    section.e-commerce-section-one {
        padding: 2rem 0;
    }

    section.web-design-section-three .content .row .col-md-6:nth-child(1) div {
        border-right: unset !important;
    }

    section.case-studies-section-two .col-md-6:nth-child(odd) .inner {
        border-right: unset;
    }


    section.case-studies-section-two .col-md-6 {
        width: 100% !important;
    }

    section.home-section-nine .text .position-relative {
        text-align: center;
    }

    .mousehover-content video {
        width: 240px;
        height: 240px;
    }

    .mousehover-content {
        top: -11rem;
    }

    section.home-section-two .col-md-6 {
        width: 100%;
    }

    section.home-section-two .row {
        gap: 6rem 0;
    }


    img.duplicate-img {
        display: none !important;
    }

    section.home-section-eight .col-md-4 {
        width: 100%;
    }

    section.home-section-eight .row {
        gap: 4rem 0;
    }


    .home-section-nine .col-md-6 {
        width: 100%;
    }

    .home-section-nine .row {
        gap: 0rem 0;
    }

    .custom-width {
        text-align: center;
    }

    .click-to-copy {
        justify-content: center;
    }

    section.home-section-nine a.start-project {
        margin: 0 auto;
    }

    .home-section-seven .col-md-4 {
        width: 100%;
    }

    footer .col-md-4 {
        width: 100%;
    }

    .footer-nav img.mb-3 {
        margin: 0 !important;
    }

    footer {
        padding: 1rem 2%;
    }

    .multiple-navs .col-md-2 {
        width: 33%;
        display: block;
    }

    .multiple-navs {
        padding: 25px 25px 85px 25px;
    }

    .multiple-navs .row {
        gap: 3rem 0;
    }

    section.brand-identity-sec-eight .content .col-md-6 {
        width: 100%;
        border: unset !important;
    }

    section.brand-identity-sec-eight .content .col-md-6:nth-child(1) {
        border-bottom: 1px solid #0C081E !important;
    }

    section.brand-identity-sec-ten .col-md-6 {
        width: 100%;
    }


    section.brand-identity-sec-ten .col-md-6 .text {
        padding: 3rem 7rem;
    }


    section.brand-identity-sec-twelve .col-md-6 .text {
        padding: 3rem 7rem;
    }

    section.brand-identity-sec-twelve .col-md-6 {
        width: 100%;
    }

    section.brand-identity-sec-forteen .col-md-6 .text {
        padding: 3rem 7rem;
    }

    section.brand-identity-sec-forteen .col-md-6 {
        width: 100%;
    }

    section.brand-identity-sec-seventeen .col-md-4 {
        width: 100%;
    }

    section.brand-identity-sec-seventeen .col-md-4 .inner {
        height: 100%;
        padding: 2rem !important;
        text-align: center;
    }

    section.brand-identity-sec-eighteen button.accordion-button {
        font-size: 14px;
        line-height: 22px;
    }

    .ui-ux-section-thirteen .profile {
        padding: 7%;
    }

}

@media (max-width: 768px) {
    .burger-menu .logoo a {
        font-size: 12px;
    }

    .bg {
        height: 580px;
    }

    .burger-menu .logoo img {
        width: 60px;
    }

    header .col-md-7 {
        display: none;
    }

    header .col-md-2 {
        display: none;
    }

    header .col-md-3 .responsive-menu {
        display: block;
        position: absolute;
        right: 30px;
    }

    header .logo {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .graphic-design-section-eight .col-md-4 .inner .counter h5 {
        margin: 0 !important;
    }

    section.e-commerce-section-six .inner {
        padding: 3rem 7%;
    }

    section.web-design-section-three .img,
    section.web-design-section-three .text {
        height: 100%;
        padding: 3rem 0rem 3rem 0;
    }

    section.web-design-section-three .col-md-6 {
        width: 100%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
    }

    .case-studies-section-three .content {
        height: 100% !important;
    }


    .case-studies-section-three img {
        width: 390px;
    }


}

@media (max-width: 480px) {

    .mousehover-text h2 {
        font-size: 70px;
        line-height: 70px;
    }

    .viewall a span::after,
    .viewall a span::before {
        max-width: 26px !important;
        max-height: 26px !important;
    }


    .prev-year-work {
        position: fixed;
        left: 20px;
        bottom: 20px;
        width: auto;
        height: 30px;
        border: 1px solid #ffffff;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #000000;
        border-radius: 50px;
        font-family: Mariupol;
        font-weight: 500;
        color: #ffffff;
        font-size: 10px;
        line-height: 20px;
        letter-spacing: 0.14px;
        text-align: right;
        text-transform: uppercase;
        text-decoration: unset;
        transition: all 0.5s;
        z-index: 999;
        mix-blend-mode: difference;
        padding: 0 16px;
    }



    header .logo a {
        font-size: 8px;
    }


    header .logo a img {
        width: 40px !important;
    }

    .burger-menu .logoo img {
        width: 40px;
    }

    .burger-menu .logoo a {
        font-size: 8px;
    }

    section.brand-identity-sec-seventeen .inner h5 {
        font-size: 20px;
    }

    section.web-design-section-ten .content ul {
        justify-content: start !important;
        gap: 10px;
    }

    .ui-ux-section-seven .content img {
        width: 100%;
    }

    .video-border img {
        top: -188px;
        max-width: 372px !important;
        left: -6px;
    }

    section.wow-website-section-eight .content .col {
        max-width: unset;
        min-width: 100%;
    }

    section.wow-website-section-eight .content .inner {
        border: unset !important;
    }

    section.wow-website-section-eight .content label {
        height: 100%;
    }

    section.wow-website-section-eight .row {
        gap: 60px 0;
    }

    section.wow-website-section-eight .content {
        padding: 1rem 7%;
    }

    section.wow-website-section-eight .padding .col-md-6 .d-flex.justify-content-between.align-items-center.px-5 {
        flex-direction: column;
        text-align: center;
    }

    .home-section-nine .row {
        gap: 3rem 0;
    }

    section.industries-section-two .inner h4 {
        font-size: 17px;
    }

    .flicker-word {
        margin: 0 1px;
    }

    section.industries-section-two .row {
        gap: 40px 0;
    }

    section.home-section-seven .content .inner {
        height: 100%;
    }

    .industries-section-four .top-text h4 {
        font-size: 14px;
        line-height: 26px;
        width: 100%;
    }

    section.brand-identity-sec-seventeen .inner .counter {
        margin-top: 0;
    }

    section.brand-identity-sec-six button.slick-next {
        width: 50px;
        height: 50px;
    }

    section.brand-identity-sec-seventeen .inner .counter h5 {
        font-size: 34px;
    }

    section.e-commerce-section-four .content h5 {
        font-size: 14px;
        line-height: 26px;
    }

    section.brand-identity-sec-five .content {
        padding: 0 7%;
    }

    section.banner .content p {
        font-size: 17px !important;
        line-height: 26px !important;
    }

    .corporate-website-section-five .col-md-6 img.position-absolute {
        width: 100% !important;
    }

    section.corporate-website-section-thirteen .content img {
        max-width: 20px;
    }

    section.brand-identity-sec-seventeen .inner {
        height: 220px;
    }

    .custom-checkbox {
        font-size: 17px;
    }

    section.web-design-section-three .text h4 {
        font-size: 20px;
        line-height: 30px;
    }


    section.brand-logo-identity-logos img {
        width: 130px;
    }

    .corporate-website-section-eleven .inner h5 {
        margin: 0;
    }

    .ui-ux-section-six img.position-absolute {
        display: none;
    }

    .case-studies-section-three img {
        width: 280px;
    }

    .ui-ux-section-fifteen .d-flex {
        gap: 3rem;
        flex-direction: column;
    }

    .ui-ux-section-fifteen .lets-project h4 {
        font-size: 20px;
        line-height: 30px;
    }

    section.home-section-four .for-mobile .heading .inner h4 {
        font-size: 24px;
    }

    section.ui-ux-section-ten .col-md-6 .inner {
        flex-direction: column;
        text-align: center;
        gap: 30px 0;
        padding: 7% !important;
    }

    section.case-studies-section-two .inner .text a {
        padding: 12px;
    }

    section.case-studies-section-two .inner .text {
        padding: 20px;
    }



    section.brand-identity-sec-two .text h4 {
        font-size: 24px;
        line-height: 32px;
    }

    section.brand-identity-sec-two .text .d-flex {
        gap: 30px;
        flex-direction: column;
        align-items: center !important;
    }

    section.brand-identity-sec-two .text {
        text-align: center;
    }

    section.brand-identity-sec-two .text p {
        padding-left: 0;
    }

    section.brand-identity-sec-three .inner h3 {
        font-size: 22px;
        line-height: 35px;
    }

    section.brand-identity-sec-four h2 {
        font-size: 20px;
        line-height: 32px;
    }

    section.brand-identity-sec-five button.accordion-button {
        font-size: 14px;
        line-height: 20px;
    }

    section.brand-identity-sec-five .accordion-body {
        padding: 0 1rem;
    }

    section.brand-identity-sec-five .accordion-header {
        padding: 1rem;
    }

    section.brand-identity-sec-eight .content h3 {
        font-size: 20px;
    }

    section.brand-identity-sec-two .text p {
        font-size: 15px;
        line-height: 25px;
    }

    section.brand-identity-sec-nine .content h4,
    section.brand-identity-sec-ten .content h4,
    section.brand-identity-sec-twelve .content h4,
    section.brand-identity-sec-forteen .content h4 {
        font-size: 16px;
        line-height: 30px;
    }

    section.brand-identity-sec-nine .col-md-6 .text,
    section.brand-identity-sec-ten .col-md-6 .text,
    section.brand-identity-sec-twelve .col-md-6 .text,
    section.brand-identity-sec-forteen .col-md-6 .text {
        padding: 2rem;
    }

    section.home-section-six .content {
        height: 75px;
    }

    section.brand-identity-sec-forteen img {
        width: 100%;
    }

    section.brand-identity-sec-eighteen .accordion-button::before {
        width: 26px;
        height: 26px;
    }

    section.brand-identity-sec-eighteen .accordion-button::after {
        width: 12px;
        height: 12px;
        right: 7px;
    }

    dotlottie-wc {
        width: 100% !important;
        height: 300px !important;
        object-fit: cover !important;
    }

    dotlottie-wc canvas {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover;
    }

    section.brand-identity-sec-six .brand-identity-slides img {
        height: 100%;
    }

    .request-quote {
        padding: 0 20px 30px;
    }

    section.home-section-nine .content {
        padding: 30px;
    }

    .footer-nav a.contactus-btn {
        width: 100%;
    }

    section.home-section-nine a.start-project {
        width: 100%;
    }

    .home-section-nine .position-relative span.tag {
        bottom: 30px;
    }

    .forms-switch button {
        width: 100%;
    }

    .forms-switch {
        flex-direction: column;
    }

    .contact-us-form .row {
        gap: 10px 0;
    }

    .mousehover-content {
        top: -2rem;
        gap: 17rem 0;
    }

    .mousehover-content video {
        width: 130px;
        height: 130px;
    }

    section.banner h5 {
        font-size: 12px;
        margin: 0 0 1rem;
    }

    section.banner .d-flex {
        flex-direction: column !important;
        margin-bottom: 2rem;
    }

    section.banner .d-flex a {
        width: 88% !important;
    }

    section.banner .content h1 {
        margin: 0 0 2rem;
    }

    section.banner .content h6 {
        font-size: 14px;
    }

    .logo img,
    .logoo img {
        width: 130px;
    }

    #menu-button {
        width: 26px;
        height: 26px;
    }

    #menu-button:before {
        width: 26px;
        height: 26px;
        top: -1px;
        left: -1px;
    }

    #menu-button:after {
        top: -1px;
        left: -1px;
        width: 26px;
        height: 26px;
    }

    .responsive-menu a {
        height: 25px;
        font-size: 12px;
    }

    #menu-button span {
        width: 12px;
    }

    .best-cases {
        display: none;
    }

    .side-nav a {
        justify-content: start;
        padding: 26px;
        height: 65px !important;
    }

    section.banner .position-relative span.tag {
        right: 0;
        bottom: 20px;
    }

    .multiple-navs {
        padding: 26px 26px 76px 26px;
        height: 100%;
    }

    .multiple-navs .col-md-2 {
        width: 50%;
    }

    .repeated-title h3 {
        font-size: 13px !important;
        line-height: 20px !important;
    }

    .viewall a span {
        max-width: 26px !important;
        max-height: 26px !important;
    }

    .viewall a span::after,
    section.brand-identity-sec-ninteen .viewall a span::before {
        max-width: 26px !important;
        max-height: 26px !important;
    }

    .viewall h6 {
        height: 26px;
        font-size: 8px;
        width: max-content;
    }

    .viewall a span svg {
        font-size: 11px;
    }

    section.home-section-three .content .inner h4 {
        font-size: 16px;
    }

    section.home-section-two .text h2 {
        font-size: 16px;
        line-height: 28px;
    }

    section.home-section-four .title a span::before {
        width: 26px;
        height: 26px;
    }

    section.home-section-four .title a span::after {
        width: 26px;
        height: 26px;
    }

    section.home-section-six .content .col-md-6 {
        width: max-content;
    }

    section.home-section-six .content .col-md-4 {
        width: max-content;
    }

    section.home-section-six .content:hover {
        padding-left: 1rem;
    }

    section.home-section-six .content:hover .videoo {
        left: 0;
    }

}

@media (max-width: 414px) {
    section.case-studies-section-two .inner ul.d-flex.p-0.m-0 {
        flex-direction: column;
    }

    section.brand-identity-sec-one .text p {
        font-size: 20px;
    }

    section.case-studies-section-two .inner .text {
        height: max-content;
    }
}

@media (max-width: 375px) {

    .repeated-title {
        flex-direction: column;
    }

    .mousehover-text h2 {
        font-size: 50px;
        line-height: 60px;
        letter-spacing: 4px;
    }

    section.home-section-seven .content .inner {
        height: 100%;
    }

    .video-border img {
        top: -203px;
        max-width: 328px !important;
        left: -7px;
    }

    section.home-section-seven .content .inner .bottom h4 {
        font-size: 14px;
    }

    section.home-section-seven .content .inner .bottom h6 {
        font-size: 12px;
    }

    .graphic-design-section-two .text .d-flex {
        flex-direction: column;
        width: 100%;
    }

    .graphic-design-section-two .text .d-flex a {
        justify-content: center;
    }

    .graphic-design-section-two .text .d-flex a.white-button {
        margin: 12px 0 0;
    }

    section.web-design-section-three .img,
    section.web-design-section-three .text {
        padding: 1rem 0 !important;
    }
}