/* Version: 1.3 | Last updated: 14-03-2026 */

@media screen and (max-width: 1920px) and (min-width: 992px) {
    .dropdown:hover > .dropdown-menu {
        display: block;
        width: max-content;
        padding: 10px 0px;
        right: 0;
        left: auto;
    }

    .dropdown > .dropdown-toggle:active {
        pointer-events: none;
    }
}

@media only screen and (max-width: 1700px) {
    html .hero-card-web.mobile-app- {
        height: auto;
    }

    .hero-service-cards {
        margin-top: 70px;
    }

    .hero-creative-agenc1,
    .hero-digital-agency-1 {
        height: 100vh !important;
    }
}

/* @media (min-width:1200px) {
	.container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
		max-width: 1200px;
	}
} */

@media only screen and (max-width: 1370px) {
    .navbar-light .navbar-nav .nav-link {
        padding: 0px 12px;
    }

    .hero-service-cards {
        margin-top: 90px;
    }

    .hero-heading-sec > p {
        margin: 30px 0;
    }

    .image-sr-mm {
        height: 200px;
        width: 100%;
    }

    .hero-heading-sec h2 {
        font-size: 45px;
        line-height: 57px;
    }

    .hero-card-web {
        padding-top: 120px;
        padding-bottom: 100px;
        height: 780px;
    }

    /* .hero-main-rp {
		padding: 100px 30px;
	} */

    .hero-section {
        padding-top: 100px;
        padding-bottom: 100px;
        height: 750px;
    }

    .hero-service-cards {
        margin-top: 50px;
    }

    .mobile-app- .hero-heading-sec2 h1 {
        font-size: 40px;
        line-height: 50px;
    }

    .mobile-app- .hero-heading-sec2 > p {
        margin: 30px 0 0 0;
    }

    /* .mobile-app- .app-hero-bnr img {

		max-width: 80%;

		margin: 0 auto;

		display: block;

	} */
    .mobile-app- h5 {
        font-size: 17px;
        line-height: 25px;
    }

    html .hero-card-web.mobile-app- {
        height: auto;
    }

    .hero-digital-agency-1 .header-heading h1 {
        font-size: 60px;
        line-height: 70px;
    }

    .header-heading h1 {
        font-size: 50px;
        line-height: 62px;
    }

    html .graphic-studio {
        height: auto;
    }

    .business-startup {
        background-size: cover;
    }

    .btn-main {
        display: inline-flex;
        justify-content: center;
        white-space: nowrap;
        align-items: center;
    }

    .hero-card-web {
        min-height: 780px;
        height: auto;
    }

    .digitalagency20 {
        height: auto;
        padding-top: 120px;
        padding-bottom: 100px;
    }

    .forfullcard h5 {
        font-size: 18px;
        line-height: 28px;
    }

    .forfullcard .-service-list li a {
        font-size: 12px;
    }

    .forfullcard .-service-list li {
        padding: 0 5px;
    }

    .forfullcard .service-sec-list p {
        font-size: 14px;
        line-height: 22px;
        margin: 10px 0 0 0;
    }

    .forfullcard p {
        font-size: 16px;
        line-height: 26px;
    }
}

@media only screen and (max-width: 1320px) {
    .mouse-cursor {
        display: none;
    }

    ::-webkit-scrollbar {
        width: 4px;
    }

    ::-webkit-scrollbar-track {
        background: #0d0c40;
    }

    .mobile-menu2 {
        display: block;
    }

    .service-sec-list h5 {
        font-size: 15px;
        line-height: 24px;
    }

    .-service-list li a {
        font-size: 11px;
    }

    .-service-list li {
        padding: 0 3px;
    }

    .custom-nav .nav-list {
        display: none;
    }

    .top-header .navbar-light .navbar-nav .nav-link {
        padding: 0 12px;
    }

    .header-heading h1 {
        font-weight: 700;
        margin-bottom: 30px;
        font-size: 45px;
        line-height: 57px;
    }

    .costom-modal {
        display: none !important;
        background: transparent !important;
        backdrop-filter: blur(0px);
        -webkit-backdrop-filter: blur(0px);
        z-index: 0;
    }
}

@media only screen and (max-width: 991px) {
    .contact-block-btm {
        padding: 30px 30px;
        margin-left: 0;
        margin-top: 50px;
    }

    .pbwide {
        grid-template-columns: auto;
        grid-gap: 50px;
        padding: 50px 30px;
    }

    .img-wide-blocktt {
        position: relative;
        right: 0;
    }

    .innerwidedevice {
        left: 45px;
        position: relative;
        transform: scale(1.1);
    }

    .hero-style .btn-main {
        margin: 0;
    }

    .hero-style .slide-title,
    .hero-style .slide-text,
    .hero-style .slide-btns {
        max-width: 100%;
    }

    .forfullcard {
        grid-template-columns: repeat(2, 1fr);
    }

    .hero-slider .swiper-container-horizontal > .swiper-pagination-bullets {
        left: 0;
        right: 0;
        transform: translateX(0%);
        margin: 0 auto;
        text-align: center;
    }

    .hero-slider .swiper-button-next,
    .hero-slider .swiper-button-prev {
        display: none;
    }

    .follow-label {
        display: flex;
        justify-content: center;
    }

    .counter-facts {
        display: grid;
        grid-template-columns: auto auto;
    }

    .counter-facts .hexagon {
        min-width: auto;
        padding: 20px 15px;
    }

    .counter-facts .counter-no span {
        font-size: 30px;
    }

    .counter-facts .counter-no p {
        font-size: 14px;
        line-height: 20px;
    }

    .flv2 .header-heading h1 {
        font-weight: 900;
    }

    .nxhs30 {
        filter: blur(100px);
        max-width: 140px;
    }

    .grid-x {
        display: none;
    }

    .nav-content .logoinsidebar {
        position: absolute;
        top: 0;
        left: 0;
        background: #fff;
        width: 84%;
        height: 56px;
        display: flex;
        align-items: center;
    }

    .nav-content .logoinsidebar img {
        max-width: 100%;
        height: auto;
    }

    .row-forfullcard {
        grid-template-columns: repeat(3, 1fr);
    }

    .hero-style .slide-title h2 {
        font-size: 40px;
        line-height: 50px;
    }

    .hero-style .slide-text p {
        font-size: 18px;
    }

    .flv2 .header-heading h1 {
        font-size: 42px;
        line-height: 52px;
    }

    .pvcpolcy p {
        text-align: left;
    }

    .popup-modal1 .modal-dialog {
        min-height: 100%;
        margin: 0 0 0 auto;
        background: #fff;
    }

    .popup-modal1 .modal-content {
        border: 0;
    }

    .card-stats .statistics {
        padding: 15px;
    }

    .pr--100 {
        padding-right: 0px;
    }

    .pl--100 {
        padding-left: 0px;
    }

    .pl--50 {
        padding-left: 0px;
    }

    .pr--50 {
        padding-right: 0px;
    }

    .dg-hero-img0 {
        transform: translateZ(0px);
        margin-top: 30px;
    }

    #testimonials-avatar {
        text-align: center;
    }

    .dot-c1 {
        position: inherit;
        width: 80px;
        height: 80px;
        border-radius: 100px;
        border: 0;
        margin: 8px;
    }

    #testimonials-avatar {
        margin-top: 30px;
    }

    .div-portfolio- {
        padding: 30px 20px;
    }

    .itm-media-object {
        text-align: left;
    }

    .ag-dg2 {
        border-radius: 8px 8px 50px 8px;
        right: 0px;
    }

    .ag-dg1 {
        border-radius: 8px 8px 8px 50px;
        left: 0px;
    }

    .shpdez2 {
        width: 60px;
        height: 60px;
    }

    .img-block-ca2 .abt-ca2 {
        border-radius: 50px 00px 50px 0px;
        position: relative;
        z-index: 5;
        width: 90%;
    }

    .service-sec-list,
    .service-sec-brp,
    .img-block {
        margin-top: 30px;
    }

    .posiqut {
        opacity: 0.2;
        top: 0;
    }

    .tcd {
        padding: 40px 30px;
        border-radius: 40px 8px 8px 8px;
        /* margin-top: 30px; */
    }

    .pl50 {
        padding-left: 0px !important;
    }

    .div-item-info {
        text-align: center;
        margin-top: 30px;
    }

    .testinomial-section-app,
    .minimal-portfolio {
        text-align: center;
    }

    .client-logoset {
        padding: 0 15px;
    }

    .about-sec-app .text-l {
        text-align: center !important;
    }

    .cta-card {
        text-align: center;
    }

    .onloadpage .pre-text- {
        width: 88%;
    }

    .video-intro-pp {
        margin-top: 20px;
        text-align: center;
    }

    .content-sec,
    .-content-sec {
        display: block !important;
    }

    .mr25 {
        margin-right: 0;
    }

    .mobile-app- {
        text-align: center;
    }

    .hero-heading-sec2 h1 {
        font-size: 40px;
        line-height: 50px;
    }

    .sctxt {
        font-size: 40px;
    }

    .portfolio-block {
        padding: 20px;
        display: block;
    }

    .portfolio-item-info {
        width: 100%;
        padding-right: 0;
    }

    .portfolio-item-image {
        width: 100%;
        text-align: center;
        margin-top: 30px;
    }

    .portfolio-item-info .reviews-card {
        padding: 20px;
    }

    .header-heading .title- {
        text-align: center;
    }

    .servie-key-points {
        margin-top: 30px;
    }

    .servie-key-points h4 {
        text-align: center;
    }

    .service-desc- {
        text-align: center;
    }

    .m-mt50 {
        margin-top: 50px;
    }

    .m-mt30 {
        margin-top: 30px;
    }

    .lead-gen-client .clients-logo {
        max-height: max-content;
        min-height: auto;
        padding: 30px 10px;
    }

    .main-header.sticky {
        height: 65px;
    }

    .main-header.sticky .dsk-logo {
        line-height: 65px;
    }

    .main-header.sticky .nav-brand img {
        max-height: 55px;
    }

    .footer-badges- {
        margin-top: 20px;
    }

    .footer-brands {
        text-align: center;
    }

    .ftr-brand-pp .btn-main {
        width: max-content;
        margin: 20px 0 0 0;
        display: block;
    }

    .review-icons a {
        margin-top: 30px;
    }

    .review-ref {
        display: block;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .service-sec-brp p {
        font-size: 15px;
        line-height: 24px;
    }

    .m-mb30 {
        margin-bottom: 30px;
    }

    .mt30- {
        margin-top: 0;
    }

    /* .m-t-c,
    .text-l {
		text-align: center !important;
	} */

    .col-lg-3-cus {
        width: 50%;
    }

    .col-lg-6-cus {
        width: 50%;
    }

    .hero-service-cards {
        margin-top: 40px;
    }

    .hero-content-sec {
        display: block;
        text-align: center;
        margin-top: 40px;
    }

    .title-hero-oth p {
        font-size: 20px;
        margin: 20px 0 0 0px;
    }

    .hero-heading-sec > p {
        color: #fff000;
        font-size: 18px;
        max-width: 100%;
        margin: 20px 0;
    }

    .hero-heading-sec,
    .end-footer-,
    .footer-link-- {
        text-align: center;
    }

    .hero-heading-sec h2 span {
        display: inline-block;
    }

    .hero-card-web {
        padding-top: 150px;
        padding-bottom: 100px;
        height: auto;
    }

    .breadcrumb-area {
        padding: 120px 0px 60px 0px;
    }

    /* .common-heading h2,
    .common-heading h4,
    .common-heading>span,
    .header-heading p,
    .image-block,
    .single-image,
	.common-heading p {
		text-align: center;
	} */

    .single-image {
        margin: 30px auto 0;
        display: block;
    }

    .lead-intro- {
        margin: 30px auto 0;
        display: block;
    }

    .portfolio-section:before {
        height: 300px;
    }

    .wide-block:after {
        background-size: 150px;
        background-position: right bottom;
        opacity: 0.6;
    }

    .block-space- {
        max-width: 70%;
    }

    .wide-block {
        padding: 20px;
    }

    .navbar .mobile-menu {
        display: inline-block;
    }

    .mobile-none {
        display: none;
    }

    .navbar-light .navbar-toggler {
        color: #000;
        border-color: transparent;
    }

    .custom-btn {
        padding: 0 25px !important;
        line-height: 42px;
    }

    .header-heading h1 {
        font-weight: 700;
        margin-bottom: 30px;
        font-size: 38px;
        line-height: 50px;
        text-align: center;
    }

    .header-heading p {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 35px;
    }

    .btn-main {
        width: max-content;
        margin: 0 auto;
        display: block;
    }

    .hero-section {
        padding-top: 120px;
        padding-bottom: 80px;
        height: auto;
    }

    .image-block {
        margin-bottom: 30px;
    }

    .pad-tb {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .user- {
        margin: 0 auto;
        display: table;
    }

    .opl ul li,
    .statistics {
        margin-bottom: 30px;
    }

    .statistics {
        text-align: left;
    }

    /* .about-agency p,
    .about-image,
    .block-1 .small,
    .block-1 .statnumb,
    .case-study1 p,
    .case-study3 p,
    .common-heading.pp,
    .email-subs,
    .filter-menu,
    .in-stats .statistics,
    .office-text,
    .service p,
    .testimonial-card .t-text {
		text-align: center;
	} */

    .small {
        margin-top: 0;
    }

    .small .statistics span {
        color: #050748;
    }

    .statistics-img {
        width: 80px;
        height: 80px;
    }

    .small .statistics-img {
        width: 80px;
        height: 80px;
    }

    .icon-set,
    .opl ul li {
        width: 33.333%;
    }

    .small .statistics span,
    .statistics span {
        font-size: 35px;
    }

    .opl ul li:last-child {
        margin-bottom: 0;
    }

    .testinomial-section {
        background-size: 0;
    }

    .testimonial-card .t-text,
    .work-card-set,
    .img-design {
        margin-top: 30px;
    }

    .testinomial-section .owl-carousel .owl-dots {
        position: relative;
        width: 100%;
        text-align: center;
    }

    .pl25 {
        padding-left: 0 !important;
    }

    .client-thumbs {
        margin: 30px auto 0;
        /* display: table; */
    }

    .enquire-image {
        margin-top: 30px;
    }

    .office-card {
        margin-bottom: 60px;
    }

    .office-text p {
        padding: 0;
        margin: 0 0 20px;
    }

    .email-subs p {
        margin-bottom: 30px;
    }

    .footer-social-media-icons a {
        margin: 0 10px;
    }

    .footer-svg {
        margin: -3px 0 0;
    }

    .block-1 .small {
        margin-top: 50px;
    }

    .in-stats .statistics {
        margin-bottom: 0;
        display: inline-block;
    }

    .block-1 .statnumb {
        margin: 0;
    }

    .in-stats .statistics span {
        font-size: 35px;
        color: var(--white-color);
    }

    .about-image {
        margin-bottom: 30px;
    }

    .ps-block {
        padding: 0;
        margin: 30px 0 0;
    }

    .contact-details {
        margin-top: 60px;
    }

    .filter-menu,
    .m-mt30 {
        margin-top: 30px;
    }

    .showin-mobile {
        display: block;
    }

    .fl-hero {
        background-position:
            center center,
            center center;
        background-size: 0px, cover;
        background-repeat: no-repeat, no-repeat;
    }

    .active-dark .fl-hero {
        background:
            url(../images/hero/freelancer.png),
            url(../images/shape/hero-shape.svg), #101010;
        background-position:
            center center,
            center center;
        background-size: 0px, cover;
        background-repeat: no-repeat, no-repeat;
    }

    .counter-facts {
        margin: 60px 0 0 0;
        text-align: center;
    }

    .s-block {
        padding: 50px 15px;
    }

    .mmt30 {
        margin-top: 30px;
    }

    .singl-heripic {
        margin-top: 30px;
    }

    .itm-media-object h4 {
        text-align: left;
    }

    .lead-gen-client .clients-logo {
        margin: 0 10px;
    }
}

@media only screen and (max-width: 767px) {
    h1 {
        font-size: 38px;
        line-height: 48px;
    }

    h2 {
        font-size: 34px;
        line-height: 44px;
    }

    h3 {
        font-size: 30px;
        line-height: 40px;
    }

    h4 {
        font-size: 20px;
        line-height: 30px;
    }

    h5 {
        font-size: 18px;
        line-height: 28px;
    }

    h6 {
        font-size: 16px;
        line-height: 26px;
    }

    p {
        font-size: 17px;
        line-height: 28px;
    }

    .row-forfullcard {
        grid-template-columns: repeat(2, 1fr);
    }

    .mobileblock {
        display: none;
    }

    .innerwidedevice {
        left: 0;
        transform: scale(1.2);
    }

    .flv2 .header-heading h1 {
        font-size: 35px;
        line-height: 45px;
    }

    .rpb-cart-table table tr td.rpbrs-titl::before,
    .rpb-cart-table table tr td.rpbrs-titl::before {
        content: attr(data-title) ":";
        font-weight: 700;
        float: left;
    }

    .rpb-cart-table table tr td,
    .rpb-cart-table table tr td {
        display: block;
        text-align: right !important;
    }

    .rpb-cart-table table thead,
    .rpb-cart-table table thead {
        display: none;
    }

    .rpb-cart-table table .product-thumbnail {
        display: none;
    }

    .cart-pg-coupon input,
    .cart-pg-coupon button {
        width: 48%;
    }

    .update-cart button {
        width: 100%;
    }

    .post-info a.btn-main {
        width: max-content;
        margin: 10px 0 0 0;
        display: block;
    }

    .desktopblock {
        border: 6px solid rgb(255 255 255 / 50%);
        border-radius: 12px;
    }

    .psforgt {
        margin-top: 10px;
        display: block;
        text-align: center;
    }

    .social-btnnxx {
        display: flex;
    }

    .login-form-div {
        max-width: 100%;
        margin: 0 15px;
        background: #fff;
        padding: 30px 20px;
        border-radius: 8px;
    }

    .hero-digital-agency-1 .header-heading h1 {
        font-size: 40px;
        line-height: 50px;
    }

    .video-review + .video-review {
        margin-top: 30px;
    }

    .video-testimonial {
        display: block;
    }

    .mr15 {
        margin-right: 0;
    }

    .itm-media-object .media .img-ab- {
        width: 55px;
    }

    .-content-sec .title-hero-oth p {
        margin: 20px 0 0px 0px;
    }

    .niwax {
        transform: translate3d(0, 0, 0) !important;
    }

    .shape-c1,
    .shape-c2,
    .shape-c3 {
        opacity: 0.3;
    }

    .apppg li p {
        font-size: 15px;
    }

    .industry-workfor {
        padding: 15px;
        display: block;
        text-align: center;
        margin: 0 auto 15px;
    }

    .industry-workfor img {
        width: 45px;
    }

    .industry-workfor h6 {
        margin: 5px 0 0 0px;
        font-size: 14px;
        line-height: 20px;
    }

    .light-bgs {
        padding: 30px 0;
    }

    .s-block-content-large {
        margin: 0 0 0 0px;
        width: 100%;
        text-align: center;
    }

    .s-card-icon-large {
        width: 150px;
        margin: 0 auto 20px;
    }

    .wide-sblock {
        display: block;
        padding: 30px 20px;
    }

    .s-block-content {
        margin: 0 0 0 0px;
        text-align: center;
    }

    .footer-link-v2 a {
        padding: 14px 0;
    }

    .clients-logo {
        padding: 60px 15px;
    }

    .cta-call a {
        font-size: 20px;
    }

    .itm-media-object .media-body {
        margin-left: 15px;
    }

    /*.itm-media-object .media img {width: 50px;}*/
    .badges-content p {
        padding: 0 0px;
    }

    .footer-badges- li a img {
        width: 100%;
    }

    .service-sec-list h5 {
        font-size: 18px;
        line-height: 28px;
    }

    .-service-list li a {
        font-size: 13px;
    }

    .skyline-img {
        text-align: center;
    }

    .-cta-btn p {
        margin: 0 0px 30px 0px;
        font-size: 25px;
        line-height: 35px;
        text-align: center;
    }

    .free-cta-title {
        display: block;
    }

    .col-lg-6-cus {
        width: 100%;
        text-align: center;
    }

    .col-lg-3-cus {
        width: 100%;
        text-align: center;
    }

    .service-slide {
        max-width: initial;
    }

    .about-freelance p {
        text-align: center;
    }

    .about-lead-gen p {
        text-align: center;
    }

    .why-choos-lg p {
        text-align: center;
    }

    .why-choos-lg .media-body p {
        text-align: left;
    }

    .follow-label h6 {
        margin: 0 0px 10px 0px;
    }

    .follow-label {
        display: block;
        text-align: center;
    }

    .follow-label h6:after {
        content: none;
    }

    .follow-label a {
        font-size: 20px;
    }

    .tabs-layout .nav-tabs .nav-link {
        padding: 12px 35px;
        margin: 0 auto 10px;
    }

    .tabs-layout .nav-tabs .nav-item {
        margin-bottom: 5px;
        display: contents;
    }

    .about-statistics .statistics,
    .form-blog {
        margin-bottom: 30px;
    }

    .order1 {
        order: 1;
    }

    .order2 {
        order: 2;
    }

    .pad-tb {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .icon-set,
    .opl ul li {
        width: 50%;
    }

    .email-subs-form button {
        width: 55px;
        height: 55px;
        border-radius: 100px;
        font-size: 0;
        line-height: 55px;
        padding: 5px;
        text-align: center;
    }

    .email-subs-form input {
        width: 100%;
        height: 65px;
        padding: 0 30px;
    }

    .shape-a1 {
        bottom: -130px;
        left: -50px;
    }

    .shape-a2 {
        bottom: -30px;
        right: -70px;
    }

    .portfolio-meta {
        margin-top: 30px;
    }

    .pr25 {
        padding-right: 0 !important;
    }

    .form-blog {
        background: #fafafb;
        padding: 30px 15px;
    }
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 1200px;
        margin: 1.75rem auto;
    }
}

@media (max-width: 580px) {
    .ftr-brand-pp .btn-main {
        width: max-content;
        margin: 20px auto 0;
        display: block;
    }

    .ftr-brand-pp {
        text-align: center;
    }
}

@media only screen and (max-width: 520px) {
    .row-forfullcard {
        grid-template-columns: repeat(1, 1fr);
    }

    .fullservicecard {
        text-align: center;
    }

    .forfullcard {
        grid-template-columns: repeat(1, 1fr);
        padding: 20px 0;
    }

    .info-list-ul {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .connect-block a span.small-text {
        font-size: 13px;
        letter-spacing: 0px;
    }

    .connect-block a span.large-text {
        font-size: 18px;
        line-height: 28px;
    }

    .text-fld-nx {
        padding: 0 0 0 15px;
    }

    .icon-fld-nx {
        font-size: 22px;
        margin: 0px 15px 0 0px;
    }

    .btn-grp a + a {
        margin-top: 15px;
    }

    .btn-grp a {
        width: 100%;
        margin: 0;
    }

    .custom-control label {
        font-size: 12px;
        padding: 0 0 0 8px;
        text-indent: 1px;
        line-height: 16px;
    }

    .service-point-2 li {
        float: none;
        width: 100%;
    }

    .hero-heading-sec h2 {
        font-size: 35px;
        line-height: 45px;
    }

    .footer-badges- {
        display: flow-root;
        justify-content: space-between;
    }

    .footer-badges- li {
        display: block;
        width: 50%;
        float: left;
        padding: 0 6px;
    }

    .m-pad {
        padding: 0;
    }

    .main-header {
        padding: 0 15px;
    }

    .title-serv-c {
        text-align: center;
    }

    .author-block .media,
    .contact-details .media {
        display: block;
    }

    /* h1 {
		font-size: 32px;
		line-height: 42px;
	}

	.bread-title h2,
    h2 {
		font-size: 26px;
		line-height: 36px;
	}

	h3 {
		font-size: 24px;
		line-height: 34px;
	}

	h4 {
		font-size: 20px;
		line-height: 30px;
	}

	h5 {
		font-size: 18px;
		line-height: 26px;
	}

	h6 {
		font-size: 16px;
		line-height: 24px;
	} */

    .small .statistics span,
    .statistics span {
        font-size: 30px;
    }

    .custom-control label {
        font-size: 12px;
    }

    .contact-details .media-body {
        padding: 0;
        margin: 20px 0 0;
    }

    .shape-a1 {
        bottom: -130px;
        left: -150px;
    }

    .filters .filter-menu li {
        padding: 20px 12px;
        margin-bottom: 6px;
    }

    .comments-block .user-info h5 span {
        font-size: 15px;
        text-align: left;
        float: none;
        color: #6a6a8e;
        display: block;
        padding: 5px 0 0;
    }

    .author-block .user-info {
        margin: 15px 0 0;
    }

    .replied {
        padding-left: 0;
    }
}

@media only screen and (max-width: 350px) {
    .header-heading h1 {
        font-size: 30px;
        line-height: 40px;
    }

    h2 {
        font-size: 24px;
        line-height: 32px;
    }

    .info-card a {
        font-size: 16px;
    }

    .custom-btn {
        padding: 0 14px !important;
        line-height: 42px;
    }

    .filters .filter-menu li {
        font-size: 12px;
    }

    .case-study4 .card-stats .statistics {
        padding: 10px;
    }

    .case-study4 .statistics h3 {
        font-size: 15px;
        margin: 10px 0 0;
    }

    /* royal ride app case study */
    .hero-section-royalRide {
        margin-top: 140px;
        margin-bottom: 32px;
    }

    .royalRideLogo p {
        text-align: center;
    }

    .royalRideLogo h1 {
        font-size: 50px;
        line-height: 62px;
    }

    .royalRideLogo img {
        width: 110px;
    }

    .hero-img-1 img {
        max-width: 100%;
        height: auto;
    }
    /* digital marketing */
    .case-study-wrapper .case-study-box-items .thumb .post-box-items ul li a {
        font-size: 11px;
    }
    .case-study-wrapper .main-box .box .project-content p {
        font-size: 15px;
    }
    .case-study-wrapper .main-box .box .project-content h3 {
        font-size: 18px;
    }
}

/* Custom */

@media only screen and (min-width: 1368px) and (max-width: 1439px) {
    .dsk-logo {
        width: 200px;
    }
}

@media only screen and (min-width: 1440px) {
    .breadcrumb-areav2 {
        height: 100vh;
        display: flex;
        vertical-align: middle;
        align-items: center;
    }

    .portfolio,
    .contact-us,
    .about-us,
    .our-process,
    .clients,
    .testimonials,
    .career,
    .thank-you,
    .tech-stack {
        height: 75vh;
    }

    /* .booking-app img, .fitness-app img, .fleet-app img, .loyalty-app img, .mover-app img,
	.real-estate-app img, .restaurant-app img, .shopping-express-app img, .sports-app img {
		width: 65%;
	} */
}

@media only screen and (max-width: 767px) {
    body .bg-text:after {
        display: none;
    }

    .breadcrumb-areav2 {
        padding: 150px 0px 80px;
    }

    /* h2 {
		font-size: 40px;
		line-height: 50px;
	}

	h3 {
		font-size: 34px;
		line-height: 46px;
	}

	h4 {
		font-size: 28px;
    	line-height: 40px;
	}

	h5 {
		font-size: 22px;
    	line-height: 36px;
	}

	h6 {
		font-size: 18px;
    	line-height: 32px;
	} */

    .why-choose-section h3 {
        font-size: 24px;
        line-height: 30px;
    }

    .footer p {
        text-align: left;
    }

    /* .portfolio-section p {
		text-align: center;
	} */

    .portfolio .button-arounder {
        display: block;
        margin: 25px 0px 0px;
        width: 75%;
    }

    /* Home */

    .hero-main-rp {
        padding: 180px 30px 30px;
        left: 0%;
    }

    .hero-heading-sec2 p {
        font-size: 16px;
        margin: 20px 0;
    }

    .hero-heading-sec2 h1 {
        font-size: 36px;
        line-height: 45px;
    }

    .home-services {
        height: 390px;
        margin-bottom: 15px;
    }

    .main-header {
        padding: 0 8px;
    }

    .main-header.sticky .nav-brand img {
        max-height: 50px;
    }

    .custom-nav ul,
    ul.mob-nav2 {
        list-style: none !important;
    }

    .mobile-menu2 {
        margin-right: 15px;
    }

    .dsk-logo .nav-brand img {
        max-height: 50px;
    }

    .mobile-app- .hero-heading-sec2 h1 {
        font-size: 24px;
        line-height: 35px;
        padding-top: 70px;
    }

    .mobile-app- .hero-heading-sec2 > p {
        margin: 10px 0 0 0;
    }

    .awrd-sec {
        margin-top: 20px !important;
        /* text-align: center; */
    }

    .bages-slider {
        margin-top: 10px !important;
    }

    .app-hero-bnr,
    .img-hro {
        margin-top: -30px;
        margin-bottom: 70px;
    }

    .features-heading {
        text-align: center;
        padding-top: 15px;
    }

    .features-text {
        text-align: center;
    }

    .features-tab .nav-link {
        padding: 0.5rem;
    }

    /*.features-content {*/
    /*	text-align: center;*/
    /*}*/

    .tech-div {
        margin-top: 20px;
    }

    .awards-slider .owl-item {
        margin-right: 11.5px !important;
        width: 93vw !important;
        margin-left: 2px !important;
    }

    /* .awards-slider .owl-stage-outer {
	    height: 400px;
	} */

    .common-heading > span {
        margin-bottom: 15px;
    }

    .link-prbs {
        margin: 0 auto;
        float: right;
    }

    /* .services-img-div {
		display: inline-block;
		width: 20%;
		float: left;
	}

	.service-heading {
		display: inline-block;
		width: 65%;
		padding-left: 5%;
	} */

    .services-text-div {
        padding-top: 20px;
    }

    .quote-form {
        margin-top: 25px;
    }

    .service-section-app {
        padding-bottom: 3rem !important;
    }

    /* .techonology-used- .tab-body {
		margin-top: 30px;
	}
	 */
    .home-timeline-content h3 {
        line-height: 30px;
    }

    .main-timeline .android-timeline-content {
        height: 100%;
    }

    .main-timeline .ios-timeline-content {
        height: 100%;
    }

    .main-timeline .cross-app-timeline-content {
        height: 100%;
    }

    .main-timeline .iot-timeline-content {
        height: 100%;
    }

    .main-timeline .wearable-timeline-content {
        height: 100%;
    }

    .main-timeline .web-app-timeline-content {
        height: 100%;
    }

    .ios-tech-tabs {
        margin: 15px 0px;
    }

    .main-timeline .timeline,
    .main-timeline .timeline:nth-child(even),
    .main-timeline .timeline:nth-child(odd) {
        width: 100%;
        margin: 0 0 35px 0;
    }

    .intro-section {
        background-image: none;
    }

    .sctxt {
        font-size: 45px;
    }

    .key-highlights p {
        padding-top: 20px;
    }

    .hire-developers .button-arounder {
        display: block;
        margin: 0 auto;
    }

    .achievements-count {
        padding: 20px 10px;
    }

    .achievements-count div:nth-child(1) {
        border-bottom: 2px solid var(--black-color);
    }

    .achievements-count div:nth-child(2) {
        border-right: 0px solid var(--white-color);
        border-bottom: 2px solid var(--black-color);
    }

    .contact-div p {
        font-size: 32px;
        line-height: 36px;
    }

    .service-heading {
        padding-top: 20px;
    }

    /* About Us Page */

    /* .choose-us {
		height: 678px;
	} */

    /* Industries */

    .health-experties h4,
    .health-experties p {
        text-align: center;
    }

    /* .statistics-wrap h2, .statistics-wrap p {
        text-align: center;
    } */

    /* .industry-type-block {
        height: 220px;
    } */

    /* Services Page */

    .game-development-col {
        text-align: center;
    }

    /* .bread-titlev2 h1, .bread-titlev2 p {
        text-align: center;
    } */

    .wide-sblock {
        text-align: center;
    }

    .game-intro-section {
        height: 100%;
    }

    .game-section h2 {
        text-align: center;
        color: #fff;
    }

    .game-section span {
        color: #fff;
    }

    ul.service_box li {
        padding: 15px 0px;
    }

    ul.service_box li h5 {
        font-size: 14px;
        width: 106px;
    }

    .ar-intro-section {
        height: 100%;
    }

    .ar-game-section h2 {
        text-align: center;
        color: #fff;
    }

    .ar-game-section span {
        color: #fff;
    }

    .vr-intro-section {
        height: 100%;
    }

    .vr-game-section h2 {
        text-align: center;
        color: #fff;
    }

    .vr-game-section span {
        color: #fff;
    }

    .innerbody {
        display: block;
    }

    .vertical-timeline-element-icon {
        left: 20px;
    }

    .vertical-timeline-element-content {
        margin-left: 60px;
    }

    .ar-intro-section {
        background-position: 51%;
    }

    /* 2D Art */

    .twod-art-services-heading {
        text-align: center;
        padding-top: 10px;
    }

    .twod-art-services-text {
        text-align: center;
    }

    .twod-character-design .nav-tabs {
        display: flex;
        justify-content: center;
    }

    .twod-character-design .tab-pane {
        padding: 0px;
    }

    .twod-character-design .tab-content {
        margin: 20px 0px 10px;
    }

    .twod-character-design .nav-tabs .nav-item {
        width: 100%;
        margin: 0px 0px 10px 0px;
    }

    .twod-art-bottom-center {
        transform: translate(-50%, -80%);
        width: 90%;
    }

    .twod-consultant-card h5 {
        text-align: center;
    }

    .twod-consultant-card a {
        margin: 10px auto;
        text-align: center;
        display: block;
    }

    .twod-environment-design .nav-tabs {
        display: flex;
        justify-content: center;
    }

    .twod-environment-design .tab-pane {
        padding: 0px;
    }

    .twod-environment-design .tab-content {
        margin: 10px 0px 20px;
    }

    .twod-environment-design .nav-tabs .nav-item {
        width: 100%;
        margin: 0px 0px 10px 0px;
    }

    .twod-game-ui-ux-design .nav-tabs {
        display: flex;
        justify-content: center;
    }

    .twod-game-ui-ux-design .tab-pane {
        padding: 0px;
    }

    .twod-game-ui-ux-design .tab-content {
        margin: 20px 0px 10px;
    }

    .twod-game-ui-ux-design .nav-tabs .nav-item {
        width: 100%;
        margin: 0px 0px 10px 0px;
    }

    .twod-concept-art .nav-tabs {
        display: flex;
        justify-content: center;
    }

    .twod-concept-art .tab-pane {
        padding: 0px;
    }

    .twod-concept-art .tab-content {
        margin: 10px 0px 20px;
    }

    .twod-concept-art .nav-tabs .nav-item {
        width: 100%;
        margin: 0px 0px 10px 0px;
    }

    .twod-art-consultation h5 {
        text-align: center;
    }

    .twod-art-consultation p {
        text-align: center;
    }

    .twod-art-consultation a {
        display: block;
        margin: 10px auto 0px;
    }

    .twod-art-benefit {
        position: relative;
        right: 0;
        height: 100%;
    }

    /* 3D Art Services */

    .threed-art-services-heading {
        text-align: center;
        padding-top: 10px;
    }

    .threed-art-services-text {
        text-align: center;
    }

    .threed-character-design .nav-tabs {
        display: flex;
        justify-content: center;
    }

    .threed-character-design .tab-pane {
        padding: 0px;
    }

    .threed-character-design .tab-content {
        margin: 20px 0px 10px;
    }

    .threed-character-design .nav-tabs .nav-item {
        width: 100%;
        margin: 0px 0px 10px 0px;
    }

    .threed-art-bottom-center {
        transform: translate(-50%, -80%);
        width: 90%;
    }

    .threed-consultant-card h5 {
        text-align: center;
    }

    .threed-consultant-card a {
        margin: 10px auto;
        text-align: center;
        display: block;
    }

    .threed-environment-design .nav-tabs {
        display: flex;
        justify-content: center;
    }

    .threed-environment-design .tab-pane {
        padding: 0px;
    }

    .threed-environment-design .tab-content {
        margin: 10px 0px 20px;
    }

    .threed-environment-design .nav-tabs .nav-item {
        width: 100%;
        margin: 0px 0px 10px 0px;
    }

    .threed-game-assets-design .nav-tabs {
        display: flex;
        justify-content: center;
    }

    .threed-game-assets-design .tab-pane {
        padding: 0px;
    }

    .threed-game-assets-design .tab-content {
        margin: 20px 0px 10px;
    }

    .threed-game-assets-design .nav-tabs .nav-item {
        width: 100%;
        margin: 0px 0px 10px 0px;
    }

    .threed-sculpting-service .nav-tabs {
        display: flex;
        justify-content: center;
    }

    .threed-sculpting-service .tab-pane {
        padding: 0px;
    }

    .threed-sculpting-service .tab-content {
        margin: 10px 0px 20px;
    }

    .threed-sculpting-service .nav-tabs .nav-item {
        width: 100%;
        margin: 0px 0px 10px 0px;
    }

    .threed-art-consultation h5 {
        text-align: center;
    }

    .threed-art-consultation p {
        text-align: center;
    }

    .threed-art-consultation a {
        display: block;
        margin: 10px auto 0px;
    }

    .threed-art-benefit {
        position: relative;
        right: 0;
        height: 100%;
    }

    /* Testimonials */

    .awards-slider {
        height: 350px !important;
    }

    .awards-slider .owl-stage {
        height: 350px !important;
    }

    .awards-slider .owl-stage-outer {
        height: 350px !important;
    }

    .video iframe {
        height: 450px !important;
        width: 100% !important;
    }

    .bages-slider .owl-item {
        width: 150px !important;
    }

    .bages-slider img {
        height: 150px;
        width: 150px !important;
    }

    .img-badge- {
        width: 150px !important;
    }

    .hero-heading-sec2 > p {
        margin: 20px 0;
    }

    .testimonial-video {
        height: 330px !important;
        width: 330px !important;
    }

    .portfolio-section .container:nth-child(2) {
        margin-top: 50px;
    }

    .services-section .row:nth-child(2),
    .solutions-section .row:nth-child(2),
    .industries-section .row:nth-child(2),
    .service-section .row:nth-child(2) {
        margin-top: 50px;
    }

    .solution-bg-img,
    .login-wrap {
        width: 100%;
    }

    .lets-connect {
        margin: 0px;
    }

    .lets-connect .free-cta-title {
        width: 100%;
    }

    .solutions-carousel .item {
        min-height: 120vh;
    }

    .solutions-section .owl-nav {
        bottom: 15.5%;
        right: 68%;
    }

    .solutions-section .owl-dots {
        bottom: 8.6%;
        right: 58%;
    }

    .solutions-section .owl-counter {
        bottom: 10%;
        right: 55.1%;
    }

    /* start case study */
    /* royal ride case study start */
    .hero-section-royalRide {
        margin-top: 0;
        margin-bottom: 100px;
    }

    .royalRideLogo p {
        text-align: center;
    }

    .royalRideLogo h1 {
        font-family: "Poppins", sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size: 50px;
        line-height: 62px;
    }

    .royalRideLogo img {
        width: 110px;
    }

    .hero-img-1 img {
        max-width: 100%;
        height: auto;
    }

    /* royal ride case study */
    .Problem-section {
        padding: 10px 0;
        text-align: center;
    }

    .problem-left-container {
        margin-bottom: 30px;
    }

    .Problem-section h2 {
        font-size: 26px;
    }

    .Problem-section p {
        font-size: 15px;
    }

    .problem-left-container img {
        max-width: 100%;
    }

    /* royal relax case studt start */
    .royal-relax-spaceing {
        margin: 40px 0 80px 0;
    }

    /* map section */
    .distribution-map .map-point i {
        font-size: 18px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    body .bg-text:after {
        font-size: 70px;
        line-height: 0px;
        width: 700px;
    }

    .breadcrumb-areav2 {
        padding: 150px 0px 80px;
    }

    /* h2 {
		font-size: 44px;
		line-height: 50px;
	}

	h3 {
		font-size: 38px;
		line-height: 46px;
	}

	h4 {
		font-size: 32px;
    	line-height: 40px;
	}

	h5 {
		font-size: 26px;
    	line-height: 36px;
	}

	h6 {
		font-size: 22px;
    	line-height: 32px;
	} */

    /* p {
		text-align: justify;
	} */

    .why-choose-section h3 {
        font-size: 24px;
        line-height: 30px;
    }

    .footer p {
        text-align: left;
    }

    /* .portfolio-section p {
		text-align: center;
	} */

    .sctxt {
        font-size: 50px;
    }

    .hero-heading-sec2 p {
        font-size: 16px;
    }

    .hero-heading-sec2 h1 {
        font-size: 55px;
        line-height: 60px;
    }

    .portfolio .button-arounder {
        display: block;
        margin: 25px 0px 0px;
        width: 75%;
    }

    /* Home */

    .contact-div p {
        font-size: 36px;
        line-height: 40px;
    }

    .certificates .certificate div {
        width: auto;
    }

    .side-menu.-right {
        right: 0px;
    }

    .hero-main-rp {
        padding: 300px 30px 80px;
        left: 0%;
    }

    .home-services {
        height: 275px;
        margin-bottom: 15px;
    }

    .img-badge- {
        width: 157px !important;
    }

    .bages-slider .owl-item {
        width: 157px !important;
    }

    .bages-slider img {
        height: 157px;
        width: 157px !important;
    }

    .hero-heading-sec2 > p {
        margin: 20px 0;
    }

    .awrd-sec h5 {
        text-align: left;
    }

    .custom-nav ul,
    ul.mob-nav2 {
        list-style: none !important;
    }

    .mobile-menu2 {
        margin-right: 30px;
    }

    .mobile-app- .hero-heading-sec2 h1 {
        font-size: 28px;
        line-height: 35px;
        padding-top: 250px;
    }

    .bages-slider .img100w {
        width: 150px !important;
    }

    .dsk-logo .nav-brand img {
        max-height: 50px;
    }

    /* .awards-slider .owl-item {
		margin-right: 14px !important;
		width: 90vw !important;
	} */

    .app-hero-bnr,
    .img-hro {
        margin-top: -40px;
        margin-bottom: 200px;
    }

    .app-hero-bnr img {
        height: 400px;
    }

    .awrd-sec {
        margin-top: 20px !important;
        text-align: center;
    }

    .bages-slider {
        margin-top: 10px !important;
    }

    .app-hero-bnr img {
        height: 400px;
        display: block;
        margin: 10px auto;
    }

    .features-heading {
        text-align: center;
        padding-top: 15px;
    }

    .features-text {
        text-align: center;
    }

    .features-content {
        text-align: center;
    }

    .link-prbs {
        margin: 0 auto;
        float: right;
    }

    /* .services-img-div {
		display: inline-block;
		width: 20%;
		float: left;
	}

	.service-heading {
		display: inline-block;
		width: 75%;
		padding-left: 3%;
	} */

    .service-heading {
        padding-top: 20px;
    }

    .services-text-div {
        padding-top: 20px;
    }

    .common-heading.ptag p {
        text-align: left;
    }

    .service-section-app {
        padding-bottom: 3rem !important;
    }

    .home-timeline-content {
        height: 362px;
    }

    .home-timeline-content h3 {
        line-height: 30px;
    }

    .main-timeline .android-timeline-content {
        height: 362px;
    }

    .main-timeline .ios-timeline-content {
        height: 362px;
    }

    .main-timeline .cross-app-timeline-content {
        height: 302px;
    }

    .main-timeline .iot-timeline-content {
        height: 370px;
    }

    .main-timeline .wearable-timeline-content {
        height: 342px;
    }

    .main-timeline .web-app-timeline-content {
        height: 352px;
    }

    /* About Us Page */

    /* .choose-us {
		height: 625px;
	}
	 */
    /* Testimonials */

    /* .reviews-card {
	    height: 430px;
	} */

    /* Industries */

    .health-experties h4,
    .health-experties p {
        text-align: center;
    }

    .statistics-wrap h2,
    .statistics-wrap p {
        text-align: center;
    }

    .industry-type-block {
        height: 250px;
    }

    /* Services */

    .servies-slider .owl-stage-outer {
        height: 455px !important;
    }

    /* .owl-carousel .owl-stage-outer {
        height: 400px;
    } */

    ul.service_box li {
        padding: 15px 7px;
    }

    .vertical-timeline-element-icon {
        left: 30px;
    }

    .vertical-timeline-element-content {
        margin-left: 70px;
    }

    /* 2D Art Services */

    .twod-art-services-heading {
        /* text-align: center; */
        padding-top: 10px;
    }

    /* .twod-art-services-text {
		text-align: center;
	} */

    .twod-character-design .nav-tabs {
        display: flex;
        justify-content: center;
    }

    .twod-character-design .tab-pane {
        padding: 0px;
    }

    .twod-character-design .tab-content {
        margin: 20px 0px 10px;
    }

    .twod-character-design-img {
        width: 100%;
    }

    .twod-art-bottom-center {
        transform: translate(-50%, -30%);
        width: 90%;
    }

    .twod-consultant-card h5 {
        text-align: center;
    }

    .twod-consultant-card a {
        margin: 10px auto;
        text-align: center;
        display: block;
    }

    .twod-environment-design .nav-tabs {
        display: flex;
        justify-content: center;
    }

    .twod-environment-design .tab-pane {
        padding: 0px;
    }

    .twod-environment-design .tab-content {
        margin: 10px 0px 20px;
    }

    .twod-environment-design-img {
        width: 100%;
    }

    .twod-game-ui-ux-design .nav-tabs {
        display: flex;
        justify-content: center;
    }

    .twod-game-ui-ux-design .tab-pane {
        padding: 0px;
    }

    .twod-game-ui-ux-design .tab-content {
        margin: 20px 0px 10px;
    }

    .twod-game-ui-ux-design-img {
        width: 100%;
    }

    .twod-concept-art .nav-tabs {
        display: flex;
        justify-content: center;
    }

    .twod-concept-art .tab-pane {
        padding: 0px;
    }

    .twod-concept-art .tab-content {
        margin: 10px 0px 20px;
    }

    .twod-concept-art-img {
        width: 100%;
    }

    .twod-art-consultation h5 {
        text-align: center;
    }

    .twod-art-consultation p {
        text-align: center;
    }

    .twod-art-consultation a {
        display: block;
        margin: 10px auto 0px;
    }

    .twod-art-benefit {
        position: relative;
        right: 0;
        height: 100%;
    }

    /* 3D Art Services */

    .threed-art-services-heading {
        /* text-align: center; */
        padding-top: 10px;
    }

    /* .threed-art-services-text {
		text-align: center;
	} */

    .threed-character-design .nav-tabs {
        display: flex;
        justify-content: center;
    }

    .threed-character-design .tab-pane {
        padding: 0px;
    }

    .threed-character-design .tab-content {
        margin: 20px 0px 10px;
    }

    .threed-character-design-img {
        width: 100%;
    }

    .threed-art-bottom-center {
        transform: translate(-50%, -30%);
        width: 90%;
    }

    .threed-consultant-card h5 {
        text-align: center;
    }

    .threed-consultant-card a {
        margin: 10px auto;
        text-align: center;
        display: block;
    }

    .threed-environment-design .nav-tabs {
        display: flex;
        justify-content: center;
    }

    .threed-environment-design .tab-pane {
        padding: 0px;
    }

    .threed-environment-design .tab-content {
        margin: 10px 0px 20px;
    }

    .threed-environment-design-img {
        width: 100%;
    }

    .threed-game-assets-design .nav-tabs {
        display: flex;
        justify-content: center;
    }

    .threed-game-assets-design .tab-pane {
        padding: 0px;
    }

    .threed-game-assets-design .tab-content {
        margin: 20px 0px 10px;
    }

    .threed-game-assets-design-img {
        width: 100%;
    }

    .threed-sculpting-service .nav-tabs {
        display: flex;
        justify-content: center;
    }

    .threed-sculpting-service .tab-pane {
        padding: 0px;
    }

    .threed-sculpting-service .tab-content {
        margin: 10px 0px 20px;
    }

    .threed-sculpting-service-img {
        width: 100%;
    }

    .threed-art-consultation h5 {
        text-align: center;
    }

    .threed-art-consultation p {
        text-align: center;
    }

    .threed-art-consultation a {
        display: block;
        margin: 10px auto 0px;
    }

    .threed-art-benefit {
        position: relative;
        right: 0;
        height: 100%;
    }

    .threed-art-services img {
        width: 100%;
    }

    .testimonial-video {
        height: 330px !important;
        width: 660px !important;
    }

    .portfolio-section .container:nth-child(2) {
        margin-top: 50px;
    }

    .services-section .row:nth-child(2),
    .solutions-section .row:nth-child(2),
    .industries-section .row:nth-child(2),
    .service-section .row:nth-child(2) {
        margin-top: 50px;
    }

    .solution-bg-img,
    .login-wrap {
        width: 100%;
    }

    .lets-connect {
        margin: 0px;
    }

    .lets-connect .free-cta-title {
        width: 100%;
    }

    .solutions-carousel .item {
        min-height: 77vh;
    }

    .solutions-section .owl-nav {
        bottom: 20%;
        right: 45%;
    }

    .solutions-section .owl-dots {
        bottom: 13.6%;
        right: 40%;
    }

    .solutions-section .owl-counter {
        bottom: 14.5%;
        right: 38.5%;
    }

    /* start case studes */

    /* royal ride case study start */
    .hero-section-royalRide {
        margin-top: 0;
        margin-bottom: 90px;
    }

    .royalRideLogo h1 {
        font-size: 50px;
        line-height: 62px;
    }

    .royalRideLogo img {
        width: 110px;
    }

    .hero-img-1 img {
        max-width: 100%;
        height: auto;
    }

    /* royal ride case study start */
    .Problem-section h2 {
        font-size: 22px;
    }

    .Problem-section p {
        font-size: 12px;
    }

    .comp-analysis-title {
        font-size: 1.4rem;
    }

    .comp-analysis-image {
        width: 80%;
    }

    /* toy sort case study start */
    #toy-sort-puzzle {
        background-size: 100% 71%;
    }

    /* royal relax case study start */
    .royal-relax-spaceing {
        margin: 95px 0 80px 0;
    }

    /* load board case study start */
    .load-board-hero-section .logo img {
        max-width: 220px;
        padding-bottom: 10px;
    }

    /* map section */
    .distribution-map .map-point i {
        font-size: 20px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1439px) {
    body .bg-text:after {
        font-size: 90px;
        line-height: 0px;
        width: 900px;
    }

    .breadcrumb-areav2 {
        padding: 150px 0px 80px;
    }

    /* h2 {
		font-size: 48px;
		line-height: 50px;
	}

	h3 {
		font-size: 42px;
		line-height: 46px;
	}

	h4 {
		font-size: 36px;
    	line-height: 40px;
	}

	h5 {
		font-size: 30px;
    	line-height: 36px;
	}

	h6 {
		font-size: 26px;
    	line-height: 32px;
	} */

    /* p {
		text-align: justify;
	} */

    .why-choose-section h3 {
        font-size: 24px;
        line-height: 30px;
    }

    .footer p {
        text-align: left;
    }

    /* .portfolio-section p {
		text-align: center;
	} */

    .sctxt {
        font-size: 60px;
    }

    .hero-heading-sec2 p {
        font-size: 17px;
    }

    .hero-heading-sec2 h1 {
        font-size: 60px;
        line-height: 60px;
    }

    .portfolio .button-arounder {
        display: block;
        margin: 25px 0px 0px;
        width: 65%;
    }

    .side-menu.-right {
        right: 0px;
    }

    /* Home */

    .contact-div p {
        font-size: 36px;
        line-height: 40px;
    }

    .certificates .certificate div {
        width: auto;
    }

    .bages-slider img {
        height: 165px;
        width: 165px !important;
    }

    .bages-slider .owl-item {
        width: 165px !important;
    }

    .img-badge- {
        width: 165px !important;
    }

    .hero-heading-sec2 > p {
        margin: 20px 0;
    }

    .dsk-logo .nav-brand img {
        max-height: 50px;
    }

    .dsk-logo {
        width: 200px;
    }

    .hero-main-rp {
        padding: 250px 60px 80px;
        left: 0%;
    }

    .home-services {
        height: 503px;
        margin-bottom: 15px;
    }

    .home-timeline-content {
        height: 282px;
    }

    .custom-nav ul,
    ul.mob-nav2 {
        list-style: none !important;
    }

    .mobile-menu2 {
        margin-right: 45px;
    }

    .link-prbs {
        margin: 0 auto;
        float: right;
    }

    /* .services-img-div {
		display: inline-block;
		width: 20%;
		float: left;
	}

	.service-heading {
		display: inline-block;
		width: 75%;
		padding-left: 5%;
	} */

    .service-heading h4 {
        line-height: 24px;
    }

    .services-text-div {
        padding-top: 25px;
    }

    .service-section-app {
        padding-bottom: 3rem !important;
    }

    .main-timeline .android-timeline-content {
        height: 236px;
    }

    .main-timeline .ios-timeline-content {
        height: 236px;
    }

    .main-timeline .cross-app-timeline-content {
        height: 282px;
    }

    .main-timeline .iot-timeline-content {
        height: 236px;
    }

    .main-timeline .wearable-timeline-content {
        height: 236px;
    }

    .main-timeline .web-app-timeline-content {
        height: 246px;
    }

    /* About Us Page */

    /* .choose-us {
		height: 708px;
	} */

    /* Testimonials */

    /* .reviews-card {
	    height: 470px;
	} */

    .industry-type-block {
        height: 220px;
    }

    /* Services Page */

    .ds-block {
        height: 578px;
    }

    ul.service_box li {
        padding: 15px 30px;
    }

    /* 2D Art Services */

    .twod-art-services-heading {
        text-align: center;
        padding-top: 10px;
        font-size: 20px;
        line-height: 30px;
    }

    .twod-art-services-text {
        text-align: center;
    }

    .twod-character-design .nav-tabs .nav-item {
        width: 195px;
    }

    .twod-character-design .tab-pane {
        padding: 0px;
    }

    .twod-character-design h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .twod-character-design-img {
        width: 100%;
    }

    .twod-art-bottom-center {
        transform: translate(-50%, -60%);
        width: 90%;
    }

    .twod-consultant-card h5 {
        text-align: center;
    }

    .twod-consultant-card a {
        margin: 10px auto;
        text-align: center;
        display: block;
    }

    .twod-environment-design .nav-tabs .nav-item {
        width: 195px;
    }

    .twod-environment-design .tab-pane {
        padding: 0px;
    }

    .twod-environment-design-img {
        width: 100%;
    }

    .twod-environment-design h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .twod-game-ui-ux-design .nav-tabs .nav-item {
        width: 195px;
    }

    .twod-game-ui-ux-design .tab-pane {
        padding: 0px;
    }

    .twod-game-ui-ux-design-img {
        width: 100%;
    }

    .twod-game-ui-ux-design h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .twod-concept-art .nav-tabs .nav-item {
        width: 195px;
    }

    .twod-concept-art .tab-pane {
        padding: 0px;
    }

    .twod-concept-art .tab-content {
        margin: 10px 0px 20px;
    }

    .twod-concept-art-img {
        width: 100%;
    }

    .twod-concept-art h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .twod-art-consultation a {
        display: block;
        margin: 10px auto 0px;
    }

    .twod-art-benefit {
        position: relative;
        right: 0;
        height: 100%;
    }

    /* 3D Art Services */

    .threed-art-services-heading {
        text-align: center;
        padding-top: 10px;
        font-size: 20px;
        line-height: 30px;
    }

    .threed-art-services-text {
        text-align: center;
    }

    .threed-character-design .nav-tabs .nav-item {
        width: 195px;
    }

    .threed-character-design .tab-pane {
        padding: 0px;
    }

    .threed-character-design-img {
        width: 100%;
    }

    .threed-character-design h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .threed-art-bottom-center {
        transform: translate(-50%, -60%);
        width: 90%;
    }

    .threed-consultant-card h5 {
        text-align: center;
    }

    .threed-consultant-card a {
        margin: 10px auto;
        text-align: center;
        display: block;
    }

    .threed-environment-design .nav-tabs .nav-item {
        width: 195px;
    }

    .threed-environment-design .tab-pane {
        padding: 0px;
    }

    .threed-environment-design-img {
        width: 100%;
    }

    .threed-environment-design h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .threed-game-assets-design .nav-tabs .nav-item {
        width: 195px;
    }

    .threed-game-assets-design .tab-pane {
        padding: 0px;
    }

    .threed-game-assets-design-img {
        width: 100%;
    }

    .threed-game-assets-design h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .threed-sculpting-service .nav-tabs .nav-item {
        width: 195px;
    }

    .threed-sculpting-service .tab-pane {
        padding: 0px;
    }

    .threed-sculpting-service .tab-content {
        margin: 10px 0px 20px;
    }

    .threed-sculpting-service-img {
        width: 100%;
    }

    .threed-sculpting-service h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .threed-art-consultation a {
        display: block;
        margin: 10px auto 0px;
    }

    .threed-art-benefit {
        position: relative;
        right: 0;
        height: 100%;
    }

    .threed-art-extra-services-heading {
        font-size: 20px;
        line-height: 30px;
    }

    .testimonial-video {
        height: 600px !important;
        width: 100% !important;
    }

    .portfolio-section .container:nth-child(2) {
        margin-top: 50px;
    }

    .services-section .row:nth-child(2),
    .solutions-section .row:nth-child(2),
    .industries-section .row:nth-child(2),
    .service-section .row:nth-child(2) {
        margin-top: 50px;
    }

    .technologies-stack .row:nth-child(2) {
        margin-top: 0px;
    }

    .solution-bg-img,
    .login-wrap {
        width: 100%;
    }

    .lets-connect {
        margin: 0px 0px 50px;
    }

    .lets-connect .free-cta-title {
        width: 100%;
    }

    .solutions-carousel .item {
        min-height: 69vh;
    }

    .solutions-section .owl-nav {
        bottom: 20%;
        right: 15%;
    }

    .solutions-section .owl-dots {
        bottom: 21.5%;
        right: 32%;
    }

    .solutions-section .owl-counter {
        bottom: 20.5%;
        right: 30.5%;
    }

    /* start case studes */

    /* couple app case study */
    .couple-app-hero-img img {
        margin: 70px 0 0 0;
    }

    .couple-app h1 {
        font-size: 42px;
    }

    .couple-app p {
        line-height: 32px;
        font-size: 20px;
    }

    .couple-app .couple-tag {
        font-size: 16px;
    }

    /* couple app client over view section */
    .couple-app-land-wrapper {
        background-size: 100% 83%;
    }

    /* couple app case study  */
    .couple-app-key-problems .info-card3 p {
        color: #000;
        font-size: 14px;
        line-height: 27px;
    }

    /* royal ride cse study start */
    .comp-analysis-title {
        font-size: 1.6rem;
    }

    .comp-analysis-image {
        width: 70%;
    }

    /* royal relax spa case study */
    .royal-relax-spaceing {
        margin: 140px 0 40px 0;
    }

    /* wood land case study */
    .wood-land-hero-img img {
        padding-left: 22px;
        width: 100%;
        max-width: 500px;
    }

    .neuro-night-hero-img img {
        display: block;
        margin: 0 auto;
        width: 100%;
        max-width: 500px;
    }

    /* grave love app case study start */
    .grave-love-app.breadcrumb-areav2 {
        padding: 150px 0px 00px;
    }

    .grave-love-app .logo {
        width: 100%;
        max-width: 150px;
    }

    .grave-love-hero-img img {
        margin-left: 22px;
        margin-top: 20px;
        width: 100%;
        max-width: 590px;
    }

    /* load board case study start */
    .load-board-hero-section .logo img {
        max-width: 250px;
        padding-bottom: 10px;
    }

    .tcd iframe {
        width: 100%;
        max-width: 350px;
        max-height: 415px;
    }
}

@media only screen and (min-width: 1440px) and (max-width: 1599px) {
    body .bg-text:after {
        font-size: 130px;
        line-height: 0px;
        width: 1240px;
    }

    /* h2 {
		font-size: 52px;
		line-height: 50px;
	}

	h3 {
		font-size: 46px;
		line-height: 46px;
	}

	h4 {
		font-size: 40px;
    	line-height: 40px;
	}

	h5 {
		font-size: 34px;
    	line-height: 36px;
	}

	h6 {
		font-size: 30px;
    	line-height: 32px;
	} */

    /* p {
		text-align: justify;
	} */

    .why-choose-section h3 {
        font-size: 24px;
        line-height: 30px;
    }

    .footer p {
        text-align: left;
    }

    /* .portfolio-section p {
		text-align: center;
	} */

    .sctxt {
        font-size: 60px;
    }

    .hero-heading-sec2 p {
        font-size: 18px;
    }

    .hero-heading-sec2 h1 {
        font-size: 70px;
        line-height: 70px;
    }

    .portfolio .button-arounder {
        display: block;
        margin: 25px 0px 0px;
        width: 50%;
    }

    .side-menu.-right {
        right: 0px;
    }

    /* Home */

    .hero-main-rp {
        padding: 200px 0px 100px;
        left: 5%;
    }

    .bages-slider img {
        height: 170px;
        width: 170px !important;
    }

    .bages-slider .owl-item {
        width: 170px !important;
    }

    .img-badge- {
        width: 170px !important;
    }

    .hero-heading-sec2 > p {
        margin: 20px 0;
    }

    .home-services {
        /* height: 450px; */
        margin-bottom: 15px;
    }

    .link-prbs {
        margin: 0 auto;
        float: right;
    }

    /* .services-img-div {
		display: inline-block;
		width: 15%;
		float: left;
	}

	.service-heading {
		display: inline-block;
		width: 85%;
		padding-left: 5%;
	} */

    .service-heading h4 {
        line-height: 24px;
    }

    .services-text-div {
        padding-top: 50px;
    }

    .home-timeline-content {
        height: 196px;
    }

    .main-timeline .android-timeline-content {
        height: 196px;
    }

    .main-timeline .ios-timeline-content {
        height: 196px;
    }

    .main-timeline .cross-app-timeline-content {
        height: 216px;
    }

    .main-timeline .iot-timeline-content {
        height: 236px;
    }

    .main-timeline .wearable-timeline-content {
        height: 236px;
    }

    .main-timeline .web-app-timeline-content {
        height: 246px;
    }

    .bages-slider img {
        height: 182px;
        width: 182px;
    }

    /* About Us Page */

    /* .choose-us {
		height: 596px;
	} */

    /* Clients */

    .awards-slider .owl-stage-outer {
        height: 340px;
    }

    /* Testimonials */

    /* .reviews-card {
	    height: 402px;
	} */

    .industry-type-block {
        height: 260px;
    }

    .testimonial-video {
        height: 450px !important;
        width: 500px !important;
    }

    .portfolio-section .container:nth-child(2) {
        margin-top: 100px;
    }

    .services-section .row:nth-child(2),
    .solutions-section .row:nth-child(2),
    .industries-section .row:nth-child(2),
    .service-section .row:nth-child(2) {
        margin-top: 100px;
    }

    .technologies-stack .row:nth-child(2) {
        margin-top: 0px;
    }

    .solution-bg-img,
    .login-wrap {
        width: 100%;
    }

    .lets-connect {
        margin: 150px 0px 100px;
    }

    .lets-connect .free-cta-title {
        width: 50%;
    }

    .lets-connect img {
        width: 60%;
        right: -70px;
        top: -390px;
    }

    .hire-developer-app-development img {
        position: absolute;
        top: -338px;
        right: -160px;
    }

    .solutions-carousel .item {
        min-height: 75vh;
    }

    .solutions-section .owl-nav {
        bottom: 15%;
        right: 15%;
    }

    .solutions-section .owl-dots {
        bottom: 17.5%;
        right: 32%;
    }

    .solutions-section .owl-counter {
        bottom: 16%;
        right: 30.5%;
    }

    /* start case studys */

    /* couple case study */
    .couple-app-hero-img img {
        width: 100%;
        display: block;
        margin: 0 50px auto;
    }

    .wood-land-hero-img img {
        padding-left: 22px;
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
    }

    .neuro-night-hero-img img {
        display: block;
        margin: 0 auto;
        width: 100%;
        max-width: 500px;
    }

    /* grave love app case study start  */
    .grave-love-app .logo {
        width: 100%;
        max-width: 150px;
    }

    .grave-love-hero-img img {
        margin-left: 22px;
        margin-top: 12%;
        width: 100%;
        max-width: 590px;
    }

    /* Start  Problem section  */

    .grave-love-problem-contant h2,
    .grave-love-problem-contant p {
        color: white;
        padding-left: 22px;
    }

    .grave-love-problem-contant p {
        color: white;
        padding-left: 22px;
        font-size: 12px;
    }

    /* load board case study start */
    .load-board-hero-section p {
        letter-spacing: 1px;
    }

    .load-board-hero-section .logo img {
        max-width: 210px;
    }

    .load-board-hero-section .load-board-hero-img img {
        max-width: 850px;
    }

    /* all traders case study start */
    .challenges-turned-section .challenges-turned-box img {
    }

    /*Alejandro hero section case study start */
    .Alejandro-hero-section .hero-img {
        max-width: 900px;
    }
}

@media only screen and (min-width: 1600px) and (max-width: 1919px) {
    body .bg-text:after {
        font-size: 150px;
        line-height: 0px;
        width: 1300px;
    }

    .process-block .bg-text,
    .technologies-stack .bg-text {
        margin-bottom: 40px;
    }

    /* h2 {
		font-size: 52px;
		line-height: 50px;
	}

	h3 {
		font-size: 46px;
		line-height: 46px;
	}

	h4 {
		font-size: 40px;
    	line-height: 40px;
	}

	h5 {
		font-size: 34px;
    	line-height: 36px;
	}

	h6 {
		font-size: 30px;
    	line-height: 32px;
	} */

    /* p {
		text-align: justify;
	} */

    .why-choose-section h3 {
        font-size: 24px;
        line-height: 30px;
    }

    .footer p {
        text-align: left;
    }

    /* .portfolio-section p {
		text-align: center;
	} */

    .sctxt {
        font-size: 60px;
    }

    .hero-heading-sec2 p {
        font-size: 18px;
    }

    .hero-heading-sec2 h1 {
        font-size: 80px;
        line-height: 80px;
    }

    .portfolio .button-arounder {
        display: block;
        margin: 25px 0px 0px;
        width: 50%;
    }

    .side-menu.-right {
        right: 0px;
    }

    /* Home */

    .hero-main-rp {
        padding: 150px 0px 100px;
        left: 10%;
    }

    .bages-slider img {
        height: 177px;
        width: 177px !important;
    }

    .img-badge- {
        width: 177px !important;
    }

    .bages-slider .owl-item {
        width: 177px !important;
    }

    .hero-heading-sec2 > p {
        margin: 20px 0;
    }

    .home-services {
        height: 450px;
        margin-bottom: 15px;
    }

    .link-prbs {
        margin: 0 auto;
        float: right;
    }

    .services-img-div {
        display: inline-block;
        width: 15%;
    }

    .service-heading {
        display: inline-block;
        width: 80%;
        /* padding-left: 5%; */
    }

    .service-heading h4 {
        line-height: 24px;
    }

    .home-timeline-content {
        height: 196px;
    }

    .main-timeline .android-timeline-content {
        height: 196px;
    }

    .main-timeline .ios-timeline-content {
        height: 196px;
    }

    .main-timeline .cross-app-timeline-content {
        height: 216px;
    }

    .main-timeline .iot-timeline-content {
        height: 236px;
    }

    .main-timeline .wearable-timeline-content {
        height: 236px;
    }

    .main-timeline .web-app-timeline-content {
        height: 246px;
    }

    .bages-slider img {
        height: 182px;
        width: 182px;
    }

    /* About Us Page */

    /* .choose-us {
		height: 596px;
	} */

    /* Clients */

    .awards-slider .owl-stage-outer {
        height: 400px;
    }

    /* Testimonials */

    /* .reviews-card {
	    height: 402px;
	} */

    .industry-type-block {
        height: 260px;
    }

    .testimonial-video {
        height: 450px !important;
        width: 500px !important;
    }

    .portfolio-section .container:nth-child(2) {
        margin-top: 100px;
    }

    .services-section .row:nth-child(2),
    .solutions-section .row:nth-child(2),
    .industries-section .row:nth-child(2),
    .service-section .row:nth-child(2) {
        margin-top: 100px;
    }

    .technologies-stack .row:nth-child(2) {
        margin-top: 0px;
    }

    .solution-bg-img,
    .login-wrap {
        width: 100%;
    }

    .lets-connect {
        margin: 150px 0px 100px;
    }

    .lets-connect .free-cta-title {
        width: 50%;
    }

    .lets-connect img {
        width: 60%;
        right: -70px;
        top: -390px;
    }

    .hire-developer-app-development img {
        position: absolute;
        top: -338px;
        right: -160px;
    }

    .solutions-carousel .item {
        min-height: 69vh;
    }

    .solutions-section .owl-nav {
        bottom: 14.5%;
        right: 15%;
    }

    .solutions-section .owl-dots {
        bottom: 16.8%;
        right: 39%;
    }

    .solutions-section .owl-counter {
        bottom: 16%;
        right: 38.1%;
    }

    /* start case studys */
    /* wood land case study start*/
    .wood-land-hero-img img {
        width: 70%;
        padding-left: 0;
        margin: 20px auto 0;
        display: block;
    }

    /* neuro knights app case study start */

    .neuro-night-hero-img img {
        width: 70%;
        padding-left: 0;
        margin: 20px auto 0;
        display: block;
    }

    /* mike-mathis app case study start */
    .mike-mathis-hero-img img {
        width: 100%;
        padding-left: 0;
        margin: 20px auto 0;
        display: block;
    }

    /* grave love case study start */

    .grave-love-app .logo {
        width: 100%;
        max-width: 150px;
    }

    .grave-love-hero-img img {
        margin-left: 92px;
        margin-top: 10%;
        width: 100%;
        max-width: 590px;
    }

    .grave-love-app h1,
    .grave-love-app p {
        color: #fbf0c4;
        font-weight: bold;
    }

    .grave-love-app .playStore-img img {
        width: 300px;
    }

    /* load board case study start */
    .load-board-hero-section p {
        letter-spacing: 1px;
    }

    .load-board-hero-section .logo img {
        max-width: 230px;
    }

    .load-board-hero-section .load-board-hero-img img {
        max-width: 900px;
    }

    /* Alejandro case study start */
    .Alejandro-hero-section .hero-img {
        max-width: 950px;
        margin-top: 86px;
    }

    /* home bages */
    .hero-bages-slides-div {
        margin-top: 10px;
    }
}

@media only screen and (min-width: 1920px) {
    .process-block .bg-text,
    .technologies-stack .bg-text {
        margin-bottom: 40px;
    }

    /* h2 {
		font-size: 52px;
		line-height: 50px;
	}

	h3 {
		font-size: 46px;
		line-height: 46px;
	}

	h4 {
		font-size: 40px;
    	line-height: 40px;
	}

	h5 {
		font-size: 34px;
    	line-height: 36px;
	}

	h6 {
		font-size: 30px;
    	line-height: 32px;
	} */

    /* p {
		text-align: justify;
	} */

    .why-choose-section h3 {
        font-size: 24px;
        line-height: 30px;
    }

    .footer p {
        text-align: left;
    }

    /* .portfolio-section p {
		text-align: center;
	} */

    .sctxt {
        font-size: 60px;
    }

    .side-menu.-right {
        right: 0px;
    }

    .hero-heading-sec2 p,
    .about-us p,
    .our-process p,
    .clients p,
    .testimonials p,
    .career p,
    .contact-us p,
    .portfolio p,
    .booking-app p,
    .fitness-app p,
    .fleet-app p,
    .loyalty-app p,
    .mover-app p,
    .real-estate-app p,
    .restaurant-app p,
    .shopping-express-app p,
    .sports-app p,
    .advertising p,
    .healthcare p,
    .ecommerce-retail p,
    .education p,
    .software p,
    .automative p,
    .gaming-leisure p,
    .financial p,
    .media-entertainment p,
    .travel-hospitality p,
    .real-estate p,
    .sports p {
        font-size: 18px;
    }

    .hero-heading-sec2 h1,
    .about-us h1,
    .our-process h1,
    .clients h1,
    .testimonials h1,
    .career h1,
    .tech-stack h1,
    .contact-us h1,
    .portfolio h1,
    .booking-app h1,
    .fitness-app h1,
    .fleet-app h1,
    .loyalty-app h1,
    .mover-app h1,
    .real-estate-app h1,
    .restaurant-app h1,
    .shopping-express-app h1,
    .sports-app h1,
    .advertising h1,
    .healthcare h1,
    .ecommerce-retail h1,
    .education h1,
    .software h1,
    .automative h1,
    .gaming-leisure h1,
    .financial h1,
    .media-entertainment h1,
    .travel-hospitality h1,
    .real-estate h1,
    .sports h1 {
        font-size: 88px;
        line-height: 100px;
    }

    .portfolio .button-arounder {
        display: block;
        margin: 25px 0px 0px;
        width: 40%;
    }

    .owl-next {
        left: 1540px;
    }

    /* Home */

    .hero-main-rp {
        padding: 280px 0px 100px;
        left: 10%;
    }

    .home-services {
        height: 450px;
        margin-bottom: 0px;
    }

    .link-prbs {
        text-align: right;
    }

    /* .services-img-div {
		display: inline-block;
		width: 15%;
		float: left;
	}

	.service-heading {
		display: inline-block;
		width: 82%;
		padding-left: 3%;
	} */

    .home-timeline-content {
        height: 196px;
    }

    .main-timeline .android-timeline-content {
        height: 196px;
    }

    .main-timeline .ios-timeline-content {
        height: 196px;
    }

    .main-timeline .cross-app-timeline-content {
        height: 216px;
    }

    .main-timeline .iot-timeline-content {
        height: 236px;
    }

    .main-timeline .wearable-timeline-content {
        height: 236px;
    }

    .main-timeline .web-app-timeline-content {
        height: 246px;
    }

    /* About Us Page */

    /* .choose-us {
		height: 596px;
	} */

    /* Testimonials */

    /* .reviews-card {
	    height: 402px;
	} */

    /* .industry-type-block {
        height: 260px;
    } */

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1600px;
    }

    /* .common-heading h2 {
		font-size: 54px;
	} */

    .common-heading p {
        font-size: 18px;
        font-weight: 400;
        line-height: 35px;
        margin-bottom: 20px;
    }

    .upper-banner {
        position: absolute;
        height: 1000px;
        width: 1920px;
    }

    /* Case Studies */

    /* Travel Agency */

    .travel-agency-app p,
    .travel-agency-web p {
        font-size: 18px;
    }

    .travel-agency-app h1,
    .travel-agency-web h1 {
        font-size: 88px;
        line-height: 100px;
    }

    .about-travel h2,
    .project-idea-travel h2,
    .target-audience-travel h2,
    .project-challanges-travel h2,
    .solutions-delivered-travel h2,
    .results-impact-travel h2,
    .conclusion-travel h2,
    .design-process-travel h2,
    .sketching-travel h2,
    .wireframe-travel h2,
    .color-travel h2,
    .typography-travel h2,
    .features-travel h2,
    .sitemap-travel h2,
    .project-timeline h2,
    .visuals-travel h2 {
        font-size: 80px;
        line-height: 100px;
    }

    .about-goal-travel h2,
    .visuals-travel h2 {
        font-size: 80px;
        line-height: 100px;
    }

    .travel-app-visuals-2,
    .travel-app-visuals-4 {
        margin-top: 200px;
    }

    /* .travel-app-visuals-1, .travel-app-visuals-2, .travel-app-visuals-3, .travel-app-visuals-4 {
		max-width: 480px;
	} */

    .features-travel h5 {
        font-size: 60px;
        line-height: 100px;
    }

    .travel-agency-web h2 {
        font-size: 80px;
        line-height: 100px;
    }

    .shapes-travel h2,
    .type-faces-travel h2,
    .mockups-travel h2 {
        font-size: 80px;
        line-height: 100px;
    }

    /* Real Estate */

    .real-estate-apps p,
    .real-estate-web p {
        font-size: 18px;
    }

    .real-estate-apps h1,
    .real-estate-web h1 {
        font-size: 88px;
        line-height: 100px;
    }

    .real-estate-about h2,
    .real-estate-project-idea h2,
    .real-estate-target-audience h2,
    .real-estate-project-challanges h2,
    .real-estate-solutions-delivered h2,
    .real-estate-results-impact h2,
    .real-estate-conclusion h2,
    .real-estate-design-process h2,
    .real-estate-sketching h2,
    .real-estate-wireframe h2,
    .real-estate-color h2,
    .real-estate-typography h2,
    .real-estate-features h2,
    .real-estate-sitemap h2,
    .real-estate-project-timeline h2,
    .real-estate-components h2,
    .real-estate-visuals h2,
    .real-estate-project-timeline h2,
    .real-estate-goal h2 {
        font-size: 80px;
        line-height: 100px;
    }

    .real-estate-app-visuals-2 {
        margin-top: 100px;
    }

    .real-estate-app-visuals-1,
    .real-estate-app-visuals-2,
    .real-estate-app-visuals-3 {
        max-width: 600px;
    }

    .real-estate-features h5 {
        font-size: 60px;
        line-height: 100px;
    }

    /* Loyalty */

    .loyalty-apps p,
    .loyalty-web p {
        font-size: 18px;
    }

    .loyalty-apps h1,
    .loyalty-web h1 {
        font-size: 88px;
        line-height: 100px;
    }

    .loyalty-about h2,
    .loyalty-project-idea h2,
    .loyalty-target-audience h2,
    .loyalty-project-challanges h2,
    .loyalty-solutions-delivered h2,
    .loyalty-results-impact h2,
    .loyalty-conclusion h2,
    .loyalty-design-process h2,
    .loyalty-sketching h2,
    .loyalty-wireframe h2,
    .loyalty-color h2,
    .loyalty-typography h2,
    .loyalty-features h2,
    .loyalty-sitemap h2,
    .loyalty-project-timeline h2,
    .loyalty-components h2,
    .loyalty-visuals h2,
    .loyalty-project-timeline h2,
    .loyalty-goal h2 {
        font-size: 80px;
        line-height: 100px;
    }

    .loyalty-app-visuals-2 {
        margin-top: 100px;
    }

    .loyalty-app-visuals-1,
    .loyalty-app-visuals-2,
    .loyalty-app-visuals-3 {
        max-width: 600px;
    }

    .loyalty-features h5 {
        font-size: 60px;
        line-height: 100px;
    }

    /* Gym */

    .gym-app p,
    .gym-web p {
        font-size: 18px;
    }

    .gym-app h1,
    .gym-web h1 {
        font-size: 88px;
        line-height: 100px;
    }

    .gym-about h2,
    .gym-project-idea h2,
    .gym-target-audience h2,
    .gym-project-challanges h2,
    .gym-solutions-delivered h2,
    .gym-results-impact h2,
    .gym-conclusion h2,
    .gym-design-process h2,
    .gym-sketching h2,
    .gym-wireframe h2,
    .gym-color h2,
    .gym-typography h2,
    .gym-features h2,
    .gym-sitemap h2,
    .gym-project-timeline h2,
    .gym-components h2,
    .gym-visuals h2,
    .gym-project-timeline h2,
    .gym-about span,
    .gym-goal h2 {
        font-size: 80px;
        line-height: 100px;
    }

    .gym-app-visuals-2,
    .gym-app-visuals-4 {
        margin-top: 100px;
    }

    .gym-app-visuals-1,
    .gym-app-visuals-2,
    .gym-app-visuals-3 {
        max-width: 600px;
    }

    .gym-features h5 {
        font-size: 60px;
        line-height: 100px;
    }

    /* Mover */

    .mover-apps p,
    .mover-web p {
        font-size: 18px;
    }

    .mover-apps h1,
    .mover-web h1 {
        font-size: 88px;
        line-height: 100px;
    }

    .mover-about h2,
    .mover-project-idea h2,
    .mover-target-audience h2,
    .mover-project-challanges h2,
    .mover-solutions-delivered h2,
    .mover-results-impact h2,
    .mover-conclusion h2,
    .mover-design-process h2,
    .mover-sketching h2,
    .mover-wireframe h2,
    .mover-color h2,
    .mover-typography h2,
    .mover-features h2,
    .mover-sitemap h2,
    .mover-project-timeline h2,
    .mover-components h2,
    .mover-visuals h2,
    .mover-project-timeline h2,
    .mover-about span,
    .mover-goal h2 {
        font-size: 80px;
        line-height: 100px;
    }

    .mover-app-visuals-2,
    .mover-app-visuals-4 {
        margin-top: 100px;
    }

    .mover-app-visuals-1,
    .mover-app-visuals-2,
    .mover-app-visuals-3 {
        max-width: 600px;
    }

    .mover-features h5 {
        font-size: 60px;
        line-height: 100px;
    }

    .bages-slider .owl-item {
        width: 182px !important;
    }

    .bages-slider img {
        height: 182px;
        width: 182px !important;
    }

    .img-badge- {
        width: 182px !important;
    }

    .testimonial-video {
        height: 450px !important;
        width: 600px !important;
    }

    .portfolio-section .container:nth-child(2) {
        margin-top: 100px;
    }

    .services-section .row:nth-child(2),
    .solutions-section .row:nth-child(2),
    .industries-section .row:nth-child(2),
    .service-section .row:nth-child(2) {
        margin-top: 100px;
    }

    .technologies-stack .row:nth-child(2) {
        margin-top: 0px;
    }

    .solution-bg-img,
    .login-wrap {
        width: 100%;
    }

    .lets-connect {
        margin: 200px 0px 150px;
    }

    .lets-connect .free-cta-title {
        width: 50%;
    }

    .lets-connect img {
        width: 60%;
        right: -70px;
        top: -445px;
    }

    .hire-developer-app-development img {
        position: absolute;
        top: -338px;
        right: -160px;
    }


	
}
 
@media screen and (max-width: 767px) {
    .scrollHalf__grupo__imagen img {
        width: 100% !important;
    }
    .team-details-wrapper
        .team-details-items
        .content
        .team-contact-info
        .icon-items {
        flex-wrap: nowrap;
        justify-content: space-between;
    }
}

@media screen and (min-width: 768px) {
    .scrollHalf__grupo {
        min-height: 100vh;
    }

    .scrollHalf__grupo__imagen {
        clip: rect(auto, auto, auto, auto);
        min-height: 100vh;
        left: 0;
        position: absolute;
        top: 0;
        width: 50%;
    }

    .scrollHalf__grupo__imagen img {
        position: fixed;
        width: 580px;
        top: 15%;
        left: 5%;
        height: auto;
    }

    .scrollHalf__grupo__contenido {
        margin: 0 3vw 0 52vw;
    }

    /* .scrollHalf__grupo__imagen img {
		width: 80% !important;
	} */
    .solution-bg-img,
    .login-wrap {
        width: 50%;
    }

    .service-section-app .owl-theme .owl-nav .owl-prev {
    }

    /* digital marketing page  */
    .custom-col-content {
        flex-direction: row;
        justify-content: flex-start;
        text-align: left;
    }

    .first-col-content {
        justify-content: flex-end;
        text-align: right;
    }
}

@media (min-width: 355px) and (max-width: 399px) {
    /*Start banner setion */
    .banner-box-section .banner-box-image {
        aspect-ratio: 1592 / 1959 !important;
    }

    /*End banner setion */
    .card.h-120.h-100 {
        height: 120% !important;
    }

    .row.pt-6.pt-3 {
        padding-top: 4rem !important;
    }
}

@media (max-width: 768px) {
    .swiper-slide {
        width: 90%;
        /* Adjust width for smaller screens */
        height: 50vh;
        /* Smaller height for mobile */
    }

    /* MAP SECTION */
    .distribution-map .map-point.map-button-third:focus {
        left: 70%;
    }

    .distribution-map .map-point.map-button-five:focus {
        left: 55%;
    }
}

@media (max-width: 480px) {
    .swiper-slide {
        width: 95%;
        /* Maximize width for very small screens */
        height: 40vh;
        /* Adjust height further for smaller viewport */
    }
}

@media (max-width: 991.98px) {
    .bg-img,
    .login-wrap {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .wrap .bg-img {
        height: 250px;
    }
}

@media only screen and (min-width: 1200px) {
    .hire-developer-app-development {
        margin: 200px 0px 50px;
    }
}

@media  (max-width: 1920px) {
    .cost-calculator .wizard-form .book-a-consultant-now {
        bottom: -30px;
    }

    .cost-calculator-new .wizard-form .book-a-consultant-now {
        bottom: -30px;
    }

    .cost-calculator .wizard-form .book-a-consultant-now {
        bottom: -30px;
    }

    .cost-calculator-new .wizard-form .book-a-consultant-now {
        bottom: -30px;
    }

    /* digital marketing page */
    .case-study-wrapper .main-box .box{
        height: 300px;
    }
    .case-study-wrapper .main-box .box .project-content h3{
        font-size: 30px;
    }
    .main-box .box .project-content p{
        font-size: 15px;
    }
	
}

@media (max-width: 1399px) {
    .cost-calculator-new .wizard-form .wizard .steps > ul li {
        margin: 0 13px;
    }

    .cost-calculator-new .wizard-form .wizard .steps > ul li:after {
        width: 100px;
    }

    .cost-calculator-new .wizard-form .wizard .steps > ul li {
        margin: 0 13px;
    }

    .cost-calculator-new .wizard-form .wizard .steps > ul li:after {
        width: 100px;
    }

    .cost-calculator .wizard-form .book-a-consultant-now img {
        left: -13%;
    }

    .cost-calculator-new .wizard-form .book-a-consultant-now img {
        left: -13%;
    }

    .cost-calculator-new .business-analyst {
        background-repeat: no-repeat;
        background-size: cover;
        padding: 20px 0;
        margin-top: 5rem;
        background-position: right;
        border-radius: 15px;
    }

    .cost-calculator-new .business-analyst ul li:nth-child(1) {
        bottom: -20px;
    }

    .cost-to-create-cta .img-cont img {
        right: 0;
    }

    .cost-calculator .wizard-form .book-a-consultant-now img {
        left: -13%;
    }

    .cost-calculator-new .wizard-form .book-a-consultant-now img {
        left: -13%;
    }

    .cost-calculator-new .business-analyst {
        background-repeat: no-repeat;
        background-size: cover;
        padding: 20px 0;
        margin-top: 5rem;
        background-position: right;
        border-radius: 15px;
    }

    .cost-calculator-new .business-analyst ul li:nth-child(1) {
        bottom: -20px;
    }

    /* start case study  */
    /* wood land case study start */

    /* Client Overview */
    .client-wood-land-wrapper {
        background-color: #f8f8f8;
        border-radius: 20px;
        padding: 20px;
    }

    .wood-land-client-overview h2,
    .wood-land-client-overview h6 {
        padding-top: 10px;
    }

    .wood-land-client-overview h2 {
        color: black;
    }

    .wood-land-client-overview p {
        color: #000;
    }

    .wood-land-client-overview .left-border-clint-overview {
        padding-left: 10px;
        border-left: 2px solid #67ffbb;
    }

    /* Development Challenges */
    .wood-land-development-challenges {
        background: url("../images/case-studies/wood-land-app/development-challange-background-img.webp")
            center/cover no-repeat;
        border-radius: 30px;
        padding: 40px 25px;
    }

    .development-challenges-left {
        border-left: 2px solid #67ffbb;
        padding-left: 15px;
    }

    .development-challenges-left h2,
    .development-challenges-left p {
        color: #fff;
    }

    .wood-land-development-challenges .info-card3 {
        height: 240px;
        margin: 10px 0;
        background: rgba(255, 255, 255, 0.75);
        border-radius: 12px;
        padding: 20px;
        transition: all 0.3s ease;
    }

    .wood-land-development-challenges .info-card3:hover {
        background: rgba(255, 255, 255, 0.95);
        transform: translateY(-5px);
    }

    .wood-land-development-challenges .info-card3 .card-number-circle {
        border: 4px solid #67ffbb;
        color: #000;
        width: 45px;
        height: 45px;
        border-radius: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 700;
        margin-bottom: 10px;
    }

    .wood-land-development-challenges .info-card3 p {
        color: #000;
        font-size: 12px;
        line-height: 21px;
    }

    /* digital marketing page */
    .hero-1 .hero-image {
        margin-left: 0;
    }

    .hero-1 .hero-image img {
        width: 100%;
    }

    .case-study-wrapper .main-box .box {
        width: 100% !important;
    }

    .case-study-wrapper .main-box .box.active {
        width: 100% !important;
    }

    .case-study-wrapper .main-box .box::before {
        border: 0.5px solid var(--white-color);
        background: radial-gradient(
            258.86% 216.49% at -18.48% -74.46%,
            rgba(255, 255, 255, 0.4) 0%,
            rgba(255, 255, 255, 0) 100%
        );
        backdrop-filter: blur(25px);
    }

    .case-study-wrapper .main-box .box .number-hover {
        opacity: 1;
        visibility: visible;
    }

    .case-study-wrapper .main-box .box .project-content {
        opacity: 1;
        visibility: visible;
        bottom: 20px;
    }

    .case-study-wrapper .main-box .box .title-items {
        opacity: 0;
        visibility: hidden;
    }

    .case-study-wrapper .main-box {
        flex-wrap: wrap;
        justify-content: center;
        gap: 0 30px;
    }
    .case-study-wrapper .main-box .box .title-items {
        display: none;
    }
    .case-study-wrapper .main-box .box .title-items .number {
        display: none;
    }
    .case-study-wrapper .main-box .box::before {
        display: none;
    }
    .case-study-wrapper .main-box .box {
        /* width: initial !important; */
    }
    .case-study-wrapper .main-box .box .number-hover {
        opacity: 1;
        visibility: visible;
    }
    .case-study-wrapper .main-box .box .project-content {
        opacity: 1;
        visibility: visible;
        bottom: 30px;
    }
    .about-wrapper .about-content .circle-progress-bar-wrapper {
        gap: 30px;
    }
    .about-section .brand-wrapper .brand-title::before {
        display: none;
    }
    .about-section .brand-wrapper .brand-title::after {
        display: none;
    }
    .about-section .left-shape {
        display: none;
    }
    .about-wrapper-2 .about-image img {
        width: 100%;
        height: 100%;
    }
    .about-wrapper-2 .about-image .gap-shape {
        right: -20%;
    }
    .about-wrapper-2 .about-content {
        margin-left: 40px;
    }
    .team-wrapper .team-image-2 .box-shape {
        right: -10%;
    }
    .team-wrapper.style-3 {
        padding-bottom: 0;
    }
    .team-wrapper.style-3 {
        padding-bottom: 15px;
    }
    .team-section .shape-img {
        display: none;
    }
    .team-section .shape-img-2 {
        display: none;
    }
    .team-section-3 .container-fluid {
        padding: 0 40px;
    }
    .team-details-wrapper .team-details-items {
        flex-wrap: wrap;
        gap: 30px;
    }
}

@media (max-width: 1199px) {
    .cost-calculator-new .wizard-form .wizard .steps > ul li {
        margin: 0 25px;
    }

    .cost-calculator-new .wizard-form .wizard .steps > ul li:after {
        width: 130px;
    }

    .cost-calculator-new .wizard-form .wizard .content {
        min-height: auto;
        margin-bottom: 20px;
    }

    .cost-calculator-new .wizard-form .wizard .steps > ul li {
        margin: 0 25px;
    }

    .cost-calculator-new .wizard-form .wizard .steps > ul li:after {
        width: 130px;
    }

    .cost-calculator-new .wizard-form .wizard .content {
        min-height: auto;
        margin-bottom: 20px;
    }

    .cost-calculator .wizard-form .book-a-consultant-now img {
        left: -10%;
    }

    .cost-calculator .rough-estimate {
        margin-top: 50px;
    }

    .cost-calculator-new .wizard-form .book-a-consultant-now img {
        left: -10%;
    }

    .cost-calculator-new .rough-estimate {
        margin-top: 50px;
    }

    .cost-calculator .wizard-form .book-a-consultant-now img {
        left: -10%;
    }

    .cost-calculator .rough-estimate {
        margin-top: 50px;
    }

    .cost-calculator-new .wizard-form .book-a-consultant-now img {
        left: -10%;
    }

    .cost-calculator-new .rough-estimate {
        margin-top: 50px;
    }

    /* testimonial card */
    .testimonial-card p {
        font-size: 12px;
        word-spacing: 2px;
    }

    .tcd h3 {
        font-size: 22px;
    }

    /* start case study */
    /* couple case study */
    .couple-app-hero-img img {
        margin: 130px 0 0 0;
    }

    .couple-app h1 {
        font-size: 32px;
        line-height: 38px;
        padding-bottom: 15px;
    }

    .couple-app p {
        line-height: 32px;
        font-size: 18px;
    }

    .couple-app .couple-tag {
        font-size: 16px;
    }

    /* start couple app Client Overview Section */
    .couple-app-land-wrapper {
        background-size: 100% 90%;
    }

    .couple-app-clint-overview-img img {
        width: 100%;
        max-width: 400px;
    }

    /* royal ride case study start */
    .Problem-section {
        padding: 50px 0;
    }

    .problem-left-container img {
        max-width: 420px;
    }

    .uiux-section-wrapper {
        padding: 60px 0;
    }

    .uiux-image {
        max-width: 450px;
    }

    /*start banners section*/
    .banner-box-section .banner-box-image {
        aspect-ratio: 1672 /625;
    }

    .banner-box-image h2 {
        font-size: 35px;
    }

    .banner-box-image p {
        font-size: 13px;
        word-spacing: 1.5px;
    }

    .banner-box-image .banner-btn a {
        font-size: 12px;
        line-height: 6px;
    }

    /*End banners section*/

    /* royal relax spa case study start*/
    .royal-relax-spa h1 {
        color: black;
        font-weight: bold;
        font-size: 40px;
        line-height: 50px;
    }

    .royal-relax-spa p {
        line-height: 33px;
    }

    /* grave love app case study start */
    .grave-love-app.breadcrumb-areav2 {
        padding: 150px 0px 00px;
    }

    .grave-love-app .logo {
        width: 100%;
        max-width: 150px;
    }

    .grave-love-hero-img img {
        margin-left: 22px;
        margin-top: 57px;
        width: 100%;
        max-width: 590px;
    }

    /* bomb defuse case study start */
    #bomb-defuse-background {
        background-size: 100% 72%;
    }

    /* digital marketing page */
    .hero-1 .container-fluid {
        padding: 0 30px;
    }

    .about-section .brand-wrapper {
        margin-bottom: 100px;
    }

    .about-wrapper-2 .about-image {
        margin-left: 0;
    }

    .about-wrapper-2 .about-image .box-shape {
        display: none;
    }

    .about-wrapper-2 .about-image .gap-shape {
        display: none;
    }

    .about-wrapper-2 .about-content {
        margin-left: 0;
    }

    .about-wrapper-2 .about-content .icon-items-area {
        flex-wrap: wrap;
        gap: 25px;
    }

    .team-wrapper .team-image .shape-image {
        display: none;
    }

    .team-wrapper .team-content .list-items {
        flex-wrap: wrap;
        gap: 20px;
    }

    .team-wrapper .team-image-2 .box-shape {
        right: 0;
    }

    .team-wrapper.style-4 .team-content {
        margin-left: 0;
    }

    .team-section-3 .container-fluid {
        padding: 0 30px;
    }

    .team-details-wrapper .team-details-items .content .team-contact-info {
        padding: 20px 20px;
        flex-wrap: wrap;
        gap: 30px;
    }

    .team-details-wrapper
        .team-details-items
        .content
        .team-contact-info
        .icon-items {
        flex-wrap: wrap;
    }
}

@media (max-width: 991px) {
    .cost-calculator .wizard-form .wizard .steps > ul {
        flex-wrap: wrap;
        display: flex !important;
        border-right: 0;
        padding-right: 0;
    }

    .cost-calculator .wizard-form .wizard .steps {
        width: 100%;
    }

    .cost-calculator .wizard-form .book-a-consultant-now .text-cont {
        margin-left: 20%;
    }

    .cost-calculator .wizard-form .wizard .content {
        width: 100%;
        margin-top: 80px;
    }

    .cost-calculator .wizard-form .wizard .actions {
        max-width: 100%;
    }

    .cost-calculator .wizard-form .wizard .actions ul {
        margin: 50px 25px 80px;
    }

    .cost-calculator-new .wizard-form .book-a-consultant-now .text-cont {
        margin-left: 20%;
    }

    .cost-calculator-new .wizard-form .wizard .steps {
        width: 100%;
    }

    .cost-calculator-new .wizard-form .wizard .steps > ul {
        flex-wrap: wrap;
        display: flex !important;
        border-right: 0;
        padding-right: 0;
    }

    .cost-calculator-new .wizard-form .wizard .steps > ul li {
        margin: 0 10px;
    }

    .cost-calculator-new .wizard-form .wizard .steps > ul li:after {
        width: 90px;
    }

    .cost-calculator-new .wizard-form .wizard .content {
        width: 100%;
        margin-top: 10px;
    }

    .cost-calculator-new .wizard-form .wizard .actions {
        max-width: 100%;
    }

    .cost-calculator-new .wizard-form .wizard .actions ul {
        margin: 50px 25px 30px;
    }

    .cost-calculator .wizard-form .book-a-consultant-now .text-cont {
        margin-left: 20%;
    }

    .cost-calculator .wizard-form .wizard .steps {
        width: 100%;
    }

    .cost-calculator .wizard-form .wizard .steps > ul {
        flex-wrap: wrap;
        display: flex !important;
        border-right: 0;
        padding-right: 0;
    }

    .cost-calculator .wizard-form .wizard .content {
        width: 100%;
        margin-top: 80px;
    }

    .cost-calculator .wizard-form .wizard .actions {
        max-width: 100%;
    }

    .cost-calculator .wizard-form .wizard .actions ul {
        margin: 50px 25px 80px;
    }

    .cost-calculator-new .wizard-form .book-a-consultant-now .text-cont {
        margin-left: 20%;
    }

    .cost-calculator-new .wizard-form .wizard .steps {
        width: 100%;
    }

    .cost-calculator-new .wizard-form .wizard .steps > ul {
        flex-wrap: wrap;
        display: flex !important;
        border-right: 0;
        padding-right: 0;
    }

    .cost-calculator-new .wizard-form .wizard .steps > ul li {
        margin: 0 10px;
    }

    .cost-calculator-new .wizard-form .wizard .steps > ul li:after {
        width: 90px;
    }

    .cost-calculator-new .wizard-form .wizard .content {
        width: 100%;
        margin-top: 10px;
    }

    .cost-calculator-new .wizard-form .wizard .actions ul {
        margin: 50px 25px 30px;
    }

    .cost-calculator-new .wizard-form .wizard .actions {
        max-width: 100%;
    }

    .cost-calculator .wizard-form .book-a-consultant-now img {
        left: -4%;
    }

    .cost-calculator .rough-estimate {
        margin-top: 0;
    }

    .cost-calculator-new .wizard-form .book-a-consultant-now img {
        left: -4%;
    }

    .cost-calculator-new .wizard-form {
        margin-top: 20px;
    }

    .cost-calculator-new .rough-estimate {
        margin-top: 0;
    }

    .cost-calculator .wizard-form .book-a-consultant-now img {
        left: -4%;
    }

    .cost-calculator .rough-estimate {
        margin-top: 0;
    }

    .cost-calculator-new .wizard-form {
        margin-top: 20px;
    }

    .cost-calculator-new .wizard-form .book-a-consultant-now img {
        left: -4%;
    }

    .cost-calculator-new .rough-estimate {
        margin-top: 0;
    }

    /*start banners section*/
    .banner-box-section .banner-box-image {
        aspect-ratio: 1672 / 736;
    }

    .banner-box-image h2 {
        font-size: 25px;
        line-height: 32px;
        width: 227px;
    }

    .banner-box-image p {
        font-size: 13px !important;
        word-spacing: 1px !important;
    }

    .banner-box-image .banner-btn a {
        font-size: 12px;
        line-height: 6px;
    }

    /*End banners section*/
    /* home */
    .solutions-carousel .item {
        min-height: 150vh;
    }

    /* social media marketing ( smm ) */
    .reach-out-banner {
        padding: 80px 0;
        background-position: center;
    }

    .banner-content h2 {
        font-size: 42px;
    }
}

@media (max-width: 767px) {
    .cost-calculator .wizard-form .book-a-consultant-now .text-cont {
        margin-left: 35%;
    }

    .cost-calculator-new .wizard-form .book-a-consultant-now .text-cont {
        margin-left: 35%;
    }

    .cost-calculator-new .wizard-form .wizard .steps > ul li {
        margin: 0;
    }

    .cost-calculator-new .wizard-form .wizard .steps > ul li:after {
        width: 70px;
    }

    .cost-calculator-new .wizard-form .wizard .steps > ul li a {
        padding: 13px 12px;
    }

    .cost-calculator .wizard-form .book-a-consultant-now .text-cont {
        margin-left: 35%;
    }

    .cost-calculator-new .wizard-form .book-a-consultant-now .text-cont {
        margin-left: 35%;
    }

    .cost-calculator-new .wizard-form .wizard .steps > ul li {
        margin: 0;
    }

    .cost-calculator-new .wizard-form .wizard .steps > ul li:after {
        width: 70px;
    }

    .cost-calculator-new .wizard-form .wizard .steps > ul li a {
        padding: 13px 12px;
    }

    .cost-calculator .wizard-form .book-a-consultant-now img {
        left: -5.5%;
    }

    .cost-calculator-new .wizard-form .book-a-consultant-now img {
        left: -5.5%;
    }

    .cost-calculator-new .wizard-form {
        margin-top: 0;
    }

    /*start service pages banner section */
    .services-box-section .banner-box-image {
        aspect-ratio: 910 / 549;
        border-radius: 30px;
        padding: 24px 0 23px 63px;
    }

    /*End service pages banner section */

    /*start banners section*/
    .banner-box-section .banner-box-image {
        aspect-ratio: 1592 / 981;
    }

    /*End banners section*/

    /* start cse studys */

    /* royal ride case study start */
    .uiux-section-wrapper {
        padding: 50px 0;
        text-align: center;
    }

    .uiux-text-col {
        margin-bottom: 40px;
    }

    .uiux-main-title {
        font-size: 28px;
    }

    .uiux-subtitle {
        font-size: 18px;
    }

    .uiux-paragraph {
        font-size: 15px;
    }

    .uiux-image {
        max-width: 100%;
    }

    .problem-left-container img {
        max-width: 344px;
    }

    /* start royal relax spa case study */
    .royal-relax-project-description-contant h2 {
        text-align: start;
        padding: 10px 0 10px 0;
    }

    .royal-relax-project-description-contant p {
        color: white;
        text-align: start;
        font-size: 14px;
    }

    /* load board case study start */
    .load-board-hero-section .logo img {
        max-width: 200px;
        padding-bottom: 10px;
    }
    /* social media marketing ( smm ) */
    .reach-out-banner {
        padding: 70px 20px;
        text-align: center;
    }

    .banner-content h2 {
        font-size: 34px;
        line-height: 1.3;
    }

    .border_btn.dark_btn {
        width: 100%;
        max-width: 320px;
    }
}

@media (max-width: 575px) {
    /* services card slider */
    .service-section-app .owl-theme .owl-nav {
        display: none;
        /* top: 94%; */
        /* padding: 10px 0 10px 0; */
    }

    .service-section-app .owl-theme .owl-nav .owl-next {
        left: 255px;
    }

    .service-section-app .owl-theme .owl-nav .owl-prev {
        left: 245px;
    }

    .cost-calculator-new .wizard-form .wizard .content fieldset .radio-buttons {
        justify-content: center;
    }

    .cost-calculator-new .wizard-form .wizard .actions ul {
        display: block;
    }

    .cost-calculator-new .wizard-form .wizard .actions ul li {
        margin-bottom: 15px;
    }

    .cost-calculator-new .wizard-form .wizard .content fieldset .radio-buttons {
        justify-content: center;
    }

    .cost-calculator-new .wizard-form .wizard .actions ul {
        display: block;
    }

    .cost-calculator-new .wizard-form .wizard .actions ul li {
        margin-bottom: 15px;
    }

    .cost-calculator .wizard-form .book-a-consultant-now img {
        left: 0;
    }

    .cost-calculator-new .wizard-form .book-a-consultant-now img {
        left: 0;
    }

    .cost-calculator-new .business-analyst {
        background-image: none;
        background: linear-gradient(270deg, #089674 0.15%, #000 99.75%);
        border-radius: 12px;
        margin-top: 0;
    }

    .cost-calculator-new .business-analyst ul li {
        width: 100%;
        text-align: center;
    }

    .cost-calculator-new .business-analyst ul {
        display: block;
    }

    .cost-calculator-new .business-analyst ul li:nth-child(1) {
        position: static;
    }

    .cost-calculator-new .business-analyst ul li:nth-child(2) {
        margin-left: 0;
    }

    .cost-calculator-new .business-analyst ul li:nth-child(3) {
        position: static;
    }

    .cost-calculator-new .business-analyst ul li h5 {
        margin-bottom: 10px;
    }

    .cost-calculator .wizard-form .book-a-consultant-now img {
        left: 0;
    }

    .cost-calculator-new .wizard-form .book-a-consultant-now img {
        left: 0;
    }

    .cost-calculator-new .business-analyst {
        background-image: none;
        background: linear-gradient(270deg, #089674 0.15%, #000 99.75%);
        border-radius: 12px;
        margin-top: 0;
    }

    .cost-calculator-new .business-analyst ul {
        display: block;
    }

    .cost-calculator-new .business-analyst ul li {
        width: 100%;
        text-align: center;
    }

    .cost-calculator-new .business-analyst ul li:nth-child(1) {
        position: static;
    }

    .cost-calculator-new .business-analyst ul li:nth-child(2) {
        margin-left: 0;
    }

    .cost-calculator-new .business-analyst ul li:nth-child(3) {
        position: static;
    }

    .cost-calculator-new .business-analyst ul li h5 {
        margin-bottom: 10px;
    }

    /*Start banner setion */
    .banner-box-section .banner-box-image {
        aspect-ratio: 1592 / 979;
    }

    /*End banner setion */

    /*start service pages banner section */
    .services-box-section .banner-box-image {
        aspect-ratio: 696 / 549;
        border-radius: 30px;
        padding: 24px 0 23px 63px;
    }

    /*End service pages banner section */

    /* digital marketing page */
    .scrolling-wrap .comm {
        gap: 12px;
    }
    .case-study-wrapper .case-study-box-items .thumb {
        height: 450px;
    }

    .case-study-wrapper .case-study-box-items .thumb img {
        object-fit: cover;
    }
    .about-wrapper
        .about-content
        .circle-progress-bar-wrapper
        .single-circle-bar
        .content
        br {
        display: block;
    }
    .about-wrapper-2 .about-image .box-shape {
        display: none;
    }
    .about-wrapper-2 .about-image .gap-shape {
        display: none;
    }
    .about-wrapper-2 .about-content .about-button {
        flex-wrap: wrap;
        gap: 20px;
    }
    .team-wrapper .team-image .shape-image {
        display: none;
    }
    .team-wrapper .team-image-2 .client-shape {
        display: none;
    }
    .team-wrapper .team-image-2 .box-shape {
        display: none;
    }
    .team-wrapper.style-4 .results-left-items {
        flex-wrap: wrap;
    }

    /* social media marketing ( smm ) */
    .reach-out-banner {
        padding: 60px 15px;
    }

    .banner-content h2 {
        font-size: 28px;
    }

    .border_btn.dark_btn {
        font-size: 15px;
        padding: 12px 22px;
    }
}

@media (max-width: 767px) {
    /*Start services section banner */

    .services-box-section .owl-theme .owl-nav.disabled + .owl-dots {
        margin-top: -22px !important;
    }

    /* services card slider */
    .service-section-app .owl-theme .owl-nav .owl-next {
        right: -475px;
        font-size: 60px;
    }

    .cost-calculator
        .wizard-form
        .wizard
        .content
        fieldset
        .radio-buttons
        label {
        width: 42% !important;
    }

    /* start case studys */
    /* car mechanic case study */
    #car-mechanic-background {
        background-size: 100% 58.7%;
    }

    /* load board case study start */
    .load-board-project-overview-section
        .load-board-project-overview-contant
        p {
        font-size: 10px;
        margin-bottom: 22px;
    }

    .load-board-problem-challenges-section
        .load-board-problem-challenges-contant
        p {
        font-size: 10px;
        margin-bottom: 22px;
    }

    /* awards section */

    .award-img {
        max-width: 200px;

        display: block;
        margin: 0 auto;
    }

    .awards-slider .owl-item .card img {
        max-width: 150px;
    }

    .award-item h5 {
        font-size: 16px;
        padding: 0 50px 0 50px;
    }

    /* new process section */
    .process-btns {
        background: none;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .tabBtn.active {
        background-color: #0f766e;
        border-left: 2px solid #74e3d3;
    }

    .process-btns button span {
        font-size: 10px;
        gap: 0;
        line-height: 20px;
    }

    .process-btns button {
        display: flex;
        flex-direction: row;
        width: fit-content;
    }

    .process-tabs .tabs {
        height: 735px;
    }

    .process-tabs .tabs .tabs-icons {
        gap: 10px;
        grid-template-columns: repeat(2, 1fr);
        line-height: 25px;
    }

    .process-tabs .tabs .tabs-icons-wrapper i {
        font-size: 30px;
    }

    /* hero bages slider start */
    .hero-slider .hero-bage-p {
        margin-top: -7%;
        border-right: none;
        line-height: 100px;
        font-weight: 800;
        font-size: 24px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    /* services card slider */
    .service-section-app .owl-theme .owl-nav .owl-next {
        right: -657px;
        font-size: 60px;
    }

    .cost-calculator
        .wizard-form
        .wizard
        .content
        fieldset
        .radio-buttons
        label {
        width: 28% !important;
    }

    /* start case studys */
    /* awards section */
    .awards-slider .owl-item .card img {
        max-width: 133px;
    }

    .award-item h5 {
        font-size: 16px;
        padding: 0 50px 0 50px;
    }

    /* royal ride case study */
    .persona-card {
        margin-bottom: 0;
    }

    .row-five-cols > .col-custom {
        width: 50%;
    }

    /* car mechanic case study */
    #car-mechanic-background {
        background-size: 100% 66.4%;
    }

    /* royal ride case study start */
    .hero-section-royalRide {
        background: linear-gradient(
            to bottom,
            #c39449 0%,
            #c39449 5%,
            transparent 20%
        );
        padding-top: 90px;
        margin-bottom: 2px;
    }

    .royalRideLogo h1 {
        font-size: 50px;
        line-height: 62px;
    }

    .royalRideLogo img {
        width: 110px;
    }

    .hero-img-1 img {
        max-width: 100%;
        height: auto;
    }

    .problem-left-container img {
        max-width: 344px;
    }

    /* load board case study start */
    .load-board-project-overview-section
        .load-board-project-overview-contant
        p {
        font-size: 10px;
        margin-bottom: 22px;
    }

    .load-board-project-overview-section .load-board-project-overview-img img {
        max-width: 600px;
    }

    .load-board-problem-challenges-section
        .load-board-problem-challenges-contant
        p {
        font-size: 10px;
        margin-bottom: 22px;
    }

    /* new process section */
    .process-btns {
        background: none;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .tabBtn.active {
        background-color: #0f766e;
        border-left: 2px solid #74e3d3;
    }

    .process-btns button span {
        font-size: 10px;
        gap: 0;
        line-height: 20px;
    }

    .process-btns button {
        display: flex;
        flex-direction: row;
        width: fit-content;
    }

    /* hero bages slider start */
    .hero-slider .hero-bage-p {
        margin-top: 9%;
        line-height: 100px;
        font-weight: 800;
        font-size: 12px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    /* services card slider */
    .service-section-app .owl-theme .owl-nav .owl-next {
        right: -881px;
        font-size: 60px;
    }

    .service-section-app .owl-theme .owl-nav .owl-prev {
        left: -35px;
        font-size: 60px;
    }

    /* grave love case study */
    .grave-love-problem-contant h2 {
        font-size: 32px;
    }

    .grave-love-problem-contant p {
        font-size: 12px;
    }

    /* car-mechanic case study */
    #car-mechanic-background {
        background-size: 100% 72%;
    }

    /* mike matis case study completed */
    .Project-Description {
        background-size: 100% 75%;
    }

    .Project-Description .Project-Description-left-container img {
        width: 100%;
        max-width: 330px;
    }

    .Project-Description-title {
        font-size: 44px;
        font-weight: bold;
        margin-bottom: 15px;
        padding-top: 31px;
        color: white;
    }

    .Project-Description-titleparagraph {
        font-size: 16px;
        line-height: 1.9;
        font-weight: bold;
        color: white;
    }

    /* start Project-info */

    .Project-info .Project-info-img img {
        width: 100%;
        max-width: 400px;
    }

    .Project-info-contant h2 {
        font-size: 44px;
        font-weight: bold;
        margin-bottom: 15px;
        color: black;
    }

    .Project-info-contant p {
        font-size: 16px;
        line-height: 1.9;
        font-weight: bold;
        color: black;
    }

    /* ===== end Project-Description  ===== */

    /* ===== Start Project challenges  ===== */
    .Project-Challenges {
        background-size: 100% 65%;
    }

    .Project-Challenges .Project-Challenges-left-container img {
        width: 100%;
        max-width: 330px;
    }

    .mike-mathis-wireframe .wire-img {
        max-width: 330px;
    }

    /* load board case study start */
    .load-board-project-overview-section
        .load-board-project-overview-contant
        p {
        font-size: 10px;
    }

    .load-board-project-overview-section .load-board-project-overview-img img {
        max-width: 600px;
    }

    .load-board-problem-challenges-section
        .load-board-problem-challenges-contant
        p {
        font-size: 10px;
    }

    /* all traders case study start */

    .all-traders-clients-overview .client-overview-img img {
        margin: 79px auto;
    }

    .all-traders-clients-overview .common-heading p,
    .all-traders-clients-overview .common-heading .points-client-review p {
        font-size: 12px;
    }

    .all-traders-clients-overview .common-heading .points-client-review h5 {
        font-size: 12px;
    }

    .all-traders-clients-overview .common-heading h2 {
        font-size: 25px;
    }

    /* awards section */
    .awards-slider .owl-item .card img {
        max-width: 165px;
    }

    .award-item h5 {
        font-size: 16px;
        padding: 0 50px 0 50px;
    }

    /* new process setion */
    .tabBtn {
        gap: 15px;
        padding: 10px 7px;
    }

    .tabBtn span {
        font-size: 12px;
    }

    .tabBtn.active span {
        font-size: 12px;
    }

    .process-tabs .tabs .tabs-icons {
        gap: 5px;
    }

    .process-tabs .tabs .tabs-icons-wrapper i {
        font-size: 28px;
    }

    /* hero bages slider start */
    .hero-slider .hero-bage-p {
        margin-top: 9%;
        line-height: 100px;
        font-weight: 800;
        font-size: 12px;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    /* services card slider */
    .service-section-app .owl-theme .owl-nav .owl-next {
        right: -1079px;
        font-size: 60px;
    }

    .hire-developer-app-development img {
        right: -250px;
    }

    .lets-connect .free-cta-title {
        width: 50%;
    }

    .lets-connect img {
        width: 62.5%;
        right: -70px;
        top: -360px;
    }

    /* start case studys  */
    /* awards section */
    .awards-slider .owl-item .card img {
        max-width: 152px;
    }

    .award-item h5 {
        font-size: 16px;
        padding: 0 50px 0 50px;
    }

    /* royal ride case study start */
    .busniess-img-paytem img,
    .busniess-img-phone img,
    .bussness-img-lady img {
        width: 300px;
        height: auto;
        padding-left: 22px;
    }

    /* all traders case study start */
    .all-traders-clients-overview .client-overview-img img {
        margin: 29px auto;
    }

    /* new process setion */
    .tabBtn.active span {
        font-size: 13px;
    }

    /* hero bages slider start */
    .hero-slider .hero-bage-p {
        margin-top: 12%;
        line-height: 100px;
        font-weight: 800;
        font-size: 13px;
    }
}

@media (max-width: 991px) {
    /* start case studys */
    .hero-section-Boujee-beachin {
        padding: 90px 0;
    }

    .logo-img {
        max-width: 200px;
    }

    .Boujee-beachin-Logo h1 {
        font-size: 2.2rem;
    }

    .hero-main-img {
        max-width: 100%;
    }

    /* Alejandro objectives section case study start */
    .Alejandro-objectives-section .central-line {
        display: none;
    }

    /* all traders case study start */
    .all-traders-app-design-objectives .central-line {
        display: none;
    }
}

@media (max-width: 1400px) {
    /* start hero section */
    .hero-section-Boujee-beachin {
        text-align: start;
        padding-top: 140px;
    }

    .logo-img {
        max-width: 120px;
    }

    .Boujee-beachin-Logo h1 {
        font-size: 1.9rem;
        font-weight: 800;
    }

    .Boujee-beachin-Logo h1 span {
        font-size: 1.9rem;
        font-weight: 800;
    }

    .Boujee-beachin-Logo p {
        font-size: 1rem;
    }

    .case-tag {
        padding: 8px 20px;
        font-size: 1rem;
    }

    .hero-main-img {
        margin-top: 20px;
    }
}

@media (max-width: 767px) {
    /* Home */
    .solutions-carousel .item {
        min-height: 115vh;
    }

    /* start case study */
    .hero-section-Boujee-beachin {
        text-align: center;
        padding-top: 140px;
    }

    .Boujee-beachin-Logo {
        align-items: center;
        text-align: center;
    }

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

    .Boujee-beachin-Logo h1 {
        font-size: 1.8rem;
    }

    .Boujee-beachin-Logo p {
        font-size: 1rem;
    }

    .case-tag {
        padding: 8px 20px;
        font-size: 1rem;
    }

    .hero-main-img {
        margin-top: 20px;
    }

    .boujee-beachin-wireframe ul li {
        font-size: 10px;
        padding: 6px 12px;
    }

    /* couple app case study */
    .couple-app {
        background: url("../images/case-studies/couple-app/hero-background-couple-app.webp")
            top left/ cover no-repeat;
    }

    .couple-app .logo {
        max-width: 110px;
    }

    .couple-app h1 {
        font-size: 52px;
        line-height: 65px;
    }

    .couple-app p {
        line-height: 29px;
        font-size: 18px;
        word-spacing: 2px;
        border-left: 3px solid #ffffff;
        padding: 12px 0 12px 19px;
    }

    /* toy sort puzzle case study start */

    .toy-sort-audience-target .imageFloteRight img,
    .toy-sort-player-feedback .imageFloteRight img {
        display: none;
    }

    /* bomb defuse case study start */
    #bomb-defuse-background {
        background-size: 100% 70%;
    }

    .bomb-defuse-app {
        padding: 150px 0px 60px 0px;
    }

    .bomb-defuse-app .bread-titlev2 p {
        font-size: 29px;
    }

    .bomb-defuse-app .logo {
        max-width: 350px;
    }

    .bomb-defuse-Ranking-section img {
        padding: 10px 0 10px 0;
    }

    /* load board case study start */
    .load-board-vertical-line {
        display: none;
    }

    .load-board-step-left,
    .load-board-step-right {
        width: 100% !important;
        margin-bottom: 20px;
        text-align: left !important;
    }

    .load-board-step-left .load-board-step-content,
    .load-board-step-right .load-board-step-content {
        margin: 0 !important;
        text-align: left !important;
    }

    .load-board-step-left .load-board-step-number,
    .load-board-step-right .load-board-step-number {
        display: none;
    }

    /* all traders case study start */

    .all-traders-problem-section .all-traders-problem-box-wrapper {
        flex-direction: column;
    }
}

@media (max-width: 575px) {
    .logo-img {
        max-width: 150px;
    }

    .Boujee-beachin-Logo h1 {
        font-size: 1.6rem;
        line-height: 1.4;
    }

    .case-tag {
        padding: 6px 16px;
        font-size: 0.9rem;
    }

    /* car mechanic case study */
    #car-mechanic-background {
        background-size: 100% 54.4%;
    }
}

@media (max-width: 992px) {
    .Objectives-section-Boujee-beachin h3 {
        text-align: center;
        margin-top: 22px;
    }

    /* couple app case study  */
    .couple-app-hero-img img {
        width: 100%;
        max-width: 500px;
    }

    .couple-app h1 {
        font-size: 32px;
        line-height: 33px;
        padding-bottom: 15px;
    }

    .couple-app p {
        line-height: 24px;
        font-size: 13px;
        word-spacing: 2px;
        padding-left: 10px;
    }

    .couple-app .couple-tag {
        font-size: 13px;
    }

    /* start couple app Client Overview Section */
    .couple-app-land-wrapper {
        background-size: 100% 100%;
    }

    .couple-app-clint-overview-img img {
        width: 100%;
        max-width: 400px;
        display: block;
        margin: 0 auto;
    }

    .couple-app-key-problems .info-card3 {
        height: 160px;
    }

    .couple-app-designs .neuro-night-central-line {
        display: none;
    }

    /* royal ride case study start */
    .Objectives-section h3 {
        text-align: center;
        margin-top: 22px;
    }

    .busniess-img-paytem img,
    .busniess-img-phone img,
    .bussness-img-lady img {
        width: 100%;
        max-width: 400px;
        height: auto;
        margin: 0 auto;
        display: block;
        padding-left: 0;
    }

    /* wood land case study start */
    .wood-land-app {
        margin: auto;
        text-align: center;
        background-position: center;
    }

    .bread-titlev2 {
        margin: 0 auto;
    }

    .wood-land-button {
        width: 70%;
    }

    .wood-land-hero-img img {
        width: 80%;
        padding-left: 0;
        margin: 20px auto 0;
        display: block;
    }

    /* development-challenges section */
    .development-challenges-left {
        border-left: none;
    }

    .development-challenges-left h2,
    .development-challenges-left p {
        padding-top: 22px;
    }

    .wood-land-designs .wood-land-central-line {
        display: none;
    }

    /* NeuroKnights case study start */
    .neuro-knight-app {
        margin: auto;
        text-align: center;
        background-position: center;
    }

    .neuro-night-hero-img img {
        width: 80%;
        padding-left: 0;
        margin: 20px auto 0;
        display: block;
    }

    .neuro-night-designs .neuro-night-central-line {
        display: none;
    }

    /*Start problem section NeuroKnights */
    .neuro-knight-right {
        text-align: center;
        margin-top: 30px;
    }

    .neuro-knight-right .common-heading {
        text-align: center;
    }

    .neuro-knight-right img {
        margin: 0 auto;
        display: block;
    }

    /* start tech-img-box */

    .col-12.d-flex {
        flex-direction: column;
        gap: 20px;
    }

    .tech-img-box {
        width: 100%;
        justify-content: flex-start;
        padding: 15px 10px;
    }

    /* mike mathis case study start */
    .mike-mathis-app {
        margin: auto;
        text-align: center;
        background-position: center;
    }

    .mike-mathis-hero-img img {
        width: 80%;
        padding-left: 0;
        margin: 20px auto 0;
        display: block;
    }

    .Project-Description {
        background-size: 100% 130%;
    }

    .Project-Description .Project-Description-left-container img {
        width: 100%;
        max-width: 200px;
    }

    .Project-Description-title {
        font-size: 34px;
        font-weight: bold;
        margin-bottom: 15px;
        color: white;
    }

    .Project-Description-titleparagraph {
        font-size: 16px;
        line-height: 1.9;
        font-weight: bold;
        color: white;
    }

    /* ===== end Project-Description  ===== */

    /* ==========start Project-info====== */

    .Project-info .Project-info-img img {
        width: 100%;
        max-width: 200px;
    }

    .Project-info-contant h2 {
        font-size: 34px;
        font-weight: bold;
        margin-bottom: 15px;
        color: black;
    }

    .Project-info-contant p {
        font-size: 16px;
        line-height: 1.9;
        font-weight: bold;
        color: black;
    }

    /* ======End Project-info====== */

    /* ===== Start Project challenges  ===== */
    .Project-Challenges {
        background-size: 100% 130%;
    }

    .Project-Challenges .Project-Challenges-left-container img {
        width: 100%;
        max-width: 200px;
    }

    /* uiux design phase  */
    .mike-mathis-design-phase-paragraph {
        font-size: 17px;
        line-height: 1.8;
    }

    .mike-mathis-design-phase-left-container img {
        object-fit: cover;
    }

    .user-research {
        padding: 70px 0;
    }

    .user-research h2 {
        font-size: 2.2rem;
    }

    .user-research-ul li {
        font-size: 1.05rem;
    }

    /* grave love app case study start */

    .grave-love-app .logo {
        width: 100%;
        max-width: 150px;
    }

    .grave-love-hero-img img {
        margin: 0 auto;
        display: block;
        width: 100%;
        max-width: 590px;
    }

    /* Start  Problem-section  */
    .grave-love-problem-section {
        background-size: 100% 100%;
        border-radius: 40px;
    }

    .grave-love-problem-contant {
        padding: 22px;
    }

    .grave-love-problem-img img {
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
        display: block;
    }

    /* load board case study start */
    .load-board-tech-card img {
        width: 50px;
        height: 50px;
    }

    .load-board-tech .common-heading h2 {
        font-size: 1.75rem;
    }

    .load-board-tech .common-heading p {
        font-size: 1rem;
        margin-bottom: 40px;
    }
    /* digital marketing page  */
    .Our-Creative-Process {
        margin-top: 60px;
    }

    .Our-Creative-Process p {
        font-size: 36px;
    }
    .stats-container {
        padding: 60px 30px;
    }

    .stat-number {
        font-size: 1.5em;
    }

    .stat-description {
        font-size: 1em;
    }
}

@media (min-width: 992px) {
    .central-line {
        display: block;
    }

    .right-column-wrapper {
        margin-top: 80px;
    }

    .feature-box:hover {
        transform: scaley(1.2);
        transition: transform 0.3s ease;
    }

    .left-item .feature-box::after {
        content: "";
        position: absolute;
        top: 50%;
        right: -60px;
        width: 60px;
        height: 12px;
        background-image: linear-gradient(
            to right,
            #009fe3 33%,
            rgba(255, 255, 255, 0) 0%
        );
        background-position: bottom;
        background-size: 16px 2px;
        background-repeat: repeat-x;
    }

    .right-item .feature-box::before {
        content: "";
        position: absolute;
        top: 50%;
        left: -60px;
        width: 60px;
        height: 12px;
        background-image: linear-gradient(
            to right,
            #009fe3 33%,
            rgba(255, 255, 255, 0) 0%
        );
        background-position: bottom;
        background-size: 16px 2px;
        background-repeat: repeat-x;
    }

    .couple-app-key-problems .info-card3 p {
        font-size: 15px;
    }

    /* royal ride case study start*/
    .start-connector {
        left: calc((100% - 1320px) / 226 + 20px);
    }

    .section-wrapper::before {
        content: "";
        position: absolute;
        top: 60px;
        left: 50px;
        width: 2px;
        height: 150px;
        background-color: #dcb880;
        z-index: 0;
    }

    .section-wrapper::after {
        content: "";
        position: absolute;
        top: 210px;
        left: 50px;
        width: 60px;
        height: 2px;
        background-color: #dcb880;
        z-index: 0;
    }

    .row-five-cols > .col-custom {
        width: 20%;
        padding: 0 10px;
    }

    .section-wrapper {
        padding-left: 50px;
    }
}

@media (max-width: 768px) {
    .wireframes-section {
        text-align: center;
    }

    .wireframes-section ul {
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    .wireframes-section ul li {
        width: 100%;
        max-width: 320px;
        text-align: center;
    }

    /* royal ride case study start */
    .persona-goals-section h3,
    .persona-painpoints-section h3 {
        display: block;
        border-bottom: 2px solid #ff7f00;
        width: 100%;
    }

    /* wood land case study start */
    .wood-land-hero-img img {
        padding-left: 22px;
        width: 100%;
        max-width: 500px;
    }
}

@media (max-width: 1400px) {
    .challenges-heading span {
        font-size: 24px;
    }

    .challenges-section {
        padding: 40px 0;
    }

    .challenges ul li {
        align-items: center;
    }

    .challenges-img {
        margin-top: 20px;
    }

    .challenges-img img {
        width: 100%;
        max-width: 510px;
    }
}

@media (max-width: 991px) {
    /*Start services section banner */

    .services-box-section .owl-theme .owl-nav.disabled + .owl-dots {
        margin-top: -28px;
    }

    .services-box-section .owl-theme .owl-dots .owl-dot span {
        height: 0.3em;
        width: 0.3em;
        margin: 3px;
    }

    /*end services section banner */
    /* home  */
    .portfolio-wide-image img {
        display: block;
        width: 100%;
        margin: 0 auto;
    }

    .challenges-heading span {
        font-size: 24px;
    }

    .challenges-section {
        padding: 40px 0;
    }

    .challenges ul li {
        align-items: center;
        font-size: 20px;
    }

    .challenges-img {
        margin-top: 20px;
    }

    .challenges-img img {
        width: 100%;
        max-width: 480px;
        border-radius: 10px;
    }

    /* toy sort puzzle case study */
    .imageFloteLeft,
    .imageFloteRight {
        margin-bottom: 20px;
        text-align: center;
    }

    /* royal side case study start */
    .section-wrapper::before,
    .section-wrapper::after,
    .start-connector {
        display: none;
    }

    .section-wrapper {
        padding-top: 20px;
    }

    .card-connector-plus {
        display: none;
    }

    .card-custom {
        min-height: auto;
        margin-bottom: 20px;
    }

    .number-circle {
        margin-bottom: 15px;
    }

    .phone-screen img {
        width: 100%;
        max-width: 265px;
    }

    /* bomb defuse case study start*/
    #bomb-defuse-background {
        background-size: 100% 69%;
    }

    /* boujee-beachin case study */
    .boujee-beachin-designs .central-line {
        display: none;
    }

    /* digital marketing page */
    .scrolling-wrap {
        gap: 14px;
    }

    .scrolling-wrap .comm {
        gap: 14px;
    }
    .case-studies-wrapper-2 .case-studies-items {
        flex-wrap: wrap;
        gap: 30px;
    }
    .about-wrapper .about-content .circle-progress-bar-wrapper {
        margin-top: 40px;
        gap: 70px;
    }
    .about-wrapper .about-content .circle-progress-bar-wrapper {
        gap: 20px;
    }
    .about-section .brand-wrapper {
        margin-bottom: 80px;
    }
    .about-wrapper-2 .about-image .gap-shape {
        display: block;
    }
    .about-wrapper-2 .about-image .box-shape {
        display: block;
    }
    .team-wrapper .team-image .shape-image {
        display: block;
    }
}

@media (max-width: 768px) {
    .challenges-heading span {
        font-size: 24px;
    }

    .challenges-section {
        padding: 40px 0;
    }

    .challenges ul li {
        align-items: center;
    }

    .challenges-img {
        margin-top: 20px;
    }

    .challenges-img img {
        width: 100%;
        max-width: 480px;
        border-radius: 10px;
    }

    /* neur knight app start */

    .neuro-knight-app h1 {
        font-size: 28px;
        line-height: 36px;
    }

    .neuro-knight-app p {
        font-size: 15px;
        line-height: 26px;
    }

    .neuro-night-hero-img img {
        width: 90%;
        margin: 0 auto;
        display: block;
    }
}

@media (max-width: 768px) {
    .user-testing-img {
        top: -28px;
    }

    .user-testing-img img {
        width: 60px;
    }

    /* vision mission section */

    .vision-title {
        font-size: 26px;
        text-align: center;
    }

    .vision-text {
        text-align: center;
    }
}

@media (max-width: 480px) {
    /*start service pages banner section */
    .services-box-section .banner-box-image {
        aspect-ratio: 531 / 549;
        border-radius: 30px;
        padding: 24px 0 23px 63px;
    }

    /*End service pages banner section */

    .user-testing-img {
        top: -35px;
    }

    .user-testing-img img {
        width: 55px;
    }

    /* car mechanic case study*/
    #car-mechanic-background {
        background-size: 100% 59.4%;
    }

    .car-mechanic .bread-titlev2 h1 {
        font-size: 33px;
    }

    .car-mechanic .bread-titlev2 p {
        font-size: 18px;
        word-spacing: 1px;
    }

    .bomb-defuse-spaceing {
        margin: 50px 0 50px 0;
    }

    /* all traders case study start */
    .all-traders-clients-overview .common-heading h2 {
        font-size: 18px;
    }

    .all-traders-clients-overview .common-heading p {
        font-size: 12px;
    }

    .all-traders-clients-overview .common-heading {
        height: 75vh;
    }
}

@media (max-width: 1024px) {
    /* MAP SECTION */
    .distribution-map .map-point.map-button-third:focus {
        left: 70%;
    }

    .distribution-map .map-point.map-button-five:focus {
        left: 55%;
    }
}

@media (max-width: 576px) {
    .testimonial-text {
        font-size: 15px;
    }

    .testimonialsCard {
        padding: 20px;
    }

    .tech-card {
        padding: 15px;
    }

    .tech-card img {
        width: 50px;
        height: 50px;
    }

    /* toy sort puzzle case study */
    .imageFloteLeft img,
    .imageFloteRight img {
        max-width: 50px;
        animation-duration: 2s;
    }

    h1 {
        font-size: 24px;
    }

    /* wood land case study start */
    .goals-img {
        max-height: 250px;
    }

    .goals-cards {
        gap: 18px;
    }

    /* neuro knight app case study start */
    .bread-titlev2 .logo {
        display: block;
        margin: 0 auto;
        text-align: center;
    }

    .neuro-knight-app h1 {
        font-size: 22px;
        line-height: 23px;
        text-align: center;
    }

    .neuro-knight-app p {
        font-size: 16px;
        line-height: 23px;
        text-align: center;
    }

    .neuro-night-hero-img img {
        width: 90%;
    }

    /* mike mathis case study completed */
    .user-research {
        padding: 30px 0;
    }

    .user-research h2 {
        font-size: 1.8rem;
        text-align: center;
    }

    .user-research-ul {
        padding-left: 18px;
    }

    .user-research img {
        margin-top: 25px;
    }

    /* load board case study start */
    .load-board-tech-card img {
        width: 45px;
        height: 45px;
    }

    .load-board-tech-card {
        padding: 15px 10px;
    }

    /* MAP SECTION */
    .distribution-map .map-point:focus {
        left: 50%;
    }

    /* digital marketing page  */
    .stats-container {
        padding: 30px 20px;
        border-radius: 12px;
    }

    .stat-number {
        font-size: 1.3em;
    }

    .stat-description {
        font-size: 0.9em;
    }

    .stat-item {
        line-height: 28px;
    }

    .stats-container .row {
        padding-left: 0;
    }
}

@media (max-width: 768px) {
    .conclusion-heading {
        font-size: 26px;
        text-align: center;
    }

    .conclusion-paragraph {
        text-align: center;
    }

    .conclusion-right img {
        margin-top: 15px;
    }

    /* royal ride case study start */
    .comp-analysis-title {
        font-size: 1.3rem;
    }

    .comp-analysis-image {
        width: 90%;
    }

    /* toy sort case study start */
    #toy-sort-puzzle {
        background-size: 100% 67%;
    }

    .toy-sort-puzzle .imageFloteRight {
        margin-top: 52px;
    }

    .toy-sort-playstore .imageFloteLeft img {
        display: none;
    }

    /*wood land case study  start  */

    .wood-land-app h1 {
        font-size: 28px;
        line-height: 36px;
    }

    .wood-land-button {
        width: 100%;
        padding: 12px 20px;
    }

    .wood-land-hero-img img {
        width: 90%;
        margin: 0 auto;
        display: block;
    }

    .wood-land-project-goals .info-card3 {
        padding: 18px 20px;
    }

    .wood-land-project-goals .info-card3 h5 {
        font-size: 16px;
    }

    .wood-land-project-goals .info-card3 p {
        font-size: 13px;
    }

    /* mike mathis completed */
    .mike-mathis-app h1 {
        font-size: 28px;
        line-height: 36px;
    }

    .mike-mathis-app p {
        font-size: 15px;
        line-height: 26px;
    }

    .mike-mathis-app .bread-titlev2 .logo {
        display: block;
        margin: 0px 30px 30px 20px;
        text-align: center;
    }

    .mike-mathis-hero-img img {
        width: 90%;
        margin: 0 auto;
        display: block;
    }

    /* mike mathis project decribtion section */
    .Project-Description-title {
        font-size: 30px;
    }

    .Project-Description-titleparagraph {
        font-size: 18px;
    }

    /* boujee-beachin case study */
    .boujee-beachin-app .boujee-beachin-logo {
        width: 100%;
        max-width: 200px;
    }
    /* digital marketing page  */
    .stats-container {
        padding: 40px 25px;
    }

    .stat-number {
        font-size: 1.4em;
    }

    .stat-description {
        font-size: 0.95em;
    }

    .stat-item {
        line-height: 32px;
    }
    .video-container {
        margin-left: 5%;
    }

    .btn-close {
        filter: invert(1);
    }

    .video-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .video-card iframe {
        height: 300px;
        /* Medium screens */
    }
    .Our-Creative-Process {
        text-align: center;
        border-bottom: 2px solid #000;
        padding-bottom: 10px;
    }

    .Our-Creative-Process p {
        border: none;
        font-size: 32px;
    }

    .card-body-gifs img {
        max-width: 200px;
    }
}

@media (max-width: 480px) {
    /*Start banner setion */
    .banner-box-section .banner-box-image {
        aspect-ratio: 1592 / 1297;
    }

    /*End banner setion */
    /* home */
    .solutions-carousel .item {
        min-height: 100vh;
    }

    .solutions-section .owl-nav {
        bottom: 9.5%;
        right: 67%;
    }

    .solutions-section .owl-dots {
        bottom: 6.6%;
        right: 47%;
    }

    .solutions-section .owl-counter {
        bottom: 8.6%;
        right: 42.1%;
    }

    .conclusion-heading {
        font-size: 24px;
    }

    .portfolio-main-tag {
        display: flex;
        flex-direction: column;
    }

    .portfolio-main-tag div {
        padding: 10px;
    }

    /* royal ride case study start */
    .persona-card {
        height: 50%;
    }

    .persona-left-column-card {
        height: 100%;
    }

    .conclusion-heading {
        font-size: 24px;
    }

    /* royal ride case study start */
    .comp-analysis-title {
        font-size: 1.2rem;
    }

    .comp-analysis-image {
        width: 100%;
    }

    /* couple app case study */
    .couple-app {
        background: url("../images/case-studies/couple-app/hero-background-couple-app.webp")
            center center/cover no-repeat;
    }

    .couple-app .logo {
        max-width: 110px;
        margin: 0;
    }

    .couple-app h1 {
        font-size: 52px;
        line-height: 65px;
    }

    /* toy sort case study start */
    #toy-sort-puzzle {
        background-size: 100% 55.3%;
    }

    /*wood land case study start */
    .wood-land-app h1 {
        font-size: 26px;
        line-height: 33px;
    }

    .wood-land-button {
        font-size: 10px;
    }

    .wood-land-hero-img img {
        width: 90%;
    }

    /* mike mathis case study start */

    .mike-mathis-app h1 {
        font-size: 36px;
        line-height: 45px;
        text-align: start;
    }

    .mike-mathis-app p {
        font-size: 13px;
        line-height: 23px;
        text-align: start;
    }

    .mike-mathis-hero-img img {
        width: 90%;
    }

    .mike-mathis-app .bread-titlev2 .logo {
        display: block;
        margin: 0px 70px 30px 70px;
        text-align: center;
    }

    /* project decribtion */
    .Project-Description-title {
        font-size: 31px;
        padding: 31px;
    }

    .Project-Description-titleparagraph {
        font-size: 16px;
        line-height: 1.6;
    }

    /* ==========start Project-info====== */

    .Project-info .Project-info-img img {
        width: 100%;
        max-width: 200px;
    }

    .Project-info-contant h2 {
        text-align: start;
        font-size: 34px;
        font-weight: bold;
        margin-bottom: 5px;
        color: black;
    }

    .Project-info-contant p {
        text-align: start;
        font-size: 16px;
        line-height: 1.9;
        font-weight: bold;
        color: black;
    }

    /* bomb defuse case study start */
    #bomb-defuse-background {
        background-size: 100% 69%;
    }

    /* responsive bomb defuse hero */
    .bomb-defuse-app {
        padding: 170px 0px 90px 0px;
    }

    .bomb-defuse-app .bread-titlev2 {
        text-align: center;
        color: white;
    }

    .bomb-defuse-app .bread-titlev2 h1 {
        color: #faaf3a;
        margin-top: 20px;
    }

    .bomb-defuse-app .bread-titlev2 p {
        margin: 7px 0 7px 0;
        font-size: 14px;
        word-spacing: 2px;
    }

    .bomb-defuse-app .logo {
        width: 100%;
        max-width: 500px;
        display: block;
        margin: 0 auto;
    }

    .tcd iframe {
        width: 100%;
        max-width: 240px;
        max-height: 415px;
    }

    /* new process section */

    .process-tabs .tabs {
        height: 815px;
    }

    .process-tabs .tabs .tabs-icons-wrapper {
        gap: 10px;
        margin: 10px 0;
    }

    .process-tabs .tabs .tabs-icons-wrapper i {
        font-size: 25px;
    }

    .process-tabs .tabs ul li {
        font-size: 16px;
    }

    /* MAP SECTION */
    .distribution-map .map-point:focus {
        left: 50% !important;
    }

    .distribution-map .map-point.map-button-five {
        left: 18%;
    }

    .distribution-map .map-point.map-button-third {
        top: 82%;
        left: 84%;
    }

    .distribution-map .map-point.map-button-eight {
        top: 53%;
        left: 62%;
    }

    .distribution-map .map-point.map-button-seven {
        top: 52%;
        left: 58%;
    }

    /* digital marketing page  */
    .video-card {
        padding: 12px;
    }

    .video-card iframe {
        height: 420px;
        /* Small screens */
    }
}

@media only screen and (min-width: 1280px) and (max-width: 1802px) and (max-height: 800px) {
    .hero-main-rp {
        padding: 213px 60px 80px;
    }

    .hero-heading-sec2 h1 {
        font-size: 55px;
        line-height: 50px;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1280px) and (max-height: 800px) {
    .hero-main-rp {
        padding: 213px 60px 80px !important;
    }

    .hero-heading-sec2 h1 {
        font-size: 55px;
        line-height: 50px;
    }
}

@media only screen and (min-width: 720px) and (max-width: 1024px) and (max-height: 600px) {
    .hero-main-rp {
        padding: 110px 60px 80px;
    }

    .hero-heading-sec2 h1 {
        font-size: 43px;
        line-height: 47px;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1640px) and (max-height: 600px) {
    .hero-main-rp {
        padding: 80px 60px 80px;
    }

    .hero-heading-sec2 h1 {
        font-size: 43px;
        line-height: 47px;
    }

    .hero-bages-slides-div {
        margin-top: 10px;
    }

    .hero-slider .hero-bage-p {
        font-size: 14px;
        line-height: 20px;
        margin-top: 37px;
    }

    .hero-bages-slider .h-img img {
        max-width: 120px;
    }
}

@media (min-width: 375px) and (max-height: 740px) {
    .hero-main-rp {
        padding: 110px 60px 80px;
    }

    .hero-heading-sec2 h1 {
        font-size: 34px;
        line-height: 38px;
    }

    .hero-slider .hero-bage-p {
        margin-top: -16%;
        border-right: none;
        line-height: 31px;
        font-weight: 800;
        font-size: 17px;
    }
}
@media (max-width: 1600px) {
    .team-section-3 .container-fluid {
        padding: 0 50px;
    }
    /* digital marketing page  */
    .hero-1 .container-fluid {
        padding: 0 50px;
    }

    .case-study-section .left-shape {
        display: none;
    }

    .case-study-section .right-shape {
        display: none;
    }
    .about-section-2 .right-shape {
        display: none;
    }
}

@media (max-width: 470px) {
    .team-wrapper .team-image-2::before {
        display: none;
    }
    .team-wrapper .team-image-2 .circle-button {
        display: none;
    }
}

@media (max-width: 1899px) {
    .about-wrapper {
        margin-top: 0;
    }
}

@media (max-width: 1899px) {
    .about-section .brand-wrapper {
        max-width: initial;
        position: static;
        transform: initial;
        margin-bottom: 120px;
    }
}

@media (max-width: 1200px) {
    .btn-close {
        filter: invert(1);
    }
}
@media screen and (min-width: 766px) and (max-width: 992px) {
    .hidden-industries {
        display: none;
    }
}

@media (max-width: 1200px) {
    .Our-Creative-Process p {
        font-size: 48px;
    }

    .Our-Creative-Process p:nth-child(2) {
        font-size: 56px;
    }
}