* {
	margin: 0;
	padding: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
	letter-spacing: -.5px
}

body {
	font-family: 'SF Pro Display'
}

@font-face {
	font-family: GTWalsheim;
	src: url(fonts/GTWalsheim.eot?#iefix) format('embedded-opentype'), url(fonts/GTWalsheim.woff) format('woff'), url(fonts/GTWalsheim.ttf) format('truetype'), url(fonts/GTWalsheim.svg#GTWalsheim) format('svg');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: GTWalsheim-Bold;
	src: url(fonts/GTWalsheim-Bold.eot?#iefix) format('embedded-opentype'), url(fonts/GTWalsheim-Bold.otf) format('opentype'), url(fonts/GTWalsheim-Bold.woff) format('woff'), url(fonts/GTWalsheim-Bold.ttf) format('truetype'), url(fonts/GTWalsheim-Bold.svg#GTWalsheim-Bold) format('svg');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: GTWalsheimTrial-Light;
	src: url(fonts/GTWalsheimTrial-Light.eot?#iefix) format('embedded-opentype'), url(fonts/GTWalsheimTrial-Light.otf) format('opentype'), url(fonts/GTWalsheimTrial-Light.woff) format('woff'), url(fonts/GTWalsheimTrial-Light.ttf) format('truetype'), url(fonts/GTWalsheimTrial-Light.svg#GTWalsheimTrial-Light) format('svg');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: 'GT Walsheim';
	src: url(fonts/GTWalsheimMedium.eot);
	src: url(fonts/GTWalsheimMedium.eot?#iefix) format('embedded-opentype'), url(fonts/GTWalsheimMedium.woff2) format('woff2'), url(fonts/GTWalsheimMedium.woff) format('woff'), url(fonts/GTWalsheimMedium.ttf) format('truetype');
	font-weight: 500;
	font-style: normal
}

h2 {
	font: 35px/45px SFProDisplay-Bold
}

h3 {
	font: 16px/16px SFProDisplay-Bold
}

h4 {
	font: 20px/30px SFProDisplay-Bold
}

section {
	padding: 0!important;
	position: relative
}

.background-free {
	position: absolute;
	height: auto
}

.background-free--right {
	right: 0;
	transform-origin: 100% 50%
}

.background-free--left {
	left: 0;
	transform-origin: 0 50%
}

.home {
	background: #fff!important
}

.screen.ui-light.ui-light-background {
	overflow: hidden
}

#section-2 {
	height: auto;
	background: #f6f2f2
}

#section-2 .Creatives {
	padding: 140px 0;
	display: flex;
	align-items: center
}

#section-2 .Creatives .creatives-left {
	width: 50%;
	padding: 0 120px 0 70px
}

#section-2 .Creatives .creatives-left h2,
.category__text h2 {
	color: #3e3f44;
	font: 60px/60px SFProDisplay-Bold;
	padding-bottom: 30px
}

#section-2 .Creatives .creatives-left p,
.category__text p {
	color: #3e3f44;
	font: 18px/30px 'SF Pro Display'
}

#section-2 .Creatives .creatives-left a,
.category__text a {
	text-decoration: none;
	font: 17px/35px SFProDisplay-Bold;
	color: #3e3f44;
	display: inline-block;
	margin-top: 15px
}
.devlop-row{ margin-top: 25px; }

#section-2 .Creatives .creatives-right {
	width: 50%
}

.web-developments {
	display: flex;
	align-items: center;
	padding: 50px 0 140px 0
}

#section-2 .web-developments .web-developments-right {
	width: 50%;
	padding: 0 70px 0 150px
}

#section-2 .web-developments .web-developments-right h2 {
	color: #3e3f44;
	font: 60px/60px SFProDisplay-Bold;
	padding-bottom: 30px
}

#section-2 .web-developments .web-developments-right p {
	color: #3e3f44;
	font: 18px/30px 'SF Pro Display'
}

#section-2 .web-developments .web-developments-right a {
	text-decoration: none;
	font: 17px/35px SFProDisplay-Bold;
	color: #3e3f44;
	display: inline-block;
	margin-top: 60px
}

#section-2 .web-developments .web-developments-left {
	width: 50%
}

.uppertextdiv {
	float: right;
	width: 40%;
	display: flex
}

.uppertextdiv h2 {
	font: 25px/50px 'SF Pro Display';
	margin-bottom: 10px;
	font-weight: 700;
	font-style: italic;
	color: #023575
}

.uppertextdiv p {
	font: 24px/45px 'SF Pro Display';
	font-weight: 300;
	font-style: italic;
	color: #023575;
	padding-bottom: 40px
}

.uppertextdiv span {
	text-transform: uppercase;
	font: 16px/30px 'SF Pro Display'
}

.testimonial {
	float: left;
	width: 100%;
	border-bottom: 1px solid #efefef;
	background: #fff
}

.right_blog {
	float: left;
	width: 50%
}

.history-slider.slick-initialized.slick-slider {
	position: absolute;
	right: 0;
	width: 50%;
	bottom: 50px;
	padding-right: 20%;
	z-index: 1000
}

.custom-scr h2 {
	padding-top: 10px
}

.slider-testimonial {
	padding-top: 50px
}

.history-detail-sec .slick-dots {
	display: none
}

.history-slider .slick-slide img {
	cursor: pointer;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.history-slider .slick-slide.slick-center img {
	transform: scale(1.2);
	-webkit-transform: scale(1.2)
}

.history-slider .slick-list {
	padding: 13px 0
}

#partner {
	width: 100%;
	display: flex;
	background: #fff;
	/*text-align: center;*/
	-webkit-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, .13);
	-moz-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, .13);
	box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, .13)
}

#partner img {
	margin: 0 auto;
	margin-top: 4px
}

.img-sec img {
	text-align: center;
	margin-left: 18px
}

.custom-scr.history-scroll {
	padding-bottom: 150px
}

.latest-stories {
	padding: 60px 0!important;
	display: flex;
	width: 100%;
	border-top: 1px solid #e5e5e6
}

.latest-stories p {
	margin: 0;
	padding: 0 0 15px 0;
	font: 25px/35px SFProDisplay-Light, serif;
	color: #022a5e;
	font-weight: 300
}

.latest-stories a:hover p {
	color: #f13e42
}

.latest-stories p.latest-blog-excerpt {
	font: 17px/27px 'SF Pro Display';
	padding-bottom: 10px;
	color: #3e3f44
}

.latest-stories a:hover p.latest-blog-excerpt {
	color: #3e3f44
}

.read-more-latest-blog {
	color: #022a5e;
	margin-top: 5px;
	font: 16px/26px SFProDisplay-Bold
}

.read-more-latest-blog:hover {
	color: #f13e42
}

.latest-stories label img {
	margin-right: 10px;
	float: left;
	width: 48px;
	border-radius: 100%
}

.latest-stories label {
	font: 13px/45px SFProDisplay-Bold;
	font-weight: 500;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	letter-spacing: -.5px;
	margin-bottom: 0
}

.transform-business {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	background: #022a5e;
	padding-top: 100px!important;
	text-align: center;
	color: #fff
}

.transform-business h2 {
	text-transform: uppercase;
	font: 50px/60px SFProDisplay-Bold;
	padding: 0 100px
}

.transform-business h2 span {
	color: #f13e42
}

.transform-business ul {
	width: 100%;
	text-align: center;
	border-left: 1px solid #526a8d;
	float: left
}

.transform-business ul li {
	float: left;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 25%;
	border-right: 1px solid #526a8d;
	min-height: 160px
}

.transform-business ul li:last-child {
	border: none
}

.transform-business ul li h3 {
	margin-bottom: 0;
	margin-right: 7px;
	display: inline-block;
	font: 45px/45px SFProDisplay-Bold
}

.transform-business ul li span {
	display: inline-block;
	color: #f13e42;
	font: 45px/45px SFProDisplay-Bold
}

.transform-business ul li label {
	display: block;
	text-transform: uppercase;
	font-size: 15px;
	line-height: 28px
}

.counter-main {
	margin-top: 85px;
	width: 100%;
	float: left;
	border-top: 1px solid #526a8d
}

.head-sec {
	padding: 75px 0
}

h3.sec-main-head {
	font: 16px/20px SFProDisplay-Bold;
	position: relative;
	color: #023575;
	text-transform: uppercase;
	margin: 0;
	padding-bottom: 10px;
	letter-spacing: -.1px
}

h3.sec-main-head:before {
	background: #f13e42;
	position: absolute;
	content: "";
	display: block;
	left: -30px;
	top: 7px;
	width: 20px;
	height: 3px
}

.latest-stories h3.sec-main-head {
	color: #f13e42
}

h2.sec-main-head {
	font: 40px/55px SFProDisplay-Bold;
	color: #023575;
	text-transform: capitalize;
	margin: 0 0 40px 0;
	letter-spacing: 0
}

h2.sec-main-head span {
	color: #023575
}

/*#strategy {
	background: url(../images/crative-main-bg.png) no-repeat;
	background-size: 100% 100%
}*/

.category--a {
	padding-bottom: 180px;
	background-size: 100% 108%
}

.category.category--a:after {
	background: url(../images/UX.png) no-repeat;
	position: absolute;
	width: 1277px;
	content: "";
	display: block;
	right: -125px;
	height: 639px;
	top: 80px;
	z-index: 1
}

.category.category--c {
	left: 0;
	padding-bottom: 88px;
	background-size: 100% 100%;
	padding-top: 40px
}

.category.category--c:after {
	background: url(../images/W.png) no-repeat;
	position: absolute;
	width: 928px;
	content: "";
	display: block;
	left: -125px;
	height: 653px;
	top: 0;
	z-index: 1
}

.category.category--b {
	padding-bottom: 216px;
	background-size: 100% 100%;
	padding-top: 90px
}

.category.category--b:after {
	background: url(../images/M.png) no-repeat;
	position: absolute;
	width: 796px;
	content: "";
	display: block;
	right: -125px;
	height: 701px;
	top: 0;
	z-index: 1
}

.category.category--c .category__text {
	padding-top: 134px;
	padding-right: 0;
	padding-left: 70px;
	padding-top: 50px
}

.category__text {
	padding-top: 90px;
	width: 556px;
	padding-left: 0
}

.right-slide {
	float: right;
	width: 51.42857%;
	position: absolute;
	overflow: hidden;
	right: 0
}

.home-intro__right {
	position: relative;
	z-index: 9;
	width: 698px
}

.get-estimate-model {
	height: 100%
}

.get-estimate-body {
	-webkit-transition: all 50ms ease-out;
	-o-transition: all 50ms ease-out;
	transition: all 50ms ease-out;
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	opacity: 0;
	visibility: hidden;
	background: #012a5e
}

.get-estimate-body.animated {
	opacity: 1;
	visibility: visible;
	-webkit-transition: all 1.5s ease-out;
	-o-transition: all 1.5s ease-out;
	transition: all 1.5s ease-out
}

.get-estimate-model .modal-content {
	background: 0 0;
	border: none
}

.get-estimate-model .modal-dialog {
	max-width: 80%;
	margin: 0 auto
}

.get-estimate-model #exampleModalLabel {
	color: #848484;
	text-align: right;
	width: 100%;
	font: 14px/28px SFProDisplay-Light
}

.get-estimate-model .modal-header {
	border-bottom: none;
	padding-right: 25px;
	margin-bottom: 20px
}

.get-estimate-model .modal-header .close span img {
	width: 20px
}

.get-estimate-model .modal-body {
	padding: 0 150px 0 120px
}

.get-estimate-model .modal-body h2 {
	text-transform: none;
	width: 375px;
	color: #fff;
	margin-bottom: 5px;
	font: 35px/45px SFProDisplay-Bold
}

.get-estimate-model .modal-body h3 {
	margin-left: 50px;
	font: 14px/20px SFProDisplay-Bold
}

.get-estimate-model .modal-body h3:before {
	left: -50px
}

.get-estimate-model .modal-body span {
	display: inline-block;
	color: #b8babd;
	font: 16px/28px 'SF Pro Display'
}

.get-estimate-model .modal-body .planner-details {
	margin-bottom: 30px;
	float: left;
	width: 100%
}

.get-estimate-model .modal-body .planner-details ul {
	width: 100%
}

.get-estimate-model .modal-body .planner-details ul li:not(:last-child) {
	border-bottom: 1px solid #244973
}

.get-estimate-model .modal-body .planner-details ul li a {
	padding: 10px 0;
	width: 100%;
	color: #eff2f6;
	display: inline-block;
	font: 20px/28px 'SF Pro Display';
	padding-right: 35px
}

.get-estimate-model .modal-body .planner-details ul li a img {
	width: 26px;
	float: right;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto
}

.get-estimate-model .modal-footer {
	border-top: none;
	padding: 0;
	align-items: start;
	position: absolute;
	width: 100%;
	bottom: 0;
	border-top: 1px solid #244973
}

.footer-content {
	max-width: 80%;
	margin: 0 auto;
	width: 100%;
	padding: 0 150px 0 120px;
	transition: all 50ms cubic-bezier(.165, .84, .44, 1);
	display: flex;
	flex-wrap: wrap
}

.get-estimate-model .modal-footer .contact-details h5 {
	margin: 0 0 8px;
	color: #fff;
	text-transform: uppercase;
	font: 16px/26px SFProDisplay-Bold
}

.get-estimate-model .modal-footer .contact-details span {
	font: 16px/26px "SF Pro Display";
	color: #848484;
	display: inline-block
}

.get-estimate-model .modal-footer .contact-details span a {
	color: #848484;
	display: inline-block;
	text-transform: uppercase
}

.get-estimate-model .modal-footer .contact-details {
	width: 25%;
	display: block;
	float: left;
	padding: 40px 40px;
	border-right: 1px solid #244973
}

.get-estimate-model .modal-footer .contact-details h5:last-child {
	text-transform: initial!important
}

.get-estimate-model .modal-footer .contact-details figure {
	display: inline-block;
	width: 14%;
	vertical-align: top;
	margin-right: 1px
}

.get-estimate-model .modal-footer .contact-details figure img {
	width: 100%
}

.get-estimate-model .modal-footer .contact-details .contact-box {
	display: inline-block;
	width: 82%
}

.contact-box a {
	color: #fff;
	font: 16px/26px "SF Pro Display"
}

.get-estimate-model .modal-footer>:not(:last-child) {
	margin-right: 25px
}

.get-estimate-model .modal-header .close {
	opacity: 1;
	color: #c9d3df;
	text-align: right;
	width: 100%;
	font: 14px/28px SFProDisplay-Light;
	text-shadow: none;
	letter-spacing: 1px
}

.get-estimate-model .modal-header .close span {
	margin-left: 10px
}

.get-estimate-model .modal-body .planner-details ul li {
	position: relative
}

.get-estimate-model .modal-body .planner-details ul li:after {
	width: 0;
	position: absolute;
	left: 0;
	background: #f13e42;
	content: '';
	-webkit-transition: width 1s;
	transition: width 1s;
	height: 1px;
	bottom: 0
}

.get-estimate-model .modal-body .planner-details ul li:hover:after {
	width: 100%
}

.get-quote-div {
	float: left;
	width: 100%;
	margin-bottom: 30px
}

.get-touch-box {
	width: 45.5%;
	float: left;
	margin-bottom: 30px;
	position: relative;
	margin-right: 70px
}

.get-touch-box input,
.get-touch-box textarea {
	background: 0 0;
	padding: 20px 0 12px;
	width: 100%;
	border: none;
	font: 16px/20px SFProDisplay-Light;
	color: #b8babd;
	border-bottom: 1px solid #1d4170;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	outline: 0!important
}

.get-touch-box input:focus,
.get-touch-box textarea:focus {
	border-bottom: 1px solid #fff
}

.get-touch-box label {
	width: 100%;
	display: block;
	position: relative;
	height: 0;
	margin-bottom: 0
}

.get-estimate-model .get-touch-box label span {
	display: block;
	position: absolute;
	top: -35px;
	left: 0;
	transition: top .5s ease, font-size .5s ease;
	cursor: text;
	font: 16px/20px SFProDisplay-Bold;
	color: #fff;
	cursor: text;
	text-transform: uppercase
}

.get-touch-box input:focus+label>span {
	top: -65px;
	cursor: default
}

.get-touch-box input.have-value+label>span {
	top: -65px;
	cursor: default
}

.get-touch-box textarea.have-value+label>span {
	top: -65px;
	cursor: default
}

.purpose-option {
	margin-right: 5px;
	display: inline-block
}

.purpose {
	margin-bottom: 65px
}

.purpose-box label {
	color: #218a4d;
	font: 13px/20px SFProDisplay-Light;
	border: 1px solid#eaeaea;
	padding: 15px 15px 20px 20px;
	width: 250px;
	margin: 0
}

.purpose-box input {
	float: right
}

.purpose-box label+.checked {
	border: 1px solid #218a4d
}

.get-touch-box.message {
	width: 100%
}

.get-touch-box:nth-child(2n) {
	margin-right: 0
}

.get-touch-box:last-child {
	margin-right: 0
}

.get-touch-box input::-webkit-input-placeholder {
	color: #b8babd
}

.get-touch-box input::-moz-placeholder {
	color: #b8babd
}

.get-touch-box input:-ms-input-placeholder {
	color: #b8babd
}

.get-touch-box input:-moz-placeholder {
	color: #b8babd
}

.get-touch-box textarea::-webkit-input-placeholder {
	color: #b8babd
}

.get-touch-box textarea::-moz-placeholder {
	color: #b8babd
}

.get-touch-box textarea:-ms-input-placeholder {
	color: #b8babd
}

.get-touch-box textarea:-moz-placeholder {
	color: #b8babd
}

.checkbox-custom-label a {
	color: #fff;
	display: inline-block;
	text-decoration: underline;
	font-family: 'SF Pro Display'
}

.checkbox-custom {
	opacity: 0;
	position: absolute
}

.checkbox-custom,
.checkbox-custom-label {
	display: inline-block;
	vertical-align: middle;
	margin: 5px;
	cursor: pointer
}

.checkbox-custom-label {
	position: relative;
	color: #848484;
	font: 16px/26px 'SF Pro Display'
}

.checkbox-custom+.checkbox-custom-label:before {
	content: '';
	background: 0 0;
	border: 1px solid #1d4170;
	display: inline-block;
	vertical-align: middle;
	width: 25px;
	height: 25px;
	padding: 2px;
	margin-right: 10px;
	text-align: center;
	border-radius: 2px;
	float: left
}

.checkbox-custom:checked+.checkbox-custom-label:before {
	content: "";
	font-family: FontAwesome;
	background: 0 0;
	color: #fff;
	float: left;
	background: url(../images/right-icone.png) no-repeat 5px 5px;
	background-size: 66%
}

.get-touch-box textarea {
	background: 0 0;
	width: 100%;
	height: 54px;
	-webkit-appearance: none;
	resize: none
}

.get-touch-box textarea:focus+label>span {
	top: -65px;
	cursor: default
}

.planner-details form {
	width: 100%;
	float: left;
	margin-bottom: 20px
}

#exampleModal1.get-estimate-model .modal-header .close span img {
	width: 15px
}

.attach-file {
	float: left;
	width: 100%
}

.attach-file button {
	margin-right: 35px;
	background: 0 0;
	padding: 0;
	font: 16px/28px 'SF Pro Display';
	color: #fff;
	text-transform: uppercase
}

.attach-file button img {
	width: 28px;
	margin-right: 5px
}

.attach-file input {
	visibility: hidden;
	position: absolute!important
}

.attach-file .input-file {
	display: inline-block;
	width: 75%;
	float: left
}

.attach-file input::-webkit-input-placeholder {
	color: #fff
}

.attach-file input::-moz-placeholder {
	color: #fff
}

.attach-file input:-ms-input-placeholder {
	color: #fff
}

.attach-file input:-moz-placeholder {
	color: #fff
}

.attach-file .attach-info {
	font: 14px/20px SFProDisplay-Light;
	color: #848484
}

.attach-file .get-estimate {
	float: right
}

.attach-file .get-estimate a {
	display: inline-block;
	background: #023575;
	color: #fff
}

.attach-file button:focus {
	box-shadow: none
}

.latest-stories h4 {
	font: 45px/45px SFProDisplay-Bold;
	color: #3e3f44
}

.planner-details .attach-file input {
	width: 100%;
	background: 0 0;
	border: none;
	color: #fff;
	visibility: visible;
	cursor: auto;
	pointer-events: none;
	font-size: 15px
}

.isd {
	float: left;
	width: 20%;
	padding-right: 10px
}

.number {
	float: left;
	width: 80%
}

.chosse-services {
	float: left;
	width: 100%;
	padding-bottom: 10px
}

.get-estimate-model .modal-body .chosse-services h3 {
	margin: 0;
	font: 16px/20px SFProDisplay-Bold;
	color: #fff;
	text-transform: uppercase;
	padding-bottom: 10px;
	padding-top: 10px
}

.choose-option-box {
	float: left;
	padding-right: 10px
}

.get-estimate-model .modal-body .attach-file h3 {
	margin: 0;
	font: 16px/20px SFProDisplay-Bold;
	color: #fff;
	text-transform: uppercase;
	padding-bottom: 10px
}

.get-estimate-row {
	clear: left
}

.form-group.get-estimate-row .get-estimate a {
	display: inline-block
}

.choose-option-box .checkbox-custom-label {
	color: #fff
}

.choose-option-box .checkbox-custom:checked+.checkbox-custom-label::before {
	background: #fff url(../images/right-icone-blue.jpg) no-repeat 3px 4px
}

@media(max-width:1800px) {
	.footer-content {
		max-width: 82%
	}
	.get-estimate-model .modal-footer .contact-details {
		padding: 25px 20px
	}
}

@media(max-width:1440px) {
	.get-estimate-model .modal-body {
		padding: 0
	}
	.footer-content {
		padding: 0
	}
	.get-estimate-model .modal-header {
		margin-bottom: 0;
		padding: 0
	}
	.get-quote-div {
		margin-bottom: 10px
	}
	.get-touch-box {
		margin-bottom: 10px
	}
	.get-touch-box input:focus+label>span {
		top: -50px
	}
}

@media(max-width:1360px) {
	h2.sec-main-head {
		font-size: 25px;
		line-height: 35px
	}
	.category__text {
		width: 50%
	}
	.home-intro__right {
		width: 50%
	}
	.category.category--a::after {
		right: 0;
		width: 875px;
		height: 600px;
		background-size: 100%;
		top: 29px
	}
	.category.category--c::after {
		width: 850px;
		height: 580px;
		background-size: 100%;
		left: 0;
		bottom: 0;
		top: unset
	}
	.category.category--b::after {
		width: 800px;
		height: 500px;
		background-size: 100%;
		right: 0
	}
	.category--a {
		padding-bottom: 100px
	}
	.category.category--c {
		padding-bottom: 85px
	}
	.category.category--b {
		padding-bottom: 100px
	}
}

@media(max-width:1300px) {
	.latest-stories {
		padding: 60px 25px!important
	}
	#partner img {
		max-width: 100%
	}
}

@media(max-width:1280px) {
	.our-left-details,
	h3.sec-main-head::before {
		width: 15px;
		left: -20px
	}
	h2.sec-main-head {
		font: 30px/40px SFProDisplay-Bold
	}
	.latest-stories p {
		font: 20px/35px 'SF Pro Display';
		font-weight: 300
	}
	.date-category,
	.date-category p {
		padding-bottom: 5px
	}
	.get-estimate-model .modal-dialog {
		max-width: 90%
	}
	.footer-content {
		max-width: 90%
	}
	.contact-box a {
		font-size: 15px
	}
	.get-estimate-model .modal-footer .contact-details span {
		font-size: 15px
	}
}

@media(max-width:1024px) {
	.category.category--a::after {
		width: 650px;
		height: 400px
	}
	.category.category--c::after {
		width: 600px;
		height: 400px
	}
	.category.category--b::after {
		width: 600px;
		height: 400px
	}
	.category__text {
		padding-top: 20px
	}
	.category {
		padding-top: 50px
	}
	.category--a {
		padding-bottom: 50px
	}
}

@media(max-width:991px) {
	.latest-stories h2 {
		font-size: 25px;
		line-height: 30px
	}
	.get-estimate-model .modal-footer .contact-details {
		padding: 25px 20px;
		width: 50%;
		border-bottom: 1px solid #244973
	}
	.get-estimate-model .modal-footer .contact-details:first-child {
		border-left: 1px solid #244973
	}
	.get-estimate-model .modal-footer .contact-details:nth-child(3) {
		border-left: 1px solid #244973
	}
	.get-touch-box {
		margin-right: 43px
	}
}

@media(max-width:767px) {
	.latest-stories {
		padding: 40px 25px 40px!important
	}
	.category.category--c .category__text {
		padding-top: 0;
		padding-bottom: 50px;
		padding-left: 0
	}
	.category__text {
		padding-bottom: 50px!important
	}
	.get-estimate-model .modal-footer {
		position: relative
	}
	.latest-stories {
		display: none
	}
}

@media(max-width:540px) {
	.get-estimate-model .modal-footer .contact-details {
		width: 100%;
		border-left: 1px solid #244973
	}
	.get-estimate-model .modal-footer .contact-details figure img {
		width: 35px
	}
	.get-estimate-model .modal-footer .contact-details figure {
		width: auto
	}
	.get-estimate-model .modal-footer .contact-details .contact-box {
		padding-left: 10px
	}
	.get-touch-box {
		width: 100%;
		margin-right: 0
	}
	.get-quote-div {
		margin-bottom: 15px
	}
}

@media(max-width:480px) {
	.get-estimate-model .modal-body h2 {
		width: 100%;
		font-size: 30px;
		line-height: 36px
	}
	.get-estimate-model .modal-body .planner-details ul li a {
		font-size: 15px
	}
	.get-estimate-model .modal-header {
		margin-bottom: 15px
	}
}

.faq-section {clear: left;width: 100%;float: left;padding: 70px 0px !important;}
.faq-section h2.sec-main-head{font-size: 30px; }
.faq-section .card-header {	background-color: transparent;border-bottom: transparent;padding: 25px 5px 25px 30px;}
.faq-section .card {border: none;border-bottom: 1px solid #cad7e8;position: relative;border-radius: 0px !important;
background: none;}
.faq-section .card-header {background-color: transparent;border-bottom: transparent;padding: 25px 5px 25px 30px;}
.faq-section .card-header .card-link {font: 19px/25px "SF Pro Display";text-transform: inherit;color: #023575;
	display: block;	position: relative;	margin-bottom: 0; font-weight: bold;padding-right: 40px;}
.faq-section .card-header .card-link.collapsed::after {	content: "";
	background: url("../images/accordtion-arrow2.png") no-repeat; display: block !important;
}
.faq-section .card-header .card-link::after {color: #fff;
	background: url("../images/accordtion-arrow1.png") no-repeat;
	width: 30px;height: 30px;text-align: center;border-radius: 50%;line-height: 31px;position: absolute;display: block;
	cursor: pointer;right: 0;top: 0px;}
.faq-section .card-header .card-link::after {font-family: FontAwesome;content: "";float: right;}
.faq-section .card-body p {	font: 17px/27px "SF Pro Display";color: #023575;padding: 0 20px 20px 30px; margin-bottom: 0px;}
.faq-section h3.sec-main-head {
   color: #f13e42; text-transform: unset;
}
.faq-section .card-body ul li {	font: 17px/27px "SF Pro Display";color: #023575;padding-bottom:10px; padding-left: 30px; position: relative;}
.faq-section .card-body ul li:before{ width: 10px;height: 10px;border-radius: 10px;position: absolute;left: 11px;top: 9px;
content: '';background: #023575;}

p.sub-content-para {
    font: 17px/27px "SF Pro Display";
    color: #023575;
    margin-bottom: 0px;
}



/******** Tis disgital home page css *****************/

.banner-home{ padding-top: 66px; background: url(../images/india/header-bg.png) no-repeat; height: 392px;
background-size:cover; text-align: center;}
.banner-main{ padding-top: 47px; }
.banner-main h1{ font: 40px/40px 'SFProDisplay-Bold'; color: #000000; text-transform: uppercase; padding-bottom: 25px;}
.banner-main h2{ font: 30px/30px 'SF Pro Display'; color:#000000; text-transform: uppercase; 
padding-bottom: 25px;}
.banner-main a{ background:#E35926; padding: 15px 35px; display: inline-block; font:21px/21px 'SFProDisplay-Bold';
color: #fff; border-radius: 50px;-webkit-transition: background-color 0.3s ease-out;
  -moz-transition: background-color 0.3s ease-out;
  -o-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out;  }
.banner-main a:hover{background: #035593;}
.banner-main a img{ margin-left: 5px; }

.goodfrimes-outer{ float: left; width: 100%; background:#035593; }
.goodfrims-main{ float: left; width: 100%; padding: 20px 0px;}
.goodfrims-main ul{ display: flex; }
.goodfrims-main ul li{ width: 33.33%; float: left;text-align: center; }
.star { display: block; padding-bottom: 15px;}
.goodfrims-main ul li h3{ font:24px/24px 'SFProDisplay-Bold'; color: #fff; }

.our-client-outer{ float: left; width: 100%; padding:48px 0px; }
.our-client-heading{ border-bottom: 1px solid #707070; margin-bottom: 30px; }
.our-client-heading h1{ text-align: center; font: 40px/40px 'SFProDisplay-Bold'; color:#262626; padding-bottom:58px;
position: relative;}
.our-client-heading h1:before{ background:#035593; bottom:-3px; left: 0px; width: 100%; height: 6px;
position: absolute; content: '';  }
.our-client-heading h1:after{ width: 25px; height: 27px; background: url(../images/india/heading-arrow.jpg) no-repeat;
content: ''; position: absolute; left:0; right: 0px; margin: 0 auto; bottom: -13px; }
.our-client-heading h1 span{ font-family:'SF Pro Display';  }
.our-client-box{ float: left; width: 50%; padding:0px 45px; }
.our-client-area figure img{ width: 100%;  }
.our-client-area figure{ margin-bottom: 0px; }
.our-client-main{ margin-left: -45px; margin-right: -45px; }
.our-client-blue{ background:#035593; padding: 16px 10px; text-align: center; }
.our-client-blue h5{font:18px/18px 'SF Pro Display'; color:#FFE500; padding-bottom: 10px;}
.our-client-blue h6{font:16px/18px 'SFProDisplay-Bold'; color:#FFE500; padding-bottom: 10px;}
.our-content-text{ border:1px solid #707070; padding: 20px 30px; float: left; width: 100%;}
.our-content-text ul li{ float: left; width: 50%;padding-bottom: 5px; text-align: center; padding-right: 15px;}
.our-content-text ul li:last-child{ padding-right: 0px;border-left: 1px solid #707070;}
.our-content-text ul li h6{ font:40px/40px 'SFProDisplay-Bold'; color:#035593; padding-bottom: 8px; }
.our-content-text ul li p{ font:18px/18px 'SF Pro Display'; color:#000000; }
.our-client-content{ float: left; width: 100%; }
.our-client-content p{ font:16px/30px 'SF Pro Display'; color:#000000;  }
.our-client-content a{ font:16px/30px 'SFProDisplay-Bold'; color:#035593; }
.our-content-text ul{ padding-bottom:15px; float: left; width: 100%; }

.client-are-saying-outer{ float: left; width: 100%; padding:32px 0px; }
.clinet-say-main{ margin-right: -40px; margin-left: -40px; }
.clinet-say-main h1{ text-align: center; font: 40px/40px 'SFProDisplay-Bold'; color:#262626; padding-bottom:58px;
position: relative;}
.clinet-say-main h1 span{ font-family:'SF Pro Display';  }
.client-say-box-area{ float: left; width: 33.33%; padding: 0px 40px; text-align: center; }
.client-say-content figure{ margin-bottom: 5px; }
.client-say-area h3{ font:20px/30px 'SFProDisplay-Bold'; color: #262626;}
.client-say-area label{ font:18px/30px 'SF Pro Display'; color: #262626; }
.client-say-area h5{ font:18px/30px 'SF Pro Display'; color: #fff; background:#035593; border-radius:5px;
margin-bottom: 15px; padding: 2px 0px;}
.client-say-area p{ font:17px/26px 'SF Pro Display'; color: #262626; padding-bottom: 20px; }
.client-say-area p a { font: 18px/30px 'SFProDisplay-Bold'; color: #262626; text-transform: capitalize;}



.why-choose-outer{float: left; width: 100%; padding:48px 0px;}
.why-choose-heading{ border-bottom: 1px solid #707070; margin-bottom: 30px; }
.why-choose-heading h1{ text-align: center; font: 40px/40px 'SFProDisplay-Bold'; color:#262626; padding-bottom:58px;
position: relative;}
.why-choose-heading h1:before{ background:#035593; bottom:-3px; left: 0px; width: 100%; height: 6px;
position: absolute; content: '';  }
.why-choose-heading h1:after{ width: 25px; height: 27px; background: url(../images/india/heading-arrow.jpg) no-repeat;
content: ''; position: absolute; left:0; right: 0px; margin: 0 auto; bottom: -13px; }
.why-choose-heading h1 span{ font-family:'SF Pro Display';  }
.why-choose-main{ float: left; width: 100%; padding-bottom:30px; }
.why-choose-main p{font:18px/26px 'SF Pro Display'; color: #262626;}
.why-choose-top-content{ padding-bottom: 15px; }
.choose-left{ width: 50%; float: left; padding-right: 45px; }
.choose-right-vedio{ float: left;width: 50%; position: relative; }
.vedio-icone{ position: absolute; left: 0; right: 0; top:0; bottom: 0; width:127px; height:127px;
margin: auto; }
.choose-left p{ padding-bottom: 20px; }
.choose-left h6{font:18px/26px 'SFProDisplay-Bold'; color: #262626;}

.proven-result-main{ clear: left; margin-left: -19px; margin-right: -19px; }
.proven-result-box{ padding: 0px 19px; float: left; width: 25%; }
.proven-result-area{ text-align: center; }
.proven-result-area h5{ font: 18px/30px 'Segoe-UI-Semibold';color: #fff;background: #035593;border-radius: 5px;
margin-bottom: 15px;padding: 2px 5px;text-align: center;}
.proven-result-area p{ font:18px/26px 'SF Pro Display'; color: #262626; text-align: left; padding-bottom: 18px;}
.proven-result-area a{ font: 18px/30px 'Segoe-UI-Semibold'; color: #262626; text-transform:capitalize; }
.proven-result-area a img{ margin-left: 8px; }


.awards-winning-outer{float: left; width: 100%; padding:32px 0px;}
.awards-winning-heading{ border-bottom: 1px solid #707070; margin-bottom: 30px; }
.awards-winning-heading h1{ text-align: center; font: 40px/40px 'SFProDisplay-Bold'; color:#262626; padding-bottom:58px;
position: relative;}
.awards-winning-heading h1:before{ background:#035593; bottom:-3px; left: 0px; width: 100%; height: 6px;
position: absolute; content: '';  }
.awards-winning-heading h1:after{ width: 25px; height: 27px; background: url(../images/india/heading-arrow.jpg) no-repeat;
content: ''; position: absolute; left:0; right: 0px; margin: 0 auto; bottom: -13px; }
.awards-winning-heading h1 span{ font-family:'SF Pro Display';  }
.content-awards{ text-align: center; padding-bottom:25px; }
.content-awards p{font:18px/26px 'SF Pro Display'; color: #262626; padding-bottom: 25px;}
.content-awards a{ font: 18px/30px 'Segoe-UI-Semibold'; color: #262626; text-transform:capitalize; }
.content-awards a img{ margin-left: 8px; }
.awards-area{ width: 100%; display: flex; align-items: center; justify-content: center;
box-shadow: 2px 3px 3px 1px rgba(0,0,0,0.28);-webkit-box-shadow: 2px 3px 3px 1px rgba(0,0,0,0.28);
-moz-box-shadow: 2px 3px 3px 1px rgba(0,0,0,0.28); min-height: 141px; }
.awrders-bx{ padding:10px 6px; }
.awards-slider .slick-arrow{ position: absolute; bottom: -90px; top:unset !important; right: 0;
left: 0;margin: 0 auto; border: 1px solid #707070;background: #fff;width: 44px;height: 44px;border-radius: 100%;
font-size: 0;-webkit-transition: all 0.6s;-ms-transition: all 0.6s;transition: all 0.6s;z-index: 99;
-webkit-transition: background-color 0.3s ease-out;
  -moz-transition: background-color 0.3s ease-out; -o-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out; }
.awards-slider .slick-arrow.slick-next:hover{ background: #FFE500; }
.awards-slider .slick-arrow:before{position: absolute;left: 17px;top: 2px;width: 17px;height: 31px;content: "";}
.awards-slider .slick-arrow.slick-prev:before{background: url(../images/india/slider_arrow_prev.png) no-repeat 0 0;
background-size: 12px;background-position: 0px 9px;left: 13px;top: 2px;}
.awards-slider .slick-arrow.slick-next:before{background: url(../images/india/slider_arrow_next.png) no-repeat 0 0;
    background-size: 12px;background-position: 0px 9px;}
.awards-slider .slick-arrow.slick-prev {left: -60px;}
.awards-slider .slick-arrow.slick-next { right: -60px;}
.awards-slider .slick-arrow.slick-prev:hover{background: #FFE500;}
.awards-main-slider{ float: left; width: 100%;position: relative; }
.progress-round__wrap { position: absolute; bottom: -85px; width: 100%; left: 0px;}
.progress-round__wrap .progress { height: unset; display: block; background: none; position: relative;
   left: 25px;top: 0; margin: 0 auto;}
.progress circle{fill: transparent;stroke: #002C6C;stroke-width: 2;}


.certification-outer{float: left; width: 100%; padding: 95px 0px 48px;}
.certification-left{ float: left; width: 50%; padding: 0px 20px; text-align: center; }
.certification-left figure img{ max-width: 100%; }
.certification-left h3{ font:40px/40px 'SFProDisplay-Bold'; color:#262626; padding-bottom: 65px; }
.certification-left h3 span{ font-family:'SF Pro Display';  }

.brand-online-outer{float: left; width: 100%; background: #035593; padding: 52px 0px 82px;}
.brand-head{ text-align: center; padding-bottom: 40px; }
.brand-head h2{font:40px/40px 'SFProDisplay-Bold'; color:#fff; padding-bottom: 25px;}
.brand-head h2 span{ font-family:'SF Pro Display'; }
.brand-head p{font:18px/26px 'SF Pro Display'; color: #fff;}
.brand-box { float: left; width: 33.33%;  padding: 0px 22px; }
.brand-area figure img{max-width:100%;}
.brand-area{background: #fff; padding: 19px 20px 27px; text-align: center;}
.brand-area h5{ font:18px/26px 'SFProDisplay-Bold'; color:#262626; text-align: center; padding-bottom: 17px; }
.brand-area h5 a{ font:18px/26px 'SFProDisplay-Bold'; color:#262626;}
.brand-area p{ font:18px/26px 'SF Pro Display';color:#262626; padding-bottom: 30px; text-align: left;}
.brand-area a {font: 18px/30px 'Segoe-UI-Semibold'; color: #262626; text-transform: capitalize;}
.brand-area a img {  margin-left: 8px;}
.brand-main{ margin-left: -22px; margin-right: -22px; }


.digital-outer{float: left; width: 100%; padding: 70px 0px 0px;}
.digital-heading h2{ text-align: center; font: 40px/40px 'SFProDisplay-Bold'; color:#262626; padding-bottom:58px;
position: relative;}
.digital-heading h2:before{ background:#035593; bottom:-3px; left: 0px; width: 100%; height: 6px;
position: absolute; content: '';  }
.digital-heading h2:after{ width: 25px; height: 27px; background: url(../images/india/heading-arrow.jpg) no-repeat;
content: ''; position: absolute; left:0; right: 0px; margin: 0 auto; bottom: -13px; }
.digital-heading h2 span{ font-family:'SF Pro Display';  }
.digital-main{ display: flex; flex-wrap: wrap; }
.didgital-marketing-box{ float: left; width: 33.33%; padding: 58px 26px 0px; border-bottom: 1px solid #707070;
border-right: 1px solid #707070; display: flex;}
.marketing-area{ position: relative; padding-bottom: 80px; }
.marketing-area h5{ display:flex; }
.marketing-head{ font:22px/30px 'SFProDisplay-Bold'; color:#262626; padding-left: 10px; padding-bottom: 25px;
text-transform: uppercase;}
.marketing-area p{font:18px/26px 'SF Pro Display';color:#262626; padding-bottom: 25px;}
.marketing-area a{font: 18px/30px 'Segoe-UI-Semibold'; color:#262626; position: absolute; bottom:50px; left: 0px;}
.marketing-area a img{ margin-left: 8px; }
.didgital-marketing-box:nth-child(3n) {
    border-right: 0;
}

.grow-business-outer{ float: left; width: 100%; background: #035593; padding: 31px 0px 42px; }
.grow-business-main h2{text-align: center; font: 40px/40px 'SFProDisplay-Bold'; color:#fff; padding-bottom:28px;
position: relative;}
.grow-business-main{ text-align: center; }
.grow-business-main h2 span{ font-family:'SF Pro Display';  }
.grow-business-main p{font:18px/26px 'SF Pro Display';color:#fff; text-align: }
.grow-business-main ul{ padding-top:35px; }
.grow-business-main ul li{ display: inline-block; margin:0px 8px; }
.grow-business-main ul li a{ font:21px/54px 'FSMencap-Bold'; color: #fff; border: 1px solid #FFE500;
display: inline-block; padding: 0px 30px; border-radius: 54px;-webkit-transition: background-color 0.3s ease-out;
  -moz-transition: background-color 0.3s ease-out; -o-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out; }
.grow-business-main ul li a:hover{ background:#FFE500; color:#262626;  }
.grow-business-main ul li a img{ margin-left: 8px; }
.grow-business-main ul li a.get-number{ font-family: 'FS-Mencap'; background: #FFE500; color: #262626;
padding-left: 7px; }
.grow-business-main ul li a.get-number img{ margin-left: 0px; margin-right: 10px;float: left;
margin-top: 5px;display: inline-block !important; }
.grow-business-main ul li a.get-number:hover{ background: none; color: #fff; }
.hover-btn-img{ display: none; }
.grow-business-main ul li a:hover img{ display: none; }
.grow-business-main ul li a:hover img.hover-btn-img{ display: inline-block; }

.tis-digital-cont-outer{float: left; width: 100%; padding: 61px 0px;}
.tis-digital-content{ width: 33.33%; float: left; padding-right: 45px;}
.tis-digital-logo{ float: left; width: 33.33%; }
.tis-socail{ float: left; width: 33.33%; text-align: right; }
.tis-digital-logo img{ width: 254px;margin: 0 auto;display: block; }
.tis-digital-content h2{ font:30px/30px 'SFProDisplay-Bold'; color:#035593; padding-bottom: 10px; }
.tis-digital-content p{font:18px/26px 'SF Pro Display';color:#262626;}
.tis-socail .socail{ text-align: center; display: flex; justify-content: flex-end; padding-bottom: 30px; }
.tis-socail .socail li{ float: right; padding-left: 45px; }
.tis-socail p span{ font:20px/26px 'SFProDisplay-Bold'; color: #035593; display: inline-block; padding-right: 5px; }
.tis-socail p.number a{  font:20px/26px 'SFProDisplay-Bold';color:#262626; }
.tis-socail p{ padding-bottom: 10px; width: 100%;display: block;margin: 0;}
.tis-socail p a{font:20px/26px 'SFProDisplay-Bold'; color: #035593; }
.progress-round__wrap {display: none !important;}


/* India Page Responsive Css */


@media screen and (max-width: 1440px) {
.get-estimate-model .modal-dialog .modal-content .modal-body{ padding: 0px 0px 0px 0px; }
.modal-open .form-bg {
    padding: 20px 30px;
}
}
@media only screen and (max-width:1280px) {

	.page-box {width:100%; padding:40px 0 300px;}
	.ithink-cont {padding:0 40px;}
	.ithink-cont p {margin-bottom:20px;}
	.errorPerson {bottom:-70px; right:0px; left:0; margin:auto;}
	.backend-wavs {height:80px;}
	.front-waves {height:80px;}
	.footer-main {padding-bottom:25px;}
}
@media screen and (max-width: 1170px) {
.header-main{padding: 0px 15px;}
 body .container{ padding: 0px 15px !important; }
 .choose-right-vedio img{ max-width: 100%; }
 .market-content-box ul li h3{ font-size: 25px; }
 .merket-area figure img{ width: 100%; }
 .market-text-above{ padding: 10px 30px; }
 .services-merketing-row{margin-left: -25px;margin-right: 0px;display: flex;
flex-wrap: wrap;}
 .remco-services-again{margin-left: -25px;margin-right: 0px;display: flex;
flex-wrap: wrap;}
.reco-degital ul li{ padding-right: 10px; }
.reco-degital ul {
    padding: 50px 0; float: left; width: 100%;
}
.reco-content-text{ padding-left: 15px; }
.servc-head{ font-size: 18px; line-height: 26px;}
.reco-content-img img{ max-width: 100%;  }
}

@media screen and (max-width: 1024px) {
    .digital-services-image { width: 45%;    }
    .digital-services-image img{ max-width: 100%; }
    .digital-services-content { width: 55%;}
    .internet-image { width:45%; }
     .internet-image img{ max-width: 100%; }
    .internet-content{ width: 55%; }
    .get-estimate-model .modal-dialog {
    max-width: 800px;
}
.free_quote .form-check {
    padding-left: 45px !important;
    font-size: 16px;line-height: 35px;
}

}

@media screen and (max-width: 1023px) {
.intenet-area-box{ width: 50%; padding-bottom: 30px; }
.services-redio{ width: 100%; }
.contact-referred {float: left; width: 100%;}
.market-content-box{min-height: 250px;}
}


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

.our-client-box{padding: 0px 15px;}
.our-client-main {
    margin-left: -15px;
    margin-right: -15px;
}
.client-say-box-area{ padding: 0px 15px; }
.clinet-say-main {
    margin-left: -15px;
    margin-right: -15px;
}
.client-say-area h5{ font-size: 15px; }
.proven-result-main{margin-left: -15px;margin-right: -15px;}
.proven-result-box{ padding: 0px 15px; }
.proven-result-box{ width: 50%; }
.brand-box{padding: 0px 15px;}
.brand-main{margin-left: -15px;margin-right: -15px;}
.didgital-marketing-box{ width: 50%; }
.didgital-marketing-box:nth-child(3n) {
   border-right: 1px solid #707070;
}
.didgital-marketing-box:nth-child(2n) {
   border-right: 0px;
}
.tis-digital-logo{ width: 25%; }
.tis-digital-logo img{ max-width: 100%; }
.tis-socail{ float: right;width: auto; }
.tis-socail .socail li{ padding-left: 24px; }
.tis-socail .socail li:first-child{padding-left:0px;}
.tis-socail p span{ font-size: 15px; }
.tis-socail p.number a{ font-size: 15px; }
.tis-digital-content{ width: 37%; padding-right: 20px; }
.copy-right ul li a{ font-size: 13px; padding: 0px 13px;}
.copy-right ul li span{ font-size: 13px;padding-right: 13px; }
.banner-main h1, .clinet-say-main h1, .our-client-heading h1, .why-choose-heading h1, .awards-winning-heading h1, .brand-head h2, 
.digital-heading h2, .grow-business-main h2, .footer-main h2, .certification-left h3, .contact-banner h1, .faq-head h2{ font-size: 30px; line-height: 30px;}
.banner-main h2{ font-size: 20px; }
.client-say-area label{ font-size: 15px; }
.client-say-area p, .why-choose-main p, .proven-result-area p, .content-awards p, .brand-head p, 
.brand-area p, .marketing-area p, .grow-business-main p, .tis-digital-content p, .footer-main p{ font-size: 16px; }
.footer-box ul li a{ font-size: 16px; }
.proven-result-area{ padding-bottom: 30px; }
.our-content-text ul li h6{ font-size: 30px; line-height: 30px; }
.our-content-text ul li p{ font-size: 16px; }
.certification-left h3{  font-size: 30px; line-height: 30px; }
 .number-sec a{ font-size: 13px; }
 .header-main { padding: 0px;}
.internet-merketing-main h2, .services-marketing-main h2, .rco-head h2, .team-reco-tis h2, .contact-us-outer h2{font-size: 30px; line-height: 30px;}
.digital-services-content p, .internet-content p, .marketing-bottom p, .services-marketing-area p, .reco-left p, .reco-degital ul li,
.reco-content-text p, .team-reco-left p, .faq-main .card-body p, .contact-bx label, .con-group label, .contact-message label, .contact-referred label,
 .contact-row p, .tech-cont-main p, .seo-tech-content p, .local-optimization p, .local-optimization ul li, .local-optimization p, .organic-traffic .services-marketing-main p,
 .organic-traffic .services-marketing-main p, .thrive-main h6, .services-marketing-main p{ font-size: 16px;  line-height: 26px; }
 .reco-degital ul li::before{width: 12px;height: 12px; top: 8px;}

.seo-tech-row h2, .local-business-head h2, .technical-services-head h2, .thrive-head h2{font-size: 30px; line-height: 30px;}
.services-marketing-bx{ width: 50%; }

.organic-traffic .services-marketing-bx{ padding: 0px 15px 20px; }
.technical-services .services-marketing-bx{ padding: 0px 15px 20px; }
.technical-services .services-merketing-row{margin-left: -15px;margin-right: -15px;}
.organic-traffic .services-merketing-row{margin-left: -15px;margin-right: -15px;}
.seo-tech-row h2{ text-align: center; }
.seo-tech-img{ padding-bottom: 20px; }
.seo-tech-img img{ width: 100%; }
.contact-banner p{ font-size: 22px; }
.contact-us-page-right{ width: 50%;padding: 30px 28px;  }
.contact-us-page-left{ width: 50%;  padding: 30px 28px;}
.contct-branch li .country-code{ min-width: 90px; }

 .socail-icone ul li{ padding-right: 24px; }
 .blog-details-left h2{ font-size: 25px; }
 .blog-details-left > ul > li{ padding-bottom: 20px; font-size: 16px; line-height: 26px; }
 .blog-details-left p{ padding-bottom: 20px; font-size: 16px; line-height: 26px;}
 .blog-cate-box{ width: 50%; }
 .banner-main p{ font-size:20px;}
}

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


.number-area{margin-right: 70px;}






.number-area{ position: relative; z-index: 9; }
.services-marketing-bx{ width: 50%; }
.services-con-bx{ width: 50%; }
.team-reco-tis > p{ font-size: 18px; }
.internet-merketing-main p{ font-size: 18px; }
.local-optimization h6{ font-size: 18px; }
.seo-tech-img{ width: 100%; }
.seo-tech-content{ width: 100%; padding-left: 0px; }
.local-optimization h3{ font-size: 18px; }
.organic-traffic .services-marketing-main h6{font-size: 18px;}

}
@media screen and (max-width: 767px) {
	.client-say-box-area{ width: 50%; }
    .goodfrims-main ul{ flex-wrap: wrap; }
    .goodfrims-main ul li{ width: 100%; padding-bottom: 20px;border-bottom: 1px solid #0764aa;padding-top: 20px; }
    .goodfrims-main ul li:last-child{ border-bottom: none; }
    .footer-box{ width: 33.33%; padding-bottom: 30px; }
    .brand-box{ width: 100%; padding-bottom: 30px; }
    .didgital-marketing-box{ width: 100%; border-right: none !important;padding: 23px 0px 0px; }
    .tis-digital-content{ width: 100%; padding-right: 0px;padding-bottom: 50px; }
    .progress-round__wrap{bottom: -56px;}
    .copy-right ul{ flex-wrap: wrap; }
    .marketing-area h5{ align-items: center; padding-bottom: 10px; }
    .marketing-area h5 .marketing-ico{ width: 45px; min-width: 45px; margin-right: 8px;}
    .marketing-area h5 .marketing-ico img{ max-width: 100%;  }
    .brand-online-outer{ padding-bottom: 20px; }
    .digital-services-image {width:100%; padding-bottom: 30px;}
    .digital-services-content {width: 100%; padding-left: 0px;}
    .digital-row:nth-child(2n) .digital-services-content{ padding-right:0px; }
    .digital-row{ flex-wrap: wrap; padding-bottom: 0px;}
    .digital-services-image img{ width: 100%; }
    .internet-marketing-outer{ padding: 50px 0px; }
    .internet-row{ flex-wrap: wrap; }
    .internet-image{ width: 100%; padding-bottom: 30px;}
    .internet-image  img{ width: 100%; }
    .internet-content{ width: 100%;  padding-left: 0px;}
    .reco-left{ width: 100%; padding-right: 0px; }
    .reco-image{ width: 100%;}
    .reco-image img{ width: 100%; }
    .reco-content-img{ width: 100%; padding-bottom: 30px; }
    .reco-content-img img{ width: 100%; }
    .reco-content-text{ width: 100%; padding-right: 0px; }
    .team-reco-left{ width: 100%; padding-right: 0px; padding-bottom: 20px;}
    .team-reco-images{ width: 100%; }
    .team-reco-images img{ width: 100%; }
    .contact-row .services-redio h3{ width: 100%; }
    .faq-main .card-header a{ font-size: 18px; }
    .intenet-area-box{ width: 100%; }
    .market-content-box{ min-height: unset; }
    .contact-us-page-left{ width: 100%; }
    .contact-us-page-right{ width: 100%; }
    .contact-us-page{ flex-wrap: wrap; }
    .free_quote .col { padding: 0;position: relative; width: 100%; margin-bottom: 20px;}
    .free_quote .form-row {margin-bottom: 0; flex-direction: column; margin-top: 0;}
    .free_quote .col + .col { padding-left: 0;}
    .free_quote .form-check { margin: 0 0 15px 0; width: 100%; padding-left: 50px !important;}
    .get-quote-div { padding: 0px 0px 30px;margin-bottom: 0;}
    .free_quote .form-row.location, .free_quote .form-row.details{ margin-top: 0px; }
    .get-estimate-model .modal-body .get-quote-div h2 { font:17px/40px "Segoe-UI-Bold" !important;}
    .get-quote-div .tis_icon { float: left; position: absolute; left: 0; top: 4px; width: 40px;}
    .blog-details-left{ width: 100%; padding-right: 0px; border: none}
    .blog-details-right{ width: 100%; padding-left: 0px; }
    .blog-details-date ul li h4{ font-size: 25px; }
    .blog-view{ font-size: 16px; }
   
    .number-sec a img{width: 28px;height: 28px;}
    .award-explore{ padding:0px 30px;}
	.page-box {width:100%; padding:40px 0px;}
	.ithink-cont {padding:0 40px;}
	.ithink-cont p {margin-bottom:20px;}
	.errorPerson {display:none;}
	.backend-wavs {display:none;}
	.front-waves {display:none;}
	.ithink-cont {padding:0 30px;}
	.ithink-cont p {font:italic 300 15px/25px 'SF Pro Display';}
	.ithink-cont h1 {font:700 45px/50px 'SF Pro Display';}
	.ithink-cont a {padding:18px 25px;}
	.thank-you-area{padding: 50px 25px;}
	.author-name{ width: 100%; border-bottom: 1px solid #707070; padding-bottom: 18px;}
    .socail-icone{ width: 100%; }
    
}

@media screen and (max-width: 600px) {
.grow-business-main ul li {display: block;
    margin: 0px 8px 10px;
}
.certification-left{ width: 100%; }
.our-client-box{ width: 100%; padding-bottom: 30px; }
.client-say-box-area{ width: 100%; padding-bottom: 20px; }
.choose-left{ width: 100%;  padding-right: 0px; }
.choose-right-vedio{ width: 100%; }
.proven-result-box{width: 100%;}
.tis-digital-logo{ width: 150px; }
.choose-left h6{ padding-bottom: 10px; }
.number-sec a{ font-size: 0px; padding:5px 4px 5px 5px; }
.number-sec a img{ margin-right: 0px; }
.header-main{ padding:0px; }
.logo{ width: 120px; padding-top: 14px;}
.logo img{ max-width: 100; }
.our-client-outer{ padding-bottom: 0px; }
.marketing-head{ font-size: 17px; line-height: 23px; }
.client-are-saying-outer{ padding-bottom: 0px; }
.why-choose-outer{ padding-bottom: 0px; }
.certification-outer{ padding: 45px 0px 48px; }
.services-marketing-bx{width: 100%; padding-bottom: 30px;}
.reco-degital ul li{ padding-right: 0px; width: 100%; padding-bottom: 5px; }
.services-con-bx{ width: 100%; }
.contact-bx{ width: 100%; }
.local-optimization ul{ padding: 0px 0px 30px; }
.local-optimization ul li{ width: 100%; }
.technical-services .services-marketing-bx{ width: 100%; padding-bottom: 30px; }
.services-marketing-bx.services-marketing-bx1 {
    width: 100%;
}
.blog-cate-box { width: 100%;}
.blog-page-main{ max-width: 100%; }
}
@media screen and (max-width: 480px) {
.blog-details-date ul{ flex-wrap: wrap;  }
.blog-details-date ul li{ width: 100%; padding-bottom: 10px; }
.blog-details-date ul li:nth-child(2) { order: 1;}
.blog-details-date ul li{ order: 2; }
.blog-details-left h2 {
    font-size: 20px; line-height: 25px;
}
.socail-icone ul li {
    padding-right: 11px;
}
.socail-icone h3{ padding-right: 20px; font-size: 16px; }
.author-name h3{ font-size: 16px; }
}

@media screen and (max-width: 414px) {
.banner-main h1, .clinet-say-main h1, .our-client-heading h1, .why-choose-heading h1, .awards-winning-heading h1, .brand-head h2, 
.digital-heading h2, .grow-business-main h2, .footer-main h2, .faq-head h2, .certification-left h3{ font-size: 25px; line-height: 30px;padding-bottom: 20px;}
.banner-main h2{ font-size: 18px; }
.client-say-area label{ font-size: 14px; } 
.client-say-area p, .why-choose-main p, .proven-result-area p, .content-awards p, .brand-head p, 
.brand-area p, .marketing-area p, .grow-business-main p, .tis-digital-content p, .footer-main p{ font-size: 15px; }
.footer-box ul li a{ font-size: 16px; }
.proven-result-area{ padding-bottom: 30px; }
.our-content-text ul li h6{ font-size: 25px; line-height: 25px; }
.our-content-text ul li p{ font-size: 15px; }
.certification-left h3{  font-size: 25px; line-height: 25px; }
.tis-digital-content h2{ font-size: 25px; line-height: 25px; }
.tis-socail{ width: 100%;clear: left;float: left;text-align: left;}
.tis-socail .socail{justify-content: flex-start;padding-bottom: 20px;}
.tis-socail{ padding-top: 20px; }
.footer-box{ width: 100%; padding-right: 0px; }
.grow-business-main ul li a{ font:17px/40px 'FSMencap-Bold' }
.grow-business-main ul li a.get-number img{width: 30px;height: 30px;}
.banner-main a{padding: 10px 35px; font: 17px/21px 'FSMencap-Bold';}
.marketing-bottom a{padding: 10px 35px; font: 17px/21px 'FSMencap-Bold';}
.services-btn a{padding: 10px 35px; font: 17px/21px 'FSMencap-Bold';}
.connect-btn a{padding: 10px 35px; font: 17px/21px 'FSMencap-Bold';}
.local-btn a{padding: 10px 35px; font: 17px/21px 'FSMencap-Bold';}
.thrive-btn a{padding: 10px 35px; font: 17px/21px 'FSMencap-Bold';}
.con-pag-bx input.send-request{height: 41px; font: 17px/40px 'Segoe-UI-Bold';}
.copy-outer{ margin-top: 0px; }
.footer-outer{ padding-bottom: 21px; }
.copy-right{ padding-top: 20px; }
.internet-merketing-main h2, .services-marketing-main h2, .rco-head h2, .team-reco-tis h2, .contact-us-outer h2, .contact-banner h1{font-size: 25px; line-height: 25px;}
.digital-services-content p, .internet-content p, .marketing-bottom p, .services-marketing-area p, .reco-left p, .reco-degital ul li,
.reco-content-text p, .team-reco-left p, .faq-main .card-body p, .contact-bx label, .con-group label, .contact-message label, .contact-referred label,
 .contact-row p, .tech-cont-main p, .seo-tech-content p, .local-optimization p, .local-optimization ul li, .local-optimization p, .organic-traffic .services-marketing-main p,
 .organic-traffic .services-marketing-main p, .thrive-main h6, .services-marketing-main p{ font-size: 15px;  line-height: 26px; }
 .seo-tech-row h2, .local-business-head h2, .technical-services-head h2, .thrive-head h2{font-size: 25px; line-height: 30px;}
 .sevices-marketing-outer{ padding-bottom: 0px; }
 .seo-tech-outer{ padding-bottom: 0px; }
.contact-us-page-right{padding: 20px 15px;  }
.contact-us-page-left{padding: 20px 15px;}
.contact-banner p{ font-size: 18px; }
.free_quote .col .attachment p {
    margin: 0;
    font-size: 12px;
    line-height: 13px !important;
}
}

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

    .search-toggle{ right: -20px; }
}

@media only screen and (max-width:320px) {
	.ithink-cont a {padding:18px 10px;}
}