@media screen and (min-width: 320px) and (max-width: 480px){
.mshape h2{
	top:20%;
	width:100%;
	margin:0 5%;
	line-height:18px;
	font-size:15px;
}
.mshape img{
	top:-101% !important;
}
.barytes{
	color:#0040A8;
	font-size:20px;
}
.mshape h4{
	top:30%;
	line-height:15px;
	margin:0 5%;
	font-size:10px !important;
}
.supplier{
	color:#000;
}
.mshape h5{
	top:37%;
	margin:0 6%;
}
.mshape h5 a{
	padding:3px 8px;
	font-size:9px;
}
.whowe h2{
	margin-top:10%;
}
.whoare{
	border-right:none;	
	margin-top:-85%;
}
.aboutban h2{
	top:19%;
}
.contactban h2{
	top:19%;
}
.aboutcmpy p{
	margin:20px 15px;
	text-align:justify;
}
.ourvision p{
	margin:20px 15px;
	text-align:justify;
}
.ourmission p{
	margin:20px 15px;
	text-align:justify;
}
.no-padding1{
	padding:0 15px;
}
.barytetext p{
	padding:0 ;
}
ul.topnav{
	margin-left:%;
}
.sourcetxt p{
	margin-right:0;
}
.sourcetxt1 h2{
	margin:0 15px;
}
.sourcetxt1 p{
	margin:0 15px;
}
ul.cust-navbar li a img{
	width:20%;
}
.madhapara p{
	text-align:justify;
}
.madhapara1 p{
	text-align:justify;
	margin:2% 0;
}
.madhapara2 p{
	text-align:justify;
}
.source h2{
	font-size:20px;
}
.sourceinfo h2{
	top: 16% !important;
	font-size:13px;
}
.sourceinfo h3{
	font-size:13px;
	top:20% !important;
}
}
@media screen and (min-width: 320px) and (max-width: 640px){
.mshape h2{
	top:-134%;
	width:100%;
	margin:0 9%;
	line-height:20px;
	font-size:15px;
}
.barytes{
	color:#0040A8;
	font-size:20px;
}
.mshape h4{
	top:-23%;
	line-height:15px;
	margin:0 9%;
	font-size:11px;
}
.supplier{
	color:#000;
}
.mshape h5{
	top:65%;
	margin:0 9%;
}
.mshape h5 a{
	padding:3px 8px;
	font-size:9px;
}
.aboutban h2{
	top:16%;
}
.clientbord img{
margin:0 auto;
}
.contactban h2{
	top:15%;
}
.contactban img{
margin-top:51px;
}
.cust-navbar-brand img{
	width:70%;
}
.contactban h2{
	top:10%;
}
.locabor1{
	width:85%;
}
.contactl {
    margin: 15% 0 3%;
}
.mmimg img{
	margin-top:51px;
}
.mshape img{
	margin-top:-36px;

}
ul.barul li{
	padding:7px 10px;
}
ul.barul li a{
	font-size:12px;
}
.rdban h2{
	top:18%;
}
.sourceinfo h2{
	top: 13%;
	font-size: 13px;
}
.sourceinfo h3{
	font-size:13px;
	top:17%;
}
}


@media screen and (min-width: 768px) and (max-width: 1279px){
.sourcetxt img{
	margin:-75% 0 0 -19%;
}
.sourcetxt{
	margin:10% 4%;
}
.sourcetxt1 h2{
	margin-left:10%;
}
.sourcetxt1 p{
	margin-left:10%;
	margin-right:10%;
}
.clientbord img{
	padding:20px;
}
.image-overlay-content {
    left: 3px;
    width: 97.3%;
}
.overlay-fade-in p{
	margin-top:2%;
}
.imgp{
	margin:0 -2px;
}
.productpd{
	padding:3px;
}
.rdban h2{
	top:14%;
}
.aboutban h2{
	top:15%;
}
.contactban h2{
	top:15%;
}
.source h2{
	font-size:17px;
}
.source img{
	margin:0 26%;
}
.sourcebor{
	margin-top:-78%;
}
.sourcebor1{
	margin-top:-22%;
}
.sourcebor2{
	margin-top:-50%;
}
.sourcebor3{
	margin-top:-19%;
}
.madhapara1 p{
	margin:2% 3%;
}
.madhapara2 p{
	margin:4% -2%;
}
.madhapara p{
	margin:2% -2%;
}
ul.topnav{
	margin-left:71%;
}
.mshape h2{
	top:-322%;
	font-size:19px;
	line-height:35px;
}
.barytes{
	font-size:24px;
}
.mshape h4{
	top:-165%;
	font-size:17px;
	line-height:25px;
}
.mshape h5{
	top:26%;
}
.whoare{
	height: 300px;
    margin-top: -185%;
}
.whowe h2{
	margin:99% 0;
	font-size:22px;
}
.mshape img{
	top:-607% !important;
}
.sourceinfo h2{
	top: 13%;
	font-size: 13px;
}
}

@media screen and (min-width: 1280px) and (max-width: 1366px){
	.sourcetxt img{
		margin:-13% 0 0 -12%;
	}
}