body { font-family: 'Orkney';}
ul, li{list-style: none; padding: 0; margin: 0;}
h1, h2, h3, h4, h5, h6 {margin:0; font-weight: bold; font-size: 35px; }
p, li{font-family: 'Poppins', sans-serif !important; margin: 0;}
a{text-decoration: none;}
.mt-50 {margin-top: 50px;}
.mb-30 {margin-bottom: 30px;}
.marginL{margin-left: 52px;}
.marginR{margin-right: 57px;}
.form-control:focus {border-color: transparent;box-shadow: none;}
.navbar-toggler:focus {box-shadow: none;}
.navbar-light .navbar-toggler {color: rgba(0,0,0,.55);border-color: transparent;background: transparent;padding: 0 6px;}
.responsive-menu .navbar-toggler-icon {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDM4NCAzODQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnIHRyYW5zZm9ybT0ibWF0cml4KC0wLjg0MDAwMDAwMDAwMDAwMDEsMCwwLC0wLjg0MDAwMDAwMDAwMDAwMDEsMzUzLjI4MDAwMDAwMDAwMDE0LDMwMC4xNDU0Njg3NSkiPjxwYXRoIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZD0ibTM2OCAxNTQuNjY3OTY5aC0zNTJjLTguODMyMDMxIDAtMTYtNy4xNjc5NjktMTYtMTZzNy4xNjc5NjktMTYgMTYtMTZoMzUyYzguODMyMDMxIDAgMTYgNy4xNjc5NjkgMTYgMTZzLTcuMTY3OTY5IDE2LTE2IDE2em0wIDAiIGZpbGw9IiMyMTNmOTkiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIHN0eWxlPSIiIGNsYXNzPSIiPjwvcGF0aD48cGF0aCB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGQ9Im0zNjggMzJoLTM1MmMtOC44MzIwMzEgMC0xNi03LjE2Nzk2OS0xNi0xNnM3LjE2Nzk2OS0xNiAxNi0xNmgzNTJjOC44MzIwMzEgMCAxNiA3LjE2Nzk2OSAxNiAxNnMtNy4xNjc5NjkgMTYtMTYgMTZ6bTAgMCIgZmlsbD0iIzIxM2Y5OSIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgc3R5bGU9IiIgY2xhc3M9IiI+PC9wYXRoPjxwYXRoIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZD0ibTM2OCAyNzcuMzMyMDMxaC0zNTJjLTguODMyMDMxIDAtMTYtNy4xNjc5NjktMTYtMTZzNy4xNjc5NjktMTYgMTYtMTZoMzUyYzguODMyMDMxIDAgMTYgNy4xNjc5NjkgMTYgMTZzLTcuMTY3OTY5IDE2LTE2IDE2em0wIDAiIGZpbGw9IiMyMTNmOTkiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIHN0eWxlPSIiIGNsYXNzPSIiPjwvcGF0aD48L2c+PC9zdmc+" );
}
ul.app-list {
	text-align: left;
}
.webseeriss .headbg{margin: 0 !important;}
.webseeriss{margin: 0 !important;}
.scoapp-business .headbg{margin: 20px 0 0 0;}
.img-shadow{box-shadow:3px 3px 22px 5px #d3d3d3; border-radius: 5%;}
.Affpromocode b{display: block; padding: 10px 0;}
.txtContent-responsive, .responsive-show{display: none;}
p{font-size: 15px;}
br{display: none;}
#aboutWrap .slick-slide img {
	display: block;
	width: auto;
	height: auto;
}
#aboutWrap .slick-dots li {
	position: relative;
	display: inline-block;
	width: 11px;
	height: 11px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
	background: #efc416;
	border-radius: 100%;
}
#aboutWrap .slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 11px;
	height: 11px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}
#aboutWrap .slick-dots li button::before {
	font-family: 'slick';
	font-size: 23px;
	line-height: 11px;
	position: absolute;
	top: 0;
	left: 0;
	width: 11px;
	height: 11px;
	content: '•';
	text-align: center;
	opacity: .25;
	color: #efc416;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#aboutWrap .slick-next, #aboutWrap .slick-prev{display: none !important;}
#aboutWrap .slick-dots li.slick-active button::before {
	color: #fff;
	/* width: 15px; */
	/* height: 8px; */
	line-height: 10px;
	opacity: 1;
}
#aboutWrap .slick-slide img {
	display: block;
	width: auto;
	height: auto;
}
.headbg{
		display:block;
		margin: 0 auto;
		background-size: cover;
		background-repeat: no-repeat;		
		border-radius: 5px;
		margin-bottom: 20px;
}
#whyChooseSection .headbg {margin-bottom: 25px; margin-top: 25px;}
.AFFmarketingCover h4{padding: 0 0 20px 0 !important;}
.yellow-white {
    background-image: url(../img/bottm-contact.png);
    border-radius: 5px;
    /* display: block; */
    margin: 0 auto;
    text-align: center;
    width: 45%;
    padding: 5px 20px !important;
    color: #fff;
    font-size: 27px;
	margin-bottom: 15px;
}
.slick-dots {
    bottom: 27px;
    width: auto;
    right: 0;
    left: 25%;
}
.bg-white{background-color: #fff;}
.bg-light-pink{background-color: #fcf7f9;}
.bg-light-blue{background-color: #f7f9fc;}
.bg-light-green{background-color: #f7fcf9;}
.bg-yellow{background-color: #ffd83a;}
.bg-pink{background-color: #ff3f73f2;}
.bg-red {background: #ca1238;}
.bg-blue{background: #4c7eee;}
.bg-purple {background: #d838c8;}

.text-blue{color: #000 !important;}
.text-yellow{color: #efc416}
.btn-check:focus + .btn, .btn:focus {outline: 0;box-shadow: none;}
.btn:hover{-webkit-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;	transition: all 0.2s ease-out; cursor: pointer;}
/* .seo-banner-container span {	background: #fff;	padding: 10px 20px;	border-radius: 5px;	margin: 14px 0;	display: inline-block;	} */

/* Header&Nav */
header {position: absolute;top: 25px;left: 0;right: 0;}
#TopNav .navbar-light .navbar-nav .nav-link {color: #000; text-transform: uppercase; font-size: 15px; font-weight: 500;}
#TopNav .navbar-light .navbar-nav .nav-link.active, #TopNav .navbar-light .navbar-nav .show > .nav-link {color: #213f99 !important;}
#TopNav .navbar {padding-top: 0;padding-bottom:0; z-index: 1;}
#TopNav .navbar-expand-lg .navbar-nav .nav-link {padding-right: 1.5rem;padding-left: .5rem;}
#TopNav .navbar-brand {padding-top: 2px;padding-bottom: 2px;}
#TopNav .navbar-light .navbar-nav .nav-link:focus, #TopNav .navbar-light .navbar-nav .nav-link:hover {color: #213f99 !important;}
.responsive-menu{display: none;}

/* Banner */
.processing-hero-bg {background-color: transparent;background-repeat: no-repeat;background-image: url("../img/slide-4.jpg");background-size: cover;
	background-position: 50% 50%; height:100vh;}
.processing-hero-text h1 {color: #ffffff;font-weight: 600;font-size:85px;letter-spacing: 1px;line-height:95px;text-shadow: 0 0 6px #000;}
.headerbtn {background-image: none;background-color: #efc416;color: #fff;border-radius: 3px;padding:5px 25px;font-weight: 400;font-size: 15px;
	margin: 25px 0 0 0px;box-shadow: 0px 0px 7px -1px #a4a4a4;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;transition: all 0.2s ease;}
	.processing-hero-text p {
		font-size: 22px;
		font-family: 'Rubik', sans-serif;
		margin: 0;
	}
.processing-hero-bg .row {display: flex;align-items: center;color: #fff;padding: 200px 0 0 0;}

.ml10 {position: relative;font-weight: 900;}  
.ml10 .text-wrapper {position: relative;display: inline-block;padding-top: 0.2em;padding-right: 0.05em;padding-bottom: 0.1em;overflow: hidden; }
  
.ml10 .letter {display: inline-block;line-height: 1em;transform-origin: 0 0; }
.text-wrapper span.yellowtxt { color: #efc416; }

  /* Three services */
 #Threeservices{  text-align: center;}
.expertis {margin:20px 0;}
#Threeservices .box {padding: 20px;position: relative; height: 450px;}
 #Threeservices .box h3{font-size: 20px; color: #000;}
 #Threeservices .box p{font-size: 15px; color: #000; margin: 0;padding:8px 0;}
 .headerbtn2 {padding: 5px 25px;margin: 20px auto;}
 /* #Threeservices .box:hover{height: 420px;} */
 /* #Threeservices .box:hover .headerbtn2{opacity: 1; -webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;transition: all 0.2s ease;} */
 #Threeservices .box:hover .icon {-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;	transition: all 0.2s ease-out; margin-bottom: 15px;}
 #Threeservices .box:hover .icon {-webkit-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}


 /* About-us */
 #aboutWrapper{margin:20px 0 0 0;}
 #aboutWrapper h2.heading {font-size: 35px;text-transform: capitalize;}
 #aboutWrap{background-image: url(../img/aboutus-bg.png); background-position: center; background-repeat: no-repeat; padding: 50px 0 0 0;
	position: relative; background-size: cover;}
 #aboutWrap .carousel-control-next, #aboutWrap .carousel-control-prev {opacity: 0;}
 #aboutWrapper h2.headingINN{font-weight: 500; font-size:28px; color: #000; padding: 0 0 20px 0;}

 #aboutWrapper .carousel-indicators [data-bs-target] {width: 7px;height: 7px;background-color: #efc416;border-radius: 50%;border: solid 4px #fff;}
 #aboutWrapper .headerbtn5 {
	float: right;
	margin-right: 20px;
	padding: 5px 20px;
}
#aboutWrapper p.content {
	font-size: 15px;
	line-height: 25px;
	height: 250px;
}
.abt-text{display:none;}
.margin-left-Img{margin-left: -113px;}

 /* Main-services */
 #Main-services{margin:20px 0 0 0;}
 #Main-services h2.heading{font-size:35px;text-transform: capitalize;}
 .services__item {position: relative;height:280px;-webkit-box-shadow: 0 8px 20px rgba(224,224,224,.5);box-shadow: 0 8px 20px rgba(224,224,224,.5);
	border-radius: 8px;overflow: hidden;margin-bottom: 30px;max-width: 380px;}
.services__item::before {content: '';background: rgb(34,128,134);background: linear-gradient(0deg, rgba(34,128,134,1) 0%, rgba(0,123,217,1) 100%); 
	position: absolute;top: 0;left: 0;width: 100%;height: -webkit-calc(100% + 250px);height: calc(100% + 250px);-webkit-transition: .4s ease-out;
	-o-transition: .4s ease-out;transition: .4s ease-out;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.services__item-img {position: absolute;top: 0;left: 0;opacity: .2;width: 100%;height: 100%;-webkit-backface-visibility: hidden;backface-visibility: hidden;
	-webkit-transition: .4s ease-out;-o-transition: .4s ease-out;transition: .4s ease-out;}
.services__item-img img {max-width: initial;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.services__item-title {position: relative;z-index: 2;color: #fff; display: -webkit-box; display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;
	-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;width: 100%;height: 100%;padding: 15px 40px;
	font-weight: 500;line-height: 1.39;font-size: 18px;text-align: center;}
.services__item-title-link {display: none;}
.services__item-title-text {-webkit-backface-visibility: hidden;backface-visibility: hidden;
	-webkit-transition: .4s ease-out;-o-transition: .4s ease-out;transition: .4s ease-out;}
.services__item-hidden-block {position: absolute;width: 100%;height: 100%;background: #efc416;top: 0;
	-webkit-transition: .4s ease-out;-o-transition: .4s ease-out;transition: .4s ease-out;border-radius: 8px;
	padding: 44px 17px;z-index: 3;font-size: 15px;-webkit-transform: rotateY(-180deg);transform: rotateY(-180deg);
	-webkit-backface-visibility: hidden;backface-visibility: hidden;text-align: center;display: flex;
	justify-content: center;align-content: center;flex-wrap: wrap;}
h4.services__item-title-text{font-size:20px; color: #fff;}
.services__item-hidden-block h5 {font-size:20px;color: #fff;text-align: center; padding: 0 0 10px 0;}
.services__item-text {color: #fff;line-height: 1.36;font-weight: 400;text-align: center;}
.headerbtn3 {background: #fff;color: #000;text-decoration: none;box-shadow: 0px 0px 16px -2px #6f6f6f;padding:5px 25px;font-size: 14px;}
.headerbtn3:hover{color: #000;}
.services__item:hover .services__item-hidden-block {-webkit-transform: rotateY(0);transform: rotateY(0);}

/* Know More */
#Knowmorewrap {margin: 10px 0 0 0;padding: 20px;}
#Knowmore img{max-width: 95%;}
#Knowmore h2{text-transform: capitalize; font-size:35px; text-align: left;}
#Knowmore p{font-size: 15px; line-height: 25px; text-align: left;}
#Knowmore .headerbtn{padding:5px 25px;}
.knowmoreimgsmall{display:none;}


/* Animations */
[data-aos=example-anim1] {
	transform: skewX(45deg);
	opacity: 0;
	transition-property: transform, opacity;
  }
  [data-aos=example-anim1].aos-animate {
	transform: skewX(0);
	opacity: 1;
  }
  
  [data-aos=example-anim2] {
	background: red;
	transition-property: background;
  }
  [data-aos=example-anim2].aos-animate {
	background: green;
  }
  
  [data-aos=example-anim3] {
	transform: rotate(360deg);
	opacity: 0;
	transition-property: transform, opacity;
  }
  [data-aos=example-anim3].aos-animate {
	transform: rotate(0);
	opacity: 1;
  }

  /* ProjectPlanning */
  #ProjectPlanning{margin:40px 0 0 0;}
  #ProjectPlanning h2.heading {
	padding-bottom: 0;
	font-size: 35px;
	text-transform: capitalize;
}
  .planning-wrap {background-image: url(../img/planning-outer.png);position: relative;background-position: center center;padding: 0 0;background-repeat: no-repeat;
	background-size: contain;width: 100%;height: 470px;}
.planning-1box {position: absolute;	left: 24%;top: 23%;}
.planning-2box {position: absolute;left: 40.8%;bottom: 19%;}
.planning-3box{position: absolute;left:55.8%;top:23%;}
.planning-4box {position: absolute;left: 70.8%;bottom: 19%;}
.planning-5box {position: absolute;left: 87.8%;top: 21%;}
.planning-1box :hover, .planning-2box:hover, .planning-3box:hover, .planning-4box:hover, .planning-5box:hover{
	-webkit-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;	transition: all 0.2s ease-out; cursor: pointer;}
.proHeading0, .proHeading1, .proHeading2, .proHeading3, .proHeading4, .proHeading5 {font-size:18px;font-weight: 500;position: absolute;}
.planning-1box .img-fluid, .planning-2box .img-fluid, .planning-3box .img-fluid, .planning-4box .img-fluid, .planning-5box .img-fluid{max-width: 85%;}
.proHeading0 {left: 4%;bottom: 33%;}
.proHeading1 {left: 26.8%;top: 13%;}
.proHeading2 {left: 43.8%;bottom:10%;}
.proHeading3 {left: 57.4%;top:13%;}
.proHeading4 {left: 72.8%;bottom:10%;}
.proHeading5 {left: 88.4%;top: 13%;}



/* ContactWrap */
#ContactWrap {background-image: url(../img/contactWrap.png);background-repeat: no-repeat;padding: 44px 0;background-position: center center;background-size: cover;}
#ContactWrap h4.heading{font-size: 35px;}
#ContactWrap h5.heading {font-size: 28px;font-weight: 500;padding: 17px 0;}
#ContactWrap p.content {font-size: 20px;padding: 0 186px;}
#ContactWrap .headerbtn4 {background: #334e9f;box-shadow: 0px 0px 16px -2px #6f6f6f;padding: 7px 30px; color: #fff;}
#ContactWrap .headerbtn4:hover{color: #fff;}
.headerbtn6{background: #334e9f; color: #fff;}
.btn.headerbtn.headerbtn6:hover {color: #fff;}

/* Join Techindis */
#joinTech {margin:20px 0 20px 0;}
#joinTech h2.heading {font-size: 35px;}
#joinTech .logo-box:hover img {
	-webkit-transform: scale(0.9, 0.9);
	-ms-transform: scale(0.9, 0.9);
	-o-transform: scale(0.9, 0.9);
	transform: scale(0.9, 0.9);
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	cursor: pointer;
}
#joinTech .logo-box img {border-radius: 5px;margin: -20px 0;}
.joinclub{padding-bottom: 30px;}

/* Footer */
#footerWrap{background-image: linear-gradient(to bottom, #093b84, #00488b, #00558f, #006091, #016b92); padding: 40px 0;}
#footerWrap h5.heading {font-size: 22px;color: #fcdc1f;}
#footerWrap .heading img{max-width:45%;}
#footerWrap h6.subheading{font-size: 17px; font-weight: 500; color: #fff;padding:30px 0 0 0;}
#footerWrap p.content{color: #fff; font-size: 14px; font-weight: 400; padding: 10px 0 0 0;}
.envelope {padding: 10px 0 0 0;}
.call a, .envelope a{color: #fff; font-size: 15px;padding: 10px 0 0 0px;}
.call span, .envelope span, .content span {color: #e4bd1a;}
#footerWrap ul {padding: 20px 0 0 0;}
#footerWrap ul li{position: relative; display: block;}
#footerWrap ul li a{color: #fff; text-decoration: none; position: relative; display: inline-block; transition: all 0.2s ease-out; padding: 10px 0;}
#footerWrap ul li a:hover{color: #efc416;padding-left: 20px;font-weight: 400;}
#footerWrap ul li a:hover::before {opacity: 1; transition: all 500ms ease;}
#footerWrap ul li a::before {background: #efc416;}
#footerWrap ul li a::before {position: absolute;content: '';width: 9px;height: 9px;left: 0px;top: 18px;border-radius: 50%;opacity: 0;transition: all 500ms ease;}
#footerWrap p.content-right{font-size: 15px; padding: 20px 0 0 0; line-height: 22px; font-weight: 400; color: #fff;}
p.copuright {color: #fff;font-size: 13px;padding-top: 20px;text-align: center;}
a.footer-logo{line-height: 0; display: block;}

/*-- Portfolio-- */
#hero {width: 100%; background-image: url("../img/portfolio-banner.jpg");background-size: cover;padding: 183px 0 36px 0;background-repeat: no-repeat;}
#hero .hero-container {display: flex;justify-content: center;align-items: center;flex-direction: column;text-align: center;padding: 0 15px;}
#hero h3 {background: rgba(255, 255, 255, 0.1);	color: #fff;font-size: 26px;padding: 10px 30px;margin-bottom: 30px;
	border-radius: 50px;}
#hero h4 {margin: 0 0 10px 0;font-size: 55px;font-weight: 700;line-height: 56px;color: #fff;}
#hero p {font-size: 22px;color: #fff;padding-bottom: 25px;}

.btn.portfoliobtn.active {background-color: #efc416;}
.btn.portfoliobtn {border: solid 1px #fff;padding: 8px 69px;margin: 20px;color: #fff;text-transform: uppercase;font-size: 20px;}
.btn.portfoliobtn:hover{transform:scale(1,1);background-color: #efc416;}

.section-title {text-align: center;padding-bottom: 30px;}
.section-title h2 {font-size: 13px;letter-spacing: 1px;font-weight: 700;padding: 8px 20px;line-height: 1;
	margin: 0;background: #fff9e1;color: #efc416;display: inline-block;text-transform: uppercase;border-radius: 50px;}
.section-title h3 {margin: 15px 0 0 0;font-size: 32px;font-weight: 400;text-transform: uppercase;color: #213f99;}
.section-title p {margin: 15px auto 0 auto;}
.portfolio .nav-pills .nav-link.active, .nav-pills .show > .nav-link {color: #fff;background-color: #efc416;}
.portfolio .nav-pills .nav-link {background: #f2f4ff;margin-right: 20px;}
.portfolio #pills-tabContent {margin-top: 30px;}

.portfolio-bgpink{background-color: #fff; box-shadow: 1px 1px 12px 2px #dcdbdb;}
.portfolio-bgpurple{background-color:#fff; box-shadow: 1px 1px 12px 2px #dcdbdb;}
.portfolio {margin: 41px 0 0 0;padding: 21px 5px;margin: 0px auto;}
.portfolio-wrap{ display: flex; flex-wrap: wrap; justify-content: space-between; padding:30px;border-radius: 5px; margin:0 0 30px 0; }
.project-Discription h4.title {font-size: 22px;color: #fff;font-weight: bold;}
.project-Discription .deatils {font-size: 15px;color: #fff;font-weight: 300;padding: 10px 0 0px 0; height:118px;overflow:hidden;}
.project-Discription .tech{padding:15px 0 35px 0;}
.portfolio a .tech{color: #fff; justify-content: center;}
.project-Discription .tech ul li {border: 1px solid #fff;border-radius: 47px;margin-right: 5px;font-size: 13px;text-align: center;padding: 6px 20px;
	display: inline;}
.portfolio-wrap:hover {box-shadow: 1px 1px 12px 2px #dcdbdb;transition: all ease 0.3s;}

/*-- Reach Us-- */
#reach {width: 100%;height: auto;background-image: url("../img/contactus-banner.jpg");background-size: cover;padding:330px 0; background-position: center;}
#reach .reach-container {display: flex;justify-content: start;align-items: center;text-align: center;padding: 0 15px;}
#reach h4 {margin: 0 0 10px 0;font-size: 55px;font-weight: 700;line-height: 56px;color: #fff;}

.messgae h2, .messgae p {display: block; font-size: 30px;}
p.lead {margin: 10px 0 45px 0;font-size: 18px;}
.contactform-left {background: #fff;box-shadow: 2px -4px 21px 3px #e6ecef;border-radius: 5px 0 0 5px;border: solid 1px #d8dae3;padding: 40px;display: flex;
	flex-wrap: wrap;}
.contactform-right {background: #213f99;color: #fff;display: flex;border-radius: 0 5px 5px 0;padding: 20px;}
.contactform-left .form-control {border-bottom: solid 1px #000;border-left: none;border-right: none;border-top: none;border-radius: 0;padding: 0;margin-bottom: 20px;
	line-height: 24px;font-size: 14px;}

.contactform-left form {padding: 20px 0;}
.contactform-left label{color: #000;}
.sendmessaheBTN {background: #efc416;border: none;color: #fff;border-radius: 6px;padding: 8px 17px;}

.contactform-right {color: #fff;}
.contentright{padding: 22px 0 0 15px;}
.contentright h3 {margin-top: 0;color: #fff;font-size: 17px;font-weight: 500;}
.contentright p {font-weight: 400;}
.contentright h3 {margin-top: 0;color: #fff;font-size: 17px;font-weight: 500;}
.contentright p {font-weight: 400;font-size: 15px;}
li a.email {color: #fff;list-style: none;text-decoration: underline;}
#footerWrap h6.followus {
	font-size: 22px;
	color: #fcdc1f;
	font-weight: 400;
	padding: 22px 0 0 0;
}
ul.followUs{display: flex;}
ul.followUs li {
	background-color: #fff;
	width: 30px;
	height: 30px;
	border-radius: 100%;
	display: flex !important;
	margin: 0 14px 0 0;
	align-items: center;
	justify-content: center;
	font-size:15px;
}
ul.followUs li a.text-blue{
	color: #213f99 !important;
}
ul.followUs li a.sky-blue{
	color: #00b7ff  !important;
}
ul.followUs li a:hover {
	padding-left: 0 !important;
}
ul.followUs li a.bluelight{
		color: #1b86ba !important;
}
ul.followUs li a:before{background-color: transparent !important;}


/* FindMore */
#findmoreSolutions {margin:0;}
#find {width: 100%;height:auto;background-image: url("../img/find-morebanner.png");background-size: cover;padding:330px 0;}
#find .find-container {display: flex;justify-content: center; flex-direction:column; text-align: center;padding: 0 15px; background-position: center;}
#find h4 {margin: 0 0 10px 0;font-size: 55px;font-weight: 700;line-height:68px;color: #fff;}
#findmoreSolutions img{max-width:70%;}
#find h4 span{color: #efc416;}
#find p{color: #fff; font-size: 18px;}
#findmorewrap {padding:40px 0 40px 0;}
#findmoreimgwrap{box-shadow:2px 4px 16px 11px #ccc;box-shadow: 10px;}
#findmorewrap img{border-radius:5px;}
#findmore h2 {text-transform: capitalize;font-size:35px;}
#findmore p {font-size: 15px;line-height: 25px;padding: 0;text-align: left;}
.findsolution1 {background-image: url(../img/find-solution1.png);width: 285px;height: 278px;background-repeat: no-repeat;}
#findmoreSolutions h4.title { font-size: 20px; color: #000; padding: 15px 0 5px 0;}
#findmoreSolutions img{transition: transform .7s ease-in-out;}
#findmoreSolutions img:hover{ transform: rotate(360deg); cursor: pointer;}
#findmorewrap .headerbtn{padding:5px 25px;}
#findmoreSolutions .content {font-size: 15px;line-height: 24px;}
.patternbg {position: relative;padding: 50px 0;background: #ffffff url(../img/pattern-2.png) left top repeat;}

.whytechindisWrap {
	position: relative;
	display: block;
	padding: 20px;
	background: #fff;
	border-radius: 7px;
	box-shadow: 0px 0px 17px -2px #dcdcdc;
	transition: all 500ms ease;
	text-align: justify;
	width: 100%;
	margin: 13px 0;
}
.whytechindisWrap h5 {font-size:20px;line-height: 1.1em;margin: 0;padding: 10px 0; 
	color: #000;	}
.whytechindisWrap h6 {font-size: 18px;	font-weight: 500;line-height: 1.1em;margin: 0;padding: 10px 0;
		color: #000;	}
.whytechindisWrap p { color: #000; font-size: 15px; line-height: 25px;}
.mobile-view{display: none;}

/* Single-portfolio */
#portfolio-hero {width: 100%;height: auto;background-image: url("../img/portfolio-banner.jpg");padding: 235px 0 0 0; background-repeat: no-repeat;}
.portfolio-study {text-align: center;}
.portfolio-study  h4 {font-size: 55px;display: block;color: #fff;line-height: initial;font-weight: 400;}
ul.medical {
	width: 100%;
	float: left;
	text-align: center;
}
ul.medical li:first-child {
	border-right: 1px solid #fff;
	padding: 0 15px;
	line-height: 20px;
}
ul.medical li a {
	color: #fff;
	font-size: 21px;
	font-weight: 400;
}
ul.medical li:last-child {
	padding-left: 10px;
}
ul.medical li {
	display: inline-block;
}
ul.medical li a img
{
	width:25px;
	height: 25px;
	margin-right: 5px;
}
.foodiegraph-mobile-img .img-fluid
{
	max-width:55%;
	margin-top: 40px;
}
.short-info{
	color: #000;
	text-align: left;
}
.portfolioDetailswrap {
	/*box-shadow: inset 30px 30px 26px -16px #deeeff, inset -30px -30px 26px -16px #deeeff;*/
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;
	margin: 50px 0 0 0;
	padding: 20px;
}
.patients {
	display: block;
	width: 18%;
	margin: 0 auto;
}
.portfolioDetails h5{
	font-size: 35px;
	
	text-transform: capitalize;
}
.techWrapper {
	padding:0 40px;
	margin-bottom: 30px;
	display: flex;
	flex-wrap: wrap;
}
#TechWrap .title {
	font-weight: bold;
	text-transform: capitalize;
	font-size: 35px;
}
.Technolgy-section {
	border-radius: 5px;
	float: left;
	width: 100%;
	margin: 21px 0 0;
	-webkit-transition: .5s;
	transition: .5s;
	box-shadow: 5px -1px 18px -1px #ccc;
	margin: 20px 0;
	background: #fff;
}
.Technolgy-section .Technolgy-name {
	background-image: linear-gradient(to left, rgb(252, 138, 131) 0%, rgb(250, 124, 125) 24%, rgb(217, 72, 127) 50%, rgb(126, 13, 100) 80%, rgb(112, 9, 92) 100%);
}
.Technolgy-section .Technolgy-name.mwtheme {
	background-image: linear-gradient(to left, rgb(179, 224, 229) 0%, rgb(157, 215, 217) 24%, rgb(73, 198, 200) 50%, rgb(64, 183, 191) 80%, rgb(73, 198, 200) 100%);
}
.Technolgy-section .Technolgy-name.ludotheme {
	background-image: linear-gradient(to left, rgb(237, 195, 67) 0%, rgb(241, 192, 64) 24%, rgb(218, 166, 48) 50%, rgb(218, 166, 48) 80%, rgb(218, 166, 48) 100%);
}
.Technolgy-section .Technolgy-name.cdtheme {
	background-image: linear-gradient(to left, rgb(174, 47, 160) 0%, rgb(174, 47, 160) 24%, rgb(146, 67, 188) 50%, rgb(123, 48, 171) 80%, rgb(97, 10, 140) 100%);
}
#TechWrap{
	margin: 50px 0 30px;
}
.Technolgy-name {
	width: 240px;
	float: left;
	background: #efc416;
	padding: 0 34px;
	font-size: 20px;
	border-radius: 5px 3px 3px 5px;
	position: relative;
	height: 58px;
	line-height: 50px;
}
.Technolgy-name span {
	color: #fff;
	padding: 0 10px 0 8px;
	display: inline-block;
	position: relative;
	top: 4px;
	font-size: 24px;
}
.Technolgy-name::after {
	margin-left: 0;
	vertical-align: .255em;
	content: "";
	border-top: 0.95em solid;
	border-right: 1.5em solid transparent;
	border-bottom: 0;
	border-left: 1.5em solid transparent;
	position: absolute;
	top: 0;
	right: -57px;
	color: #fc5755;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	bottom: 0;
}
.Technolgy-section .Technolgy-name::after {
	color: #fc8782;
}

.Technolgy-section .Technolgy-name.mwtheme::after {
	color: #acdde1;
}
.Technolgy-section .Technolgy-name.ludotheme::after {
	color: #eec242;
}
.Technolgy-section .Technolgy-name.cdtheme::after {
	color: #ae2fa0;
}
.Technolgy-count {
	width: calc(100% - 240px);
	float: left;
	padding: 0 25px;
	height: 58px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: #fff;
	border-radius: 5px;
}
ul.cours-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	margin-bottom: 0;
}
ul.cours-list li {
	min-width: 150px;
	text-align: center;
	display: inline-block;
	margin: 0 10px;
	font-size: 22px;
}
ul.cours-list li a {
	display: block;
	pointer-events: none;
}
.seo-wrapper {
	margin: 25px 0 0 0;
}
/* We Offer */
#weOffer {width: 100%;height: auto;background-image: url("../img/we-offer-3.png");background-size: cover;padding:330px 0;margin-bottom: 20px;}
#weOffer .weOffer-container {display: flex;justify-content: center; flex-direction:column; text-align: center;padding: 0 15px;}
#weOffer h4 {margin: 0 0 10px 0;font-size: 55px;font-weight: 700;line-height:68px;color: #fff;}

.servicesHead {font-size:26px;padding:0;}
.servicesContent {
	font-size: 20px;
	padding-bottom: 20px;
	text-align: center;
}
.single-item_offer {margin-bottom: 25px;}
.item {background: #ffffff;box-shadow: 0 0 10px #cccccc;border-radius: 8px; text-align: center;}
.thumb {
	position: relative;
}
.thumb img {
	border-radius: 15px;
	padding: 10px 10px 0 10px;
}
.thumb a {
	transition: all 0.35s ease-in-out;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-ms-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	text-decoration: none;
	font-family: 'Inter', sans-serif;
}
.info {
	padding: 20px;
	min-height: 270px;
	overflow-y: hidden;
	position: relative;
}
.info .cats {
	position: relative;
	z-index: 1;
	padding-left: 25px;
	margin-bottom: 15px;
}
.info h4 a {
	font-size: 20px;
	color: #000;
	display: block;
}
.info p {
	font-size: 15px;
	line-height: 28px;
	padding: 12px 0 12px 0;
}
.headerbtn4 {
	color: #fff;
	text-decoration: none;
	box-shadow: 0px 0px 7px -2px #6f6f6f;
	padding: 0;
	font-size: 14px;
	margin: 0 auto;
	position: absolute;
	bottom: 20px;
	margin: 0 auto;
	left: 0;
	right: 0;
	width: 123px;
	height: 32px;
	line-height: 32px;
}
.servicesDetailswrap {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;
	padding: 20px 0;
}
.servicesDetails h5 {
	font-size: 35px;
	color: #000;
	margin: 20px 0 0 0;
}

/* .SIngleServivcres */
#weOffer-banner {width: 100%;
	height: auto;
	background-image: url("../img/webdesign&-development.png");
	background-size: cover;
	padding: 291px 0;
	background-position: center;
}
#weOffer-banner .weOffer-banner-container {display: flex;justify-content: center; flex-direction:column; text-align: center;padding: 0 15px;}
#weOffer-banner h4 {margin: 0 0 10px 0;font-size: 55px;font-weight: 700;line-height:68px;color: #fff;}

.services__item-link.btn.headerbtn5 {font-size: 19px;}

#weOffer-banner .headerbtn5, #android-banner .headerbtn5, #mobileapp-banner .headerbtn5, #affiliate-banner .headerbtn5,
#ios-banner .headerbtn5, #seo-banner .headerbtn5, #ecommerce-banner .headerbtn5, #digital-banner .headerbtn5{color: #fff;text-decoration: none;box-shadow: 0px 0px 7px -2px #6f6f6f;
	padding: 8px 34px;font-size: 28px;display: inline-block;text-align: center;width: auto;margin: 0 auto;background-image: url(../img/exper-btn-bg.jpg);
	border-radius: 8px;	border: solid 2px #fcc800; font-weight: bold;}
.img-text-right
{
	text-align: right;
}
#whyChooseSection .headbg h4 {
	margin-bottom: 0;
	text-align: center;
	padding: 15px 0;
}
h4.txtHead {
	font-size:26px;
	color: #000000;
}
#seoBenifits {
	margin: 20px 0 0 0;
}

p.txtContent
{
	padding: 0 !important;
	text-align: left;
}
p.txtContent a{color: #000;}

#techBundel {
	/* background: #f7f7f7; */
	padding: 20px 0 0 0;
	margin: 0px 0;
}
#android-process{
	background-color: #fff;
	margin: 20px 0;
}
.logoprocess{margin: 0;}
.digiproCess {
	padding: 0;
	margin: 0 !important;
}
.mobileprocess {
	padding: 35px 0 20px 0;
	margin: 0 !important;
}
.mobileprocess h4{margin: 0 0 10px 0 !important;}
.bundel_bg {
	background: transparent;
	padding: 40px 0;
	/* overflow-y: hidden; */
	width: 100%;
	background-repeat: no-repeat;
	border: none;
	border-radius: 15px;
	margin: 15px;
	box-shadow: 0px 0px 17px -2px #dcdcdc;
}
#techBundel .slick-slide img {
	display: block;
	width: 95px;
	height:95px;
}
h3.techBundelHead {
	width: 100%;
	text-align: center;
	font-size: 20px;
	padding: 20px 0 0 0;
}
.devP {
	background: #213f99;
	width: 51px;
	height: 51px;
	border-radius: 100%;
	color: #fff;
	text-align: center;
	font-size: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
}
.devP i{display: flex;}
.techbundleHead {
	font-size:35px;
	text-align: center;
	color: #000;
	padding-bottom: 20px;
}
.slick-next {
	content: "";
	background-image: url(../img/next.png);
	background-repeat: no-repeat;
	border: transparent;
}

.slick-prev {
	content: "";
	background-image: url(../img/left-arrow.png);
	background-repeat: no-repeat;
	border: transparent;
}
#exp_wrap {
	background: url(../img/exp-bg.jpg);
	padding: 120px 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin:40px 0 0 0;
}
#exp_wrap h4
{
	font-size: 65px;
	color: #fff;
	text-align: center;
}
#exp_wrap h4 span{color: #efc416;}
.banner-btn{
	margin: 30px 0 0 0;
}
#whyChooseSection
{
	margin:40px 0;
}
#whyChooseSection
{
	margin:20px 0 0 0;
}
#whyChooseSection h3 {
	font-size: 35px;
	text-align: center;
	padding: 25px 0;
	color: #000;
}
.choosemain {
	background-color: #fff;
	box-shadow: 0px 0px 17px -2px #dcdcdc;
	padding: 15px;
	text-align: center;
	border-radius: 15px;
	margin-bottom: 23px;
	display: block;
}
.choosemain h5
{
	font-size:20px;
	padding: 15px 0 10px 0;
}
.choosemain p
{
	font-size: 15px;
}
.bottom-mail {
	background-image: url(../img/bottm-contact-2.png);
	color: #fff;
	text-align: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 28px 15px;
	background-position: center;
	border-radius: 8px;
	font-size: 22px;
	margin: 40px;
}
.bottom-mail a
{
	text-decoration: underline;
	color: #fff;
}
/* .SEO */
#seo-banner {width: 100%;height: auto;background-image: url("../img/seo-services.png");background-size: cover;padding:330px 0;}
#seo-banner .seo-banner-container {display: flex;justify-content: center; flex-direction:column; text-align: center;padding: 0 15px;}
#seo-banner h4 {margin: 0 0 10px 0;font-size: 55px;font-weight: 700;line-height:68px;color: #fff; text-transform: uppercase;}
#seoBenifits h4{font-size:35px; text-align: center;}
#seoBenifits h5 {font-size: 18px;font-weight: bold;padding: 20px 0 8px 0; text-align: left;}
#seo-process{background-color: transparent;}
.seo-process{margin-bottom: 40px;}
.seo-process .box{margin: 10px 0;}
.seo-process .img-fluid {max-width: 28%;}


/* android-app */
#android-banner {width: 100%;height:auto;background-image: url("../img/android-dev.png");background-size: cover;padding:291px 0;}
#android-banner .android-banner-container {display: flex;justify-content: center; flex-direction:column; text-align: center;padding: 0 15px;}
#android-banner h4 {margin: 0 0 10px 0;font-size: 55px;font-weight: 700;line-height:68px;color: #fff; text-transform: uppercase;}
#android-banner p {	font-size: 25px;color: #fff;}
.app-list h5 {
	font-size: 22px;
	color: #000;
	padding: 15px 0 0px 0;
}
.app-list li {
	font-size: 15px;
	color: #000;
	line-height: 32px;
	list-style-type: disc;
	margin-left: 10px;
}
/* .app-list li::before {color: #213f99;content: '→';margin-right: 10px;font-size: 17px;} */
.scale-with-grid {margin-top: -85px;}
.mobile-application2 img {width: 50px;height: 50px;}
#affiModels img {width: 50px;height: 50px;}

#findmorewrap .headerbtn {
	margin: 25px 0;
}
#findmoreSolutions img {
	max-width: 80%;
}
.findmoreoutterwrap {
	margin:0;
	padding:0;
}
.mobile-application2 h5 {
	font-size:18px !important;
	padding: 15px 0 0 0;
	text-align: center;
}
.mobile-application2 h5::after, #affiModels h5::after, .seo-process h3.DpHead::after{
	content: "";
	border-bottom: solid 1px #c9d2d5;
	height: 1px;
	width: 70%;
	display: block;
	margin-top: 32px;
	margin: 0 auto;
	margin-top: 32px;
}
#affiModels h5 {font-size:18px;padding: 15px 0;text-align: center;}

.app-process-box {background-color: #f5f5fc;padding: 40px;margin-bottom: 25px;border-radius: 5px;}
.android_bannerWrapper {
	margin: 20px 0;
}
.mt-20{margin-top: 20px;}
.headbg h4, .headbg h3, .headbg h2{font-size: 35px;}
#android-app-designprocess h3 {	font-size: 35px;color: #213f99;padding-bottom: 99px;}
#android-app-designprocess{text-align: center;}
.mobile-application2,  #affiModels, .seo-process {margin: 20px 0; font-size: 40px;}
.features_icon{margin: 20px 0 0 0;}

.features_icon .fi-rr-camera, .features_icon .fi-rr-dollar, #affiModels .fi-rr-calculator,  #affiModels .fi-rr-download, #affiModels .fi-rr-indent,
.mobile-application2 .fi-rr-camera, .mobile-application2 .fi-rr-dollar, .digiMarketing .fi-rr-edit, .seo-process .fi-rr-search-alt, .seo-process .fi-rr-disk
{color: #ff4081; display: block; margin-right: 10px; line-height:30px}

.features_icon .fi-rr-bell, .mobile-application2 .fi-rr-bell, #affiModels .fi-rr-envelope,  #affiModels .fi-rr-shuffle, .seo-process .fi-rr-golf,
.features_icon .fi-rr-following, .mobile-application2 .fi-rr-following, .digiMarketing .fi-rr-search-alt,  #affiModels .fi-rr-time-check, .seo-process .fi-rr-megaphone
{color: #41c4fe; display: block; margin-right: 10px; line-height:30px}

.features_icon .fi-rr-smartphone, .mobile-application2 .fi-rr-smartphone, #affiModels .fi-rr-apps-sort, #affiModels .fi-rr-star, .seo-process .fi-rr-ticket,
.features_icon .fi-rr-transform, .mobile-application2 .fi-rr-transform, .digiMarketing .fi-rr-dollar,  #affiModels .fi-rr-label, .seo-process .fi-rr-play
{color: #ffd63f; display: block; margin-right: 10px; line-height:30px}

.features_icon .fi-rr-comment-alt, .mobile-application2 .fi-rr-comment-alt, .digiMarketing .fi-rr-subtitles, #affiModels .fi-rr-interactive, .seo-process .fi-rr-stats,
#affiModels .fi-rr-play-alt, #affiModels .fi-rr-dollar, .features_icon .fi-rr-comment, .mobile-application2 .fi-rr-comment, .seo-process .fi-rr-shopping-bag 
{color: #8e40ff; display: block; margin-right: 10px; line-height:30px}

#android-app-designprocess h5 {font-size: 22px;	padding: 20px 0 0 0;}
#android-app-designprocess p{font-size: 15px; padding: 10px 0 0 0;}
.mobile-application, #catermobile{

	padding: 20px 0 0 0;
	
}
#catermobile{text-align: center;}
#android-process h4 {
	font-size: 35px;
	text-align: center;
	text-transform: capitalize;
	margin-bottom: 20px;
}
.mobile-application h4{padding-bottom:20px;}
#mobile-app-business h4 {font-size: 35px;text-align: center;text-transform: capitalize;margin-bottom: 20px;}
#mobile-app-business .box {background-color: #fff;box-shadow: 0px 0px 17px -2px #dcdcdc;padding: 25px;border-radius: 7px;margin:12px 0;width:100%; font-size: 40px;}
.mobiledetailswrap h5{text-align: center;}

#mobile-app-business .fi-rr-data-transfer, #mobile-app-business .fi-rr-layout-fluid, #mobile-app-business .fi-rr-resize, #mobile-app-business .fi-rr-megaphone,
#mobile-app-business .fi-rr-settings-sliders, #mobile-app-business .fi-rr-globe
{font-size: 40px; color: #213f99; line-height: 30px; margin-right: 10px;}

#mobile-app-business .box h5 {font-size: 18px;font-weight: bold;}

#mobile-app-business .box p{font-size: 16px; line-height: 22px; padding: 10px 0 0 0 !important; text-align: left;}
#mobile-app-business img{width:50px;}
.servicesDetails h6 {font-size: 18px;padding: 10px 0 15px 0; text-align: left;}
.servicesDetails p{text-align: left;}
.DpHead{font-size:18px;padding:15px 0 0 10px;}
#android-process .img-fluid {max-width: 20%;height: auto;}
.digiMarketing h4{ margin:0 0 25px 0;}
.text-orange{color:#ff9912;}
.text-green{color: #14c853;}
.text-pink{	color: #ff0061;}

.text-purple{color: #a81ab4;}
.text-yellow{color: #efc416;}
#android-process p{font-size: 15px;	padding: 10px 0 0 0;}
#android-process .box{margin:25px 0 0 0;}
.adplateform{padding:20px 0 0 0;}
.adplateform h4, .mobile-application h4 {font-size:35px;}
.adplateform img {
	margin: 25px 0 20px 0;
	max-width: 25%;
}

.techBundel-ios{background: transparent !important; padding:0 !important;}
/* ios-app */
.ios-wrapper {margin: 0 0 20px 0;}
#ios-banner {width: 100%;height: auto;background-image: url("../img/ios-app-development.png");background-size: cover;padding:291px 0;}
#ios-banner .ios-banner-container {display: flex;justify-content: center; flex-direction:column; text-align: center;padding: 0 15px;}
#ios-banner h4 {margin: 0 0 10px 0;font-size: 55px;font-weight: 700;line-height:68px;color: #fff; }

/* ecommerce-app */
#ecommerce-banner {width: 100%;height: auto;background-image: url("../img/logo-banner.png");background-size: 100% 100%;padding:291px 0;background-position:center;}
#ecommerce-banner .ecommerce-banner-container {display: flex;justify-content: center; flex-direction:column; text-align: center;padding: 0 15px;}
#ecommerce-banner h4 {margin: 0 0 10px 0;font-size: 55px;font-weight: 700;line-height:68px;color: #fff; text-transform: uppercase;}
.logowrap {
	margin: 20px 0 0 0;
}
.logowrap  .img-fluid{margin: 0px 0 10px 0;}
.logotechindis .headbg{margin-bottom: 0;}

/* digital-app */
#digital-banner {
	width: 100%;
	height: auto;
	background-image: url("../img/digital-banner.jpg");
	background-size: cover;
	padding: 259px 0 291px 0;
}
.digitalWrapper .img-fluid{margin-bottom: 20px;}
#digital-banner .digital-banner-container {display: flex;justify-content: center; flex-direction:column; text-align: center;padding: 0 15px;}
#digital-banner h4 {margin: 0 0 10px 0;font-size: 55px;font-weight: 700;line-height:68px;color: #fff; text-transform: uppercase;}

/* digital-app */
#affiliate-banner {width: 100%;height: auto;background-image: url("../img/affiliateMarketing.png");background-size: cover;padding:291px 0;}
#affiliate-banner .affiliate-banner-container {display: flex;justify-content: center; flex-direction:column; text-align: center;padding: 0 15px;}
#affiliate-banner h4 {margin: 0 0 10px 0;font-size: 55px;font-weight: 700;line-height:68px;color: #fff; text-transform: uppercase;}
#affiModels {margin:0 0;padding: 30px 0;}
#affiModels h4{font-size: 35px;text-align: center;}

/* MObile app promotion */
#mobileapp-banner {width: 100%;height: auto;background-image: url("../img/mobile-app.png");background-size: cover;padding:291px 0;}
#mobileapp-banner .mobileapp-banner-container {display: flex;justify-content: center; flex-direction:column; text-align: center;padding: 0 15px;}
#mobileapp-banner h4 {margin: 0 0 10px 0;font-size: 55px;font-weight: 700;line-height:68px;color: #fff; text-transform: uppercase;}
#mobile-app-promo{margin: 40px 0 0 0;}
#mobile-app-promo h5 {
	font-size: 18px;
	padding: 15px 0 9px 0;
	text-align: center;
}
.performanceBundel h4 {
	padding: 20px 0 0 0 !important;
}
#techmobileapp h4, #marketingCover h4, #marketingapproch h4{font-size:35px; text-align: center; padding:0 ;}
#catermobile h4{font-size:35px;text-align: left; margin-bottom: 20px;}
#catermobile p{text-align: left;margin: 0;}
#techmobileapp .img-fluid {max-width: 84%;text-align: center;display: block;margin: 0 auto;	margin-bottom: 20px;}
/* ul.caterList {margin: 0 auto;width: 80%;} */
.mobiledetailswrap{margin: 20px 0 0 0;}
ul.caterList li {line-height: 22px;font-size: 16px;list-style-type: disc;	padding: 11px 0;}
/* ul.caterList li:nth-child(even):before{content: "";	width: 10px;height: 10px;background-color:#000;border-radius: 100%;
	display: inline-block;margin-right: 9px;}
ul.caterList li:nth-child(odd):before{content: "";	width: 10px;height: 10px;background-color: #000;border-radius: 100%;
		display: inline-block;margin-right: 9px;} */
#marketingCover{text-align: center;}
#marketingCover h6 {
	font-size: 18px;
	font-weight: bold;
	padding: 18px 0 10px 0;
}
#marketingCover p {color: #000;font-size: 15px;line-height: 25px;padding:0 0 10px 0;} 
.marketingappbox{margin: 0 0 0 20px; width:80%;}
#marketingapproch .marketingappbox h6{font-size: 18px; font-weight: 500;}
.text-seegreen{color: #0eaeb0;}
.marketingappbox_icon{width: 13%;}
#eoeios{margin:40px 50px;}
#eoeios h4{font-size:35px; text-align: center; padding-bottom: 25px;}
#mobile-app-promo .img-fluid{margin-bottom: 20px;}

.performacem h4 {font-size: 30px;text-align: center;}
.logo-wrap{margin: 10px 0;}
.logo-wrap img{border-radius: 5px;}
.call {padding: 7px 0;}
.content-section{margin: 40px 0;}
.digitalWrapper{margin: 40px 0 0 0;}
ul.caterList {text-align: left;}

address {
	margin-bottom: 0;
	font-style: normal;
	line-height: inherit;
	color: #fff;
	padding: 10px 0 0 0;
	font-size: 15px;
	/* word-wrap: normal; */
}
address.content br{display: block !important;}

@media (max-width:1400px) {
.planning-1box .img-fluid, .planning-2box .img-fluid, .planning-3box .img-fluid, .planning-4box .img-fluid, .planning-5box .img-fluid {
max-width: 70%;	height: auto;}
.planning-1box {top: 25%;}
.planning-2box {bottom: 23%;}
.planning-3box{top:25%;}
.planning-4box {bottom: 23%;}
.planning-5box {top: 25%;}

.proHeading0 {left: 51px;bottom: 159px;}
.proHeading1 {left: 26.2%;top: 76px;}
.proHeading2 {bottom: 67px;}
.proHeading3 {top:76px;}
.proHeading4 {bottom:67px;left: 70.8%;}
.proHeading5 {top:76px;}
.processing-hero-text p {font-size:19px;margin: 0;}
.processing-hero-text h1 {font-size: 75px;}
.project-Discription .tech ul li {margin-right: 0;padding: 6px 15px;display: inline-block;}
.marginR {margin-right: 30px;}
.patients {width: 24%; margin: 0 auto;}
.slick-dots {
	bottom: 116px !important;
	right: 17%;
	width: auto;
}


}

@media (max-width:1200px) {
	#ProjectPlanning .container{max-width:100%;}
	#aboutWrapper h2.headingINN {font-size: 25px;}
	#aboutWrapper p.content {font-size: 14px;line-height: 22px;	padding-bottom: 13px;}
	
	#aboutWrap {padding: 57px 0 0 0;}
	#Threeservices .box p {	font-size: 14px;color: #000;margin:5px 0 0 0;}
	#ContactWrap {background-position: center center;background-size: contain;}
	.marginR {margin-right: 19px;}
	#Threeservices .box {height: 450px;}
	.headerbtn2 {width: 45%;}

}
@media (max-width:1069px) {
	.planning-1box .img-fluid, .planning-2box .img-fluid, .planning-3box .img-fluid, .planning-4box .img-fluid, .planning-5box .img-fluid {
		max-width: 55%;
		height: auto;
	}
	.planning-1box {
		left: 25%;
		top: 26%;
	}
	.planning-3box {
		
		left: 57.8%;
		top: 26%;
	}
	.planning-5box {
		top: 26%;
		left: 88.8%;
	}
	.planning-2box {
		left: 41.8%;
		bottom: 24%;
	}
	.planning-4box {
		left: 71.8%;
		bottom: 24%;
	}
	.proHeading0 {
		left: 27px;
		bottom: 159px;
	}
	#ContactWrap p.content {
		font-size: 18px;
	}
	#ContactWrap h5.heading {
		font-size: 26px;
	}
	#ContactWrap h4.heading {
		font-size: 30px;
	}
	#ContactWrap {
		padding: 40px 0;
	}
	#reach, #hero, #find, #weOffer, #weOffer-banner {padding: 226px 0 118px 0; height:auto;}
	#portfolio-hero {padding: 264px 0 0 0;}
	.portfolio-hero strong{color: #efc416;}
	
}
@media (max-width:992px) {
	#TopNav .navbar {display: none;}
	.features_icon, .mobile-application2, .digiMarketing, #affiModels, .seo-process {
		margin: 20px 0 0 0;
	}
	.responsive-menu {
		display: block;
		background: #fff;
		border-radius: 5px;
		padding: 0 15px;
	}
	.servicesHead {
		font-size: 25px;
		padding: 15px 0 10px 0;
	}
	#Threeservices .box p {
		font-size: 13px;
	}
	#Threeservices .box h3 {
		font-size: 16px;
	}
	.headerbtn2 {
		width: 32%;
		font-size: 14px;
		padding: 5px 0;
	}
	.servicesContent {
		font-size: 13px;
		padding-bottom: 20px;
		text-align: center;
	}
	.info h4 a {
		font-size: 18px;
		color: #000;
		display: block;
	}
	.info {
		height: 215px;
	}
	.info p {
		font-size: 13px;
		line-height: 20px;
		padding: 10px 0 0 0;
		height: 75px;
	}
	.headerbtn4 {
		width: 38%;
	}
	#weOffer h4 {
		font-size: 42px;
	}
	#joinTech .logo-box img {
		border-radius: 5px;
		max-width: 90%;
		margin: 0 0 20px 0;
	}
	.adplateform img {
		margin: 15px 0 0 0;
		max-width: 33%;
	}
	#joinTech {
		margin: 20px 0 10px 0;
	}
	#joinTech .logo-box img {
		border-radius: 5px;
		max-width: 90%;
		margin: 0 0 20px 0;
	}
	#footerWrap ul {
		padding: 0;
	}
    #Knowmore .img-fluid{max-width:42%; margin: 0 auto; display: block; margin-top: 20px;}
    #ContactWrap h4.heading {font-size:25px;padding: 20px 0 0 0; }
    #ContactWrap h5.heading {font-size: 22px;padding: 20px 0 0 0; }
    .headerbtn6 { margin: 20px 0 0 0;}
	.navbar-toggler-icon {width: 2em;	height: 2em;	cursor: pointer;	}
	.txtContent-responsive {display: block;	padding: 20px 15px 0 15px;}
	.servicesDetails h5 {padding:0; text-align: center;}
	.servicesDetails br {display: none;}
	.servicesDetails p {padding: 15px 0 0 0 !important;	margin: 0;}
	.responsive-show{display: block;}
	.large-show{display: none !important;}
	h4.txtHead {margin-bottom: 32px;}
	.servicesDetails img{display: block; margin: 0 auto; margin-top: 0;}
	.banner-btn .col-md-8, .android_bannerWrapper .col-md-8, .ios-wrapper .col-md-8{ margin: 0 auto;}
	.bottom-mail {margin: 40px 0;}
	#android-banner, #ios-banner, #ecommerce-banner, #digital-banner, #affiliate-banner, #mobileapp-banner, #seo-banner {height: auto;}
	.android_bannerWrapper p, h5{ text-align: center;}
	.android_bannerWrapper img{margin: 0 auto; }
	.seo-wrapper{margin: 40px 0 0 0;}
	.seo-wrapper img{margin-top: 10px;}
	.servicesDetails h5 {margin-top: 15px;}
	#mobile-app-business img {width: 50px;text-align: center; margin: 0 auto; display: block;}
	.processing-hero-bg .row {padding: 122px 0 50px 0;}
	#Threeservices .box{margin-bottom:14px}
	#aboutWrap{padding:57px 0}
	#Knowmorewrap {text-align: center;}
	#Knowmore .headerbtn {
		margin-bottom: 10px;
		margin-top: 10px;
	}
	.planning-1box, .planning-3box, .planning-5box {top: 28%;}
	.planning-2box, .planning-4box {bottom: 27%;}
	.heading .mt-4{	margin:40px 0 0 0;}
	p.copuright {color: #fff;font-size: 13px;padding-top: 43px;	position: relative;	text-align: center;	}
	#ContactWrap p.content {display: none;}
	#ContactWrap {margin: 0;}
	.marginL {margin-left: 39px;}
	#find h4 {font-size: 42px;}
	#reach, #hero, #find, #weOffer, #weOffer-banner {padding: 208px 0 118px 0;height: auto;}
	#findmore p {font-size: 13px;line-height: 22px;}
	#findmoreSolutions .content {font-size: 13px;line-height: 20px;}
	#findmoreSolutions h4.title {font-size: 18px;}
	#Knowmore p {font-size: 13px;padding: 13px 0 0 0;}
	.whytechindisWrap p {
		font-size: 13px;
		line-height: 20px;
	}
	.headerbtn{font-size: 14px;}
	.whytechindisWrap h6 {
		font-size: 16px;
	}
	.whytechindisWrap h5 {
		font-size: 18px;
	}
	#joinTech h2.heading {
		font-size: 25px;
		font-weight: bold;
	}
	#findmore h2 {font-size: 25px;}
	#find {background-position: center;}
    .processing-hero-text h1 { font-size: 50px;line-height: 50px;}
    .processing-hero-text p {font-size: 18px;}
    #Threeservices .box h3 {font-size: 18px;}
	.contactform-right {margin: 10px 0;}
	.portfolio-wrap {margin-bottom: 10px;}
	.mobile-view{display: block;}
	.headerbtn5 {margin-top: 25px;}
	ul.cours-list li { min-width: auto;}
	.Technolgy-name {padding: 0 0;height: 69px;line-height: 65px;width: auto;}
	#portfolio-hero {padding: 213px 0 27px 0;}
	.portfolio-study h4 {padding-top: 28px;}
	.foodiegraph-mobile-img .img-fluid {margin-top: 13px;max-width: 100%;}
	#ProjectPlanning .container {max-width: 720px;}
	#ProjectPlanning .heading {font-size: 18px;padding:15px 0;}
    #ProjectPlanning .img-fluid{max-width:65%; margin: 0 auto; display: block;}
	#ContactWrap {background-position: center center;background-size: cover;}
	.expertis {padding-bottom: 20px;display:block; font-size:25px;}
	#aboutWrapper .headerbtn5 {font-size: 14px;}
	.services__item {margin-bottom: 20px;}
	#Knowmorewrap {	margin: 0;	padding: 0 20px;}
	#Threeservices {margin: 20px 0 0 0;}
	#aboutWrapper h2.heading {font-size: 25px;padding-bottom: 0;text-transform: capitalize;}
	#aboutWrapper {margin: 6px 0 0 0;}
	#aboutWrapper h2.headingINN {padding: 22px 0 20px 0;}
	#Main-services h2.heading {padding-bottom: 0px;font-size: 25px;text-transform: capitalize;}
	.know-more{display:none}
	.abt-text{display:block; text-align:center;}
	#Main-services {margin: 20px 0 0 0;}
	.knowmoreimgsmall {display: block;text-align: center;}
	.knowmoreimglarge{display:none;}
	#ProjectPlanning {margin: 20px 0 0 0;}
	#ProjectPlanning h2.heading {
		font-size: 25px;
		padding-bottom: 10px;
		text-transform: capitalize;
	}
	#Knowmore h2 {text-transform: capitalize;font-size: 25px;}
	.contactform-right{border-radius: 5px;}
	.contentright {padding: 22px 0 0 15px;text-align: center;width: 100%;}
	.sendmessaheBTN {text-align: center;margin: 0 auto;	display: block;	}

	

	.digitalWrapper .col-md-8{margin: 0 auto; display: block;}
	.txtContent {text-align: center;}
	ul.caterList li {line-height: 32px;	padding: 10px 0;}
	.marketingappbox_icon {width: 30%;margin: 0 auto;}
	.marketingappbox {margin: 0;width: 100%;text-align: center;	}
	#marketingapproch .marketingappbox h6 {font-size: 20px;	font-weight: 500;}
	#reach, #hero, #find, #weOffer, #weOffer-banner {height: auto;	}
	.portfolioDetailswrap {
		/* box-shadow: inset 30px 30px 26px -16px #deeeff, inset -30px -30px 26px -16px #deeeff; */
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center bottom;
		margin: 0px 0 0 0;
		padding: 5px 0 0 0px;
	}
	.short-info {color: #000; padding: 0; text-align: left !important;}
	.techWrapper {	justify-content: center;}
	.Technolgy-count {padding: 0 19px;height: 68px;	}
	ul.cours-list li {	font-size: 20px;}
	.portfolioDetails h5 {	padding:  0;}
	.Technolgy-count {
		max-width: 100%;
	}
	h4.services__item-title-text {
		font-size: 19px;
		color: #fff;
	}
	.services__item-text {
		font-size: 13px;
	}

	#aboutWrap {
		background-image: url(../img/small-device-bg.jpg);
		background-position: top;
		padding: 14px 0 55px 0;
		text-align: center;
	}
	.carousel-inner {
		overflow: visible;
	}
	.processing-hero-bg {height: auto;}
	.carousel-indicators {
		bottom: -34px;
		left: 0;
	}
	.tabbed .row{margin: 0;}	
	.servicesDetails h6 {
		font-size: 18px;
		font-weight: 500;
		text-align: center;
		margin: 21px 0 0 0;
	}
	.aboutnone{display: none;}
	ul.followUs {display: flex;justify-content: center;	width: 50%;	}
	.servicesDetailswrap {padding: 0px 0;}
	.choosemain {margin-bottom: 23px;}
	#android-process .box {
		margin: 15px 0 0 0;
	}
	.banner-btn {
		margin: 0;
	}
	.servicesDetails h5 {
		font-size: 30px;
		padding: 0;
	}
	.banner-btn .img-fluid
	{
		margin-top: 0;
	}
	#footerWrap li{text-align: center;}
	/* The side navigation menu */
	.sidenav {
		height: 100%;
		width: 0;
		position: fixed;
		top: 0;
		right: 0;
		background-color: #0a283a;
		overflow-x: hidden;
		padding-top: 60px;
		transition: 0.5s;
		z-index: 999;
		margin: 10.2% 0;
	}
	.sidenav a{position: relative; text-align: center;}
	.sidenav a.nav-link::after {
		background-image: linear-gradient(to left, rgb(10, 40, 58) 0%, rgb(182, 175, 175) 24%, rgb(182, 175, 175) 50%, rgb(182, 175, 175) 80%, rgb(10, 40, 58) 100%);
		height: 1px;
		content: '';
		position: absolute;
		left: 0;
		text-align: 0;
		bottom: 0;
		z-index: 9999;
		width: 100%;
	}
	
	  
	  /* The navigation menu links */
	  .sidenav a {
		padding: 15px 5px 28px 32px;
		text-decoration: none;
		font-size: 20px;
		color: #fff;
		display: block;
		transition: 0.3s;
	}
	  
	  /* When you mouse over the navigation links, change their color */
	  .sidenav a:hover {
		color: #efc416;
	  }
	  
	  /* Position and style the close button (top right corner) */
	  .sidenav .closebtn {
		position: absolute;
		top: 0;
		right: 25px;
		font-size: 36px;
		margin-left: 50px;
	  }

}
@media (max-width:969px) {
	.sidenav {
		margin: 10.5% 0;
	}
}
@media (max-width:946px) {
	.sidenav {
		margin: 10.9% 0;
	}
}
@media (max-width:912px) {
	.sidenav {
		margin: 11% 0;
	}
}
@media (max-width:820px) {
	.sidenav {
		margin: 12.5% 0;
	}
}
@media (max-width:768px) {
	h1, h2, h3, h4, h5, h6{font-size: 28px;}
	p.txtContent b{font-size: 15px; display: block; padding: 10px 0;}
	#footerWrap h5.heading{text-align: center;}
	.processing-hero-text p {font-size: 18px;}
	#Threeservices .box {height: 485px;	}
	.headerbtn2 {width: 44%;}
	.processing-hero-text h1 {font-size: 48px;line-height: 55px;}
	.headerbtn {border-radius: 5px;padding: 5px 15px;}
	.expertis {font-size: 24px;}
	.headerbtn2 {width: 33%;}
    #aboutWrapper h2.heading {font-size: 24px;}
    #aboutWrapper h2.headingINN {padding:20px 0; }
    #ProjectPlanning .img-fluid {max-width: 65%;margin: 0 auto;text-align: center; display: block;}
	.services__item-title {padding: 15px 30px;}
	h4.services__item-title-text {font-size: 20px;}
    #Knowmore h2 {font-size: 24px;}
    #Knowmore p {font-size: 13px;line-height: 22px;}
    #ProjectPlanning h2.heading {font-size: 24px;}
    #ProjectPlanning .img-fluid{max-width: 65%; margin:0 auto;}
    #ContactWrap h5.heading { font-size: 20px; }
    #ContactWrap h4.heading {font-size: 24px;}
	#Threeservices .box p {font-size: 13px;}
    #ContactWrap h5.heading {font-size: 20px; padding: 20px 0 0 0;}
    .headerbtn6 {margin: 20px 0 0 0;}
	#Threeservices .box h3 {font-size: 18px;}
    #Main-services h2.heading {font-size: 24px; }
	#findmorewrap .headerbtn {
		margin: 17px 0 !important;
		float: left;
	}
	#reach, #hero, #find, #weOffer, #weOffer-banner {margin-bottom: 20px;}
	#findmorewrap {	padding: 0 0 15px 0;}
	.seo-wrapper {margin:20px 0 0 0;}
	#mobile-app-promo {margin: 20px 0 0 0;}
	#mobile-app-promo {
		margin:  0;
	}
	.features_icon .fi-rr-camera, .features_icon .fi-rr-dollar, #affiModels .fi-rr-calculator, #affiModels .fi-rr-download, #affiModels .fi-rr-indent,
	.mobile-application2 .fi-rr-camera, .mobile-application2 .fi-rr-dollar, .digiMarketing .fi-rr-edit, .seo-process .fi-rr-search-alt, .seo-process .fi-rr-disk,
	.features_icon .fi-rr-bell, .mobile-application2 .fi-rr-bell, #affiModels .fi-rr-envelope, #affiModels .fi-rr-shuffle, .seo-process .fi-rr-golf,
	.features_icon .fi-rr-following, .mobile-application2 .fi-rr-following, .digiMarketing .fi-rr-search-alt, #affiModels .fi-rr-time-check,
	.seo-process .fi-rr-megaphone, .features_icon .fi-rr-smartphone, .mobile-application2 .fi-rr-smartphone, #affiModels .fi-rr-apps-sort, #affiModels .fi-rr-star,
	.seo-process .fi-rr-ticket, .features_icon .fi-rr-transform, .mobile-application2 .fi-rr-transform, .digiMarketing .fi-rr-dollar, #affiModels .fi-rr-label,
	.seo-process .fi-rr-play, .features_icon .fi-rr-comment-alt, .mobile-application2 .fi-rr-comment-alt, .digiMarketing .fi-rr-subtitles,
	#affiModels .fi-rr-interactive, .seo-process .fi-rr-stats, #affiModels .fi-rr-play-alt, #affiModels .fi-rr-dollar, .features_icon .fi-rr-comment,
	.mobile-application2 .fi-rr-comment, .seo-process .fi-rr-shopping-bag, #mobile-app-business .fi-rr-data-transfer, #mobile-app-business .fi-rr-layout-fluid,
	#mobile-app-business .fi-rr-resize, #mobile-app-business .fi-rr-megaphone, #mobile-app-business .fi-rr-settings-sliders, #mobile-app-business .fi-rr-globe
	{
		text-align: center;
		display: block;
	}
	address {
		text-align: center;
	}
	.servicesDetails h6 {	margin: 0px 0 0 0;	}
	#findmoreSolutions {margin:10px 0 0px 0;}
	.servicesHead { padding: 0;	}
	.marginR{margin-right:9px}
	.marginL{margin-left:35px}
	#aboutWrap{background-image: url(../img/small-device-bg.jpg); background-position: top;}
	.digitalWrapper,.logowrap, .adplateform, #techBundel, #whyChooseSection {margin: 20px 0 0 0;}
	#footerWrap ul{padding:0;margin:0; text-align: center;}
	#find h4,#hero h4,#reach h4,#weOffer h4{font-size:39px;line-height:48px}
	#footerWrap p.content,.envelope, .call {text-align: center;}
	#findmoreSolutions .content{padding-bottom:20px}
	.carousel-indicators {
		bottom: -18px;
	}
	.headerbtn5 {margin-top: 0;}
	#aboutWrapper p.content {
		padding-bottom: 50px;
		text-align: center;
	}
    .carousel-indicators {
        bottom: 0;
        left: 0;
    }
	.thumb img {
		border-radius: 7px 7px 0 0;
		width: 100%;
	}
	.android_bannerWrapper {
		margin:0;
	}
	h4.txtHead {
		margin-bottom: 15px;
		text-align: center;
	}
	#aboutWrapper .headerbtn5 {
		bottom: -17px;
		padding: 8px 20px;
	}
    #aboutWrapper .headerbtn5 {bottom: 5px;padding: 5px 25px; }
	#Knowmorewrap {margin:0; box-shadow:none; padding:0 0px;}
	#Knowmore {margin: 0;}
	#joinTech {margin: 20px 0 0 0;}
	.logo-box {display: flex;align-content: center;align-items: center;	justify-content: center;}
	#footerWrap p.content-right {display: none;}
	#footerWrap p.content br {display: none;}
	#footerWrap h6.subheading {display:none;}
	.aboutnone{display:none;}
	p.copuright {padding-top: 25px; padding-bottom:9px;}
	#aboutWrap {padding: 20px 0;}
	#Knowmore p{text-align:justify;}
	#footerWrap ul li {display: inline-block;padding: 0 8px;}
	#joinTech h2.heading {font-size: 25px;padding-bottom: 10px;}
	#Knowmore p {text-align: center;}
	#exp_wrap{padding:44px 0;}
	.bottom-mail {font-size: 20px;}
	.slick-next {right: 0;}
	.slick-prev{left: 0; z-index: 9;}
	#exp_wrap h4 {font-size: 40px;padding: 0 20px;}
	.choosemain {width: 100%;	margin: 0 auto;	margin-bottom: 20px;}
	.mobile-application img{text-align: center; margin: 0 auto; display: block;}
	.bottom-mail br{display: none;}
	.adplateform img {margin: 0;max-width: 33%;	}
	#android-process h4, .adplateform h4, .mobile-application h4, #whyChooseSection h3, .techbundleHead {
		font-size: 25px;
	}
	#android-process, .mobile-application, #catermobile, #marketingCover {padding: 20px 0;margin: 20px 0 0 0;	}
	#android-banner {padding: 201px 0;}

	.seo-process .img-fluid {
		max-width: 24%;
	}
	#footerWrap .heading img {margin: 0 auto;display: block;}
	.portfolioDetails h5 {
		font-size: 30px;
		text-transform: uppercase;
	}
	.patients {
		display: block;
		width: 44%;
		margin: 0 auto;
	}
	#portfolio-hero {
		padding: 159px 0 27px 0;
	}
	.Technolgy-count {
		width: 100%;
	}
	.patients {	width:30%;	}
	.carousel-inner {text-align: center;}
	#eoeios {margin: 30px 15px;}
	.navbar-brand {
		margin-right: 0;
	}
	ul.followUs {width:100%;}
	.services__item {margin: 0 auto;margin-bottom: 15px;}
	#marketingCover img{max-width:32%;}
    #joinTech .logo-box img {
        max-width: 88%;
        margin: 8px 0 15px 0;
    }
    
	.sidenav {
		margin: 13% 0;
	}

	h4.txtHead {
		font-size: 24px;
		line-height: 31px;
	}
	.txtContent-responsive {
		display: block;
		padding: 10px 15px 0 15px;
		font-size: 13px;
	}
	p{font-size: 13px !important; line-height: 22px !important;}
}
@media (max-width:721px) {
	.sidenav {
		margin: 15% 0;
	}
}
@media (max-width:578px)
 {
	p{ line-height: 20px !important;}
	.digiproCess h4{margin:0 !important}
	.performanceBundel h4{
		margin: 15px 0 15px 0 !important;
		padding: 0 !important;
	}
	.seoservices .headbg{padding: 8px 0 !important; margin: 0 !important;}
	.digiMarketing h4 {
		margin: 15px 0 25px 0;
	}
	.scoapp-business {
		margin: 0 !important;
		padding: 0 0 15px 0 !important;
	}
	.AFFmarketingCover h4 {
		padding: 0px 0 15px 0 !important;
		margin: 0 !important;
	}
	.AFFmarketingCover .headbg, .affapproch .headbg {
		padding: 0;
		margin: 0;
	}
	#affiModels .headbg {
		padding: 0;
		margin: 0 0 15px 0;
	}
	.affapproch h4{margin: 0 !important;}

	.android_bannerWrapper p h5 {
		text-align: left;
		margin: 0;
	}
	#whyChooseSection .headbg {
		margin-bottom: 0;
		margin-top: 0;
	}
.mobileinnerWrapp h6{text-align: left !important;}

	.AFFmarketingCover img
	{
		float: left;
		width: 16%;
	}
	.AFFmarketingCover h6 {
		float: left;
		line-height: 58px;
		padding: 0 0 4px 18px;
	}
	.AFFmarketingCover p {
		color: #000;
		font-size: 15px;
		line-height: 25px;
		padding: 6px 0 10px 0 !important;
		width: 100%;
		float: left;
		text-align: left;
	}
	#mobile-app-promo h5 {
		padding: 15px 0 9px 0;
	}
	.mobiledetailswrap {
		margin: 0;
	}
	#findmorewrap {
		text-align: center;
	}
	.slick-dots {
		bottom: 4px !important;
		right: 35%;
		width: auto;
	}
	#joinTech .headbg
	{
		padding: 0;
		margin: 0 !important;
	}
	#aboutWrap .slick-slide img
	{
		margin:0 auto;
	}
	.choosehead.txtHead {
		padding-bottom: 25px;
	}
	.servicesDetails img {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	#portfolioDetails .img-fluid{
		margin-bottom: 10px;
	}

	.adplateform img {
		margin: 15px 0 0 0;
		max-width:45%;
	}
	#android-process p {
		padding: 0;
		margin: 0;
	}
	#android-process .DpHead {
		font-size: 16px;
		padding: 0 0 0 10px;
	}
	.adplateform h4, .mobile-application h4 {
		font-size: 22px;
		padding-bottom: 0;
	}
	.mobile-application h5 {
		font-size: 14px !important;
	}
	#eoeios h4 {
		font-size: 22px;
		text-align: center !important;
		padding-bottom: 0;
	}
	.ios-techbundle h3{padding-bottom: 20px;}
	.logoprocess h4{margin-bottom: 0 !important;}
	.logotechindis .headbg{margin: 20px 0 0 0 !important;}
	.logotechindis  h3 {
		font-size: 20px;
		padding: 0;
		margin: 0px 0 25px 0;
		text-align: center !important;
	}
	#eoeios {
		margin: 0px 15px 0 15px;
	}
	#joinTech h2.heading {
		font-size: 22px;
		padding-bottom: 10px;
		text-align: center !important;
	}
	.logotechindis{margin: 18px 0 0 0;}
	.logotechindis  h2.heading{padding-bottom: 0 !important;}
	#joinTech .logo-box img {
		max-width: 100%;
		margin:0;
	}
	#footerWrap {
		padding: 0 0;
		margin: 15px 0 0 0;
	}
	.px-4{padding: 0;}
	.app-list li {
		font-size: 12px;
	}
	.app-list h5 {
		font-size: 18px;
		padding: 10px 0 3px 0;
		text-align: left;
	}
	#android-process h4 {
		font-size: 22px;
		text-align: center !important;
	}
	.headbg {
		padding:0;
		margin: 15px 0;
	}
	.portfolio-hero#hero h3 {
		font-size: 24px;
		padding: 7px 15px;
		margin-bottom: 13px;
	}
	.portfolio-hero#hero p {
		font-size: 18px;
		color: #fff;
		padding:10px 0
	}
	.btn.portfoliobtn {
		padding: 4px 23px !important;
		margin: 10px !important;
		font-size: 16px !important;
	}
	#find h4, #hero h4, #reach h4, #weOffer h4 {
		font-size: 25px;
		line-height: 36px;
		margin-bottom: 0;
	}
	#find h4, #hero h4, #reach h4, #weOffer h4 {
		font-size: 27px;
		line-height: 22px;
	}
	.choosemain p {
		font-size: 12px;
	}
	h4.txtHead {
		font-size: 20px;
		line-height: 25px;
		margin-bottom: 0;
	}
	.expertis {
		font-size: 22px;
	}
	#Threeservices .box p {
		font-size: 12px;
		margin: 0;
	}
	#Threeservices .box h3 {
		font-size: 16px;
		padding-top:0px;
	}
	#Threeservices .box {
		height: auto;
	}
	#Knowmore .img-fluid {
		max-width: 50%;
		margin: 0 auto;
		display: block;
		margin-top: 10px;
	}
	.headerbtn2 {
		margin: 0px auto;
		width: auto;
		bottom: 0;
		font-size: 14px;
		position: static;
		margin-top: 9px;
		padding:4px 15px;
	}

	.txtContent-responsive {
		display: block;
		padding: 10px 15px 0 15px;
		font-size: 12px;
		margin: 0;
	}
#TopNav .navbar-brand {
	padding-top: 0;
	padding-bottom: 0;
}
#reach, #hero, #find, #weOffer, #weOffer-banner {
	padding: 163px 0 116px 0;
}
.headerbtn {
    border-radius: 4px;
    padding: 5px 14px;
    font-size: 14px;
}
.processing-hero-bg {
	height: auto;
}
#ContactWrap {
	background-image: url(../img/contactWrap-small.png);
}
.navbar-brand img
{
height:56px;
}
.servicesHead {
	font-size: 22px;
	margin: 0;
}
.servicesContent {
	font-size: 12px;
	padding-bottom: 20px;
	text-align: left;
}
.headerbtn4 {
	margin: 13px 0 0 0;
	position: static;
	width: auto;
	padding: 0 25px;
}
.choosemain img
{
	width: 100%;
}
.bundel_bg {
	padding: 10px 0;
}
.single-item_offer {
	margin-bottom: 15px;
}
.info p {
	font-size: 13px;
	height: auto;
}
.project-Discription .tech ul
{
	margin-bottom: 0;
}
.project-Discription .tech ul li {
	display: inline-block;
	margin: 10px 0 0 0;
}
#portfolio .nav
{
	flex-wrap: nowrap;
}
.servicesDetails p {
	padding: 10px 0 0 0 !important;
	font-size: 12px;
}
#exp_wrap {
	padding: 20px 0;
	margin: 20px 0 0 0;
}
#exp_wrap h4 {
	font-size: 26px;
	padding: 0 20px;
}
.digitalWrapper, .logowrap, .adplateform, #whyChooseSection {
	margin:  0;
}
#techBundel
{
	margin: 0;
	padding: 0;
}
.webdetails h5{padding-bottom: 8px;}
#whyChooseSection h3 {
	font-size: 20px;
	padding: 0;
	margin: 15px 0;
	text-align: center !important;
}
.logowhychoose h3{margin: 0 0 25px 0 !important;}
.choosemain h5 {
	font-size: 20px;
	padding: 10px 0 7px 0;
	text-align: center;
}
.techbundleHead {
	font-size: 22px;
	text-align: center;
	padding-bottom: 0;
}
.bottom-mail {
	margin: 20px 0;
	font-size: 18px;
	line-height: 22px;
}

.servicesDetails h5 {
	font-size: 20px;
	margin-top: 0;
}
ul.app-list {
	text-align: left;
	margin-bottom: 10px;
	margin-left: 0;
}
ul.cours-list li {margin: 0 13px;font-size: 20px;}
#portfolio-hero {padding: 114px 0 34px 0;}
#portfolio-hero {padding: 114px 0 34px 0;}
.seo-wrapper {
	margin: 15px 0 0 0;
}
.portfolio-hero#hero {
	padding: 130px 0 50px 0 !important;
}
#weOffer-banner h4, #android-banner h4, #ios-banner h4, #ecommerce-banner h4, #digital-banner h4, #affiliate-banner h4, #mobileapp-banner h4, #seo-banner h4 {
	font-size: 27px;
	color: #fff;
	line-height: 30px;
	margin: 0;
}
#weOffer-banner .headerbtn5, #android-banner .headerbtn5, #mobileapp-banner .headerbtn5, #affiliate-banner .headerbtn5, #ios-banner .headerbtn5, #seo-banner .headerbtn5, #ecommerce-banner .headerbtn5, #digital-banner .headerbtn5 {
	padding: 8px 16px;
	font-size: 17px;
}
#android-banner, #ios-banner, #ecommerce-banner, #digital-banner, #affiliate-banner, #mobileapp-banner, #seo-banner {
	padding: 147px 0 90px 0;
	background-position: center;
}
#affiModels h4 {
	font-size: 22px;
	text-align: center !important;
}
#affiModels p.txtContent
{
	text-align: left !important;
}
#marketingCover h6 {
	font-size: 16px;
	padding: 0px 0 4px 18px;
}
#affiModels h5 {
	font-size: 15px;
	padding: 15px 0;
	text-align: center;
}
#affiModels img {
	width: 44px;
	height: 44px;
}
#affiModels {
	margin:0;
	padding: 20px 0;
}
.bottom-mail {
	padding: 15px 15px;
}
.servicesDetails h6 {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin: 10px 0 0 0;
	padding: 0;
}
#mobile-app-promo .img-fluid{margin:15px 0;}
.headbg h4, .headbg h3, .headbg h2 {
	font-size: 22px; text-align: left !important;
}
.adplateform h4 {
	text-align: center !important;
}
#whyChooseSection .headbg h4 {
	text-align: center !important;
	padding: 15px 0 30px 0;
}
.ios-wrapper .headbg {
	padding: 0;
	margin: 15px 0 0 0;
}
#catermobile .img-fluid{margin: 20px 0 0 0;}
#seo-banner{background-position: right;}
.processing-hero-text h1 {font-size: 37px;line-height: 45px;}
.processing-hero-text p {font-size: 16px;}
#aboutWrapper .headerbtn5 {padding: 5px 13px;font-size: 12px;}
#ProjectPlanning .heading {font-size: 15px;}
.portfolio .nav-pills .nav-link {background: #f2f4ff;margin-right: 5px; padding: 8px 24px;	font-size: 13px;}
.btn.portfoliobtn { margin: 10px !important;}
#weOffer-banner .headerbtn5, #android-banner .headerbtn5, #mobileapp-banner .headerbtn5, #affiliate-banner .headerbtn5, #ios-banner .headerbtn5, #seo-banner .headerbtn5, #ecommerce-banner .headerbtn5, #digital-banner .headerbtn5 {
	padding: 8px 29px;
	font-size: 20px;
}
.portfolioDetails h5 {
	font-size: 22px;
	text-transform: uppercase;
}
#TechWrap .title {
	text-transform: uppercase;
	font-size: 22px;
	margin-bottom: 0;
}
.techWrapper {
	padding: 0;
	margin-bottom: 30px;
	display: flex;
	flex-wrap: wrap;
}
.content-section {
	margin: 15px 0 0 0;
}
.messgae h2, .messgae p {
	display: block;
	font-size: 22px;
}
.content-section p.lead {
	margin: 10px 0 15px 0;
	font-size: 18px;
	text-align: left !important;
}
.sendmessaheBTN {
	background: #efc416;
	border: none;
	color: #fff;
	border-radius: 5px;
	padding: 5px 13px;
}
.content-section li{font-size: 12px;}
.contactform-left {
	background: #fff;
	box-shadow: 2px -4px 21px 3px #e6ecef;
	border-radius: 5px 0 0 5px;
	border: solid 1px #d8dae3;
	padding: 15px 20px;
	display: flex;
	flex-wrap: wrap;
}
.Technolgy-section .Technolgy-name {
	background-color: transparent;
	color: #000;
	text-align: left;
	padding-left: 15px;
}
.Technolgy-section .Technolgy-name {
	color: #000;
	text-align: left;
	line-height: 48px;
}
.Technolgy-count {
	padding: 0 10px;
	height: 68px;
}
.Technolgy-name span {
	color: #fff;
	padding: 0;
	display: inline-block;
	position: relative;
	top: 0;
	font-size: 17px;
}
#TechWrap {
	margin:  0;
}
ul.cours-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: block;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	margin-bottom: 0;
	text-align: left;
}
ul.cours-list li {
	width: auto;
	line-height: 14px;
	font-size: 15px;
	margin: 14px 10px;
	/* padding: 0; */
	display: inline-block;
	text-align: left;
}
.Technolgy-name {
	padding: 0 0;
	height: auto;
	line-height: auto;
	width: auto;
}
.Technolgy-count {width:100%;height: 67px;}
.Technolgy-name {width: 100%;}
.Technolgy-name::after {display: none;}
.Technolgy-section {text-align: center;}
#aboutWrap .slick-slide img {height: 300px;margin: 0 auto;}

.Technolgy-count {width: 100%;height: auto;}
.patients {width: 60%;}
#footerWrap .heading img {
	max-width:30%;
	padding-bottom: 10px;
}
.Technolgy-section {
	border-radius: 5px;
	float: left;
	width: 100%;
	margin: 21px 0 0;
	-webkit-transition: .5s;
	transition: .5s;
	box-shadow: 5px -1px 7px -1px #ccc;
	margin: 10px 0;
	background: #f0f8ff;
}
#find h4, #hero h4, #reach h4, #weOffer h4 {
	font-size: 27px;
	line-height: 36px;
}
.foodiegraph-mobile-img .img-fluid {
	max-width: 90%;
	margin-top: 40px;
}
.carousel-indicators {
	left: -27px;
	bottom: 0;
}
#footerWrap p.content {
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	padding: 0 15px;
	margin: 0;
}
#techmobileapp h4, #catermobile h4, #marketingCover h4, #marketingapproch h4 {
	font-size: 22px;
	text-align: center;
	margin:0 0 10px 0;
}
#catermobile h4, #marketingCover h4
{
	text-align: center !important;
}

.mobile-application, #catermobile, #marketingCover {
	
	padding: 20px 0;
	margin: 0;
}
#android-process{padding: 20px 0 0 0; margin: 0 !important;}
#mobile-app-business h4 {
	padding: 0;
	margin: 0 !important;
}
.mobileprocess h4 {
	padding: 0;
	margin: 0 !important;
}
.scowrapper h5{text-align: left !important;}
.scowrapper p.txtContent{padding: 0 !important;}
.scowrapper .headbg{padding: 15px 0 8px 0;}

.DpHead {
	font-size: 15px;
}
#mobile-app-business h4 {
	font-size: 22px;
	text-align: center !important;
	
	margin: 10px 0;
}
.mobilejoin .box p {
	text-align: center !important;
}
.portfolio .nav-pills .nav-link {
	padding: 4px 7px;
}
.project-Discription .deatils {
	height: 114px;
}
#mobile-app-business .box {
	margin:15px 0 0 0;
	width: 100%;
}
#mobile-app-business .box h5 {
	font-size: 16px;
}
ul.caterList li {
	line-height: 20px;
	padding: 10px 0 0 0;
	font-size: 13px;
}
.sidenav {
	margin: 17.5% 0;
}
#footerWrap ul li {
	font-size: 13px;
	padding: 0px 5px;
}
.ios-wrapper .img-fluid{
	margin: 10px 0 0 0;
}
#ContactWrap h5.heading {
	font-size: 18px;
	padding: 11px 0 0 0;
}
.ios-wrapper {
	margin: 0;
}
.iosprocess h4{margin-bottom: 0 !important;}
.adplateform {
	padding:0;
}
.icon {
	margin-bottom: 10px;
}
.info h4 a {
	font-size: 20px;
}
.info {
	height: auto;
	min-height: auto;
}
#weOffer-banner .headerbtn5, #android-banner .headerbtn5, #mobileapp-banner .headerbtn5, #affiliate-banner .headerbtn5, #ios-banner .headerbtn5, #seo-banner .headerbtn5, #ecommerce-banner .headerbtn5, #digital-banner .headerbtn5 {
	padding: 9px 13px;
	font-size: 16px;
}
.ios-wrapper p.txtContent {
	padding: 0 !important;
}
.logowrap p.txtContent {
	padding: 0 !important;
}
p.txtContent {
	padding: 0 15px !important;
}
.digitalWrapper p.txtContent, .android_bannerWrapper p.txtContent, #mobile-app-promo p.txtContent, #affiModels p.txtContent{padding: 0 !important; text-align: left;}
.portfolioDetails p.txtContent {
    padding: 0px !important;
	text-align: left;
}
.devP{
	margin-bottom: 5px;
}
#android-process .img-fluid {
	max-width: 22%;
	height: auto;
}
.seo-process h4 { text-align: center !important;}
#seoBenifits h4 {
	font-size: 22px;
	text-align: center;
}
#seoBenifits {
	margin: 15px 0 0 0;
}
#seoBenifits h5 {
	padding: 10px 0 7px 0;
}
.seo-wrapper .headbg {margin: 0;}
.scoapp-business .headbg {margin:15px 0 8px 0;}
.seo-wrapper .headbg{margin: 0 0 8px 0;}
#seoBenifits p.txtContent{padding: 0 !important;}
.DpHead {
	padding: 13px 0 0 10px;
}
.mobile-application2 h5::after, #affiModels h5::after, .seo-process h3.DpHead::after {
	content: "";
	border-bottom: solid 1px #c9d2d5;
	height: 1px;
	width: 70%;
	display: block;
	margin-top: 32px;
	margin: 0 auto;
	margin-top: 20px;
}
.seo-wrapper h4.txtHead {
	font-size: 22px;
	margin: 0;
}
.app-list li {
	font-size: 13px;
	color: #000;
	line-height: 18px;
	list-style-type: disc;
	margin-left: 10px;
	padding: 10px 0 0 0;
}
#footerWrap ul li {font-size: 15px;}
.yellow-white {
	width: 80%;
}
#Main-services h2.heading {
	padding-bottom: 0;
	font-size: 22px;
}
#ProjectPlanning h2.heading {
	padding-bottom: 0;
	font-size: 22px;
}
#Knowmore h2 {
	font-size: 22px;
	padding: 0;
}
#Main-services h2.heading {
	font-size: 22px;
	text-align: center !important;
}
.expertis {
	font-size: 22px;
	padding-bottom: 10px;
	margin: 0;
}
#Main-services .headbg
{
	margin: 0 0 15px 0;
}
#Main-services h2{text-align: center !important;}

#aboutWrapper .headbg {margin: 0 0 15px 0;}
#Knowmorewrap .headbg {margin: 0 0 15px 0;}
#Knowmore h2{text-align: center !important;}
#ProjectPlanning .headbg {margin: 0 0 15px 0;}
#ProjectPlanning h2{text-align: center !important;}
#findmore .headbg{margin: 0 0 15px 0;}
#findmore p {
	font-size: 13px;
	line-height: 20px;
	text-align: left;
	padding: 0;
}
#findmoreSolutions h2{text-align: center !important;}
#findmoreSolutions .headbg{margin: 0 0 15px 0;}
.whytechindisWrap{text-align: left;}
.whytechindisWrap h5 {
	text-align: left;
}
#mobile-app-business .headbg{margin: 15px 0 8px 0;}
.digiMarketing{margin: 0;}
.portfolioDetailswrap .headbg{margin: 15px 0 0 0;}
}

@media (max-width:483px) {
	.portfolio .nav-pills .nav-link {padding:7px;}
	.yellow-white {
		width: 100%;
	}

	#reach, #hero, #find, #weOffer, #weOffer-banner {padding: 145px 0 63px 0;}
	.portfolio .nav-pills .nav-link {padding: 7px 10px;	}
	ul.caterList li {margin: 0 15px;}
	#reach, #hero, #find, #weOffer, #weOffer-banner {
		padding: 110px 0 63px 0;
	}
	
	.whytechindisWrap {
		margin: 10px 0;
		padding: 10px 20px;
	}
	#findmore h2 {
		font-size: 22px;
		padding: 10px 0 0 0;
		text-align: center;
	}

	#findmorewrap .img-fluid {
		margin: 0 auto;
		display: block;
	}
	#findmoreSolutions h4.title {
		font-size: 17px;
	}
	#findmoreSolutions .content {
		font-size: 12px;
		line-height: 20px;
	}
	.whytechindisWrap h5 {
		font-size: 17px;
	}
	#findmoreSolutions img {
		max-width: 50%;
	}
	.whytechindisWrap h6 {
		font-size: 15px;
	}
	.whytechindisWrap p {
		font-size: 12px;
	}
	
#TopNav .navbar-brand .img-fluid{
	max-width: 80%;
	height: auto;
}
#Threeservices .box {
	margin-bottom: 10px;
	margin-left: 20px;
	margin-right: 20px;
}
.sidenav a {
	/* padding: 15px 5px 20px 32px; */
	padding: 15px 0 15px 0;
	font-size: 16px;
	position: relative;
	text-align: center;
}
.sidenav a.nav-link::after {
	background-image: linear-gradient(to left, rgb(10, 40, 58) 0%, rgb(182, 175, 175) 24%, rgb(182, 175, 175) 50%, rgb(182, 175, 175) 80%, rgb(10, 40, 58) 100%);
	height: 1px;
	content: '';
	position: absolute;
	left: 0;
	text-align: 0;
	bottom: 0;
	z-index: 9999;
	width: 100%;
}
#aboutWrap img {
	height: 210px;
}

#aboutWrapper {
	margin: 0;
}
#aboutWrapper h2.heading {
	font-size: 22px;
	text-align: center !important;
}


.processing-hero-bg .row {
    padding: 102px 0 40px 0;
}
#Threeservices {
	margin: 10px 0 0 0;
}
.navbar-collapse.in {
    display: block !important;
}
.headerbtn6 {margin: 15px 0 0 0;}
#joinTech {margin: 10px 0 0 0;}
#ContactWrap h4.heading {font-size: 22px;padding-top:0;}
#reach, #hero, #find, #weOffer, #weOffer-banner { margin-bottom: 0px;}
#aboutWrapper h2.headingINN {padding:10px 0;font-size:18px;}
#aboutWrapper p.content {font-size: 12px;line-height: 22px;height: 310px;}
#Main-services {margin: 10px 0 0 0;}
#Main-services h2.heading {font-size: 22px;}
#Knowmore img {max-width: 75%;margin:10px 0 0 0;}
h4.services__item-title-text {font-size: 22px;color: #fff;}
.services__item-text {color: #fff;line-height: 1.36;font-weight: 400;text-align: center;font-size: 13px;}
.services__item {margin-bottom: 10px;}
#Knowmore p {font-size: 13px;line-height: 20px;padding:10px 0 0 0;}
.services__item-hidden-block h5 {font-size: 17px;padding: 0 0 10px 0;}
#Knowmore h2 {font-size: 22px;}
#ProjectPlanning h2.heading {font-size: 22px;}
#ProjectPlanning {margin: 10px 0 0 0;}
#ContactWrap {margin: -13px 0 0 0;}
#ContactWrap {background-image: url(../img/contactWrap-small.png);padding: 20px;}
#footerWrap p.content {color: #fff;font-size: 13px;font-weight: 400;padding: 0 15px;}
#footerWrap h5.heading {padding: 22px 0 0 0;}
  /* Style page content - use this if you want to push the page content to the right when you open the side navigation */
  #main {
	transition: margin-left .5s;
	padding: 20px;
  }
  #ProjectPlanning .img-fluid{max-width: 90%;}

}
@media (max-width:450px) {
	#ContactWrap {padding: 27px;}
	#ProjectPlanning .heading {
		padding: 0;
	}
	#footerWrap .heading img {
		max-width: 37%;
	}
}
@media (max-width:415px) {
	.sidenav {
		margin: 20.5% 0;
	}

}
@media (max-width:390px) {
	.sidenav {
		margin: 21% 0;
	}
}
@media (max-width:385px) {
	.sidenav {
		margin: 23% 0;
	}
}
@media (max-width:385px) {
	.sidenav {
		margin: 24% 0;
	}
}
  
  /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size)*/
  @media screen and (max-height: 450px) {
	.sidenav a {font-size: 18px;}
	
	#ContactWrap {padding: 27px;}
  } 
  @media screen and (max-width: 360px) {
  .portfolio .nav-pills .nav-link {
	padding: 5px 6px;
	font-size: 12px;
	margin-right: 4px;
}
.processing-hero-text h1 {
	font-size: 35px;
}

  }