@media only screen and (max-width: 1200px) {
	.commonSec [class*=content_] {
		padding: 50px 60px
	}
	.storeBtn a {
		width: 44%;
		display: inline-block
	}
	.storeBtn a img {
		max-width: 100%
	}
	.solutionItem .textView {
		min-height: 54px;
		padding: 0 10px
	}
}
@media only screen and (max-width: 1000px) {
	.featureInfo ul li {
		width: 24.5%;
		display: inline-block
	}
	.featureInfo ul li .iconView img {
		max-width: 72px
	}
	.solutionAllView li {
		width: 33.33%
	}
	.bannerViewDemo {
		min-height: auto
	}
	.bannerViewDemo[class*=col-md_] {
		width: 100%
	}
	.contactForm {
		position: static;
		box-shadow: none;
		padding: 30px 0
	}
	.contactForm .form-group .col-md-6+.col-md-6 {
		margin-top: 15px
	}
	.height100 {
		display: none
	}
	@media only screen and (max-width: 768px) {
		.certificationlist{ padding-left:0px!important}
		.serviceView ul li .text {display: block; font-size: 19px;}
		.bannerView {
			min-height: 80vh
		}
		.bannerView .info h1 {
			margin-top: 80px
		}
		.bannerView .info {
			padding-right: 15px;
			padding-left: 15px;
			margin-right: auto;
			margin-left: auto
		}
		.commonSec,
		.greyBg {
			padding: 40px 0
		}
		.greyBg {
			background: #f7f7f7
		}
		.commonSec [class*=content_] {
			padding: 20px 60px
		}
		.serviceView ul li {
			width: 50%
		}
		.featureIconText ul li {
			width: 33.33%
		}
		.solutionInfo ul li {
			width: 32.5%
		}
		.vertical_middle_sm {
			width: 100%;
			display: block
		}
		.cover_img_md {
			position: static;
			padding: 60px;
			display: block
		}
		.btn-main,
		.headTitle {
			text-align: center
		}
		.featureBasic {
			margin-top: 40px
		}
		.footerMain h4 {
			margin-bottom: 10px
		}
		.footerMain .col-md-4+.col-md-4 {
			margin-top: 30px
		}
        .navBlackBG > ul > li {
            width: 100%;
            padding: 0;
        }
	}
	@media only screen and (max-width: 760px) {
		.solutionAllView li {
			width: 50%
		}
		.hideWeb {
			display: block
		}
		.solutionItem:hover {
			-ms-transform: scale(1, 1);
			-webkit-transform: scale(1, 1);
			transform: scale(1, 1)
		}
		
		#brochureBox li {
    float: left;
    width: 48% !important;
    margin-right: 1% !important;
}
#brochureBox li:nth-child(3) {
    margin-right:inherit; !important;
}
.csestudiesboxAll li {
  width: 49% !important;
    margin-right: 1% !important;
}
.csestudiesboxAll li:nth-child(2) {
    margin-right:inherit; !important;
}
	}
	@media only screen and (max-width: 600px) {
		.featureInfo ul li {
			width: 49.5%;
			margin-bottom: 20px
		}
		.solutionInfo ul li {
			width: 48.5%
		}
	}
	@media only screen and (max-width: 500px) {
		.serviceView ul li {
			width: 100%
		}
		.featureIconText ul li {
			width: 50%
		}
		.caption {
			left: 5%;
			width: 90%
		}
		.bannerView .info h1 {
			font-size: 40px
		}
		.solutionAllView li {
			width: 100%
		}
		.solutionItem .textView {
			min-height: 24px
		}
		.headTitle h1,
		.static_heading {
			font-size: 28px
		}
				#brochureBox li {
    float: left;
    width: 100% !important;
    
	}
	.csestudiesboxAll li {
  width: 100% !important;
    margin-right: inherit; !important;
}
	}
	@media only screen and (max-width: 400px) {
		.bannerView .info h1 {
			font-size: 32px
		}
		.bannerView .info h3 {
			font-size: 28px
		}
		.featureInfo ul li {
			width: 99.5%
		}
		.featureIconText ul li {
			width: 100%
		}
		.solutionInfo ul li {
			width: 94%
		}
		.commonSec [class*=content_] {
			padding: 20px 40px
		}
	}
}