@-ms-viewport
{
	width:device-width;
}
@-viewport
{
	width:device-width;
}
@media only screen and (max-width:1200px)
{
	img
	{
		max-width:100%;
	}
}
@media only screen and (max-width:1024px)
{
}
@media only screen and (max-width:960px)
{
	.header
	{
		padding: 10px 20px;
	}
	.banner aside
	{
		padding-left: 20px;
	}
	.section-intro, .section-products, .section-contact, .footer, .banner-heading article, .banner-products article, .section-content, .aboutus .sidebar, .products .sidebar, .contact-address, .modal-content aside, .modal-content fieldset, .aboutus .sidebar, .products .sidebar, .career .sidebar, .checkout fieldset
	{
		padding: 25px 20px;
	}
	.section-contact
	{
		margin: 0 20px;
	}
	.footer
	{
		text-align:center;
	}
	.footer aside, .footer-bottom p
	{
		margin-right: 0;
		width:auto;
		float:none;
		text-align:center;
	}
	.photo-gallery ul li
	{
		width: 33.333333%;
	}
}
@media only screen and (max-width:768px)
{
	.banner
	{
		height:auto;
		overflow:hidden;
	}
	.banner figure, .navigation
	{
		display:none;
	}
	.banner aside
	{
		width: 100%;
	}
	.banner aside h2
	{
		font-size: 40px;
	}
	.section-intro figure, .section-intro aside, .section-products-text, .section-products-list, .section-contact aside, .banner-heading h2, .banner-heading nav, .banner-products h2, .banner-products nav, .sidebar, .content, .dealers aside, .contact-page-left, .contact-page fieldset, .modal-content aside, .modal-content fieldset, .shop fieldset, .product-item, .checkout fieldset, .checkout aside
	{
		width: auto;
		float:none;
	}
	.section-intro aside
	{
		background: none;
		padding: 0;
	}
	.section-products-text h2, .section-contact aside h2
	{
		font-size: 32px;
		line-height: 34px;
	}
	.section-products-list ul li, .products ul li
	{
		width: 100%;
	}
	.banner-heading nav, .banner-products nav
	{
		margin: 20px 0 20px 0px;
	}
	.banner-heading nav:before, .banner-products nav:before
	{
		left: -106px;
	}
	.banner-heading nav ul li, .banner-products nav ul li
	{
		margin-left: auto;
		margin-right: 25px;
	}
	.banner-heading figure
	{
		height: 250px;
	}
	.aboutus .sidebar, .products .sidebar, .career .sidebar
	{
		top: -0px;
	}
	.aboutus-list ul li, .infrastructure ul li, .testimonials ul li, .contact-address ul li, .career fieldset aside, .checkout fieldset aside
	{
		width:100%;
	}
	.tablecontent
	{
		width: 350px;
		/*width:480px;*/
		overflow:auto;
	}
	.tablecontent table
	{
		width:800px;
	}
	.photo-gallery ul li, .product-item ul li
	{
		width: 50%;
	}
	.contact-address ul li:first-of-type
	{
		border: none;
	}
	.contact-address ul li
	{
		border-left: none;
		border-top: solid 2px #131da4;
	}
	.modal-content
	{
		display:block;
	}
	.checkout aside
	{
		padding:0;
	}
	.modal-enquiry
	{
		width: 96%;
	}
}
@media only screen and (max-width:480px)
{
	.social-media-top h3, .contact-top
	{
		display:none;
	}
	.product-item ul li, .payment ul li
	{
		width: 100%;
	}
	.orderdetails article ul li h2, .orderdetails article ul li h4
	{
		float:none;
	}
	.hero-slider .img--holder:before

{

	content:" ";

	position:absolute;

	top:-15vh;

	bottom:0;

	left:0;

  width:60%!important;

	/*width:50%;*/

	height:160vh;

    background-color: #131da4;

    border-radius: 0 50% 50% 0;

    background-blend-mode: multiply;

    mix-blend-mode: multiply;

}
.caption

	{

		width: 100%;

		display:unset !important;

	}
	.caption

{

    position: absolute;

    width: 50%;

    top: 15% !important;
    
    left: 0 !important;
    
    padding-left: 30px !important;

	/*top:40%;

	left:0;

	padding-left:100px;*/

	-webkit-transform:translateY(-40%);	

	transform:translateY(-40%);

	z-index:999;

}

.caption h3:before

{

    content: " ";

    position: absolute;

    top: 9px;

    left: -50px !important;    
    width: 50px !important;

    /*left: -110px;

    width: 100px;*/

    height: 2px;

    background: linear-gradient(90deg, #039ee2, #131da4);

}
.caption h3 {
    font-size: 14px !important;
}
.caption h2 {
    font-size: 15px !important;
}
.caption a {
    margin: 15px 0;
    display: inline-block;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    border-bottom: solid 2px #fff;
    text-transform: uppercase;
    font-size: 12px !important;
    }
}
@media only screen and (max-width:320px)
{
	.photo-gallery ul li
	{
		width: 100%;
	}
}