@charset "utf-8";
/* CSS Document */


@-ms-viewport
{
	width:device-width;
}
@-viewport
{
	width:device-width;
}

@media only screen and (max-width:1200px)
{
	img
	{
		max-width:100%;
	}
	.header-top,
	.section-content,
	.section-home,
	.section-tabs,
	.contact-home,
	.footer_marg,
	.foot_bottom-margin,
	.qhse,
	.certificates
	{
		width:auto;
		padding-left:20px;
		padding-right:20px;
	}
	.nav
	{
		width:auto;
	}
	.nav ul li
	{
		margin-left:0;
	}
	.nav ul li a
	{
		padding:8px 22px;
	} 
	.banner-heading h2
	{
		width: auto;
		text-align: center;
	}
	.infrastructure ul li a img
	{
		width: 100%;
		max-width: 277px;
		height: 14vw;
	}
	.quality ul
	{
		display: flex;
		flex-wrap: wrap;
	}
	.infrastructure ul li, .quality ul li
	{
		width: 25%;
		padding: 15px;
		box-sizing: border-box;
		margin:0;
	}
	.contact-left
	{
		width: 30%;
	}
	.map-contact
	{
		width: 40%;
	}
}
@media only screen and (max-width:1024px)
{
	
}
@media only screen and (max-width:960px)
{
	.header-top h1
	{
   		float:none;
		width:auto;
		text-align:center;
	}
	.header-top-right
	{
   		float:none;
		width:auto;
	}
	.header-top-right a
	{
		width: 50%;
		border: 10px solid #fff;
		box-sizing: border-box;
		margin-left:0;
	}
	.navbar
	{ 
		position: static;
	}
	.banner
	{
		padding: 24vw 0;
	}
	.banner h1 {
		font-size: 5vw;
	}
	.banner h3 {
		font-size: 3.2vw;
	}
	.section-home-content
	{
		width:auto;
		padding-left:20px;
		padding-right:20px;
	}
	.section-home h2
	{
		font-size: 4vw;
	}
	.prodcuts-inner ul li
	{
		width: 46%;
	}
	.certificates-img ul li
	{
		padding: 6px;
	}
}
@media only screen and (max-width:768px)
{
	.section-home-tabs ul li
	{
		display:block;
		width: auto;
		float:none;
		margin:10px 0;
	}
	.section-tabs ul li, .contact-home ul li
	{
		width:auto;
		float: none;
	}
	.foot_list
	{
		margin-right:0;
		float:none;
	}
	.content
	{
		width:auto;
	}
	.social
	{
		float:left;
	}
	.foot_bottom p {
		float:none;
		margin:0;
		text-align:center;
	}
	.infrastructure ul li, .quality ul li
	{
		width: 33.333333%;
	}
	.infrastructure ul li a img
	{
		height: 18vw;
	}
	.sidebar
	{
		display:none;
	}
	.sidebar, .section-pages-left
	{
		float: none;
		width:auto;
	}
	.section-pages-right
	{
		width:auto;
		float: none;
	}
	.certificates-img ul li
	{
		width:50%;
	}
	.contact-left
	{
		width: 50%;
	}
	.map-contact
	{
		width: 100%;
	}
	.banner-heading-text h2
	{
		font-size: 26px;
	}
}
@media only screen and (max-width:480px)
{
	.banner a
	{
		background: #3690f9 url(../images/readmore.png) right 20px center no-repeat;
		padding: 8px 45px 8px 22px;
	}
	.prodcuts-inner ul li
	{
		width: 100%;
	}
	.infrastructure ul li, .quality ul li
	{
		width:50%;
	}
	.infrastructure ul li a img
	{
		height: 26vw;
	}
	.contact-left
	{
		width: 100%;
	}
	.banner-heading-text h2
	{
		font-size: 16px;
		font-weight: 600;
	}
}
@media only screen and (max-width:320px)
{
	
}