/* Version: 1.4 | Last updated: 17-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: .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: .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.20);
	}

	.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;
	}
}

/* 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 badges */
	.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;
	}
}

@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 {}
}

@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;
	}
}

@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;
	}
}

@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%;
	}
}

@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;
	}

	

}

@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;
	}
}

@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 */

}

@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;
	}
}

@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;
	}
}

@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%;
	}

}

@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;
	}

}

@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%;
	}
}


@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 (max-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;
	}
}