﻿@media only screen and (min-width: 1600px) and (max-width: 2100px) {
.styleInteriorSlider .ThumText{width: 430px}
.ThumText h3 {font-size: 25px;line-height: 27px;}	
.styleInteriorSlider .ThumText p {font-size: 16px;line-height: 22px;}	
.excitingClrsCont {padding-top: 230px;}
.engineFturBox {width: 1000px;margin-left: -500px;}
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    
    .containerBox {
        padding: 0px 0px;
    }
.headerCont {padding: 1px 15px;}
.bannerCont h1 {font-size: 30px;}
.bannerCont h2{font-size: 22px;}	
.bannerCont p {font-size: 16px;}
.containerInr {padding: 0px 15px;}
.bannerContBtm{padding: 0px 15px}
.bannerContInr {padding: 0px 15px;}	
.commonBox {padding-top: 30px;}	
.tittleBox h2 {font-size: 28px;}
.tittleBox {padding-bottom: 15px}
.dnlodBrochureRow{padding: 0px} 
.dnlodBrochureInr{padding: 0px 20px;}	
.dnlodBrochureText{width: 60%;}	
.excitingClrsCont {padding-top: 70px;}	
.engineFturBox {width: 700px;margin-left: -350px;}	
}


@media only screen and (max-width: 767px) {
    .dnlodBrochureText p{display:none;}
.fixedHeader{background-color: rgba(0, 0, 0, 0.6);box-shadow: 0 0 7px 0 rgba(0,0,0,0.9); }	
.headerCont{padding: 0px 12px;}
.containerInr{padding: 0px 12px;}	
.logo {width: 120px;}
.headerHm {height: 48px;}
.tittleBox h2{padding: 0px 15px;}
.navMenu li {padding: 0px 0px;}	
.commonBox{padding-top: 40px;}
.bannerCont{bottom: inherit; top: 80px;}	
.bannerContInr {padding: 0px 20px; text-align: center}	
.bannerCont h1 {font-size: 35px;}
.bannerCont h2{font-size: 25px;}	
.bannerCont p {font-size: 20px;}
.bannerContBtm{padding: 0px 12px; justify-content: center;}	
.navBox a {margin:0px 5px;padding: 0px 15px;font-size: 11px;}	

.tittleBox {padding-bottom: 15px;}
.tittleBox h2 {font-size: 25px;}
.dnlodBrochure {margin: 60px auto 40px auto;}
.spiritCont{width: 100%}
.startEngineBox{padding: 0px;}	
.performingCont p{width: auto; padding: 0px 12px}
/*.styleInteriorSlider .ThumText{width: 100%; position: inherit; background: #fff; padding: 12px;height:auto; }	*/
.styleInteriorSlider .ThumText{width: 100%;position: inherit;background: none;padding: 12px;position: absolute;left: 0;bottom: 0;height: auto;backdrop-filter: none;display: block;top: inherit;color: #fff;text-align:center;} 
.ThumText h3 {font-size: 18px;line-height: 21px;padding-bottom: 10px;color: #000;}
.styleInteriorSlider .ThumText p {font-size: 15px;line-height: 22px;color: #000;}
.styleInteriorSlider .ThumText h3 {color: #fff;}
 
.styleInteriorSlider .ThumText p {color: #fff;} 
.sliderpagin .slick-dots li{width: 50px;}
.sliderpagin .slick-dots {bottom: -40px;}
.styleInteriorCont{padding-left: 0px;} 	
.dnlodBrochureRow {padding: 0px 0px;}	
.dnlodBrochureInr{padding:30px 20px; display: inherit;}	
.dnlodBrochure h3 {text-align: center; padding-bottom: 20px; padding-top:0px;}	
.dnlodBrochure p{text-align: center; padding-bottom: 30px; line-height: 25px;}
.dnlodBrochureInr .btn{width: 227px;margin: 0px auto;}
.formBox {padding: 0px;}
.fildRow {column-count: 1; padding-bottom: 20px;}
.paginationColor,.paginationColor_slider{flex-wrap: wrap;}	
.paginationColor p,.paginationColor_slider p { padding-bottom: 20px;padding-right: 0px; font-size: 15px;}
.excitingClrsSlider .thumContInr{padding: 0px;}	
.paginationColor li,.paginationColor_slider li {margin: 0px 5px;}
.paginationColor li a, .paginationColor_slider li a{font-size: 11px;}	
.frmContInr {padding: 25px 15px;}
.personalFild{display: inherit;}
.personalFild .fildCol:first-child {width: 100%;}
.salutationList {width: 100% !important; background-position: 97% center !important;}	
.nextForm .fildRow {padding-bottom: 0px;}
.aboutText{width: 100%;}
.aboutText p {font-size: 16px;line-height: 25px;}	
.fildCol{padding-bottom: 15px;}	
.slctColorWrp {padding: 0px 0px;}	
.popupCont{width: 96%;}	
.popupContInr {padding: 15px 12px;}
.exploreTab li a {padding: 0px 12px;}
.closeBtn {width: 20px;height: 20px;}	

.dsktopPagin{display: none;}
.mobPagin{display: block;}
/*Footer Css start	*/
.ftrCont{display: inherit;}	
.ftrLftCol{width: 100%; padding-bottom: 20px;}
.ftrRitCol{width: 100%;}
.ftrLink li{font-size: 12px;}
.ftrRitImg {margin: 0px auto 10px auto;}
.ftrBg {padding: 20px 0px 0px 0px;}	
	
.engineFturBox{width: 300px; position: absolute; left: 50%; margin-left:-150px; top: inherit!important; bottom:15%;  z-index: 1;  display: flex; flex-wrap: wrap; justify-content: space-around;}	
.engineFtur{width: 50%;}
.engineFtur span{display:none;}	
.engineFtur{ position: initial;padding-bottom: 20px;display: flex;justify-content: center;text-align: center;}
.ftur_1{left: inherit; top: inherit;}
.ftur_2{left:inherit; top:inherit;}
.ftur_3{right: inherit; top: inherit;}
.ftur_4{right: inherit; top: inherit;}
.masterBanner {height: auto}
.masterBanner img {height: auto}
 .chkBoxFild {
        font-size: 12px;
        line-height: 19px;
    }
 .downloadBg{width: 100%;height: 150px;}
.downloadBg img {object-fit: cover; height: 100%;opacity:0;}
.dnlodBrochureInr {width: 100%;height: auto;padding: 0;box-sizing: border-box;display: flex;justify-content: space-between;align-items: center;position: absolute;left: 0px;top: 50%; backdrop-filter: blur(0); transform: translate(0, -50%);flex-direction:column;}
.bannerContBtm h3{width:100%;}

    .engineFturBox {bottom:8%;display:none;}
    .fturText {
        padding: 50px 5px 0 0;
    }
    .fturIcon {
        top: 0;left: 50%;
    margin-left: -16px;
    }
    .ftur_3 .fturText, .ftur_4 .fturText {
        padding: 50px 0px 0 5px !important;
    }
    #secContEngine {
        top: -150px;
    }
	.videoEngine { padding-top: 20px; }
}








