.no-js .owl-carousel,.owl-carousel.owl-loaded {display: block;clear: both;margin: 0 auto;float: none;width: 100%;box-sizing: content-box;}.IndianLocation{background:none;float: none;}.IndianLocation .ContentTxtWrp{bottom:5px;}.IndianLocationpic {position: relative;display: block;clear: both;margin: 0 auto;float: none;width: 100%;box-sizing: content-box;z-index:-1; }.IndianLocationpic img {width: 100%;float: none;margin: 0 auto;display: block;text-align: center;}.column-count3{column-count:3!important; }.column-count4{column-count:4!important; } ul.tradingLogo-rw { width: 100%;display: inline-flex;padding: 0;-webkit-margin-before: 0em; -webkit-margin-after: 0em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start:10%;list-style-type: none;margin: 3.5vh auto;float: none;} .cd-section,.cd-section:before,.cd-section:after {clear:both!important;} .ServicePageBG {width: 100%;height: 100%;position: relative;left: 0;top: 0;background-size: cover !important;background-repeat: no-repeat !important;background-position: center center !important;}#ServicePage-Intro .ServicePageBG {background: url(../img/capabilities/intro.jpg);} .ServiceImg img { width: 100%; margin: 0 auto; display: block; } @media (min-width:1200px) and (max-width:1400px) { /*//////////////////////*/ /* galleryOffice */ /*//////////////////////*/ a.btn-showcase.half-height { height: 25vh; } /*//////////////////////*/ /* projectsGrid */ /*//////////////////////*/ .ProjtabsCont {width: 100%;transform: scale(1);} ul.ProjectsTabList li a .NameHover {padding-right: 0px!important;padding-left: 0px!important;font-size: 2rem!important;} .SPtxtCont h1 {font-size: 4vh;margin-bottom: 1vh;} ul.tradingLogo-rw {-webkit-padding-start: 20%;padding-left:20%} section.CapabilitiessWrp{width: 100%;height: 100vh;margin-top: 0;margin-bottom: 0;left: 0;} .SP_tabsContWrp{width: 100%;height: 100vh;} /************homepage***************/ .pp-content.current { width: 45vh;height: 45vh;}.pp-content .pp_imgwrp p.supHead {letter-spacing: 1px;font-size: 13px;line-height: normal;}.pp-content h2 {font-size: 3vh;margin: 0 auto;}.pp-content p {font-size: 13px;line-height: normal;}.pp-content .pp_imgwrp {height: 50vh;}a.pinPoint {font-size: 1.65vh;}.pinPointSvgwrp {bottom: 25%;}#pathLine {bottom: 25%;} /**********************************************/ /************homepage****************/ /**********************************************/ .bannerTxt{padding:2vh;min-height: max-content; } .bannerTxt h1 {font-size: 3rem;line-height: normal;} ul.CapabilitesList span.iconTxt {width: 100vw;height: 8vh;padding: 0.5vh;} .hmbg-06 .divider100 {height: 25px;} .hmbg-06 h3.font-yellow.text-uppercase {font-size: 2rem;} } @media (min-width:1601px) and (max-width:1800px) { /*//////////////////////*/ /* projectsGrid */ /*//////////////////////*/ .ProjtabsCont {width: 100%;transform: scale(1);} } @media (min-width:1400px) and (max-width:1600px) { /*//////////////////////*/ /* projectsGrid */ /*//////////////////////*/ .ProjtabsCont {width: 100%;transform: scale(1);} /**********************************************/ /************homepage****************/ /**********************************************/ .bannerTxt{padding:2vh; } .bannerTxt h1 {font-size: 3.5rem;line-height: normal;} ul.CapabilitesList span.iconTxt {width: 100vw;height: 8vh;padding: 0.5vh;} } @media (min-width:991px) and (max-width:1199px) { header {width: 20%;} /*//////////////////////*/ /* projectsGrid */ /*//////////////////////*/ ul.ProjectsTabList li a .ProjectName {right: 0%!important;font-weight: bold;color: #fff;letter-spacing: 1px;height: 50px;left: 0!important;} .ProjtabsCont {width: 100%;transform: scale(1);} ul.ProjectsTabList li a .NameHover {padding-right: 0px!important;padding-left: 0px!important;font-size: 2rem!important;} .Enquiry-container {width: 96%;margin: 0 auto;float: none;position: relative;clear: both;} .ContactTitle {font-size: 4.5vh;font-weight: 500;letter-spacing: 1px;margin-top: 10vh;box-sizing: content-box;display: inline-table;vertical-align: middle;clear:both!important;} section.CapabilitiessWrp{width: 100%;height: 100vh;margin-top: 0;margin-bottom: 0;left: 0;} .SP_tabsContWrp{width: 100%;height: 100vh;} .SPtxtCont h1 {font-size: 4vh;margin-bottom: 1vh;} ul.tradingLogo-rw {-webkit-padding-start: 20%;padding-left:20%} /*********homepage**************/ .heroBanner {width: 100vw!important;left: 0%!important;height: 100vh!important;top: 0!important;} .pp-content.current { width: 45vh;height: 45vh;}.pp-content .pp_imgwrp p.supHead {letter-spacing: 1px;font-size: 13px;line-height: normal;}.pp-content h2 {font-size: 3vh;margin: 0 auto;}.pp-content p {font-size: 13px;line-height: normal;}.pp-content .pp_imgwrp {height: 50vh;}a.pinPoint {font-size: 1.65vh;} .bannerTxt{padding:2.5vh; } .bannerTxt h1 {font-size: 3rem;line-height: normal;} ul.CapabilitesList span.iconTxt {width: 100vw;height: 8vh;padding: 0.5vh;} .hmbg-06 .divider100 {height: 25px;} .hmbg-06 h3.font-yellow.text-uppercase {font-size: 2rem;} .cd-section.visible .hmbg-03 a.btn-Services {display: flex;} a.btn-Services .ServiceTxt {font-size: 15px;align-self: center;height: auto;display:flex} .hbtxt-03 {transform: translateY(10%);}.hbtxt-04 {transform: translate(10%,25%);} } @media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape)and (min-width : 320px) and (max-width : 568px) {} /* Landscape*/ @media only screen and (min-device-width: 1366px) and (max-device-height: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { header {width: 15%;} [id="navcheck"]:checked ~ nav#menu::before {transform: skewX(0deg) translate(-10vw,0vw);} .ProjtabsCont {width: 100%;transform: scale(1);}section.CapabilitiessWrp{width: 100%;height: 100vh;margin-top: 0;margin-bottom: 0;left: 0;} .SP_tabsContWrp{width: 100%;height: 100vh;} .SPtxtCont h1 {font-size: 4vh;margin-bottom: 1vh;} ul.tradingLogo-rw {-webkit-padding-start: 20%;padding-left:20%} } @media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { header {width: 15%;} [id="navcheck"]:checked ~ nav#menu::before {transform: skewX(0deg) translate(-10vw,0vw);} .abt_sec01 .BanTextMiddle h1,.StrengthSec h1,.IndianLocation .ContentTxtWrp h1,.galleryOffice h1,.TeamMembers .ContentTxtWrp h1,.groupcomp h1,.achiHeading h1,section.Trusted h1 {font-size: 4rem;} .achivementBoxImg,.achivementBoxTxt {height: 25vh;padding: 0 2vw;text-align: center;} .achivementBoxTxt h1, .achivementBoxImg h1 {font-size:3.25rem;line-height: normal;}.table-cell {height: 50vh;} .abt_sec01 .BanTextMiddle p {font-size: 1.5vh;} .StrengthSec,.galleryOffice,section.Teams,.achievement,section.Trusted,section#groupcomp {padding: 5vh 0;} .IndianLocation {height: auto;} .height-100vh {height: 50vh;} .IndianLocation .ContentTxtWrp,.TeamMembers .ContentTxtWrp {padding: 3rem;width: 60%;display: table;} a.btn-showcase.half-height {height: 10vh;} a.btn-showcase.full-height {height: 15vh;} .Teams .no-padding {padding: 1px 1px 1px 2px !IMPORTANT;margin: 2rem auto;} .TeamMembers .ContentTxtWrp {display: table;}.OfficesGalleryOwl .owl-nav {left: 80%;} .owl-dots {bottom: 0px;clear: both;}.ProjtabsCont {width: 100%;transform: scale(1);} ul.ProjectsTabList li a{clear: both!important} .ProjectHeader h1 {font-size: 2.5vh;padding: 2.5vh;} .ProjectHeader { position: fixed;left: 0;bottom: 0;}.btn-backProject:after {font-size: 4vh !important;top: 20%;left: 10px;} .btn-backProject {font-size: 2.5vh;} /*****************************************************/ /**************careerspage***************/ /*****************************************************/ .Enquiry-container {width: 96%;margin: 0 auto;float: none;position: relative;clear: both;} #careers_job .panel-heading a {font-size: 1.5vh;padding: 20px 15%;display: inline-table;}#careers_job {margin-right: 0px;} .ContactTitle {font-size: 3.5vh;font-weight: 500;letter-spacing: 1px;margin-top: 10vh;box-sizing: content-box;display: inline-table;vertical-align: middle;clear:both!important;} section.CapabilitiessWrp{width: 100%;height: 100vh;margin-top: 0;margin-bottom: 0;left: 0;} .SP_tabsContWrp{width: 100%;height: 100vh;} .SPtxtCont h1 {font-size: 4vh;margin-bottom: 1vh;}ul.tradingLogo-rw {-webkit-padding-start: 20%;padding-left:20%} ul.SPtxtContList li{font-size: 1.45rem;}ul.ListDrywall li {width: 25%;text-align: center;}ul.ListDrywall li span {width: 100%;} /************homepage***************/ .pp-content.current { width: 45vh;height: 45vh;}.pp-content .pp_imgwrp p.supHead {letter-spacing: 1px;font-size: 13px;line-height: normal;}.pp-content h2 {font-size: 3vh;margin: 0 auto;}.pp-content p {font-size: 13px;line-height: normal;}.pp-content .pp_imgwrp {height: 50vh;}a.pinPoint {font-size: 1.65vh;}.pinPointSvgwrp {bottom: 25%;}#pathLine {bottom: 25%;} } @media screen and (max-width: 991px) and (min-width:850px) { header {width: 20%;}.ProjectHeader h1 {font-size: 2.5vh;padding: 2.5vh;} .ProjectHeader { position: fixed;left: 0;bottom: 0;}.btn-backProject:after {font-size: 4vh !important;top: 20%;left: 10px;}.btn-backProject {font-size: 2.5vh;} /*****************************************************/ /**************careerspage***************/ /*****************************************************/ .Enquiry-container {width: 96%;margin: 0 auto;float: none;position: relative;clear: both;} #careers_job .panel-heading a {font-size: 1.5vh;padding: 20px 15%;display: inline-table;}#careers_job {margin-right: 0px;} .ContactTitle {font-size: 4.5vh;font-weight: 500;letter-spacing: 1px;margin-top: 10vh;box-sizing: content-box;display: inline-table;vertical-align: middle;clear:both!important;}section.CapabilitiessWrp{width: 100%;height: 100vh;margin-top: 0;margin-bottom: 0;left: 0;} .SP_tabsContWrp{width: 100%;height: 100vh;} .SPtxtCont h1 {font-size: 2.5vh;margin-bottom: 1vh;} ul.tradingLogo-rw {-webkit-padding-start: 20%;padding-left:20%}ul.ServicePage_tablist li a {font-size: 1.25vh;min-height: 10vh;} .SPtxtCont {width: 100%;padding: 15px;}.SPtxtCont p {font-size: 1.5rem;margin: 0 0 0 0.5vh;}ul.SPtxtContList li {font-size: 1.45rem;}ul.ListDrywall li {width: 25%;text-align: center;}ul.ListDrywall li span {width: 100%;} /************homepage***************/ .pp-content.current { width: 45vh;height: 45vh;}.pp-content .pp_imgwrp p.supHead {letter-spacing: 1px;font-size: 13px;line-height: normal;}.pp-content h2 {font-size: 3vh;margin: 0 auto;}.pp-content p {font-size: 13px;line-height: normal;}.pp-content .pp_imgwrp {height: 50vh;}a.pinPoint {font-size: 1.65vh;}.pinPointSvgwrp {bottom: 25%;}#pathLine {bottom: 25%;} } @media screen and (max-width: 850px) and (min-width:770px) { header {width: 20%;}[id="navcheck"]:checked ~ nav#menu::before {width: 100%;transform: skewX(0deg) translate(0vw,0vw);} nav#menu a {width: 100%;margin: 1.5em 0;padding: .2em 1em; border-left: 0px solid transparent;border-bottom: 0px solid #000;font-size: 1.5em;display: table-row;height: 15VH;} nav#menu {position: fixed;left: 0%;width: 100%;padding: 4% 0;}.ProjectHeader h1 {font-size: 4.5vh;padding: 4.5vh;}.ProjectHeader { position: fixed;left: 0;bottom: 0;}.btn-backProject:after {font-size: 4vh !important;top: 20%;left: 10px;} .btn-backProject {font-size: 2.5vh;box-sizing:content-box;right: 0vh;padding: 12px 20px 12px 35px;bottom: 15vh;width: 10vh;} .btn-backProject:before {width: 8vh;height: 100%;}ul.ServicePage_tablist li a {font-size: 1.25vh;min-height: 10vh;} header {width: 25%;}[id="navcheck"]:checked ~ nav#menu::before {width: 100%;transform: skewX(0deg) translate(0vw,0vw);} nav#menu a {width: 100%;margin: 1.5em 0;padding: .2em 1em; border-left: 0px solid transparent;border-bottom: 0px solid #000;font-size: 1.5em;display: table-row;height: 15VH;} nav#menu {position: fixed;left: 0%;width: 100%;padding: 10% 0;}.abt_sec01 .row-table {display: block;width: 100%;position: relative;margin: 0 auto;} .BanTextMiddle.table-cell {height: auto;margin: 50% auto 0 auto;position: relative;display: block;z-index: 0;} .table-cell.abt_dhlogowrap {height: auto!important;display: block!important;margin: 0 auto;} .abt_sec01 .BanTextMiddle h1,.StrengthSec h1,.IndianLocation .ContentTxtWrp h1,.galleryOffice h1,.TeamMembers .ContentTxtWrp h1,.groupcomp h1,.achiHeading h1,section.Trusted h1,.teamHeading h1 {font-size: 3rem;} .abt_sec01 .abt_dhlogo-01 {transform: scale(0.75) !important;}.abt_sec01 .abt_dhlogo-02 {right: 0!important;}.abt_sec01 .abt_dhlogo {width: 80%;margin:0 auto} .achivementBoxImg,.achivementBoxTxt {height: 25vh;padding: 0 2vw;text-align: center;} .achivementBoxTxt h1, .achivementBoxImg h1 {font-size:3.25rem;line-height: normal;}.table-cell {height: 50vh;} .StrengthSec,.galleryOffice,section.Teams,.achievement,section.Trusted,section#groupcomp {padding: 5vh 0;} .IndianLocation {height: auto;margin: 0 auto;float: none;padding:0;} .height-100vh {height: 50vh;} .IndianLocation .ContentTxtWrp,.TeamMembers .ContentTxtWrp {padding: 2rem;width: 100%;display: table;min-height: 40vh!important;margin: 0 auto; position: relative;} a.btn-showcase.half-height {height: 20vh;clear: both;} a.btn-showcase.full-height {height: 40vh;clear: both;} .Teams .no-padding {padding: 1px 0px 1px 0px !IMPORTANT;margin: 2rem auto;clear: both!important;} .TeamMembers .ContentTxtWrp,.IndianLocationcopyblock .ContentTxtWrp {display: table; clear: both!important;}.TeamMemberscopyblock,.IndianLocationcopyblock {width: 100%;padding: 0;clear: both!important;} .TeamMemberscopyblock:before,.TeamMemberscopyblock:after,.IndianLocationcopyblock:before,.IndianLocationcopyblock:after {width: 100%;padding: 0;clear: both!important;display:block}.OfficesGalleryOwl .owl-nav {left: 60%;position: absolute;bottom: 0;}.OfficesGalleryOwl .owl-next,.OfficesGalleryOwl .owl-prev{padding:1rem;width: 60px; height: 30px;font-size:1rem; } .teamHeading { position: relative;width: 100%;top: 0; clear: both!important;} .groupLogo { margin: 2% auto;}.row-flex{display: block;margin: 0 auto;float: none;width: 100%;padding: 0;} section.Trusted .owl-dots {bottom: 0;}.no-js .owl-carousel, .owl-carousel.owl-loaded {display: block;float: none;margin: 0 auto;clear: both;} .teamMemberImg img {width: 100%;}.teamMemDesc { position: absolute;top: 0;left: 0;width: 100%;height: 100vh;background: #000;color: #fff;padding: 20px;z-index: -4; border-top: 20vh solid #f5ca00;transition: all 700ms ease-in-out;}.TtabsCont {float: none;display:block;padding: 0px;margin: 0 auto;width: 50%;transition: all 500ms ease-in-out;} .IndianLocationpic {display: block;clear: both;margin: 0 auto;float: none;width: 100%;box-sizing: content-box;} /*****************************************************/ /**************careerspage***************/ /*****************************************************/ .Enquiry-container {width: 96%;margin: 0 auto;float: none;position: relative;clear: both;} #careers_job .panel-heading a {font-size: 4.5vh;padding: 20px 15%;display: inline-table;} #careers_job {margin-right: 0px;} .ContactTitle {font-size: 8.5vh;font-weight: 500;letter-spacing: 1px;margin-top: 10vh;box-sizing: content-box;display: inline-table;vertical-align: middle;clear:both!important;} ul.ContactList li.address:before, ul.ContactList li.tle-phome:before, ul.ContactList li.phone:before, ul.ContactList li.fax:before, ul.ContactList li.mail:before { width: 10%;font: normal normal normal 4vh/1 FontAwesome;}.MumbaiAddress {font-size: 1.5rem;}section.CapabilitiessWrp{width: 100%;height: 100vh;margin-top: 0;margin-bottom: 0;left: 0;} .SP_tabsContWrp{width: 100%;height: 100vh;} .SPtxtCont {width: 100%;} .SPtxtCont h1 {font-size: 4vh;margin-bottom: 1vh;} ul.SPtxtContList li{font-size: 1.45rem;} .SPtxtCont h1 {font-size: 4vh;margin-bottom: 1vh;} ul.ServicePage_tablist li a {font-size: 1.25vh;min-height: max-content!important;clear: both!important;}span.SerImg img {max-width: 100%;margin: 0px auto 0px auto;} ul.ServicePage_tablist li{width:30%;float:none;clear: both!important;}span.SerText{display:none!important }.ServicePage_tabs {position: absolute;top: 22.5vh;left: 0;padding: 0px; } /*********homepage**************/ .heroBanner {width: 100vw!important;left: 0%!important;height: 100vh!important;top: 0!important;} .pp-content.current { width: 65vh;height: 65vh;}.pp-content .pp_imgwrp p.supHead {letter-spacing: 1px;font-size: 13px;line-height: normal;}.pp-content h2 {font-size: 3vh;margin: 0 auto;}.pp-content p {font-size: 13px;line-height: normal;}.pp-content .pp_imgwrp {height: 65vh;}a.pinPoint {font-size: 1.65vh;} .xs-itembg1{background:url(../img/homeBG/banners-01.jpg) center no-repeat;background-size:cover;height:100vh;display: block }.xs-itembg2{background:url(../img/homeBG/banners-02.jpg) center no-repeat;background-size:cover;height:100vh;display: block }.xs-itembg3{background:url(../img/homeBG/banners-03.jpg) center no-repeat;background-size:cover;height:100vh;display: block }.xs-itembg4{background:url(../img/homeBG/banners-04.jpg) center no-repeat;background-size:cover;height:100vh;display: block }.xs-itembg1 img,.xs-itembg2 img,.xs-itembg3 img,.xs-itembg4 img{display:none!important;} .copy_box .BannerTxt h1 {font-size: 2rem;}.copy_box {top: 10%;}.BannerTxt p {font-size: 1.5rem;}#pathLine {display: none;}.pinPointSvgwrp {bottom: -20%;left: -2%;} ul.mobile-pinslist {list-style: none;display: block;}ul.mobile-pinslist a.pinPoint.pinP-1 {left: 5%;top: 0;}ul.mobile-pinslist a.pinPoint.pinP-2 {top: 16%; left: 5%;}ul.mobile-pinslist a.pinPoint.pinP-3 {top: 30%; left: 5%;}ul.mobile-pinslist a.pinPoint.pinP-4 {top: 46%; left: 5%;}.mobile-pinslist .pinPoint span {position: relative;top: 0;left: 40px; font-size: 4vh; width: 500px;}.cd-section .content-wrp:before {content:"" padding: 50px; } .bannerTxt{padding:50px;min-height: max-content }.bannerTxt h1 {font-size: 3rem;line-height: normal;} ul.CapabilitesList span.iconTxt {width: 100vw;height: 8vh;padding: 0.5vh;} .hmbg-06 .divider100 {height: 25px;} .hmbg-06 h3.font-yellow.text-uppercase {font-size: 2rem;} .cd-section.visible .hmbg-03 a.btn-Services {display: block;margin: 2% auto} a.btn-Services .ServiceTxt {font-size: 1.5rem;align-self: center;height: 60px;display:block;vertical-align: middle;display: block;margin: 2% auto;clear: both;padding: 4.5%;text-align: center;} .hbtxt-03 {transform:none;position: relative;margin: 2.5vh auto;clear: both;float: none;min-height: max-content!important;}.content-wrp.hmbg-03:after {width: 100%;height: 100%;}.hbtxt-04 ,.hbtxt-05,.hbtxt-06{transform:none;position: relative;clear: both;} .hbtxt-03:before,.hbtxt-03:after,.hbtxt-04:before,.hbtxt-04:after,.hbtxt-05:before,.hbtxt-05:after,.hbtxt-06:before,.hbtxt-06:after {clear: both;}section.cd-section.visible{position:relative;float:none;margin:0 auto;display:block;clear:both!important;height: max-content;} section.cd-section.visible:before,section.cd-section.visible:after{clear:both!important;} .hbtxt-02 {position: relative;right: 0;top: 0;transform: none;} section#HomeServices {padding: 2.5vh 0;}a.projectsHome {overflow: hidden;height: 30vh;margin: 2vh auto;float: none;display: block; position: relative;clear: both;}.cd-section.visible .project-01 {transform: none;}.hmbg-05:after {width: 100%;background: rgba(245, 212, 79, 0.75);}ul.CapabilitesList li {width: 25%;} .contactForm {position: relative;float: none;display: block;margin: 0 auto;clear: both;}.contactForm:before,.contactForm:after{clear: both}#HomeContact.cd-section footer#homefooter {position: relative;width: 100%;font-size: 12px;float: none;margin: 0 auto;display: block;padding: 2.5vh 0;clear: both;background: #333333!important;} } @media screen and (max-width: 750px) and (min-width:550px) {.xs-no-padding-lr{padding-left:0;padding-right:0; }.xs-no-margin-lr{margin-left:0px;margin-right:0px;} header {width: 20%;}[id="navcheck"]:checked ~ nav#menu::before {width: 100%;transform: skewX(0deg) translate(0vw,0vw);} nav#menu a {width: 100%;margin: 1.5em 0;padding: .2em 1em; border-left: 0px solid transparent;border-bottom: 0px solid #000;font-size: 1.5em;display: table-row;height: 15VH;} nav#menu {position: fixed;left: 0%;width: 100%;padding: 4% 0;}.ProjectHeader h1 {font-size: 4.5vh!important;letter-spacing: 1px;padding: 4vh;text-align: left;}.ProjectHeader { position: fixed;left: 0;bottom: 0;}.btn-backProject:after {font-size: 4vh !important;top: 20%;left: 10px;} .btn-backProject {font-size: 2.5vh;box-sizing:content-box;right: 0vh;padding: 12px 20px 12px 35px;bottom: 15vh;width: 10vh;} .btn-backProject:before {width: 8vh;height: 100%;}#first-slider .carousel-control {position: absolute;right: 0;top: 50%;clear: both;}#first-slider a.left.carousel-control {left: 0;} #first-slider a.right.carousel-control {right: 0;}#careers_job {margin-right: 0px;} #careers_job .panel-heading a {font-size: 4.5vh;} .ContactTitle br {display: none;}.ContactTitle span {padding: 0 1%;}.MumbaiAddress {font-size: 1.5rem;} ul.ContactList li.address:before, ul.ContactList li.tle-phome:before, ul.ContactList li.phone:before, ul.ContactList li.fax:before, ul.ContactList li.mail:before { width: 5%;font: normal normal normal 4vh/1 FontAwesome;}ul.ContactList li {padding: 10px 15%;line-height: 1.8;}.SPtxtCont {width: 100%;} .SPtxtCont h1 {font-size: 4vh;margin-bottom: 1vh;}ul.ServicePage_tablist li a {font-size: 1.25vh;min-height: 10vh;} ul.SPtxtContList li{font-size: 1.45rem;} .SPtxtCont h1 {font-size: 4vh;margin-bottom: 1vh;} ul.ServicePage_tablist li a {font-size: 1.25vh;min-height: max-content!important;clear: both!important;}span.SerImg img {max-width: 100%;margin: 0px auto 0px auto;}ul.ServicePage_tablist li{width:30%;float:none;clear: both!important;}span.SerText{display:none!important }.ServicePage_tabs {position: absolute;top: 22.5vh;left: 0;padding: 0px;} /*********homepage**************/ .heroBanner {width: 100vw!important;left: 0%!important;height: 100vh!important;top: 0!important;} .pp-content.current { width: 45vh;height: 45vh;}.pp-content .pp_imgwrp p.supHead {letter-spacing: 1px;font-size: 13px;line-height: normal;}.pp-content h2 {font-size: 3vh;margin: 0 auto;}.pp-content p {font-size: 13px;line-height: normal;}.pp-content .pp_imgwrp {height: 50vh;}a.pinPoint {font-size: 1.65vh;} .xs-itembg1{background:url(../img/homeBG/banners-01.jpg) center no-repeat;background-size:cover;height:100vh;display: block }.xs-itembg2{background:url(../img/homeBG/banners-02.jpg) center no-repeat;background-size:cover;height:100vh;display: block }.xs-itembg3{background:url(../img/homeBG/banners-03.jpg) center no-repeat;background-size:cover;height:100vh;display: block }.xs-itembg4{background:url(../img/homeBG/banners-04.jpg) center no-repeat;background-size:cover;height:100vh;display: block }.xs-itembg1 img,.xs-itembg2 img,.xs-itembg3 img,.xs-itembg4 img{display:none!important;} .copy_box .BannerTxt h1 {font-size: 2.5rem;}.copy_box {top:15%;}.BannerTxt p {font-size: 1.5rem;}#pathLine {display: none;}.pinPointSvgwrp {bottom: 0;} ul.mobile-pinslist {list-style: none;display: block;}ul.mobile-pinslist a.pinPoint.pinP-1 {left: 5%;top: 0;}ul.mobile-pinslist a.pinPoint.pinP-2 {top: 16%; left: 5%;}ul.mobile-pinslist a.pinPoint.pinP-3 {top: 30%; left: 5%;}ul.mobile-pinslist a.pinPoint.pinP-4 {top: 46%; left: 5%;}.mobile-pinslist .pinPoint span {position: relative;top: 0;left: 50px;} .bannerTxt{padding:2.5vh; }.bannerTxt h1 {font-size: 3rem;line-height: normal;} ul.CapabilitesList span.iconTxt {width: 100vw;height: 8vh;padding: 0.5vh;} .hmbg-06 .divider100 {height: 25px;} .hmbg-06 h3.font-yellow.text-uppercase {font-size: 2rem;} .cd-section.visible .hmbg-03 a.btn-Services {display: block;margin: 2% auto} a.btn-Services .ServiceTxt {font-size: 1.5rem;align-self: center;height: 60px;display:block;vertical-align: middle;display: block;margin: 2% auto;clear: both;padding: 4.5%;text-align: center;} .hbtxt-03 {transform:none;position: relative;margin: 2.5vh auto;clear: both;float: none;min-height: max-content!important;}.content-wrp.hmbg-03:after {width: 100%;height: 100%;}.hbtxt-04 ,.hbtxt-05,.hbtxt-06{transform:none;position: relative;clear: both;} .hbtxt-03:before,.hbtxt-03:after,.hbtxt-04:before,.hbtxt-04:after,.hbtxt-05:before,.hbtxt-05:after,.hbtxt-06:before,.hbtxt-06:after {clear: both;}section.cd-section.visible{position:relative;float:none;margin:0 auto;display:block;clear:both!important;height: max-content;} section.cd-section.visible:before,section.cd-section.visible:after{clear:both!important;} .hbtxt-02 {position: relative;right: 0;top: 0;transform: none;} section#HomeServices {padding: 2.5vh 0;}a.projectsHome {overflow: hidden;height: 30vh;margin: 2vh auto;float: none;display: block; position: relative;clear: both;}.cd-section.visible .project-01 {transform: none;}.hmbg-05:after {width: 100%;background: rgba(245, 212, 79, 0.75);}ul.CapabilitesList li {width: 25%;} .contactForm {position: relative;float: none;display: block;margin: 0 auto;clear: both;}.contactForm:before,.contactForm:after{clear: both}#HomeContact.cd-section footer#homefooter {position: relative;width: 100%;font-size: 12px;float: none;margin: 0 auto;display: block;padding: 2.5vh 0;clear: both;background: #333333!important;} } @media screen and (max-width: 480px) and (min-width:220px) {.xs-no-padding-lr{padding-left:0;padding-right:0; }.xs-no-margin-lr{margin-left:0px;margin-right:0px;}.xs-ml-10{margin-left:10%;} header {width: 20%;}.ProjectHeader {left: 0;right: 0;width: 100%;float: none;clear: both;} .ProjectHeader h1 {font-size: 2.8vh;letter-spacing: 1px;padding: 2vh 5vh;text-align:left;} #first-slider .carousel-control {position: absolute;right: 0;top: 50%;clear: both;} #first-slider a.left.carousel-control {left: 0;} #first-slider a.right.carousel-control {right: 0;} #careers_job {margin-right: 0px;} .CareerEnquiry {padding: 10vh 0px;display: block;clear: both;box-sizing: content-box;height: auto;}.ContactTitle br {display: none;}.ContactTitle span {padding: 0 2%;} .formBg.projectformBG{padding: 3.5vh 0vh!important;} .SPtxtCont h1 {font-size: 4vh;margin-bottom: 1vh;} ul.ServicePage_tablist li a {font-size: 1.25vh;min-height: max-content!important;clear: both!important;}span.SerImg img {max-width: 100%;margin: 0px auto 0px auto;} ul.ServicePage_tablist li{width:30%;float:none;clear: both!important;}span.SerText{display:none!important } /****************/ /*********homepage**************/ .heroBanner {width: 100vw!important;left: 0%!important;height: 100vh!important;top: 0!important;} .pp-content.current { width: 45vh;height: 45vh;}.pp-content .pp_imgwrp p.supHead {letter-spacing: 1px;font-size: 13px;line-height: normal;}.pp-content h2 {font-size: 3vh;margin: 0 auto;}.pp-content p {font-size: 13px;line-height: normal;}.pp-content .pp_imgwrp {height: 50vh;}a.pinPoint {font-size: 1.65vh;} .xs-itembg1{background:url(../img/homeBG/banners-01.jpg) center no-repeat;background-size:cover;height:100vh;display: block }.xs-itembg2{background:url(../img/homeBG/banners-02.jpg) center no-repeat;background-size:cover;height:100vh;display: block }.xs-itembg3{background:url(../img/homeBG/banners-03.jpg) center no-repeat;background-size:cover;height:100vh;display: block }.xs-itembg4{background:url(../img/homeBG/banners-04.jpg) center no-repeat;background-size:cover;height:100vh;display: block }.xs-itembg1 img,.xs-itembg2 img,.xs-itembg3 img,.xs-itembg4 img{display:none!important;} .copy_box .BannerTxt h1 {font-size: 2.5rem;}.copy_box {top:15%;}.BannerTxt p {font-size: 1.5rem;}#pathLine {display: none;}.pinPointSvgwrp {bottom: 0;} ul.mobile-pinslist {list-style: none;display: block;}ul.mobile-pinslist a.pinPoint.pinP-1 {left: 5%;top: 0;}ul.mobile-pinslist a.pinPoint.pinP-2 {top: 16%; left: 5%;}ul.mobile-pinslist a.pinPoint.pinP-3 {top: 30%; left: 5%;}ul.mobile-pinslist a.pinPoint.pinP-4 {top: 46%; left: 5%;}.mobile-pinslist .pinPoint span {position: relative;top: 0;left: 50px;} .bannerTxt{padding:2.5vh; }.bannerTxt h1 {font-size: 3rem;line-height: normal;} ul.CapabilitesList span.iconTxt {width: 100vw;height: 8vh;padding: 0.5vh;} .hmbg-06 .divider100 {height: 25px;} .hmbg-06 h3.font-yellow.text-uppercase {font-size: 2rem;} .cd-section.visible .hmbg-03 a.btn-Services {display: block;margin: 2% auto} a.btn-Services .ServiceTxt {font-size: 1.5rem;align-self: center;height: 60px;display:block;vertical-align: middle;display: block;margin: 2% auto;clear: both;padding: 4.5%;text-align: center;} .hbtxt-03 {transform:none;position: relative;margin: 2.5vh auto;clear: both;float: none;min-height: max-content!important;}.content-wrp.hmbg-03:after {width: 100%;height: 100%;}.hbtxt-04 ,.hbtxt-05,.hbtxt-06{transform:none;position: relative;clear: both;} .hbtxt-03:before,.hbtxt-03:after,.hbtxt-04:before,.hbtxt-04:after,.hbtxt-05:before,.hbtxt-05:after,.hbtxt-06:before,.hbtxt-06:after {clear: both;}section.cd-section.visible{position:relative;float:none;margin:0 auto;display:block;clear:both!important;height: max-content;} section.cd-section.visible:before,section.cd-section.visible:after{clear:both!important;} .hbtxt-02 {position: relative;right: 0;top: 0;transform: none;} section#HomeServices {padding: 2.5vh 0;}a.projectsHome {overflow: hidden;height: 30vh;margin: 2vh auto;float: none;display: block; position: relative;clear: both;}.cd-section.visible .project-01 {transform: none;}.hmbg-05:after {width: 100%;background: rgba(245, 212, 79, 0.75);}ul.CapabilitesList li {width: 25%;} .contactForm {position: relative;float: none;display: block;margin: 0 auto;clear: both;}.contactForm:before,.contactForm:after{clear: both}#HomeContact.cd-section footer#homefooter {position: relative;width: 100%;font-size: 12px;float: none;margin: 0 auto;display: block;padding: 2.5vh 0;clear: both;background: #333333!important;} } @media screen and (max-width:800px) and (min-width:550px) { header {width: 25%;}[id="navcheck"]:checked ~ nav#menu::before {width: 100%;transform: skewX(0deg) translate(0vw,0vw);} nav#menu a {width: 100%;margin: 1.5em 0;padding: .2em 1em; border-left: 0px solid transparent;border-bottom: 0px solid #000;font-size: 1.5em;display: table-row;height: 15VH;} nav#menu {position: fixed;left: 0%;width: 100%;padding: 10% 0;}.abt_sec01 .row-table {display: block;width: 100%;position: relative;margin: 0 auto;} .BanTextMiddle.table-cell {height: auto;margin: 50% auto 0 auto;position: relative;display: block;z-index: 0;} .table-cell.abt_dhlogowrap {height: auto!important;display: block!important;margin: 0 auto;} .abt_sec01 .BanTextMiddle h1,.StrengthSec h1,.IndianLocation .ContentTxtWrp h1,.galleryOffice h1,.TeamMembers .ContentTxtWrp h1,.groupcomp h1,.achiHeading h1,section.Trusted h1,.teamHeading h1 {font-size: 3rem;} .abt_sec01 .abt_dhlogo-01 {transform: scale(0.75) !important;}.abt_sec01 .abt_dhlogo-02 {right: 0!important;}.abt_sec01 .abt_dhlogo {width: 80%;margin:0 auto} .achivementBoxImg,.achivementBoxTxt {height: 25vh;padding: 0 2vw;text-align: center;} .achivementBoxTxt h1, .achivementBoxImg h1 {font-size:3.25rem;line-height: normal;}.table-cell {height: 50vh;} .StrengthSec,.galleryOffice,section.Teams,.achievement,section.Trusted,section#groupcomp {padding: 5vh 0;} .IndianLocation {height: auto;margin: 0 auto;float: none;padding:0;} .height-100vh {height: 50vh;} .IndianLocation .ContentTxtWrp,.TeamMembers .ContentTxtWrp {padding: 2rem;width: 100%;display: table;min-height: 40vh!important;margin: 0 auto; position: relative;} a.btn-showcase.half-height {height: 15vh;clear: both;} a.btn-showcase.full-height {height: 15vh;clear: both;} .Teams .no-padding {padding: 1px 0px 1px 0px !IMPORTANT;margin: 2rem auto;clear: both!important;} .TeamMembers .ContentTxtWrp,.IndianLocationcopyblock .ContentTxtWrp {display: table; clear: both!important;}.TeamMemberscopyblock,.IndianLocationcopyblock {width: 100%;padding: 0;clear: both!important;} .TeamMemberscopyblock:before,.TeamMemberscopyblock:after,.IndianLocationcopyblock:before,.IndianLocationcopyblock:after {width: 100%;padding: 0;clear: both!important;display:block}.OfficesGalleryOwl .owl-nav {left: 60%;position: absolute;bottom: 0;}.OfficesGalleryOwl .owl-next,.OfficesGalleryOwl .owl-prev{padding:1rem;width: 60px; height: 30px;font-size:1rem; } .teamHeading { position: relative;width: 100%;top: 0; clear: both!important;} .groupLogo { margin: 2% auto;}.row-flex{display: block;margin: 0 auto;float: none;width: 100%;padding: 0;} section.Trusted .owl-dots {bottom: 0;}.no-js .owl-carousel, .owl-carousel.owl-loaded {display: block;float: none;margin: 0 auto;clear: both;} .teamMemberImg img {width: 100%;}.teamMemDesc { position: absolute;top: 0;left: 0;width: 100%;height: 100vh;background: #000;color: #fff;padding: 20px;z-index: -4; border-top: 20vh solid #f5ca00;transition: all 700ms ease-in-out;}.TtabsCont {float: none;display:block;padding: 0px;margin: 0 auto;width: 90%;transition: all 500ms ease-in-out;} .IndianLocationpic {display: block;clear: both;margin: 0 auto;float: none;width: 100%;box-sizing: content-box;} header {width: 20%;}.ProjectHeader {left: 0;right: 0;width: 100%;float: none;clear: both;} .ProjectHeader h1 {font-size: 2.8vh;letter-spacing: 1px;padding: 2vh 5vh;text-align:left;}#careers_job {margin-right: 0px;}.formBg.projectformBG{padding: 3.5vh 0vh!important;}.MumbaiAddress {font-size: 1.5rem;} .SPtxtCont h1 {font-size: 4vh;margin-bottom: 1vh;}ul.ServicePage_tablist li a {font-size: 1.25vh;min-height: 10vh;} .SPtxtCont {width: 100%;} /*********homepage**************/ .heroBanner {width: 100vw!important;left: 0%!important;height: 100vh!important;top: 0!important;} .pp-content.current { width: 45vh;height: 45vh;}.pp-content .pp_imgwrp p.supHead {letter-spacing: 1px;font-size: 13px;line-height: normal;}.pp-content h2 {font-size: 3vh;margin: 0 auto;}.pp-content p {font-size: 13px;line-height: normal;}.pp-content .pp_imgwrp {height: 50vh;}a.pinPoint {font-size: 1.65vh;} .xs-itembg1{background:url(../img/homeBG/banners-01.jpg) center no-repeat;background-size:cover;height:100vh;display: block }.xs-itembg2{background:url(../img/homeBG/banners-02.jpg) center no-repeat;background-size:cover;height:100vh;display: block }.xs-itembg3{background:url(../img/homeBG/banners-03.jpg) center no-repeat;background-size:cover;height:100vh;display: block }.xs-itembg4{background:url(../img/homeBG/banners-04.jpg) center no-repeat;background-size:cover;height:100vh;display: block }.xs-itembg1 img,.xs-itembg2 img,.xs-itembg3 img,.xs-itembg4 img{display:none!important;} .copy_box .BannerTxt h1 {font-size: 1.8rem;line-height: normal;margin: 0;}.copy_box {top: 5%;}.BannerTxt p {font-size: 1rem;}#pathLine {display: none;}.pinPointSvgwrp {bottom: -50px;} ul.mobile-pinslist {list-style: none;display: block;}ul.mobile-pinslist a.pinPoint.pinP-1 {left: 5%;top: 0;}ul.mobile-pinslist a.pinPoint.pinP-2 {top: 16%; left: 5%;}ul.mobile-pinslist a.pinPoint.pinP-3 {top: 30%; left: 5%;}ul.mobile-pinslist a.pinPoint.pinP-4 {top: 46%; left: 5%;}.mobile-pinslist .pinPoint span {position: relative;top: 0;left: 50px;font-size: 3vh;} .bannerTxt{padding: 40px;}.bannerTxt h1 {font-size: 3rem;line-height: normal;} ul.CapabilitesList span.iconTxt {width: 100vw;height: 8vh;padding: 0.5vh;} .hmbg-06 .divider100 {height: 25px;} .hmbg-06 h3.font-yellow.text-uppercase {font-size: 2rem;} .cd-section.visible .hmbg-03 a.btn-Services {display: block;margin: 2% auto} a.btn-Services .ServiceTxt {font-size: 1.5rem;align-self: center;height: 60px;display:block;vertical-align: middle;display: block;margin: 2% auto;clear: both;padding: 4.5%;text-align: center;} .hbtxt-03 {transform:none;position: relative;margin: 2.5vh auto;clear: both;float: none;min-height: max-content!important;}.content-wrp.hmbg-03:after {width: 100%;height: 100%;}.hbtxt-04 ,.hbtxt-05,.hbtxt-06{transform:none;position: relative;clear: both;} .hbtxt-03:before,.hbtxt-03:after,.hbtxt-04:before,.hbtxt-04:after,.hbtxt-05:before,.hbtxt-05:after,.hbtxt-06:before,.hbtxt-06:after {clear: both;}section.cd-section.visible{position:relative;float:none;margin:0 auto;display:block;clear:both!important;height: max-content;} section.cd-section.visible:before,section.cd-section.visible:after{clear:both!important;} .hbtxt-02 {position: relative;right: 0;top: 0;transform: none;} section#HomeServices {padding: 2.5vh 0;}a.projectsHome {overflow: hidden;height: 30vh;margin: 2vh auto;float: none;display: block; position: relative;clear: both;}.cd-section.visible .project-01 {transform: none;}.hmbg-05:after {width: 100%;background: rgba(245, 212, 79, 0.75);height: 125vh;}ul.CapabilitesList li {width: 25%;} .contactForm {position: relative;float: none;display: block;margin: 0 auto;clear: both;}.contactForm:before,.contactForm:after{clear: both}#HomeContact.cd-section footer#homefooter {position: relative;width: 100%;font-size: 12px;float: none;margin: 0 auto;display: block;padding: 2.5vh 0;clear: both;background: #333333!important;} } @media screen and (min-width: 980px) and (max-width:1024px) {header {width: 20%;}.ProjectHeader h1 {font-size: 2.5vh;padding: 2.5vh;} .ProjectHeader { position: fixed;left: 0;bottom: 0;}.btn-backProject:after {font-size: 4vh !important;top: 20%;left: 10px;} .btn-backProject {font-size: 2.5vh;} #careers_job {margin-right: 0px;} .SPtxtCont h1 {font-size: 4vh;margin-bottom: 1vh;}ul.ServicePage_tablist li a {font-size: 1.25vh;} .SPtxtCont {width: 100%;}} @media screen and (min-width: 750px) and (max-width:770px) {.ContactTitle {font-size: 4.5vh;font-weight: 500;letter-spacing: 1px;margin-top: 10vh;box-sizing: content-box;display: inline-table;vertical-align: middle;clear:both!important;}.formBg.projectformBG{padding: 3.5vh 0vh!important;} .SPtxtCont h1 {font-size: 4vh;margin-bottom: 1vh;}ul.ServicePage_tablist li a {font-size: 1.25vh;min-height: 10vh;} .SPtxtCont {width: 100%;}ul.ListDrywall li {width: 25%;text-align: center;}ul.ListDrywall li span {width: 100%;} } @media only screen and (min-device-width: 768px) and (max-device-height: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { header {width: 15%;} [id="navcheck"]:checked ~ nav#menu::before {transform: skewX(0deg) translate(-10vw,0vw);} nav#menu {width: 100%;left: 0%;} nav#menu a {font-size: 1.05em;} .abt_sec01 .BanTextMiddle h1,.StrengthSec h1,.IndianLocation .ContentTxtWrp h1,.TeamMembers .ContentTxtWrp h1,.galleryOffice h1,.groupcomp h1,.achiHeading h1,section.Trusted h1 {font-size: 3rem;} .abt_sec01 .abt_dhlogo-01 {transform: scale(0.75) !important;}.abt_sec01 .abt_dhlogo-02 {right: 0!important;}.abt_sec01 .abt_dhlogo {width: 80%;margin:0 auto} .achivementBoxImg,.achivementBoxTxt {height: 25vh;padding: 0 2vw;text-align: center;} .achivementBoxTxt h1, .achivementBoxImg h1 {font-size:3.25rem;line-height: normal;}.table-cell {height: 50vh;} .abt_sec01 .BanTextMiddle p {font-size: 1.5vh;} .StrengthSec,.galleryOffice,section.Teams,.achievement,section.Trusted,section#groupcomp {padding: 5vh 0;} .IndianLocation {height: auto;} .height-100vh {height: 50vh;} .IndianLocation .ContentTxtWrp,.TeamMembers .ContentTxtWrp {padding: 2.5rem;width: 50%;display: table;min-height: 25vh !important;} a.btn-showcase.half-height {height: 10vh;} a.btn-showcase.full-height {height: 15vh;} .Teams .no-padding {padding: 1px 1px 1px 2px !IMPORTANT;margin: 2rem auto;} .TeamMembers .ContentTxtWrp {display: table;}.OfficesGalleryOwl .owl-nav {left: 70%;} .owl-dots {bottom: 0px;clear: both;} .ProjtabsCont {width: 100%;transform: scale(1);} ul.ProjectsTabList li a{clear: both!important} ul.ProjectsTabList li a .ProjectName {bottom: 10%;right:0%; height: 50px;} .ProjectHeader h1 {font-size: 2.5vh;padding: 2.5vh;} .ProjectHeader { position: fixed;left: 0;bottom: 0;}.btn-backProject:after {font-size: 4vh !important;top: 20%;left: 10px;} .btn-backProject {font-size: 2.5vh;}#first-slider a.left.carousel-control {left: 0;} #first-slider a.right.carousel-control {right: 0;}#first-slider .carousel-control{top:50%}#careers_job {margin-right: 0px;} #careers_job .panel-heading a:after {top: 25%;}#careers_job .panel-heading a {font-size: 2vh;padding: 12px 5px 12px 36px;}.ContactTitle {font-size: 3.5vh;font-weight: 500;letter-spacing: 1px;margin-top: 10vh;box-sizing: content-box;display: inline-table;vertical-align: middle;clear:both!important;} ul.ContactList li.address:before, ul.ContactList li.tle-phome:before, ul.ContactList li.phone:before, ul.ContactList li.fax:before, ul.ContactList li.mail:before { width: 10%;font: normal normal normal 4vh/1 FontAwesome;}.MumbaiAddress {font-size: 1.5rem;} .formBg.projectformBG{padding: 3.5vh 0vh!important;} section.CapabilitiessWrp{width: 100%;height: 100vh;margin-top: 0;margin-bottom: 0;left: 0;} .SP_tabsContWrp{width: 100%;height: 100vh;} .SPtxtCont h1 {font-size: 4vh;margin-bottom: 1vh;} ul.ServicePage_tablist li a {font-size: 1.25vh;min-height: 10vh;}.SPtxtCont {width: 100%;} ul.ListDrywall li {width: 25%;text-align: center;}ul.ListDrywall li span {width: 100%;} ul.SPtxtContList li{font-size: 1.45rem;} } @media screen and (max-width: 560px) and (min-width:220px) { header {width: 25%;}[id="navcheck"]:checked ~ nav#menu::before {width: 100%;transform: skewX(0deg) translate(0vw,0vw);} nav#menu a {width: 100%;margin: 1.5em 0;padding: .2em 1em; border-left: 0px solid transparent;border-bottom: 0px solid #000;font-size: 1.5em;display: table-row;height: 15VH;} nav#menu {position: fixed;left: 0%;width: 100%;padding: 10% 0;}.abt_sec01 .row-table {display: block;width: 100%;position: relative;margin: 0 auto;} .BanTextMiddle.table-cell {height: auto;margin: 50% auto 0 auto;position: relative;display: block;z-index: 0;} .table-cell.abt_dhlogowrap {height: auto!important;display: block!important;margin: 0 auto;} .abt_sec01 .BanTextMiddle h1,.StrengthSec h1,.IndianLocation .ContentTxtWrp h1,.galleryOffice h1,.TeamMembers .ContentTxtWrp h1,.groupcomp h1,.achiHeading h1,section.Trusted h1,.teamHeading h1 {font-size: 3rem;} .abt_sec01 .abt_dhlogo-01 {transform: scale(0.75) !important;}.abt_sec01 .abt_dhlogo-02 {right: 0!important;}.abt_sec01 .abt_dhlogo {width: 80%;margin:0 auto} .achivementBoxImg,.achivementBoxTxt {height: 25vh;padding: 0 2vw;text-align: center;} .achivementBoxTxt h1, .achivementBoxImg h1 {font-size:3.25rem;line-height: normal;}.table-cell {height: 50vh;} .StrengthSec,.galleryOffice,section.Teams,.achievement,section.Trusted,section#groupcomp {padding: 5vh 0;} .IndianLocation {height: auto;margin: 0 auto;float: none;padding:0;} .height-100vh {height: 50vh;} .IndianLocation .ContentTxtWrp,.TeamMembers .ContentTxtWrp {padding: 2rem;width: 100%;display: table;min-height: 40vh!important;margin: 0 auto; position: relative;} a.btn-showcase.half-height {height: 15vh;clear: both;} a.btn-showcase.full-height {height: 15vh;clear: both;} .Teams .no-padding {padding: 1px 0px 1px 0px !IMPORTANT;margin: 2rem auto;clear: both!important;} .TeamMembers .ContentTxtWrp,.IndianLocationcopyblock .ContentTxtWrp {display: table; clear: both!important;}.TeamMemberscopyblock,.IndianLocationcopyblock {width: 100%;padding: 0;clear: both!important;} .TeamMemberscopyblock:before,.TeamMemberscopyblock:after,.IndianLocationcopyblock:before,.IndianLocationcopyblock:after {width: 100%;padding: 0;clear: both!important;display:block}.OfficesGalleryOwl .owl-nav {left: 60%;position: absolute;bottom: 0;}.OfficesGalleryOwl .owl-next,.OfficesGalleryOwl .owl-prev{padding:1rem;width: 60px; height: 30px;font-size:1rem; } .teamHeading { position: relative;width: 100%;top: 0; clear: both!important;} .groupLogo { margin: 2% auto;}.row-flex{display: block;margin: 0 auto;float: none;width: 100%;padding: 0;} section.Trusted .owl-dots {bottom: 0;}.no-js .owl-carousel, .owl-carousel.owl-loaded {display: block;float: none;margin: 0 auto;clear: both;} .teamMemberImg img {width: 100%;}.teamMemDesc { position: absolute;top: 0;left: 0;width: 100%;height: 100vh;background: #000;color: #fff;padding: 20px;z-index: -4; border-top: 20vh solid #f5ca00;transition: all 700ms ease-in-out;}.TtabsCont {float: none;display:block;padding: 0px;margin: 0 auto;width: 90%;transition: all 500ms ease-in-out;} .IndianLocationpic {display: block;clear: both;margin: 0 auto;float: none;width: 100%;box-sizing: content-box;} .ProjtabsCont {width: 100%;transform: scale(1);position: fixed} ul.ProjectsTabList li a{clear: both!important} ul.ProjectsTabList li a .ProjectName {right: 0%;} .column-count3,.column-count4{column-count:1!important; }ul.ProjectsTabList li a .NameHover {font-size:2.15rem;}ul.ProjectsTabList li a .Name{font-size:1.8rem;} ul.ProjectsTabList li a .Name, ul.ProjectsTabList li a .NameHover {right: 0!important;left: 0!important;} #careers_job {margin-right: 0px;}.ContactTitle br {display: none;}.ContactTitle span {padding: 0 2%;} .ContactTitle {font-size: 4vh; margin: 0 auto;text-align: center;float: none;display: block;clear: both;} .SPtxtCont h1 {font-size: 4vh;margin-bottom: 1vh;} section.CapabilitiessWrp{width: 100%;height: 100vh;margin-top: 0;margin-bottom: 0;left: 0;} .SP_tabsContWrp{width: 100%;height: 100vh;} .SPtxtCont {width: 100%;} ul.ListDrywall li {width: 25%;text-align: center;}ul.ListDrywall li span {width: 100%;} /*********homepage**************/ .heroBanner {width: 100vw!important;left: 0%!important;height: 100vh!important;top: 0!important;} .pp-content.current { width: 45vh;height: 45vh;}.pp-content .pp_imgwrp p.supHead {letter-spacing: 1px;font-size: 13px;line-height: normal;}.pp-content h2 {font-size: 3vh;margin: 0 auto;}.pp-content p {font-size: 13px;line-height: normal;}.pp-content .pp_imgwrp {height: 50vh;}a.pinPoint {font-size: 1.65vh;} .xs-itembg1{background:url(../img/homeBG/banners-01.jpg) center no-repeat;background-size:cover;height:100vh;display: block }.xs-itembg2{background:url(../img/homeBG/banners-02.jpg) center no-repeat;background-size:cover;height:100vh;display: block }.xs-itembg3{background:url(../img/homeBG/banners-03.jpg) center no-repeat;background-size:cover;height:100vh;display: block }.xs-itembg4{background:url(../img/homeBG/banners-04.jpg) center no-repeat;background-size:cover;height:100vh;display: block }.xs-itembg1 img,.xs-itembg2 img,.xs-itembg3 img,.xs-itembg4 img{display:none!important;} .copy_box .BannerTxt h1 {font-size: 2.5rem;}.copy_box {top:15%;}.BannerTxt p {font-size: 1.5rem;}#pathLine {display: none;}.pinPointSvgwrp {bottom: 0;} ul.mobile-pinslist {list-style: none;display: block;}ul.mobile-pinslist a.pinPoint.pinP-1 {left: 5%;top: 0;}ul.mobile-pinslist a.pinPoint.pinP-2 {top: 16%; left: 5%;}ul.mobile-pinslist a.pinPoint.pinP-3 {top: 30%; left: 5%;}ul.mobile-pinslist a.pinPoint.pinP-4 {top: 46%; left: 5%;}.mobile-pinslist .pinPoint span {position: relative;top: 0;left: 50px;} .bannerTxt{padding:2.5vh; }.bannerTxt h1 {font-size: 3rem;line-height: normal;} ul.CapabilitesList span.iconTxt {width: 100vw;height: 8vh;padding: 0.5vh;} .hmbg-06 .divider100 {height: 25px;} .hmbg-06 h3.font-yellow.text-uppercase {font-size: 2rem;} .cd-section.visible .hmbg-03 a.btn-Services {display: block;margin: 2% auto} a.btn-Services .ServiceTxt {font-size: 1.5rem;align-self: center;height: 60px;display:block;vertical-align: middle;display: block;margin: 2% auto;clear: both;padding: 4.5%;text-align: center;} .hbtxt-03 {transform:none;position: relative;margin: 2.5vh auto;clear: both;float: none;min-height: max-content!important;}.content-wrp.hmbg-03:after {width: 100%;height: 100%;}.hbtxt-04 ,.hbtxt-05,.hbtxt-06{transform:none;position: relative;clear: both;} .hbtxt-03:before,.hbtxt-03:after,.hbtxt-04:before,.hbtxt-04:after,.hbtxt-05:before,.hbtxt-05:after,.hbtxt-06:before,.hbtxt-06:after {clear: both;}section.cd-section.visible{position:relative;float:none;margin:0 auto;display:block;clear:both!important;height: max-content;} section.cd-section.visible:before,section.cd-section.visible:after{clear:both!important;} .hbtxt-02 {position: relative;right: 0;top: 0;transform: none;} section#HomeServices {padding: 2.5vh 0;}a.projectsHome {overflow: hidden;height: 30vh;margin: 2vh auto;float: none;display: block; position: relative;clear: both;}.cd-section.visible .project-01 {transform: none;}.hmbg-05:after {width: 100%;background: rgba(245, 212, 79, 0.75);}ul.CapabilitesList li {width: 25%;} .contactForm {position: relative;float: none;display: block;margin: 0 auto;clear: both;}.contactForm:before,.contactForm:after{clear: both}#HomeContact.cd-section footer#homefooter {position: relative;width: 100%;font-size: 12px;float: none;margin: 0 auto;display: block;padding: 2.5vh 0;clear: both;background: #333333!important;} } @media screen and (max-width: 320px) and (min-width:220px) { ul.ProjectsTabList li a{clear: both!important}.ContactTitle br {display: none;}.ContactTitle span {padding: 0 2%;} .ContactTitle {font-size: 4vh; margin: 0 auto;text-align: center;float: none;display: block;clear: both;} section.CapabilitiessWrp{width: 100%;height: 100vh;margin-top: 0;margin-bottom: 0;left: 0;} .SP_tabsContWrp{width: 100%;height: 100vh;} .SPtxtCont {width: 100%;} /*********homepage**************/ .heroBanner {width: 100vw!important;left: 0%!important;height: 100vh!important;top: 0!important;} .pp-content.current { width: 45vh;height: 45vh;}.pp-content .pp_imgwrp p.supHead {letter-spacing: 1px;font-size: 13px;line-height: normal;}.pp-content h2 {font-size: 3vh;margin: 0 auto;}.pp-content p {font-size: 13px;line-height: normal;}.pp-content .pp_imgwrp {height: 50vh;}a.pinPoint {font-size: 1.65vh;} .xs-itembg1{background:url(../img/homeBG/banners-01.jpg) center no-repeat;background-size:cover;height:100vh;display: block }.xs-itembg2{background:url(../img/homeBG/banners-02.jpg) center no-repeat;background-size:cover;height:100vh;display: block }.xs-itembg3{background:url(../img/homeBG/banners-03.jpg) center no-repeat;background-size:cover;height:100vh;display: block }.xs-itembg4{background:url(../img/homeBG/banners-04.jpg) center no-repeat;background-size:cover;height:100vh;display: block }.xs-itembg1 img,.xs-itembg2 img,.xs-itembg3 img,.xs-itembg4 img{display:none!important;} .copy_box .BannerTxt h1 {font-size: 2.5rem;}.copy_box {top:15%;}.BannerTxt p {font-size: 1.5rem;}#pathLine {display: none;}.pinPointSvgwrp {bottom: 0;} ul.mobile-pinslist {list-style: none;display: block;}ul.mobile-pinslist a.pinPoint.pinP-1 {left: 5%;top: 0;}ul.mobile-pinslist a.pinPoint.pinP-2 {top: 16%; left: 5%;}ul.mobile-pinslist a.pinPoint.pinP-3 {top: 30%; left: 5%;}ul.mobile-pinslist a.pinPoint.pinP-4 {top: 46%; left: 5%;}.mobile-pinslist .pinPoint span {position: relative;top: 0;left: 50px;} .bannerTxt{padding:2.5vh; }.bannerTxt h1 {font-size: 3rem;line-height: normal;} ul.CapabilitesList span.iconTxt {width: 100vw;height: 8vh;padding: 0.5vh;} .hmbg-06 .divider100 {height: 25px;} .hmbg-06 h3.font-yellow.text-uppercase {font-size: 2rem;} .cd-section.visible .hmbg-03 a.btn-Services {display: block;margin: 2% auto} a.btn-Services .ServiceTxt {font-size: 1.5rem;align-self: center;height: 60px;display:block;vertical-align: middle;display: block;margin: 2% auto;clear: both;padding: 4.5%;text-align: center;} .hbtxt-03 {transform:none;position: relative;margin: 2.5vh auto;clear: both;float: none;min-height: max-content!important;}.content-wrp.hmbg-03:after {width: 100%;height: 100%;}.hbtxt-04 ,.hbtxt-05,.hbtxt-06{transform:none;position: relative;clear: both;} .hbtxt-03:before,.hbtxt-03:after,.hbtxt-04:before,.hbtxt-04:after,.hbtxt-05:before,.hbtxt-05:after,.hbtxt-06:before,.hbtxt-06:after {clear: both;}section.cd-section.visible{position:relative;float:none;margin:0 auto;display:block;clear:both!important;height: max-content;} section.cd-section.visible:before,section.cd-section.visible:after{clear:both!important;} .hbtxt-02 {position: relative;right: 0;top: 0;transform: none;} section#HomeServices {padding: 2.5vh 0;}a.projectsHome {overflow: hidden;height: 30vh;margin: 2vh auto;float: none;display: block; position: relative;clear: both;}.cd-section.visible .project-01 {transform: none;}.hmbg-05:after {width: 100%;background: rgba(245, 212, 79, 0.75);}ul.CapabilitesList li {width: 25%;} .contactForm {position: relative;float: none;display: block;margin: 0 auto;clear: both;}.contactForm:before,.contactForm:after{clear: both}#HomeContact.cd-section footer#homefooter {position: relative;width: 100%;font-size: 12px;float: none;margin: 0 auto;display: block;padding: 2.5vh 0;clear: both;background: #333333!important;} } @media screen and (max-width: 850px) and (min-width:220px) { section.CapabilitiessWrp{width: 100%;height: 100vh;margin-top: 0;margin-bottom: 0;left: 0;position: relative!important} .SP_tabsContWrp{width: 100%;height: 100vh;position: relative!important} .SPtxtCont {width: 100%;position: relative!important} .SPtabsCont {width: 100%;height: 50%;position: absolute;left: 0;top: 0;}.SPtxtCont {width: 100%;height: auto;padding: 15px 15px 15px 90px;min-height: 450px;} } /*@media (min-width:991px) and (max-width:1050px) {.cd-section {transform: scale(1)!important;z-index: 3 !important;}} @media (min-width:220px) and (max-width:990px) {.cd-section {transform: scale(1)!important;z-index: 3 !important;}}*/