@media(max-width:767px){
    
	.carousel-indicators,
	.socialIcon-bottom {
		margin-top: 0 !important;
	}

	.copyright,
	.industries-section .our-service-detail,
	.technology-section .galaxy-grand-image {
		text-align: center;
	}

	.inner-page-title .blue-text,
	.inner-page-title .orgText {
		font-size: 35px;
		line-height: 35px;
	}

	.technology-section .common-space {
		padding: 30px 15px !important
	}

	.web-development {
		padding-right: 0
	}

	.testimonial-item .container {
		padding: 0
	}

	.socialIcon-bottom {
		padding-bottom: 0 !important
	}

	header .topbar {
		display: none !important
	}

	header .mobile-c-info {
		display: block !important
	}

	header .navbar-expand-lg .navbar-nav .nav-link {
		padding: 10px 0
	}

	.bannerImg img,
	.pagination-section #prevPage {
		display: none
	}

	.innerBannerCaption {
		padding: 200px 0 80px
	}

	.innerBanner h2 {
		font-size: 35px
	}

	.form-ok-wow-s .orgBox {
		padding: 25px
	}

	.whyDoth .whydothHList li {
		max-width: 50% !important;
		flex: 0 0 50% !important
	}

	.tab-section .tab-content>.tab-pane img {
		margin-bottom: 20px
	}

	.client-logo-section {
		padding-top: 30px;
		padding-bottom: 30px
	}

	.following-services .listIconDetail li {
		flex: 0 0 50%;
		max-width: 50%;
		border: none !important
	}

	.iconServiceWrap .col-lg-3 {
		border-right: 0;
		margin-bottom: 0;
		border-bottom: 1px solid #d7d7d7
	}

	.web-development-mississauga-banner {
		min-height: 1100px
	}

	.borderImgTextBox {
		padding: 20px
	}

	.iconServiceWrap .iconServiceBoxWrap {
		padding: 30px 10px
	}

	.m-responsive-img-w,
	.mvp-right-img img,
	.pagination-section .pages {
		width: 100%
	}

	.ai-technology .gem-table table img {
		height: 100%
	}

	.ai-technology .gem-table td {
		padding: 5px
	}

	.ai-technology .gem-table table tr td:first-child {
		font-size: 12px
	}

	.digital-branding .machine-learning {
		width: 100% !important;
		margin-top: 20px;
		margin-left: 0;
		margin-right: 0
	}

	.ourValues .valuesBox {
		min-height: 100%;
		padding-right: 0;
		border: none
	}

	.ourValues .row .col-lg-3:first-child,
	.ourValues .row .col-lg-3:nth-child(2) {
		margin-bottom: 0 !important
	}

	.ourValues .row .col-lg-3:last-child p {
		margin-bottom: 0
	}

	.pagination-section .pagination {
		margin-top: 0
	}

	.home-banner {
		min-height: 600px
	}

	.top-headerbar {
		padding-bottom: 16px
	}

	.certificate,
	.common-space {
		flex-direction: column
	}

	/*.technology-section .galaxy-grand-image img{width:100%;height:100%}*/
	.get-in {
		padding-top: 15px;
		padding-bottom: 5px
	}

	.banner-heading h3 {
		font-size: 45px
	}

	.banner-desc span {
		font-size: 18px
	}

	.text-end {
		padding-bottom: 20px
	}

	.discover-process:first-child {
		padding-top: unset
	}

	.discover-process {
		padding-top: 20px !important
	}

	.award-space,
	.responsive-flex-unset {
		display: unset !important
	}

	.footer-award-content h2 {
		text-align: center;
		padding-bottom: 20px
	}

	.award-certificate {
		display: flex;
		justify-content: center
	}

	.responsive-padding {
		padding-bottom: 0 !important
	}

	.responsive-center {
		justify-content: center !important
	}

	.responsive-left {
		justify-content: start !important;
		margin-top: 20px
	}

	.award-winning-heading h3,
	.digital-solution-detail h2,
	.our-service-detail h2,
	.trouble-service-header h3 {
		font-size: 33px
	}

	.footer-award-content {
		padding-right: unset
	}

	.custome-responive {
		display: unset !important;
		padding: 94px 0
	}

	.custom-banner {
		margin-top: 30px
	}

	.carousel-control-prev {
		top: 0;
		left: -15px
	}

	.carousel-control-next {
		top: 0;
		right: -15px
	}

	.technical-growth-bottom-img img {
		height: 100%;
	}

	.gm-boxs .gm-page-img,
	.ppc-boxs .ppc-img,
	.bms-boxs .bms-img,
	.ios-page-img {
		height: 250px !important;
	}

	.innerBanner h1,
	.innerBannerCaption .row .col-md-7>div {
		text-align: center;
	}

	.growth-marketing .growth-marketing-col .col-md-6 {
		margin-bottom: 0px;
	}

	.growth-marketing {
		padding: 60px 0;
	}

	.kpiry-bottom-img-content {
		position: relative;
		bottom: 0;
	}

	.portfolio-ss {
		width: 100%;
	}
	
	.innerBanner p.boldText{text-align:center;}
	 .about-us-card {flex: 0 0 47% !important;max-width: 47% !important;margin: 5px !important;}
	 .digital-solution-detail, .our-service-heading, .our-service-desc{text-align:center;}
	 .our-service-section .mb-4>div {width: 100% !important;}
	  .fout-ziro-four-page .fout-ziro-four-img{width:100%;}
	  .responsive-img-size{width:100%;}
	  .blog-img img{height: 250px;}
	  
.blog-i-img-size {width: 100%;height: 250px !important;}
.blog-i-img-size-last{width: 100%;}

.blog-right-part .widget {padding: 25px;}
}

	@media(max-width:1275px) {
		.client-logo1 img {
			width: 182px;
			height: 85px;
			object-fit: contain
		}

		.responsive-resize {
			width: 60px
		}

		.responsive-size {
			width: 100%
		}
	}

	@media(max-width:991px) {
	    header .services-dropdown .sub-menu>li{padding: 0px 15px 5px 15px;}
	    header .navbar-expand-lg .navbar-nav{margin-right:0;}
	    header .services-dropdown .sub-menu li a{font-weight:500;}
	    .navbar-nav .dropdown-menu{position: relative !important;}
		.bannertitle2 {font-size: 18px !important;}
       .innerBanner h1{font-size: 35px;}
		.bannerImg img,
		.our-approach-img img,
		.projects-tabs .nav-link,
		.responsive-img-w,
		.serviceBox>img,
		.tab-section .nav-tabs .nav-item,
		.tab-section .tab-content>.tab-pane img {
			width: 100%
		}

		.digital-solution-image,
		.work-portfolio-content {
			padding-top: 50px
		}

		.card-section {
			padding: 0 !important
		}


		.web-design-company .container .row:nth-child(2) {
			flex-direction: column-reverse
		}

		.web-design-company .image-h {
			height: 100%;
			padding-bottom: 20px;
			width: 100%
		}

		.slick-dotted.slick-slider {
			margin-bottom: unset !important
		}

		.industries-section .slick-dots {
			display: none !important
		}

		.slick-slide,
		.testimonial .testimonial_slide {
			height: unset
		}

		.trouble-service-setion {
			padding: 50px 0 70px;
			text-align: center
		}

		.copyright,
		.customer-profile {
			text-align: center
		}

		.socialIcon-bottom {
			margin-top: 10px
		}

		.bannerTitle {
			color: #fff;
			font-size: 35px
		}

		header .navbar>.container {
			padding: 0 15px
		}

		header .navbar-toggler {
			height: 100%;
			padding: 0
		}

		.navbar-toggler:focus {
			outline: 0
		}

		.navbar-collapse {
			right: 0;
			padding: 15px 15px 30px !important
		}

		.whyDoth .whydothHList {
			flex-wrap: wrap;
			justify-content: center;
			margin-top: -15px
		}

		.whyDoth .whydothHList li {
			max-width: 25%;
			flex: 0 0 25%;
			margin: 15px 0 0
		}

		.tab-section .tab-content>.tab-pane {
			padding: 30px
		}

		.carousel-indicators {
			bottom: 0 !important
		}

		.gradient-banner {
			padding: 20px !important
		}

		.innerBanner h2 {
			font-size: 36px
		}

		.tab-section .nav-tabs {
			overflow-x: scroll;
			overflow-y: hidden;
			flex-wrap: nowrap
		}

		.following-services .listIconDetail li {
			padding: 0 10px
		}

		.ai-technology .gem-table table img {
			object-fit: contain;
			width: 100%
		}

		.dbs-img {
			object-fit: cover;
			padding-bottom: 15px
		}

		.digital-branding {
			flex-wrap: wrap
		}

		.digital-branding .machine-learning {
			width: 31%
		}

		.right-sourcing img {
			height: 100%;
			object-fit: contain;
			width: 100%;
			object-position: top
		}

		.ourValues .row .col-lg-3:nth-child(2) .valuesBox {
			border-right: 0
		}

		.ourValues .row .col-lg-3:first-child,
		.ourValues .row .col-lg-3:nth-child(2) {
			margin-bottom: 20px
		}

		.orgBox {
			padding: 20px;
			margin: 0
		}

		.colorBox {
			padding: 15px
		}

		.border-logo,
		.industries-part,
		.projects-tabs {
			flex-direction: column
		}

		.tab-pane .box-item .box-item-img img {
			height: 235px
		}

		.innerBanner-mainpage {
			min-height: 450px
		}

		.contact-us-section .get-in-touch-form {
			padding: 30px 20px
		}

		.services-dropdown .dropdown-menu {
			overflow-x: scroll;
			border: none;
			border-radius: 0;
			width: 100%;
			height: 400px
		}

		.navbar-nav .nav-item .nav-link.active,
		.navbar-nav .nav-item .nav-link:hover {
			color: #fff !important
		}

		.services {
			display: none
		}

		.about-us-card {
			padding: 25px 15px;
			box-shadow: 10px 9px 24px 0 rgba(0, 0, 0, .13);
			flex: 0 0 47%;
            max-width: 47%;
            margin: 10px;}
		.about-us-card:after {
    transform: scaleX(1);
}

		.topbar .email-us {
			border-right: unset;
			padding-right: unset
		}

		.client-logo1 img {
			width: 140px;
			height: 85px;
			object-fit: contain
		}

		.slick-arrow {
			position: absolute;
			top: 50%;
			transform: translate(0, -50%);
			background: #e14f39 !important;
			z-index: 2;
			outline: 0;
			border: none;
			border-radius: 0;
			cursor: pointer;
			padding: 0;
			width: 30px;
			height: 30px;
			line-height: 0;
			color: transparent;
			font-size: 0px
		}

		.slick-next {
			right: 0
		}

		.slick-prev {
			left: 0
		}

		.industries-part {
			margin-bottom: 0 !important
		}

		.slick-dots li.slick-active button:before {
			color: #e14f39
		}

		.slick-dots li button:before {
			font-size: 12px
		}

		.slick-dots {
			bottom: -50px
		}

		.industries-content {
			text-align: unset
		}

		.customer-name,
		.customer-review {
			text-align: center;
			padding-top: 20px
		}

		.mobile-social {
			padding: .5rem 1rem
		}

		.footer-form {
			position: unset;
			margin-top: 30px
		}

		.award-space {
			padding-bottom: 70px
		}

		.navbar-collapse {
			background: #000;
			position: absolute;
			top: 100%;
			width: 100%;
			z-index: 999
		}

		.left-space {
			padding-left: 15px !important;
			padding-right: 15px !important
		}

		.carousel-indicators {
			left: 0;
			flex-direction: unset;
			padding-top: 20px
		}

		.know-more-btn {
			padding: 7px 14px
		}

		.responsive-margin {
			margin-left: 20px;
			margin-top: 20px
		}

		.digital-solution-wrappers,
		.featured-project-wrapper {
			margin-bottom: 30px
		}

		.desktop {
			display: flex;
			align-items: center
		}

		.custom-banner {
			position: unset
		}

		.devepment-icon {
			width: 30px;
			height: 30px
		}

		.discover-icon h3 {
			font-size: 18px
		}

		.tabs-trigger {
			padding: 15px 0
		}

		.innerBanner-mainpage .innerBannerCaption {
			padding: 200px 0 80px !important
		}

		.serviceCaption {
			bottom: 0
		}

		.serviceBox:after {
			height: 100%;
			opacity: .8
		}

		.serviceBox .serviceCaption span {
			opacity: 1;
			visibility: visible
		}
		
		.faq{margin-left:0;}
		.our-service-heading, .our-service-desc{padding-left:0;}
		.our-service-detail h2{text-align:center;}
		.our-service-section .arrowLink {padding: 13px 30px;}
		.faq-img{height: 400px !important;margin-bottom: 20px;}
		.blog-i-img-size{width: 100%;height: 400px;object-position: top;}
		.blog-right-part{margin-top:30px;margin-left:0;}
	}

	@media(max-width:320px) {
		.responsive-flex {
			flex-direction: column
		}

		.award-winning-heading h3,
		.contact-form h3,
		.development-process-heading h3,
		.digital-solution-detail h2,
		.our-service-detail h2,
		.our-service-details h2,
		.trouble-service-header h3 {
			font-size: 29px
		}

		.client-logo1 img {
			width: 140px;
			height: 85px;
			object-fit: contain
		}

		.about-us-card {
			max-width: 100%;
			flex: 0 0 100%
		}

		.image-size {
			width: 175px
		}
	}

	@media(min-width:992px) {
	.services-dropdown {display: none}
    .innerBanner-mainpage .innerBannerCaption {padding: 180px 0 0}
	}

	@media(min-width:740px) and (max-width:990px) {
		.navbar-collapse {
			overflow-x: scroll;
		}
	}

	@media(max-width:992px) {
		.our-service-section .mb-4>div {
			width:33%;
		}

		.d-flex-unset-res {
			flex-wrap: wrap;
		}
		
	}
	
	@media(min-width:992px) and (max-width:1207px) {
	header .navbar-expand-lg .navbar-nav .nav-link{font-size: 12px;padding: 15px 7px;}
	}
	
	@media(max-width:1200px){
		.tab-section .tabs-main-title {font-size: 20px;}
	}