@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%;
	}
	.clients-page
	{
		width:auto; padding-left:20px; padding-right:20px;
	}
	.isStuck
	{
		display:none;
	}
	.navbar
	{
		padding: 0 0px;
	}
	.social
	{
		position: absolute;
		left: 10px;
	}
}
@media only screen and (max-width:1024px)
{
	
}
@media only screen and (max-width:960px)
{
	.text h3
	{
		font-size: 20px;
	}
	.clients
	{
		padding: 35px 0;
	}
	.clients p
	{
		padding: 0 0%;
	}
	.footer-bottom p
	{
		float:none;
		text-align:center;
		margin:0;
	}
}
@media only screen and (max-width:768px)
{
	.header-top h1
	{
		float:none;
		width:auto;
		text-align:center;
	}
	.header-top-right
	{
		padding:0;
	}
	.header-button
	{
		margin: 0px 0 0px 10px;
	}
	.header-top-right p
	{
		padding:10px 0;
		text-align:center;
		float:none;
		border:none;
	}
	.social
	{
		margin-left: 0;
		padding:15px 0;
		float:none;
		text-align:center;
	}
	.section-home-img
	{
		float:none;
		width:auto;
	}
	.section-home-img:after
	{
		display:none;
	}
	.section-home-text
	{
		float:none;
		width:auto;
		padding:0;
		margin-top:30px;
	}
	.section-home-text h2
	{
		font-size: 4.5vw;
	}
	.products h2
	{
		font-size: 4vw;
	}
	.clients
	{
		background: url(../images/clients.jpg) center center repeat fixed;
	}
	.foot
	{
		padding: 0 20px;
	}
	.foot_list
	{
   		margin:20px 0;
		float:none;
	}
	.right-tab
	{
		float:none;
	}
	.section-content
	{
		padding: 20px 25px;
	}
	.banner-heading h2
	{
		font-size: 5.5vw;
		margin: 0 20px;
	}
	.contact
	{
		padding: 25px;
	}
	.contact-left, .contact-right
	{
		width:auto;
		float:none;
		padding: 0 0 0 0;
	}	
	.product-page
	{
		padding: 25px 20px;
	}
	.banner-heading h2
	{
		float:none;
		text-align:center;
	}
	.product-link
	{
		padding: 25px 20px;
		float:none;
		text-align:center;
	}
	.product-page-left, .product-page-right
	{
		width:auto;
		float:none;
	}
	.footer_marg, .foot p
	{
		text-align: center;
	}
	.get-to-know a i
	{
		font-size: 6vw;
	}
	.get-to-know h2
	{
		font-size: 5vw;
	}
	.products ul li
	{
		width: 50%;
	}
}
@media only screen and (max-width:480px)
{
	.product-img ul li
	{
		width:50%;
	}
	.products ul li
	{
		width: 100%;
	}
	.get-to-know
	{
		height: 52vh;
	}
	.get-to-know a
	{
		padding: 32px 23px;
		width: 71px;
		height: 71px;
	}
	.get-to-know a i
	{
		font-size: 8vw;
	}
}
@media only screen and (max-width:320px)
{
	
}