@media screen and (max-width:1380px) { .homeSlider .content { padding: 0 60px; } .mainSliderControl .arrowArea .prev { left:0; } .mainSliderControl .arrowArea .next { right:0; } .homeSlider .arrowControl .bx-prev { right:0; } .homeSlider .arrowControl .bx-next { left:0; } .homeSlider .leftArea { padding:110px 0 0 0; } .homeSlider .bannerArea .allBanner .content { padding:0; } } @media screen and (max-width:1280px) { #header, .gerab, .quiceLinks, .gerabBrand, .ourProducts, .khidmah, .getInTouch { padding-left:55px; padding-right:55px; } .content { max-width:1130px; width:100%; margin:0 auto; } .mainSliderControl .arrowArea .prev { left:0; } .mainSliderControl .arrowArea .next { right:0; } .homeSlider .leftArea {/*padding:150px 0 130px 0;*/ } .homeSlider .content { padding:0 60px; } #navbar > ul > li { margin:0 14px; } #navbar > ul > li:first-child { margin:0 16px 0 0; } #navbar > ul > li:last-child { margin:0 0 0 16px; } .homeSlider .rightArea { width:73%; top:50px; right:-30px; } .quiceLinks .box .details { width:60%; padding:10px; height:195px; } .quiceLinks .box p { font-size:15px; } .khidmah { padding-top:110px; padding-bottom:110px; } .productBox .readMore { margin-top:5px; } .khidmah .middleSlider .detailsArea { width:67%; } .khidmah .middleSlider .sliderOuter { width:33%; } .tp-leftarrow.default { left:-50px !important; } .tp-rightarrow.default { right:-50px !important; } #navbar > ul > li.last { position:relative; } /*----About Us----*/ .sideNav, .socialGroup { top:270px; } .aboutQuickLinks ul li .productBox.pipeChart { padding-left:50px; padding-bottom:0; } .aboutQuickLinks ul li .productBox.valueAdded, .aboutQuickLinks ul li .productBox.valveAutomation { padding-left:60px; } .aboutQuickLinks ul li .productBox.onTheGo { padding-left:58px; } .gerabAboutUs .aboutVideo .videoBox { padding-top:0; } .gerabAboutUs .aboutVideo { padding:0 20px; } .gerabAboutUs .aboutVideo .video-js { width:100% !important; } .aboutQuickLinks ul { text-align:center; } .aboutQuickLinks ul li { float:none; display:inline-block; } .aboutQuickLinks ul li .productBox, .aboutQuickLinks ul li .productBox span { font-size:15px; } .stonesTimeline { padding:0 45px; } .aboutQuickLinks .firstBox, .aboutQuickLinks .secondBox, .aboutQuickLinks .thirdBox, .aboutQuickLinks .forthBox { margin-right:0; padding:0; } .aboutQuickLinks .firstBox { width:220px; } .aboutQuickLinks .secondBox { width:200px; } .aboutQuickLinks .thirdBox { width:220px; } .aboutQuickLinks .forthBox { width:330px; } .aboutQuickLinks .firstBox:after { right:10px; } .aboutQuickLinks .secondBox:after { right:12px; } .aboutQuickLinks .thirdBox:after { right:10px; } .innerBanner {/*height:480px; */ overflow:hidden; } .innerBanner img { max-width:inherit; } .sideNav, .socialGroup { top:342px; } .gerabAboutUs .content { max-width:1130px; } .mission .content { max-width:1050px; } .stonesTimeline .timeline .timelineBox .topCol .view { width:30%; } /*----Product----*/ .productLine { font-size:22px; } .proDetails .onlineCorporate { font-size:13px; } .homeSlider h2 { font-size:35px; line-height:inherit; padding:0 7px; } .homeSlider p { font-size:25px; line-height:50px; padding-left:7px; } .homeSlider button { font-size:15px; line-height:36px; padding:0 10px; } .homeSlider .bannerArea .allBanner .bannerTitle { font-size:21px; line-height:24px; } .homeSlider .bannerArea .allBanner .details { font-size:16px; line-height:19px; } .units .tableData tr td { padding:2px 6px; } .suppliers ul li { height:320px; } } @media screen and (max-width:1250px) { #navbar > ul > li:first-child { margin:0 11px 0 0; } #navbar > ul > li { margin:0 11px; } #navbar > ul > li:last-child { margin:0 0 0 11px; } } @media screen and (max-width:1170px) { .content { max-width:1000px; width:100%; margin:0 auto; padding:0 15px; } .homeSlider .third .leftArea { padding:140px 0 130px 0; } #navbar ul li a { font-size:16px; } #navbar > ul > li { margin:0 11px; } #navbar > ul > li:first-child { margin:0 11px 0 0; } #navbar > ul > li:last-child { margin:0 0 0 11px; } .homeSlider .rightArea { right:0; } .quiceLinks .box p { font-size:14px; line-height:19px; } .quiceLinks .box .details { height:168px; } .productBox p { line-height:19px; } .productBox h2, .productBox h2 a { padding:0 0 5px 0; } .khidmah .middleSlider .sliderOuter { width:45%; } .khidmah .middleSlider .detailsArea { width:55%; } #footer .copyRight, #footer ul li a { font-size:14px; } .quiceLinks .box .title { font-size:19px; } .quiceLinks .box .title span { font-size:22px; } #header .leftNav ul li .searchArea { width:220px; } .aboutQuickLinks .firstBox, .aboutQuickLinks .secondBox, .aboutQuickLinks .thirdBox, .aboutQuickLinks .forthBox { margin-right:0; padding:0; } .aboutQuickLinks .content { padding:0; } .aboutQuickLinks .firstBox { width:180px; } .aboutQuickLinks .secondBox { width:200px; } .aboutQuickLinks .thirdBox { width:240px; } .aboutQuickLinks .forthBox { width:310px; } .innerBanner { overflow:hidden; } .innerBanner img { max-width:100%; } .sideNav, .socialGroup { top:342px; } .aboutQuickLinks .firstBox { width:220px; } .gerabAboutUs .content { max-width:1000px; } .innerBanner.largeBanner { height:auto; } .innerBanner .bannerInfo h2 sup { font-size:15px; } .khidmah .middleSlider .detailsArea h2 { padding-bottom:10px; } .khidmah .middleSlider .detailsArea p { line-height:17px; } /*----Product----*/ .productLine { font-size:20px; line-height:28px; } .clients ul li { font-size:16px; } .proDetails .leftCol h2 { font-size:16px; } .proDetails .onlineCorporate { font-size:11px; } .career .careerSlide .bx-wrapper { background-size:100%; padding-bottom:34px; } .pipeChartPage .formArea button { width:90%; } .contactUs .leftCol { width:42%; } .contactUs .rightCol { width:58%; } .proDetailsInq.contactUs .inquiryNow .inquiryBtn { font-size:16px; } .quiceLinks .box p { height:56px; } ul.sdt_menu { padding:0; } .aboutQuickLinks ul li .productBox span { font-size:17px; } .units .tableData tr td { padding:2px 1px; } .suppliers ul li { height:330px; } /*----Subscribe----*/ .newsLetter input[type="text"]{font-size:13px;} .newsLetter .submit{font-size:13px;} .iframVideo iframe{width:100%;} .iframVideo iframe{height:416px;} .jobApplication .col label{width:40%;} .jobApplication .col input[type="text"]{width:60%;} .jobApplication .col .rightCol{width:60%;} .jobApplication .customeBrowse{width:60%;} .jobApplication .validation{padding:5px 0 5px 40%;} } @media screen and (max-width:1100px) { #navbar > ul > li { margin:0 4px; } #navbar > ul > li:first-child { margin:0 4px 0 0; } #navbar > ul > li:last-child { margin:0 0 0 4px; } #navbar ul li a { font-size:18px; } .quiceLinks .box .title { font-size:16px; } .quiceLinks .box .title span { font-size:20px; } .quiceLinks .box .thumb { width:49%; } .quiceLinks .box .details { height:186px; } .contactUs .rightCol { padding-left:100px; } } @media screen and (max-width:1060px) { #navbar ul li a { font-size:16px; } #navbar > ul > li { margin:0 9px; } } @media screen and (max-width:1024px) { [data-sr] { -webkit-tranform: none !important; transform: none !important; } #header .leftNav ul li .searchGoBtn{padding:0;} .jobApplication .formArea {padding:0 20px;} .jobApplication{padding:0 0 20px 0;} #wrapper { overflow:hidden; } .sideNav { display:none; } #header { position:static; } #container, #innerContent { padding:0; } .homeSlider { padding:0; } #header, .gerab, .quiceLinks, .gerabBrand, .ourProducts, .khidmah, .getInTouch, #footer { padding-left:0; padding-right:0; } #header.sticky, .aboutQuickLinks.stick { position:static !important; } #header { padding-bottom:0; } #header .leftNav ul { padding-top:20px; } .leftSmallMenu { display:block; } .mainSliderControl .arrowArea .prev:hover { background-position:-33px -236px; } .mainSliderControl .arrowArea .next:hover { background-position:-2px -280px; } /*----Header----*/ #header .leftNav ul li { margin-right:10px; } #header .leftNav ul li a, #header .leftNav ul li button { font-size:14px; } #header .leftNav ul li .fa-search, #header .leftNav ul li .fa-suitcase { font-size:19px; padding-right:6px; } #header .leftNav ul li .searchArea { width:130px; margin:-5px 10px 0 0; } #header .leftNav ul li .searchArea input[type="text"] { height:30px; } #header .leftNav ul li:last-child { margin-top:0; } .socialGroup li a { width:26px; height:26px; background:url(../images/social-small-icon.png) } .socialGroup li a.facebook, .socialGroup li a.facebook:hover { background-position:0 0; } .socialGroup li a.linkedin, .socialGroup li a.linkedin:hover { background-position:0 -27px; } .socialGroup li a.gPlus, .socialGroup li a.gPlus:hover { background-position:0 -54px; } .socialGroup li a.skype, .socialGroup li a.skype:hover { background-position:0 -81px; } .pushLeft::before, .pushLeft::after { display:none; } .socialGroup { top:200px; } .leftSmallMenu { top:200px; left:0; z-index:99; } .socialGroup.stop { position:absolute; } .overlayAll { display:none !important; } .sideNav .smallScreen { display:block; } .sideNav, .sideNav.stop { top:250px; z-index:99 !important } .sideNav ul { width:200px; margin-left:-200px; transition:all 0.6s ease 0ms; } .sideNav ul li { left:0; width:100%; } .content { max-width:inherit; padding:0 20px; } #navbarWrap { padding-top:0; } .mean-container { width:100%; z-index:9999; } a.meanmenu-reveal { display: none; } .mean-bar { width: 100%; position: relative; padding: 0px 0; z-index: 999999; min-height:40px; margin-top:10px; background:#111; } a.meanmenu-reveal { width:30px; height:auto; margin-left:10px; outline:none; padding:6px 0; cursor: pointer; color: #fff; text-decoration: none; font-size: 16px; text-indent: -9999em; line-height: 22px; font-size: 1px; display: block; font-weight: 700; float:left; } a.meanmenu-reveal span { display: block; background: #fff; height: 3px; margin-top: 5px; } .mean-nav { float: left; width: 100%; margin-bottom:20px; background:#000; position:relative; top:4px; } .mean-nav * { transition:none; } .mean-nav ul { padding: 0; margin: 0; width: 100%; list-style-type: none; } .mean-nav ul li { position: relative; float: left; width: 100%; padding:0; border:0; margin:0; } #navbar > ul > li:first-child, #navbar > ul > li, #navbar > ul > li:last-child { margin:0 !important; } .mean-nav > ul > li { margin:0; } .mean-nav > ul > li:first-child { margin:0; } .mean-nav > ul > li:last-child { margin:0; } #navbar > ul > li a:before, #navbar > ul > li a:after { display:none; } .mean-nav > ul { border-top:1px solid #b72027; border-bottom:1px solid #b72027; } .mean-nav ul li a { display: block; float: left; width:100%; padding:6px 15px; margin: 0; text-align: left; color: #fff; border-bottom:1px solid #222222; text-decoration: none; text-transform: uppercase; transition: none 0s ease 0s !important; font-size:15px; line-height:28px; } .mean-nav ul li li a { width:100%; padding:6px 30px; line-height:31px; opacity: 0.75; filter: alpha(opacity=75); text-shadow: none !important; visibility: visible; } .mean-nav ul li.mean-last a { border-bottom: none; margin-bottom: 0; } .mean-nav ul li li li a { width:100%; padding:6px 45px; color:#fff; line-height:31px; } .mean-nav ul li li:first-child a { border-top:0; } .mean-nav ul li a:hover, .mean-nav ul.submenu li a:hover { background: #141414; } #navbar .submenu li:hover > a { background-color: #191919; color:#fff; } .mean-nav ul li a.mean-expand { background:#212121; width:38px; height:38; outline:none; padding:4px 6px 8px 6px; text-align: center; position: absolute; right: 0; top:0; z-index: 2; font-weight: normal; font-size:25px !important; } .mean-nav ul li a.mean-expand:hover { background:#444; } #navbar ul ul.submenu { display:block; position:static; float:left; top:44px; transition: all 0s ease-in-out 0s; margin:0; border:0; background:#191919; width:100%; box-shadow:0 0 0 0 #000; } #navbar ul .submenu ul { left:0; } #navbar ul li:hover > ul, #navbar ul ul li:hover > ul { animation:fadeInLeft 0s ease-in; } #navbar ul ul li:hover > a { background-color: #252525; } #navbar > ul > li:last-child { padding:0; } #navbar li.parent:after { display:none; } /*----Slider----*/ .homeSlider .bannerArea .allBanner { padding:10px 20px 12px 20px; } .homeSlider .bannerArea .allBanner .bannerTitle { font-size:19px; line-height:21px; } .homeSlider .bannerArea .allBanner .details { font-size:15px; line-height:17px; } .homeSlider .bannerArea .allBanner button { font-size:14px; line-height:28px; padding:0 4px; } .homeSlider .bannerArea .allBanner .btnLink { font-size:14px; line-height:28px; padding:0 4px; } .homeSlider .rightArea { width:52%; top:auto; } .homeSlider .leftArea h2 { font-size:20px; line-height:inherit; padding:5px; } .homeSlider .leftArea p { font-size:17px; padding:8px 0 8px 5px; line-height:inherit; } .homeSlider button { line-height:31px; padding:0 5px; margin-top:10px; font-size:14px; } .homeSlider .item { height:373px; } .homeSlider { height:auto; } .homeSlider p { padding-left:15px; } .homeSlider .third .leftArea { padding:80px 0 0 0; } .homeSlider .forth .leftArea { padding:50px 0 0 0; } .mainSliderControl .arrowArea .prev { left:10px; } .mainSliderControl .arrowArea .next { right:10px; } /*----GERAB----*/ .gerab, .quiceLinks, .gerabBrand, .ourProducts, .khidmah { padding-top:20px; padding-bottom:20px; } .gerab h2 {/*font-size:50px;*/ line-height:50px; padding-bottom:15px; } .gerab p { line-height:34px; } .quiceLinks h3 { font-size:19px; } .quiceLinks .quiceLinksBox { margin:0; width:100%; } .quiceLinks .box { width:100%; margin:20px 0 0 0; } .quiceLinks .box .thumb { width:35%; position:static; } .quiceLinks .box .details { width:65%; height:auto; padding:25px; } .quiceLinks .box:hover .details { width:65%; opacity:1; } .quiceLinks .box .title { font-size:21px; } .quiceLinks .box .title span { font-size:24px; } .quiceLinks .box p { font-size:16px; line-height:25px; height:auto; overflow:visible; } /*----Gerab Brand----*/ .gerabBrand .content { padding:0 20px; } .getInTouch { padding:20px 0; } /*----Our Products----*/ /*.ourProducts h2{font-size:45px;}*/ .ourProducts .topText { font-size:21px; line-height:30px; } .tabbingArea .tabsNav .tabsAnchor { padding:0 15px; font-size:16px; } /*.tabbingArea .tabsNav{width:618px;}*/ .resizeContent { width:100%; } .resizeContent::after { display:none; } .khidmah .middleSlider { width:100%; } .productBox { width:50%; } .khidmah .middleSlider { padding:30px; } .khidmah .middleSlider .detailsArea h2 { font-size:30px; line-height:30px; } .khidmah .middleSlider .sliderOuter { width:400px; margin:0 auto; float:none; } .khidmah .middleSlider .thumbArea, .khidmah .middleSlider .proSliderNav { width:100%; } .khidmah .middleSlider .detailsArea { width:100%; padding:40px 0 0 0; text-align:center; } /*----Get In Touch----*/ .getInTouch h2 { font-size:26px; } .getInTouch .address p { font-size:20px; } .getInTouch .address li, .getInTouch .address li a { font-size:18px; } .getInTouch .address, .getInTouch .form { width:47%; } .getInTouch .form { margin-left:6%; } .getInTouch .followUs { width:100%; margin-top:30px; } .getInTouch .followUs ul { width:100%; margin-top:20px; } .getInTouch .followUs li { display:inline-block; width:24%; } .getInTouch .followUs li a { font-size:15px; } .getInTouch .address p br { float:left; } .getInTouch .address .mark { display:inline-block; } .getInTouch .form input[type="text"]:first-child { margin-right:0; } .getInTouch .form input[type="text"] { width:100%; height:40px; } .getInTouch .form textarea { height:120px; } .projects .tableData tr td br { float:left; } .projects .tableOut td:before { line-height:17px; } .projects .twoRowTable, .projects .singleRowTable, .projects .largeTwoRowTable, .projects .smSingleRowTable { padding:0; } .projects .tableOut tr { margin:0 0 5px 0; } .projectsYearControl .arrowArea .prev, .projectsYearControl .arrowArea .prev:hover { background-position:-364px -503px; } .projectsYearControl .arrowArea .next, .projectsYearControl .arrowArea .next:hover { background-position: -397px -557px; } /*----Footer----*/ #footer .copyRight { width:100%; text-align:center; margin-bottom:10px; } #footer ul { width:100%; text-align:center; } .slide { background-attachment:scroll; } .footerSitemap .col ul li { text-align:left; } /*----About Us----*/ .innerBanner .bannerInfo { top:21%; left:20px; } .innerBanner .bannerInfo h2 { font-size:22px; } .innerBanner .bannerInfo p { padding:10px 0 10px 10px; } .innerBanner .bannerInfo button { font-size:15px; line-height:30px; padding:0 6px; } .gerabAboutUs h2 span.fa { font-size:25px; padding-right:8px; top:-2px; } .aboutQuickLinks ul li .productBox .sdt_descr { font-size:18px; } ul.sdt_menu li { height:auto; } .aboutPageMenu { left:0; top:40px; } .aboutPageMenu:after { left:2px; } .gerabAboutUs .content { z-index:10; } ul.sdt_menu li a img, ul.sdt_menu li span.sdt_active { display:none !important; } ul.sdt_menu li span.sdt_wrap { top:0 !important; position:static; overflow:auto; } ul.sdt_menu li > a { height:auto; position:static; width:auto; } .aboutQuickLinks .firstBox:after, .aboutQuickLinks .secondBox:after, .aboutQuickLinks .thirdBox:after { display:none; } .aboutQuickLinks .firstBox, .aboutQuickLinks .secondBox, .aboutQuickLinks .thirdBox, .aboutQuickLinks .forthBox { padding:0 15px; } .aboutQuickLinks .firstBox, .aboutQuickLinks .secondBox, .aboutQuickLinks .thirdBox, .aboutQuickLinks .forthBox { width:auto; } .gerabAboutUs h2, .corporateOverview h2, .mission h2, .qualityPolicy h2, .fromTheDirect h2, .mileStones h2, .ourStrength h2, .projects h2, .projectManagement .middleArea .middleTitle { font-size:30px; } .gerabAboutUs, .mission, .qualityPolicy, .fromTheDirect, .ourStrength, .projects.glPresence, .projects { padding:20px 0; } .glPresence .globalDetails { padding:0; } .gerabAboutUs:after { display:none; } .gerabAboutUs .aboutVideo { padding:20px 20px 30px 20px; } .gerabAboutUs .aboutVideo .videoBox { width:727px; } .mileStones { padding:0; } .mileStones .content { padding:30px 20px; } .mileStonesControl .arrowArea .next:hover { background-position: -235px -508px; } .mileStonesControl .arrowArea .prev:hover { background-position: -282px -566px; } .ourStrengthControl .arrowArea .next:hover { background-position: -119px -508px; } .ourStrengthControl .arrowArea .prev { background-position: -165px -566px; } .corporateOverview p { font-size:20px; } .gerabAboutUs .aboutVideo .videoTitle { font-size:15px; padding:12px 0; } .corporateOverview { padding:20px 0 0 0; } .corporateOverview h2 { padding-bottom:15px; } .corporateOverview p { padding-bottom:40px; } .mission ul { margin:30px 0 0 0; } .mission ul li p { font-size:16px; line-height:22px; } .qualityPolicy h2, .fromTheDirect h2, .mileStones h2, .ourStrength h2, .projects h2 { margin-bottom:15px; } .qualityPolicy p { font-size:16px; line-height:24px; padding-bottom:20px; } .fromTheDirect p { font-size:16px; line-height:23px; padding-bottom:10px; } .stonesTimeline { margin:50px 0; } .ourStrengthSlider .item p { font-size:16px; line-height:22px; min-height:75px; } .ourStrengthSlider { padding:0 45px; } .ourStrength p { font-size:16px; line-height:24px; padding-bottom:30px; } .ourStrength p br { float:left; } .ourStrengthSlider .item p br { float:none; } .aboutQuickLinks ul li .productBox { line-height:inherit; } .innerBanner .bannerInfo p { font-size:19px; } .innerBanner .bannerInfo button { margin-top:15px; } .gerabAboutUs h2.stick { left:0; } .innerBanner .bannerInfo h2 sup { top:-12px; } /*----Milestone----*/ .topMainBanner, .innerBanner { height:300px; background-size:cover; } .topMainBanner .bannerTitle { left:50px; } .topMainBanner .bannerTitle h2 { font-size:40px; line-height:40px; } .topMainBanner .bannerTitle .tagLine { font-size:24px; line-height:24px; } .topMainBanner .bannerTitle .tagLine:after { width:120px; } .milestonesArea { padding:20px 0; } .middlePageTitle { font-size:40px; } .gerabToday { font-size:21px; line-height:28px; } .milestonesArea .stonesTimeline { margin:50px 0; } /*----Product----*/ .productsPage .content, .productPageList .content { padding:0 20px; } .productsPage h2 { padding:10px 0; } .productLine br { float:left; } /*.productsPage h2{font-size:45px;}*/ .productPageList { padding-top:30px; } .productPageList ul li { padding:0 5px 30px 5px; } .productPageList ul li .productDetails h2::after { display:none; } .productPageList ul li:hover .productDetails h2 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .productPageList ul li:hover .productImage img { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } .productPageList ul li .productDetails h2 { font-size:27px; position:relative; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } #innerContent .productPageList ul li .productDetails p { margin:20px 0 0 0; height:auto; font-size:16px; line-height:22px; min-height:130px; } .productPageList ul li .productDetails .readMore, .productPageList ul li .productDetails .readMore:hover { font-size:14px; background-position:83px 5px; } /*----Product Fittings----*/ .proDetails .leftCol { width:25%; } .proDetails .rightCol { width:75%; } .proDetails .proViewArea .smallProduct { width:11.6%; } .proDetails .proViewArea .largeProduct { width:88.4%; } .proDetails .proFittingsType .proTagline { font-size:15px; } .proDetails .proFittingsType { padding-top:15px; } .proDetails .proFittingsType .proTagline { padding-bottom:15px; } .proDetails .proFittingsType .tabbingArea { margin-top:15px; } .proDetails .leftCol ul li a { font-size:15px; } .proDetails .leftCol ul li a { padding:8px 0 8px 10px; } .proDetails .leftCol ul li a:hover { padding:8px 0 8px 10px; } /*Responsive Table*/ /*.tableOut table, .tableOut tr, .tableOut td, .tableOut td:before { display:block; text-align:left; border:none; } .tableOut table, .tableOut tr .tableOut td:last-child { border-bottom:none; } .tableOut thead, .tableOut tr th { position:absolute; top:-1000em; left:-1000em; } .tableOut tr { border:1px solid #eeeeee; border-bottom:2px solid #eeeeee; margin:0 0 20px; } .tableOut tr td:last-child { border-right:none; } .tableOut tr:last-child .td, .tableOut td { border-bottom:1px solid #eeeeee; } .tableOut td:before {font-weight:bold; padding-right:20px; line-height:27px; color:#5b5b5b; content:" "attr(data-label)""; } .tableOut tbody {display:block;} .tableOut tr td {padding:5px 15px; width:auto !important;} .tableData .firstTd{font-family: 'AvantGardeCE-Book';} .tableData tr td, .tableData tr th{border-left: 1px solid #dbdbdb;} .tableData tr td.hideTd{text-indent:inherit;} .tableOut tr td:last-child{border-bottom: 1px solid #dbdbdb;border-right: 1px solid #dbdbdb;} .tableOut tr:last-child .td, .tableOut td{border-bottom:0;} .tableData tr td.noBrd{border-top: 1px solid #dbdbdb;}*/ /*----News & Events----*/ .newsEvents .eventList h2 { font-size:14px; } .newsEvents .eventList .readMore:hover, .newsEvents .eventList ul li:hover .readMore { color:#b72027; background:url(../images/red-arrow.png) 78px 4px no-repeat; } .clients ul li { font-size:15px; } .clients h2, .suppliers h2, .assOffices h2, .contactUs h2, .downloads h2, .legalPage h2, .servicesInPage h2, .aboutInnerPage .mission h2 {/*font-size:45px;*/ padding:0 0 20px 0; } .legalPage h2 { margin:0; padding-bottom:0; } .suppliers ul li:hover img { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } /*----Services----*/ .projectManagement p, .financial p { padding-top:20px; } .projectManagement p, .financial p { font-size:16px; } /*----Contact Us----*/ .assOffices .officesList ul li { width:33.33%; } .assOffices .officesList ul li h2 { height:auto; } .contactUs h2 { padding-bottom:0; } .contactUs .rightCol { padding-left:20px; } .contactUs .leftCol { width:45%; } .contactUs .rightCol { width:55%; } .contactUs .formArea input[type="text"] { height:35px; margin-bottom:15px; } .contactUs .formArea .message { height:110px; margin-bottom:15px; } .contactUs .formArea label { padding-bottom:4px; } .gerab p, .gerabBrand p, .ourProducts .topText, .khidmah .middleSlider .detailsArea p, .corporateOverview p, .qualityPolicy p, .fromTheDirect p, .projectManagement p, .financial p, .ourStrength.ontheGO p { text-align:justify; } .inqueryArea { top:58px; left:20px; position:absolute; } .leftSmallMenu ul li a.email { position:relative; } .inqShow.active::after { right:0; top:auto; bottom:10px; margin-right:0; width:6px; height:12px; background:url(../images/inq-arrow.png) no-repeat; } .inqueryArea { left:30px; width:95%; } .closeInq, .closeInqCon { right:0; } .gerabAboutUs h2 .faOuter { display:none; } .downloadList { padding-top:0; } .inqueryArea h2, .conInqueryArea h2 { font-size:23px; } .contactUs .inquiryNow .inquiryBtn:hover, .contactUs .inquiryNow .inquiryBtn.active { background:url(../images/inq-icon.png) no-repeat 14px 14px; color:#b72027; border:2px solid #b72027; } .proDetails .proFittingsType .tableData tr th, .proDetails .proFittingsType .tableData tr td { border-left:0; font-size:15px; } .proDetails .proFittingsType .tableOuter { width:100%; overflow-x: scroll; overflow-y: hidden; padding-bottom:10px; } .career .careerOuter .careerOuterData { width:100%; overflow-x: scroll; overflow-y: hidden; padding-bottom:10px; } .career .careerOuter .careerOuterData .tableData { width:1170px; margin-bottom:10px; } .career .careerOuter .tableData tr th, .career .careerOuter .tableData tr td { padding:8px 10px; } .proDetails .proFittingsType .tableData { width:892px; } .projects .projectsYearOuter .yearTableData { width:100%; overflow-x: scroll; overflow-y: hidden; padding-bottom:10px; } .projects .projectsYearOuter .yearTableData .tableData { width:1169px; } .projects .tableData tr th { padding:8px 10px; } .khidmah .middleSlider .detailsArea p { line-height:22px; } .footerSitemap .col ul li a:hover { background:none; padding:3px 0; } .bullet li:hover, .servicesList ul li:hover, .servicesList ul li { padding:6px 6px 6px 16px; background:url(../images/bullete.png) no-repeat scroll 0 12px; } .servicesVA p { padding-top:10px; font-size:19px; line-height:25px; } .valueAddedSer ul li:hover, .valueAddedSer ul li { background:url(../images/white-bullete.png) no-repeat scroll 0 12px; padding:6px 6px 6px 20px; } .servicesOnThe .howItWorks.addnalServices .valueAddedSer ul li:hover, .servicesOnThe .howItWorks.addnalServices .valueAddedSer ul li { background:url(../images/bullete.png) no-repeat scroll 0 12px; padding:6px 6px 6px 20px; } .servicesVA.proManage p { padding-top:0; padding-bottom:20px; } .servicesVA.proManage { padding-bottom:0; } .servicesOnThe .overview p { padding-bottom:20px; } .aboutInnerPage .qualityPolicy { padding:10px 0 0 0; } .careerPageTitle { font-size:40px; padding:20px 0; } .careerInner { padding-bottom:0; } .careerData .careerFilter .submitCV:hover { background:url(../images/red-arrow.png) no-repeat scroll 96% center; padding:0 34px 0 0; color:#b72027; } .career { padding-top:0; } .career .careerList .download { padding:20px 0 0 0; } .career .bx-wrapper .bx-pager.bx-default-pager a { margin:0 7px; } .homeSlider .arrowControl .bx-prev { right:10px; } .homeSlider .arrowControl .bx-next { left:10px; } .homeSlider .bannerArea .allBanner { height:auto; } .homeSlider .leftArea { padding:90px 0 0 0; } .search .radioGroup li, .search .checkGroup li { padding-right:15px; } .projects .projectsYearOuter .owl-controls .owl-prev, .projects .projectsYearOuter .owl-controls .owl-prev:hover { background-position:-364px -503px; left:0px; } .projects .projectsYearOuter .owl-controls .owl-next, .projects .projectsYearOuter .owl-controls .owl-next:hover { background-position:-397px -557px; right:0px; } .valvAutSer .padtop50 { padding-top:0; } .servicesList { margin:20px 0 0 0; } .pipeChartPage { padding-top:10px; } .pipeChartPage .formArea button { width:100%; font-size:15px; } .pipeChartPage .formArea .rightCol { width:30%; } .pipeChartPage .formArea .leftCol { width:68%; } .ourStrgth { padding-top:0; } .grayBG h2 { font-size:45px; } .quickLkPopup .quiceLinks .box .details { height:auto; } .quickLkPopup .quiceLinks .box .thumb { width:35%; } .quickLkPopup .quiceLinks .box .details, .quickLkPopup .quiceLinks .box:hover .details { width:65%; } .clients h2, .downloads h2, .servicesInPage h2, .legalPage h2, .servicesOnThe .howItWorks.valveAd h2, .aboutInnerPage .qualityPolicy h2 {/*font-size:45px;*/ margin:0; padding:0; } .globalPresence { padding-top:30px; } .aboutInnerPage .qualityPolicy h2 { padding-bottom:30px; } .globalPresence .countryList li:hover { padding:5px 10px 5px 20px; background:url(../images/bullete.png) no-repeat 0 13px; } .aboutQuickLinks ul li .productBox.onTheGo { background-position:0 -423px; } .aboutQuickLinks ul li .productBox.valueAdded { background-position:7px -151px; } .aboutQuickLinks ul li .productBox.valveAutomation { background-position:0 -298px; } .leftSmallMenu, .socialGroup.stop, .socialGroup { top:200px; } .branchLoc { padding-top:40px; } .corporateOverviewOuterHome { margin-bottom:-1px; } .servicesVA.proManage h2 { margin-bottom:20px; } #innerContent p { font-size:20px; line-height:30px; } #innerContent .stonesTimeline .timeline .timelineBox p { font-size:15px; line-height:22px; } #innerContent .career .careerList ul li p { font-size:15px; line-height:22px; } .units .tableData { width:1170px; } .units .unitTable { overflow-x: scroll; overflow-y: hidden; padding-bottom:0px; width: 100%; } .units .tableData tr td { padding:2px 6px; } .khidmah .middleSlider .thumbArea img { height:auto; } .assOffices .officesList ul li button { font-size:14px; } #innerContent .productPageList ul li .productDetails p { font-size:15px; height:92px; min-height:92px; overflow:hidden; margin-bottom:10px; } #innerContent .newsEvents .eventList p { font-size:16px; line-height:25px; height:78px; overflow:hidden; margin-bottom:10px; } .suppliers ul li { height:270px; } .suppliers ul li h2 { font-size:19px; } #innerContent .suppliers ul li p { font-size:17px; line-height:26px; } .suppliers ul li:hover { background:none; box-shadow:none; padding:5px 0; } .sbOptions{overflow-y:scroll !important;} .breadcrumb{padding:25px 0 7px 20px;} .corporateOverviewControl .arrowArea .prev:hover { background-position:-165px -566px;} .corporateOverviewControl .arrowArea .next:hover { background-position:-119px -508px; } .ourStrengthControl .arrowArea .prev:hover { background-position:-165px -566px;} .ourStrengthControl .arrowArea .next:hover { background-position:-119px -508px; } .grayBG .corporateOverviewControl .arrowArea .next:hover { background-position:-235px -508px; } .grayBG .corporateOverviewControl .arrowArea .prev:hover { background-position:-282px -566px; } .corporateOverviewOuter{padding:0 40px;} .gerabAboutUs .aboutVideo .videoBox{width:100%;} .copyRightArea ul li a:after, .copyRightArea ul li a:hover:after{display:none;} .copyRightArea ul li a:hover{color:#dcbaaf;} .sitemap ul ul li:hover{background:url(../images/bullete.png) no-repeat scroll 0 9px; padding:0 15px;} .clients ul li .text:hover{padding:5px 10px 5px 16px;background:url(../images/bullete.png) no-repeat 0 15px;color:#474747;} .serchList.bulletText li:hover { background:url(../images/bullete.png) no-repeat 0 12px; color:#b72027; padding:6px 6px 6px 16px } } @media screen and (max-width:960px) { .newsEvents .eventList .view{height:169px;} .advanceSearchListing li.dateRange [type="text"]{width:100px;} } @media screen and (max-width:900px) { .homeSlider .rightArea { width:60%; } .innerBanner .bannerInfo h2 { font-size:16px; line-height:30px; padding:0 10px; } .innerBanner .bannerInfo p { font-size:15px; padding:5px 0 5px 10px; } .innerBanner .bannerInfo button { font-size:14px; line-height:22px; padding:0 2px; } .aboutQuickLinks ul li { width:49%; padding:20px 50px; border:0; } .aboutQuickLinks ul li .productBox.valveAutomation, .aboutQuickLinks ul li .productBox.valveAutomation:hover { background-position:-6px -299px; } .aboutQuickLinks ul li .productBox.onTheGo, .aboutQuickLinks ul li .productBox.onTheGo:hover { background-position:-6px -425px; } .corporateOverviewOuter { padding:0 40px; } .gerabAboutUs .aboutVideo .videoBox { width:650px; } .gerabAboutUs .aboutVideo .video-js { height:269px !important; } .gerabAboutUs .aboutVideo .projekktor{height:269px;} .aboutQuickLinks .firstBox, .aboutQuickLinks .secondBox, .aboutQuickLinks .thirdBox, .aboutQuickLinks .forthBox { width:49%; padding:20px 50px; } .aboutQuickLinks ul li .productBox.valveAutomation { padding-left:50px; } .aboutQuickLinks ul li .productBox.valueAdded { padding-left:65px; } .aboutQuickLinks ul li .productBox.onTheGo { padding-left:68px; } .aboutQuickLinks ul li .productBox.onTheGo, .aboutQuickLinks ul li .productBox.onTheGo:hover { background-position:5px -425px; } .innerBanner .bannerInfo h2 sup { font-size:10px; top:-6px; } .gerabAboutUs h2.stick { top:365px; } .newsEvents .eventList .newsEventDetail { min-height:210px; } .clients ul li, .clients ul li:hover { min-height:59px; line-height:19px; background-position:0 15px; } .clients, .suppliers { padding:20px 0; } .innerBanner .bannerInfo { top:30%; left:20px; } /*----Services----*/ .corporateOverview p { padding-bottom:20px; } .readMoreOuter { margin-top:15px; } .contactUs .rightCol .conVideo .video-js { width:100% !important; height:240px !important; } .downloadList { padding-left:0; } .conInqueryArea { width:600px; } .conInqueryArea h2 { font-size:20px; padding-bottom:5px; } .conInqueryArea h3 { font-size:15px; padding:5px 0; } .conInqueryArea .radioGroup li { width:33.33%; padding-bottom:7px; } .conInqueryArea .radioGroup label, .inqueryArea .radioGroup input, .conInqueryArea .radioGroup input { font-size:12px; } .conInqueryArea .formArea button { font-size:14px; line-height:30px; padding:0 10px; width:auto; } .conInqueryArea .formArea .widthFull.buttonRow { padding-top:6px; } .conInqueryArea .formArea .leftCol { font-size:13px; } .conInqueryArea .formArea .leftCol { padding-right:20px; } .topMainBanner .bannerTitle h2 { font-size:35px; line-height:35px; } .topMainBanner .bannerTitle { bottom:16%; } .finManage .howItWorksRow .rightCol { padding-left:20px; } .finManage .howItWorksRow { padding-top:20px; } .career .careerSlide .bx-wrapper { padding-bottom:3.5%; } .homeSlider .leftArea { padding:70px 0 0 0; } .search .rightCol { width:29%; } .search .leftCol { width:68%; } .search .radioGroup ul { width:100%; } .search .ordering { margin-top:10px; float:left; } .search .addSearch { font-size:14px; line-height:32px; padding:0 10px; } .search .searchFilter .ordering { float:right; margin:0; } .search .radioGroup label, .search .checkGroup label { font-size:14px; } .pipeChartPage .formArea .sbSelector { font-size:14px; } .pipeChartPage .formArea input.width180 { width:120px; } .pipeChartPage .formArea .rightCol { width:30%; } .pipeChartPage .formArea .leftCol { width:70%; } .pipeChartPage .formArea button { line-height:55px; } .pipeChartPage .formArea .cusSelect { margin-right:3%; width:22%; } .pipeChartPage .note { padding:0; } .pipeChartPage .formArea .sbOptions { width:101.1%; } .contactUs .leftCol p { font-size:16px; line-height:25px; } .proDetailsInq.contactUs .inquiryNow .inquiryBtn { background:url(../images/inq-icon.png) no-repeat scroll 10px 7px; padding:10px 10px 10px 46px; } .homeSlider .arrowControl .bx-prev { right:40px; } .homeSlider .arrowControl .bx-next { left:40px; } #innerContent p { font-size:18px; line-height:27px; } .aboutQuickLinks ul li .productBox span { font-size:16px; } .qualityPolicy .certificate ul li { width:24%; } .newsEvents .eventList h2 { min-height:70px; } .direDesk .leftCol { width:65%; } .dirDesk { width:35%; } .suppliers ul li { width:48%; height:auto; } .suppliers ul { padding:10px 0 0 0; } .downloadList .box { width:50%; padding:0 50px; } .downloadList { padding-top:20px; } .newsEvents .eventList .view{height:155px;} /*----Subsribe----*/ .newsLetter{bottom: -10px; margin-top: 25px; position: absolute;right: 40px;} #footer .content{position:relative; padding-bottom:20px;} .breadcrumb{padding:25px 0 7px 0px;} .iframVideo iframe{height:286px;} .jobApplication .col{padding: 0; width: 100%;} .jobApplication .drTabContent{max-width:600px;} .jobApplication .buttonRow{text-align: left;padding-left: 40%;} .jobApplication .fieldReq{padding-right: 0;} .jobApplication .validation{padding:5px 0 5px 40%;} } @media screen and (max-width:800px) { #header, .homeSlider, .gerab, .quiceLinks, .gerabBrand, .ourProducts, .khidmah, .getInTouch, #footer { padding-left:0; padding-right:0; } .pipeChartPage .formArea .submitBtn{font-size:14px;} .content { padding:0 20px; } /*----Header----*/ #logo { width:50%; } #header .leftNav ul { padding-top:10px; padding-bottom:10px; } #navbarWrap { padding-top:0; } /*----Main Slider----*/ .mainSliderControl .arrowArea .prev { left:10px; } .mainSliderControl .arrowArea .next { right:10px; } .homeSlider .rightArea { width:68%; } .homeSlider .bannerArea .allBanner .bannerTitle { font-size:17px; line-height:20px; } /*----GERAB----*/ .gerab h2, .quiceLinks h2, .ourProducts h2, .gerabBrand h2 { font-size:40px; line-height:40px; } .gerab p { font-size:18px; line-height:30px; } /*----Quick Links----*/ .quiceLinks h2 { padding-bottom:15px; } .quiceLinks .box .details { padding:15px; } .quiceLinks .box .title { font-size:16px; } .quiceLinks .box .title span { font-size:19px; } /*----GERAB Brand----*/ .gerabBrand p { font-size:20px; line-height:30px; } /*----Our Products----*/ .ourProducts .topText { font-size:18px; } .tabbingArea { margin-top:30px; } /*.tabbingArea .tabsNav{width:558px;}*/ .ourProducts .tabbingArea .tabsTab::after { height:20px; top:9px; } .tabbingArea .tabsNav .tabsAnchor { line-height:36px; padding:0 10px; } .ourProducts .productList { margin-top:40px; } .productBox h2, .productBox h2 a { font-size:20px; padding:0; } .productBox p { font-size:14px; line-height:17px; } .productBox .readMore { font-size:13px; line-height:24px; background-position:right 6px; } .productBox .readMore:hover { background-position:right 6px; } .khidmah .middleSlider .thumbTitle { font-size:16px; } .khidmah .middleSlider .detailsArea h2 { font-size:30px; padding-bottom:5px; } .khidmah .middleSlider .detailsArea p { font-size:15px; line-height:23px; } /*----Left Nav----*/ .leftNavBottom { display:block; position:absolute; left:0; top:0; } /*----About Us----*/ .mission ul li { width:100%; margin-bottom:40px; padding:0; } .mission ul li:last-child { margin-bottom:0; } .mission ul li span { margin:0 auto 15px auto; } .mileStones .content { padding:20px; } .gerabAboutUs, .mission, .fromTheDirect, .ourStrength { padding:15px 0; } .qualityPolicy { padding:15px; } .corporateOverview { padding:15px 0 0 0; } .aboutQuickLinks ul li .productBox .sdt_descr { font-size:16px; } .stonesTimeline .timeline .timelineBox .topCol p { font-size:12px; } .stonesTimeline .timeline .timelineBox .topCol .innerCol:after, .stonesTimeline .timeline .timelineBox .topCol .innerCol:before { display:none; } .stonesTimeline .timeline .timelineBox .topCol:hover, .stonesTimeline .timeline.bottom .timelineBox .topCol:hover { box-shadow:0 0 0 0 #751c1c; } .stonesTimeline .timeline .timelineBox .topCol { padding:15px; } /*----Milestone----*/ .topMainBanner, .innerBanner { height:230px; } .topMainBanner .bannerTitle .content { padding:0; } .milestones { padding:0; } .breadcrumb { padding:10px 0 7px 0; } .breadcrumb ul li, .breadcrumb ul li a { font-size:15px; } /*----Products----*/ .productPageList ul li .productDetails p { min-height:110px; } .productsPage h2 { font-size:35px; } .productLine { font-size:16px; line-height:23px; } /*----Product Fittings----*/ .proDetails .leftCol h2 { font-size:15px; } .proDetails .leftCol ul { padding:10px 0 0 0; } .proDetails .proViewArea .smallProduct { width:11.7%; } .proDetails .proViewArea .largeProduct { width:88.3%; } .proDetails .leftCol { width:100%; } .proDetails .rightCol { width:100%; padding:0; border:0; margin-top:20px; } .proDetails .leftCol ul li { border:0; } .proDetails .proFittingsType .tabContainer { padding:30px 0; } /*----News & Events----*/ .newsEvents .recentEvent h2 { padding:0 0 15px 0; } .newsEvents .recentEvent { padding:0 8px; } .newsEvents .eventList ul li { padding:8px; } .newsEvents .recentEvent .viewLarge .eventTitle { padding:10px; font-size:16px; } .newsEvents .eventList h2 { font-size:15px; } .newsEvents .eventList p { font-size:13px; line-height:18px; } .newsEvents .recentEvent h2 { font-size:24px; } .qualityPolicy .content { padding:0 20px; } .valueAddedSer { padding:0; } .qualityPolicy .readMoreOuter { margin:0; } .ourStrength.ontheGO { padding:15px 0 0 0; } .readMoreOuter .moreLink { font-size:13px; } .contactUs .contactDetail { padding-top:0; } .assOffices h2 { margin-bottom:0; } .contactMap { height:300px; } .contactUs { padding:10px 0 40px 0; } .contactUs .leftCol { width:100%; } .contactUs .rightCol { width:100%; padding-left:0; margin-top:40px; } .contactUs .leftCol p { margin-bottom:20px; } .contactUs .formArea .typeCode input[type="text"] { width:190px; } .contactUs .rightCol .conLocation, .contactUs .rightCol .conCall, .contactUs .rightCol .conEmail { padding:0; } .contactUs .rightCol p::after { display:none; } .contactUs .rightCol .conCall .fa, .contactUs .rightCol .conEmail .fa { padding-right:0; } .contactUs .rightCol .conLocation .fa { padding-right:10px; } .contactUs .rightCol .fa { font-size:24px; } .contactUs .rightCol .conEmail .fa { font-size:20px; } .contactUs .rightCol p { padding-left:10px; } .inqueryArea { top:58px; position:absolute; } #productSidebar { position:relative !important; top:0 !important; width:100% !important; left: 0 !important; } .proDetails .leftCol.jquery-stickit-spacer { display:none !important; } .proDetails .leftCol ul { width:62%; float:left; } .proDetails .onlineBrochure { width:35%; float:right; } .proDetails .leftCol { padding-right:0; } .proDetails .leftCol ul li a, .proDetails .leftCol ul li a:hover { padding:6px 0 6px 10px; } .proDetails .leftCol ul li { margin-bottom:1px; } .proDetails { padding:10px 0 20px 0; } .proDetails .proFittingsType .tabContainer { padding:30px 0 0 0; } .proDetails .leftCol h2 { font-size:19px; padding-bottom:10px; } .proDetails .leftCol { padding-bottom:5px; } .suppliers ul li { width:47%; } .conInqueryArea { width:100%; } .projects .projectsYearOuter .tabbingArea .tabsNav .tabsAnchor { line-height:49px; padding:0 10px; height:49px; } .legalPage .note { font-size:19px; line-height:25px; } .servicesOnThe .breadcrumb { margin:0; padding:15px 0; } .aboutInnerPage > .mission ul { margin:10px 0 20px 0; } .aboutInnerPage .qualityPolicy { padding:20px 0 0 0; } .careerPageTitle { padding:10px 0 20px 0; } .proDetailsInq.contactUs .inquiryNow .inquiryBtn { width:170px; } .proDetails .leftCol ul.radioGroup { width:100%; } .globalPresence .countryList ul { width:33.33%; } .branchLoc { padding-top:20px; } .direDesk .leftCol { width:100%; padding:0; } .dirDesk { width:100%; } .direDesk { padding:0; } .backBtn { top:10px; } .servicesOnThe .breadcrumb .backBtn { top:16px; } .getInTouch .followUs li .fa.fa-skype { padding:5px 0 0 0; } .projects .projectsYearOuter .owl-carousel { max-width:inherit; width:90%; } .docIcons { float:none; } .newsEvents .eventList .view{height:145px;} .inqueryArea .formArea .col .smallLabel select, .conInqueryArea .formArea .col .smallLabel select{width:100% !important; -webkit-appearance: none;} } @media screen and (max-width:768px) { .homeSlider .rightArea { width:71%; } /*.pipeChartPage .formArea .largeDrop{margin:0 1% 40px 1%;}*/ .homeSlider .leftArea p { font-size:14px; } .homeSlider .leftArea h2 { font-size:17px; } .homeSlider button { font-size:12px; line-height:22px; padding:0 5px; } .getInTouch .followUs li a { font-size:14px; } .getInTouch .followUs li .fa { width:30px; height:30px; font-size:14px; padding:8px 0; margin-right:5px; } /*----About Us----*/ .innerBanner.largeBanner img { height:250px; } .aboutQuickLinks .firstBox, .aboutQuickLinks .secondBox, .aboutQuickLinks .thirdBox, .aboutQuickLinks .forthBox { padding:20px; } .innerBanner .bannerInfo { top:26%; } .gerabAboutUs .aboutVideo .videoBox { width:100%; } .aboutQuickLinks ul li { padding:20px; } .innerBanner .bannerInfo p { font-size:14px; } /*----Milestone----*/ .milestonesArea { padding:0; } .middlePageTitle { font-size:30px; } .milestonesArea .stonesTimeline { margin:20px 0; } .topMainBanner .bannerTitle h2 { font-size:27px; line-height:32px; } .topMainBanner .bannerTitle .tagLine { font-size:20px; line-height:20px; } .topMainBanner .bannerTitle .tagLine:after { width:85px; } /*----Product Fittings----*/ .proDetails .proViewArea .smallProduct { width:11.6%; } .proDetails .proViewArea .largeProduct { width:88.4%; } /*----News & Events----*/ .newsEvents .eventList .newsEventDetail { min-height:200px; } /*----Contact Us----*/ .assOffices .officesList ul li { padding:5px; } .assOffices .officesList ul { margin:0 -5px; } .contactUs p { font-size:16px; } .contactUs .rightCol p { font-size:16px; line-height:22px; padding-left:20px; } .proDetails .proFittingsType .tableData tr th, .proDetails .proFittingsType .tableData tr td { padding:7px 12px; } .servicesInPage h2, .aboutInnerPage .mission h2 { font-size:39px; } .clients h2, .downloads h2, .servicesInPage h2, .legalPage h2, .servicesOnThe .howItWorks.valveAd h2, .aboutInnerPage .qualityPolicy h2 { font-size:39px; } .servicesOnThe .overview, .servicesOnThe .howItWorks { padding:20px 0 0 0; } .servicesOnThe h2 { margin-bottom:10px; font-size:30px; } .servicesOnThe .overview p { font-size:16px; line-height:23px; } .servicesOnThe .overview .ontheGoBottom { max-width:550px; } .servicesOnThe .howItWorksRow .rightCol { padding-left:20px; } .servicesOnThe .howItWorksRow p { font-size:16px; line-height:23px; } .servicesOnThe .howItWorksRow { padding:10px 0 20px 0; } .valueAddedSer ul { padding-bottom:0; } .servicesVA.proManage p { font-size:17px; line-height:25px; } .careerData .careerFilter ul li { margin:0 5px; } .career .careerList ul li { background-position:0 28px; padding:25px 0 25px 40px; } .career .careerList ul li:last-child { padding:25px 0 25px 40px; } .career .careerList .postList ul li{padding:0 10px 0 0;} .career .careerList ul li input[type=submit] { padding:0 16px; } .search .rightCol { width:100%; margin-top:20px; } .search .leftCol { width:100%; } .search .leftCol .bullet { margin:10px 0 0 0; } .pipeChartPage .note ul li { font-size:18px; line-height:25px; } .corporateOverview p, .ourStrgth p { font-size:16px; } .servicesOnThe .howItWorks.valveAd p { font-size:16px; } .servicesVA.proManage h2 { font-size:30px; } .gerabAboutUs .breadcrumb { margin-bottom:15px; } #innerContent .stonesTimeline .timeline .timelineBox p { font-size:14px; line-height:20px; } .career .radio { left:6px; } .downloadList h3 { font-size:16px; } .downloadList ul li, .downloadList ul li:hover { font-size:16px; padding:6px 6px 6px 16px; background:url(../images/bullete.png) no-repeat 0 11px; } .inqueryArea .radioGroup li, .conInqueryArea .radioGroup li { padding-right:10px; } .newsEvents .eventList .view{height:135px;} .career .articleContentContainer ul li, .career .articleContentContainer ul li:last-child, .career .articleContentContainer ul li:hover, .career .articleContentContainer ul li:hover:last-child { background:url(../images/bullete.png) no-repeat 0 12px; padding:5px 5px 5px 16px; } } @media screen and (max-width:765px) { .homeSlider .bannerArea .allBanner .bannerTitle { font-size:13px; line-height:13px; } .homeSlider .bannerArea .allBanner .details { font-size:13px; line-height:15px; } .homeSlider .bannerArea .allBanner button { font-size:11px; line-height:24px; } .homeSlider .bannerArea .allBanner .btnLink{ font-size:11px; line-height:24px; } .homeSlider .bannerArea .allBanner .right { margin-top:-12px; } .pipeChartPage .note ul li p { padding:0 0 0 70px; } /*.pipeChartPage .formArea .rightCol, .pipeChartPage .formArea .leftCol { width:100%; } .pipeChartPage .formArea .rightCol { margin-bottom:30px; } .pipeChartPage .formArea .btnCol { float:left; width:48%; margin:0 1% 0 1%; } .pipeChartPage .formArea .largeDrop{width:48%;} .pipeChartPage .formArea button { line-height:40px; } .pipeChartPage .note ul li p, .pipeChartPage .note ul li { font-size:16px; } .pipeChartPage .formArea .cusSelect { margin:0 1.5% 3% 1.5%; } .pipeChartPage .note { padding:0 1.5%; }*/ .suppliers ul li { height:260px; } .pipeChartPage .formArea .colLeft{padding:0 20px;} .iframVideo iframe{height:256px;} } @media screen and (max-width:700px) { #logo { float: none; margin: 0 auto; width: 60%; } #header .leftNav { height: 40px; text-align: center; width: 100%; } #header .leftNav ul { padding-top: 10px; } #header .leftNav ul li { display: inline-block; float: none; vertical-align: top; } .newsEvents .eventList .view{height:115px;} } @media screen and (max-width:640px) { #logo { width:60%; float:none; margin:0 auto; } .topMainBanner .bannerTitle h2 { font-size:24px; line-height:32px; } #header .leftNav { text-align:center; width:100%; height:40px; } #header .leftNav ul { padding-top:10px; } #header .content { padding:0; } .socialGroup { top:70px; } #header .leftNav ul li { float:none; display:inline-block; vertical-align:top; } #header .leftNav ul li:last-child { margin-top:0px; margin-right:0; } .homeSlider .item { padding:0 20px; } /*.leftSmallMenu {left: auto;margin: 0 auto;padding: 10px 0 5px;position: relative;top: auto;width:190px;}*/ #navbarWrap { margin-top:10px; } .mean-nav { margin:0; } .mainSliderControl .arrowArea .prev, .mainSliderControl .arrowArea .next { width:13px; height:18px; } .mainSliderControl .arrowArea .prev, .mainSliderControl .arrowArea .prev:hover { background-position:-141px -249px; } .mainSliderControl .arrowArea .next, .mainSliderControl .arrowArea .next:hover { background-position:-145px -283px; } .gerab h2, .quiceLinks h2, .ourProducts h2 { font-size:30px; line-height:30px; } .gerabBrand h2 { font-size:27px; line-height:27px; } .corporateOverview .readMoreOuter { margin:10px 0 20px 0; } /*----Quice Links----*/ .quiceLinks .box .thumb { width:45%; } .quiceLinks .box .details { width:55%; } .quiceLinks .box:hover .details { width:55%; } .quiceLinks .box p { font-size:15px; line-height:20px; } .quiceLinks h3 { font-size:15px; } .qualityPolicy .content { padding:0 20px; } .aboutInnerPage .qualityPolicy h2 { padding-bottom:10px; } .qualityPolicy { padding:0; } /*----Our Products----*/ .ourProducts .productList .productBox h2, .ourProducts .productList .productBox h2 a { font-size:18px; line-height:23px; display:none; } .productBox p { display:none; } .ourProducts .productList { margin-top:10px; } .productBox .proContent { height:37px; opacity:1; top:auto; bottom:0; padding:5px 10px; } .ourProducts .productBox h2 { opacity: 1; transform:translateY(0px); } .productBox .readMore { opacity:1; margin:0; } .productBox { width:48%; margin:1%; box-shadow: 0 0 3px #ccc; } /*Tabs*/ .tabbingArea .tabsNav { display: none; } .tabbingArea .tabsAccordionTitle { display: block; float:left; width:100%; } .tabbingArea .tabsAccordionTitle .tabsAnchor { transition: all 0s ease 0ms; } .tabbingArea .tabsPanel { padding:0 10px 10px 10px; display: none; transition:all 0.3s ease 0ms; margin-top:0; background:#fff; border:1px solid #ccc; margin-bottom:5px; width:100%; float:left; } .tabbingArea .tabsAccordionTitle, .tabbingArea .tabsAccordionTitle.tabsStateActive { position:relative; font-size:16px; } .tabbingArea .tabsAccordionTitle .tabsAnchor:after { position:absolute; right:7px; top:2px; content:"+"; font-size:24px; color:#fff; } .tabbingArea .tabsAccordionTitle.tabsStateActive .tabsAnchor:after { content:"-"; right:10px; top:-2px; font-size:32px; color:#b72027; } /*----Map----*/ .gmap { height:300px; } /*----Get In Touch-----*/ .getInTouch { position:relative; background:#111; } .getInTouch h2 { font-size:20px; } .getInTouch .address p, .getInTouch .address li, .getInTouch .address li a { font-size:16px; } .getInTouch .address li.offices { margin-top:10px; padding-top:10px; } .getInTouch .address, .getInTouch .form { width:100%; } .getInTouch .form { margin:30px 0 0 0; } .getInTouch .form input[type="text"] { font-size:16px; height:35px; } .getInTouch .form button { width:100%; } .getInTouch .followUs ul { margin-top:10px; } .getInTouch .followUs li a { color:#fff; font-size:12px; } .getInTouch .followUs li .fa { background:#fff; } .gerab, .quiceLinks, .gerabBrand, .ourProducts, .khidmah { padding-top:20px; padding-bottom:20px; } .gerabBrand p { padding:0 20px; } .khidmah .middleSlider .detailsArea { padding:10px 0 0 0; } .khidmah .middleSlider .detailsArea h2 { font-size:23px; } .tp-leftarrow.default, .tp-rightarrow.default { display:none; } .tp-bullets { display:block; } #header { padding-bottom:0; } .footerSitemap .col { width:50%; } .footerSitemap .col.colMenu0, .footerSitemap .col.colMenu1 { height:330px; } /*----About Us----*/ .innerBanner.largeBanner img { height:250px; } .innerBanner .bannerInfo { text-align:center; width:100%; left:0; } .innerBanner .bannerInfo button { margin:15px auto 0 auto; padding:0 5px; } .innerBanner .bannerInfo h2 { font-size:14px; line-height:24px; padding-top:3px; } .innerBanner .bannerInfo p { font-size:13px; line-height:18px; } .aboutQuickLinks ul li { padding:15px; } .aboutQuickLinks ul li .productBox { box-shadow:0 0 0 #ccc; } .gerabAboutUs .aboutVideo .videoTitle { padding:0 0 12px 0 } .gerabAboutUs h2, .corporateOverview h2, .mission h2, .qualityPolicy h2, .fromTheDirect h2, .mileStones h2, .ourStrength h2, .projects h2, .projectManagement .middleArea .middleTitle { font-size:21px; } .gerabAboutUs h2 span.fa { top:1px; } .aboutPageMenu ul li a { font-size:14px; padding:0 10px; } .aboutPageMenu { width:250px; } .gerabAboutUs .aboutVideo .video-js { height: 214px !important; } .gerabAboutUs .aboutVideo .projekktor{height:214px;} .stonesTimeline .timeline .timelineBox { height:auto; } .stonesTimeline .timeline .timelineBox .topCol { position:relative; height:auto; min-height:200px; } .stonesTimeline .timeline .timelineBox .topCol:before { display:none; } .stonesTimeline .timeline .timelineBox .year { left:0; top:auto; bottom:-45px; } .stonesTimeline .timeline.bottom .timelineBox .year { top:auto; } .stonesTimeline .owl-carousel .timeline { padding-bottom:50px; } .stonesTimeline .timeline.bottom .timelineBox .topCol:after { background:url(../images/timeline-arrow.png) no-repeat 0 0; left:15px; bottom:-13px; top:auto; } .stonesTimeline { margin:30px 0 0 0; } .stonesTimeline .mileStonesControl { margin-top:-40px; } .gerabAboutUs .aboutVideo { margin-top:15px; } .mission ul { margin:20px 0 0 0; } .aboutQuickLinks .firstBox, .aboutQuickLinks .secondBox, .aboutQuickLinks .thirdBox, .aboutQuickLinks .forthBox { padding:20px 0px; } .aboutQuickLinks ul li .productBox.onTheGo { padding-left:65px; } .gerabAboutUs h2.stick { top:100px; display:none; } /*----Milestones----*/ .middlePageTitle { font-size:24px; padding-bottom:10px; } .gerabToday { font-size:16px; line-height:22px; } .breadcrumb ul li a, .breadcrumb ul li { font-size:14px; } .milestonesArea .stonesTimeline { margin:10px 0 20px 0; } .gerabToday sup { font-size:11px; } .gerabBrand p { padding:0; font-size:14px; } /*----Products----*/ .productPageList ul li { width:50%; padding:0 10px 30px 10px; } .productPageList ul li .productDetails h2 { font-size:24px; } .productPageList ul li .productDetails p { margin:15px 0 0 0; } /*----Product Fittings----*/ .proDetails .proViewArea .smallProduct { width:100%; } .proDetails .proViewArea .largeProduct { width:100%; padding:0; margin-bottom:5px; } /*.proDetails .proViewArea .thumSlider li{width:auto!important;}*/ .proDetails .proViewArea { padding:5px; } .proDetails .proViewArea .thumSlider li { width:125px !important; } .proDetails .proViewArea .smallProduct .bx-controls { top:50%; left:0; width:100%; margin-left:0; margin-top:-14px; height:auto; } .proDetails .proViewArea .smallProduct .bx-controls-direction a { background:url(../images/thumb-control-mobile.png) no-repeat 0 0; width:15px; height:29px; left:auto; } .proDetails .proViewArea .smallProduct .bx-controls-direction a.bx-prev { background-position:0 0; left:0; } .proDetails .proViewArea .smallProduct .bx-controls-direction a.bx-prev:hover { background-position:0 0; } .proDetails .proViewArea .smallProduct .bx-controls-direction a.bx-next { background-position:-19px 0px; right:0; top:auto; bottom:auto; } .proDetails .proViewArea .smallProduct .bx-controls-direction a.bx-next:hover { background-position:-19px 0; } .proDetails .proFittingsType .tabbingArea .tabsAccordionTitle { display:none; } .proDetails .proFittingsType .tabbingArea .tabsNav { display:block; } .proDetails .proFittingsType .tabbingArea .tabsPanel { border:0; background:none; padding:0; } .projectsYearControl .arrowArea .prev { left:0; } .projectsYearControl .arrowArea .next { right:0; } .projects .projectsYearOuter .tabbingArea .tabsAccordionTitle { display:none; } .projects .projectsYearOuter .tabbingArea .tabsNav { display:block; } .projects .projectsYearOuter .tabbingArea .tabsPanel { background:none; padding:0; border:0; } /*----News & Events----*/ .newsEvents .eventList ul li { width:50%; } .newsEvents .recentEvent .viewLarge .eventTitle { font-size:14px; padding:6px; } .newsEvents .eventList .newsEventDetail { min-height:170px; } .newsEvents .eventList h2 { min-height:40px; } .clients ul, .clientsList { width:100%; margin:0; padding:0; } .clientsList, .sitemap { padding-top:5px; } .clients ul li, .clients ul li:hover { min-height:inherit; padding:8px 8px 8px 16px; background-position:0 11px; font-size:15px; } .clients h2, .suppliers h2, .assOffices h2, .contactUs h2, .downloads h2, .legalPage h2 { font-size:35px; padding:0; } .clients, .suppliers { padding:0 0 20px 0; } .suppliers ul { padding:15px 0 0 0; } /*----Services----*/ .projectManagement .middleArea .middleTitle { padding:15px 0; } .valueAddedSer .leftCol, .valueAddedSer .rightCol { width:100%; } .valueAddedSer .rightCol { padding:20px 0 0 0; } /*----Contact Us----*/ .assOffices .officesList ul li { width:50%; } .assOffices .officesList ul li h2, .assOffices .officesList ul li h3 { font-size:14px; } .assOffices .officesList ul li button { font-size:13px; line-height:26px; padding:0 8px; } .assOffices .officesList ul li h3 { padding-bottom:10px; } .assOffices .officesList ul li button { margin-bottom:10px; } .assOffices .officesList ul li p { padding-bottom:10px; font-size:15px; } .assOffices { padding:20px 0 0 0; } .assOffices h2 { margin-bottom:10px; } .contactUs .leftCol { width:100%; } .contactUs button { width:100%; margin-top:25px; } .contactUs { padding:10px 0 20px 0; } .contactMap { height:300px; } .contactUs h3 span { font-size:15px; padding:0 10px; } .contactUs .leftCol { width:100%; } .contactUs .leftCol .conLocation { padding:8px 0; } .contactUs .leftCol .conCall{padding:0;} .contactUs .leftCol .fa { padding-right:16px; } .contactUs .leftCol .conCall .fa, .contactUs .leftCol .conEmail .fa { padding-right:10px; } .contactUs .leftCol .conVideo .video-js { width:70% !important; height:250px !important; } .inqueryArea { top:187px; } .inqueryArea h2, .conInqueryArea h2 { font-size:20px; padding-bottom:5px; } .inqueryArea h3, .conInqueryArea h3 { font-size:15px; padding:5px 0; } .inqueryArea .radioGroup li, .conInqueryArea .radioGroup li { width:33.33%; padding-bottom:7px; } .conInqueryArea .radioGroup li { width:50%; } .conInqueryArea .formArea { padding-top:10px; } .contactUs .inquiryNow { margin:10px 0 0 66px; } .inqueryArea .radioGroup label, .conInqueryArea .radioGroup label, .inqueryArea .radioGroup input, .conInqueryArea .radioGroup input { font-size:12px; } .inqueryArea .formArea button, .conInqueryArea .formArea button { font-size:14px; line-height:30px; padding:0 10px; width:auto; } .inqueryArea .formArea .widthFull.buttonRow, .conInqueryArea .formArea .widthFull.buttonRow { padding-top:6px; } .inqueryArea .formArea .leftCol, .conInqueryArea .formArea .leftCol { font-size:13px; } .inqueryAreain { padding:15px; } .inqueryArea .formArea .leftCol, .conInqueryArea .formArea .leftCol { padding-right:20px; } .homeSlider .item { height:320px; } .socialGroup.stop { z-index:99; } .homeSlider .forth .leftArea { padding:70px 0 0 0; } .homeSlider .rightArea { width:64%; } .homeSlider .leftArea h2 { font-size:15px; } .homeSlider .leftArea p { font-size:12px; } .proDetails .leftCol ul { width:53%; } .proDetails .onlineBrochure { width:44%; } .downloadList { padding-top:15px; } .suppliers ul { margin:0; width:100%; } .suppliers ul li { width:100%; margin:0 0 20px 0; height:auto !important; } .suppliers ul li:last-child { margin:0; } .suppliers h2 { text-align:left; } .legalPage p { font-size:15px; padding-bottom:10px; line-height:23px; } .legalPage h3 { font-size:19px; } .legalPage .note { padding-top:10px; font-size:17px; line-height:23px; } .servicesInPage h2, .aboutInnerPage .mission h2 { font-size:32px; } .servicesVA .boxList { margin:20px 0 0 0; } .servicesVA .boxList ul { width:100%; margin:0; } .servicesVA .boxList ul li { width:100%; padding:0 0 20px 0; } .servicesList ul { padding:0; } .servicesVA p { padding-top:0; } .servicesVA .boxViewList { margin:0px 0 0 0; } .servicesList { margin:20px 0 0 0; } .servicesList h3 { font-size:20px; padding-bottom:5px; } .servicesOnThe .leftCol { width:100%; margin-bottom:20px; } .servicesOnThe .leftCol img, .servicesOnThe .rightCol img { width:70%; } .servicesOnThe .rightCol img { float:left; } .valvAutSer { padding:20px 0 0 0; } .servicesList { margin:0; } .servicesOnThe .howItWorksRow .rightCol { padding:0; width:100%; } .servicesOnThe .howItWorksRow { padding:0 0 5px 0; } .servicesOnThe .howItWorksRow:last-child { padding:0 0 20px 0; } .finManage .leftCol { width:100%; margin-bottom:20px; } .finManage .leftCol .serviceLeft img { width:70%; } .finManage .howItWorksRow .rightCol { width:100%; padding:0; } .finManage .howItWorksRow p { font-size:16px; line-height:23px; } .finManage .howItWorksRow .rightCol p { padding-bottom:0; } .aboutInnerPage .qualityPolicy { padding:0; } .careerData .careerFilter { text-align:center; } .careerData .careerFilter .showing { float:none; } .careerData .careerFilter ul { position:relative; padding:15px 0 10px 0; } .careerData .careerFilter .submitCV { float:none; } .careerPageTitle { font-size:30px; } .careerData .careerFilter { padding:10px 0 20px 0; } .career .careerList ul li .leftCol { width:100%; margin-bottom:10px; } .career .careerList ul li .rightCol { width:100%; } .career .careerList ul li input[type="submit"] { float:left; font-size:13px; line-height:30px; } .career .careerList ul li { padding:15px 0 15px 40px; background-position:0 18px; } .career .careerList ul li:last-child { padding:15px 0 0 40px; background-position:0 18px; } .career .careerList .postList ul li:last-child { padding:0 10px 0 0; } .career .careerList .download ul li:last-child { padding:0 10px; } .career .careerList .download { font-size:16px; } .career .careerList .download { padding:10px 0 0 0; } .career .careerList .download ul li:after { top:0; } .career .articleContentContainer ul li, .career .articleContentContainer ul li:last-child, .career .articleContentContainer ul li:hover, .career .articleContentContainer ul li:hover:last-child { background:url(../images/bullete.png) no-repeat 0 12px; padding:5px 5px 5px 16px; } .homeSlider .bannerArea .allBanner { position:relative; } .homeSlider .arrowControl .bx-next, .homeSlider .arrowControl .bx-next:hover { background-position:-132px -237px } .homeSlider .arrowControl .bx-prev, .homeSlider .arrowControl .bx-prev:hover { background-position:-132px -278px } .homeSlider .arrowControl a { height:39px; width:30px; } .homeSlider .leftArea { padding:55px 0 0 0; } .homeSlider .bannerArea .allBanner { padding:10px 10px 10px 12px; } .search .totalResualt span { width:60%; } .legalPage .adSearchRe .box p { text-align:left; } .pipeChartPage .formArea button { padding:0 10px; font-size:15px; } .pipeChartPage .note ul li p { font-size:16px; line-height:25px; padding:0; } .pipeChartPage .formArea button { font-size:13px; } .conPopup { padding:8px 8px 0 8px; } .conPopup h2 { padding:8px 0; font-size:15px; } .conPopup p { font-size:14px; } .contactUs.proDetailsInq .conInqueryArea .inqueryAreain:after { left:77px; } .valAddLeft { padding-top:30px; } #qualityPolicyArea.qualityPolicy { padding:15px 0; } .globalPresence .countryList ul { width:50%; } .globalPresence .countryList li, .globalPresence .countryList li:hover { padding:2px 10px 2px 20px; background-position:0 10px; } .leftSmallMenu, .socialGroup.stop, .socialGroup { top:200px; } .inqueryArea { width:93%; } #footer .copyRight, #footer ul li a { font-size:14px; } .dirDesk .name { font-size:20px; } .dirDesk span { font-size:17px; } #valueAddedServices { padding:15px 0; } #valueAddedServices .valueAddedSer .rightCol .readMoreOuter { text-align:center; } #innerContent p { font-size:17px; line-height:25px; } .career .radio { top:16px; } #innerContent p.offiAddress, #innerContent .assOffices .officesList ul li p { font-size:15px; line-height:21px; } .suppliers ul li { height:auto; } .suppliers ul { padding:5px 0 0 0; } .downloadList .box { width:100%; } .projects .disclaimer { padding:0; } .assOffices .officesList ul li p .left { width:30px; } .assOffices .officesList .coordination .fa { padding-right:13px; } .newsEvents .eventList .view{height:165px;} /*----Subsribe----*/ .newsLetter { bottom: -10px;left: 0; margin: 0 3%; position: absolute;right: auto;width: 90%;} #footer .content{padding-bottom:40px;} .pipeChartPage .formArea .colLeft{padding:0 10px;} } @media screen and (max-width:560px) { .quiceLinks .box .thumb { width:100%; } .proDetails .onlineBrochure{float:left;} .pipeChartPage .formArea .submitBtn{line-height:38px;} .quiceLinks .box .details { width:100%; padding:20px; } .quiceLinks .box:hover .details { width:100%; } .productBox { width:100%; margin:0 0 10px 0; } .productBox:last-child { margin:0; } .productBox .proContent { height:45px; padding:10px; } .getInTouch .followUs li { width:49%; } .getInTouch { padding:20px 0 10px 0; } /*----About Us----*/ .aboutQuickLinks .firstBox, .aboutQuickLinks .secondBox, .aboutQuickLinks .thirdBox, .aboutQuickLinks .forthBox { width:260px; margin:0 auto; float:none; padding:10px 0 } .aboutQuickLinks ul li .productBox.valveAutomation { padding-left:67px; } .aboutQuickLinks ul li .productBox.pipeChart { background-position:14px 5px; } .aboutQuickLinks ul li .productBox.valveAutomation, .aboutQuickLinks ul li .productBox.valveAutomation:hover { background-position:6px -299px; } .aboutQuickLinks ul li .productBox { margin:0 auto; float:left; } .aboutQuickLinks ul li .productBox.pipeChart, .aboutQuickLinks ul li .productBox.valueAdded, .aboutQuickLinks ul li .productBox.valveAutomation, .aboutQuickLinks ul li .productBox.onTheGo { width:100%; } .aboutQuickLinks ul li .productBox.pipeChart { padding-left:60px; } .ourStrengthSlider .owl-item.active { border:0; } .gerabAboutUs .aboutVideo .video-js { height: 198px !important; } .gerabAboutUs .aboutVideo .projekktor{height:198px;} .corporateOverview p { padding-bottom:20px; } /*----suppliers----*/ .suppliers ul li p { font-size:15px; line-height:22px; } .inqueryArea { top:181px; } .conInqueryArea .formArea .col { width:100%; } .conInqueryArea .formArea .leftCol { padding:0; width:100%; } .conInqueryArea .formArea .leftCol.last { width:100%; } .conInqueryArea .formArea .col .smallLabel, .conInqueryArea .formArea .col .smallLabel.last { width:100%; float:left; } .conInqueryArea .formArea .col .smallLabel { margin-bottom:15px; } .conInqueryArea .formArea .col textarea { height:70px !important; } .conInqueryArea .formArea .widthFull.buttonRow .leftCol:first-child { padding-bottom:12px; } .conInqueryArea .formArea { padding-top:10px; } .conInqueryArea .formArea .col .smallLabel.last { margin-bottom:0; } .homeSlider .leftArea { padding:6% 0 0 0; } .homeSlider .bannerArea .allBanner .left { padding:0; } .homeSlider .bannerArea .allBanner .right { float:left; position:relative; left:auto; top:auto; margin:5px 0 0 0; right:auto; } .pipeChartPage .formArea .btnCol { width:100%; margin:0 0 15px 0; } .pipeChartPage .formArea .rightCol { margin-bottom:20px; } .quickLkPopup .quiceLinks .box .thumb { width:100%; } .quickLkPopup .quiceLinks .box .details, .quickLkPopup .quiceLinks .box:hover .details { width:100%; } .quickLkPopup .quiceLinks .box .details { padding:15px 0 0 0; } .proDetailsInq.contactUs .inquiryNow .inqueryAreain { padding:15px; } .aboutQuickLinks ul li .productBox .sdt_descr { font-size:15px; } .inqueryArea .radioGroup li, .conInqueryArea .radioGroup li { width:50%; } .proDetails .leftCol ul { width:100%; } .inqueryArea { width:90%; } .inqueryAreain { padding:10px; } .inqueryArea h2, .conInqueryArea h2, .proDetails .leftCol .conInqueryArea h2 { font-size:15px; } .inqueryArea h3, .conInqueryArea h3 { font-size:13px; padding:5px 0 10px 0; margin:0; } .inqueryArea .formArea .col, .conInqueryArea .formArea .col { width:100%; } .inqueryArea .formArea .leftCol, .conInqueryArea .formArea .leftCol { padding:0; width:100%; } .inqueryArea .formArea .leftCol.last, .conInqueryArea .formArea .leftCol.last { width:100%; } .inqueryArea .formArea .col .smallLabel, .inqueryArea .formArea .col .smallLabel.last, .conInqueryArea .formArea .col .smallLabel, .conInqueryArea .formArea .col .smallLabel.last { width:100%; float:left; } .inqueryArea .formArea .col .smallLabel { margin-bottom:15px; } .inqueryArea .formArea .col textarea, .conInqueryArea .formArea .col textarea { height:70px !important; } .inqueryArea .formArea .widthFull.buttonRow .leftCol:first-child, .conInqueryArea .formArea .widthFull.buttonRow .leftCol:first-child { padding-bottom:12px; } .inqueryArea .formArea, .conInqueryArea .formArea { padding-top:10px; } .inqueryArea .formArea .col .smallLabel.last { margin:0; } .contactUs .inquiryNow .inquiryBtn, .contactUs .inquiryNow .inquiryBtn:hover, .contactUs .inquiryNow .inquiryBtn.active { background-position:8px 8px; padding:10px 8px 10px 41px; font-size:16px; } .proDetailsInq.contactUs .inquiryNow .inquiryBtn:hover, .proDetailsInq.contactUs .inquiryNow .inquiryBtn.active { padding:10px 10px 10px 46px; background:url(../images/inq-icon.png) no-repeat scroll 10px 7px; } .conInqueryArea { top:56px; } .inqueryArea .formArea .col .smallLabel.last, .conInqueryArea .formArea .col .smallLabel.last { margin-bottom:0; } .contactUs .inquiryNow { margin:10px 0 0 65px; } .conInqueryArea .inqueryAreain:after { left:77px; } .qualityPolicy .certificate ul li { width:49%; margin:10px 0; } .customeScroll { height:auto; } .supplierPre { float:left; } .newsEvents .eventList .view{height:145px;} .jobApplication .formArea{padding:0 30px;} .pipeChartPage .formArea .fullCol.colLast .colLeft .left, .pipeChartPage .formArea .col2 .largeDrop.left{width:60%;} .pipeChartPage .formArea .fullCol.colLast .colLeft .right, .pipeChartPage .formArea .col2 .largeDrop.right{width:40%;} .iframVideo iframe{height:206px;} .advanceSearchListing li.dateRange label{width:100%;} .advanceSearchListing li.dateRange [type="text"]{width:100%; margin:0 0 5px 0;} .jobApplication .drTabContent{width:90%;} } @media screen and (max-width:540px) { .jobApplication .col{margin-bottom:5px;} .jobApplication .col label, .jobApplication .col input[type="text"], .jobApplication .validation, .jobApplication .customeBrowse, .jobApplication .col .rightCol, .jobApplication .widthFull{width:100%;} .jobApplication .validation{padding:0 0 5px 0;} .jobApplication .col .smallLabel .last{margin-left:1%; float:right} .jobApplication .col .smallLabel input[type="text"]{width:100%; margin-bottom:5px;} .jobApplication .buttonRow{padding:0;} .jobApplication .col .rightCol .left{width:100%; padding:0;} .jobApplication .col .rightCol .left.last{padding:0; margin-top:5px;} } @media screen and (max-width:480px) { #logo { width:80%; } #header .leftNav ul li .searchArea input[type="text"]{font-size:12px;} .jobApplication .widthFull{width:100%;} .homeSlider .item { height:255px; } .homeSlider .leftArea h2 { font-size:13px; } .homeSlider .leftArea p { font-size:12px; } .homeSlider .leftArea { padding:8% 0 0 0; } .homeSlider .forth .leftArea { padding:40px 0 0 0; } .homeSlider .third .leftArea { padding:55px 0 0 0; } .homeSlider .rightArea { right:-10px; } .gerab p, .gerabBrand p, .ourProducts .topText { font-size:15px; line-height:26px; } .khidmah .middleSlider .sliderOuter { width:300px; } .khidmah .middleSlider { padding:20px 10px; } .footerSitemap .col { width:100%; padding:0; height:auto; } .footerSitemap .col h2 { font-size:14px; padding:5px 0; } /*----About Us----*/ .innerBanner .bannerInfo p { line-height:15px; font-size:12px; } .innerBanner .bannerInfo h2 { padding:0 5px; font-size:12px; } .innerBanner.largeBanner img { height:180px; } .innerBanner .bannerInfo { top:15%; } .gerabAboutUs .aboutVideo { padding:15px 10px } .gerabAboutUs .aboutVideo .video-js { height: 173px !important; } .gerabAboutUs .aboutVideo .projekktor{height:173px;} .mission ul li { margin-bottom:20px; } /*----Milestone----*/ .topMainBanner { height:150px; } .innerBanner { height:180px; } .topMainBanner .bannerTitle h2 { font-size:20px; line-height:20px; } .topMainBanner .bannerTitle .tagLine { font-size:16px; line-height:16px; } .topMainBanner .bannerTitle .tagLine:after { width:65px; } /*----Products----*/ .productPageList { padding-top:20px; } .productsPage h2 { font-size:25px; padding:0 0 10px 0; } .productLine { font-size:14px; line-height:22px; } .productPageList ul li .productDetails { padding-top:15px; } .productPageList ul li .productDetails h2 { font-size:21px; } .productPageList ul li { width:100%; padding:20px 0; border-bottom:1px solid #92161c; } .productPageList ul li:first-child { padding:0 0 20px 0; } .productPageList ul li .productDetails p { min-height:inherit; margin:10px 0; } .proDetails .proViewArea .thumSlider li { width:82px !important; } /*----News & Events----*/ .newsEvents .eventArea { padding:10px; } .newsEvents .recentEvent h2 { font-size:20px; padding:0 0 8px 0; } .newsEvents .eventList ul li { width:100%; } .newsEvents .eventList h2, .newsEvents .eventList .newsEventDetail { min-height:initial; } .newsEvents .eventList h2 { padding-bottom:7px; } .topMainBanner .bannerTitle { width:90%; } /*----Services----*/ .valueAddedSer p { text-align:center; } .ourStrength p { padding-bottom:20px; } .ontheGO .readMoreOuter { margin:0 0 20px 0; } /*----Contact Us----*/ .assOffices .officesList ul { margin:0; } .assOffices .officesList ul li { width:100%; border-bottom:1px solid #e1e1e1; padding:10px 0 7px 0; } .assOffices .officesList ul li h2, .assOffices .officesList ul li h3, .assOffices .officesList ul li p.offiAddress, .assOffices .officesList ul li { height:auto !important; } .clients h2, .suppliers h2, .assOffices h2, .contactUs h2, .downloads h2, .legalPage h2, .servicesInPage h2, .aboutInnerPage .mission h2 { font-size:25px; } .clients h2, .downloads h2, .servicesInPage h2, .legalPage h2, .servicesOnThe .howItWorks.valveAd h2, .aboutInnerPage .qualityPolicy h2 { font-size:25px; } .assOffices h2, .clients h2, .downloads h2, .legalPage h2, .servicesInPage h2, .aboutInnerPage .qualityPolicy h2 { text-align:left; } .contactUs h3 span { font-size:14px; } .contactUs h3 { margin-bottom:10px; } .contactUs p { padding-bottom:10px; } .contactUs .leftCol .conVideo .video-js { width:100% !important; height:200px !important; } .inqueryArea { top:169px; } .inqueryArea h2, .conInqueryArea h2 { font-size:17px; } .proDetails .onlineBrochure { width:260px; float:left; margin-top:20px; } .downloadList ul li, .downloadList ul li:hover { font-size:15px; background-position:0 11px; } .proDetails .proFittingsType .tableData tr th, .proDetails .proFittingsType .tableData tr td { font-size:14px; } .contactUs .contactDetail { padding-top:5px; } .contactUs .leftCol p { padding:0; font-size:16px; line-height:22px; } .contactUs .leftCol p:after { display:none; } .contactUs .leftCol .conLocation, .contactUs .leftCol .conCall { padding:3px 0 0 0; } .contactUs .rightCol { margin-top:30px; } .productBanner.topMainBanner .bannerTitle .tagLine:after { width:100px; } .servicesVA { padding:10px 0 0 0; } .servicesVA p { font-size:17px; line-height:23px; } .servicesOnThe h2 { font-size:25px; } .servicesOnThe .overview p, .servicesOnThe .howItWorksRow p { font-size:15px; line-height:22px; } .servicesOnThe .overview .ontheGoBottom { border:8px solid #fff; border-bottom:0; } .servicesOnThe .overview .ontheGoBottom { max-width:380px; } .valueAddedSer ul li { font-size:15px; } .servicesVA.proManage p { font-size:16px; line-height:24px; } .servicesVA.proManage p:last-child { padding:0; } .finManage .howItWorksRow { padding-top:0; } .careerPageTitle { text-align:left; font-size:23px; padding:0 0 10px 0; } .career .careerList .postList ul li { width:100%; } .career .readMoreOuter { text-align:left; } .career .careerList { margin-bottom:30px; } .search .totalResualt span { width:100%; font-size:14px; } .search .advanceSer { float:left; margin-top:10px; font-size:14px; line-height:29px; } .search .leftCol .bullet li { margin:0; } .search .leftCol .bullet a { font-size:14px; } .search .formArea label { font-size:14px; } .search .formArea .col { margin-bottom:10px; } .search .formArea .col h3 { padding-top:0; font-size:14px; } .adSearchRe .box { padding:10px 0; } .adSearchRe .box h3 { font-size:14px; padding:0 0 5px 0; } .search .radioGroup li, .search .checkGroup li { width:50%; } .servicesList { margin:10px 0 0 0; } .pipeChartPage .note ul li { font-size:16px; line-height:22px; } .pipeChartPage .formArea .cusSelect, .pipeChartPage .formArea input[type="text"] { width:100%; } .pipeChartPage .formArea .sbOptions { width:100.4%; } .pipeChartPage .formArea button { width:100%; line-height:35px; } .pipeChartPage .note { padding:0; } .conPopup h2 { font-size:13px; } .ourStrgth p { padding-bottom:10px; line-height:25px; } .proDetailsInq.contactUs .inquiryNow .inqueryAreain { padding:10px; } .globalPresence .countryList ul { width:100%; } .leftSmallMenu, .socialGroup.stop, .socialGroup { top:173px; } .homeSlider .arrowControl { top:33%; } .footerSitemap .col.colMenu0, .footerSitemap .col.colMenu1 { height:auto; } .branchLoc .selectBranch label { width:100%; float:none; display:block; text-align:center; } .branchLoc .selectBranch .sbHolder { float:none; margin:0 auto; } .branchLoc .locMapArea .locatorMap { height:340px; } .branchLoc .selectBranch { width:100%; } .servicesVA.proManage h2 { font-size:25px; margin-bottom:10px; } .dirDesk { font-size:16px; padding-bottom:20px; } .downloadList h3 { font-size:16px; } .clients h2, .suppliers h2, .downloads h2 { font-size:25px; } .suppliers ul li h2 { font-size:16px; } .downloadList ul { padding:0 0 5px 0; } .dirDesk .directorPhoto { width:100%; } .dirDesk .direDetails { width:100%; padding:15px 0 0 0; } #valueAddedServices p { text-align:justify; } .career .careerList ul li h2 { font-size:14px; } .career .careerList ul li .leftCol .readMoreOuter { display:block; margin:10px 0 0 0; } .assOffices .officesList ul li:last-child { border-bottom:0; } .contactUs .inquiryNow { margin:10px 0 0 35px; } #innerContent .productPageList ul li .productDetails p { min-height:inherit; height:auto; overflow:auto; } #innerContent .newsEvents .eventList p { min-height:inherit; height:auto; overflow:auto; margin:0; } .downloadList .box { padding:0; } .breadcrumb ul { padding-right:60px; } .branchLoc .conSelectBranch label { font-size:15px; } .projects .projectsYearOuter .owl-carousel { width:80%; } .inqueryArea .radioGroup li, .conInqueryArea .radioGroup li { width:100%; } .formArea .becomeDetails { font-size:14px !important; } .newsEvents .eventList .view{height:auto;} #innerContent p.offiAddress, #innerContent .assOffices .officesList ul li p{height:auto !important;} .assOffices .officesList ul li input[type="submit"]{line-height:25px; font-size:14px; padding:0 1px;} .assOffices .officesList ul li p{min-height:inherit;} .assOffices .officesList .coordination .fa{padding-right:5px;} /*----Subscribe----*/ .newsLetter{position:relative; left:auto; right:auto; bottom:auto; margin:20px 0 0 0; width:100%;} #footer .content{padding-bottom:0;} .pipeChartPage .formArea .colLeft{padding:0; width:100%;} .iframVideo iframe{height:186px;} .jobApplication .applyFor{font-size: 14px;} .selectBox.selectLocation{width:100%;} } @media screen and (max-width:375px) { .iframVideo iframe{height:136px;} .selectBox.selectCon{width:100%;} } @media screen and (max-width:360px) { #logo { width:90%; } #header .leftNav ul li .searchArea { width:100px; } #header .leftNav ul li { margin-right:5px; } #header .leftNav ul li .searchArea { margin:-5px 5px 0 0; } #header .leftNav ul li button { margin-top:0; } .homeSlider .leftArea h2 { font-size:11px; padding:3px 5px; } .homeSlider .leftArea p { font-size:10px; padding:5px 0 5px 3px; } .homeSlider button { font-size:10px; margin:5px 0 0 0; line-height:19px; padding:0 3px } .homeSlider .bannerArea .allBanner button { font-size:10px; margin:3px 0 0 0; line-height:19px; padding:0 3px } .homeSlider .bannerArea .allBanner .btnLink { font-size:10px; margin:3px 0 0 0; line-height:19px; padding:0 3px } .homeSlider .bannerArea .allBanner .bannerTitle { font-size:12px; } .homeSlider .bannerArea .allBanner .details { font-size:12px; line-height:14px; } .homeSlider .content { padding:0 40px; } .homeSlider .arrowControl { top:30%; } .homeSlider .rightArea { width:100%; right:0; opacity:0.7; } .homeSlider .second .leftArea { padding:30px 0 0 0; } .homeSlider .forth .leftArea { padding:33px 0 0 0; } .homeSlider .third .leftArea { padding:47px 0 0 0; } .homeSlider .forth .leftArea h2 { font-size:11px; } .khidmah .middleSlider .sliderOuter { width:100%; } .gerab h2, .quiceLinks h2, .ourProducts h2 { font-size:25px; line-height:25px; } .gerabBrand h2 { font-size:22px; line-height:22px; } .quiceLinks h3 { font-size:14px; } .quiceLinks h3 span { padding:0 10px; } .khidmah .middleSlider .detailsArea h2 { font-size:19px; line-height:22px; } .getInTouch h2 { font-size:18px; } .getInTouch .address p { font-size:15px; line-height:22px; } .getInTouch button { font-size:14px; line-height:35px; padding:0; } .qualityPolicy .certificate ul li img { border:1px solid #676767; } /*----About Us----*/ .innerBanner .bannerInfo { top:20%; } .innerBanner.largeBanner img { height:130px; } .innerBanner .bannerInfo button { font-size:11px; line-height:17px; margin:10px auto 0 auto; } .innerBanner .bannerInfo h2 { font-size:10px; line-height:18px; padding-top:3px; } .innerBanner .bannerInfo p { font-size:10px; line-height:13px; } .gerabAboutUs .aboutVideo { padding:5px; } .gerabAboutUs .aboutVideo .videoTitle { font-size:13px; padding:0 0 8px 0; } .gerabAboutUs .aboutVideo .video-js { height: 127px !important; } .gerabAboutUs .aboutVideo .projekktor{height:127px;} .stonesTimeline .timeline .timelineBox .topCol { padding:10px 12px; } .stonesTimeline { padding:0 30px; } .stonesTimeline { margin:15px 0 0 0; } .stonesTimeline .timeline .timelineBox .topCol .view { width:116px; float:none; margin:0 auto 10px auto; padding:0; } .stonesTimeline .timeline .timelineBox .topCol p { width:100%; } .stonesTimeline .timeline .timelineBox .topCol h3 { text-align:center; } .innerBanner .bannerInfo h2 sup { font-size:9px; top:-3px; } .topMainBanner { height:120px; } .topMainBanner .bannerTitle h2 { font-size:17px; line-height:19px; } .topMainBanner .bannerTitle{left:40px;} .topMainBanner .bannerTitle .tagLine { font-size:14px; } .topMainBanner .bannerTitle .tagLine:after { width:55px; bottom:-4px; } .proDetails .proViewArea .thumSlider li { width:58px !important; } /*----News & Events----*/ .newsEvents .recentEvent h2 { font-size:17px; padding:0 0 8px 0; } .newsEvents .eventFilter .sbOptions { width:100px; } .newsEvents .recentEvent .viewLarge .eventTitle { font-size:12px; } .suppliers ul li { margin-left:0; margin-bottom:15px; width:100%; } .suppliers ul { margin:0; width:100%; } .suppliers { padding:0 0 15px 0; } /*----Services----*/ .projectManagement .middleArea { background:none; padding:0; margin:0; } .projectManagement .middleArea .middleTitle { padding:0 0 15px 0; color:#b72027; } .projectManagement .middleArea .middleBox img { box-shadow:0 0 3px #ccc; } .projectManagement p, .financial p { line-height:22px; } .corporateOverview .readMoreOuter { margin:0 0 20px 0; } .projectManagement p, .financial p { padding-top:10px; } .qualityPolicy h2, .fromTheDirect h2, .mileStones h2, .ourStrength h2, .projects h2 { margin-bottom:10px; } .contactUs h3 span { font-size:12px; } .contactUs p { font-size:15px; line-height:22px; } .contactUs .formArea label { font-size:15px; } .contactUs .formArea input[type="text"], .contactUs .formArea textarea { margin-bottom:10px; } .contactUs { padding:0 0 15px 0; } .inqueryArea { top:155px; } .inqueryArea .radioGroup li, .conInqueryArea .radioGroup li { width:100%; } .conInqueryArea { left:-35px; width:320px; } .conInqueryArea .inqueryAreain:after { left:107px; } .legalPage h3 { font-size:17px; } .legalPage .note { font-size:15px; line-height:20px; } .servicesInPage h2 { font-size:19px; } .servicesList h3 { font-size:16px; } .servicesList ul li { font-size:15px; } .servicesVA .boxViewList ul { width:100%; margin:0; } .servicesVA .boxViewList ul li { width:100%; padding:0 0 20px 0; } .servicesVA .boxViewList ul li:last-child { padding:0; } .servicesOnThe h2 { font-size:20px; } .servicesOnThe .leftCol img, .servicesOnThe .rightCol img { width:100%; } .finManage .howItWorksRow { padding-top:10px; } .finManage .leftCol .serviceLeft img { width:100%; } .career .careerList ul li { padding:15px 0 15px 35px; } .career .careerList ul li:last-child { padding:15px 0 0 35px; } .career .articleContentContainer ul li, .career .articleContentContainer ul li:last-child, .career .articleContentContainer ul li:hover, .career .articleContentContainer ul li:hover:last-child { background:url(../images/bullete.png) no-repeat 0 12px; padding:5px 5px 5px 16px; } .search .searchFilter .showPage { float:left; width:100%; } .search .searchFilter .ordering { float:left; margin-top:15px; } .search .searchFilter .ordering .sbHolder, .search .searchFilter .sbOptions { width:150px; } .contactUs.proDetailsInq .conInqueryArea { left:0; } .leftSmallMenu, .socialGroup.stop, .socialGroup { top:164px; } .ourStrength .readMoreOuter { margin-top:20px; } .popSlide.coorPoppup { padding:15px; } .popSlide.coorPoppup input { margin-bottom:10px; } .popSlide.coorPoppup button.hideInq { width:100%; } #header .leftNav ul li .searchArea input[type="text"]{font-size:11px;} .getInTouch .form .error{font-size:12px;} } @media screen and (max-width:320px) { .content { padding:0 15px; } #logo { width:90%; } .leftSmallMenu, .socialGroup.stop, .socialGroup { top:155px; } .homeSlider .arrowControl { top:27%; } .homeSlider .leftArea { padding:6% 0 0 0; } .gerabAboutUs .aboutVideo .video-js { height: 111px !important; } .gerabAboutUs .aboutVideo .projekktor{height:111px;} .proDetails .proViewArea .thumSlider li { width:50px !important; } .inqueryArea { top:159px; } .proDetails .onlineBrochure, .proDetails .onlineBrochure img { width:100%; } .proDetails .proFittingsType .tabbingArea .tabsNav { width:285px; } .contactUs .leftCol p { font-size:14px; } .conInqueryArea { width:290px; } .contactUs.proDetailsInq .conInqueryArea { width:280px; } .proDetails .leftCol .conInqueryArea h2 { font-size:14px; padding:0; } .proDetails .leftCol .conInqueryArea h3 { padding:5px 0 0 0; } .homeSlider .bannerArea .allBanner { padding:15px 15px 15px 15px; } .iframVideo iframe{height:126px;} }