@media (max-width: 767px){
body{ min-width:320px;}
.container{ max-width:96%;}
.hide767{ display:none !important}
.logo { background-position:right bottom; height: 290px; width: 135px;}
.logo img { margin: 28px 0 0 10px; max-height: 50px;}
.nav-trigger{ right:20px; top:20px;}

.landing-page .main-banner .slide, .landing-page .main-banner .slide .slide-inner{ -ms-transform: skew(0);-webkit-transform: skew(0);transform: skew(0); width:100%; position:relative; left:0 !important}
.main-banner .banner-content{ position:relative;}
.landing-page .main-banner .slide.one{ height:100%;}
.landing-page .main-banner .landing-tyre-1-layer{height: 90px;width: 90px;right: 46px;}
.landing-page .main-banner .landing-tyre-2-layer{height: 90px;width: 90px;left: 77px;}
.landing-page .main-banner .landing-car-layer{height: 240px;width: 567px;}
.landing-page .main-banner .banner-content img{ max-height:160px;}
.landing-wood-layer-overlay{ /*height:60px; background-size:auto 60px;*/
transform: scale(0.3);
-webkit-transform: scale(0.3);
-moz-transform: scale(0.3);
    width: 500%;
	left: -200%;
	bottom:0;
}

.landing-wood-layer-overlay-mobile{ overflow: hidden;
width: 100%;
position: absolute;
height: 130px;
left: 0;
bottom: 0;}

/*.landing-wood-layer-overlay{bottom: 50px;
    height: 60px;
    overflow: hidden;
    position: absolute; width:100%;}
.landing-wood-layer-overlay {
    bottom: -60px !important;
}
*/
.main-banner .banner-content p{ font-size: 16px; line-height: 22px;}
.landing-page .main-banner .banner-content { left: -50px;}
.main-banner .slide.three .banner-content p{ max-width:260px !important;}
.landing-page.show-landing-car .main-banner .landing-car-layer { left: 100px;}

.main-nav{ display:table; width:100%; text-align:center;}
.main-nav .nav-scale{ display:table-cell; vertical-align:middle;}
.main-nav ul li a{ display:block; padding:10px;font-size: 20px;font-weight: 900;}
.main-nav ul li a small { display: none;}
.nav-close{ height: 290px; width: 115px;}
.nav-close span { bottom: 30px; right: 20px; width:25px; height:25px; background-size:cover;}
.landing-page .main-banner .slide .slide-trigger{ display:none;}
.heading h1, .page-brands .heading h1{ font-size:50px;}
.page-contact-us .heading h1{ font-size:30px;}
.heading{ padding-top:30px;margin-bottom: 60px;}
.image-1 .image-1-thumb, .image-1 .image-1-content, .image-2 .image-2-thumb, .image-2 .image-2-content{ float:none; width:auto; text-align:left;}
.image-1 .image-1-content{ padding:43px 0;}
.image-1 .image-1-content h2 { font-size: 28px; line-height: 35px;}
.image-2 .image-2-content{ padding:0 0 40px 58px;}
.image-2 .image-2-thumb img{ margin-bottom:40px;}
.image-2{ top:0;}
.about-images{ margin:0;}
.about-images li{ margin-bottom:8px;}
.what-makes-us-unique{ margin-top:0; padding:50px 0;}
.what-makes-us-unique h2{ font-size:30px;}
.what-makes-us-unique .each .quantity-counter1, .what-makes-us-unique .each .quantity-counter2, .what-makes-us-unique .each .quantity-counter3, .what-makes-us-unique .each .quantity-counter4, .what-makes-us-unique .each .add-after{ font-size:42px;}
.what-makes-us-unique .each{ width:50%; padding:0 0 30px;}
.leader-for-reason h2{ font-size: 40px; line-height: 40px; text-align:center;margin-bottom: 40px;}
.leader-for-reason{ padding:80px 0;}
.leader-for-reason .each { width: 49%; text-align:center; float:none; display:inline-block; vertical-align:top;}
.leader-for-reason .icon{ margin: 0 auto 20px;}
.footer .container:before{ display:none;}
.what-makes-us-unique .each-row, .leader-for-reason .each-row { margin: 0;}
.contact-us-left, .contact-us-right {float: none; width: auto;}
.form-widget{ padding:30px;}
.form-widget{ margin-bottom:0;}
.contact-us-right{ padding:54px 0;}
.form-widget h3{ font-size:25px;}
.leader-for-reason .icon-box{ max-width:none;}
.heading .img-title img{ max-height:50px;}
.btn-white{ padding:9px 20px;font-size: 17px;}
.page-products{ background:#f1f1f1;}
.page-products .heading{ margin-top:80px;}
.tire-logos { float: none; margin-top: 0;}
.tire-logos li .brand-logo, .battery-logos li .brand-logo{ right:0 !important; border-radius:10px !important; padding:0 20px; margin:0 auto;}
.tire-logos li .brand-logo:before, .battery-logos li .brand-logo:before{ display:none;}
.battery-logos{ margin:50px 0 0; position:relative;}
.all-batteries-widget{ float:none; margin-top:0; padding-top:80px;}
.all-tires-widget { background: #96C93C; float: none; margin: 50px 0 0; padding: 50px 0 70px;}
.car-widget{ margin-top:100px;}
.car-widget img{ max-height: 230px;}
.car-widget img.bat{ margin:0; max-height: 130px;}
.all-tires-widget .owl-nav .owl-prev, .all-batteries-widget .owl-nav .owl-prev{ margin-left:10px;}
.all-tires-widget .owl-nav .owl-next, .all-batteries-widget .owl-nav .owl-next{ margin-right:10px;}
.all-tires-widget h3, .all-batteries-widget h3{ font-size:35px;}
.all-tires-widget h3 span{ font-size:12px;}
.page-products .footer{ margin-top:70px;}
.footer{ padding:40px 0;}
.back-to-top{ top:-95px; right:0}

.mobile-headings{ position:absolute; right:20px; top:80px; z-index:1}
.mobile-headings li{ margin-bottom:20px;}
.mobile-headings li img{ margin: 0; max-height: 40px; padding: 0; opacity:0;}
.mobile-headings li img.animated{ opacity:1;}
.landing-page .main-banner .banner-content{ display:none;}
.brands ul li{ width:33%;}
}
@media (max-width: 750px) {
.landing-page .main-banner .landing-car-layer { height: 128px; width: 300px;}
.landing-page .main-banner .landing-tyre-2-layer { height: 45px; left: 42px; width: 45px;}
.landing-page .main-banner .landing-tyre-1-layer { height: 45px; right: 26px; width: 45px;}
.landing-page.show-landing-car .main-banner .landing-car-layer {left: 20px;bottom: 140px;}
.landing-page .go-to-products{ position:relative;left: 0;}
.landing-page .main-banner{ overflow:auto; left:0;}
/*.landing-page .main-banner .landing-wood-layer{ bottom:40px;}*/
.main-banner .slide .road-layer{ bottom:-50px;}
.landing-page .main-banner .slide .landing-bg{-ms-transform: skew(0);-webkit-transform: skew(0);transform: skew(0);bottom: -130px;}
.landing-page .main-banner .slide{ display:none;}
.landing-page .main-banner .slide.one{ display:block;}
.go-to-products ul li{ float:none; overflow:hidden;}
.go-to-products ul li a{ padding-top:18px;}
.go-to-products ul li:nth-child(2) a{ margin-left:0; padding-left:20px;}
.go-to-products ul li:nth-child(1) a:after{ left:0; background-size:59px auto; background-position:0 bottom}
.go-to-products ul li:nth-child(2) a:after{ background-position:right bottom; background-size: 95px auto;bottom: 10px; right: 10px;}
.go-to-products ul li:nth-child(2) a:before{ display:none;}
.landing-page .go-to-products{ padding-top:15px;}
.go-to-products ul li a small{ max-width:none;}
#preload .loader-logo{ max-width:60px;}
#preload .perc { font-size: 25px; margin-top: 20px;}
#preload .loading { font-size: 24px; margin-top: 20px;}
.arabian-logo{ max-height:80px; margin-bottom:10px;}
.tire-logos li .brand-logo, .battery-logos li .brand-logo{ height:60px;}
.tire-logos li .brand-logo img, .battery-logos li .brand-logo img{ max-height:37px;}

}
@media (max-width: 480px) {
.about-images li { float: none; padding: 0; width: auto;}
.brands ul li{ width:50%;}
.brands ul li .brand-logo{ height:90px;}
.brands ul li .brand-logo img{ max-width:84%;}
.footer .copyright{ font-size:14px;}
.mobile-headings li{ margin-bottom:10px;}
.mobile-headings li img{ max-height: 30px;}
}

@media (min-width: 768px) and (max-width:1002px) {
.landing-page .main-banner .slide, .landing-page .main-banner .slide .slide-inner{ -ms-transform: skew(0);-webkit-transform: skew(0);transform: skew(0); width:100%; position:relative; left:0 !important}
.main-banner .banner-content{ position:relative;}
.landing-page .main-banner .slide.one{ height:100%;}
.landing-page .main-banner .landing-tyre-1-layer{height: 90px;width: 90px;right: 46px;}
.landing-page .main-banner .landing-tyre-2-layer{height: 90px;width: 90px;left: 77px;}
.landing-page .main-banner .landing-car-layer{height: 240px;width: 567px;}
.landing-page .main-banner .banner-content img{ max-height:160px;}
.landing-wood-layer-overlay{ /*height:100px; background-size:auto 100px;*/
transform: scale(0.6);
-webkit-transform: scale(0.6);
-moz-transform: scale(0.6);
    width: 200%;
	left: -50%;

}
.main-banner .banner-content p{ font-size: 16px; line-height: 22px;}
.landing-page .main-banner .banner-content { left: -50px;}
.main-banner .slide.three .banner-content p{ max-width:260px !important;}
.landing-page.show-landing-car .main-banner .landing-car-layer { left: 100px;}
.landing-page .main-banner .banner-content{ display:none;}
.nav-scale{ transform: scale(0.6); height: 100%;}
.main-nav ul li a small{ font-size:18px;}
.main-nav ul li a span{ font-size:30px;}
.main-banner .banner-content-2{ transform: scale(0.8);}
.container{ max-width:96%;}
.page-products{ background:#f1f1f1;}
.tire-logos { float: none; margin-top: 0;}
.tire-logos li .brand-logo, .battery-logos li .brand-logo{ right:0 !important; border-radius:10px !important; padding:0 20px; margin:0 auto;}
.tire-logos li .brand-logo:before, .battery-logos li .brand-logo:before{ display:none;}
.battery-logos{ margin:50px 0 0; position:relative;}
.all-batteries-widget{ float:none; margin-top:0; padding-top:80px; max-width:none;}
.all-tires-widget { background: #96C93C; float: none; margin: 50px 0 0; padding: 50px 0 70px; max-width:none;}
.car-widget{ margin-top:100px;}
.car-widget img{ max-height: 230px;}
.car-widget img.bat{ margin:0; max-height: 130px;}
.all-tires-widget .owl-nav .owl-prev, .all-batteries-widget .owl-nav .owl-prev{ margin-left:10px;}
.all-tires-widget .owl-nav .owl-next, .all-batteries-widget .owl-nav .owl-next{ margin-right:10px;}
.all-tires-widget h3, .all-batteries-widget h3{ font-size:35px;}
.all-tires-widget h3 span{ font-size:12px;}
.page-products .footer{ margin-top:70px;}
.back-to-top{ top:-125px; right:0}
.mobile-headings{ position:absolute; right:20px; top:80px; z-index:1}
.mobile-headings li{ margin-bottom:20px;}
.mobile-headings li img{ margin: 0; max-height: 40px; padding: 0; opacity:0;}
.mobile-headings li img.animated{ opacity:1;}
}

@media (min-width: 1100px) and (max-width:1680px) {
.container{ max-width:1050px;}
}
@media (min-width: 1003px) and (max-width:1099px) {
.container{ max-width:1000px;}
.image-1 .image-1-content h2{ font-size:28px;}
.leader-for-reason h2{ font-size:60px;}
.battery-logos{ margin-left:56px !important;}
.tire-logos{ margin-right:-91px !important;}
}
@media (min-width: 1003px) and (max-width:1680px) {

.landing-page .main-banner .landing-tyre-1-layer{height: 90px;width: 90px;right: 46px;}
.landing-page .main-banner .landing-tyre-2-layer{height: 90px;width: 90px;left: 77px;}
.landing-page .main-banner .landing-car-layer{height: 240px;width: 567px;}
.landing-page .main-banner .banner-content img{ max-height:160px; padding-top:96px;}
.landing-wood-layer-overlay, .main-banner .slide .wood-layer{ /*height:100px; background-size:auto 100px;*/
transform: scale(0.6);
-webkit-transform: scale(0.6);
-moz-transform: scale(0.6);
    width: 200%;
	left: -50%;

}
.main-banner .banner-content p{ font-size: 16px; line-height: 22px;}
.landing-page .main-banner .banner-content { left: -50px;}
.main-banner .slide.three .banner-content p{ max-width:260px !important;}
.landing-page.show-landing-car .main-banner .landing-car-layer { left: 100px;}

.main-banner .banner-content img{ padding-top:0;max-height: 70px;}
.main-banner .slide .car-layer{ margin-left: -120px;transform: scale(0.7);bottom: 150px;}
.slides-nav-scale { bottom: -220px; float: right; height: 100%; position: relative; right: 0; transform: scale(0.5); z-index: 1111111;}

.main-banner .banner-content-2{top: 80px;}
.nav-scale{ transform: scale(0.6); height: 100%;}
.main-nav ul li a small{ font-size:18px;}
.main-nav ul li a span{ font-size:30px;}

.main-banner .banner-content-2{ transform: scale(0.8);}

.tire-logos{ margin-right:-66px;}
.battery-logos{ margin-left:81px;}

	@media (max-height: 768px) {
	.landing-page .main-banner .landing-car-layer{bottom: 170px;}
	.landing-wood-layer-overlay{ bottom:40px;}
	.landing-page .main-banner .slide.one .banner-content{ left: 0; top: 30px;}
	.landing-page .main-banner .slide.two .banner-content{ left: -40px; top: 30px;}
	.landing-page .main-banner .slide.three .banner-content{ left: -55px; top: 30px;}
	.main-banner .slide .car-layer{ bottom:50px;transform: scale(0.6);}
	.main-banner .slide .wood-layer{ bottom:50px;}
	.go-to-products { bottom: -12px; left: -2px !important; transform: scale(0.8); left:-2px}
	}





}

@media (min-width: 1003px) and (max-width:1320px) {
.landing-page .main-banner .banner-content { left: -80px;}
}


@media (min-width: 768px) {
.mouse-scroll{ display:none;}
}
@media (min-width: 1003px) {
.mobile-headings{ display:none;}
}
@media (min-width: 1681px) {
.main-nav .nav-scale{ position:relative;top: 50%;transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
}