@media only screen and (min-width: 320px) and (max-width: 767px){
	.topcnt{display: none !important;}
	.menubtn{margin-top: -50px;}
	#myCarousel {margin-top: 60px !important;}
	.carousel-caption{display: none !important;}
     .introimg{width: 100% !important;}
	.serimgbg{padding: 0px !important;}

	.servicecnt-lft{background: #fff; padding: 20px 30px;  margin-top: 5px; border: none; position: relative; margin-left: 0px;}
.servicecnt-rgt{background: #fff; padding: 20px; margin-top: 5px; border:none; position: relative; margin-right: 0px;}
.servicepg-img{text-align: center; width: 90%; margin: auto;}
.logosec{float: left !important;}
.navsec{float: right !important; width: 100% !important; position: inherit;}
.navtogbtn {
	width: 35px;
	float: right;
	border: 1px #fff solid;
	color: #fff;
	text-align: center;
	height: 30px;
	line-height: 30px; position: fixed;
	margin-top: -51px !important;
	margin-right: 5% !important;
	right: 0px !important;
}
.footerbg .footermidcol{padding-left: 0px;}
.tabhd{font-size: 13.5px; font-weight: 600; font-family: 'Raleway', sans-serif;}

.wave {
  position: relative;
  width: 100%;
  height: 100%;
  background-size: cover; background-attachment: fixed;
  background: linear-gradient(90deg, #4b126c, #502ec8);
}
.wave .wav{display: none;}
.wave .bannerimg{margin-top: 20px;}
.wave .bannerimg img{width: 100% !important; margin-top: 10px;}
.banncont{margin-top: 30%;}
.banncont h1{font-size: 30px;}

.showboxbtn img{height: 30px; width: 50px; text-align: center; margin-top: 30px;}
.industriesbox .showboxbtn {
	padding: 0px !important; 
	background: #fcfcfc;
	border-right: 1px #f00 solid;
	min-height: 97px;
}
.showboxbtn .indtext{text-align: center; font-size: 10px !important; text-transform: capitalize !important;}

.indslide.slide-body.pos2:after {
    left: 39% !important;
}
.indslide.slide-body.pos3:after {
    left: 65% !important;
}
.indslide.slide-body.pos4:after {
    left: 91% !important;
}
.industriesbox .showboxbtn{
    /*padding: 40px;*/ background: #fcfcfc; border-right: 1px #e1dfe0 solid; min-height: 162px;
    padding-top: 20px;
}
.circlesection-content{display: none;}
.innolistcard{display: block;}
.inno-list li{width: 100%; float: none;}
.inno-list li .content .icon img{float: left; width: 50px; margin-right: 10px;}
.inno-list li .content .rgtcol{width: 80%; float: left;}
.innerbanncont{margin-top: 47%;}
.techlist li{font-size:14px;}
.techlist li i{line-height:21px !important;}
.ecomservice-sec .serbg{padding:0px;}
.ecomservice-sec .serbg h3{line-height:30px !important;}

}

@media only screen and (min-width: 768px) and (max-width:1024px){
	.topcnt{display: none !important;}
	.servicecnt-lft{padding: 20px !important; border:none; position: relative; margin-left: 0px; margin-top: 0px;}
	.servicecnt-rgt{padding: 20px !important; border:none; position: relative; margin-right: 0px; margin-top: 0px;}
	.servicepg-img{width: auto; margin: auto; text-align: center;}
	.footerbg .footermidcol{padding-left: 0px;}
	.tabhd{font-size: 11px;}
	.introimg{width: 70% !important;}
	.homeintroimg{margin-top: 10px; margin-bottom: 30px; width: auto;}
	.opaque-navbar {height: 65px;}
.wave {
  position: relative;
  width: 100%;
  height: 100%;
  background-size: cover; background-attachment: fixed;
  background: linear-gradient(90deg, #4b126c, #502ec8);
}
.wave .wav{display: none;}
.wave .bannerimg{margin-top: 20px; text-align: center;}
.wave .bannerimg img{width: 70% !important; text-align: center; margin-top: 10px;}
.banncont{margin-top: 30%;}
.banncont h1{font-size: 30px;}
.logosec {
	float: left !important;
	width: 200px;
}
.circlesection-content{display: none;}
.innolistcard{display: block;}
.inno-list li{width: 50%; float: left;}
.inno-list li .content .icon img{float: left; width: 50px; margin-right: 10px;}
.inno-list li .content .rgtcol{width: 80%; float: left;}

.techlist li i{line-height:21px;}


}