/* font face*/ @font-face{font-smoothing:antialiased;-moz-font-smoothing:antialiased;-webkit-font-smoothing:antialiased;/*font-weight:400;*/font-style:normal;font-family:FrutigerRoman;src:url(../fonts/FrutigerRoman.eot);src:local(FrutigerRoman),url(../fonts/FrutigerRoman.ttf) format("truetype"),url(../fonts/FrutigerRoman.woff) format("woff"),url(../fonts/FrutigerRoman.svg#svgFontName) format("svg")} /* font face Examples*//* @font-face{font-smoothing:antialiased;-moz-font-smoothing:antialiased;-webkit-font-smoothing:antialiased;font-weight:400;font-style:normal;font-family:gothammedium;src:url(../fonts/gothammedium.eot);src:local(gothammedium),url(../fonts/gothammedium.ttf) format("truetype"),url(../fonts/gothammedium.woff) format("woff"),url(../fonts/gothammedium.svg#svgFontName) format("svg")} @font-face{font-smoothing:antialiased;-moz-font-smoothing:antialiased;-webkit-font-smoothing:antialiased;font-weight:400;font-style:normal;font-family:gothambook;src:url(../fonts/gothambook.eot);src:local(gothambook),url(../fonts/gothambook.ttf) format("truetype"),url(../fonts/gothambook.woff) format("woff"),url(../fonts/gothambook.svg#svgFontName) format("svg")} @font-face{font-smoothing:antialiased;-moz-font-smoothing:antialiased;-webkit-font-smoothing:antialiased;font-weight:400;font-style:normal;font-family:gothambold;src:url(../fonts/gothambold.eot);src:local(gothambold),url(../fonts/gothambold.ttf) format("truetype"),url(../fonts/gothambold.woff) format("woff"),url(../fonts/gothambold.svg#svgFontName) format("svg")} */ body .container p{line-height: 148%} body{padding: 0 ;margin: 0; position: relative; width: 100%; float: left; font-family: FrutigerRoman; color: #333} body .container{width: 100%; float: left; padding: 0; margin: 0;position: relative;} body .container .header{ background: #4b8144 none repeat scroll 0 0;float: left; height: auto;position: fixed;width: 100%;z-index: 999; padding:0; margin: 0; top: 0;} .stampling_content_inner p{line-height: 148%; text-align: justify;} .slide_desc p{line-height: 148%;padding: 0 8%; text-align: justify;} body .container .banner_desc1{width: 100%; float: left; position: relative; /*background: url("../images/index_banner1.jpg") repeat scroll 0 0 / cover rgba(0, 0, 0, 0) */ background: url("../images/index_banner1.jpg") ; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; } body .container .banner_desc2{width: 100%; float: left; position: relative;background: rgba(0, 0, 0, 0) url("../images/index_banner2.jpg");-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover} .thank_u{width:100%; float: left; position: relative} body .container .banner_desc1 .banner_desc1_inner{width: 60%; float: left; position: relative; padding: 20% 0;} body .container .banner_desc2 .banner_desc2_inner{width: 60%; float: left; position: relative; padding: 24% 0; color: #fff;} body .container .banner_desc1 .banner_desc1_inner p{width: 100%; float: left; position: relative; font-size:100%;} body .container .banner_desc2 .banner_desc2_inner p{width: 100%; float: left; position: relative; font-size:100%; color: #ddd} body .container .banner_desc1 .banner_desc1_inner a{text-decoration: none; color: #333} body .container .banner_desc2 .banner_desc2_inner a{text-decoration: none; color: #ddd} body .container .banner_desc1 .banner_desc1_inner p.desc_p{margin: 0} body .container .banner_desc2 .banner_desc2_inner p.desc_p{margin: 0} body .container .banner_desc1 .title{} body .container .header .inner_header{width: 100%; float: left; position: relative; padding: 1% 0; } body .container .header .inner_header .lft{width: 30%; float: left; position: relative;margin-top: 1%; } body .container .header .inner_header .rt{width: 70%; float: left; position: relative; } body .container .header .inner_header .rt .rt-inner{float: right;position: relative;width: 85%;} body .container .header .inner_header .rt .rt-inner ul{ float: right; position: relative;width: 100% } .non-sup img{ display:inline-block;} /*//body .container .header .inner_header .rt .rt-inner ul li{float: left;list-style: outside none none;margin-right: 6.5%;width: auto; }*/ body .container .header .inner_header .rt .rt-inner ul li {background: none;float: left;list-style: outside none none;margin-right: 2.5%;padding: 1.5% 3.58%;width: auto;} body .container .header .inner_header .rt .rt-inner ul li:hover {background: #407139;} body .container .header .inner_header .rt .rt-inner ul li:last-child{margin-right: 0} body .container .header .inner_header .rt .rt-inner ul li a{text-decoration: none; color: #f1f1f1 } body .inner_container{width: 68%; margin: 0 auto; position: relative;} body .inner_container1{width: 66%; margin: 0 auto; position: relative;} body .container .advanced_tech{width: 100%; float: left; padding: 0;margin: -1% 0 0;position: relative;background: url("../images/advanced_tech.jpg");-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover ;} /*//.show_btn{ background: rgba(0, 0, 0, 0) url("../images/show_btn_plus.png") no-repeat scroll 98% 50%;color: #4f9f45;width: 12%; cursor: pointer}*/ .show_btn{cursor: pointer; float: right; margin-top: -6%; position: relative; width: 19%; z-index: 9;} .show_btn img{ width: 100%;} .show_btn.minus{ background: rgba(0, 0, 0, 0) url("../images/show_btn_minus.png") no-repeat scroll 98% 50%;color: #4f9f45;} body .container .advanced_tech .advanced_tech_inner{ color: #fff;margin: 0 auto;padding: 15% 0 0;position: relative;text-align: center;width: 80%;} body .container .advanced_tech .advanced_tech_inner h1{color: #c8c8c8} body .container .advanced_tech .advanced_tech_inner p{width: 100%; float: left; position: relative; font-size:100%; color: #a5a5a5;} body .container .advanced_tech .advanced_tech_inner p.desc_p{margin: 0} body .container .advanced_tech .advanced_tech_inner a{text-decoration: none; color: #cccccc} body .container .facilities{width: 100%; float: left; padding: 0; margin: 0;position: relative;background: #e1e1e1;} body .container .facilities .facilities_inner{float: left;margin: 0;padding: 9% 0;position: relative;width: 100%;} body .container .facilities .facilities_inner .facilities_desc{float: left;margin: 0 2% 0 0;padding: 0;position: relative;width: 23.0%;} body .container .facilities .facilities_inner .facilities_desc:last-child{margin: 0} body .container .facilities .facilities_inner .facilities_desc .top{width: 100%; float: left; padding: 0; margin: 0;position: relative;} body .container .facilities .facilities_inner .facilities_desc .top img{width: 100%; } body .container .facilities .facilities_inner .facilities_desc .bot{width: 100%; float: left; padding: 0; margin: 0;position: relative; background: #fafafa; min-height: 205px; margin-top: -5px;} body .container .facilities .facilities_inner .facilities_desc .bot .bot_inner{width: 85%; padding: 0; margin: 0 auto;position: relative; text-align: center} body .container .facilities .facilities_inner .facilities_desc .bot .bot_inner p{font-size: 92%;} body .container .facilities .facilities_inner .facilities_desc .bot .bot_inner a{text-decoration: none; color: #4b8144;/* font-size: 88%;*/} body .container .footer{width: 100%; float: left; padding: 0; margin: 0;position: relative;background: #4b8144; color: #fff; padding:0.5% 0} body .container .footer a{text-decoration: none;color: #fff} body .container .footer a:hover{text-decoration: none;color: #c8c8c8} body .container .footer span{float: right; width: 27%} .nav_bg{position: fixed; top:0; left: 0; background: #000; opacity: 0.80; width: 100%; z-index: 99} .container .mobile{width: 100%; float: left; position: relative } .container .mobile .mobile_inner{width: 80%; float: right; position: absolute; top:0;z-index: 99; padding-top: 28%; } .container .mobile .mobile_inner ul{width: 100%; float: right; padding: 42% 0 ; margin: 0; background: #4b8144; position: relative;} .container .mobile .mobile_inner ul span{ background: url("../images/close_btn.png") repeat scroll 0 0 rgba(0, 0, 0, 0);height: 31px;position: absolute;right: 2%; top: 9px;width: 32px;z-index: 5; cursor: pointer} .container .mobile .mobile_inner ul li{border-bottom: 1px solid #e5e5e5;list-style: outside none none;margin: 0 auto;padding: 3% 0;text-align: center;width: 78%;} .container .mobile .mobile_inner ul li a{color: #fff; text-decoration: none; display: block;} .mobile_mnu_img{display: none} .color_ccc{color: #ccc;} .color_e6e6e6{color: #e6e6e6;} .color_333{color: #333;} .color_ececec{color: #ececec;} .color_5fa156{color: #5fa156;} .color_93bb48{color: #93bb48;} .color_fefeff{color: #fefeff;} .pad_top4{padding-top: 4%} .mnu_act{background: #407139 !important;} .mnu_deact{background: #4b8144} .color_383838{color: #383838 !important;} .display_blk{display: block} .display_none{display: none} .nav_bg{display: none} .mobile_inner{display: none} .bot_inner h3.bot_tit{margin-bottom: 0; padding-bottom: 0} .bot_inner p.bot_tit{margin-top: 3%;} /* company page*/ .certificate{width:100%; float: left; position: relative; padding: 0 0 1%;} .certificate .pdf_container{width:12%; float: left; position: relative} .certificate .pdf_container img{cursor: pointer} .container .about_us{width:100%; float: left;position: relative; background: url("../images/about_us_bg.jpg") repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover } .container .about_us .about_us_inner{width:100%; float: left;position: relative;padding-top: 33%;} .container .company_facilities .company_facilities_inner{width:100%; float: left;position: relative;padding: 4% 0 2%} .container .slider_top{ background: none repeat scroll 0 0 #ececec; float: left;opacity: 0.95;position: absolute;top: 0;width: 100%;z-index: 1;} .container .about_us .about_us_inner img{width:100%; margin-bottom: 5%; } .container .company_facilities{width:100%; float: left;position: relative; background: url("../images/company_top_bg.jpg") repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover } .slider_top .slider_top_inner{width: 100%; float: left;padding: 0; margin: 0; } .slider_top ul{width: 100%; float: left;padding: 0; margin: 0; position: relative } .slider_top ul li{cursor: pointer;float: left;font-weight: bold;list-style: outside none none;margin: 0 9.5%;padding: 2% 0;width: auto;} .slider_top ul li.act{color: #5fa156;border-bottom: 3px solid #5fa156; /*background: url("../images/li_down.png") no-repeat scroll 50% 100% rgba(0, 0, 0, 0)*/} .container .slider_bot{width:100%; float: left;position: relative; } .container .slider_bot .slider_bot1{width:100%; float: left;position: relative; background: url("../images/slider_bot1_bg.jpg") repeat; padding:6.5% 0 7.5%; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover } .container .slider_bot .slider_bot1 ul{ width: 100%; float: left; position: relative; padding: 0 0 0 1%; margin: 0 } .container .slider_bot .slider_bot1 ul li{ background: url("../images/li_bg.png") no-repeat scroll 0 30% rgba(0, 0, 0, 0);list-style: outside none none;padding-bottom: 1%;padding-left: 1.5%;} .container .slider_bot .slider_bot2 ul{ width: 100%; float: left; position: relative; padding: 0 0 0 1%; margin: 0 } .container .slider_bot .slider_bot2 ul li{ background: url("../images/li_bg.png") no-repeat scroll 0 30% rgba(0, 0, 0, 0);list-style: outside none none;padding-bottom: 1%;padding-left: 1.5%;} .container .slider_bot .slider_bot3 ul{ width: 100%; float: left; position: relative; padding: 0 0 0 1%; margin: 0 } .container .slider_bot .slider_bot3 ul li{ background: url("../images/li_bg.png") no-repeat scroll 0 30% rgba(0, 0, 0, 0);list-style: outside none none;padding-bottom: 1%;padding-left: 1.5%;} .container .slider_bot .slider_bot2{width:100%; float: left;position: relative; background: url("../images/slider_bot2_bg.jpg") repeat scroll 0 0 / cover rgba(0, 0, 0, 0);padding: 6.5% 0 8% } .container .slider_bot .slider_bot3{width:100%; float: left;position: relative; background: url("../images/slider_bot3_bg.jpg") repeat scroll 0 0 / cover rgba(0, 0, 0, 0); padding: 6.5% 0 8.5% } .container .global{width: 100%; float: left; position: relative; background: url("../images/global_bg.jpg") no-repeat scroll center 0 / contain rgba(0, 0, 0, 0); min-height: 749px; padding: 3% 0; background-color:#000000} .container .global_description{width: 100%; float: left; position: relative; background: #0a090d; padding: 1% 0 3%;} .container .global_description .global_inner{width: 100%; float: left; position: relative} .container .global .global_inner{width: 100%; float: left; position: relative} .container .global .global_inner img.main_bg{width: 100%; } .container .global .global_inner .global_desc{width: 100%; float: left; position: relative;padding-top: 74%;} .container .global_description .global_inner .global_desc .lft{width: 41%; float: left; position: relative; margin-right: 9%;padding-top: 1%;} .container .global_description .global_inner .global_desc .lft p.head_title{margin: 0; padding-top: 0;} .container .global_description .global_inner .global_desc .rt{width: 50%; float: left; position: relative;} .container .global_description .global_inner .global_desc .rt .head{width: 100%; float: left; position: relative;} .container .global_description .global_inner .global_desc .rt .desc_content{ border-top: 1px solid #333333;float: left;padding-top: 3%;position: relative;width: 100%;} .container .global_description .global_inner .global_desc .rt .desc_content .desc_content_container{float: left;margin-right: 2%; position: relative;width: 32%;} .container .global_description .global_inner .global_desc .rt .desc_content .desc_content_container:last-child {margin-right: 0} .container .global_description .global_inner .global_desc .rt .desc_content .desc_content_container img{width: 100%; } .container .global_description .global_inner .global_desc .rt .desc_content .desc_content_container .des{font-size: 79%; margin: 3% 0;} .container .global_description .global_inner .global_desc .rt .head .lft{width: 37%; float: left; position: relative;} .container .global_description .global_inner .global_desc .rt .head .lft img{ width: 100% } .container .global_description .global_inner .global_desc .rt .head .rt{ float: left;font-size: 79%;font-weight: bold;margin-top: 4%;position: relative;width: 35%;} .container .mudhra_spec{width:100%; float: left; position: relative;background: none repeat scroll 0 0 #0a090d;padding: 0 0 5%;} .container .mudhra_spec .inner{width:100%; float: left; position: relative} .container .mudhra_spec .inner .three_colmns{ border-bottom: 1px solid #333;float: left;margin-right: 3%; min-height: 75px;position: relative; width: 31.3%;} .container .mudhra_spec .inner .three_colmns img{width:100%; } .container .mudhra_spec .inner .three_colmns .lft{float: left;margin-right: 4%; position: relative;width: 23%;} .container .mudhra_spec .inner .three_colmns .rt{ float: left; font-size: 76%;font-weight: bold;margin-top: 6%;position: relative; width: 72%;} .container .mudhra_spec .inner .three_colmns .left{ float: left;margin-right: 2%;margin-top: 2%;position: relative;width: 41%;} .container .mudhra_spec .inner .three_colmns .mid{ float: left;font-size: 79%; font-weight: bold;margin-top: 7%;position: relative;width: 27%;} .container .mudhra_spec .inner .three_colmns .right{ float: left; margin-top: 2%;position: relative;width: 28%;} .container .mudhra_spec .inner .three_colmns .colmns_inner{float: left; width: 48%; margin-right: 3%;} .container .mudhra_spec .inner .three_colmns .colmns_inner:last-child{ margin-right: 0%;} .container .mudhra_spec .inner .three_colmns .colmns_inner .desc{font-size: 82%; margin: 6% 0 0;} .container .mudhra_spec .inner .three_colmns:last-child{margin: 0} .no_border{border: none !important;padding-top: 2%;} .color_00a3d6{color: #00a3d6} .color_red{color: #c20613} .color_484747{color: #484747} .container .quality{width: 100%; float: left; position: relative;/*background: url("../images/quality_bg.jpg") repeat scroll 0 0 / cover rgba(0, 0, 0, 0);*/ background:rgba(0, 0, 0, 0) url("../images/quality_bg.jpg") repeat fixed 63% 104% / 119% auto !important } .container .quality .quality_inner{width: 100%; float: left; position: relative; /*padding: 11% 0 14%*/ padding: 4% 0} .quality .quality_desc{width: 60%; float: left; margin: 0} .quality_inner h1{width: 100%; float: left} .mobile_desc{display: none} .common.parallax{background-attachment: scroll !important;} /* Technology page */ .container .tech_intro{width:100%; float: left; position: relative; background:url("../images/tech_bg1.jpg") repeat ; min-height: 0 !important; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover} .container .tech_intro .tech_intro_inner{width:100%; float: left; position: relative;padding: 2% 0 4.5%} .container .tech_intro .tech_intro_inner .p_desc{width:48%; float: left; position: relative; margin: 0} .color_fff{color: #fff;} .container .tech_slider{ background: none repeat scroll 0 0 #e9e9e9;float: left;min-height: 0; position: relative; width: 100%} .container .tech_slider .tech_slider_inner{width:100%; float: left; position: relative; } .container .tech_slider .tech_slider_inner .technology_slide{width:100%; float: left; position: relative; } .container .tech_slider .tech_slider_inner .technology_slide .slide_btn{display: none } .container .tech_slider .tech_slider_inner .technology_slide ul li{ float: left;margin-right: 3%;position: relative;text-align: center;width: 30%; list-style: none } .container .tech_slider .tech_slider_inner .technology_slide ul{ float: left;width: 100%; margin: 0 ;padding: 0} .container .tech_slider .tech_slider_inner .technology_slide ul li div{width:100%; float: left; position: relative;text-align: center; min-height: 234px;} .container .tech_slider .tech_slider_inner .technology_slide ul li img{width:100%; } .container .stampling{width:100%; float: left; position: relative;background:url("../images/stampling_bg.jpg") repeat fixed; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover } .container .stampling .stampling_inner{width:100%; float: left; position: relative; padding: 20% 0 13%} .container .stampling .stampling_inner h1{width:100%; float: left; position: relative; margin-bottom: 1.5% } .container .stampling .stampling_inner .desc{width:100%; float: left; position: relative; margin: 0 } .container .stampling .stampling_inner .stampling_content{width:100%; float: left; position: relative; } .container .stampling .stampling_inner .stampling_content .stampling_content_inner{padding: 4% 0 0;width:32%; float: left; position: relative; margin-right: 3%; text-align: center } .container .stampling .stampling_inner .stampling_content .stampling_content_inner:last-child{width:30%; float: left; position: relative; margin-right: 0%; text-align: center } .container .child_parts{width:100%; float: left; position: relative;background:url("../images/child_bg.jpg") repeat ; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover } .container .child_parts .child_parts_inner{width:100%; float: left; position: relative; padding: 21% 0;} .container .child_parts .child_parts_inner p{width:100%; float: left; position: relative; margin: 0} .container .child_parts .child_parts_inner .house_desc{width:100%; float: left; position: relative;} .container .child_parts .child_parts_inner .house_desc .house_desc_inner{ float: left;/*font-size: 87%;*/ margin-right: 3%; position: relative; width: 15%;} .container .child_parts .child_parts_inner h1{width:100%; float: left; position: relative; margin-bottom: 1.5%} .container .child_parts .child_parts_inner h4{width:100%; float: left; position: relative; margin-bottom: 0.8%; font-size: 108%;} .color_666{color: #666} .container .equipt_tool{width:100%; float: left; position: relative;background:url("../images/equip_tool.jpg") repeat fixed ; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover } .container .equipt_tool .equipt_tool_inner{width:100%; float: left; position: relative; padding: 19% 0;} .container .equipt_tool .equipt_tool_inner p{width:80%; position: relative; margin-bottom: 0; margin-top: 1%; font-size: 90% } .container .equipt_tool .equipt_tool_inner h1{width:100%; position: relative; margin-bottom: 1%; } .equipt_tool_inner .eq_tool{width: 100%; float: left;position: relative;text-align: justify;} .equipt_tool_inner .eq_tool .lft{ float: left;margin-right: 0; position: relative; width: 50%;} .equipt_tool_inner .eq_tool .rt{ float: left; position: relative; width: 50%;} .equipt_tool_inner .eq_tool p.padding_btm{ padding: 0 0 2%} ul.cntn{display: none} .container .tech_slider .tech_slider_inner .technology_slide .slide_btn { bottom: 0;display: none; margin: 0 auto !important; position: relative;width: 44%;} .container .tech_slider .tech_slider_inner .technology_slide .slide_btn ul {float: left;position: relative;width: 100%;} .container .tech_slider .tech_slider_inner .technology_slide .slide_btn ul li {background: rgba(0, 0, 0, 0) url("../images/mob_slide_deact.png") no-repeat scroll 0 0;border: medium none;cursor: pointer; float: left;padding: 11% 0;width: 13%;} .container .tech_slider .tech_slider_inner .technology_slide .slide_btn ul li.act {background: rgba(0, 0, 0, 0) url("../images/mob_slide_act.png") no-repeat scroll 0 0;border: medium none;cursor: pointer;float: left;padding: 11% 0;width: 13%;} .slide_desc{text-align:center} .rotateslider-item.prev .slide_desc{width: 47%} .desk_top_slider{width: 100%; float: left; position: relative; overflow: hidden; padding: 7% 0;} .desk_top_slider .opacity{ background: rgba(221, 220, 218, 0.65) none repeat scroll 0 0;box-shadow: 0 0 0 rgba(221, 220, 218, 0.65); height: 100%;left: 0;position: absolute; top: 0;width: 33.33%; z-index: 2;} .desk_top_slider .leftarrow { background: rgba(0, 0, 0, 0) url("../images/slider_arrows.png") no-repeat scroll 0 0;display: inline-block;height: 57px;left: 30%;position: absolute;top: 45%;width: 60px;z-index: 3;} .desk_top_slider .rightarrow {background: rgba(0, 0, 0, 0) url("../images/slider_arrows.png") no-repeat scroll -60px 0;display: inline-block;height: 57px;position: absolute; right: 90%;top: 45%;width: 60px; z-index: 3;} .desk_top_slider .right{ background: rgba(221, 220, 218, 0.65) none repeat scroll 0 0; box-shadow: 10px 0 30px rgba(221, 220, 218, 0.65); height: 100%;left: auto; position: absolute;right: 0;top: 0;width: 33.33%;z-index: 9;} .desk_top_slider #sliders{width: 100%; float: left; position: relative;min-height: 469px;} .img_content{text-align: center} .img_content img{width:88%} .span_hover_desc{font-size: 90%; display: block; position: absolute; left: 27%; bottom: 5%;} .slider_wrap{ display: inline-block; height: 100%; position: relative;width: 100%; z-index: 1;} .desk_top_slider #sliders .img_content {width: 30%; float: left; } .desk_top_slider #sliders .content1 {width: 30%; float: left; position: absolute; top:0; left: -35.0%} .desk_top_slider #sliders .content2 {width: 30%; float: left; position: absolute; top:0; left: 0%} .desk_top_slider #sliders .content3 {width: 30%; float: left; position: absolute; top:0; left: 35%} .desk_top_slider #sliders .content4 {width: 30%; float: left; position: absolute; top:0; left: 70.0%} .desk_top_slider #sliders .content5{width: 30%; float: left; position: absolute; top:0; left: 105.0%} /*.desk_top_slider #sliders .content6{width: 30%; float: left; position: absolute; top:0; left: 105.0%}*/ .point1{left: 31%;position: absolute !important;top: 31%;width: auto !important; cursor: pointer} .point2{left: 27%;position: absolute !important;top: 41%;width: auto !important; cursor: pointer} .point3{left: 21%;position: absolute !important;top: 44%;width: auto !important; cursor: pointer} .point4{left: 28%;position: absolute !important;top: 53%;width: auto !important; cursor: pointer} .point5{left: 15%;position: absolute !important;top: 61%;width: auto !important; cursor: pointer} .point6{left: 53%;position: absolute !important;top: 34%;width: auto !important; cursor: pointer} .point7{ bottom: 28%;left: 52%;position: absolute !important;width: auto !important; cursor: pointer} .point8{ bottom: 32%;position: absolute !important; right: 25%;width: auto !important; cursor: pointer} .point9{bottom: 24%;position: absolute !important;right: 5%;width: auto !important; cursor: pointer} .point10{ bottom: 32%;cursor: pointer;position: absolute !important;right: 19.5%; width: auto !important} .pt1_img{ cursor: pointer;left: 13%;position: absolute !important;top: -24%;width: 18% !important;} .pt2_img{ cursor: pointer;left: 9%;position: absolute !important;top: -14%;width: 18% !important;} .pt3_img{cursor: pointer;left: 3%;position: absolute !important;top: -9%;width: 18% !important;} .pt4_img{cursor: pointer;left: 31%;position: absolute !important;top: 55%;width: 18% !important;} .pt5_img{cursor: pointer;left: 18%;position: absolute !important;top: 12%;width: 18% !important;} .pt6_img{ cursor: pointer;position: absolute !important;right: 25%;top: 15%;width: 18% !important;} .pt7_img{ cursor: pointer;position: absolute !important;right: 28%;top: 11%;width: 18% !important;} .pt8_img{cursor: pointer;position: absolute !important;right: 7%; top: 7%;width: 18% !important;} .pt9_img{cursor: pointer;position: absolute !important;right: 7%;top: 17%;width: 18% !important;} .pt10_img{ cursor: pointer;position: absolute !important;right: 2%;top: 0;width: 18% !important;} .disply_none{display: none !important} .disply_block{display: block !important} .bike_point1{ cursor: pointer;position: absolute !important;right: 41%;top: 54%;width: auto !important;} .bike_point2{cursor: pointer;position: absolute !important;right: 13%;top: 25%;width: auto !important;} .bike_point3{bottom: 27%;cursor: pointer;left: 18.5%;position: absolute !important;width: auto !important;} .bike_pt1_img{cursor: pointer;left: 40%; position: absolute !important;top: 10%;width: auto !important;} .bike_pt2_img{cursor: pointer;position: absolute !important;right: 7%;top: 32%;width: auto !important;} .bike_pt3_img{ cursor: pointer;left: 0;position: absolute !important;top: 22%;width: auto !important;} .bike_hovers img{display: none} .hover_img_holder img{display: none} /* contact us page*/ .locate_desc_lft .inner{width:100%; float: left; position: relative} .container .locations{width:100%; float: left; position: relative; padding: 3% 0 7%;} .container .locate_head{width:100%; float: left; position: relative; padding: 2% 0 0;} .container .locations .lft{width:70%; float: left; position: relative; margin-right: 6%;} .container .locations .rt{float: left;margin-right: 2%;position: relative;width: 22%; display: none } .container .locations .rt a{background: rgba(0, 0, 0, 0) url("../images/print_bg.jpg") no-repeat scroll 0 0;float: right;margin-top: 15%;padding: 7% 20%;} .bg_383838{background: #383838} .locate_head .locate_desc_lft{ width: 31%; float: left;position: relative; margin-right: 5%} .locate_head .locate_desc_rt{ width: 62%; float: left; position: relative;padding: 2.6% 0 0;} .locate_head .locate_desc_rt img{ width: 100%} .locate_head .des_lft{ float: left; margin-right: 4%;position: relative;width: 9%;} .locate_head .des_lft .inner{ float: left; width: 100%;} .locate_head .des_lft img{ width: 100%; margin-top: 80%} .locate_head .des_rt{ float: left;position: relative;width: 81%;} .locate_head .des_rt h4{ margin-bottom: 2%} .locations p{ margin-bottom: 0} .no_mrng_top{margin-top: 0; font-size: 84%} .container .enquiry{width:100%; float: left; position: relative; padding: 2% 0;} .container .enquiry .enquiry_inner{width:100%; float: left; position: relative; padding: 21% 0 0} .container .enquiry .enquiry_inner .lft{float: left;margin-right: 5%;position: relative;width: 31%;} .container .enquiry .enquiry_inner .rt{float: left;padding: 3.6% 0 0;position: relative;width: 64%;} .container .enquiry .enquiry_inner .rt .rt_inner{width:100%; float: left; position: relative;} .bg_e9e9e9{background: #e9e9e9} form#enq_frm .fld_cnt.attach_file{width: 50% ; float: left; position: relative} form#enq_frm .fld_cnt.attach_file img{cursor: pointer;left: 0;position: absolute;top: 3%;z-index: 2;} form#enq_frm .fld_cnt{width: 50% ; float: left; position: relative} form#enq_frm .fld_cnt input {border: medium none;margin-bottom: 6%;padding: 6% 0 6% 4%;width: 90%;} form#enq_frm .fld_cnt input#txtSubmit{background: rgba(0, 0, 0, 0) url("../images/submit_bg.jpg") no-repeat scroll 36% 3%;border: medium none;margin-bottom: 6%;padding: 6% 46% 4%; cursor: pointer} form#enq_frm .fld_cnt input#txtFile{ border: medium none;cursor: pointer;margin-bottom: 6%; opacity: 0; position: relative; z-index: 999; padding: 0} form#enq_frm .fld_cnt textarea {border: medium none;margin-bottom: 6%;padding: 6% 0 6% 4%;width: 91%;} .container .working{width:100%; float: left; position: relative;background: rgba(0, 0, 0, 0) url("../images/contact_wrk_bg.jpg") repeat fixed; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover} .container .working .working_inner{width:100%; float: left; position: relative;padding: 7% 0 29%; } .container .working .working_inner .cur_openings{width:100%; float: left; position: relative; text-align: justify; } .container .working .working_inner .cur_openings .opening_cntn{width:100%; float: left; position: relative;display: none } .container .working .working_inner .cur_openings .opening_cntn ul{padding: 0 0 2% 3%; margin: 0; } .container .working .working_inner .cur_openings .opening_cntn ul li{padding: 0 0 1%; margin: 0} .container .working .working_inner .cur_openings .opening_cntn p{padding: 0 0 1%; margin: 0; font-weight: bold;} .openings_desc{width: 72%} a.cur_aply{ position: absolute; right: 0; top: 0.5%; width: 19%} .relative{position: relative} a.cur_aply img{width:100%} form#enq_frm ::-webkit-input-placeholder {font-size: 12px;text-transform: uppercase;text-transform: uppercase;font-family: FrutigerRoman;} :-moz-placeholder { /* older Firefox*/ font-size:12px; text-transform: uppercase;font-family: FrutigerRoman;} ::-moz-placeholder { /* Firefox 19+ */ font-size: 12px; text-transform: uppercase;font-family: FrutigerRoman;} :-ms-input-placeholder { font-size: 12px; text-transform: uppercase;font-family: FrutigerRoman;} form#enq_frm .upload-path{ color: #666;padding-top: 1%;} /** Product page */ .container .product{width:100%; float: left; position: relative; } .container .our_cust{width:100%; float: left; position: relative; } .container .our_cust .our_cust_inner .cust_img{width:100%; float: left; position: relative; background: #fff ;margin:1.3% 0;} .container .our_cust .our_cust_inner .cust_img img{float: left;position: relative;width: 100%;} .container .our_cust .our_cust_inner{width:100%; float: left; position: relative; padding: 2% 0 5%;} .container .our_cust .our_cust_inner p.fnal_p_des{width:100%; float: left; position: relative; margin: 0 ; font-size: 85%} .container .four_wheeler{width:100%; float: left; position: relative; } .container .four_wheeler .four_wheeler_inner{width:100%; float: left; position: relative;padding: 5% 0 6% } .container .four_wheeler .four_wheeler_inner .four_wheeler_dess{width:100%; float: left; position: relative; } .container .four_wheeler .four_wheeler_inner .four_wheeler_dess .zoom_part{float: left;left: 15%;position: absolute;top: 0;width: 16%; } .container .four_wheeler .four_wheeler_inner .four_wheeler_dess .zoom_part p.desc{ margin: 0; padding: 2%;font-size: 78%;text-align: center;} //.container .four_wheeler .four_wheeler_inner .four_wheeler_dess .point1{float: left;left: 31%;position: absolute;top: 31%;width: auto; cursor: pointer} .container .four_wheeler .four_wheeler_inner .four_wheeler_dess img{width:100%;position: relative; } .container .two_wheeler{width:100%; float: left; position: relative; background-color: #f1f1f1 } .container .two_wheeler .two_wheeler_inner{width:100%; float: left; position: relative; } .container .two_wheeler .two_wheeler_inner .two_wheeler_dess{ margin: 0 auto;position: relative;width: 78%; } //.container .two_wheeler .two_wheeler_inner .two_wheeler_dess{width:100%; float: left; position: relative; } .container .two_wheeler .two_wheeler_inner .two_wheeler_dess img{width:100%; position: relative; } .container .product .product_inner{width:100%; float: left; position: relative;padding: 1% 0 3%; } .bg_e9e9e9e{background: #e9e9e9;} .bg_f1f1f1{background: #f1f1f1;} .bg_494949{background: #494949;} .bg_fff{background: #fff;} .p_rem h1{margin-bottom: 1%} .p_rem p{margin-top: 0} .our_cust .desktop{display: block} .our_cust .mobile{display: none} .four_wheeler_mob_dess{display: none} .two_wheeler_mob_dess{display: none} /*22-3-16*/ .main-content{ max-width:571px; margin:0 auto;} @media screen and (max-width:479px) { .span_hover_desc{ display: none} .openings_desc { width: 62%;} a.cur_aply { width: 35%;} .show_btn {width: 35%;cursor: pointer; float: left; margin-top: 0; position: relative; z-index: 9;} .certificate .pdf_container { float: left; position: relative; width: 33%;} .ui-dialog {left: 5% !important;overflow: hidden;padding: 0.2em;position: absolute !important;top: 84% !important;width: 88% !important;} object{width: 100% !important} .desk_top_slider{display: block} .desk_top_slider .right {background: rgba(221, 220, 218, 0.65) none repeat scroll 0 0;box-shadow: 10px 0 30px rgba(221, 220, 218, 0.65);height: 100%;left: auto;position: absolute;right: 0;top: 0;width: 4%;z-index: 9;} .desk_top_slider .opacity {background: rgba(221, 220, 218, 0.65) none repeat scroll 0 0;box-shadow: 10px 0 30px rgba(221, 220, 218, 0.65);height: 100%;left: 0;position: absolute;top: 0; width: 3%; z-index: 2;} .desk_top_slider .leftarrow {background: rgba(0, 0, 0, 0) url("../images/slider_arrows.png") no-repeat scroll 0 0;display: inline-block;height: 57px;left: 3%;position: absolute;top: 45%;width: 60px;z-index: 3;} .desk_top_slider #sliders .img_content {width: 30%; float: left; } .desk_top_slider #sliders .content1 {width:100%; float: left; position: absolute; top:0; left: -200.0%} .desk_top_slider #sliders .content2 {width: 100%; float: left; position: absolute; top:0; left: -100%} .desk_top_slider #sliders .content3 {width: 100%; float: left; position: absolute; top:0; left: 0%} .desk_top_slider #sliders .content4 {width: 100%; float: left; position: absolute; top:0; left: 100.0%} .desk_top_slider #sliders .content5{width: 100%; float: left; position: absolute; top:0; left: 200.0%} .rightarrow{display: block} .container .quality {background: rgba(0, 0, 0, 0) url("../images/quality_bg.jpg") repeat fixed 24% 104% / 273% auto !important;float: left;position: relative;width: 100%;} .container .enquiry .enquiry_inner{width:100%; float: left; position: relative; padding: 0% 0 0} body .container h1 { font-size: 146%} .mobile_mnu_img {display: block;float: right;padding-top: 3%;width: 37%;} .mobile_mnu_img img {cursor: pointer} body .container .footer span {float: right;padding: 2% 0;width: 100%;} body .inner_container {margin: 0 auto;position: relative;width: 96%;} body .container .banner_desc1 .banner_desc1_inner {float: left;padding: 9% 0;position: relative;text-align: center;width: 100%;} body .container .banner_desc2 .banner_desc2_inner {color: #fff;float: left;padding: 12% 0;position: relative;text-align: center;width: 100%;} body .container .facilities {background: none repeat scroll 0 0 #e1e1e1;display: none;float: left;margin: 0;padding: 0;position: relative;width: 100%;} body .inner_container1 {margin: 0 auto;position: relative;width: 92%;} body .container .header .inner_header .lft {float: left; position: relative;width: 57%;} body .container .header .inner_header .rt {display: block;float: left;position: relative; width: 42%;} body .container .header .inner_header .rt .rt-inner {display: none;float: right;position: relative;width: 85%;} body .container .header .inner_header {float: left;padding: 6.5% 0;position: relative;width: 100%;} body .container .footer {background: none repeat scroll 0 0 #4b8144;color: #fff;float: left;font-size: 79%;margin: 0;padding: 1.5% 0;position: relative;text-align: center; width: 100%;} /* company page*/ .container .about_us .about_us_inner img {display: none; width: 100%;} .slider_top ul li {cursor: pointer; float: left;font-size: 81%;font-weight: bold;list-style: outside none none;margin: 0 3.2%;padding: 4% 0;width: auto;} .container .slider_bot .slider_bot1 {background: url("../images/slider_bot1_bg.jpg") repeat scroll 0 0 / cover rgba(0, 0, 0, 0);float: left;padding: 16.5% 0 3.5%; position: relative;width: 100%;} .container .slider_bot .slider_bot2 {background: url("../images/slider_bot2_bg.jpg") repeat scroll 0 0 / cover rgba(0, 0, 0, 0);float: left;padding: 15% 0 8%;position: relative;width: 100%;} .container .slider_bot .slider_bot3 {background: url("../images/slider_bot3_bg.jpg") repeat scroll 0 0 / cover rgba(0, 0, 0, 0);float: left;padding: 15.5% 0;position: relative;width: 100%;} body .container {float: left;font-size: 87%;margin: 0;padding: 0;position: relative;width: 100%;} .container .slider_bot .slider_bot1 ul li {background: url("../images/li_bg.png") no-repeat scroll 0 30% rgba(0, 0, 0, 0);list-style: outside none none;padding-bottom: 1%;padding-left: 4.5%;} .container .slider_bot .slider_bot2 ul li {background: url("../images/li_bg.png") no-repeat scroll 0 30% rgba(0, 0, 0, 0);list-style: outside none none;padding-bottom: 1%;padding-left: 4.5%;} .container .slider_bot .slider_bot3 ul li {background: url("../images/li_bg.png") no-repeat scroll 0 30% rgba(0, 0, 0, 0);list-style: outside none none;padding-bottom: 1%;padding-left: 4.5%;} .container .global {float: left;position: relative;width: 100%; background: #0a090d;min-height: 0} .container .global_description .global_inner .global_desc .lft {float: left;padding-top: 1%;position: relative;text-align: center;width: 100%;} .container .global_description .global_inner .global_desc .rt .head .rt { float: left;font-size: 79%; margin-top: 4%;position: relative; width: 35%;} .container .global_description .global_inner .global_desc .rt .head .lft {float: left;position: relative;width: 60%;} .container .global_description .global_inner .global_desc .rt {display: block;float: left;padding-top: 4%;position: relative;width: 100%;} .container .mudhra_spec .inner .three_colmns {border-bottom: 1px solid #333;float: left;margin-right: 3%;min-height: 75px;padding-top: 14%;position: relative;width: 100%;} .quality .quality_desc {float: left;margin: 0;text-align: center; width: 100%;} .no_mobile{display: none} .mobile_desc {border-bottom: 1px solid #333;display: block;float: left;padding-bottom: 3%;position: relative;width: 100%;} .container .mudhra_spec .inner .three_colmns .colmns_inner {float: left;margin-right: 3%;padding-top: 5%;width: 48%;} .container .about_us .about_us_inner {float: left;padding-top: 96%;position: relative;width: 100%; padding-bottom: 15%} body .container .header .inner_header .lft img{width: 100%} .mobile_mnu_img img {cursor: pointer;margin-top: 8%; width: 73%;} body .container .header .inner_header .lft img {margin-left: 5%; margin-top: 4%; width: 64%;} /* technology page*/ .container .tech_intro .tech_intro_inner {float: left;padding: 7% 0 13%;position: relative;text-align: center; width: 100%;} .container .tech_intro .tech_intro_inner .p_desc {float: left;margin: 0;position: relative;width: 100%;} .container .stampling .stampling_inner {float: left;padding: 6% 0; position: relative;text-align: center;width: 100%;} .container .stampling .stampling_inner .stampling_content .stampling_content_inner {float: left;margin-right: 3%; padding: 0.65% 0 0;position: relative;text-align: center;width: 95%;} .container .stampling .stampling_inner .stampling_content .stampling_content_inner:last-child {float: left;margin-right: 0;position: relative;text-align: center; width: 100%;} .container .child_parts .child_parts_inner .house_desc .house_desc_inner {float: left;/*font-size: 87%;*/margin-right: 3%;padding-bottom: 0;padding-top: 0%;position: relative;width: 37%;} .stampling_content_inner p {line-height: 148%;text-align: center;} .container .equipt_tool .equipt_tool_inner h1 {margin-bottom: 1%;position: relative;width: 100%;} .container .equipt_tool .equipt_tool_inner {float: left;padding: 12% 0;position: relative;text-align: center;width: 100%;} .container .equipt_tool .equipt_tool_inner p {font-size: 90%;margin-bottom: 0;margin-top: 6%;position: relative;width: 100%} .equipt_tool_inner .eq_tool .lft { float: left; position: relative; width: 100%;} .equipt_tool_inner .eq_tool .rt { float: left; position: relative;width: 100%;} .equipt_tool_inner .eq_tool p.padding_btm{ padding: 0 0 0%} .container .tech_slider .tech_slider_inner .technology_slide ul li {float: left;list-style: outside none none;position: relative; text-align: center;width: 100%; /* border-bottom: 1px solid #ccc;*/} .container .tech_intro {float: left;position: relative;width: 100%; } .container .child_parts .child_parts_inner h1{width:100%; float: left; position: relative; margin-bottom: 4.5%} .container .tech_slider .tech_slider_inner .technology_slide .slide_btn{bottom: 0;display: block; margin: 0 auto !important; position: relative; width: 44%;} .container .tech_slider .tech_slider_inner .technology_slide .slide_btn ul{width: 100%; float: left; position: relative} .container .tech_slider .tech_slider_inner .technology_slide .slide_btn ul li{ background: url("../images/mob_slide_deact.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; cursor: pointer;float: left;padding: 11% 0;width: 13%;} .container .tech_slider .tech_slider_inner .technology_slide .slide_btn ul li.act{ background: url("../images/mob_slide_act.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; cursor: pointer;float: left;padding: 11% 0;width: 13%;} .cntn{padding-bottom: 6%; width: 100%; float: left;padding-bottom: 4% !important;} .cntn li{min-height: 425px} .rotateslider-container{display: none} ul.cntn {display: block} .bike_pt1_img{cursor: pointer;left: 40%; position: absolute !important;top: 10%;width: 18% !important;} .bike_pt2_img{cursor: pointer;position: absolute !important;right: 7%;top: 45%;width: 18% !important;} .bike_pt3_img{ cursor: pointer;left: 0;position: absolute !important;top: 22%;width: 18% !important;} .container .slider_bot .slider_bot1 ul {float: left; margin: 0;padding: 0 0 8% 1%;position: relative; width: 100%;} /* contact page*/ .container .locations .rt a {background: rgba(0, 0, 0, 0) url("../images/print_bg.jpg") no-repeat scroll 0 0;float: right;margin-top: 24%; padding: 24% 66%;} .container .locate_head {float: left;padding: 2% 0 6%;position: relative;width: 100%;} .locate_head .locate_desc_lft {margin-bottom: 0;margin-left: auto;margin-top: 0;position: relative;width: 89%;} .locate_head .locate_desc_rt {float: left;padding: 9.6% 0 0;position: relative;width: 100%;} .container .enquiry .enquiry_inner .lft {float: left;position: relative;text-align: center;width: 100%;} .container .enquiry .enquiry_inner .rt {float: left;padding: 3.6% 0 0;position: relative;width: 100%;} form#enq_frm .fld_cnt {margin: 0 auto;position: relative; float:none;width: 89%;} form#enq_frm .fld_cnt textarea {border: medium none;margin-bottom: 6%;padding: 6% 0 6% 4%;width: 96%;} .container .working {background: rgba(0, 0, 0, 0) url("../images/contact_wrk_bg.jpg") repeat scroll 67% 62%;float: left;position: relative;text-align: center;width: 100%;} form#enq_frm .fld_cnt input {border: medium none;margin-bottom: 6%;padding: 6% 0 6% 4%;width: 96%;} form#enq_frm .fld_cnt.attach_file img {cursor: pointer;left: 15%;position: absolute;top: 3%;z-index: 0;} form#enq_frm .fld_cnt.attach_file { float: left;position: relative;text-align: center;width: 100%;} form#enq_frm .upload-path {color: #666;padding: 1% 0 4%;} /* Product Page*/ .container .our_cust .our_cust_inner .cust_img {background: #fff none repeat scroll 0 0;float: left;margin: 1.3% 0 5%;position: relative;width: 100%;} .our_cust .desktop{display: none} .our_cust .mobile{display: block} .point1{left: 31%;position: absolute !important;top: 31%;width: 5% !important; cursor: pointer} .point2{left: 27%;position: absolute !important;top: 41%;width: 5% !important; cursor: pointer} .point3{left: 21%;position: absolute !important;top: 44%;width: 5% !important; cursor: pointer} .point4{left: 28%;position: absolute !important;top: 53%;width: 5% !important; cursor: pointer} .point5{left: 15%;position: absolute !important;top: 61%;width: 5% !important; cursor: pointer} .point6{left: 53%;position: absolute !important;top: 34%;width: 5% !important; cursor: pointer} .point7{ bottom: 28%;left: 52%;position: absolute !important;width: 5% !important; cursor: pointer} .point8{ bottom: 32%;position: absolute !important; right: 25%;width: 5% !important; cursor: pointer} .point9{bottom: 24%;position: absolute !important;right: 5%;width: 5% !important; cursor: pointer} .point10{bottom: 32%;cursor: pointer;position: absolute !important;right: 18.5%; width: 5% !important;} .pt4_img{cursor: pointer;left: 34%;position: absolute !important;top: 55%;width: 18% !important;} .bike_point1{ cursor: pointer;position: absolute !important;right: 41%;top: 54%;width: 6.5% !important;} .bike_point2{cursor: pointer;position: absolute !important;right: 13%;top: 25%;width: 6.5% !important;} .bike_point3{bottom: 27%;cursor: pointer;left: 18.5%;position: absolute !important;width: 6.5% !important;} .four_wheeler_dess .four_wheeler_mobile{display: none;} .four_wheeler_mob_dess {display: block;margin: 0 auto;position: relative;width: 66%;min-height: 248px;padding-top: 5%;} .four_wheeler_mob_dess img { width: 100%} .two_wheeler_mobile{display: none} .two_wheeler_mob_dess {display: block;margin: 0 auto;position: relative;width: 66%;min-height: 248px;padding-top: 5%;} .two_wheeler_mob_dess img { width: 100%} body .container .header{width: 100%; float: left; position: relative; background: #4b8144; position: fixed} .container .mobile .mobile_inner ul {background: #4b8144 none repeat scroll 0 0;float: right;margin: 0;padding: 23% 0;position: fixed;width: 75%;} p.head_title {padding-top: 0 !important; margin-top: 0;} .container .child_parts .child_parts_inner h4 {float: left;font-size: 108%; margin-bottom: 2.8%;position: relative;width: 100%;} .container .child_parts .child_parts_inner {float: left;padding: 10% 0 14%;position: relative;width: 100%;} .container .working .working_inner {float: left;padding: 2% 0 3%;position: relative;width: 100%;} body .container .advanced_tech .advanced_tech_inner {color: #fff;margin: 0 auto; padding: 3% 0;position: relative;text-align: center;width: 80%;} body .container .advanced_tech {background: rgba(0, 0, 0, 0) url("../images/advanced_tech.jpg") repeat scroll 0 0 / cover ;float: left;margin: 0;padding: 9% 0 11%;position: relative;width: 100%;} .slider_top ul li{margin: 0 1.2%;} } @media screen and (min-width:341px) and (max-width:361px) { .mobile_mnu_img {display: block;float: right;padding-top: 3%; width: 35%;} body .container .header .inner_header .lft img {margin-left: 5%;margin-top: 5%;width: 51%;} .rotateslider-container{display: none} ul.cntn {display: block} .four_wheeler_mob_dess {display: block;margin: 0 auto;position: relative;width: 52%;min-height: 248px;padding-top: 5%;} .four_wheeler_mob_dess img { width: 100%} .two_wheeler_mob_dess {display: block;margin: 0 auto;position: relative;width: 52%;min-height: 248px;padding-top: 5%;} body .container .header{width: 100%; float: left; position: relative; background: #4b8144; position: fixed} .two_wheeler_mob_dess img { width: 100%} .container .mobile .mobile_inner {float: right;padding-top: 26%;position: absolute;top: 0;width: 80%;z-index: 99;} .container .mobile .mobile_inner ul {background: #4b8144 none repeat scroll 0 0;float: right;margin: 0;padding: 23% 0;position: fixed;width: 75%;} p.head_title {padding-top: 0} } @media screen and (min-width:480px) and (max-width:639px) { .span_hover_desc{ display: none} .openings_desc { width: 62%;} a.cur_aply { width: 35%;} .show_btn {width: 35%;cursor: pointer; float: left; margin-top: 0; position: relative; z-index: 9;} .certificate .pdf_container { float: left; position: relative; width: 24%;} .ui-dialog {left: 5% !important;overflow: hidden;padding: 0.2em;position: absolute !important;top: 84% !important;width: 88% !important;} object{width: 100% !important} .desk_top_slider{display: block} .desk_top_slider .right {background: rgba(221, 220, 218, 0.65) none repeat scroll 0 0;box-shadow: 10px 0 30px rgba(221, 220, 218, 0.65);height: 100%;left: auto;position: absolute;right: 0;top: 0;width: 4%;z-index: 9;} .desk_top_slider .opacity {background: rgba(221, 220, 218, 0.65) none repeat scroll 0 0;box-shadow: 10px 0 30px rgba(221, 220, 218, 0.65);height: 100%;left: 0;position: absolute;top: 0; width: 3%; z-index: 2;} .desk_top_slider .leftarrow {background: rgba(0, 0, 0, 0) url("../images/slider_arrows.png") no-repeat scroll 0 0;display: inline-block;height: 57px;left: 3%;position: absolute;top: 45%;width: 60px;z-index: 3;} .desk_top_slider #sliders .img_content {width: 30%; float: left; } .desk_top_slider #sliders .content1 {width:100%; float: left; position: absolute; top:0; left: -200.0%} .desk_top_slider #sliders .content2 {width: 100%; float: left; position: absolute; top:0; left: -100.00%} .desk_top_slider #sliders .content3 {width: 100%; float: left; position: absolute; top:0; left: 0%} .desk_top_slider #sliders .content4 {width: 100%; float: left; position: absolute; top:0; left: 100.0%} .desk_top_slider #sliders .content5{width: 100%; float: left; position: absolute; top:0; left: 200.0%} .container .enquiry .enquiry_inner{width:100%; float: left; position: relative; padding: 0% 0 0} body .container .advanced_tech .advanced_tech_inner {color: #fff;margin: 0 auto; padding: 3% 0;position: relative;text-align: center;width: 80%;} body .container .advanced_tech {background: rgba(0, 0, 0, 0) url("../images/advanced_tech.jpg") repeat scroll 0 0 / cover ;float: left;margin: 0;padding: 9% 0 11%;position: relative;width: 100%;} body .container .header{width: 100%; float: left; position: relative; background: #4b8144} body .container h1 { font-size: 170%} .mobile_mnu_img {display: block;float: right;padding-top: 3%;width: 10%;} .mobile_mnu_img img {cursor: pointer} body .container .header .inner_header .rt .rt-inner {display: none;float: right;position: relative;width: 85%;} body .container .footer span {float: right;padding: 2% 0;width: 100%;} body .inner_container {margin: 0 auto;position: relative;width: 96%;} body .container .banner_desc1 .banner_desc1_inner {float: left;padding: 9% 0;position: relative;text-align: center;width: 100%;} body .container .banner_desc2 .banner_desc2_inner {color: #fff;float: left;padding: 13% 0;position: relative;text-align: center;width: 100%;} body .container .facilities {background: none repeat scroll 0 0 #e1e1e1;display: none;float: left;margin: 0;padding: 0;position: relative;width: 100%;} body .inner_container1 {margin: 0 auto;position: relative;width: 92%;} body .container .header .inner_header .lft {float: left; position: relative;width:43%;} body .container .header .inner_header .rt {display: block;float: left;position: relative; width: 52%;} body .container .header .inner_header {float: left;padding: 2.5% 0;position: relative;width: 100%;} body .container .footer {background: none repeat scroll 0 0 #4b8144;color: #fff;float: left;font-size: 79%;margin: 0;padding: 1.5% 0;position: relative;text-align: center; width: 100%;} p.head_title {padding-top: 0 !important; margin-top: 0;} /* company page*/ .container .about_us .about_us_inner img {display: none; width: 100%;} .slider_top ul li {cursor: pointer; float: left;font-size: 94%;font-weight: bold;list-style: outside none none;margin: 0 5%;padding: 4% 0;width: auto;} .container .slider_bot .slider_bot1 {background: url("../images/slider_bot1_bg.jpg") repeat scroll 0 0 / cover rgba(0, 0, 0, 0);float: left;padding: 12.5% 0 3.5%;position: relative;width: 100%;} .container .slider_bot .slider_bot2 {background: url("../images/slider_bot2_bg.jpg") repeat scroll 0 0 / cover rgba(0, 0, 0, 0);float: left;padding: 13% 0 8%;position: relative;width: 100%;} .container .slider_bot .slider_bot3 {background: url("../images/slider_bot3_bg.jpg") repeat scroll 0 0 / cover rgba(0, 0, 0, 0);float: left;padding: 13.5% 0;position: relative;width: 100%;} body .container {float: left;font-size: 87%;margin: 0;padding: 0;position: relative;width: 100%;} .container .slider_bot .slider_bot1 ul li {background: url("../images/li_bg.png") no-repeat scroll 0 30% rgba(0, 0, 0, 0);list-style: outside none none;padding-bottom: 1%;padding-left: 4.5%;} .container .slider_bot .slider_bot2 ul li {background: url("../images/li_bg.png") no-repeat scroll 0 30% rgba(0, 0, 0, 0);list-style: outside none none;padding-bottom: 1%;padding-left: 4.5%;} .container .slider_bot .slider_bot3 ul li {background: url("../images/li_bg.png") no-repeat scroll 0 30% rgba(0, 0, 0, 0);list-style: outside none none;padding-bottom: 1%;padding-left: 4.5%;} .container .global {float: left;position: relative;width: 100%; background: #0a090d;min-height: 0} .container .global_description .global_inner .global_desc .lft {float: left;padding-top: 1%;position: relative;text-align: center;width: 100%;} .container .global_description .global_inner .global_desc .rt .head .rt { float: left;font-size: 79%; margin-top: 4%;position: relative; width: 35%;} .container .global_description .global_inner .global_desc .rt .head .lft {float: left;position: relative;width: 60%;} .container .global_description .global_inner .global_desc .rt {display: block;float: left;padding-top: 4%;position: relative;width: 100%;} .container .mudhra_spec .inner .three_colmns {border-bottom: 1px solid #333;float: left;margin-right: 3%;min-height: 75px;padding-top: 14%;position: relative;width: 100%;} .quality .quality_desc {float: left;margin: 0;text-align: center; width: 100%;} .no_mobile{display: none} .mobile_desc {border-bottom: 1px solid #333;display: block;float: left;padding-bottom: 3%;position: relative;width: 100%;} .container .mudhra_spec .inner .three_colmns .colmns_inner {float: left;margin-right: 3%;padding-top: 5%;width: 48%;}.mobile_mnu_img img {cursor: pointer;margin-top: 8%; width: 73%;} body .container .header .inner_header .lft img {margin-left: 5%; margin-top: 4%; width: 64%;}.mobile_mnu_img {display: block;float: right;padding-top: 3%;width: 19%;} body .container .header .inner_header .rt {display: block;float: left;position: relative;width: 54%;} body .container .header .inner_header .lft img {margin-left: 5%;margin-top: 4%;width: 56%;} /* technology page*/ .container .tech_intro .tech_intro_inner {float: left;padding: 6% 0 9%;position: relative;text-align: center; width: 100%;} .container .tech_intro .tech_intro_inner .p_desc {float: left;margin: 0;position: relative;width: 100%;} .container .stampling .stampling_inner {float: left;padding: 6% 0; position: relative;text-align: center;width: 100%;} .container .stampling .stampling_inner .stampling_content .stampling_content_inner {float: left;margin-right: 3%; padding: 0% 0 0;position: relative;text-align: center;width: 95%;} .container .stampling .stampling_inner .stampling_content .stampling_content_inner:last-child {float: left;margin-right: 0;position: relative;text-align: center; width: 100%;} .container .child_parts .child_parts_inner .house_desc .house_desc_inner {float: left;font-size: 87%;margin-right: 3%;padding-bottom: 0;padding-top: 4%;position: relative;width: 24%;} .container .equipt_tool .equipt_tool_inner h1 {margin-bottom: 1%;position: relative;width: 100%;} .container .equipt_tool .equipt_tool_inner {float: left;padding: 4% 0 6%;position: relative;text-align: center;width: 100%;} .container .equipt_tool .equipt_tool_inner p {font-size: 90%;margin-bottom: 0;margin-top: 6%;position: relative;width: 100%} .equipt_tool_inner .eq_tool .lft { float: left; position: relative; width: 100%;} .equipt_tool_inner .eq_tool .rt { float: left; position: relative;width: 100%;} .equipt_tool_inner .eq_tool p.padding_btm{ padding: 0 0 0%} .container .tech_slider .tech_slider_inner .technology_slide ul li {float: left;list-style: outside none none;position: relative;text-align: center;width: 100%; } .container .tech_intro {float: left;position: relative;width: 100%; } .container .child_parts .child_parts_inner h1{width:100%; float: left; position: relative; margin-bottom: 4.5%} .rotateslider-container{display: none} ul.cntn {display: block} .container .tech_slider .tech_slider_inner .technology_slide .slide_btn {bottom: 0;display: block;margin: 0 auto !important;position: relative;width: 44%;} .container .tech_slider .tech_slider_inner .technology_slide .slide_btn ul {float: left;padding: 17% 0 0;position: relative;width: 100%;} /* contact page*/ .container .locations .rt a {background: rgba(0, 0, 0, 0) url("../images/print_bg.jpg") no-repeat scroll 0 0;float: right;margin-top: 24%; padding: 24% 66%;} .container .locate_head {float: left;padding: 2% 0 6%;position: relative;width: 100%;} .locate_head .locate_desc_lft {margin-bottom: 0;margin-left: auto;margin-top: 0;position: relative;width: 89%;} .locate_head .locate_desc_rt {float: left;padding: 9.6% 0 0;position: relative;width: 100%;} .container .enquiry .enquiry_inner .lft {float: left;position: relative;text-align: center;width: 100%;} .container .enquiry .enquiry_inner .rt {float: left;padding: 3.6% 0 0;position: relative;width: 100%;} form#enq_frm .fld_cnt {margin: 0 auto;position: relative; float:none;width: 89%;} form#enq_frm .fld_cnt textarea {border: medium none;margin-bottom: 6%;padding: 6% 0 6% 4%;width: 95%;} .container .working {background: rgba(0, 0, 0, 0) url("../images/contact_wrk_bg.jpg") repeat fixed 0 0 / cover ;float: left;position: relative;text-align: center;width: 100%;} form#enq_frm .fld_cnt input {border: medium none;margin-bottom: 6%;padding: 6% 0 6% 4%;width: 96%;} form#enq_frm .fld_cnt.attach_file img {cursor: pointer;left: 15%;position: absolute;top: 3%;z-index: 0;} form#enq_frm .fld_cnt.attach_file { float: left;position: relative;text-align: center;width: 100%;} form#enq_frm .upload-path {color: #666;padding: 1% 0 4%;} /* Product Page*/ .container .our_cust .our_cust_inner .cust_img {background: #fff none repeat scroll 0 0;float: left;margin: 1.3% 0 5%;position: relative;width: 100%;} .our_cust .desktop{display: none} .our_cust .mobile{display: block} .bike_pt1_img{cursor: pointer;left: 40%; position: absolute !important;top: 10%;width: 20% !important;} .bike_pt2_img{cursor: pointer;position: absolute !important;right: 7%;top: 32%;width: 20% !important;} .bike_pt3_img{ cursor: pointer;left: 0;position: absolute !important;top: 22%;width: 20% !important;} .point1{left: 31%;position: absolute !important;top: 31%;width: 4% !important; cursor: pointer} .point2{left: 27%;position: absolute !important;top: 41%;width: 4% !important; cursor: pointer} .point3{left: 21%;position: absolute !important;top: 44%;width: 4% !important; cursor: pointer} .point4{left: 28%;position: absolute !important;top: 53%;width: 4% !important; cursor: pointer} .point5{left: 15%;position: absolute !important;top: 61%;width: 4% !important; cursor: pointer} .point6{left: 53%;position: absolute !important;top: 34%;width: 4% !important; cursor: pointer} .point7{ bottom: 28%;left: 52%;position: absolute !important;width: 4% !important; cursor: pointer} .point8{ bottom: 32%;position: absolute !important; right: 25%;width: 4% !important; cursor: pointer} .point9{bottom: 24%;position: absolute !important;right: 5%;width: 4% !important; cursor: pointer} .point10{bottom: 32%;cursor: pointer;position: absolute !important;right: 18.5%;width: 4% !important;} .pt4_img{cursor: pointer;left: 34%;position: absolute !important;top: 55%;width: 18% !important;} .bike_point1{ cursor: pointer;position: absolute !important;right: 41%;top: 54%;width: 5% !important;} .bike_point2{cursor: pointer;position: absolute !important;right: 13%;top: 25%;width: 5% !important;} .bike_point3{bottom: 27%;cursor: pointer;left: 18.5%;position: absolute !important;width: 5% !important;} .four_wheeler_dess .four_wheeler_mobile{display: none;} .four_wheeler_mob_dess { display: block;margin: 0 auto;position: relative;width: 42%;min-height: 248px; padding-top: 5%} .four_wheeler_mob_dess img { width: 100%} .two_wheeler_mob_dess {display: block;margin: 0 auto;position: relative;width: 42%;min-height: 248px;padding-top: 5%;} .two_wheeler_mob_dess img { width: 100%} .container .mobile .mobile_inner { float: right;padding-top: 16%;position: absolute;top: 0;width: 80%;z-index: 99;} body .container .header{width: 100%; float: left; position: relative; background: #4b8144; position: fixed} .container .mobile .mobile_inner ul { background: #4b8144 none repeat scroll 0 0;float: right;margin: 0;padding: 17% 0;position: fixed;width: 75%;} .container .child_parts .child_parts_inner {float: left;padding: 5% 0 8%;position: relative;width: 100%;} .slider_top ul li { margin: 0 4%;} } @media screen and (min-width:640px) and (max-width:767px) { .openings_desc { width: 62%;} a.cur_aply { width: 35%;} .show_btn {width: 20%;cursor: pointer; float: left; margin-top: 0; position: relative; z-index: 9;} .img_content img{width:100%} .container .mobile .mobile_inner ul {background: #4b8144 none repeat scroll 0 0;float: right;margin: 0;padding: 14% 0 0;position: fixed;width: 75%; } .container .mobile .mobile_inner {float: right;padding: 12% 0 0;position: absolute;top: 0;width: 80%;z-index: 99;} body .container .header{width: 100%; float: left; position: relative; background: #4b8144; position: fixed} body .inner_container {margin: 0 auto;position: relative;width: 92%;} .mobile_mnu_img {display: block;float: right;padding-top: 3%;width: 10%;} .mobile_mnu_img img {cursor: pointer; width: 63%} body .container .header .inner_header .rt .rt-inner {display: none;float: right;position: relative;width: 85%;} .mobile_mnu_img {display: block;float: right;padding-top: 3%;width: 10%;} body .container .header .inner_header .rt .rt-inner {display: none;float: right;position: relative;width: 85%;} body .container .header .inner_header .lft {float: left; position: relative;width: 28%;} body .container .header .inner_header .rt {display: block;float: left;position: relative; width: 70%;} body .inner_container1 {margin: 0 auto;position: relative;width: 96%;} body .container .banner_desc1 .banner_desc1_inner {float: left;padding: 2% 0;position: relative;text-align: center;width: 100%;} body .container .banner_desc2 .banner_desc2_inner {float: left;padding: 2% 0 3%;position: relative;text-align: center;width: 100%;} body .container .facilities .facilities_inner .facilities_desc {float: left;margin: 0 2% 0 0;min-height: 465px;padding: 0;position: relative;width: 48%;} body .container .footer span {float: right;width: 100%;} body .container .footer {background: none repeat scroll 0 0 #4b8144;color: #fff;float: left;margin: 0;padding: 1.5% 0 4%;position: relative;text-align: center;width: 100%;} body .container .facilities .facilities_inner .facilities_desc .bot {background: #fafafa none repeat scroll 0 0;float: left;margin: -5px 0 0; min-height: 161px; padding: 0; position: relative;width: 100%;} body .container .facilities .facilities_inner .facilities_desc .bot .bot_inner p {font-size: 100%;} body .container .footer span {float: right;padding-top: 1%; width: 100%;} .container .quality {background: rgba(0, 0, 0, 0) url("../images/quality_bg.jpg") repeat fixed 63% 104% / 185% auto !important;float: left;position: relative; width: 100%;} /* company page*/ .container .global {float: left;position: relative;width: 100%; min-height: 342px} .container .about_us .about_us_inner img {display: none;width: 100%;} .pad_top4 { padding-top: 0; margin-top:0} .slider_top ul li {cursor: pointer;float: left;font-weight: bold;list-style: outside none none;margin: 0 7.5%;padding: 2% 0;width: auto;} .container{font-size: 85%} .container .slider_bot .slider_bot1 ul li {background: url("../images/li_bg.png") no-repeat scroll 0 30% rgba(0, 0, 0, 0);list-style: outside none none;padding-bottom: 1%;padding-left: 2.5%;} .container .slider_bot .slider_bot1 {background: url("../images/slider_bot1_bg.jpg") repeat scroll 0 0 / cover rgba(0, 0, 0, 0);float: left;padding: 7.5% 0 3.5%;position: relative;width: 100%;} .container .slider_bot .slider_bot2 {background: url("../images/slider_bot2_bg.jpg") repeat scroll 0 0 / cover rgba(0, 0, 0, 0);float: left;padding: 7% 0 8%;position: relative;width: 100%;} body .container .header .inner_header .lft img {margin-left: 5%; margin-top: 4%; width: 64%;} .mobile_mnu_img {display: block;float: right;padding-top: 4%;width: 14%;} body .container .header .inner_header .rt {display: block;float: left;position: relative;width: 72%;} body .container .header .inner_header .lft img {margin-left: 5%;margin-top: 7%;width: 71%;} body .container .advanced_tech .advanced_tech_inner {color: #fff;margin: 0 auto;padding: 0;position: relative;text-align: center;width: 80%;} body .container .advanced_tech {background: rgba(0, 0, 0, 0) url("../images/advanced_tech.jpg") repeat scroll 0 0 / cover ; float: left;margin: 0;padding: 2% 0 4%;position: relative;width: 100%;} .container .slider_bot .slider_bot1 ul {float: left;margin: 0;padding: 0 0 5% 1%;position: relative;width: 100%;} .container .mudhra_spec {background: #0a090d none repeat scroll 0 0; float: left;padding: 0 0 8%;position: relative;width: 100%;} .container .tech_slider {background: #e9e9e9 none repeat scroll 0 0;float: left;min-height: 0; position: relative;width: 100%;} .container .child_parts .child_parts_inner {float: left; padding: 5% 0 9%;position: relative; width: 100%;} /* technology page*/ .container .tech_intro .tech_intro_inner {float: left;padding: 6% 0 8%;position: relative;text-align: center; width: 100%;} .container .tech_intro .tech_intro_inner .p_desc {float: left;margin: 0;position: relative;width: 100%;} .container .stampling .stampling_inner {float: left;padding: 6% 0; position: relative;text-align: center;width: 100%;} .container .stampling .stampling_inner .stampling_content .stampling_content_inner {float: left;margin-right: 3%; padding: 0% 0 0;position: relative;text-align: center;width: 95%;} .container .stampling .stampling_inner .stampling_content .stampling_content_inner:last-child {float: left;margin-right: 0;position: relative;text-align: center; width: 100%;} .container .child_parts .child_parts_inner .house_desc .house_desc_inner {float: left;font-size: 87%;margin-right: 3%;padding-bottom: 0;padding-top: 0.5%;position: relative;width: 22%;} .container .equipt_tool .equipt_tool_inner h1 {margin-bottom: 1%;position: relative;width: 100%;} .container .equipt_tool .equipt_tool_inner {float: left;padding: 6% 0 8%;position: relative;text-align: center;width: 100%;} .container .equipt_tool .equipt_tool_inner p {font-size: 90%;margin-bottom: 0;margin-top: 3%;position: relative;width: 100%} .equipt_tool_inner .eq_tool .lft { float: left; position: relative; width: 100%;} .equipt_tool_inner .eq_tool .rt { float: left; position: relative;width: 100%;} .equipt_tool_inner .eq_tool p.padding_btm{ padding: 0 0 0%} .container .child_parts .child_parts_inner h1{width:100%; float: left; position: relative; margin-bottom: 4.5%} .rotateslider-item img{width: 100%} .rotateslider-container .rotateslider-item {/*filter: blur(5px);*/left: 50% ;opacity: 0;position: absolute; top: 50% ;transform: translateY(-50%) translateX(-50%) scale(0.6);transition: all 0.3s ease 0s;width: 39% !important;} .rotateslider-container .arrow.right { background: rgba(0, 0, 0, 0) url("../images/tech_slider_rt.png") no-repeat scroll 0 0 / 33% auto !important;height: 81px;right: 141px !important;top: 40% !important;} .rotateslider-container .arrow.left {background: rgba(0, 0, 0, 0) url("../images/tech_slider_left.png") no-repeat scroll 0 0 / 33% auto !important;height: 81px !important;left: 171px !important;top: 40% !important;} .rotateslider-container .rotateslider-item.prev {left: 14% !important;opacity: 0.5;} .rotateslider-item.prev .slide_desc {width: 99%;} .container .enquiry .enquiry_inner{width:100%; float: left; position: relative; padding: 0% 0 0} .container .working .working_inner {float: left;padding: 5% 0 6%;position: relative;width: 100%;} .container .locations {float: left;padding: 3% 0 11%;position: relative;width: 100%;} /* conatct page*/ .container .locations .rt a {background: rgba(0, 0, 0, 0) url("../images/print_bg.jpg") no-repeat scroll 0 0;float: right;margin-top: 19%;padding: 13% 31%;} .locate_head .des_lft {float: left; margin-right: 4%;position: relative; width: 11%;} .container .enquiry .enquiry_inner .lft {float: left;position: relative;width: 100%; } .container .enquiry .enquiry_inner .rt {float: left;padding: 3.6% 0 0;position: relative;width: 100%;} form#enq_frm .fld_cnt textarea {border: medium none;margin-bottom: 6%;padding: 6% 0 6% 4%;width: 90%;} form#enq_frm .fld_cnt.attach_file img {cursor: pointer;left: 15%;position: absolute;top: 3%;z-index: 0;} /** Poduct Page */ .container .our_cust .our_cust_inner .cust_img {background: #fff none repeat scroll 0 0; float: left;margin: 1.3% 0 2.5%;position: relative;width: 100%;} .bike_pt1_img{cursor: pointer;left: 40%; position: absolute !important;top: 10%;width: 25% !important;} .bike_pt2_img{cursor: pointer;position: absolute !important;right: 7%;top: 32%;width: 25% !important;} .bike_pt3_img{ cursor: pointer;left: 0;position: absolute !important;top: 22%;width: 25% !important;} .point1{left: 31%;position: absolute !important;top: 31%;width: 3% !important; cursor: pointer} .point2{left: 27%;position: absolute !important;top: 41%;width: 3% !important; cursor: pointer} .point3{left: 21%;position: absolute !important;top: 44%;width: 3% !important; cursor: pointer} .point4{left: 28%;position: absolute !important;top: 53%;width: 3% !important; cursor: pointer} .point5{left: 15%;position: absolute !important;top: 61%;width: 3% !important; cursor: pointer} .point6{left: 53%;position: absolute !important;top: 34%;width: 3% !important; cursor: pointer} .point7{ bottom: 28%;left: 52%;position: absolute !important;width: 3% !important; cursor: pointer} .point8{ bottom: 32%;position: absolute !important; right: 25%;width: 3% !important; cursor: pointer} .point9{bottom: 24%;position: absolute !important;right: 5%;width: 3% !important; cursor: pointer} .point9{bottom: 24%;position: absolute !important;right: 5%;width: 3% !important; cursor: pointer} .point10{bottom: 32%;cursor: pointer;position: absolute !important;right: 19.5%;width: 3% !important;} .pt4_img{cursor: pointer;left: 34%;position: absolute !important;top: 55%;width: 18% !important;} .bike_point1{ cursor: pointer;position: absolute !important;right: 41%;top: 54%;width: 4% !important;} .bike_point2{cursor: pointer;position: absolute !important;right: 13%;top: 25%;width: 4% !important;} .bike_point3{bottom: 27%;cursor: pointer;left: 18.5%;position: absolute !important;width: 4% !important;} body .container .header .inner_header {float: left;padding: 1% 0 3%;position: relative;width: 100%;} .rotateslider-container .rotateslider-item {left: 50%; opacity: 0; position: absolute; top: 50%;transform: translateY(-50%) translateX(-50%) scale(0.6) !important; transition: all 0.3s ease 0s;} .rotateslider-container .rotateslider-item.next {left: 86% !important;opacity: 0.5;} .rotateslider-container .rotateslider-item.now {left: 48%;opacity: 1;top: 50%;transform: translateY(-51%) translateX(-45%) scale(0.9) !important; width: 37%;} .certificate .pdf_container { float: left; position: relative; width: 18%;} .ui-dialog {left: 5% !important;overflow: hidden;padding: 0.2em;position: absolute !important;top: 84% !important;width: 88% !important;} object{width: 100% !important} } @media screen and (min-width:768px) and (max-width:1023px) { .openings_desc { width: 62%;} a.cur_aply { width: 35%;} .show_btn {width: 35%;} .certificate .pdf_container { float: left; position: relative; width: 18%;} .ui-dialog {left: 5% !important;overflow: hidden;padding: 0.2em;position: absolute !important;top: 84% !important;width: 88% !important;} object{width: 100% !important} .img_content img{width:100%} .container .company_facilities .company_facilities_inner {float: left;padding: 2% 0 4%; position: relative; width: 100%;} .rotateslider-item img{width: 100%} .rotateslider-container .rotateslider-item {left: 50% ;opacity: 0;position: absolute; top: 50% ;transform: translateY(-50%) translateX(-50%) scale(0.6);transition: all 0.3s ease 0s;width: 39% !important;} .rotateslider-container .arrow.right {background: rgba(0, 0, 0, 0) url("../images/tech_slider_rt.png") no-repeat scroll 0 0 / 40% auto !important;height: 81px;right: 180px !important;top: 40% !important;} .rotateslider-container .arrow.left {background: rgba(0, 0, 0, 0) url("../images/tech_slider_left.png") no-repeat scroll 0 0 / 40% auto !important;height: 81px !important;left: 192px !important;top: 40% !important;} .rotateslider-container .rotateslider-item.prev {left: 14% !important;opacity: 0.5;} .rotateslider-item.prev .slide_desc {width: 99%;} body .container .banner_desc1 {background: rgba(0, 0, 0, 0) url("../images/index_banner1.jpg") repeat scroll 0 0 / cover !important;float: left;min-height: 311px !important;position: relative;width: 100%;} body .container .banner_desc2 {background: rgba(0, 0, 0, 0) url("../images/index_banner2.jpg") repeat scroll 0 0 / cover !important;float: left;min-height: 311px !important;position: relative;width: 100%;} body .container .advanced_tech .advanced_tech_inner {color: #fff;margin: 0 auto;padding: 0;position: relative;text-align: center;width: 80%;} body .container .advanced_tech { background: rgba(0, 0, 0, 0) url("../images/advanced_tech.jpg") repeat scroll 0 0 / cover ;float: left; margin: 0; min-height: 311px !important; padding: 0 0;position: relative;width: 100%;} body .container .facilities .facilities_inner .facilities_desc .bot {background: #fafafa none repeat scroll 0 0;float: left;margin: -5px 0 0;min-height: 310px !important;padding: 0;position: relative; width: 100%;} .container .locations .rt a {background: rgba(0, 0, 0, 0) url("../images/print_bg.jpg") no-repeat scroll 0 0; float: right; margin-top: 15%;padding: 10% 29%;} /* conatct page*/ .locate_head .des_lft { float: left; margin-right: 4%;position: relative;width: 11%;} .container .enquiry .enquiry_inner .lft {float: left;position: relative;width: 100%;} .container .enquiry .enquiry_inner .rt {float: left;padding: 3.6% 0 0;position: relative;width: 100%;} form#enq_frm .fld_cnt textarea {border: medium none;margin-bottom: 6%;padding: 6% 37% 6% 5%;} form#enq_frm .fld_cnt input#txtSubmit {background: rgba(0, 0, 0, 0) url("../images/submit_bg.jpg") no-repeat scroll 36% 3%;border: medium none;cursor: pointer;margin-bottom: 6%;padding: 6% 42.5% 4%;} .bike_pt1_img{cursor: pointer;left: 40%; position: absolute !important;top: 10%;width: 24% !important;} .bike_pt2_img{cursor: pointer;position: absolute !important;right: 7%;top: 32%;width: 24% !important;} .bike_pt3_img{ cursor: pointer;left: 0;position: absolute !important;top: 22%;width: 24% !important;} .container .quality .quality_inner {float: left;padding: 3% 0 6% !important;position: relative;width: 100%;} .rotateslider-container .rotateslider-item {left: 50%; opacity: 0; position: absolute; top: 50%;transform: translateY(-50%) translateX(-50%) scale(0.6) !important; transition: all 0.3s ease 0s;} .rotateslider-container .rotateslider-item.next {left: 86% !important;opacity: 0.5;} .rotateslider-container .rotateslider-item.now {left: 48%;opacity: 1;top: 50%;transform: translateY(-51%) translateX(-45%) scale(0.9) !important; width: 37%;} } @media screen and (min-width:781px) and (max-width:981px) { .rotateslider-container .arrow.right {background: rgba(0, 0, 0, 0) url("../images/tech_slider_rt.png") no-repeat scroll 0 0 / 40% auto !important;height: 81px;right: 230px !important;top: 40% !important;} .rotateslider-container .arrow.left {background: rgba(0, 0, 0, 0) url("../images/tech_slider_left.png") no-repeat scroll 0 0 / 40% auto !important;height: 81px !important;left: 241px !important;top: 40% !important;} .rotateslider-item.prev .slide_desc {width: 99%;} } @media screen and (min-width:768px) and (max-width:1100px) { .img_content img{width:100%} .container .locations {float: left;min-height: 720px !important;padding: 3% 0 0; position: relative; width: 100%;} .container .enquiry .enquiry_inner {float: left; padding: 1% 0 0;position: relative;width: 100%;} .container .enquiry {float: left;min-height: 582px !important;padding: 2% 0;position: relative;width: 100%;} .container .working {background: rgba(0, 0, 0, 0) url("../images/contact_wrk_bg.jpg") repeat fixed center 0 / cover ;float: left; min-height: 450px !important; position: relative;width: 100%;} .container .tech_intro {background: rgba(0, 0, 0, 0) url("../images/tech_bg1.jpg") repeat scroll 0 0 / cover ;float: left;min-height: 500px !important;position: relative;width: 100%;} .container .stampling {background: rgba(0, 0, 0, 0) url("../images/stampling_bg.jpg") repeat scroll 0 0 / cover ;float: left;min-height: 757px !important;position: relative;width: 100%;} .container .child_parts {background: rgba(0, 0, 0, 0) url("../images/child_bg.jpg") repeat scroll 0 0 / cover ;float: left;min-height: 639px !important;position: relative;width: 100%;} .container .equipt_tool {background: rgba(0, 0, 0, 0) url("../images/equip_tool.jpg") repeat scroll 0 0 / cover ;float: left;min-height: 522px !important; position: relative;width: 100%;} body .container .banner_desc1 {background: rgba(0, 0, 0, 0) url("../images/index_banner1.jpg") repeat scroll 0 0 / cover !important;float: left;min-height: 311px !important;position: relative;width: 100%;} body .container .banner_desc2 {background: rgba(0, 0, 0, 0) url("../images/index_banner2.jpg") repeat scroll 0 0 / cover !important;float: left;min-height: 311px !important;position: relative;width: 100%;} body .container .advanced_tech .advanced_tech_inner {color: #fff;margin: 0 auto;padding: 0;position: relative;text-align: left;width: 100%;} body .container .advanced_tech .advanced_tech_inner br{ display:none} body .container .advanced_tech { background: rgba(0, 0, 0, 0) url("../images/advanced_tech.jpg") repeat scroll 0 0 / cover ;float: left; margin: 0; min-height: 311px !important; padding: 0 0;position: relative;width: 100%;} body .container .facilities .facilities_inner .facilities_desc .bot {background: #fafafa none repeat scroll 0 0;float: left;margin: -5px 0 0;min-height: 249px !important;padding: 0;position: relative; width: 100%;} .container .locations .rt a {background: rgba(0, 0, 0, 0) url("../images/print_bg.jpg") no-repeat scroll 0 0; float: right; margin-top: 15%;padding: 10% 29%;} .container .quality {background: rgba(0, 0, 0, 0) url("../images/quality_bg.jpg") repeat fixed 63% 104% / 168% auto !important;float: left;position: relative;width: 100%;} .nav_bg{display: none} .container .mobile {display: none;float: left;position: relative;width: 100%;} body .inner_container {margin: 0 auto;position: relative;width: 96%;} body .container .header .inner_header .rt .rt-inner {float: right;position: relative;width: 100%;} body .container .header .inner_header .rt .rt-inner ul {float: right;margin: 3% 0 0;padding: 0;position: relative;width: 100%;} body .inner_container1 { margin: 0 auto;position: relative;width: 94%;} body .container .banner_desc1 .banner_desc1_inner {float: left; padding: 2% 0;position: relative;text-align: left;width: 100%;} body .container .banner_desc2 .banner_desc2_inner {float: left;padding: 2% 0 3%;position: relative;text-align: left;width: 100%;} body .container .facilities .facilities_inner .facilities_desc .bot {background: none repeat scroll 0 0 #fafafa;float: left; margin: -5px 0 0; min-height: 290px;padding: 0;position: relative;width: 100%;} body .container .header .inner_header .rt .rt-inner ul li {background: none;float: left;font-size: 85%;list-style: outside none none;margin-right: 2%;padding: 1% 4%;width: auto;} /* company page*/ .slider_top ul li {cursor: pointer;float: left;font-weight: bold;list-style: outside none none;margin: 0 7.5%;padding: 2% 0;width: auto;} .container .global {float: left;position: relative;width: 100%; min-height: 443px; padding:0} .container .slider_bot .slider_bot1 {background: url("../images/slider_bot1_bg.jpg") repeat scroll 0 0 / cover rgba(0, 0, 0, 0);float: left;padding: 7.5% 0 3.5%;position: relative;width: 100%;} .container .slider_bot .slider_bot2 {background: url("../images/slider_bot2_bg.jpg") repeat scroll 0 0 / cover rgba(0, 0, 0, 0);float: left;padding: 7% 0 8%;position: relative;width: 100%;} body .container .footer span {float: right;width: 34%;} /* technology page*/ .container .child_parts .child_parts_inner .house_desc .house_desc_inner {float: left; font-size: 87%; margin-right: 3%; position: relative;width: 18%;} .container .child_parts .child_parts_inner h1{width:100%; float: left; position: relative; margin-bottom: 3.5%} /* contact page*/ form#enq_frm .fld_cnt textarea {border: medium none;margin-bottom: 6%;padding: 6% 0 6% 4%;width: 91%;} .bike_pt1_img{cursor: pointer;left: 40%; position: absolute !important;top: 10%;width: 24% !important;} .bike_pt2_img{cursor: pointer;position: absolute !important;right: 7%;top: 32%;width: 24% !important;} .bike_pt3_img{ cursor: pointer;left: 0;position: absolute !important;top: 22%;width: 24% !important;} .rotateslider-container .rotateslider-item {left: 50%; opacity: 0; position: absolute; top: 50%;transform: translateY(-50%) translateX(-50%) scale(0.6) !important; transition: all 0.3s ease 0s;} .rotateslider-container .rotateslider-item.next {left: 86% !important;opacity: 0.5;} .rotateslider-container .rotateslider-item.now {left: 48%;opacity: 1;top: 50%;transform: translateY(-51%) translateX(-45%) scale(0.9) !important; width: 37%;} .pad_top4 { padding-top: 2%; } } @media screen and (min-width:1024px) and (max-width:1045px) { .container .company_facilities .company_facilities_inner {float: left; padding: 1% 0 2%;position: relative; width: 100%;} .container .enquiry {float: left;min-height: 352px !important;padding: 2% 0;position: relative;width: 100%;} body .container .facilities .facilities_inner .facilities_desc .bot {background: #fafafa none repeat scroll 0 0;float: left;margin: -5px 0 0;min-height: 214px !important;padding: 0;position: relative;width: 100%;} } @media screen and (min-width:1555px) and (max-width:1580px) { .show_btn {cursor: pointer; float: right; margin-top: -4.5%; width: 19%;} /* //.show_btn { cursor: pointer; float: right; margin-top: -3%; width: 19%;} //.show_btn {width: 10.5%;}*/ body .container .facilities .facilities_inner .facilities_desc .bot { background: #fafafa none repeat scroll 0 0; float: left;margin: -5px 0 0;min-height: 205px;padding: 0; position: relative;width: 100%;} .container .company_facilities .company_facilities_inner {float: left;padding: 3% 0 2%;position: relative;width: 100%;} } @media screen and (min-width:1101px) and (max-width:1290px) { .img_content img{width:100%} .slider_top ul li {cursor: pointer;float: left;font-weight: bold;list-style: outside none none;margin: 0 9.5%;padding: 2% 0;width: auto;} body .container .header .inner_header .rt .rt-inner ul {float: right;position: relative; width: 100%;} body .container .header .inner_header .rt .rt-inner ul li {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;float: left;font-size: 91%;list-style: outside none none; margin-right: 2.5%;padding: 1.5% 3.5%;width: auto;} .bike_pt1_img{cursor: pointer;left: 40%; position: absolute !important;top: 10%;width: 24% !important;} .bike_pt2_img{cursor: pointer;position: absolute !important;right: 7%;top: 32%;width: 24% !important;} .bike_pt3_img{ cursor: pointer;left: 0;position: absolute !important;top: 22%;width: 24% !important;} body .container .facilities .facilities_inner .facilities_desc .bot {background: #fafafa none repeat scroll 0 0;float: left;margin: -5px 0 0;min-height: 214px;padding: 0;position: relative;width: 100%;} .container .company_facilities .company_facilities_inner {float: left;padding: 3% 0 2%;position: relative;width: 100%;} } @media screen and (min-width:1700px) and (max-width:1921px) { .show_btn { cursor: pointer; float: right; margin-top:-0.8%; width: 19%;} /* .show_btn {width: 8.5%;}*/ body .container {float: left;font-size: 97%;margin: 0;padding: 0;position: relative;width: 100%;} .locate_desc_lft .inner{width:100%; float: left; position: relative;padding-bottom: 5%;} .rotateslider-container .rotateslider-item.prev {left: 28%;opacity: 0.5;} .rotateslider-item.prev .slide_desc {width: 36%;} .rotateslider-container .rotateslider-item.prev {left: 29% !important;opacity: 0.5;} .rotateslider-container .arrow.right {background: rgba(0, 0, 0, 0) url("../images/tech_slider_rt.png") no-repeat scroll 0 0;height: 81px;right: 347px !important; top: 42% !important;} .rotateslider-container .arrow.left {background: rgba(0, 0, 0, 0) url("../images/tech_slider_left.png") no-repeat scroll 0 0;height: 81px;left: 365px !important; top: 42% !important;} .rotateslider-item.now img{margin-left: 12%;} .container .tech_slider {background: #e9e9e9 none repeat scroll 0 0;float: left; min-height: 0;position: relative;width: 100%;} .desk_top_slider {float: left; overflow: hidden; padding: 4% 0 9%; position: relative; width: 100%;} .container .slider_bot .slider_bot3 {background: rgba(0, 0, 0, 0) url("../images/slider_bot3_bg.jpg") repeat scroll 0 0 / cover ; float: left;padding: 4.5% 0 7.5%;position: relative;width: 100%;} .bike_pt1_img{cursor: pointer;left: 40%; position: absolute !important;top: 10%;width: 24% !important;} .bike_pt2_img{cursor: pointer;position: absolute !important;right: 7%;top: 32%;width: 24% !important;} .bike_pt3_img{ cursor: pointer;left: 0;position: absolute !important;top: 22%;width: 24% !important;} body .container .footer{width: 100%; float: left; padding: 0; margin: 0;position: relative;background: #4b8144; color: #fff; padding:0.5% 0; font-size: 90%} .container .global_description .global_inner .global_desc .lft p.head_title {padding-top: 0%;} .container .global_description .global_inner .global_desc .lft {float: left;margin-right: 11%;padding-top: 1%;position: relative; width: 39%;} /*// .special.parallax{background-size: 100% !important;}*/ .container .quality {background: rgba(0, 0, 0, 0) url("../images/quality_bg.jpg") repeat fixed 0 100% / 100% auto !important;float: left;position: relative;width: 100%;} body .container .facilities .facilities_inner .facilities_desc .bot {background: #fafafa none repeat scroll 0 0;float: left;margin: -5px 0 0;min-height: 177px;padding: 0;position: relative;width: 100%;} .container .global {background: rgba(0, 0, 0, 0) url("../images/global_bg.jpg") repeat scroll 0 0 / cover ;float: left;min-height: 991px;position: relative; width: 100%;} body .container .footer span {float: right; width: 18%;} form#enq_frm .fld_cnt input { border: medium none; margin-bottom: 6%;padding: 6% 0 6% 4%;width: 91%;} form#enq_frm .fld_cnt input#txtSubmit {background: rgba(0, 0, 0, 0) url("../images/submit_bg.jpg") repeat scroll 36% 3%;border: medium none;cursor: pointer; margin-bottom: 6%;padding: 6% 46% 1%; width: 95%;} body .container .header .inner_header .rt .rt-inner ul li {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;float: left; list-style: outside none none;margin-right: 2.5%;padding: 1.5% 5.58%;width: auto;} .container .locations .rt {float: left;margin-top: -1%;position: relative;width: 24%;} .container .locations .rt a {background: rgba(0, 0, 0, 0) url("../images/print_bg.jpg") no-repeat scroll 0 0;float: right; margin-top: 15%;padding: 8% 14%;} .container .locations .lft {float: left;margin-right: 6%; position: relative;width: 68%;} .container .company_facilities .company_facilities_inner {float: left;padding: 3% 0 2%;position: relative;width: 100%;} } @media screen and (min-width:1359px) and (max-width:1385px) { body .container .header .inner_header .rt .rt-inner ul li {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;float: left;list-style: outside none none;padding: 1.5% 3.0%;width: auto;} body .container .banner_desc1 .banner_desc1_inner {float: left; padding: 8% 0 ; position: relative;width: 60%;} body .container .banner_desc2 .banner_desc2_inner {color: #fff; float: left;padding: 15.5% 0; position: relative;width: 60%;} body .container .advanced_tech .advanced_tech_inner {color: #fff;margin: 0 auto;padding: 8% 0 0;position: relative;text-align: center;width: 80%;} body .container .facilities .facilities_inner .facilities_desc .bot .bot_inner a {color: #4b8144; font-size: 96%;text-decoration: none;} .slider_top ul li {cursor: pointer;float: left;font-weight: bold;list-style: outside none none;margin: 0 9.5%;padding: 2% 0;width: auto;} .container .tech_intro .tech_intro_inner{width:100%; float: left; position: relative;padding: 2% 0 4%} .container .stampling .stampling_inner{width:100%; float: left; position: relative; padding: 13% 0} .container .child_parts .child_parts_inner{width:100%; float: left; position: relative; padding: 17% 0;} .container .equipt_tool .equipt_tool_inner{width:100%; float: left; position: relative; padding: 15% 0;} .container .enquiry .enquiry_inner {float: left;padding: 17% 0 0;position: relative;width: 100%;} .container .quality {background: rgba(0, 0, 0, 0) url("../images/quality_bg.jpg") repeat fixed; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;float: left;position: relative; width: 100%;} body .container .facilities .facilities_inner .facilities_desc .bot {background: #fafafa none repeat scroll 0 0;float: left;margin: -5px 0 0; min-height: 212px;padding: 0;position: relative;width: 100%;} .container .company_facilities .company_facilities_inner {float: left;padding: 3% 0 2%;position: relative;width: 100%;} .container .global {background: rgba(0, 0, 0, 0) url("../images/global_bg.jpg") no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover float: left; min-height: 713px;padding: 3% 0;position: relative;width: 100%;} } @media screen and (min-width:1309px) and (max-width:1410px) { body .container .header .inner_header .rt .rt-inner { float: right; position: relative; width: 91%;} } @media screen and (min-width:1101px) and (max-width:1310px) { .show_btn { margin-top: -9%; } body .container .header .inner_header .rt .rt-inner { float: right; position: relative; width: 100%;} } @media screen and (min-width:1400px) and (max-width:1460px) { .show_btn { margin-top: -5%; } }