.categorieslist h3 a,nav ul ul li a{ font-family: Ubuntu,sans-serif !important; color: #fff !important; display: block} .blogt a,.iconsbar ul li a span{ font-size: 40px} .iconmain_red,.mobile-menuicon,.overlay,.swanimage,nav ul ul{ display: none} .allnews ul li,.contactus .cbox,.homeicons *,.ourclient *,.ourteam .team,.troffie ul li,.troffie ul li img{ box-sizing: border-box} #showRightPush,#showRightPushcross,.submit-button{ cursor: pointer} a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{ margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline} .download_catabtn a,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,nav ul li:hover ul,section{ display: block} body{ line-height: 1} a{ font-family: Arial,Helvetica,sans-serif; font-size: 14px; color: #333} #lightgallery li a:hover,a:active,a:link,a:visited{ text-decoration: none} a:hover{ text-decoration: underline; color: #666} ol,ul{ list-style: none} blockquote,q{ quotes: none} blockquote:after,blockquote:before,q:after,q:before{ content: ''; content: none} table{ border-collapse: collapse; border-spacing: 0} .preloader{ position: fixed; z-index: 9999; width: 100%; height: 100%; background: rgba(255,255,255,.9)} .preloader img{ position: absolute; top: calc(35% - 32px); left: calc(45% - 32px)} .logo_navi{ float: left; margin: 18px 0 0 20px} .logo_navi img{ width: 200px} .toprightpanel{ height: 10vh; background-color: #f1f1f1} .menulinks{ height: 442px} .closeit{ float: right; margin: 20px 20px 0 0} .closeit a{ padding: 7px 10px 5px; font-size: 15px; color: #666; display: block; border: 1px solid #ddd; background-color: #fff} .closeit a:hover{ background-color: #f7f7f7; border: 1px solid #ddd} .categorieslist{ border-top: 1px solid #ccc; width: 100%; margin: 0} .categorieslist h3{ width: 100%; font-weight: 100} .categorieslist h3 a{ background-color: #666 !important; font-size: 18px !important; text-transform: uppercase !important; padding: 9px 10px !important; margin: 0 0 1px} .blogt a span,.stext{ font-family: 'Open Sans',sans-serif !important} .categorieslist h3 a:hover{ background-color: red !important; color: #fff !important; text-decoration: none} #media_showcase ul,.allnews ul,.categorieslist ul,.certificate-image ul,.clients ul,.cureentnews ul,.downloadc ul,.iconsbar ul,.matterarea ul,.matterarea ul2,.matterarea1 ul,.matterarea1 ul2,.ourclient ul,.sign_signup ul,.troffie ul,nav ul{ width: auto} .allnews,.bannerhead img,.call-back_form,.careers_form,.catalogue,.contactus,.download_catabtn a img,.downloadc,.downloadc ul li img,.enquiry_form,.feedback-form,.matter,.news-collection,.ourclient,.overlay,.sign_signup,.slider img,.table-data tbody,.troffie{ width: 100%} .categorieslist ul li{ list-style: none; width: 100%} .categorieslist ul li a{ padding: 9px 15px; border-bottom: 1px solid #eee; display: block; font-family: Oxygen,sans-serif; font-size: 14px; color: #666} .categorieslist ul li a:hover{ background-color: #f9f9f9; text-decoration: none} .downloadc h4{ text-align: center; font-weight: 100; font-size: 22px; margin: 12px 0} .downloadc ul li{ width: 25%; float: left; text-align: center; margin: 0 !important; padding: 0} .downloadc ul li p{ font-size: 12px !important; font-family: Oxygen,sans-serif !important; margin: 0 !important} .sign_signup{ background-color: #e23333; overflow: hidden; height: 6vh} .sign_signup ul li{ list-style: none; float: left; width: 47.5%; text-align: center} .sign_signup ul li a{ color: #fff; display: block; padding: 16px 0} .sign_signup ul li a:hover{ color: #fff; background-color: #d52121} .overlay{ background: rgba(0,0,0,.8); height: 100%; position: fixed; z-index: 1001} .fixed_header,header,nav ul ul{ background: #0f0662} .container{ max-width: 1250px; width: 95%; margin: auto} .fixed_header{ position: fixed !important; top: 0 !important; width: 100%; height: 75px !important; box-shadow: 0 1px 2px #0a0350; transition: .5s; -o-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; padding: 0; z-index: 99999} .iconsbar_sh,.stext,nav ul ul{ position: absolute} #media_showcase,.active,nav ul li a:hover{ background-color: #fff} .fixed_header .logoc{ float: left; margin: 12px 0 0 15px; display: block} .fixed_header .logoc img,.logo img{ width: 222px} header{ width: 100%; z-index: 999; top: 0} .logo{ float: left; margin: 10px 0 0 20px} .iconmain,.iconmain_red{ margin-right: 6px; float: left} nav{ float: right; margin: 18px 20px 0 0} nav ul li{ list-style: none; float: left; margin: 0 1px} nav ul li:hover{ background-color: #08023e} nav ul li a{ font-family: Ubuntu,sans-serif; padding: 6px 10px 10px; color: #fff; font-size: 18px; display: block} nav ul li a:hover{ color: #0f0662; text-decoration: none; border-radius: 4px !important} nav ul ul{ min-width: 180px; z-index: 9999} nav ul ul li{ float: none; list-style: none} nav ul ul li a{ padding: 8px 10px !important; font-size: 14px !important; background: 0 0 !important; border-bottom: 1px solid #09024e} nav ul ul li a:hover{ color: #fff; background: #08023e !important} .active{ color: #0a0350; text-decoration: none; border-radius: 4px} .iconlink{ padding: 6px 10px !important} .iconsbar_sh{ opacity: 0; transition: .5s; -o-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; width: 100%; bottom: -300px !important; z-index: 999} .tyreb,.tyrec{ width: 600px; z-index: 999} .homeicons{ background-color: #0e0654} .homeicons *{ font-size: 33px} .iconsbar{ transition: .5s; -o-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s} .iconsbar:after,header:after{ content: ""; display: block; clear: both} .iconsbar ul li{ list-style: none; float: left; width: calc(20% - 12px); text-align: center; margin-right: 12px; } .iconsbar ul li a{ padding: 22px 15px 14px; color: #fff; font-size: 15px; display: block; border-left: 1px solid #07032d} .iconsbar ul li a:hover{ color: #fff; text-decoration: none; background: #09033f} .stext{ color: #fff; font-size: 12px !important; text-transform: uppercase; letter-spacing: 1.5px; padding: 0 !important; margin-top: -5px; margin-left: 25px} .bannerhead,.blogt,.botlinks,.tyre_finder,.tyreb,.tyrec{ position: relative} .tyrec{ margin: 35% auto} .tyrec img{ width: 100%; animation: 20s infinite tcanim; -webkit-animation: 20s infinite tcanim} .tyreb{ margin: 0 auto} .tyreb img{ width: 100%; margin-top: -500px; animation: 20s linear infinite tcanim; -webkit-animation: 20s linear infinite tcanim} .blogt{ margin-top: -460px} .blogt a{ font-family: Lobster,cursive; color: #fff; letter-spacing: .5px} #media_showcase h2,.cureentnews h2{ font-family: Ubuntu,sans-serif; font-size: 40px; color: #666; text-transform: uppercase} .blogt a:hover{ color: #eee; letter-spacing: 1px; text-decoration: none} .blogt a span{ font-size: 15px !important; color: #ccc} @keyframes tcanim{ 100%{ transform: rotate(360deg)} 0%{ transform: rotate(0)} } @-webkit-keyframes tcanim{ 100%{ -webkit-transform: rotate(360deg)} 0%{ -webkit-transform: rotate(0)} } .split{ clear: both} .newsbar{ width: 100%; background: #f2f2f2} .cureentnews{ width: 100%; padding: 30px 0 40px; overflow: hidden} .cureentnews h2{ font-weight: 100; margin-bottom: 30px; text-align: center; line-height: normal} .cureentnews ul li{ list-style: none; float: left; width: 50%; text-align: center} .cureentnews ul li img{ background-color: #fff; padding: 7px; box-shadow: 0 1px 2px #ccc; margin-bottom: 15px; width: 70%} .cureentnews ul li h3{ font-weight: 400; font-size: 24px; font-family: Ubuntu,sans-serif; margin: 0 0 10px; letter-spacing: -1px} .cureentnews ul li p{ font-family: 'Open Sans',sans-serif !important; font-size: 14px; line-height: 22px; margin: 0 0 10px; padding: 0 30px} .clients{ width: 100%; margin-top: 1%} .clients ul li{ float: left; width: 19.5%; border: 1px solid #eee; margin: 1px} .clients ul li img{ width: 60%; margin: 10px 0; visibility: hidden} #media_showcase{ width: 100%; min-height: 250px; padding: 50px 0 0} #media_showcase h2{ font-weight: 100; margin-bottom: 15px; text-align: center} #media_showcase h3,.tyre_finder h3{ font-family: Lobster,cursive; font-size: 25px; font-weight: 100; text-align: center} #media_showcase h3{ color: #333; margin-bottom: 50px} #media_showcase ul li{ list-style: none; float: left; width: 33.3%} .ifvid{ height: 275px} .tyre_finder{ background-color: red; width: 100%; height: 100px; color: #fff; margin-top: -7px; padding: 25px 0 10px} .tyre_finder h3{ color: #fff !important; margin: 0 0 20px !important} .tyre_finder select{ font-family: Ubuntu,sans-serif; padding: 7px; color: #666} .tyre_finder button{ font-family: Ubuntu,sans-serif; padding: 4px 10px; color: #333; text-transform: uppercase; font-weight: 700} .botlinks ul h2,.signup_newsletter h4{ font-size: 22px; font-weight: 100; margin-bottom: 10px} .signup_newsletter{ width: 100%; text-align: center} .signup_newsletter h4{ font-family: Lobster,cursive; color: #fff; margin-top: 25px; text-align: center} .signup_newsletter input[type=text]{ font-family: Ubuntu,sans-serif; padding: 8px; color: #666; width: 400px} .signup_newsletter button{ font-family: Ubuntu,sans-serif; padding: 1px 10px; color: #333; text-transform: uppercase; font-weight: 700; font-size: 20px} .botlinks,.botlinks a{ font-family: 'Open Sans',sans-serif !important; font-size: 14px} .botlinks{ width: 100%; color: #fff; padding: 30px 0 0; z-index: 9999; line-height: 30px; overflow: hidden} .botlinks ul{ float: left; width: 25%} .botlinks ul h2{ font-family: Ubuntu,sans-serif; color: #fff} .botlinks a{ color: #ccc; padding: 5px 0} .botlinks a:hover{ color: #fff; text-decoration: none} .copyright{ border-top: 1px solid #333; border-bottom: 1px solid #333; padding: 10px 0; color: #999; font-size: 11px; margin: 30px 0 0; text-transform: uppercase; letter-spacing: 2px; text-align: center} .form-button,.input-text{ font-family: 'Open Sans',sans-serif !important; font-size: 20px; text-align: center} .copyright a{ color: #999 !important; font-size: 11px !important} .copyright a:hover{ color: #fff !important} .input-text{ width: 100%; padding: 7px 0; color: #666} .form-button{ padding: 7px 20px 4px; color: #333; margin: 10px 0 0; text-transform: uppercase} footer{ background: rgba(0,0,0,.9); width: 100%; min-height: 250px} @media screen and (max-width:1366px){ .toprightpanel{ height: 11.5vh; background-color: #f1f1f1} .menulinks{ height: 352px} .ifvid{ height: 235px} } .bannerhead{ height: 345px} .bannertitle{ color: #3e8aa8; font-size: 1.5em; position: absolute; left: 0; top: 50%; transform: translate(25%,-50%); width: 50%; font-family: Anton,sans-serif; line-height: normal; letter-spacing: 1.5px; font-weight: bold; } .breadcurmb{ width: 100%; padding: 20px 0; background-color: #000; color: #999; font-size: 15px; line-height: 22px} .matterarea,.matterarea1{ width: 100%; padding: 30px 0 50px; background-color: #fff} .breadcurmb a{ color: #fff; font-weight: 600} .breadcurmb a:hover{ color: #ccc} .matterarea{ min-height: 450px} .matterarea1{ min-height: 250px} .matterarea h1,.matterarea h3,.matterarea1 h1,.matterarea1 h3{ font-family: Ubuntu,sans-serif; font-size: 31px; letter-spacing: 0; margin: 0 0 12px; color: #100581; font-weight: 500; line-height: normal} .matterarea h2,.matterarea1 h2{ font-family: Ubuntu,sans-serif; font-size: 30px; letter-spacing: 0; margin: 0 0 10px; color: #626262; font-weight: 500; line-height: normal} .matterarea1 p a{ font-size: 28px; letter-spacing: .5px; color: #100766; font-weight: 500; text-decoration: none} .highlight-para{ font-size: 20px !important; line-height: 30px !important} .matterarea p,.matterarea1 p{ font-family: 'Open Sans',sans-serif !important; font-size: 19px; margin: 0 0 15px; line-height: 27px; color: #666; letter-spacing: .5px; text-align: justify} .matterarea ul li,.matterarea1 ul li{ list-style: inside; font-family: 'Open Sans',sans-serif !important; font-size: 19px; line-height: 34px; color: #666; margin: 4px auto} .listing li{ list-style: none !important} .features li,.pressshop li{ list-style: inside !important} .listing li img{ position: relative; top: 6px} .IMG1{ width: 25px; margin-top: 10px} .paragpah{ float: right; margin-right: 105px !important; margin-top: 4px !important} .p2{ font-size: 19px} .paragpah1{ float: right; margin-right: 483px !important; margin-top: -39px !important} .paragpah2{ float: right; margin-right: 283px !important; margin-top: -38px !important} .paragpah3{ float: right; margin-right: 462px !important; margin-top: -37px !important} .paragpah4{ float: right; margin-right: 484px !important; margin-top: -33px !important} .heading{ margin-top: 20px !important} .bold,.bold2,.bold3,.bold4,.bold5{ font-size: 19px; margin-top: 15px} .line1{ font-size: 14px} .bold1{ font-size: 19px; margin-top: 20px !important; display: inline-block} .achivement,.gallery,.plant_image,.productview,.productview_new{ display: inline-block; width: 100%} .gallery ul li{ float: left; width: 35%; margin: 1%; overflow: hidden; list-style: none} .gallery ul li img{ transition: .6s linear; width: 100%; border: 2px solid #f0f0f0; border-radius: 5px} .gallery ul li img:hover{ transition: .6s linear; opacity: .5} .gallery h2{ font-family: Ubuntu,sans-serif; font-size: 30px; margin-bottom: 10px; color: #0085c3} .ourclient ul li{ float: left; width: 24%; list-style: none; text-align: center; border: 1px solid #ececec; padding: 15px 10px; line-height: 0; margin: .5%} .ourclient ul li img{ width: 140px} .contactus .cbox{ width: 100%; float: left} .contactus .cbox .addressarea{ width: 48%; float: left; border: 1px solid #e6e6e6; margin: 5px; min-height: 295px} .contactus .cbox .addressarea img{ margin: 8px; border: 2px solid #edecec; border-radius: 4px} .contactus .cbox .addressarea h2{ font-family: 'Open Sans',sans-serif !important; font-size: 19px; margin: 0 0 0 10px; line-height: 18px; color: #666; letter-spacing: .5px; font-weight: 800} .contactus .cbox .addressarea p,.productview ul li a span{ font-family: 'Open Sans',sans-serif !important; font-size: 16px; letter-spacing: .5px} .contactus .cbox .maparea{ width: 49%; float: left; height: 295px; margin-top: 5px; border: 1px solid #d5d2d2} .contactus .cbox .maparea iframe{ height: 100%; width: 100%} .contactus .cbox .addressarea p{ margin: 2px 0 1px 10px; color: #666; text-align: justify} .ourteam{ font-family: 'Open Sans',sans-serif !important; font-size: 17px; margin: 0 0 15px; line-height: normal; color: #666; letter-spacing: .5px} .allnews ul li .padbox h3,.left-side h1,.left-side h3,.matter h1,.matter h3,.textbox{ font-family: 'Open Sans',sans-serif} .ourteam h2{ font-size: 22px; font-weight: 800; margin-bottom: 10px} .ourteam .team{ float: left; width: 49%; border: 1px solid #ddd; padding: 12px; margin: .5%} .achivement ul li img,.plant_image ul li img,.productview ul li img,.productview_new ul li img{ transition: .6s linear; width: 90%; padding: 8px 0} .productview ul li a,.productview_new ul li a{ text-align: center; display: block; border: 1px solid #110969} .achivement ul li,.productview ul li{ float: left; width: 23%; margin: 1%; overflow: hidden; list-style: none} .productview ul li a span{ display: block; text-align: center; color: #fff; background-color: #0d0653; line-height: 38px; transition: .6s linear} .achivement ul li a:hover,.plant_image ul li a:hover,.productview ul li a:hover{ text-decoration: none; transition: .6s linear; border: 1px solid #333} .achivement ul li a:hover span,.plant_image ul li a:hover span,.productview ul li a:hover span{ background-color: #333; text-decoration: none; transition: .6s linear} .allnews ul li{ list-style: none; width: 100%; min-height: 320px; padding: 10px; border: 1px solid #f3f0f0; margin-bottom: 15px} .allnews ul li .padbox img{ float: right; margin: 37px 0 0 18px; border: 2px solid #f3f1f1; border-radius: 7px} .allnews ul li .padbox h3{ font-size: 24px; line-height: normal; margin: 0 0 6px; color: #2573cb; font-weight: 500} .allnews ul li .padbox p{ font-size: 16px; line-height: 25px; margin-bottom: 7px} .allnews ul li .padbox a{ display: inline-block; padding: 4px 15px; color: #fff; background-color: #2976cc; border: 1px solid #2670c3; border-radius: 2px; font-size: 15px} .allnews ul li .padbox a:hover{ background-color: #333; text-decoration: none; color: #fff; border-color: #333} .team p{ font-size: 17px; margin: 0} .quality-image{ float: right; margin: 0 15px; border: 4px solid #eae9e9} .certificate-image{ width: 100%; margin-top: 15px} .certificate-image ul li{ width: 27%; float: left; margin-right: 20px; list-style: none} .certificate-image ul li a img{ width: 100%; border: 2px solid #eae9e9} .horizontal-certificate{ width: 23.33% !important; margin-bottom: 2px !important} .troffie ul li{ width: 23%; float: left; list-style: none; margin: 10px; border: 2px solid #0085c3} .troffie ul li img{ width: 100%} .troffie ul li img:hover{ border: 2px solid #0085c3 !important} .video{ position: relative; height: 400px} .matter h1,.matter h3{ padding: 0 0 11px; font-size: 38px; color: #130878; border-bottom: 1px dotted #c2bebe; margin: 10px} .careers_form p,.catalogue-form p{ width: 48%; float: left; margin: 10px} .wq1{ margin-left: 360px; margin-top: -31px} #ebcaptchatext,.textbox{ margin-left: 10px} .careers_form label,.catalogue-form label{ font-family: 'Open Sans',sans-serif; font-size: 17px; color: #595959; width: 100%; float: left; line-height: 27px} .call-back_form p input,.call-back_form p textarea,.careers_form p input,.careers_form p textarea,.catalogue-form p input,.catalogue-form p textarea{ width: 97%; padding: 10px 2%; font-size: 16px; border: 1px solid #ddd; margin-top: 2px} .catalogue-form span,call-back_form span,careers_form span{ color: red} .call-back_form .full-area textarea,.careers_form .full-area textarea{ padding: 10px; width: 100%; min-height: 150px; font-family: Roboto,sans-serif} .call-back_image,.careers_image{ float: right; width: 47%} .call-back_form p label span,.careers_form p label span{ color: #f22b2b} .textbox{ width: 46%; padding: 10px; font-size: 16px} #ebcaptchainput-error{ margin-left: 21px} .submit-button{ padding: 8px 35px; font-size: 16px; border-width: 1px 1px 3px; border-style: solid; border-color: #0f0662; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; border-radius: 3px; background-color: #10085d; color: #fff; margin-left: 8px; margin-top: 25px; transition: .5s} .button1:hover,.submit-button:hover{ background-color: #1b1b1b; transition: .5s; border-color: #000} .left-side{ width: 25%; float: left; border: 1px solid #e0e0e0} .left-side h1,.left-side h3{ font-size: 29px; margin: 0; color: #fff; font-weight: 500; background-color: #0f0662 !important; border: 2px solid #0c0547; padding: 1px 0 1px 13px} .left-side ul{ margin: 0; width: auto; background-color: #f0f0f0} .achivement ul li a span,.right-side h1,.right-side h3{ background-color: #0f0662; font-family: 'Open Sans',sans-serif !important} .left-side ul li{ list-style: none; width: 100%; margin: 0} .left-side ul li a{ padding: 7px 15px; display: block; font-family: 'Open Sans',sans-serif !important; font-size: 16px; color: #666; text-decoration: none; border-bottom: 1px solid #ccc} .left-side ul li a:hover{ background-color: #363636; text-decoration: none !important; color: #fff} .right-side{ float: right; width: 73%} .right-side h1,.right-side h3{ font-size: 25px; color: #fff; margin-bottom: 10px; padding: 4px 0 3px 10px} .right-side img{ float: right; margin: 10px; width: 33%; border: 1px solid #ddd; border-radius: 3px} .right-side p{ font-family: 'Open Sans',sans-serif !important; font-size: 16px; line-height: 27px; color: #666; letter-spacing: .3px; text-align: justify; margin: 6px} #lightgallery h4{ text-decoration: none; font-size: 15px; text-align: center; background-color: #0085c3; color: #fff; padding: 5px 2px; margin-top: -10px} .achivement ul li a{ text-align: center; display: block; border: 1px solid #0f0662} .achivement ul li a span{ display: block; text-align: center; font-size: 16px; color: #fff; letter-spacing: .5px; line-height: 38px; transition: .6s linear} .table-data{ width: 97%; margin: 13px} .table-data thead{ background-color: #0a053e} .table-data th{ padding: 10px; font-size: 20px; color: #fff; border: 2px solid #c3c7c9} .table-data tr td{ text-align: center; background-color: #ececec; padding: 10px; color: #000; font-weight: 500; font-family: 'Open Sans',sans-serif; border: 2px solid #fff9} .line{ border-bottom: 1px solid #efefef; margin: 20px 0 15px} .button,.button1{ border-width: 1px 1px 3px; border-style: solid; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; color: #fff; transition: .5s; cursor: pointer} .pressshop li{ float: none !important; width: 100% !important; line-height: 22px !important} .ture{ display: none !important} .client{ text-align: center; font-size: 19px} .fine_blank #wrapper_mbYTP_bgndVideo{ height: 400px !important; min-height: 400px !important} .enquiry_form h2,.feedback-form h2{ font-size: 29px; font-family: 'Open Sans',sans-serif; margin: 22px 0 0 7px; color: #f22b2b} .enquiry_form p,.feedback-form p{ font-size: 17px; width: 46%; float: left; margin: 10px; text-align: left !important} .enquiry_form p label,.feedback-form p label{ width: 100%; text-align: left} .enquiry_form p label span,.feedback-form p label span{ display: inline-block; color: #f33} .enquiry_form p input,.enquiry_form p textarea,.feedback-form p input,.feedback-form p textarea{ width: 96%; padding: 12px 2%; font-size: 14px; border: 1px solid #ddd; margin-top: 2px} .matterarea p a,.team.color-change p a{ font-size: 17px !important; letter-spacing: .5px; color: #666 !important; font-weight: 500; text-decoration: none; padding-left: 3px !important} .enquiry_form .full textarea,.feedback-form .full textarea{ padding: 10px; width: 95%; min-height: 161px} .full,.full-area{ width: 97% !important} .button{ padding: 8px 46px; font-size: 16px; border-color: #f22b2b; border-radius: 3px; background-color: #f22b2b; margin-right: 10px; margin-bottom: 10px; margin-top: 6%} .button1,.plant_image ul li a span{ font-size: 16px; background-color: #0085c3} .button:hover{ background-color: #1b1b1b; transition: .5s; border: 1px solid #000} .last-logo{ min-height: 116px; padding: 0 !important} .last-logo img{ width: 78% !important} .logoc1{ animation: 1s forwards lc1; visibility: visible !important} @keyframes lc1{ 0%{ opacity: 0; transform: scale(.5)} 100%{ opacity: 1; transform: scale(1)} } .slider{ width: 100%; margin-top: 40px} .catalogue-form{ width: 100%; margin: 0} .button1{ padding: 8px 46px; border-color: #0085c3; border-radius: 3px; margin: 30px 12px} .catalogue-box{ margin-left: 15px} .captcha{ margin-bottom: 3px !important; margin-left: 16px !important} .download_catabtn{ width: 45px; right: 0; position: fixed; top: 150px; z-index: 9999} .ourteam .team h3{ font-size: 22px; margin-bottom: 4px} .innovation_matter,.internal_div1{ width: 100%; float: left} .internal_div{ width: 60%; float: left} .call-image,.right_area,.right_area1{ float: right} .ul1{ list-style: none inside; font-family: 'Open Sans',sans-serif !important; font-size: 19px; line-height: 34px; color: #666; margin: 4px auto} .innovation_matter h1,.innovation_matter h2{ font-family: Ubuntu,sans-serif; font-size: 25px; letter-spacing: 0; margin: 0 0 4px; color: #545454; font-weight: 500; line-height: normal} .innovation_matter p{ line-height: 36px} .p.wqa1{ margin-left: 122px} .right_area1 img{ border: 1px solid #e7e7e7; padding: 4px; border-radius: 4px; height: 343px} .plant_image ul li{ float: left; width: 32.33%; margin: .5%; overflow: hidden; list-style: none} .plant_image ul li a{ text-align: center; display: block; border: 1px solid #0085c3} .plant_image ul li a span{ display: block; text-align: center; font-family: 'Open Sans',sans-serif !important; color: #fff; letter-spacing: .5px; line-height: 38px; transition: .6s linear} .cold_matter{ line-height: 32px !important} .popup_enquery_form input[type=email],.popup_enquery_form input[type=mobile],.popup_enquery_form input[type=text]{ padding: 10px 0; border: 1px solid #f2f2f2; background-color: #f7f7f7; width: 100%; text-align: center; font-family: 'Fira Sans',sans-serif; margin: 0 0 10px} .popup_enquery_form{ float: right; width: 100%; background-color: #fff} .modalclose{ width: 45px; height: 30px; background: 0 0; border: none; right: -15px; position: absolute; top: -7px; cursor: pointer; z-index: 9999} .md-content>div{ padding: 15px 15px 30px; margin: 0; font-weight: 300; font-size: 1.15em} .md-content h3{ margin: 0; padding: .4em; text-align: center; font-size: 2.4em; font-weight: 300; opacity: .8; background: #0085c3; border-radius: 3px 3px 0 0; font-family: 'Fira Sans',sans-serif; color: #fff} .call-image{ width: 31%; margin: 3%} .call-back_form p{ width: 62%; float: left; margin: 5px} .call-back_form label{ font-family: 'Open Sans',sans-serif; font-size: 17px; color: #595959; width: auto; float: left; line-height: 27px} .error{ color: #f01616} .group_matter{ width: 50%; float: left; margin: 0} .prodcut_matter_area{ width: 50%; float: right; margin: 0} .prodcut-value{ width: 100%; margin-top: 11px} .prodcut-value ul li{ width: 50%; float: left} .features li{ width: auto !important; float: none !important} .padding{ padding-top: 20px !important} #lightgallery li span{ text-align: center !important; display: block !important; border: 1px solid #110969 !important} .precison_long_shafts_banner_pic{ background-image: url("./images/precesion_long_shafts.png"); } .truckpart_banner_pic{ background-image: url("./images/truck_parts.jpg"); } .sheet_meal_parts_banner_pic{ background-image: url("./images/sheet_metal_parts.png"); } .exhaust_claimps_banner_pic{ background-image: url("./images/exhaust_clamps.jpg"); } .e-axle_banner_pic{ background-image: url("./images/electric-vehicle-axle.png"); } .cold_forged_banner_pic{ background-image: url("./images/cold_forged_parts.jpg"); } .rubber_banner_pic{ background-image: url("./images/rubber_part.jpg"); } .forged_machines_parts_banner_pic{ background-image: url("./images/forged_and_machine_parts.jpg"); } .turbocharged_v_ring_banner_pic{ background-image: url("./images/turbo_chargedv-ring.jpg"); } .fine_blanking_banner_pic{ background-image: url("./images/fine_blanking.jpg"); } .trailer_parts_banner_pic{ background-image: url("./images/trailer_parts.jpg"); } .gear_forging_machining_banner_pic{ background-image: url("./images/gear_forging_and_machine.jpg"); } .sump_plugs_parts_banner_pic{ background-image: url("./images/sump_plugs_parts.jpg"); } .banner_container{ background-repeat: no-repeat; background-size: cover; background-position: center; height: 297px; width: 100%; position: relative; } .page_headline_box{ position: absolute; top: 9em; left: 13em; width: fit-content; } .page_headline_box .page_title{ text-transform: uppercase; font-family: 'Alice-Regular.ttf'; color: #3c969f; font-size: 17px; position: relative; } .page_headline_box .page_title::after{ content: ""; display: block; height: 100%; width: 100%; position: absolute; background-image: url("./images/products_pages_banner_title_bar.png"); background-repeat: no-repeat; background-size: cover; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: -1; padding: 0 1em; } @media only screen and (min-width: 320px) and (max-width: 480px){ .banner_container{ height: 70px; width: 100%; } .page_headline_box{ position: sticky; top: 6.5em; left: 2.5em; } .page_headline_box .page_title{ text-transform: uppercase; font-family: 'Alice-Regular.ttf'; color: #2E78B0; font-size: 8px; } } @media only screen and (min-width: 481px) and (max-width: 768px){ .banner_container{ height: 106px; width: 100%; } .page_headline_box{ position: sticky; top: 7.7em; left: 4em; } .page_headline_box .page_title{ text-transform: uppercase; font-family: 'Alice-Regular.ttf'; color: #2E78B0; font-size: 10px; } } @media only screen and (min-width: 769px) and (max-width: 992px){ .banner_container{ height: 168px; width: 100%; } .page_headline_box{ position: sticky; top: 10em; left: 7em; } .page_headline_box .page_title{ text-transform: uppercase; font-family: 'Alice-Regular.ttf'; color: #2E78B0; font-size: 14px; } } img{ height: auto; max-width: 100%; display: block; } swiper-slide img{ width: 100%; height: auto; aspect-ratio: 1200 / 375; object-fit: cover; display: block; } .clients ul li img{ width: 197px; height: 117px; aspect-ratio: 197 / 117; object-fit: contain; display: block; } .newsbar .cureentnews ul li img,.cureentnews ul li img{ width: 100%; height: auto; aspect-ratio: 409 / 246; object-fit: cover; display: block; } .logo img{ width: 222px; height: auto; aspect-ratio: 222 / 60; object-fit: contain; display: block; } .new-product-grid img,.custom-image-ratio img{ width: 100%; height: auto; aspect-ratio: 270 / 320; object-fit: cover; display: block; }