@charset "utf-8";

/* CSS Document */
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 16px;
	color: #6a6a6a;
	font-family: "obvia", sans-serif;
	font-weight: 400;
	font-style: normal;
}

nav {
	animation: fadeIn 1s;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(-10px);
	}

	to {
		opacity: 1;
		transform: translateY(0px);
	}
}

.container {
	animation: transitionIn 1s;
}

@keyframes transitionIn {
	from {
		opacity: 0;
		transform: translateY(-10px);
	}

	to {
		opacity: 1;
		transform: translateY(0px);
	}
}

@-webkit-keyframes showTab {
	from {
		opacity: 0;
		-webkit-transform: translateY(10px);
		transform: translateY(10px)
	}

	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes showTab {
	from {
		opacity: 0;
		-webkit-transform: translateY(10px);
		transform: translateY(10px)
	}

	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

/* .preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
} */

h1,
h2,
h4,
h3,
h5,
h6,
.h1_big,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	margin-top: 0;
	font-family: "univia-pro", sans-serif;
	font-weight: 600;
	font-style: normal;
	color: #223139;
}

h1 {
	line-height: 57px;
}

h2 {
	font-size: 48px;
	margin-bottom: 16px;
	line-height: 57px;
}

h3 {
	line-height: 25px;
}

h4 {
	line-height: 48px;
}

h5 {
	line-height: 35px;
}

a {
	text-decoration: none;
}

p.lead {
	font-size: 18px;
	line-height: 1.4em;
	margin-top: 0;
	font-family: "obvia", sans-serif;
	font-weight: 400;
	font-style: normal;
	padding-left: 0px;
}

.wrapper {
	width: 100%;
	min-height: 100vh;
	box-sizing: border-box;
	overflow: hidden;
}

.container-full {
	margin-left: auto;
	margin-right: auto;
}

.container {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

.spacer-7 {
	width: 100%;
	height: 7px;
	display: block;
	clear: both;
}

.spacer-10 {
	width: 100%;
	height: 10px;
	display: block;
	clear: both;
}

.spacer-20 {
	width: 100%;
	height: 20px;
	display: block;
	clear: both;
}

.spacer-60 {
	width: 100%;
	height: 60px;
	display: block;
	clear: both;
}

.spacer-50 {
	width: 100%;
	height: 50px;
	display: block;
	clear: both;
}

.spacer-40 {
	width: 100%;
	height: 40px;
	display: block;
	clear: both;
}

.spacer-30 {
	width: 100%;
	height: 30px;
	display: block;
	clear: both;
}

.header {
	background-color: #ddd;
}

.logo img {
	width: 180px;
	cursor: pointer;
	/*margin: 30px 0px;*/
}

.navbar {
	background: #f8f8f8;
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 200;
	border-bottom: 1px solid #e8e8e8;
}

nav {
	position: relative;
	display: flex;
	/*max-width: calc(100% - 200px);*/
	margin: 0 auto;
	height: 85px;
	align-items: center;
	justify-content: space-between;
}

nav .content {
	display: flex;
	align-items: center;
	width: 1200px;
	margin: 0 auto;
}

nav .content .links {
	margin-left: auto;
	margin-right: auto;
	display: flex;
}

.content .links li {
	list-style: none;
	line-height: 70px;
	padding: 0 18px;
}

.content .links li a,
.content .links li label {
	color: #717f86;
	font-size: 16px;
	font-weight: 300;
	padding: 32px 0px;
	transition: all 0.3s ease;
	text-decoration: none;
	text-transform: uppercase;
}

.content .links li label {
	display: none;
}

.content .links li a:hover,
.content .links li label:hover {
	color: #ff8200;
	border-bottom: 2px solid #ff8200;
}

.content .links li ul a:hover {
	color: #ff8200;
	border-bottom: 1px solid #ff8200;
}

.content .links li.active a {
	border-bottom: 2px solid #ff8200;
}

.content .links li.active ul li a {
	border-bottom: 1px solid #ddd;
}

.header-right {
	color: #fff;
	font-size: 18px;
	cursor: pointer;
	line-height: 70px;
	/*width: 175px;*/
	text-align: center;
}

.navbar .navbar .menu-icon {
	color: #fff;
	font-size: 18px;
	cursor: pointer;
	line-height: 70px;
	width: 70px;
	text-align: center;
}

.navbar .menu-icon {
	display: none;
}

.navbar #show-search:checked~.header-right i::before {
	content: "\f00d";
}

.navbar .search-box {
	position: absolute;
	height: 100%;
	max-width: calc(100% - 50px);
	width: 100%;
	opacity: 0;
	pointer-events: none;
	transition: all 0.3s ease;
}

.navbar #show-search:checked~.search-box {
	opacity: 1;
	pointer-events: auto;
}

.search-box input {
	width: 100%;
	height: 100%;
	border: none;
	outline: none;
	font-size: 17px;
	color: #fff;
	background: #171c24;
	padding: 0 100px 0 15px;
}

.search-box input::placeholder {
	color: #f2f2f2;
}

.search-box .go-icon {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	line-height: 60px;
	width: 70px;
	background: #171c24;
	border: none;
	outline: none;
	color: #fff;
	font-size: 20px;
	cursor: pointer;
}

.navbar input[type="checkbox"] {
	display: none;
}

/* Dropdown Menu code start */
.content .links ul {
	width: 230px;
	height: auto;
	position: absolute;
	background: #fff;
	top: 80px;
	z-index: 10;
	opacity: 0;
	visibility: hidden;
	margin-top: 14px;
	transition: all 0.0s ease;
}

.content .links li:hover>ul {
	top: 70px;
	opacity: 1;
	visibility: visible;
	transition: all 0.3s ease;
}

.content .links ul li a {
	display: block;
	width: 100%;
	line-height: 22px;
	border-radius: 0px !important;
	padding: 10px 0;
	border-bottom: 1px solid #ddd;
}

.content .links ul li:last-child a {
	border-bottom: none;
}

.content .links ul ul {
	position: absolute;
	top: 0;
	right: calc(-100% + 8px);
}

.content .links ul li {
	position: relative;
}

.content .links ul li:hover ul {
	top: 0;
}


/* Responsive code start */
@media screen and (max-width: 1250px) {
	.container-full {
		padding: 0 50px;
	}

	.container {
		padding: 0 30px;
	}

	.navbar nav {
		max-width: 100%;
		padding: 0 30px;
	}

	nav .content .links {
		margin-left: 130px;
	}

	.service-banner-inside {
		min-height: 280px !important;
	}

	.top-margin-service-inside {
		margin-top: 140px !important;
	}

	.service-banner-inside p {
		margin: 25px 0 60px !important;
	}

	.tabs label {
		font-size: 18px !important;
	}

	.breadcrumb1 {
		padding: 12.35px 29px 12px 11px !important;
	}

	.partners-logo img {
		/*width: 141px;*/
		padding: 0 10px !important;
	}

	.partners-logo .p-grid {
		width: 100px;
	}

	.top-margin-portfolio {
		margin-top: 158px !important;
	}

	.portfolio-banner-header .col-1 h1 {
		font-size: 46px !important;
	}

	#filters {
		padding: 0px 36px !important;
	}

	#portfoliolist .portfolio {
		height: auto !important;
	}

	.top-margin-portfolio .col-1 h1 {
		font-size: 46px !important;
	}

	.portfolio-banner-header {
		min-height: 470px !important;
	}

	.top-margin-service {
		margin-top: 140px !important;
	}

	.digital-banner-header {
		min-height: 470px !important;
	}

	.digital-banner-header .col-1 h1 {
		font-size: 46px !important;
	}

	.top-margin-digital {
		margin-top: 158px !important;
	}

	.digital-box h5 {
		font-size: 32px !important;
	}

	.contact-banner-header .col-1 h1 {
		font-size: 46px !important;
	}

	.contact-banner-header {
		min-height: 470px !important;
	}

	.contact-map iframe {
		width: 574px !important;
	}

	.top-margin-contact {
		margin-top: 140px !important;
	}

	.digital-box {
		padding: 0px 40px !important;
		width: 40% !important;
	}

	.understanding-digital .spacer-60 {
		height: 30px !important;
	}

	.service-banner-header .col-1 h1 {
		font-size: 46px !important;
	}

	.service-banner-header {
		min-height: 470px !important;
	}

	.service-box h5 {
		font-size: 32px !important;
	}

	.web-dev {
		width: 39% !important;
	}

	.service-box {
		width: 37% !important;
		padding: 0px 50px !important;
	}

	.content .links li a {
		padding: 8px 13px;
	}

	.navbar .search-box {
		max-width: calc(100% - 100px);
	}

	.navbar .search-box input {
		padding: 0 100px 0 15px;
	}

	.digital-pleft {
		padding-left: 0 !important;
	}

	.ptop {
		padding-top: 120px !important;
	}

	.col-1 h1 {
		font-size: 46px !important;
	}

	.banner-header {
		min-height: 520px !important;
	}

	.connect-us {
		min-height: auto !important;
	}

	.top-margin {
		margin-top: 130px !important;
	}

	.home-service-box {
		padding: 25px 30px !important;
	}

	.home-service-box img {
		margin-bottom: 15px !important;
		width: 220px !important;
	}

	.explore-work .explore {
		font-size: 42px !important;
	}

	.explore-work .ourwork {
		font-size: 72px !important;
	}

	.explore-work-right img {
		width: 100% !important;
	}

	.connect-explore {
		font-size: 72px !important;
		margin-top: 0px !important;
	}

	.together {
		font-size: 25px !important;
		margin-top: 7px !important;
		margin-bottom: 35px !important;
	}

	.connect-us {
		height: auto !important;
	}

	.xplor-right {
		width: 56% !important;
		margin-bottom: 90px !important;
	}

	.connect-us {
		margin-bottom: 0px !important;
	}

	.quick-links ul {
		display: block !important;
	}

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

	.spacing {
		padding: 70px 0px 0px 0px !important;
	}

	.padding-bottom {
		padding-bottom: 70px !important;
	}

	h2 {
		font-size: 36px;
	}

	.digital-marketing h2 {
		margin-bottom: 20px !important;
	}

	p.lead {
		font-size: 16px;
		line-height: 1.43em;
	}

	.our-partner p,
	.design-tech p {
		font-size: 19px !important;
		line-height: 28px !important;
	}

	.digital-marketing {
		height: auto !important;
	}

	.about-banner-header {
		min-height: 515px !important;
	}

	.about-banner-header .col-1 h1 {
		font-size: 46px !important;
	}

	.top-margin-about {
		margin-top: 140px !important;
	}

	.biginning-img img {
		width: 490px !important;
	}

	.achieveemnt-right-col img {
		width: 128% !important;
	}

	.breadcrumb {
		padding: 11.77px 9px 11px 0px !important;
	}

	.breadcrumb-first {
		padding: 8.77px 9px 8px 11px !important;
	}

	.tabsy>.tabButton {
		font-size: 11px !important;
	}

	.tab-sn {
		font-size: 19px !important;
		padding-right: 6px !important;
	}

	.project-brief-right {
		padding: 0px 0px 0px 100px !important;
	}

	.project-brief-left img {
		width: 490px !important;
		height: inherit !important;
	}

}

/*close 1250*/

@media screen and (max-width: 900px) {


	.logo {
		margin: 0 auto;
	}

	.navbar .menu-icon {
		display: block;
	}

	.f-box {
		width: 91% !important;
	}

	.tabs .tab {
		width: 100% !important;
	}

	.content li.active {
		border-bottom: 1px solid #ff8200 !important;
	}

	.content .links li a:hover,
	.content .links li label:hover {
		border-bottom: none !important;
	}

	.content li.active {
		border-bottom: none !important;
	}

	.our-team:hover .social_media_team {
		padding: 25px 0px !important;
	}

	.description {
		line-height: 22px !important;
		font-size: 18px !important;
		padding: 0 18px !important;
	}

	.our-team:hover .social_media_team {
		min-height: 250px !important;
	}

	.auth {
		font-size: 18px !important;
	}

	.our-team:hover .social_media_team_sen {
		padding: 25px 0px !important;
	}

	.project-brief-right {
		padding: 0px 0px 0px 70px !important;
	}

	.analysis span:last-child {
		line-height: 36px !important;
	}

	.tabs>input:checked+label+.tab>.content {
		padding-top: 20px !important;
	}

	.hpb {
		padding-bottom: 0px !important;
	}

	.tab-title {
		display: none !important;
	}

	.service-banner-inside {
		min-height: auto !important;
	}

	.top-margin-service-inside {
		margin-top: 82px !important;
		padding: 40px 0 !important;
	}


	.service-banner-inside p {
		margin: 10px 0 0px !important;
	}

	.footer .f-company p.lead {
		width: 250px !important;
		padding-right: 15px !important;
	}

	.service-box p {
		font-size: 16px !important;
		line-height: 21px !important;
		margin-bottom: 25px !important;
	}

	.breadcrumb1 {
		padding: 12.35px 42px 12px 21px !important;
	}

	.breadcrumb1-first {
		width: 45px;
	}

	.navbar #show-menu:checked~.menu-icon i::before {
		content: "\f00d";
	}

	.portfolio-banner-header .col-1 h1 {
		font-size: 36px !important;

	}

	.portfolio-banner-header .col-1 {
		flex-basis: 50% !important;
	}

	.top-margin-portfolio {
		margin-top: 125px !important;
	}

	.breadcrumb1 span {
		display: none !important;
	}

	.partners-logo .p-grid {
		width: 82px;
	}

	.partners-logo img {
		/*width: 110px;*/
		padding: 0 25px !important;
	}

	.popular-cms {
		overflow: scroll;
	}

	.devclist .row {
		display: flex !important;
	}

	.web-dev {
		width: 35% !important;
	}

	.ser-inside-left {
		width: 100% !important;
	}

	.ser-inside-right {
		width: 100% !important;
		/*margin-top: 30px !important;*/
	}

	.s-1,
	.s-2,
	.s-3,
	.s-4 {
		padding-left: 40px !important;
	}

	.ser-inside-left img {
		width: 95% !important;
	}

	.ser-inside-left p {
		font-size: 16px !important;
		line-height: 21px !important;
	}

	.portfolio-banner-header {
		min-height: 425px !important;
	}

	.our-portfolio .sub-text {
		font-size: 23px !important;
	}

	#filters li {
		padding: 0 10px !important;
	}

	#filters {
		padding: 0px 0px !important;
		font-size: 16px !important;
	}

	.our-portfolio .spacer-60 {
		height: 30px !important;
	}

	.contact-us .spacer-60 {
		height: 30px !important;
	}

	.service-box h5 {
		font-size: 20px !important;
		margin: 20px 0px !important;
	}

	.contact-us .row {
		display: block !important;
	}

	.contact-map {
		width: 100% !important;
	}

	.contact-form {
		width: 100% !important;
		height: auto !important;
		padding: 0px !important;

	}

	.contact-form form {
		padding: 20px 50px 40px !important;
	}

	.contact-form h3 {
		margin: 0px !important;
		padding: 30px 47px 0px;
	}

	.contact-map iframe {
		width: 100% !important;
		height: 450px !important;
	}

	.contact-form br {
		display: block !important;
	}

	.contact-banner-header .col-1 {
		flex-basis: 50% !important;
	}

	.contact-us h3 {
		font-size: 30px !important;
	}

	.contact-banner-header .col-1 h1 {
		font-size: 36px !important;
	}

	.contact-banner-header {
		min-height: 440px !important;
	}

	.digital-banner-header .col-1 h1 {
		font-size: 36px !important;
	}

	.digital-banner-header {
		min-height: 400px !important;
	}

	.top-margin-digital {
		margin-top: 140px !important;
	}

	.digital-box h5 {
		font-size: 20px !important;
		margin: 16px 0 !important;
	}

	.digital-box p {
		font-size: 16px !important;
		line-height: 21px !important;
		margin-bottom: 22px !important;
	}

	.digital-box img {
		width: 100px !important;
	}

	.digital-box {
		padding: 0px 17px !important;
	}

	.service-box {
		width: 39% !important;
		padding: 0px 30px !important;
	}

	.digital-box {
		width: 39% !important;
		padding: 0px 30px !important;
	}

	.ser-icon img {
		width: 70px !important;
	}

	.service-banner-header .col-1 h1 {
		font-size: 36px !important;
	}

	.service-banner-header .col-1 {
		flex-basis: 49% !important;
	}

	.service-banner-header {
		min-height: 405px !important;
	}

	.breadcrumb:before {
		border-width: 24px 12px 23px 12px !important;
	}

	.breadcrumb:after {
		border-width: 24px 12px 23px 12px !important;
	}

	.breadcrumb {
		margin-right: 27px !important;
	}

	.tab-sn {
		font-size: 14px !important;
		padding-right: 0px !important;
	}

	.last {
		margin-bottom: 80px !important;
	}

	.content .links ul {
		width: auto;
	}

	.content .links ul {
		margin-top: 0;
	}


	.fa-bars {
		font-size: 26px !important;
	}

	nav .content .links {
		display: block;
		position: fixed;
		background: #fff;
		height: 100%;
		width: 100%;
		top: 70px;
		left: -100%;
		margin-left: auto;
		margin-right: auto;
		max-width: 350px;
		overflow-y: auto;
		padding-bottom: 100px;
		transition: all 0.3s ease;
	}

	nav #show-menu:checked~.content .links {
		left: 0%;
	}

	.content .links li {
		margin: 0px 20px;
	}

	.content .links li a,
	.content .links li label {
		line-height: 32px;
		font-size: 18px;
		display: block;
		padding: 5px 0px;
		cursor: pointer;
	}

	.content .links li a:hover,
	.content .links li label:hover {
		color: #ff8200;
		border-bottom: 1px solid #ff8200;
	}

	.content .links li a.desktop-link {
		display: none;
	}

	/* dropdown responsive code start */
	.content .links ul,
	.content .links ul ul {
		position: static;
		opacity: 1;
		visibility: visible;
		background: none;
		max-height: 0px;
		overflow: hidden;
	}

	.content .links #show-features:checked~ul,
	.content .links #show-services:checked~ul,
	.content .links #show-items:checked~ul {
		/*max-height: 100vh;*/
		max-height: 580px;
	}

	.content .links ul li {
		margin: 7px 0px;
	}

	.content .links ul li a {
		font-size: 18px;
		line-height: 24px;
	}

	.col-1 p {
		padding: 0px;
		margin: 20px 0px;
		width: 90%;
	}

	.banner-header {
		min-height: auto !important;
		padding-bottom: 60px;
	}

	.col-1 h1 {
		font-size: 36px !important;
	}

	.col-1 p {
		width: 89% !important;
	}

	p.lead {
		font-size: 16px !important;
		line-height: 21px !important;
	}

	h2 {
		font-size: 32px !important;
		margin-bottom: 7px !important;
	}

	.services-box h2 {
		text-transform: uppercase !important;
	}

	.service-box {
		max-height: 534px !important;
	}

	.ptop {
		padding-top: 76px !important;
	}

	.home-service-box img {
		width: 154px !important;
	}

	.explore-work .ourwork {
		font-size: 50px !important;
	}

	.explore-work .explore {
		font-size: 34px !important;
	}

	.services-box-inside br {
		display: block !important;
	}

	br {
		display: none !important;
	}

	.rwd br,
	.awd br,
	.office-address p br {
		display: block !important;
	}

	.quick-links {
		width: 50% !important;
	}

	.home-service-box {
		width: 25%;
	}

	.home-service-box {
		padding: 25px 20px !important;
	}

	.home-service-box h3 {
		font-size: 17px !important;
	}

	.connect-explore {
		font-size: 50px !important;
		margin-bottom: 10px !important;
	}

	.together {
		font-size: 18px !important;
		margin-bottom: 25px !important;
	}

	.connect-us-img img {
		width: 50% !important;
	}

	.xplor-right {
		width: 55% !important;
	}

	.xplor-right .spacer-20 {
		height: 0px !important;
	}

	.about-banner-header .col-1 h1 {
		font-size: 36px !important;
	}

	.service-banner-inside h1 {
		font-size: 36px !important;
	}

	.service-banner-inside p {
		font-size: 18px !important;
	}

	.about-banner-header {
		min-height: 420px !important;
	}

	.top-margin-about {
		margin-top: 129px !important;
	}

	.biginning-img img {
		width: 360px !important;
	}

	.digital-space,
	.list-client,
	.past-achievement {
		font-size: 24px !important;
		line-height: 30px !important;
	}

	.font-20 {
		font-size: 16px !important;
	}

	.achieveemnt-left-col {
		width: 50% !important;
	}

	.so-far p {
		font-size: 32px !important;
		line-height: 44px !important;
	}

	.f-box h3 {
		font-size: 24px !important;
	}

	.f-box p {
		font-size: 16px !important;
		line-height: 21px !important;
	}

	.achieveemnt-left-col h2 {
		/*font-size: 30px !important;*/
		margin-bottom: 16px !important;
	}

	.why-us h2,
	.meet-team h2 {
		/*font-size: 32px !important;*/
		margin-bottom: 32px !important;
	}

	.post {
		font-size: 12px !important;
	}

	.post-title {
		font-size: 18px !important;
	}

	.our-team {
		margin-bottom: 0px !important;
	}

	.project-brief-left img {
		width: 320px !important;
	}

	.tabsy>.tabButton {
		font-size: 12px !important;
	}

	.tabsy>.tabButton {
		margin-bottom: 12px !important;
	}

	.breadcrumb {
		padding: 14.2px 9px 15px 0px !important;
	}

	.breadcrumb-first {
		padding: 14.2px 30px 15px 30px !important;
	}

	.project-brief-right p {
		font-size: 18px !important;
		line-height: 26px !important;
		margin-bottom: 24px !important;
	}

	.tabsy>input:checked+label+.tab>.content {
		padding-top: 40px !important;
	}

}

/*Close 900*/


@media screen and (max-width: 380px) {
	#filters {
		width: 99% !important;
		margin: 0 auto !important;
	}
}


@media screen and (max-width: 480px) {
	.navbar nav {
		padding: 0 10px;
	}

	.content .logo a {
		font-size: 27px;
	}

	.navbar .search-box {
		max-width: calc(100% - 70px);
	}

	.zpixel,
	.clients {
		background: #fff7ee;
		padding: 3px 6px !important;
	}

	.our-team:hover .social_media_team {
		min-height: 304px !important;
		padding: 55px 0px !important;
	}

	.our-team:hover .social_media_team_sen {
		min-height: 504px !important;
		padding: 85px 0px !important;
	}

	.breadcrumb1 {
		padding: 13.35px 5px 12px 1px !important;
	}

	.breadcrumb1-first {
		padding-left: 12px !important;
	}

	.partner-logo .hb0 {
		width: 70px !important;
	}

	.partner-logo .spotify {
		width: 120px !important;
	}

	.partner-logo .microsoft {
		width: 130px !important;
	}

	.partner-logo .yahoo {
		width: 106px !important;
	}

	.partner-logo .singtel {
		width: 76px !important;
	}

	.partner-logo .starhub {
		width: 114px !important;
	}

	.partner-logo .bridgestone {
		width: 191px !important;
	}

	#filters {
		width: 89%;
		margin: 0 auto !important;
	}

	.digi {
		padding-left: 38px !important;
	}

	.logo img {
		width: 100% !important;
		padding-top: 7px;
	}

	.font-20 {
		font-size: 16px !important;
		/*line-height: 24px !important;*/
	}

	.service-box p {
		font-size: 18px !important;
		line-height: 24px !important;
	}

	.f-box p {
		font-size: 16px !important;
		line-height: 1.4em !important;
	}

	.footer .f-company p.lead {
		width: 100% !important;
	}

	p.lead {
		font-size: 16px !important;
		line-height: 1.4em !important;
	}

	.footer .f-company p.lead {
		padding-right: 0px !important;
	}

	.top-margin-digital {
		margin-top: 76px !important;
	}

	.digital-banner-header {
		padding-bottom: 175px !important;
		background-size: 182% !important;
		background-position: right bottom !important;
	}

	.top-margin-service-inside {
		margin-top: 82px !important;
	}

	.service-banner-inside {
		min-height: auto !important;
	}

	.service-banner-inside p {
		margin: 25px 0 0px !important;
	}

	.service-banner-inside h1 {
		font-size: 36px !important;
	}

	.top-margin-contact {
		margin-top: 76px !important;
	}

	.contact-banner-header {
		padding-bottom: 105px !important;
		background-size: 174% !important;
		background-position: right bottom !important;
	}

	.portfolio-banner-header .col-1 h1 {
		font-size: 32px !important;
	}

	.top-margin-portfolio {
		margin-top: 76px !important;
	}

	.portfolio-banner-header {
		padding-bottom: 245px !important;
		background-size: 182% !important;
		background-position: right bottom !important;
	}

	#filters li {
		padding: 5px 4px !important;
	}

	#filters li span.active {
		border-bottom: 0px !important;
	}

	#filters {
		margin-bottom: 5px !important;
		font-size: 18px !important;
	}

	.our-portfolio .sub-text {
		font-size: 19px !important;
		line-height: 26px !important;
	}

	.our-portfolio .spacer-60 {
		height: 20px !important;
	}

	.contact-email a {
		font-size: 34px !important;
	}

	.contact-us h3 {
		font-size: 28px !important;
	}

	.digital-box {
		width: 90% !important;
		margin-bottom: 25px;
	}

	.digital-box h5 br {
		display: none !important;
	}

	.digital-banner-header .col-1 h1 {
		font-size: 28px !important;
	}

	.understanding-digital .spacer-40 {
		height: 0px !important;
	}

	.top-margin-service {
		margin-top: 76px !important;
	}

	.service-banner-header .col-1 h1 {
		font-size: 28px !important;
	}

	.service-banner-header {
		padding-bottom: 124px !important;
		background-size: 182% !important;
		background-position: right bottom !important;
	}

	.bp {
		margin-top: 15px !important;
	}

	.portfolioo-box img {
		margin-top: 10px !important;
		margin-bottom: 0px !important;
	}

	.logo-info {
		margin-bottom: 0px !important;
		margin-top: 15px !important;
	}

	.service-box {
		width: 83% !important;
		padding: 15px 30px 0px !important;
		margin-bottom: 25px;
	}

	.devclist .row {
		display: block !important;
	}

	.web-dev {
		width: 75% !important;
		margin-bottom: 25px;
	}

	.sub-head_ {
		margin-bottom: 7px !important;
		margin-top: 16px !important;
	}

	.s-1,
	.s-2,
	.s-3 {
		padding-left: 60px !important;
		background-size: 15% !important;
	}

	.s-4 {
		padding-left: 60px !important;
		background-size: 12% !important;
	}

	.devclist .spacer-20 {
		height: 0px !important;
	}

	.services-box .spacer-40 {
		height: 0px !important;
	}

	.services-box h2 {
		font-size: 28px !important;
		margin-bottom: 30px !important;
	}

	.team-col {
		width: 100% !important;
	}

	.btn-custom {
		padding: 9px 21px !important;
		font-size: 14px !important;
	}

	.navbar .search-box .go-icon {
		width: 30px;
		right: 0;
	}

	.navbar .search-box input {
		padding-right: 30px;
	}

	.so-far p {
		font-size: 24px !important;
		line-height: 32px !important;
	}

	.post-title {
		font-size: 26px !important;
		margin-bottom: 30px !important;
	}

	.pic {
		margin-bottom: 15px !important;
	}

	.post {
		font-size: 20px !important;
		margin-bottom: 20px !important;
	}

	.breadcrumb-first {
		padding: 14.55px 30px 15px 30px !important;
	}

	.tab-sn {
		font-size: 18px !important;
	}

	.project-brief-right h5 {
		font-size: 22px !important;
		margin-bottom: 30px !important;
		margin-top: 15px !important;
	}

	.project-brief-right {
		padding: 0px 0px 0px 0px !important;
	}

	.about-banner-header .col-1 h1 {
		font-size: 28px !important;
		padding-top: 318px !important;
	}

	.col-1 {
		padding-left: 25px !important;
	}

	.row {
		margin: 0px 0px !important;
	}

	.col-1 h1 {
		font-size: 32px !important;
		padding-top: 35px;
	}

	.home-service-box h3 {
		font-size: 22px !important;
	}

	p.lead {
		font-size: 15px;
		line-height: 1.33em;
	}

	.top-margin {
		margin-top: 80px !important;
	}

	.header {
		background-color: #f8f8f8;
	}

	h2 {
		font-size: 30px;
		margin-bottom: 7px;
	}

	.spacing {
		padding-top: 50px !important;
	}

	.padding-bottom {
		padding-bottom: 50px !important;
	}

	.viewmorework {
		text-align: center !important;
	}

	.viewmorework h2 {
		margin-right: 0px !important;
		margin-bottom: 15px !important;
	}

	.f-box {
		padding: 30px 30px !important;
	}

	.tprestnt {
		margin-bottom: 20px !important;
	}

	.f-icon {
		display: none !important;
	}

	.f-box h3 {
		font-size: 21px !important;
		background-repeat: no-repeat;
		background-position: left;
		background-size: 17%;
		padding-left: 68px;
		padding-top: 12px;
		padding-bottom: 12px;
		margin-bottom: 10px !important;
	}

	.cf {
		background-image: url(../img/client-first.svg);
	}

	.tu {
		background-image: url(../img/team-united.svg);
	}

	.ee {
		background-image: url(../img/expertise.svg);
	}

	.wdm {
		background-image: url(../img/wholemarketing.svg);
	}

	.sp {
		background-image: url(../img/partnershipstr.svg);
	}

	.our-partner p,
	.design-tech p {
		font-size: 16px !important;
		line-height: 21px !important;
		padding: 0 15px !important;
	}

	.tabsy>.tabButton {
		float: none;
	}

	.breadcrumb:before {
		border: 0px !important;
	}

	.tabsy>.tabButton {
		padding-left: 20px !important;
	}

	.our-partner p br {
		display: none;
	}

	.f-icon img {
		margin-bottom: 25px;
	}

	.connect-us {
		height: 460px !important;
	}

	.connect-us-img img {
		width: 100% !important;
	}

	.rights {
		margin-top: 30px !important;
	}

	.ppolocy {
		margin-top: 35px;
	}

	.ppolocy a {
		padding-top: 10px !important;
	}

	.our-partner p {
		margin-bottom: 10px;
	}

	.digital-marketing .row {
		margin: 0px 0;
	}

	.marketing-right {
		display: block !important;
	}

	.mar-col-1 {
		width: 100% !important;
	}

	.mar-col-1 img {
		width: 100% !important;
		margin-left: 0px !important;
	}

	.digital-marketing {
		height: auto !important;
	}

	.ptop {
		padding-top: 25px !important;
	}

	.mar-col-2 {
		width: 90% !important;
	}

	.digital-pleft {
		padding-left: 25px !important;
		padding-right: 25px !important;
	}

	.digital-marketing h2 {
		margin-bottom: 20px !important;
	}

	.design-tech {
		margin-top: 50px !important;
	}

	.design-tech .container,
	footer .container {
		padding: 0 25px !important;
	}

	.home-service-box img {
		margin-bottom: 25px !important;
		width: 250px !important;
	}

	.home-service-box {
		margin-bottom: 25px !important;
	}

	.explore-work .explore {
		font-size: 35px !important;
	}

	.explore-work .ourwork {
		font-size: 50px !important;
		padding-bottom: 10px !important;
	}

	.explore-work-left {
		width: 90% !important;
		padding: 0 25px !important;
	}

	.explore-work-right,
	.xplor-right {
		width: 90% !important;
		padding: 0 25px !important;
	}

	.explore-work-right img {
		width: 100% !important;
		margin-top: 40px;
	}

	.explore-work {
		padding-bottom: 50px !important;
	}

	.op img {
		float: none !important;
		margin-right: 0px !important;
		margin-bottom: 7px !important;
	}

	.op .font-20 {
		float: none !important;
	}

	.connect-explore {
		font-size: 50px !important;
	}

	.together {
		font-size: 18px !important;
		margin-top: 0px !important;
		margin-bottom: 30px !important;
	}

	.connect-us {
		background-image: url(../img/explore-img-left-m.svg), url(../img/explore-bg.png) !important;
	}

}

/*-- close--*/


@media screen and (max-width: 480px) {
	.navbar nav {
		padding: 0 25px;
	}

	.content .logo a {
		font-size: 27px;
	}

	.navbar .search-box {
		max-width: calc(100% - 70px);
	}

	.service-box h5 {
		font-size: 22px !important;
		margin: 25px 0px !important;
	}

	/*
	.logo img {
    	width: 110px !important;
		padding-top: 7px;
	}*/
	.ser-inside-right p {
		font-size: 18px !important;
		line-height: 24px !important;
	}

	.ser-inside-right .sub-head,
	.sub-head {
		font-size: 26px !important;
		line-height: 31px !important;
	}

	.tabs label {
		font-size: 17px !important;
	}

	.breadcrumb1-first {
		width: 36px !important;
	}

	.breadcrumb1:before {
		border-width: 24px 12px 23px 16px !important;

	}

	.tabs label {
		margin-right: 31px !important;
		/* margin-left: -0.5px; */
	}

	.tabs>input:checked+label+.tab>.content {
		padding-top: 15px !important;
	}

	.btn-custom {
		padding: 9px 21px !important;
		font-size: 14px !important;
	}

	.navbar .search-box .go-icon {
		width: 30px;
		right: 0;
	}

	.navbar .search-box input {
		padding-right: 30px;
	}

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

	.row {
		margin: 0px 0px !important;
	}

	.col-1 h1 {
		font-size: 28px !important;
		padding-top: 35px;
	}

	.home-service-box h3 {
		font-size: 28px !important;
	}

	p.lead {
		font-size: 15px;
		line-height: 1.33em;
	}

	.top-margin {
		margin-top: 80px !important;
	}

	.header {
		background-color: #f8f8f8;
	}

	h2 {
		margin-bottom: 7px;
	}

	.our-partner p,
	.design-tech p {
		font-size: 16px !important;
		line-height: 1.4em !important;
		padding: 0 0px !important;
		margin-bottom: 30px !important;
	}

	.rights,
	.ppolocy {
		font-size: 16px !important;
	}

	.rights a {
		padding-top:15px;
	}

	.spacer-60 {
		height: 0px !important;
	}

	h2 {
		font-size: 28px !important;
	}

	.design-tech h2 {
		font-size: 24px !important;
	}

	.partners-logo img {
		margin-bottom: 15px !important;
	}

	.partners-logo img {
		/* width: 110px; */
		padding: 0 15px !important;
	}

	sp-1 {
		width: 164px !important;
	}

	.sp-2 {
		width: 75px !important;
	}

	.sp-4 {
		width: 138px !important;
	}

	.sp-5 {
		width: 117px !important;
	}

	.f-company .logo {
		width: 150px !important;
	}

	.f-company .spacer-20 {
		height: 10px;
	}

	.our-partner p br {
		display: none;
	}

	.c-1 {
		width: 30% !important;
	}

	.c-2 {
		width: 33% !important;
	}

	.c-3 {
		width: 30% !important;
	}

	.c-4 {
		width: 40% !important;
	}

	.c-5 {
		width: 28% !important;
	}

	.c-6 {
		width: 13% !important;
	}

	.c-7 {
		width: 28% !important;
	}

	.c-8 {
		width: 36% !important;
	}

	.c-9 {
		width: 26% !important;
	}

	.c-10 {
		width: 33% !important;
	}

	.c-11 {
		width: 25% !important;
	}

	.c-12 {
		width: 10% !important;
	}

	.c-13 {
		width: 15% !important;
	}

	.c-14 {
		width: 47% !important;
	}

	.c-15 {
		width: 12% !important;
	}

	.c-16 {
		width: 42% !important;
	}

	.c-17 {
		width: 27% !important;
	}

	.c-18 {
		width: 16% !important;
	}

	.c-19 {
		width: 22% !important;
	}

	.c-20 {
		width: 40% !important;
	}

	.c-21 {
		width: 18% !important;
	}

	.c-22 {
		width: 30% !important;
	}

	.c-23 {
		width: 41% !important;
	}

	.c-24 {
		width: 20% !important;
	}

	.c-25 {
		width: 26% !important;
	}

	.c-26 {
		width: 30% !important;
	}

	.c-27 {
		width: 19% !important;
	}

	.c-28 {
		width: 42% !important;
	}

	.c-29 {
		width: 34% !important;
	}

	.c-30 {
		width: 15% !important;
	}


	.connect-us {
		height: 435px !important;
	}

	.connect-us-img img {
		width: 100% !important;
	}

	.rights {
		margin-top: 30px !important;
	}

	.ppolocy {
		margin-top: 35px;
	}

	.ppolocy a {
		padding-top: 10px !important;
	}

	.our-partner p {
		margin-bottom: 10px;
	}

	.digital-marketing .row {
		margin: 0px 0;
	}

	.marketing-right {
		display: block !important;
	}

	.mar-col-1 {
		width: 100% !important;
	}

	.mar-col-1 img {
		width: 100% !important;
		margin-left: 0px !important;
	}

	.digital-marketing {
		height: auto !important;
	}

	.ptop {
		padding-top: 25px !important;
	}

	.mar-col-2 {
		width: 100% !important;
	}

	.digital-pleft {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.digital-marketing h2 {
		margin-bottom: 20px !important;
	}

	.design-tech {
		margin-top: 50px !important;
	}

	.design-tech .container,
	footer .container {
		padding: 0 25px !important;
	}

	.home-service-box img {
		margin-bottom: 25px !important;
		width: 250px !important;
	}

	.home-service-box {
		margin-bottom: 25px !important;
	}

	.explore-work .explore {
		font-size: 28px !important;
	}

	.explore-work .ourwork {
		font-size: 28px !important;
		padding-bottom: 10px !important;
	}

	.explore-work-left {
		width: 100% !important;
		padding: 0 0px !important;
	}

	footer p {
		font-size: 18px !important;
	}

	.quick-links ul {
		display: inline-block !important;
		font-size: 18px !important;
	}

	.quick-links,
	.office-address {
		width: 100% !important;
	}

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

	.explore-work-right,
	.xplor-right {
		width: 100% !important;
		padding: 0 0px !important;
	}

	.home-service-box {
		width: 87% !important;
	}

	.explore-work-right img {
		width: 100% !important;
		margin-top: 40px;
	}

	.explore-work {
		padding-bottom: 50px !important;
	}

	.connect-explore {
		font-size: 28px !important;
	}

	.together {
		font-size: 16px !important;
		margin-top: 0px !important;
		margin-bottom: 30px !important;
		width: 75%;
	}

	.col-1 p {
		width: 100% !important;
	}

	.banner-header {
		padding-bottom: 180px;
		background-size: 150%;
		background-position: right bottom !important;
		background-image: url(../img/home-banner-bg-m.svg) !important;
	}

	.about-banner-header {
		padding-bottom: 40px !important;
		background-size: 190% !important;
		background-position: right top !important;
		min-height: 520px !important;
	}

	.top-margin-about {
		margin-top: 76px !important;
	}

	.about-banner-header .col-1 h1 br {
		display: block !important;
	}

	.biginning-img img {
		width: 100% !important;
	}

	.biginning-img {
		width: 100% !important;
	}

	.bigin-right {
		width: 100% !important;
		margin-top: 50px !important;
	}

	.bigin-right h2 {
		font-size: 28px !important;
		margin-bottom: 20px !important;
	}

	.the-biginning .spacer-60 {
		height: 40px !important;
	}

	.thepresent {
		padding: 50px 0px !important;
		margin-top: 50px !important;
	}

	.achieveemnt-left-col {
		width: 100% !important;
	}

	.achieveemnt-right-col img {
		width: 100% !important;
	}

	.achieveemnt-right-col {
		width: 100% !important;
		margin-right: 0px !important;
		margin-top: 10px !important;
	}

	.achieveemnt {
		padding: 50px 0px 0px !important;
	}

	.f-box {
		/*display: block !important;*/
		width: 80% !important;
	}

	.f-icon img {
		width: 55px !important;
		padding-right: 12px !important;
	}

	.f-box-right {
		padding-left: 0px !important;
	}

	.our-partner .spacer-20 {
		height: 0px;
	}

	.c-1 {
		margin-left: 10px;
	}

	.c-4 {
		margin-left: -44px;
	}

	.c-5 {
		margin-left: 5px;
	}

	.c-6 {
		margin-left: 25px;
		margin-top: 6px;
	}

	.c-7 {
		margin-left: 8px;
		margin-top: 5px;
	}

	.c-10 {
		margin-left: -36px;
		margin-top: 5px;
	}

	.c-11 {
		margin-left: 26px;
	}

	.c-12 {
		margin-left: 35px;
	}

	.c-13 {
		margin-left: -7px;
		padding-bottom: 3px !important;
	}

	.c-14 {
		margin-left: 9px;
		padding-bottom: 3px !important;
	}

	.c-16 {
		margin-left: -41px;
		padding-bottom: 7px !important;
	}

	.c-18 {
		margin-left: 20px;
		padding-bottom: 10px !important;
	}

	.c-19 {
		margin-left: -14px;
	}

	.c-21 {
		margin-left: 7px;
		margin-top: 5px;
	}

	.c-22 {
		margin-left: -27px;
	}

	.c-23 {
		margin-left: -12px;
	}

	.c-24 {
		margin-left: -6px;
		margin-top: 8px;
	}

	.c-25 {
		margin-left: -22px;
	}

	.c-27 {
		margin-left: 21px;
		margin-top: 5px;
	}

	.c-28 {
		margin-left: -50px;
	}

	.c-29 {
		margin-left: -6px;
	}

	.c-30 {
		margin-left: -8px;
	}



	.home-service-box .fa-angle-right {
		display: none;
	}



}

/*-- 480 close--*/






@media screen and (max-width: 680px) and (min-width: 480px) {
	.navbar nav {
		padding: 0 10px;
	}

	.content .logo a {
		font-size: 27px;
	}

	.navbar .search-box {
		max-width: calc(100% - 70px);
	}

	.project-brief-right {
		padding: 0px 0px 0px 25px !important;
	}

	.top-margin-digital {
		margin-top: 78px !important;
	}

	.breadcrumb1 {
		padding: 12.35px 23px 12px 10px !important;
	}

	.footer .f-company p.lead {
		width: 100% !important;
	}

	.top-margin-portfolio {
		margin-top: 76px !important;
	}

	.our-team .spacer-20 {
		height: 10px !important;
	}

	.description {
		line-height: 20px !important;
		font-size: 16px !important;
		padding: 0 10px !important;
	}

	.auth {
		font-size: 17px !important;
	}

	.breadcrumb1-first {
		padding: 11.55px 23px 10px 28px !important;
	}

	.portfolio-banner-header .col-1 h1 {
		width: 50% !important;
		font-size: 32px !important;
	}

	.service-banner-inside p {
		margin: 10px 0 0px !important;
	}

	.top-margin-service-inside {
		margin-top: 76px !important;
		padding-top: 40px !important;
		padding-bottom: 35px !important;
	}

	.service-banner-inside {
		min-height: auto !important;
	}

	.portfolio-banner-header {
		background-position: center center !important;
	}

	.portfolio-banner-header {
		min-height: 344px !important;
	}

	.portfolio-banner-header .col-1 p {
		width: 48% !important;
	}

	.top-margin-contact {
		margin-top: 86px !important;
	}

	.contact-banner-header .col-1 h1 {
		width: 50% !important;
	}

	.digital-banner-header .col-1 h1 {
		font-size: 32px !important;
	}

	.contact-banner-header {
		min-height: 272px !important;
	}

	.contact-us h3 {
		font-size: 26px !important;
	}

	.contact-banner-header .col-1 h1 {
		font-size: 32px !important;
	}

	.contact-banner-header .col-1 p {
		width: 51% !important;
	}

	.digital-banner-header .col-1 h1 {
		width: 61% !important;
	}

	.digital-banner-header .col-1 p {
		width: 49% !important;
	}

	.digital-banner-header {
		min-height: 268px !important;
	}

	.understanding-digital .row {
		display: flex !important;
	}

	.digital-box p {
		font-size: 16px !important;
		line-height: 21px !important;
		margin-bottom: 15px !important;
	}

	.digital-box {
		padding: 0px 22px !important;
	}

	.digital-box h5 {
		font-size: 20px !important;
		margin: 14px 0 !important;
	}

	.top-margin-service {
		margin-top: 86px !important;
	}

	.service-banner-header .col-1 h1 {
		font-size: 32px !important;
		width: 55% !important;
	}

	.service-banner-inside h1 {
		font-size: 32px !important;
	}

	.service-banner-inside p {
		font-size: 18px !important;
	}

	.service-banner-header {
		min-height: 320px !important;
		background-position: center right !important;
	}

	.services-box .row {
		display: flex !important;
	}

	.ser-icon img {
		width: 76px !important;
	}

	.web-dev {
		padding: 30px 30px !important;
		width: 37% !important;
	}

	.s-1,
	.s-2,
	.s-3,
	.s-4 {
		padding-left: 38px !important;
	}

	.sub-head_ {
		font-size: 20px !important;
	}

	.service-box {
		width: 39% !important;
		padding: 0px 22px !important;
		max-height: 490px !important;
	}

	.service-box h5 {
		font-size: 20px !important;
	}

	.service-box p {
		font-size: 16px !important;
		line-height: 21px !important;
	}

	.logo img {
		width: 140px !important;
		padding-top: 15px !important;
		padding-left: 30px !important;
	}

	.design-tech .row {
		display: flex !important;
	}


	.navbar .menu-icon {
		margin-left: 15px;
	}

	.top-margin-about {
		margin-top: 84px !important;
	}

	.about-banner-header {
		min-height: auto !important;
		background-position: right bottom !important;
	}

	.about-banner-header .col-1 h1 br {
		display: block !important;
	}

	.home-service-box {
		padding: 40px 0px !important;
		width: 30% !important;
	}

	.about-banner-header .col-1 h1 {
		font-size: 32px !important;
		width: 62% !important;
	}

	.about-banner-header .col-1 p {
		width: 50% !important;
		padding-bottom: 25px !important;
	}

	.bigin-right {
		width: 100% !important;
		text-align: center !important;
		margin-top: 40px !important;
	}

	.biginning-img {
		width: 100% !important;
		text-align: center !important;
	}

	.achieveemnt-left-col {
		width: 100% !important;
		padding-top: 25px;
	}

	.so-far p {
		font-size: 24px !important;
		line-height: 30px !important;
	}

	.post-title {
		font-size: 17px !important;
	}

	.post {
		font-size: 10px !important;
	}

	.our-team .pic {
		margin-bottom: 15px;
	}

	.breadcrumb {
		float: none !important;
	}

	.breadcrumb:before {
		border: 0px !important;
	}

	.tabsy>.tabButton {
		padding-left: 20px !important;
	}

	.our-process .row {
		display: flex !important;
	}

	.tab .project-brief-left img {
		width: 250px !important;
	}

	.tabsy>input:checked+label+.tab>.content {
		padding-top: 20px !important;
		padding-bottom: 20px;
	}

	.achieveemnt-right-col img {
		width: 100% !important;
	}

	.about-banner-header {
		background-position: right center !important;
	}

	.portfolioo-box img {
		margin-top: 10px !important;
		margin-bottom: 0px !important;
	}

	.logo-info {
		margin-bottom: 0px !important;
		margin-top: 15px !important;
	}

	.about-banner-header .col-1 h1 {
		font-size: 32px !important;
	}

	h2 {
		font-size: 24px !important;
	}

	.biginning-img img {
		width: 250px !important;
	}

	.digital-space,
	.list-client,
	.past-achievement {
		font-size: 22px !important;
		line-height: 28px !important;
	}

	.font-20 {
		font-size: 16px !important;
		line-height: 21px !important;
	}

	.achieveemnt {
		margin-top: 50px !important;
	}

	.tab .project-brief-left img {
		width: 220px !important;
	}

	.project-brief-right h5 {
		font-size: 20px !important;
		margin-bottom: 20px !important;
	}

	.project-brief-right {
		padding: 0px 0px 0px 90px !important;
	}

	.zpixel,
	.clients {
		padding: 2px 15px !important;
	}

	.project-brief-right p {
		font-size: 16px !important;
		margin-bottom: 16px !important;
	}

	.explore-work,
	.our-process {
		clear: both !important;
	}

	.a-right img {
		width: 28px !important;
	}

	.achieveemnt-right-col {
		width: 100% !important;
		margin-right: 0px !important;
		margin-top: 25px !important;
	}

	.team-col {
		width: 24% !important;
	}

	.btn-custom {
		padding: 9px 21px !important;
		font-size: 14px !important;
	}

	.padding-bottom {
		padding-bottom: 30px !important;
	}

	.meet-team .row {
		display: flex !important;
	}

	.navbar .search-box .go-icon {
		width: 30px;
		right: 0;
	}

	.list-client br {
		display: none !important;
	}

	.navbar .search-box input {
		padding-right: 30px;
	}

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

	.row {
		margin: 0px 0px !important;
		display: block !important;
	}



	.col-1 h1 {
		font-size: 32px !important;
		padding-top: 35px;
		width: 80% !important;
	}

	.home-service-box h3 {
		font-size: 15px !important;
	}

	.home-service-box .fa-angle-right {
		display: none;
	}

	p.lead {
		font-size: 15px;
		line-height: 1.33em;
	}

	.top-margin {
		margin-top: 80px !important;
	}

	.header {
		background-color: #f8f8f8;
	}

	h2 {
		font-size: 30px;
		margin-bottom: 7px;
	}

	.partners-logo img {
		/* width: 110px; */
		padding: 0 8px !important;
	}

	.spacing {
		padding-top: 30px !important;
	}

	.viewmorework {
		text-align: center !important;
	}

	.viewmorework h2 {
		margin-right: 0px !important;
		margin-bottom: 15px !important;
	}

	.our-partner p,
	.design-tech p {
		font-size: 16px !important;
		line-height: 21px !important;
		padding: 0 0px !important;
	}

	.our-partner p br {
		display: none;
	}

	.connect-us {
		height: 200px !important;
	}

	.connect-us-img img {
		width: 60% !important;
		bottom: 0px !important;
	}

	.connect-us .row,
	.explore-work .row {
		display: flex !important;
	}

	.rights {
		margin-top: 30px !important;
	}

	.ppolocy {
		margin-top: 35px;
	}

	.ppolocy a {
		padding-top: 10px !important;
	}

	.our-partner p {
		margin-bottom: 10px;
	}

	.digital-marketing .row {
		margin: 0px 0;
	}

	.marketing-right {
		display: block !important;
	}

	.mar-col-1 {
		width: 100% !important;
	}

	.mar-col-1 img {
		width: 100% !important;
		margin-left: 0px !important;
	}

	.digital-marketing {
		height: auto !important;
	}

	.ptop {
		padding-top: 25px !important;
	}

	.mar-col-2 {
		width: 100% !important;
	}

	.digital-pleft {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.digital-marketing h2 {
		margin-bottom: 20px !important;
	}

	.design-tech {
		margin-top: 50px !important;
	}

	.design-tech .container,
	footer .container {
		padding: 0 25px !important;
	}

	.home-service-box img {
		margin-bottom: 10px !important;
		width: 100px !important;
	}

	.spacer-60 {
		height: 30px !important;
	}

	.home-service-box {
		margin-bottom: 25px !important;
	}

	.explore-work .explore {
		font-size: 35px !important;
	}

	.explore-work .ourwork {
		font-size: 45px !important;
		padding-bottom: 10px !important;
	}

	.explore-work-left {
		width: 90% !important;
		/*padding: 0 25px !important;*/
	}

	.xplor-right {
		width: 44% !important;
	}

	footer p,
	.mright {
		font-size: 16px !important;
	}

	.explore-work-right {
		width: 90% !important;
		/*padding: 0 25px !important;*/
	}

	.explore-work-right img {
		width: 115% !important;
		margin-top: 30px;
		margin-left: -25px;
	}

	.explore-work {
		padding-bottom: 50px !important;
	}

	.connect-explore {
		font-size: 45px !important;
	}

	.together {
		font-size: 18px !important;
		margin-top: 0px !important;
		margin-bottom: 30px !important;
	}

	.service-banner-header .col-1 p {
		width: 49% !important;
	}

	.col-1 p {
		width: 59% !important;
	}

	.quick-links ul {
		display: inline-block !important;
	}

	.f-company {
		width: 60% !important;
	}


}

/*-- close--*/

@media screen and (max-width: 568px) {
	.digital-box h5 {
		font-size: 26px !important;
		margin: 25px 0 !important;
	}

	.digital-box {
		width: 83% !important;
	}

	.digital-box {
		padding: 0px 30px !important;
	}

	.digital-box h5 br {
		display: none !important;
	}

	.breadcrumb1-first {
		width: 30px !important;
	}

	.digital-box p {
		font-size: 16px !important;
		line-height: 1.4em !important;
	}

	.digital-box p a,
	.service-box p a {
		font-size: 18px !important;
	}

	.contact-banner-header .col-1 h1 {
		font-size: 28px !important;
	}

	.portfolio-banner-header .col-1 h1 {
		width: 94% !important;
		font-size: 28px !important;
	}

	.service-banner-inside h1 {
		font-size: 26px !important;
	}

	.ser-inside-left img {
		width: 80% !important;
		margin-bottom: 25px !important;
	}

	.ser-inside-left {
		text-align: center !important;
	}

	.service-banner-inside p {
		font-size: 18px !important;
	}

	.our-portfolio .sub-text {
		font-size: 19px !important;
	}

	#filters {
		font-size: 16px !important;
	}

	#filters li {
		padding: 0 6px !important;
	}

	.our-portfolio .spacer-60 {
		height: 20px !important;
	}

}

/*--close--*/

@media screen and (max-width: 320px) {

	.col-1 h1 {
		font-size: 28px !important;
	}

	.about-banner-header .col-1 h1 {
		padding-top: 260px !important;
	}

	.our-partner p,
	.design-tech p {
		font-size: 16px !important;
		line-height: 1.4em !important;
	}

	.tabs label {
		margin-right: 30px !important;
	}


	.ser-inside-right .sub-head,
	.sub-head {
		font-size: 28px !important;
		line-height: 33px !important;
	}

	.s-1,
	.s-2,
	.s-3 {
		padding-left: 46px !important;
		background-size: 15% !important;
	}

	.s-4 {
		padding-left: 46px !important;
		background-size: 13% !important;
	}

	.c-28 {
		margin-left: -41px;
	}

	#filters {
		width: 95% !important;
	}

	.tabs label {
		font-size: 11px !important;
	}

	.breadcrumb1 {
		padding: 17.95px 0px 15px 0px !important;
	}

	.btn-custom {
		padding: 9px 12px !important;
		font-size: 14px !important;
	}

	.about-banner-header .col-1 h1 {
		font-size: 27px !important;
	}

	.portfolio-banner-header .col-1 p {
		width: 96% !important;
	}

	.about-banner-header {
		padding-bottom: 40px !important;
	}

	.portfolio-banner-header .col-1 h1 {
		width: 94% !important;
	}

	.portfolio-banner-header {
		padding-bottom: 200px !important;
	}

	#filters {
		font-size: 12px !important;
	}

	.contact-email a {
		font-size: 29px !important;
	}

	.contact-form form {
		padding: 30px 25px !important;
	}

	.contact-banner-header .col-1 h1 {
		font-size: 30px !important;
	}

	.contact-banner-header {
		padding-bottom: 68px !important;
	}

	.web-dev {
		padding: 40px 25px !important;
		width: 80% !important;
	}

	.contact-us h3 {
		font-size: 24px !important;
	}

	.ser-icon img {
		width: 90px !important;
	}

	.service-box {
		padding: 0px 21px !important;
		max-height: none !important;
	}

	.service-box h5 {
		font-size: 22px !important;
	}

	.f-box {
		width: 75% !important;

	}

	.f-box h3 {
		font-size: 20px !important;
		background-repeat: no-repeat;
		background-position: left;
		background-size: 20%;
		padding-left: 53px;
		padding-top: 12px;
		padding-bottom: 12px;
		margin-bottom: 10px !important;
	}

	.project-brief-left img {
		width: 100% !important;
	}

	.zpixel,
	.clients {
		margin-bottom: 15px !important;
		display: block !important;
		text-align: center !important;
	}

	h2 {
		font-size: 28px !important;
	}

	.partners-logo img {
		/* width: 110px; */
		padding: 0 0px !important;
	}

	.sp-2 {
		width: 85px !important;
	}

	.sp-1 {
		width: 185px !important;
	}

	.home-service-box h3 {
		font-size: 17px !important;
	}

	.explore-work .explore {
		font-size: 30px !important;
	}

	.explore-work .ourwork {
		font-size: 44px !important;
		padding-bottom: 0px !important;
	}

	.connect-us {
		height: 400px !important;
	}

	.home-service-box {
		width: 85% !important;
	}

	.home-service-box img {
		margin-bottom: 15px !important;
		width: 230px !important;
	}

}



/*-- Banner--*/
.banner-header {
	background-color: #f8f8f8;
	min-height: 700px;
	background-image: url("../img/home-banner-bg-4.svg");
	background-repeat: no-repeat;
	background-position: right bottom;
	/*-webkit-animation: test 1s 3; /* Chrome, Safari, Opera */
	/*animation: test 1s 3;*/
}

/* Standard syntax */
/*@keyframes test {
    from {background-position: 0% 0%;}
	to {
		background-position: 0% 100%;
	}
}*/



.header {
	background-color: #f8f8f8;
}

.right-banner img {
	width: 100%;
}

.row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0px 0px;
	/*flex-wrap: wrap;*/
}

.col-1 {
	flex-basis: 60%;
	position: relative;
	margin-left: 0px;
}

.top-margin {
	margin-top: 175px;
}

.col-1 h1 {
	font-size: 48px;
}

.banner-header .col-1 h1 span {
	color: #ff8200;
}

.col-1 p {
	padding: 0px;
	margin: 20px 0px;
	width: 75%;
}

.btn-custom {
	padding: 16px 34px;
	min-width: 120px;
	outline: 0;
	font-weight: 300;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 16px;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	transition: .5s;
}

.btn-custom:hover {
	-webkit-box-shadow: 2px 2px 20px 0px rgba(20, 20, 20, 0.6);
	-moz-box-shadow: 2px 2px 20px 0px rgba(20, 20, 20, 0.6);
	box-shadow: 2px 2px 20px 0px rgba(20, 20, 20, 0.6);
	transition: .5s;
}

.btn-common {
	background: #ff8200;
	color: #fff;
}

.btn-explore {
	background: #fff;
	color: #ff8200;
}

.col-1 button:hover {
	display: block;
	background: #ddd;
	color: #000;
	transition: .7s;
}

.col-2 {
	display: flex;
	flex-basis: 60%;
	position: relative;
	align-items: center;
	min-height: 480px;
}

.col-2 .controller {
	width: 90%;
	position: absolute;
	right: 0;
	top: 0;
	background: #ccc;
	height: 100%;
	transform: translateX(150px);
}

.banner-right {
	position: absolute;
	right: 0;
	bottom: 0px;
	height: 100%;
	width: 140%;
	transform: translateX(250px);
}

.main-banner h1 {
	font-size: 70px;
}

.spacing {
	padding: 90px 0px 0px 0px;
}

.padding-bottom {
	padding-bottom: 90px;
}

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

.our-partner {
	flex-wrap: wrap;
}

.the-biginning {
	flex-wrap: wrap;
	padding-bottom: 90px;
}

.partner-top {
	margin: 0px 0px 30px 0px;
}

/*.partner-logo img {
	padding: 0 30px;
    margin-bottom: 25px;
}*/
.partner-logo {
	display: block;
	width: 100%;
	text-align: center;
}

.partner-logo img {
	filter: gray;
	-webkit-filter: grayscale(1);
	-webkit-transition: all .1s ease-in-out;
}

.partner-logo img:hover {
	filter: none;
	-webkit-filter: grayscale(0);
	-webkit-transform: scale(1.01);
	-webkit-transition: all .1s ease-in-out;
}

.digital-marketing {
	flex-wrap: wrap;
	height: 592px;
	overflow: hidden;
	position: relative;
	margin-top: -18px;
}

.marketing-img-left {
	position: absolute;
	z-index: 0;
	height: 100%;
	top: 0px;
}

.digital-marketing h2 {
	margin-bottom: 30px;
}

.mar-col-1 img {
	margin-left: -160px;
	width: 134%;
	z-index: -1;
	top: 0;
}

.pleft {
	padding-left: 160px;
}

.our-partner p,
.design-tech p {
	font-size: 18px;
	line-height: 1.4em;
}

.our-partner p {
	margin-bottom: 60px;
}

.marketing-right {
	display: flex;
}

.mar-col-1 {
	width: 60%;
}

.mar-col-2 {
	width: 40%;
	margin-right: 0px;
}

.digital-pleft {
	padding-left: 23px;
}

.design-tech {
	flex-wrap: wrap;
	overflow: hidden;
	position: relative;
	background: #f5f5f5;
	margin-top: 90px;
}

/*Home services*/
.home-service-box {
	background: #fff;
	border-radius: 10px;
	position: relative;
	overflow: hidden;
	padding: 40px 30px;
	text-align: center;
	border: 1px solid #fff;
	transition: all 0.7s ease;
}

.home-service-box img {
	margin-bottom: 35px;
	width: 318px;
}

.home-service-box h3 {
	font-size: 25px;
	margin-bottom: 0px;
}

.home-service-box h3 a {
	color: #223139;
	text-decoration: none;
}

.arrow-right {
	position: absolute;
	margin-top: 8px;
}

.home-service-box:hover {
	border: 1px solid #ff7100;
	cursor: pointer;
	transition: all 0.7s ease;
}

.home-service-box:hover a {
	color: #ff7100;
}

.home-service-box:hover .fa-angle-right {
	color: #000;
}

.home-service-box .fa-angle-right {
	font-size: 29px;
	font-weight: 600;
	color: #fff;
	margin-left: 7px;
}

.home-service-box:hover .fa-angle-right {
	color: #223139;
	transition: all 0.4s ease;
}

/*Home exlopre our work*/
.xplor-left {
	width: 35%;
}

.xplor-right {
	width: 48%;
}

.explore-work {
	background: #ff7200;
	color: #fff;
}


.explore-work .explore {
	font-size: 48px;
	text-transform: uppercase;
	color: #fff;
}

.explore-work .ourwork {
	font-size: 48px;
	text-transform: uppercase;
	color: #fff;
	display: block;
	padding-bottom: 40px;
}

.explore-work-left {
	width: 40%;
}

.explore-work-right {
	width: 60%;
}

.explore-work-right img {
	width: 111%;
}

/*Connect With Us*/
.connect-us {
	flex-wrap: wrap;
	min-height: 380px;
	overflow: hidden;
	position: relative;
	background-image: url("../img/explore-img-left.svg"), url("../img/explore-bg.png");
	background-size: auto !important;
	background-position: center bottom, left top;
	background-repeat: no-repeat, repeat-x;
	margin-bottom: 30px;
}

.connect-us-left {
	position: absolute;
	z-index: 0;
	height: 100%;
	top: 0px;
}

.connect-us-img img {
	width: 47%;
	left: 0;
	z-index: 1;
	bottom: 0px;
	position: absolute;
}

.pleft {
	padding-left: 160px;
}

.ptop {
	padding-top: 155px;
	z-index: 1;
}

.connect-us-right {
	display: flex;
}

.connect-us-col-2 {
	width: 40%;
	margin-right: 30px;
}

.connect-explore {
	font-size: 48px;
	text-transform: uppercase;
	margin-top: 30px;
	margin-bottom: 0px;
	color: #223139;
}

.together {
	font-size: 22px;
	margin-top: -10px;
	margin-bottom: 60px;
	color: #223139;
}

/*footer*/
.f-company .logo {
	width: 172px;
	margin: 0px;
}

.footer .row {
	align-items: flex-start;
}

.quick-links ul {
	display: inline-grid;
	list-style: none;
	line-height: 22px;
}

footer a {
	color: #787878;
	text-decoration: none;
}

footer h5 {
	font-size: 18px;
	margin-bottom: 9px;
}

footer a:hover {
	color: #ff8200;
}

footer p {
	margin-bottom: 10px;
	line-height: 1.4em;
}

footer .widget .fa-lg {
	color: #787878;
	background: none;
	border: 1px solid #ff8200;
}

.social-icons {
	padding-bottom:15px;
}


.fa-lg {
	font-size: 16px !important;
	border: 1px solid #ff8200;
	border-radius: 50%;
	padding: 5px 5px;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 21px !important;
}

.fa-lg:hover {
	color: #ff8200;
}

.f-top {
	margin-top: 34px;
}

.space-left {
	padding-left: 35px;
}

.rights {
	background-size: cover;
	border-top: 1px solid #ff8300;
	padding: 15px 0px;
	margin-top: 60px;
}

.ppolocy {
	display: none;
}

.ppolocy a {
	border-top: 2px solid #ff8200;
	padding-top: 14px;
}


@media screen and (max-width: 1350px) and (min-width: 1200px) {

	nav .content .links {
		margin-left: auto;
		margin-right: auto;
	}


}

@media screen and (max-width: 1200px) and (min-width: 900px) {

	nav .content .links {
		margin-left: auto;
		margin-right: auto;
	}

	.content .links li a {
		padding: 8px 4px;
	}

	.content .links li {
		padding: 0 5px;
	}



}


@media screen and (max-width: 900px) and (min-width: 800px) {
	.header {
		background-color: #f8f8f8;
	}

	.top-margin {
		margin-top: 115px;
	}

	p.lead {
		font-size: 14px;
		line-height: 1.33em;
	}

	.btn-custom {
		padding: 12px 26px;
		font-size: 15px;
	}



	.col-1 h1 {
		font-size: 40px;
	}

	h2 {
		font-size: 32px;
		margin-bottom: 12px;
	}

	.mar-col-1 img {
		margin-left: -120px;
	}

	.ptop {
		padding-top: 100px;
	}

	.mar-col-2 {
		width: 34%;
	}

	.digital-marketing h2 {
		margin-bottom: 20px;
	}

	.spacing {
		padding: 50px 0px 0px 0px;
	}

	.digital-marketing {
		height: auto;
	}

	.design-tech {
		margin-top: 50px;
		padding-bottom: 60px;
	}

	.home-service-box {
		padding: 35px 30px;
	}

	.home-service-box img {
		margin-bottom: 15px;
		width: 200px;
	}

	.home-service-box h3 {
		font-size: 18px;
	}

	.design-tech .row {
		padding: 0 30px;
	}

	.spacer-60 {
		height: 30px;
	}


	.explore-work .container,
	footer .container {
		padding: 0 30px
	}

	.explore-work .ourwork {
		font-size: 64px;
		padding-bottom: 12px;
	}

	.explore-work-right img {
		width: 100%;
	}

	.explore-work .explore {
		font-size: 36px;
	}

	.explore-work {
		padding-bottom: 50px !important;
	}

	footer {
		font-size: 16px;
	}

	.connect-explore {
		font-size: 64px;
	}

	.together {
		font-size: 20px;
	}

	.connect-us-img img {
		width: 53%;
	}

	.connect-us {
		height: 277px;
	}

	.together {
		margin-bottom: 40px;
	}
}

/*Close*/



@media screen and (max-width: 758px) and (min-width: 700px) {
	.header {
		background-color: #f8f8f8;
	}

	.top-margin {
		margin-top: 115px;
	}

	.breadcrumb1 {
		padding: 12.35px 40px 12px 17px !important;
	}

	.project-brief-right {
		padding: 0px 0px 0px 40px !important;
	}

	.description {
		font-size: 17px !important;
		padding: 0 15px !important;
	}

	.our-team .spacer-20 {
		height: 12px !important;
	}

	.logo img {
		width: 160px;
		padding-top: 11px;
	}

	/* .social-icons {
		padding: 0px !important;
		padding-bottom:20px;
	} */

	.footer .f-company p.lead {
		width: 165px !important;
	}

	.digital-banner-header .col-1 {
		flex-basis: 50% !important;
	}

	.digital-box {
		max-height: 440px !important;
	}

	.achieveemnt-left-col {
		width: 65% !important;
		padding-right: 32px !important;
		padding-top: 20px !important;
	}

	.tabsy>.tabButton {

		padding-left: 20px !important;
	}

	.breadcrumb:before {
		border: 0px !important;
	}

	.tabsy>input:checked+label+.tab>.content {
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}

	.spacing {
		padding: 50px 0px 0px 0px !important;
	}

	.padding-bottom {
		padding-bottom: 40px !important;
	}

	.so-far p {
		font-size: 26px !important;
		line-height: 36px !important;
	}

	h2 {
		font-size: 35px;
	}

	.col-1 h1 {
		font-size: 35px;
	}

	.digital-marketing h2 {
		margin-bottom: 20px;
	}

	.partners-logo img {
		/* width: 110px; */
		padding: 0px 8px !important;
	}

	.mar-col-1 img {
		margin-left: -100px;
	}

	.ptop {
		padding-top: 75px;
	}

	.digital-marketing {
		height: auto;
	}

	p.lead {
		font-size: 14px;
		line-height: 1.33em;
	}

	.service-banner-header .col-1 {
		flex-basis: 52% !important;
	}

	.services-box .spacer-60 {
		height: 30px !important;
	}

	.btn-custom {
		padding: 12px 26px;
		font-size: 15px;
	}

	.design-tech {
		margin-top: 40px;
	}

	.home-service-box {
		padding: 25px 15px;
	}

	.home-service-box img {
		margin-bottom: 20px;
		width: 173px;
	}

	.home-service-box h3 {
		font-size: 18px;
	}

	.design-tech {
		padding-bottom: 50px;
	}

	.explore-work .ourwork {
		font-size: 50px;
		padding-bottom: 10px;
	}

	.explore-work .explore {
		font-size: 34px;
	}

	.explore-work-right img {
		width: 100%;
	}

	.explore-work {
		padding-bottom: 50px !important;
	}

	.space-left {
		padding-left: 0px;
	}

	.connect-explore {
		font-size: 52px;
	}

	.together {
		font-size: 18px;
		margin-top: 0px;
	}

	.connect-us {
		height: 250px;
	}

	.connect-us-img img {
		width: 50%;
	}

	.together {
		margin-bottom: 30px;
	}

	footer .container {
		padding: 0 30px;
	}

	footer {
		font-size: 16px;
	}

	footer div {
		padding: 0 10px;
	}

	.fa-lg {
		font-size: 14px !important;
		border: 1px solid #ff8200;
		border-radius: 50%;
		padding: 3px 3px;
		width: 18px;
		height: 18px;
		text-align: center;
		line-height: 18px !important;
	}

	.rights div {
		padding: 0px !important;
	}


}

/*Close*/

@media screen and (max-width: 640px) and (min-width: 480px) {
	.about-banner-header {
		min-height: 640px !important;
		background-size: 176%;
		background-position: right bottom !important;
	}

	.about-banner-header .col-1 h1 {
		width: 100% !important;
	}

	.about-banner-header .col-1 h1 br {
		display: none !important;
	}

	.about-banner-header .col-1 p {
		width: 100% !important;
	}

	.partner-logo .hb0 {
		width: 70px !important;
	}

	.partner-logo .spotify {
		width: 120px !important;
	}

	.partner-logo .microsoft {
		width: 130px !important;
	}

	.partner-logo .yahoo {
		width: 106px !important;
	}

	.partner-logo .singtel {
		width: 76px !important;
	}

	.partner-logo .starhub {
		width: 114px !important;
	}

	.partner-logo .bridgestone {
		width: 191px !important;
	}

	.meet-team .row {
		display: block !important;
	}

	.team-col {
		width: 70% !important;
		margin: 0 auto;
	}

	.description {
		padding: 0 30px !important;
		color: #fff !important;
		line-height: 30px !important;
		font-size: 20px !important;
	}

	.our-team:hover .social_media_team {
		min-height: 504px !important;
		padding: 105px 0px !important;
	}

	.our-team:hover .social_media_team_sen {
		min-height: 504px !important;
		padding: 165px 0px !important;
	}

	.team-prof {
		margin-bottom: 20px !important;
	}

	.our-process .row {
		display: block !important;
	}

	.devclist .row {
		display: block !important;
	}

	.sub-head_ {
		margin-bottom: 14px !important;
		margin-top: 15px !important;
	}

	.project-brief-right {
		padding: 0px 0px 0px 0px !important;
		margin-top: 25px;
	}

	.project-brief-right p {
		font-size: 20px !important;
		margin-bottom: 25px !important;
	}

	.tab .project-brief-left img {
		width: 80% !important;
	}

	.tabs>input:checked+label+.tab>.content {
		padding-top: 0px !important;
	}

	.breadcrumb1 {
		padding: 12.35px 16px 12px 8px !important;
	}

	.auth {
		font-size: 20px !important;
	}

	.our-team .spacer-20 {
		height: 20px !important;
	}

	.post-title {
		font-size: 20px !important;
	}

	.post {
		font-size: 14px !important;
	}

	.breadcrumb1-first {
		padding: 11.55px 10px 10px 12px !important;
	}

	.connect-us .row {
		display: block !important;
	}

	.xplor-right {
		width: 94% !important;
	}

	.connect-us {
		background-image: url(../img/explore-img-left-m.svg), url(../img/explore-bg.png) !important;
	}

	.connect-us {
		height: 465px !important;
	}

	.together {
		font-size: 25px !important;
	}

	.btn-custom {
		font-size: 16px !important;
	}

	.f-box {
		width: 90% !important;
		padding: 5% !important;
	}

	.col-1 h1 {
		width: 99% !important;
	}

	.col-1 p {
		width: 99% !important;
	}

	.banner-header {
		min-height: 490px !important;
		background-size: 160% !important;
		background-position: right bottom !important;
	}

	.design-tech .row {
		display: block !important;
	}

	.home-service-box img {
		margin-bottom: 10px !important;
		width: 80% !important;
	}

	.home-service-box {
		width: 70% !important;
		margin: 0 auto;
	}

	.home-service-box h3 {
		font-size: 25px !important;
	}

	p.lead {
		font-size: 18px !important;
		line-height: 21px !important;
	}

	.col-1 h1 {
		font-size: 36px !important;
	}

	h2 {
		font-size: 32px !important;
	}

	.btn-custom {
		font-size: 16px !important;
	}

	.font-20 {
		font-size: 18px !important;
	}

	footer p,
	.mright {
		font-size: 18px !important;
	}

	.quick-links ul li {
		font-size: 18px !important;
	}

	.quick-links {
		width: 80% !important;
	}

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

	.services-box .row {
		display: block !important;
	}

	.service-box {
		width: 60% !important;
		padding: 0px 10% !important;
		margin-bottom: 30px !important;
		margin-left: auto;
		margin-right: auto;
	}

	.web-dev {
		width: 60% !important;
		/*padding: 0px 10% !important;*/
		margin-bottom: 30px !important;
		margin-left: auto;
		margin-right: auto;
	}

	.devclist .spacer-20 {
		height: 0px !important;
	}

	.services-box .spacer-40 {
		height: 0px !important;
	}

	.service-banner-header .col-1 h1 {
		font-size: 36px !important;
		width: 94% !important;
	}

	.service-banner-header .col-1 p {
		width: 99% !important;
	}

	.service-banner-header {
		min-height: 590px !important;
		background-size: 176%;
		background-position: right bottom !important;
	}

	.content .links li.active a {
		border-bottom: 1px solid #ff8200 !important;
	}

	.portfolio-banner-header .col-1 h1 {
		width: 100% !important;
		font-size: 36px !important;
	}

	.portfolio-banner-header .col-1 p {
		width: 100% !important;
	}

	.portfolio-banner-header {
		min-height: 665px !important;
		background-size: 176%;
		background-position: right bottom !important;
	}

	.understanding-digital .row {
		display: block !important;
	}

	.digital-box {
		width: 60% !important;
		padding: 0px 10% !important;
		margin-bottom: 30px !important;
		margin-left: auto;
		margin-right: auto;
	}

	.digital-banner-header .col-1 h1 {
		width: 100% !important;
		font-size: 36px !important;
	}

	.digital-banner-header .col-1 p {
		width: 100% !important;
	}

	.digital-banner-header {
		min-height: 610px !important;
		background-size: 176%;
		background-position: right bottom !important;
	}

	.understanding-digital .spacer-40 {
		height: 0px !important;
	}

	.contact-banner-header .col-1 h1 {
		width: 100% !important;
		font-size: 36px !important;
	}

	.contact-banner-header .col-1 p {
		width: 100% !important;
	}

	.contact-banner-header {
		min-height: 610px !important;
		background-size: 176%;
		background-position: right bottom !important;
	}


}

/*640 close*/
@media only screen and (max-width:680px) {
	.portfolioo-box {
		width: 100% !important;
	}

	.portfolioo-box img {
		margin: 10px 0px;
	}

	.portfolioo .spacer-20 {
		height: 0px;
	}

}

/*for mobile devices*/
@media only screen and (max-width:650px) {


	.content .links ul {
		margin-top: 0;
	}

	.row {
		display: block;
		margin: 50px 0;
	}

	.btn-custom {
		padding: 9px 21px;
		font-size: 14px !important;
	}

	.our-partner p br,
	.design-tech p br {
		display: none !important;
	}

	.logo img {
		width: 160px;
		padding-top: 10px;
	}

	.banner-right {
		position: relative;
		left: 0;
		top: 0px;
		height: 100%;
		width: 120%;
		transform: translateX(0px);
	}

	.col-2 {
		min-height: auto;
	}

	.container-full {
		padding: 0 50px;
	}

	.container {
		padding: 0 25px;
	}

}

/*mobile device 700 end*/


.bounce-up .subject {
	opacity: 0;
	-moz-transition: all 700ms ease-out;
	-webkit-transition: all 700ms ease-out;
	-o-transition: all 700ms ease-out;
	transition: all 700ms ease-out;
	-moz-transform: translate3d(0px, 200px, 0px);
	-webkit-transform: translate3d(0px, 200px, 0px);
	-o-transform: translate(0px, 200px);
	-ms-transform: translate(0px, 200px);
	transform: translate3d(0px, 200, 0px);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

.bounce-up.in-view .subject {
	opacity: 1;
	-moz-transform: translate3d(0px, 0px, 0px);
	-webkit-transform: translate3d(0px, 0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate3d(0px, 0px, 0px);
}

/*About Us*/
.about-banner-header {
	background-color: #f8f8f8;
	min-height: 700px;
	background-image: url("../img/about-banner-bg.svg");
	background-repeat: no-repeat;
	background-position: center bottom;
}


.about-banner-header .col-1 h1 {
	font-size: 48px;
}

.about-banner-header .col-1 h1 span {
	color: #ff8200;
}

.top-margin-about {
	margin-top: 215px;
}

.biginning-img {
	width: 50%;
}

.biginning-img img {
	width: 540px;
}

.bigin-right {
	width: 44%;
	color: #223139;
}

/*.bigin-right p {
	font-size: 20px;
	line-height: 30px;
}*/
.digital-space,
.list-client,
.past-achievement {
	font-size: 32px;
	line-height: 40px;
}

.global {
	/*padding-top: 80px;
	border-top: 1px solid #ff7200;*/
	color: #223139;
}

.thepresent {
	background: #f5f5f5;
	padding: 90px 0px;
}

/*.global p {
	font-size: 20px;
	line-height: 30px;
}*/
.global-map img {
	width: 100%;
	margin-top: 70px;
	margin-bottom: 40px;
}

.achieveemnt {
	background: #fff;
	color: #223139;
	/*margin-top: 90px;*/
}

.achieveemnt-left-col {
	width: 39%;
}

.achieveemnt-right-col {
	width: 68%;
	margin-right: -165px;
}

.achieveemnt-right-col img {
	width: 100%;
	vertical-align: middle;
}

/*.achieveemnt p {
	font-size: 20px;
	line-height: 30px;
}*/
.so-far {
	background: #fd8204;
}

.so-far p {
	font-size: 35px;
	line-height: 46px;
	color: #fff;
}

.f-box {
	width: 68.5%;
	margin: 0 auto;
	border-radius: 5px;
	background: #fff;
	display: flex;
	padding: 50px 30px;
	border: 1px solid #d6d6d6;
	transition: all 0.2s ease-out 0s;
}

.f-box:hover {
	border: 1px solid #ff8200;
	transition: all 0.2s ease-out 0s;
}

.why-us h2 {
	margin-bottom: 60px;
}

.f-box h3 {
	font-size: 25px;
	margin-bottom: 15px;
	text-transform: uppercase;
}

.f-box p {
	font-size: 18px;
	line-height: 1.4em;
}

.f-icon img {
	width: 90px;
	display: block;
}

.f-box-right {
	padding-left: 30px;
}

/*Our Team*/
.meet-team {
	background: #f5f5f5;
}

.meet-team h2 {
	margin-bottom: 60px;
}

.team-col {
	width: 24%;
	overflow: hidden;
}

.our-team {
	text-align: center;
}

.pic {
	position: relative;
	margin-bottom: 25px;
}

.pic img {
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 5px;
}

.social_media_team {
	position: absolute;
	top: 0;
	width: 100%;
	opacity: 0;
	transition: all 0.5s ease 0s;
	border-radius: 5px;
}

.description {
	/*position: relative;*/
	top: 32%;
	padding: 0 23px;
	color: #fff;
	line-height: 24px;
	font-size: 16px;
}

.auth {
	font-size: 17px;
	color: #fff;
}

.team_social {
	list-style: none;
	padding: 0;
	position: relative;
	top: 35%;
}

.team_social>li {
	display: inline-block;
	margin: 0 5px;
}

.team_social>li>a {
	width: 36px;
	height: 36px;
	line-height: 36px;
	border: 1px solid #fff;
	border-radius: 50%;
	display: block;
	color: #fff;
	transition: all 0.2s ease-out 0s;
}

.team_social>li>a:hover {
	background: #ff7200;
	transition: all 0.2s ease-out 0s;
}

.post-title {
	font-size: 20px;
	color: #2d2d2d;
	text-transform: capitalize;
	margin-bottom: 5px;
}

.post {
	font-size: 14px;
	display: block;
	color: #2d2d2d;
}

.our-team:hover .social_media_team {
	background-color: rgba(255, 114, 0, 0.85);
	opacity: 1;
	transition: all 0.5s ease 0s;
	padding: 75px 0px;
	min-height: 215px;
}

.our-team:hover .social_media_team_sen {
	padding: 60px 0px;
	min-height: 245px !important;
}

.quotes {
	width: 30px !important;
	margin: 0 auto;
}

@media screen and (max-width: 990px) {
	.our-team {
		margin-bottom: 30px;
	}
}



.tab-sn {
	font-size: 20px;
	padding-right: 10px;
}

.breadcrumb-first:before {
	border-width: 0px !important;
}

.breadcrumb-first {
	padding: 11.55px 30px 10px 30px !important;
}

.project-brief-left img {
	width: 500px;

}

.project-brief-right {
	padding: 0px 0px 0px 100px;
}

.project-brief-right h5 {
	font-size: 24px;
	margin-bottom: 30px;
}

.project-brief-right p {
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 25px;
	/*padding-left: 60px;
	background-image: url("../img/list.png");
	background-repeat: no-repeat;
	background-position: 0px 6px;*/
}

.clients {
	background: #f2f5ff;
	padding: 5px 20px;
	border-radius: 5px;
	border: 1px solid #2767cf;
	color: #2767cf;
}

.zpixel {
	background: #fff7ee;
	padding: 5px 20px;
	border-radius: 5px;
	border: 1px solid #ff7200;
	color: #ff7200;
}

.a-right img {
	width: 35px;
	cursor: pointer;
	transition: 0.5s;
}

.a-right img:hover {
	opacity: 0.6;
	transition: 0.5s;
	margin-left: 3px;
}

.click {
	color: #ff7200;
}

.click:hover {
	text-decoration: underline;
}

/*Services Page*/
.service-banner-header {
	background-color: #f8f8f8;
	min-height: 700px;
	background-image: url("../img/services-banner-bg.svg");
	background-repeat: no-repeat;
	background-position: center bottom;

}

.service-banner-header .col-1 h1 {
	font-size: 48px;
}

.service-banner-header .col-1 h1 span {
	color: #ff8200;
}

.top-margin-service {
	margin-top: 215px;
}

.banner-bottom {
	background: #405b63;
	padding: 60px 0px;
}

.banner-bottom p {
	font-size: 28px;
	line-height: 36px;
	color: #fff;
}

.sub-text {
	font-size: 20px;
	line-height: 30px;
}

.service-box {
	background: #fff;
	border-radius: 5px;
	width: 35%;
	position: relative;
	/*overflow: hidden;*/
	padding: 30px 80px 0px;
	/*text-align: center;*/
	border: 1px solid #c5c5c5;
	transition: all 0.7s ease;
}

.portfolioo-box {
	width: 47%;
	position: relative;
	/*overflow: hidden;*/
	transition: all 0.7s ease;
}

.portfolioo-images img {
	width: 100%;
}

/*.portfolioo-box img:hover {
	box-shadow: 0 0 11px rgba(33,33,33,.2);
}*/
.portfolioo h2 {
	text-transform: uppercase;
}


.service-box:hover {
	border: 1px solid #ff7a00;
	transition: all 0.7s ease;
}

.service-box img {
	margin-top: -1px;
}

.service-box h5 {
	font-size: 28px;
	margin: 20px 0;
	/*text-transform: uppercase;*/
}

.service-box p {
	font-size: 18px;
	line-height: 1.4em;
	margin-bottom: 40px;
}

.service-box p a {
	text-decoration: none;
	color: #ff7a00;
}

.service-box p a:hover {
	text-decoration: underline;
}

.partners {
	flex-wrap: wrap;
	background: #f8f8f8;
}

.partners h2 {
	text-transform: uppercase;
}

.partners-top {
	margin: 0px 0px 30px 0px;
}

.partners-logo {
	display: block;
	width: 100%;
	text-align: center;
}

.partners-logo img {
	filter: gray;
	-webkit-filter: grayscale(1);
	-webkit-transition: all .1s ease-in-out;
}

.partners-logo img {
	padding: 0 30px;
	margin-bottom: 25px;
}

.sp-1 {
	width: 184px;
}

.sp-2 {
	width: 82px;
}

.sp-3 {
	width: 276px;
}

.sp-4 {
	width: 158px;
}

.sp-5 {
	width: 133px;
}

.partners-logo img:hover {
	filter: none;
	-webkit-filter: grayscale(0);
	-webkit-transform: scale(1.01);
	-webkit-transition: all .1s ease-in-out;
}


/*Understanding Digital*/
.digital-banner-header {
	background-color: #f8f8f8;
	min-height: 700px;
	background-image: url("../img/digital-banner-bg.svg");
	background-repeat: no-repeat;
	background-position: center bottom;
}

.digital-banner-header .col-1 h1 {
	font-size: 48px;
	text-transform: uppercase;
}

.digital-banner-header .col-1 h1 span {
	color: #ff8200;
}

.top-margin-digital {
	margin-top: 215px;
}

.understanding-digital h2 {
	text-transform: uppercase;
}

.digital-box {
	background: #fff;
	border-radius: 5px;
	width: 43%;
	position: relative;
	/*overflow: hidden;*/
	padding: 10px 30px;
	text-align: left;
	border: 1px solid #c5c5c5;
	transition: all 0.7s ease;
}

.digital-box:hover {
	border: 1px solid #ff7a00;
	transition: all 0.7s ease;
}

.digital-box h5 {
	font-size: 28px;
	margin: 22px 0;
}

.digital-box p {
	font-size: 18px;
	line-height: 1.4em;
	margin-bottom: 26px;
}

.digital-box p a {
	text-decoration: none;
	color: #ff7a00;
}

.digital-box p a:hover {
	text-decoration: underline;
}

/*Portfolio Page*/
.portfolio-banner-header {
	background-color: #f8f8f8;
	min-height: 700px;
	background-image: url("../img/portfolio-banner-bg.svg");
	background-repeat: no-repeat;
	background-position: center bottom;
}

.portfolio-banner-header .col-1 h1 {
	font-size: 48px;
	text-transform: uppercase;
}

.portfolio-banner-header .col-1 h1 span {
	color: #ff8200;
}

.top-margin-portfolio {
	margin-top: 215px;
}

.our-portfolio .sub-text {
	font-size: 32px;
	color: #ff7a00;
	text-transform: uppercase;
}

.our-portfolio h2 {
	text-transform: uppercase;
}


/*Contact Page*/
.contact-banner-header {
	background-color: #f8f8f8;
	min-height: 700px;
	background-image: url("../img/contact-banner-bg.svg");
	background-repeat: no-repeat;
	background-position: center bottom;

}


.contact-banner-header .col-1 h1 {
	font-size: 48px;
	text-transform: uppercase;
}

.contact-banner-header .col-1 h1 span {
	color: #ff8200;
}

.top-margin-contact {
	margin-top: 215px;
}

.contact-us h3 {
	font-size: 36px;
	text-transform: uppercase;
}

.contact-us {
	background-image: url(../img/con-bg.png);
	background-size: auto !important;
	background-position: bottom;
	background-repeat: repeat-x;
}

.contact-map {
	width: 62%;
}

.contact-form {
	width: 27%;
	height: 717px;
	background: #ff7a00;
	color: #fff;
	padding: 0px 70px;
}

.contact-form h3 {
	color: #fff;
	margin: 38px 0px 30px;
}

.contact-form h3 span {
	font-size: 17px;
	line-height: 38px;
}

input[type=text],
select,
textarea,
.cemail {
	width: 100%;
	padding: 12px;
	border: 1px solid #fff;
	border-radius: 4px;
	box-sizing: border-box;
	margin-top: 15px;
	margin-bottom: 7px;
	resize: vertical;
	background: #ff7a00;
	color: #fff;
	font-family: "obvia", sans-serif;
}

input:focus,
textarea:focus {
	border: 1px solid #fff;
	background: #fd902d;
	outline: none;
}

::-webkit-input-placeholder {
	/* Edge */
	color: white;
}

:-ms-input-placeholder {
	/* Internet Explorer */
	color: white;
}

::placeholder {
	color: white;
}

.contact-us .row {
	align-items: normal;
}

button {
	padding: 16px 34px;
	transition: 0.5s;
	background: #fff;
	border: 0;
	color: #ff7a00;
	text-transform: uppercase;
	font-family: "obvia", sans-serif;
	font-size: 16px;
	position: relative;

	cursor: pointer;
	display: block;
	border-radius: 30px;
	margin-top: 22px;


}


button:hover {
	-webkit-box-shadow: 2px 2px 20px 0px rgba(20, 20, 20, 0.6);
	-moz-box-shadow: 2px 2px 20px 0px rgba(20, 20, 20, 0.6);
	box-shadow: 2px 2px 20px 0px rgba(20, 20, 20, 0.6);
	transition: .5s;
}

/*button::after,
button::before{
  content: "";
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translateY(-50%);
    opacity: 0;
  transition:         all .4s cubic-bezier(0.645, 0.045, 0.355, 1);
}

button::after{
    width: 30px;
    height: 1.5px;
    background: #ff7a00;
    transform: translateX(-3px);
    margin-top: 0px;
}

button::before{
    content: "";
    transform: rotate(-135deg) translateX(50%);
    width: 11px;
    height: 11px;
    background: transparent;
    border-left: 1.5px solid #ff7a00;
    border-bottom: 1.5px solid #ff7a00;
  margin-top: -1px;
}*/




/*button:hover::after,
button:hover::before{
  opacity: 1;
  right: 15px;
}*/

.contact-email a {
	color: #ff7a00;
	font-size: 40px;
}

.contact-email a:hover {
	color: #787878;
}

/*Inside Services Page */
.service-banner-inside {
	background-color: #f8f8f8;
	min-height: 320px;
}

.services-box-inside .row {
	align-items: normal;
}

.service-banner-inside h1 {
	font-size: 44px;
	text-transform: uppercase;
}

.service-banner-inside p {
	font-size: 18px;
	/*font-weight: 600;*/
	line-height: 1.4em;
	margin: 25px 0 80px;
}

.top-margin-service-inside {
	margin-top: 170px;
	width: 100%;
}

.ser-inside-left {
	width: 49%;
}

.ser-inside-left img {
	width: 100%;
}

.ser-inside-right {
	width: 49%;
}

.ser-inside-right p {
	font-size: 18px;
	line-height: 1.4em;
}

.ser-inside-left p {
	font-size: 18px;
	line-height: 30px;
}

.ser-inside-right .sub-head,
.ser-inside-left .sub-head,
.sub-head {
	font-size: 32px;
	line-height: 40px;
	color: #223139;
	margin-bottom: 5px;
}

.sub-head_ {
	font-size: 24px !important;
	color: #223139;
	margin-bottom: 7px;
	/*text-decoration: underline;*/
}

.ser-inside-right strong,
.ser-inside-left strong,
.font-20 strong {
	color: #223139;
}

.web-dev .font-20 strong {
	color: #6a6a6a;
}

.popular-cms table {
	width: 100%;
	color: #223139;
}

.popular-cms table td {
	padding: 8px 0px;
	text-align: center;
	color: #223139;
}

.popular-cms table tr {
	background: #f5f5f5;
}

.popular-cms .no-bg {
	background: none;
}

.font-20 {
	font-size: 18px;
	line-height: 1.4em;
	color: #6a6a6a;
}

.border-bottom {
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px;
	font-weight: 600;
}

.font-color-drk {
	color: #223139;
}

.stat-counter img {
	width: 100%;
}

.digital-box img {
	width: 80px;
	margin-right: 20px;
}

.ser-icon img {
	width: 75px;
	margin-right: 20px;
}

.portfolio-img img {
	width: 100%;
	margin-bottom: 40px;
}

.portfolio-client {
	background: #f8f8f8;
	padding: 40px;
	margin-left: 50px;
	display: flex;
}

.portfolio-client {
	width: 85%;
	line-height: 34px;
}

.client-left {
	padding-right: 25px;
	font-weight: 600;
	color: #223139;
}

.portfolio-bottom {
	border-top: 1px solid #223139;
	padding-top: 40px;
}

.portfolio-bottom h3 {
	font-size: 30px;
}

.portfolio-bottom h3 span {
	font-size: 18px;
	color: #ff7100;
}

.portfolio-bottom h3 a {
	color: #223139;
}

.portfolio-bottom h3 a:hover {
	color: #ff7100;
}

.support-partners h3 {
	font-size: 35px;
}

.show-services a {
	width: 94px;
}

.show-features a {
	width: 210px;
}

.support-partners .p-1 {
	width: 125px;
	margin-right: 193px;
}

.support-partners .p-2 {
	width: 72px;
	margin-right: 249px;
}

.support-partners .p-3 {
	width: 288px;
	margin-right: 30px;
}

.support-partners .p-4 {
	width: 120px;
	margin-right: 198px;
}

.support-partners .p-5 {
	width: 148px;
	margin-right: 176px;
}

.tab .row {
	justify-content: normal;
}

.a-right {
	background: none !important;
	padding: 0px !important;
	justify-content: left !important;
}

.animated11 {
	-webkit-animation: test 9s infinite;
	animation: test 9s infinite;
}

.hpb {
	padding-bottom: 74px;
}

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

.links {
	color: #ff8200;
}

.links:hover {
	color: #6a6a6a;
}

.logo-info {
	display: flex;
	align-items: center;
	margin: 7px 0px;
	height: 70px;
}

.portfolioo-images {
	padding: 15px;
	border: 1px solid #ccc;
}

.logo-info-des {
	color: #223139;
	text-transform: uppercase;
	font-weight: 500;
}

.logo-info-img {
	margin-right: 12px;
}

.logo-info img:hover {
	box-shadow: none;
}

.serboxin {
	align-items: center !important;
}

.web-dev {
	padding: 40px 43px;
	border: 1px solid #ccc;
	width: 41%;
	border-radius: 5px;
}

.s-1 {
	background-image: url("../img/digital/StrategyPlanning.svg");
	background-repeat: no-repeat;
	background-position: left;
	background-size: 10%;
	padding-left: 63px;
}

.s-2 {
	background-image: url("../img/digital/ServiceProviders.svg");
	background-repeat: no-repeat;
	background-position: left;
	background-size: 8%;
	padding-left: 63px;
}

.s-3 {
	background-image: url("../img/digital/DesignDevelopment.svg");
	background-repeat: no-repeat;
	background-position: left;
	background-size: 9%;
	padding-left: 63px;
}

.s-4 {
	background-image: url("../img/digital/Analytics.svg");
	background-repeat: no-repeat;
	background-position: left;
	background-size: 8%;
	padding-left: 63px;
}

.sl {
	width: 35%;
}

.sr {
	width: 60%;
}


.c-1 {
	width: 16%;
}

.c-2 {
	width: 19%;
}

.c-3 {
	width: 18%;
}

.c-4 {
	width: 21%;
}

.c-5 {
	width: 15%;
}

.c-6 {
	width: 7%;
}

.c-7 {
	width: 16%;
}

.c-8 {
	width: 22%;
}

.c-9 {
	width: 15%;
}

.c-10 {
	width: 20%;
}

.c-11 {
	width: 16%;
}

.c-12 {
	width: 7%;
}

.c-13 {
	width: 8%;
}

.c-14 {
	width: 29%;
}

.c-15 {
	width: 7%;
}

.c-16 {
	width: 26%;
}

.c-17 {
	width: 16%;
}

.c-18 {
	width: 11%;
}

.c-19 {
	width: 13%;
}

.c-20 {
	width: 24%;
}

.c-21 {
	width: 11%;
}

.c-22 {
	width: 18%;
}

.c-23 {
	width: 20%;
}

.c-24 {
	width: 12%;
}

.c-25 {
	width: 16%;
}

.c-26 {
	width: 21%;
}

.c-27 {
	width: 11%;
}

.c-28 {
	width: 22%;
}

.c-29 {
	width: 18%;
}

.c-30 {
	width: 10%;
}

@media screen and (max-width: 812px) {
	.c-18 {
		width: 10%;
	}

	.c-21 {
		width: 10%;
	}

	.c-24 {
		width: 11%;
	}

	.c-26 {
		width: 20%;
	}

	.c-30 {
		width: 9%;
	}

}

.error {
	color: #000;
}

#error {
	color: #000;
}

.viewmorework {
	background: #f5f5f5
}

.viewmorework .row {
	justify-content: center;
}

.viewmorework h2 {
	font-size: 38px;
	margin-right: 20px;
}

.op img {
	float: left;
	/*margin-right: 30px;*/
}

.op .font-20 {
	float: left;
}

.op .opbdr {
	border-top: 1px solid #ccc;
	padding-top: 30px;
}

.sq {
	padding: 50px 0px;
}

.ser-title {
	display: flex;
}