.hybrid_banner_image img{width:100%}
.bottombanner img{max-width:100%}
.banner img{max-width:100%}
.bannerimg{position:relative}
.bannerimg .bannercontent{position:absolute;left:0;bottom:0;background-color:rgba(0,0,0,0.50);width:100%;padding:25px 3%}
.bannerimg .bannercontent p{color:#fff}
.bannerimg .bannercontent h2{font-size:32px;font-weight:800;color:#fff;line-height:34px}
.bottombanner article p {margin: 0; padding: 0; margin-bottom: 12px; color: #232323; font-size: 18px; font-weight: 400; line-height: 30px; letter-spacing: 0.5px; text-align: left;}
.banner .slick-dots{bottom:-25px;width:100%;margin:0;text-align:center}
.banner .slick-dots li{position:relative;display:inline-block;width:40px;height:auto;margin:0 5px;padding:0;cursor:pointer}
.banner .slick-dots li button{font-size:0;line-height:0;display:block;width:100%;padding:2px;color:transparent;border:0;background-color:#ccc}
.banner .slick-dots li.slick-active button{background:#000}
.banner .slick-prev{font-size:0;line-height:0;top:40%;width:40px;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);color:transparent;border:none;background-image:url(../images/left_hybrid.jpg);position:absolute;height:78px;z-index:99;left:0}
.banner .slick-next{font-size:0;line-height:0;top:40%;width:40px;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);color:transparent;border:none;background-image:url(../images/right_hybrid.jpg);position:absolute;height:78px;z-index:99;right:0}
.bottombanner{clear:both;margin-top:50px}
.bottombanner article h6 {color: #010101; padding-bottom: 10px; margin: 0; padding-top: 30px; font-size: 40px; font-weight: 700; line-height: 60px; letter-spacing: 0px; text-align: left;}
h1.underline_heading{color: #2b3893; padding-bottom: 5px; margin: 0; border-bottom: 1px solid #2b3893; text-transform: uppercase; margin-bottom: 40px; position: relative; font-size: 30px; font-weight: 900; line-height: 60px; letter-spacing: 0px;}
h1.underline_heading::before{content:"";position:absolute;width:25%;height:5px;bottom:-3px;left:0;background-color:#2b3893}
.relatedArticleBox .relatedArticleContent h3{text-align:left}
.relatatedArticleMain.video-block .relatedArticleContent{min-height:140px}
.benefitforthestronghybrid .tabContent .tabPoints .right_block_image p{line-height:24px}
.technoPageAdvan p{font-weight:400}
.benefitforthestronghybrid .tabContent .tabPoints .left_block_image{display:inline-block;width:40%;vertical-align:top}
.benefitforthestronghybrid .tabContent .tabPoints .right_block_image{display:inline-block;width:59%;padding:50px 20px 15px;vertical-align:middle}
.benefitforthestronghybrid .tabContent .tabPoints .left_block_image img{width:100%}
.benefitforthestronghybrid .tabContent .mainacrdSec .tabs_hide2{padding-top:50px}
section.benefitforthestronghybrid_section {padding: 50px 0px;}
.benefitforthestronghybrid ul.tabs li{width:20%}
.benefitforthestronghybrid ul.tabs li a{padding:20px 15px}
.bannerimg figure img{width:100%}
section.bottombanner img{width:100%}
.technoPageAdvan.smartTechSection .card {border: none; display: block; overflow: hidden;}
.technoPageAdvan.smartTechSection .card .card-header{padding:0}
.technoPageAdvan.smartTechSection .card .card-header ul{display:block;border:none;background:none}
.technoPageAdvan.smartTechSection .card .card-header ul li{border-right: solid 2px #2b3893;width:25%;float:left;text-align:center;background:none}
.technoPageAdvan.smartTechSection .card .card-header ul li:last-child {border-right: none;}
.technoPageAdvan.smartTechSection .card .card-header ul li a{border-radius:0;background:#eff1f2;text-decoration:none;padding:20px;display:block;color:#2b3893;position:relative;text-transform:uppercase;font-weight:600;border: none;}
.technoPageAdvan.smartTechSection .card .card-header ul li a.active{background:#2b3893;border:none;color:#fff;}
.technoPageAdvan.smartTechSection .card .card-header ul li a.active:after{width:14px;height:12px;background:url(/images/tech/down-arrow.png) center center no-repeat;position:absolute;content:"";left:50%;bottom:-10px;margin-left:-7px}
.technoPageAdvan.smartTechSection .card-body{background:#fff;box-shadow:0 0 20px #ccc;padding:25px;float: left;}
.technoPageAdvan.smartTechSection .card .card-header ul li:last-child a{border:none!important}
.technoPageAdvan.smartTechSection .tabPoints .left_block_image{display:inline-block;width:40%;vertical-align:top}
.technoPageAdvan.smartTechSection .tabPoints .right_block_image{display:inline-block;width:59%;padding:50px 20px 15px;vertical-align:middle}
.technoPageAdvan.smartTechSection .tabPoints .left_block_image img{width:100%}
.technoPageAdvan.smartTechSection .tabPoints .right_block_image p{text-align:left;margin-bottom: 0px;}
.technoPageAdvan.smartTechSection .tabPoints .right_block_image button{border:none;float:left;background:#2b3893;color:#fff;text-transform:uppercase;padding:10px 25px;outline: none !important;}
section.howself_section {background: #f6f6f6; padding: 50px 0 50px;}
.relatedArticleContainer{width:100%;background:none;display:block;padding:50px 0 60px; clear:both;float:left;margin-bottom:0;margin-top:0}
section.howself_section .technoPageAdvan.smartTechSection {margin-top: 0;}
.relatedArticleContainer .relatedArticleBox{padding: 0px 15px 0px 0px !important;background:none}
.relatedArticleContainer.strong_hybrid_section{background:#f6f6f6;}
.accordianSection p{font-size:15px;padding:0;line-height:25px}
.relatedArticleContainer.strong_hybrid_section .owl-stage-outer .owl-item .item .technoPageCarsBox span img {width: auto;}
.relatedArticleContainer.strong_hybrid_section .owl-stage-outer .owl-item .item .technoPageCarsBox {background: #fff; padding: 20px 10px;}
.relatedArticleContainer.strong_hybrid_section .owl-stage-outer .owl-item .item .technoPageCarsBox .technoPageKnowButt a:hover {color: #fff; text-decoration: none;}
.relatedArticleContainer.strong_hybrid_section .owl-stage-outer .owl-item .item .technoPageCarsBox:hover{background: none; color: #2d3494;}
.relatedArticleContainer.strong_hybrid_section .owl-stage-outer .owl-item .item .technoPageCarsBox:hover .technoPageKnowButt a {background: none; color: #2d3494;}
div.buttonclass .modal-dialog{max-width:800px}
div.buttonclass .modal-dialog .modal-content{border:none;background:none;padding:0;margin:0}
div.buttonclass .modal-dialog .modal-content button.close{width:40px;height:40px;padding:0;opacity:1;margin:0;z-index:999999;background-image:url(/images/white_cross.png);background-repeat:no-repeat;background-position:center;outline:none;position:absolute;right:-25px}
.banner .slick-list .slick-slide {margin-right: 10px;}
.relatedArticleContainer.videoarticle-wrapper {background: #f6f6f6;padding: 50px 0 50px;}
.relatedArticleContent.customerdaystext p {margin: 0 0px 30px; font-weight: 500;}
.relatedArticleContent.customerdaystext {background: #f8f8f8; min-height: 170px !important; position: relative;}
.relatedArticleContent.customerdaystext span {text-align: left; font-size: 12px;}
.relatedArticleContent.customerdaystext h3 {text-transform: uppercase;}
.relatedArticleContent.customerdaystext p:after {width: 43px; height: 39px;background: url(/images/testimonial_quotes.jpg) center center no-repeat; position: absolute; content: ""; top: 45%; right: 16px; z-index: 0;}
section.stronghybrid {margin-top: 70px;}
.popularvideos .video-block {width: 100%;}
.relatedArticleContainer .relatedArticleBox:last-child{padding: 0 !important;}
section.featureblock .technoPageTxt {margin-top: 0;}
section.featureblock {padding: 50px 0px 50px;}
.mileageFaqSection {background: #f6f6f6 !important; padding: 40px 120px 50px;}
.mileageFaqSection.custom_faq_hybrid ul.list-group {text-indent: 20px;}
.mileageFaqSection.custom_faq_hybrid ul.list-group li {position: relative; text-indent: 0; padding-left: 28px; padding-bottom: 10px;}
.mileageFaqSection.custom_faq_hybrid ul.list-group li:after {position: absolute; content: ''; width: 7px; height: 7px; background: #000; left: 10px; border-radius: 5px; top: 45%;}
.relatatedArticleMain.strong_video_block .relatedArticleBox {width: 33.33% !important;}
.relatedArticleContainer.strong_hybrid_section .technoPagecarImg {height: 225px !important;}
.relatedArticleContainer.strong_hybrid_section div#owl-carousel1 .technoPageCarsBox p {text-align: center; font-size: 14px; font-weight: 500; line-height: 23px; color: #333333;}
.mileageFaqSection.custom_faq_hybrid .leftSection {width: 30%;}
.mileageFaqSection.custom_faq_hybrid .rightSection {width: 70%;}
.relatedArticleContainer.videoarticle-wrapper.popularvideos .relatedArticleContent {min-height: auto !important;}
.relatedArticleContainer.videoarticle-wrapper.popularvideos .relatedArticleBox .relatedArticleContent p{display: -webkit-box; 
    -webkit-line-clamp: 8 !important; -webkit-box-orient: vertical;}
.relatedArticleContainer.strong_hybrid_section .owl-dots button.owl-dot {width: 10px; height: 10px; background: #ccc; margin: 0 5px; border-radius: 15px;}
.relatedArticleContainer.strong_hybrid_section .owl-dots {text-align: center;}
.relatedArticleContainer.strong_hybrid_section .owl-dots button.owl-dot.active {background: #2d3494;}
.banner .bannerimg figure img.mobilebanner {display: none;}
.changetechnoPageCarSider .priceTxt {display: none;}
section.bottombanner.stronghybrid h1.underline_heading::before {width: 50%;}
.relatedArticleContainer.videoarticle-wrapper.popularvideos h1.underline_heading::before {width: 65%;}
section.benefitforthestronghybrid_section h1.underline_heading::before {width: 55%;}
section.howself_section h1.underline_heading::before {width: 90%;}
section.featureblock h1.underline_heading::before {width: 15%;}
.relatedArticleContainer.strong_hybrid_section h1.underline_heading::before {width: 35%;}
.right_block_image span {display: block; text-align: left; clear: both; margin-bottom: 10px; margin-top: 10px;float: left; width: 100%;}
.right_block_image span img {width: 10%;}


@media screen and (max-width: 1366px) {
	.banner .slick-list{padding:0 20% 0 0 !important}
	section.stronghybrid {margin-top: 50px;}
	.bottombanner article p {font-size: 16px; line-height:28px;}
}

@media screen and (max-width: 768px) {
	.bottombanner{margin-top: 20px;}
	section.stronghybrid {margin-top: 20px;}
	.bottombanner article h6 {font-size: 25px; padding-top: 0px; text-align: center;}
	.bottombanner article p {font-size: 15px; line-height: 19px; letter-spacing: 0; margin-bottom: 9px;}
	.relatedArticleContainer.videoarticle-wrapper {padding: 30px 0 40px;}
	section.benefitforthestronghybrid_section {padding: 20px 0px;overflow: visible;}
	.technoPageAdvan.smartTechSection .tabPoints .left_block_image {width: 100%;}
	.technoPageAdvan.smartTechSection .tabPoints .right_block_image {width: 100%; padding: 20px 0px 20px;}
	.benefitforthestronghybrid .tabContent .mainacrdSec .tabs_hide2 {padding-top: 0px; margin-top: 0;}
	section.howself_section {padding: 20px 0 30px;}
	h1.underline_heading {font-size: 18px; line-height: 23px;}
	.technoPageAdvan.smartTechSection .card .card-header ul li {width: 100%; margin-left: 0px;border-right: none;}
	.technoPageAdvan.smartTechSection .card .card-header ul li a{padding: 13px; border-right: 0 !important;}
	.relatatedArticleMain.strong_video_block .relatedArticleBox {width: 100% !important;}
	.mileageFaqSection {padding: 40px 15px 50px;}
	.mileageFaqSection.custom_faq_hybrid .leftSection {width: 100%;}
	.mileageFaqSection.custom_faq_hybrid .rightSection {width: 100%;}	
	.relatedArticleBox .relatedArticleContent {min-height: auto;}
	.technoPageAdvan.smartTechSection .card .card-header ul li a.active:after {z-index: 99;}
	.modal {top: 10% !important;}
	div.buttonclass .modal-dialog .modal-content button.close {right: 0px;}
	.relatedArticleContainer.strong_hybrid_section {padding-bottom: 0;}
	.accordianSection h2 {text-indent: 0; padding-left: 15px !important;}
	.mileageFaqSection.custom_faq_hybrid ul.list-group li:after {top: 21px;}
	.banner .bannerimg figure img.mobilebanner {display: block;}
	.banner .bannerimg figure img.desktopbanner {display: none;}
	.bannerimg .bannercontent {position: relative; background-color: #000;}
	.bannerimg figure {margin: 0px;}
	.banner .slick-next,.banner .slick-prev {top: 20%;}
	.right_block_image span img {width: 60%;}
}