@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%;
	}
	.
	{
		width:auto; padding-left:20px; padding-right:20px;
	}
	.header-inner-right
	{
		padding: 15px 0;
		float:none;
		background:#F8F8F8;
		clear:both;
	}
	.phoneno
	{
		float:right;
     	margin: 10px 0;
	}
	.isStuck
	{
		display:none;
	}
	.navbar
	{
		padding: 0 0px;
	}
	.nav
	{
		position: absolute;
		top: 0;
		left: 0;
		right:0;
		z-index:999;
		float:none;
	}
	.nav ul li
	{
		margin-left: 0;
		float:none;
	}
	.nav ul li a
	{
		background:#1f1a17;
		color:#fff;
		padding-top: 12px;
		padding-bottom: 12px;
		width:100%;
	}
	.nav ul li a:hover
	{
		color:#feb100;
	}
	.location
	{
		position:relative;
		z-index:999;
	}
	.location a
	{
		padding: 16.5px 30px;
	}
	.location a:before
	{
		left: -50px;
		border-width: 25px;
	}
}
@media only screen and (max-width:1024px)
{
	
}
@media only screen and (max-width:960px)
{
	.header-top, .header-inner
	{
		padding: 0 20px;
	}
	.section-work-station, .section-products, .section-business-solutions, .footer_marg, .footer-bottom, .section-text
	{
		padding: 50px 20px;
	}
	.deliverables
	{
		margin: 0 20px;
     	padding: 30px;
	}
	.deliverables ul li
	{
		padding: 0 20px;
	}
	.section-why-rv-left
	{
		width: auto;
		float:none;
		padding: 30px;
	}
	.section-why-rv-left:after
	{
		display:none;
	}
	.section-why-rv-right
	{
		position: static;
		width: auto;
		float:none;
		display: block;
		padding:50px 20px;
		text-align:center;
	}
	.section-why-rv-right > div
	{
		display: block;
		vertical-align: middle;
	}
	.footer_marg, .footer-bottom
	{
		text-align:center;
	}
	.foot_list, .footermap
	{
		margin-right: 0;
		float:none;
		width:auto;
	}
	.social-icon-footer a
	{
		display: inline-block;
		float: none;
		margin-right: 0;
	}
	.foot h3
	{
		margin: 20px 0;
	}
	.foot h4
	{
		padding-left: 0;
	}
	.footer-bottom-inner p
	{
		float: none;
	}
	.header-services
	{
		padding: 0 20px;
	}
	.header-services h1
	{
		text-align:center;
		float:none;
		margin:0;
		padding-top:15px;
	}
	.banner-text figcaption
	{
		width: 50%;
		font-size: 35px;
		padding: 75px 0;
	}
	.banner-text form
	{
		width: 45%;
		padding: 30px 30px 15px 30px;
	}
	.service-text
	{
		padding: 50px 30px;
	}
	.why-service
	{
		padding: 50px 30px;
	}
}
@media only screen and (max-width:768px)
{
	.header-top
	{
		padding: 0 0px;
	}
	.header-inner-right, .phoneno
	{
		float:none;
		width:auto;
		text-align:center;
	}
	.phoneno h3:before
	{
		font-family: "Flaticon";
		content: "\f107";
		font-weight: 400;
		position: absolute;
		left:auto;
		width: 35px;
		text-align: center;
		height: 100%;
		padding: 10px 0;
		font-size: 22px;
		border-right: solid 1px #fff;
		margin-left: -45px;
	}
	.header-inner-right h3
	{
		float:none;
		display: inline-block;
	}
	.header-inner h1
	{
		float:none;
		text-align:center;
	}
	.deliverables ul li
	{
		width: 100%;
		float: none;
		padding:20px 0;
	}
	.deliverables ul li:before
	{
		content: " ";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1px;
		background: linear-gradient(120deg, #feb100, #1f1a17, #feb100)
	}
	.deliverables ul li:first-of-type:before
	{
		display:none;
	}
	.section-business-solutions ul li
	{
		width: 100%;
	}
	.get h2
	{
		font-size: 8.8vw;
	}
	.content, .sidebar
	{
		width: auto;
		float:none;
	}
	.sidebar h4
	{
		display: block;
		clear: both;
	}
	.about-tab ul li
	{
		width: 100%;
		float:none;
	}
	.about-tab ul li:after
	{
		content: " ";
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1px;
		background: linear-gradient(120deg, #fff, #1f1a17, #fff);
	}
	.enquiry-left, .enquiry-right
	{
		width: auto;
		float:none;
	}
	.contact-left
	{
		width: auto;
		float:none;
		clear:both;
		background:#fff;
	}
	.contact-right
	{
		width: auto;
		float:none;
		position: relative;
		clear:both;
	}
	.map, #mack-map
	{
		width: 100%;
		height: 500px;
		position: static;
	}
	.banner-text figcaption, .banner-text form
	{
		width: auto;
		float:none;
	}
	.why-service ul li
	{
		width: 50%;
	}
}
@media only screen and (max-width:480px)
{
	.tag
	{
		width: auto;
		margin:0;
	}
	.brands ul li
	{
		width: 47%;
	}
	.floating-form
	{ 
		display:none;
	}
	.number a
	{
		display:block;
		font-size: 22px;
	}
	.why-service ul li
	{
		float: none;
		width: auto;
	}
	.why-service ul li h3
	{
		margin-bottom: 15px;
	}
}
@media only screen and (max-width:320px)
{
	.icons a
	{
		margin-right: 2px;
	}
	.enquiry a
	{
		padding: 10px 20px;
	}
	.brands ul li
	{
		float: none;
		width: auto;
	}
}