.tabs-menu{height:30px;padding:0;margin:0;text-align:center}
.tabs-menu li{height:30px;line-height:30px;list-style:none;display:inline-block;margin-left:10px;margin-right:10px}
.tabs-menu li.current{position:relative;background-color:#fff;border-bottom:1px solid #f8f7f7;z-index:5}
.tabs-menu li a{padding:10px 0 8px;text-transform:uppercase;color:#000;text-decoration:none;font-size:13px;font-weight:400;position:relative}
.tabs-menu .current a{color:#000;font-size:13px;font-weight:700}
div#suzukiconnect .tab-left img {float: right; padding-right: 10%;}
.tabs-menu li a::after{content:"";display:block;height:3px;background-color:#f8f7f7;position:absolute;width:100%;bottom:0}
.tabs-menu .current a::after{background-color:#2d3392}
.tab{background-color:#f8f7f7;width:auto}
.tab-content{display:none;float:none!important}
#tab-1{display:block}
.suzuki-connect-title{font-size:22px;font-weight:700;color:#000;text-align:center;padding-top:50px;padding-bottom:25px}
.tab-wrap{width:100%;max-width:1230px;margin-left:auto;margin-right:auto;margin-top:60px; display:flex}
.owl-carousel .owl-item .carousel-content-img img{width:auto}
.tab-left{width:550px;position:relative}
.vid-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.tab-right{width:495px;}
.tab-right-title{font-size:30px;color:#2d3392;font-weight:700;text-transform:uppercase;line-height:1;padding-top:15px;padding-bottom:10px}
.tab-right-desc{font-size:14px;color:#000;margin-bottom:35px}
.carousel-content{display:flex;align-items:center;padding-left:65px;padding-right:40px}
.carousel-content-img{min-width:56px;margin-right:12px}
.ccr-title{font-size:14px;color:#333;font-weight:700;padding-bottom:3px}
.ccr-text{font-size:14px;color:#000; font-weight: 400; line-height: 18px; margin-top: 5px;}
#sub-carousel .owl-nav,#sub-carousel1 .owl-nav,#sub-carousel3 .owl-nav,#sub-carousel4 .owl-nav,#sub-carousel5 .owl-nav{position:absolute;top:30%;width:100%;display:flex}
#sub-carousel .owl-nav button.owl-next,#sub-carousel1 .owl-nav button.owl-next,#sub-carousel3 .owl-nav button.owl-next,#sub-carousel4 .owl-nav button.owl-next,#sub-carousel5 .owl-nav button.owl-next{margin-left:auto}
#sub-carousel .icon-left-arrow:before,#sub-carousel1 .icon-left-arrow:before,#sub-carousel3 .icon-left-arrow:before,#sub-carousel4 .icon-left-arrow:before,#sub-carousel5 .icon-left-arrow:before{content:"";background-image:url(/images/prev-arrow.png);background-repeat:no-repeat;width:13px;height:22px;position:absolute;top:0;left:7px}
#sub-carousel .icon-right-arrow:before,#sub-carousel1 .icon-right-arrow:before,#sub-carousel3 .icon-right-arrow:before,#sub-carousel4 .icon-right-arrow:before,#sub-carousel5 .icon-right-arrow:before{content:"";background-image:url(/images/next-arrow.png);background-repeat:no-repeat;width:13px;height:22px;position:absolute;top:0;right:0}
#sub-carousel .owl-dots,#sub-carousel1 .owl-dots,#sub-carousel3 .owl-dots,#sub-carousel4 .owl-dots,#sub-carousel5 .owl-dots{display:block;text-align:center;margin-top:10px}
#sub-carousel button.owl-dot,#sub-carousel1 button.owl-dot,#sub-carousel3 button.owl-dot,#sub-carousel4 button.owl-dot,#sub-carousel5 button.owl-dot{width:8px;height:8px;background:#959fa4!important;border-radius:50%;margin:0 2px}
#sub-carousel button.owl-dot.active,#sub-carousel1 button.owl-dot.active,#sub-carousel3 button.owl-dot.active,#sub-carousel4 button.owl-dot.active,#sub-carousel5 button.owl-dot.active{background:#2d3392!important}
.btn-primary{background-color:#2d3392;color:#fff;border-radius:0;font-weight:700;font-size:12px;text-transform:uppercase;padding:15px 30px}
.btn-center{text-align:center;margin-top:28px}
.tab-right-sm{display:none}
.vid-height{height:346px;overflow:hidden}
.embed-responsive{position:relative;display:block;width:100%;overflow:hidden}
.embed-responsive::before{display:block;content:""}
.embed-responsive-16by9::before{padding-top:56.25%}
.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}
iframe#vid_1 .ytp-chrome-top{display:none!important}
.suzuki-connect{background-color:#fff;float:left;width:100%; position: relative;}
.review-tab-content .inner-row{padding:30px 0 35px}
.review-tab-content .owl-carousel button.owl-dot{width:10px;height:10px;background-color:#fff;display:inline-block;margin:0 4px;border-radius:50%;border:1px solid transparent}
.review-tab-content .owl-carousel button.owl-dot.active{background-color:transparent;border-color:#fff}
.review-tab-content .owl-dots{text-align:center}
.review-tab-content .top-bar span{cursor:pointer}
div#suzukiconnect div#tabs-container {display: block; float: left; margin-top: 7%; margin-left: 7%;}
div#suzukiconnect h1.suzuki-connect-title {text-align: left; padding-left: 8%;}
section#suzukiconnect .tab-content .btn-center button.btn.btn-primary{background:#164b91}
section#suzukiconnect .tab-content .btn-center button.btn.btn-primary a{color:#fff}
.feature-component .tab-content{display:block!important}
button.btn.btn-primary {background:#164b91}
button.btn.btn-primary a {color: #fff; text-decoration: none;}


@media(max-width:767px) {

.tab-wrap,.carousel-content{flex-direction:column;align-items:flex-start}
.tab-left,.tab-right{width:100%;padding-left:10px;padding-right:10px}
.tab-right-sm{display:block}
.tab-right.tab-right-sm{padding-left:10px}
.tab-right-title-md,.tab-right-desc-md{display:none}
.carousel-content{padding-left:40px;padding-top:10px}
.carousel-content-img{padding-bottom:10px}
.tabs-menu{overflow-x:scroll;display:flex;overflow-y:hidden}
.tabs-menu li a{white-space:nowrap}
.tab-right-title{padding-bottom:5px}
.tab-right-desc{margin-bottom:20px}
.tab-wrap,.btn-center{margin-top:20px}
#sub-carousel .owl-dots,#sub-carousel1 .owl-dots,#sub-carousel3 .owl-dots,#sub-carousel4 .owl-dots,#sub-carousel5 .owl-dots{margin-top:5px}
.vid-icon{max-width:50px;left:53%}
.vid-height{height:100%}
#sub-carousel .owl-nav,#sub-carousel1 .owl-nav,#sub-carousel3 .owl-nav,#sub-carousel4 .owl-nav,#sub-carousel5 .owl-nav{top:50%}
.suzuki-connect{padding-bottom:30px}
.review-tab-content .inner-row{padding:20px 0}
.review-tab-content .inner-row .content{padding-top:15px}
.review-tab-content .inner-row h3{margin-bottom:10px}

/*alto*/
body.alto div#suzukiconnect{background-image: url(/images/brand_telematic/Alto/suzuki_connect_mobile_Alto.webp); background-repeat: no-repeat; background-position: right; background-size: cover;}
div#suzukiconnect div#tabs-container .tabs-menu {height: 60px;}
body.alto div#suzukiconnect h1.suzuki-connect-title {background-image: url(/images/brand_telematic/366-mobile-heading-alto.webp); background-repeat: no-repeat; width: 100%; height: 32px; position: absolute; top: 30px; left: 1.7%; padding-top: 20px;}
div#suzukiconnect div#tabs-container {width: 100%; display: block; float: left; margin-left: 0%; margin-top: 22% !important;}
/*alto*/

/*wagonr*/
body.wagonr div#suzukiconnect{background-image: url(/images/brand_telematic/Wagonr/suzuki_connect_mobile_wagonr.webp); background-repeat: no-repeat; background-position: right; background-size: cover;}
body.wagonr div#suzukiconnect div#tabs-container {width: 100%;display: block; float: left; margin-left: 0%; margin-top: 22% !important;}
body.wagonr div#suzukiconnect div#tabs-container .tabs-menu {height: 60px;}
body.wagonr div#suzukiconnect h1.suzuki-connect-title {background-image: url(/images/brand_telematic/366-mobile-heading-wagonr.webp); background-repeat: no-repeat; width: 100%; height: 32px; position: absolute; top: 30px; left: 1.7%; padding-top: 20px;}
/*wagonr*/

/*swift*/
body.swift div#suzukiconnect{background-image: url(/images/brand_telematic/Swift/suzuki_connect_mobile_Swift.webp); background-repeat: no-repeat; background-position: right; background-size: cover;}
body.swift div#suzukiconnect div#tabs-container .tabs-menu {height: 60px;}
body.swift div#suzukiconnect h1.suzuki-connect-title {background-image: url(/images/brand_telematic/366-mobile-heading-swift.webp); background-repeat: no-repeat; width: 100%; height: 32px; position: absolute; top: 30px; left: 1.7%; padding-top: 20px;}
body.swift div#suzukiconnect div#tabs-container {width: 100%; display: block; float: left; margin-left: 0%; margin-top: 22% !important;}
/*swift*/

/*dzireblue*/
body.dzireblue div#suzukiconnect{background-image: url(/images/brand_telematic/Dzire/suzuki_connect_mobile_Dzire.webp); background-repeat: no-repeat; background-position: right; background-size: cover;}
body.dzireblue div#suzukiconnect div#tabs-container .tabs-menu {height: 60px;}
body.dzireblue div#suzukiconnect h1.suzuki-connect-title {background-image: url(/images/brand_telematic/366-mobile-heading-dzire.webp); background-repeat: no-repeat; width: 100%; height: 32px; position: absolute; top: 30px; left: 1.7%; padding-top: 20px;}
body.dzireblue div#suzukiconnect div#tabs-container {width: 100%; display: block; float: left; margin-left: 0%; margin-top: 22% !important;}
/*dzireblue*/

/*spresso*/
body.spresso div#suzukiconnect{background-image: url(/images/brand_telematic/Spresso/suzuki_connect_mobile_Spresso.webp); background-repeat: no-repeat; background-position: right; background-size: cover;}
body.spresso div#suzukiconnect div#tabs-container .tabs-menu {height: 60px;}
body.spresso div#suzukiconnect h1.suzuki-connect-title {background-image: url(/images/brand_telematic/366-mobile-heading-spresso.webp); background-repeat: no-repeat; width: 100%; height: 32px; position: absolute; top: 30px; left: 1.7%; padding-top: 20px;}
body.spresso div#suzukiconnect div#tabs-container {width: 100%; display: block; float: left; margin-left: 0%; margin-top: 22% !important;}
/*spresso*/

/*ertiga*/
body.ertiga div#suzukiconnect{background-image: url(/images/brand_telematic/Ertiga/suzuki_connect_mobile_Ertiga.webp); background-repeat: no-repeat; background-position: right; background-size: cover;}
body.ertiga div#suzukiconnect div#tabs-container .tabs-menu {height: 60px;}
body.ertiga div#suzukiconnect h1.suzuki-connect-title {background-image: url(/images/brand_telematic/366-mobile-heading-ertiga.webp); background-repeat: no-repeat; width: 100%; height: 32px; position: absolute; top: 30px; left: 1.7%; padding-top: 20px;}
body.ertiga div#suzukiconnect div#tabs-container {width: 100%; display: block; float: left; margin-left: 0%; margin-top: 22% !important;}
/*ertiga*/

/*breeza*/
body.breeza div#suzukiconnect{background-image: url(/images/brand_telematic/Brezza/suzuki_connect_mobile_Brezza.webp); background-repeat: no-repeat; background-position: right; background-size: cover;}
body.breeza div#suzukiconnect div#tabs-container .tabs-menu {height: 60px;}
body.breeza div#suzukiconnect h1.suzuki-connect-title {background-image: url(/images/brand_telematic/366-mobile-heading-ertiga.webp); background-repeat: no-repeat; width: 100%; height: 32px; position: absolute; top: 30px; left: 1.7%; padding-top: 20px;}
body.breeza div#suzukiconnect div#tabs-container {width: 100%; display: block; float: left; margin-left: 0%; margin-top: 22% !important;}
/*breeza*/

/*celerio*/
body.celerio div#suzukiconnect{background-image: url(/images/brand_telematic/Celerio/suzuki_connect_mobile_Celerio.webp); background-repeat: no-repeat; background-position: right; background-size: cover;}
body.celerio div#suzukiconnect div#tabs-container .tabs-menu {height: 60px;}
body.celerio div#suzukiconnect h1.suzuki-connect-title {background-image: url(/images/brand_telematic/366-mobile-heading-celerio.webp); background-repeat: no-repeat; width: 100%; height: 32px; position: absolute; top: 30px; left: 1.7%; padding-top: 20px;}
body.celerio div#suzukiconnect div#tabs-container {width: 100%; display: block; float: left; margin-left: 0%; margin-top: 22% !important;}
/*celerio*/
}


@media (min-width: 1367px) and (max-width: 1920px) {
    /*alto*/
    body.alto div#suzukiconnect div#tabs-container .tab .tab-wrap .tab-left img {padding: 0; position: absolute; right: 14%; top: -200px; z-index: 9; width: 20%;}
    body.alto div#suzukiconnect div#tabs-container .tab .tab-wrap .tab-left {position: absolute; width: 100%;}
    body.alto div#suzukiconnect div#tabs-container .tab .tab-wrap .tab-right {margin-left: 15%;}
    body.alto div#suzukiconnect h1.suzuki-connect-title {background-image: url(/images/brand_telematic/1366-laptop-heading-wagonr.webp); background-repeat: no-repeat; width: 100%; height: 110px; position: absolute; top: 30px; left: 7%;}
    body.alto div#suzukiconnect{background-image: url(/images/brand_telematic/Alto/Brand_suzuki_connect_Alto.webp); background-repeat: no-repeat; background-position: right; background-size: cover;}
    body.alto div#sub-carousel .carousel-content .carousel-content-right p.ccr-text {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
    body.alto .tab-right-desc{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
    body.alto #sub-carousel4 .carousel-content .carousel-content-right p.ccr-text {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
    /*alto*/

    /*wagonr*/
    body.wagonr div#suzukiconnect div#tabs-container .tab .tab-wrap .tab-left img {padding: 0; position: absolute; right: 14%; top: -200px; z-index: 9; width: 20%;}
    body.wagonr div#suzukiconnect div#tabs-container .tab .tab-wrap .tab-left {position: absolute; width: 100%;}
    body.wagonr div#suzukiconnect div#tabs-container .tab .tab-wrap .tab-right {margin-left: 15%;}
    body.wagonr div#suzukiconnect h1.suzuki-connect-title {background-image: url(/images/brand_telematic/heading-wagonr.webp); background-repeat: no-repeat; width: 100%; height: 110px; position: absolute; top: 30px; left: 7%;}
    body.wagonr div#suzukiconnect{background-image: url(/images/brand_telematic/Wagonr/Brand_suzuki_connect_wagonr.webp); background-repeat: no-repeat; background-position: right; background-size: cover;}
    body.wagonr div#sub-carousel .carousel-content .carousel-content-right p.ccr-text {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
    body.wagonr .tab-right-desc{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
    body.wagonr #sub-carousel4 .carousel-content .carousel-content-right p.ccr-text {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
    /*wagonr*/

    /*swift*/
    body.swift div#suzukiconnect div#tabs-container .tab .tab-wrap .tab-left img {padding: 0; position: absolute; right: 14%; top: -200px; z-index: 9; width: 20%;}
    body.swift div#suzukiconnect div#tabs-container .tab .tab-wrap .tab-left {position: absolute; width: 100%;}
    body.swift div#suzukiconnect div#tabs-container .tab .tab-wrap .tab-right {margin-left: 15%;}
    body.swift div#suzukiconnect h1.suzuki-connect-title {background-image: url(/images/brand_telematic/heading-swift.webp); background-repeat: no-repeat; width: 100%; height: 110px; position: absolute; top: 30px; left: 7%;}
    body.swift div#suzukiconnect{background-image: url(/images/brand_telematic/Swift/Brand_suzuki_connect_Swift.webp); background-repeat: no-repeat; background-position: right; background-size: cover;}
    body.swift div#sub-carousel .carousel-content .carousel-content-right p.ccr-text {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
    body.swift .tab-right-desc{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
    body.swift #sub-carousel4 .carousel-content .carousel-content-right p.ccr-text {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
    /*swift*/

    /*dzireblue*/
    body.dzireblue div#suzukiconnect div#tabs-container .tab .tab-wrap .tab-left img {padding: 0; position: absolute; right: 14%; top: -200px; z-index: 9; width: 20%;}
    body.dzireblue div#suzukiconnect div#tabs-container .tab .tab-wrap .tab-left {position: absolute; width: 100%;}
    body.dzireblue div#suzukiconnect div#tabs-container .tab .tab-wrap .tab-right {margin-left: 15%;}
    body.dzireblue div#suzukiconnect h1.suzuki-connect-title {background-image: url(/images/brand_telematic/heading-dzire.webp); background-repeat: no-repeat; width: 100%; height: 110px; position: absolute; top: 30px; left: 7%;}
    body.dzireblue div#suzukiconnect{background-image: url(/images/brand_telematic/Dzire/Brand_suzuki_connect_Dzire.webp); background-repeat: no-repeat; background-position: right; background-size: cover;}
    body.dzireblue div#sub-carousel .carousel-content .carousel-content-right p.ccr-text {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
    body.dzireblue .tab-right-desc{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
    body.dzireblue #sub-carousel4 .carousel-content .carousel-content-right p.ccr-text {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
    /*dzireblue*/

    /*spresso*/
    body.spresso div#suzukiconnect div#tabs-container .tab .tab-wrap .tab-left img {padding: 0; position: absolute; right: 14%; top: -200px; z-index: 9; width: 20%;}
    body.spresso div#suzukiconnect div#tabs-container .tab .tab-wrap .tab-left {position: absolute; width: 100%;}
    body.spresso div#suzukiconnect div#tabs-container .tab .tab-wrap .tab-right {margin-left: 15%;}
    body.spresso div#suzukiconnect h1.suzuki-connect-title {background-image: url(/images/brand_telematic/heading-spresso.webp); background-repeat: no-repeat; width: 100%; height: 110px; position: absolute; top: 30px; left: 7%;}
    body.spresso div#suzukiconnect{background-image: url(/images/brand_telematic/Spresso/Brand_suzuki_connect_Spresso.webp); background-repeat: no-repeat; background-position: right; background-size: cover;}
    body.spresso div#sub-carousel .carousel-content .carousel-content-right p.ccr-text {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
    body.spresso .tab-right-desc{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
    body.spresso #sub-carousel4 .carousel-content .carousel-content-right p.ccr-text {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
    /*spresso*/

    /*ertiga*/
    body.ertiga div#suzukiconnect div#tabs-container .tab .tab-wrap .tab-left img {padding: 0; position: absolute; right: 14%; top: -200px; z-index: 9; width: 20%;}
    body.ertiga div#suzukiconnect div#tabs-container .tab .tab-wrap .tab-left {position: absolute; width: 100%;}
    body.ertiga div#suzukiconnect div#tabs-container .tab .tab-wrap .tab-right {margin-left: 15%;}
    body.ertiga div#suzukiconnect h1.suzuki-connect-title {background-image: url(/images/brand_telematic/heading-ertiga.webp); background-repeat: no-repeat; width: 100%; height: 110px; position: absolute; top: 30px; left: 7%;}
    body.ertiga div#suzukiconnect{background-image: url(/images/brand_telematic/Ertiga/Brand_suzuki_connect_Ertiga.webp); background-repeat: no-repeat; background-position: right; background-size: cover;}
    body.ertiga div#sub-carousel .carousel-content .carousel-content-right p.ccr-text {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
    body.ertiga .tab-right-desc{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
    body.ertiga #sub-carousel4 .carousel-content .carousel-content-right p.ccr-text {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
    /*ertiga*/

    /*breeza*/
    body.breeza div#suzukiconnect div#tabs-container .tab .tab-wrap .tab-left img {padding: 0; position: absolute; right: 14%; top: -200px; z-index: 9; width: 20%;}
    body.breeza div#suzukiconnect div#tabs-container .tab .tab-wrap .tab-left {position: absolute; width: 100%;}
    body.breeza div#suzukiconnect div#tabs-container .tab .tab-wrap .tab-right {margin-left: 15%;}
    body.breeza div#suzukiconnect h1.suzuki-connect-title {background-image: url(/images/brand_telematic/heading-breeza.webp); background-repeat: no-repeat; width: 100%; height: 110px; position: absolute; top: 30px; left: 7%;}
    body.breeza div#suzukiconnect{background-image: url(/images/brand_telematic/Brezza/Brand_suzuki_connect_Brezza.webp); background-repeat: no-repeat; background-position: right; background-size: cover;}
    body.breeza div#sub-carousel .carousel-content .carousel-content-right p.ccr-text {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
    body.breeza .tab-right-desc{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
    body.breeza #sub-carousel4 .carousel-content .carousel-content-right p.ccr-text {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
    /*breeza*/

    /*celerio*/
    body.celerio div#suzukiconnect div#tabs-container .tab .tab-wrap .tab-left img {padding: 0; position: absolute; right: 14%; top: -200px; z-index: 9; width: 20%;}
    body.celerio div#suzukiconnect div#tabs-container .tab .tab-wrap .tab-left {position: absolute; width: 100%;}
    body.celerio div#suzukiconnect div#tabs-container .tab .tab-wrap .tab-right {margin-left: 15%;}
    body.celerio div#suzukiconnect h1.suzuki-connect-title {background-image: url(/images/brand_telematic/heading-celerio.webp); background-repeat: no-repeat; width: 100%; height: 110px; position: absolute; top: 30px; left: 7%;}
    body.celerio div#suzukiconnect{background-image: url(/images/brand_telematic/Celerio/Brand_suzuki_connect_Celerio.webp); background-repeat: no-repeat; background-position: right; background-size: cover;}
    body.celerio div#sub-carousel .carousel-content .carousel-content-right p.ccr-text {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
    body.celerio .tab-right-desc{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: 15px; font-weight: 400;}
    body.celerio #sub-carousel4 .carousel-content .carousel-content-right p.ccr-text {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
    body.celerio div#suzukiconnect div#tabs-container {margin-bottom: 15px;}
    body.celerio div#suzukiconnect div#tabs-container ul.tabs-menu li a {font-size: 16px; line-height: 20px;}
    /*celerio*/
}

@media (min-width: 1280px) and (max-width: 1366px) {
    /*alto*/
    body.alto div#suzukiconnect div#tabs-container .tab .tab-wrap .tab-left img {padding: 0; position: absolute; right: 6%; top: -145px; z-index: 9;     width: 19%;}
    body.alto div#suzukiconnect div#tabs-container .tab .tab-wrap .tab-left {position: absolute; width: 100%;}
    body.alto div#suzukiconnect div#tabs-container .tab .tab-wrap .tab-right {margin-left: 25%;}
    body.alto div#suzukiconnect div#tabs-container {display: block; float: left; margin-top: 10%; margin-left: 1%;}
    body.alto div#suzukiconnect h1.suzuki-connect-title {background-image: url(/images/brand_telematic/1366-laptop-heading-alto.webp); background-repeat: no-repeat; width: 100%; height: 72px; position: absolute; top: 30px; left: 1.7%;}
    body.alto .tabs-menu li a{font-size:12px;}
    body.alto div#suzukiconnect{background-image: url(/images/brand_telematic/Alto/Brand_suzuki_connect_Alto.webp); background-repeat: no-repeat; background-position: right; background-size: cover;}
    body.alto div#sub-carousel .carousel-content .carousel-content-right p.ccr-text {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
    body.alto #sub-carousel4 .carousel-content .carousel-content-right p.ccr-text {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
    body.alto .tab-right-desc{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
    /*alto*/

    /*wagonr*/
    body.wagonr div#suzukiconnect div#tabs-container .tab .tab-wrap .tab-left img {padding: 0; position: absolute; right: 6%; top: -145px; z-index: 9;     width: 19%;}
    body.wagonr div#suzukiconnect div#tabs-container .tab .tab-wrap .tab-left {position: absolute; width: 100%;}
    body.wagonr div#suzukiconnect div#tabs-container .tab .tab-wrap .tab-right {margin-left: 25%;}
    body.wagonr div#suzukiconnect div#tabs-container {display: block; float: left; margin-top: 10%; margin-left: 1%;}
    body.wagonr div#suzukiconnect h1.suzuki-connect-title {background-image: url(/images/brand_telematic/1366-laptop-heading-wagonr.webp); background-repeat: no-repeat; width: 100%; height: 72px; position: absolute; top: 30px; left: 1.7%;}
    body.wagonr .tabs-menu li a{font-size:12px;}
    body.wagonr div#suzukiconnect{background-image: url(/images/brand_telematic/Wagonr/Brand_suzuki_connect_wagonr.webp); background-repeat: no-repeat; background-position: right; background-size: cover;}
    body.wagonr div#sub-carousel .carousel-content .carousel-content-right p.ccr-text {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
    body.wagonr #sub-carousel4 .carousel-content .carousel-content-right p.ccr-text {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
    body.wagonr .tab-right-desc{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
    /*wagonr*/

    /*swift*/
    body.swift div#suzukiconnect div#tabs-container .tab .tab-wrap .tab-left img {padding: 0; position: absolute; right: 6%; top: -145px; z-index: 9;     width: 19%;}
    body.swift div#suzukiconnect div#tabs-container .tab .tab-wrap .tab-left {position: absolute; width: 100%;}
    body.swift div#suzukiconnect div#tabs-container .tab .tab-wrap .tab-right {margin-left: 25%;}
    body.swift div#suzukiconnect div#tabs-container {display: block; float: left; margin-top: 10%; margin-left: 1%;}
    body.swift div#suzukiconnect h1.suzuki-connect-title {background-image: url(/images/brand_telematic/1366-laptop-heading-swift.webp); background-repeat: no-repeat; width: 100%; height: 72px; position: absolute; top: 30px; left: 1.7%;}
    body.swift .tabs-menu li a{font-size:12px;}
    body.swift div#suzukiconnect{background-image: url(/images/brand_telematic/Swift/Brand_suzuki_connect_swift.webp); background-repeat: no-repeat; background-position: right; background-size: cover;}
    body.swift div#sub-carousel .carousel-content .carousel-content-right p.ccr-text {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
    body.swift #sub-carousel4 .carousel-content .carousel-content-right p.ccr-text {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
    body.swift .tab-right-desc{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
    /*swift*/

    /*dzireblue*/
    body.dzireblue div#suzukiconnect div#tabs-container .tab .tab-wrap .tab-left img {padding: 0; position: absolute; right: 6%; top: -145px; z-index: 9;     width: 19%;}
    body.dzireblue div#suzukiconnect div#tabs-container .tab .tab-wrap .tab-left {position: absolute; width: 100%;}
    body.dzireblue div#suzukiconnect div#tabs-container .tab .tab-wrap .tab-right {margin-left: 25%;}
    body.dzireblue div#suzukiconnect div#tabs-container {display: block; float: left; margin-top: 10%; margin-left: 1%;}
    body.dzireblue div#suzukiconnect h1.suzuki-connect-title {background-image: url(/images/brand_telematic/1366-laptop-heading-dzire.webp); background-repeat: no-repeat; width: 100%; height: 72px; position: absolute; top: 30px; left: 1.7%;}
    body.dzireblue .tabs-menu li a{font-size:12px;}
    body.dzireblue div#suzukiconnect{background-image: url(/images/brand_telematic/Dzire/Brand_suzuki_connect_Dzire.webp); background-repeat: no-repeat; background-position: right; background-size: cover;}
    body.dzireblue div#sub-carousel .carousel-content .carousel-content-right p.ccr-text {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
    body.dzireblue #sub-carousel4 .carousel-content .carousel-content-right p.ccr-text {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
    body.dzireblue .tab-right-desc{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
    /*dzireblue*/

    /*spresso*/
    body.spresso div#suzukiconnect div#tabs-container .tab .tab-wrap .tab-left img {padding: 0; position: absolute; right: 6%; top: -145px; z-index: 9;     width: 19%;}
    body.spresso div#suzukiconnect div#tabs-container .tab .tab-wrap .tab-left {position: absolute; width: 100%;}
    body.spresso div#suzukiconnect div#tabs-container .tab .tab-wrap .tab-right {margin-left: 25%;}
    body.spresso div#suzukiconnect div#tabs-container {display: block; float: left; margin-top: 10%; margin-left: 1%;}
    body.spresso div#suzukiconnect h1.suzuki-connect-title {background-image: url(/images/brand_telematic/1366-laptop-heading-spresso.webp); background-repeat: no-repeat; width: 100%; height: 72px; position: absolute; top: 30px; left: 1.7%;}
    body.spresso .tabs-menu li a{font-size:11px;}
    body.spresso div#suzukiconnect{background-image: url(/images/brand_telematic/Spresso/Brand_suzuki_connect_Spresso.webp); background-repeat: no-repeat; background-position: right; background-size: cover;}
    body.spresso div#sub-carousel .carousel-content .carousel-content-right p.ccr-text {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
    body.spresso #sub-carousel4 .carousel-content .carousel-content-right p.ccr-text {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
    body.spresso .tab-right-desc{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
    /*spresso*/

    /*ertiga*/
    body.ertiga div#suzukiconnect div#tabs-container .tab .tab-wrap .tab-left img {padding: 0; position: absolute; right: 6%; top: -145px; z-index: 9;     width: 19%;}
    body.ertiga div#suzukiconnect div#tabs-container .tab .tab-wrap .tab-left {position: absolute; width: 100%;}
    body.ertiga div#suzukiconnect div#tabs-container .tab .tab-wrap .tab-right {margin-left: 25%;}
    body.ertiga div#suzukiconnect div#tabs-container {display: block; float: left; margin-top: 10%; margin-left: 1%;}
    body.ertiga div#suzukiconnect h1.suzuki-connect-title {background-image: url(/images/brand_telematic/1366-laptop-heading-ertiga.webp); background-repeat: no-repeat; width: 100%; height: 72px; position: absolute; top: 30px; left: 1.7%;}
    body.ertiga .tabs-menu li a{font-size:12px;}
    body.ertiga div#suzukiconnect{background-image: url(/images/brand_telematic/Ertiga/Brand_suzuki_connect_Ertiga.webp); background-repeat: no-repeat; background-position: right; background-size: cover;}
    body.ertiga div#sub-carousel .carousel-content .carousel-content-right p.ccr-text {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
    body.ertiga #sub-carousel4 .carousel-content .carousel-content-right p.ccr-text {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
    body.ertiga .tab-right-desc{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
    /*ertiga*/

    /*breeza*/
    body.breeza div#suzukiconnect div#tabs-container .tab .tab-wrap .tab-left img {padding: 0; position: absolute; right: 6%; top: -145px; z-index: 9;     width: 19%;}
    body.breeza div#suzukiconnect div#tabs-container .tab .tab-wrap .tab-left {position: absolute; width: 100%;}
    body.breeza div#suzukiconnect div#tabs-container .tab .tab-wrap .tab-right {margin-left: 25%;}
    body.breeza div#suzukiconnect div#tabs-container {display: block; float: left; margin-top: 10%; margin-left: 1%;}
    body.breeza div#suzukiconnect h1.suzuki-connect-title {background-image: url(/images/brand_telematic/1366-laptop-heading-breeza.webp); background-repeat: no-repeat; width: 100%; height: 72px; position: absolute; top: 30px; left: 1.7%;}
    body.breeza .tabs-menu li a{font-size:12px;}
    body.breeza div#suzukiconnect{background-image: url(/images/brand_telematic/Brezza/Brand_suzuki_connect_Brezza.webp); background-repeat: no-repeat; background-position: right; background-size: cover;}
    body.breeza div#sub-carousel .carousel-content .carousel-content-right p.ccr-text {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
    body.breeza #sub-carousel4 .carousel-content .carousel-content-right p.ccr-text {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
    body.breeza .tab-right-desc{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
    /*breeza*/

    /*celerio*/
    body.celerio div#suzukiconnect div#tabs-container .tab .tab-wrap .tab-left img {padding: 0; position: absolute; right: 6%; top: -145px; z-index: 9;     width: 19%;}
    body.celerio div#suzukiconnect div#tabs-container .tab .tab-wrap .tab-left {position: absolute; width: 100%;}
    body.celerio div#suzukiconnect div#tabs-container .tab .tab-wrap .tab-right {margin-left: 25%;}
    body.celerio div#suzukiconnect div#tabs-container {display: block; float: left; margin-top: 10%;margin-bottom: 15px; margin-left: 1%;}
    body.celerio div#suzukiconnect h1.suzuki-connect-title {background-image: url(/images/brand_telematic/1366-laptop-heading-celerio.webp); background-repeat: no-repeat; width: 100%; height: 72px; position: absolute; top: 30px; left: 1.7%;}
    body.celerio .tabs-menu li a{font-size:12px;}
    body.celerio div#suzukiconnect{background-image: url(/images/brand_telematic/Celerio/Brand_suzuki_connect_Celerio.webp); background-repeat: no-repeat; background-position: right; background-size: cover;}
    body.celerio div#sub-carousel .carousel-content .carousel-content-right p.ccr-text {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
    body.celerio #sub-carousel4 .carousel-content .carousel-content-right p.ccr-text {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
    body.celerio .tab-right-desc{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;font-size: 15px; font-weight: 400;}
    body.celerio div#suzukiconnect div#tabs-container ul.tabs-menu li a {font-size: 11px; line-height: 20px;}
    /*celerio*/
}