body { margin:0px; background-image:url(../Resources/mesh-background3.jpg); height:100% } html { height:100% } #Navs-mob a:link { color:#fff; text-decoration:none } #Navs-mob a:visited { color:#fff } #Navs-mob a:hover { color:#4c4c4c } #Navs-mob a:active { color:#fff } #Navs a:link { color:#fff; text-decoration:none } #Navs a:visited { color:#fff } #Navs a:hover { color:#4c4c4c } #Navs a:active { color:#fff } #item16 a:link { color:#fff; text-decoration:none } #item16 a:visited { color:#fff } #item16 a:hover { color:#ccc } #item16 a:active { color:#fff } #Categories a:link { color:#fff; text-decoration:none } #Categories a:visited { color:#fff } #Categories a:hover { color:#fff } #Categories a:active { color:#fff } #item14 a:link { color:#e6e6e6 } #item14 a:visited { color:#e6e6e6 } #item14 a:hover { color:#e46300 } #item14 a:active { color:#e46300 } #Content1 a:link { color:#a11e25; text-decoration:none } #Content1 a:visited { color:#a11e25 } #Content1 a:hover { color:#283641 } #Content1 a:active { color:#a11e25 } #BodyWrapper4 a:link { color:#fff; text-decoration:none } #BodyWrapper4 a:visited { color:#fff } #BodyWrapper4 a:hover { color:#fff } #BodyWrapper4 a:active { color:#fff } #item26 a:link { color:#e6e6e6 } #item26 a:visited { color:#e6e6e6 } #item26 a:hover { color:#e46300 } #item26 a:active { color:#e46300 } #Home1 a:link { color:#fff; text-decoration:none } #Home1 a:visited { color:#fff } #Home1 a:hover { color:#fff } #Home1 a:active { color:#fff } #Home2 a:link { color:#fff; text-decoration:none } #Home2 a:visited { color:#fff } #Home2 a:hover { color:#fff } #Home2 a:active { color:#fff } #Home3 a:link { color:#fff; text-decoration:none } #Home3 a:visited { color:#fff } #Home3 a:hover { color:#fff } #Home3 a:active { color:#fff } #Home4 a:link { color:#fff; text-decoration:none } #Home4 a:visited { color:#fff } #Home4 a:hover { color:#fff } #Home4 a:active { color:#fff } #item10 a:link { color:#a11e25; text-decoration:none } #item10 a:visited { color:#a11e25 } #item10 a:hover { color:#283641 } #item10 a:active { color:#a11e25 } #Footer a:link { color:#fff; text-decoration:none } #Footer a:visited { color:#fff; text-decoration:none } #Footer a:hover { color:#ccc; text-decoration:none } #Footer a:active { color:#fff; text-decoration:none } #PageDiv { position:relative; min-height:100% } #item1 { width:100%; z-index:0 } #accreditation { width:51.66%; z-index:0; float:left; padding-bottom:15px } #Navs-mob { width:628px; z-index:9999; float:left; padding-top:35px; padding-bottom:15px; display:none; height:auto; overflow:visible; position:relative } #Navs { width:628px; z-index:9999; float:left; padding-top:25px; padding-bottom:15px; height:auto; overflow:visible; position:relative } #item16 { width:41.67%; z-index:0; float:right; padding-top:5px; padding-right:25px } #item17 { width:100%; display:inline-block } #item4 { width:100%; z-index:0; clear:both; margin-left:auto; margin-right:auto; background-image:url(../Resources/db-header-service.jpg); background-position:right top; background-size:cover; background-repeat:no-repeat } #Categories { width:81.36%; z-index:9997; float:right; padding-right:25px } #service { width:161px; height:16px; z-index:0; float:right; padding:6px; background-color:#283641; cursor:pointer } #commercial { width:137px; height:16px; z-index:0; float:right; clear:left; padding:6px; margin-right:2%; background-color:#283641; cursor:pointer } #residential { width:137px; height:16px; z-index:0; float:right; padding:6px; margin-right:2%; background-color:#283641; cursor:pointer } #item5 { width:94.25%; z-index:0; clear:both; padding-top:1%; margin-left:auto; margin-right:auto } #DBWrenchLogo500x500 { width:28.83%; overflow:hidden; max-width:500px } #item12 { width:100%; z-index:0; margin-left:auto; margin-right:auto; border-top:solid #000 5px; background-size:cover } #item27 { width:88.12%; z-index:0; padding:2% 2% 2% 1%; margin-left:auto; margin-right:auto } #item14 { width:95%; z-index:0; clear:both; padding-top:3%; padding-bottom:3%; margin-left:auto; margin-right:auto } #Abou1 { width:57.67%; z-index:0; float:left; padding:2%; margin-right:5%; background-color:#fff; background-image:url(../Resources/services-block-im.jpg); background-position:right top; background-size:cover; background-repeat:no-repeat } #item2 { width:100%; z-index:0; padding-top:2% } #item15 { width:65.81%; float:left; margin-right:2%; display:inline-block } #side-bar-container { width:456px; z-index:0; float:left } #item18 { width:456px; z-index:0; float:left; padding-bottom:15px; background-color:#ccc; background-image:url(../Resources/pipes-2a.png); background-position:right bottom; background-repeat:no-repeat } #item19 { width:100%; z-index:0; float:left; padding-top:15px; padding-bottom:5px; background-color:#fff } #owl-carousel1 { width:90%; z-index:0; float:left; padding:1% 3% 3% 7%; background-image:url(../Resources/quotation-marks-l.png); background-repeat:no-repeat; max-width:700px } #quote-5 { width:85.38%; z-index:0; padding:12px 30px; margin-left:auto; margin-right:auto; overflow:hidden; max-width:700px } #quote-6 { width:85.38%; z-index:0; padding:12px 30px; margin-left:auto; margin-right:auto; overflow:hidden } #quote-7 { width:85.38%; z-index:0; padding:12px 30px; margin-left:auto; margin-right:auto; overflow:hidden } #quote-8 { width:85.38%; z-index:0; padding:12px 30px; margin-left:auto; margin-right:auto; overflow:hidden } #Content1 { width:96%; z-index:0; float:left; padding:2%; margin-top:25px; background-color:#fff } #certificationicon1 { width:100%; margin-left:auto; margin-right:auto; overflow:hidden } #Yelpicon1 { overflow:hidden } #Angieicon1 { overflow:hidden } #BodyWrapper4 { width:100%; z-index:0; margin-left:auto; margin-right:auto; background-color:#553e52; background-image:url(../Resources/images.jpeg); background-size:cover } #item26 { width:90%; z-index:0; clear:both; padding-top:1%; padding-bottom:1%; margin-left:auto; margin-right:auto } #Home1 { width:21%; z-index:0; float:left; padding-left:2%; padding-right:2% } #showericon1 { margin-left:auto; margin-right:auto; overflow:hidden } #item29 { width:99.65%; display:inline-block } #item30 { width:99.65%; display:inline-block } #Home2 { width:21%; z-index:0; float:left; padding-left:2%; padding-right:2% } #CommercialPlumbingIcon1 { margin-left:auto; margin-right:auto; overflow:hidden } #item31 { width:99.65%; display:inline-block } #item32 { width:99.65%; display:inline-block } #Home3 { width:21%; z-index:0; float:left; padding-left:2%; padding-right:2% } #RepairIcon { margin-left:auto; margin-right:auto; overflow:hidden } #item33 { width:99.65%; display:inline-block } #item34 { width:99.65%; display:inline-block } #Home4 { width:21%; z-index:0; float:left; padding-left:2%; padding-right:2% } #ShopingCart { margin-left:auto; margin-right:auto; overflow:hidden } #item35 { width:99.65%; display:inline-block } #item36 { width:99.65%; display:inline-block } #item9 { position:relative; width:100%; min-height:286px; z-index:0; background-image:url(../Resources/db-header-call-to.jpg); background-position:left; background-size:cover; background-repeat:no-repeat; border-top:solid #283641 5px; border-bottom:solid #283641 5px } #item10 { position:absolute; width:513px; top:80px; right:43px; z-index:1; padding:20px; background-image:url(../Resources/white-screen.png); box-shadow:4px 4px 4px 1px rgba(76,76,76,0.37) } #item6 { width:100%; z-index:0; clear:both; margin-left:auto; margin-right:auto } #Footer { width:90%; z-index:0; padding-top:3%; padding-bottom:3%; margin-left:auto; margin-right:auto } #item7 { width:53.33%; display:inline-block } #item8 { width:63px; margin-left:5px; margin-right:5px; overflow:hidden } #item3 { width:25px; height:20px; display:inline-block } #DBWrenchLogo { position:absolute; left:-15%; top:-2085px; width:464px; height:452px; z-index:1 } #fwNav1 { float:left; padding:0; margin:0; list-style:none } #fwNav1 .fwNavItem { width:auto; position:relative; float:left; margin:0; padding:0; border-top:0; border-bottom:0 } #fwNav1 .fwNavItem a { display:block; color:#FFFFFF; text-decoration:none; padding:20px 18px 10px 18px } #fwNav1 .fwFirstChild { border-left:0 } #fwNav1 .fwLastChild { border-right:0 } #fwNav1 .fwNavItem a:hover, #fwNav1 .fwNavItem span a:hover, #fwNav1 .fwNavItem a:focus { color:#4C4C4C; text-decoration:none } #fwNav1 .fwNavItem a:active { color:#FFFFFF; text-decoration:none } #fwNav1-toggle, .fwNav1-toggle-label { display:none } .fwNav1-toggle-label { width:30px; height:30px; overflow:hidden; background-image:url('../Resources/Menu.png'); background-repeat:no-repeat; background-size:100% } #fwNav1 .fwNavItem a.fwCurrent, #fwNav1 .fwNavItem a.fwCurrent:hover { display:block; color:#FFFFFF; font-weight:normal } #fwNav2 { float:left; padding:0; margin:0; list-style:none } #fwNav2 .fwNavItem { width:auto; position:relative; float:left; margin:0; padding:0; border-top:0; border-bottom:0 } #fwNav2 .fwNavItem a { display:block; color:#FFFFFF; text-decoration:none; padding:12px 18px 10px 18px } #fwNav2 .fwFirstChild { border-left:0 } #fwNav2 .fwLastChild { border-right:0 } #fwNav2 .fwNavItem a:hover, #fwNav2 .fwNavItem span a:hover, #fwNav2 .fwNavItem a:focus { color:#4C4C4C; text-decoration:none } #fwNav2 .fwNavItem a:active { color:#FFFFFF; text-decoration:none } #fwNav2-toggle, .fwNav2-toggle-label { display:none } .fwNav2-toggle-label { width:30px; height:30px; overflow:hidden; background-image:url('../Resources/Menu.png'); background-repeat:no-repeat; background-size:100% } #fwNav2 .fwNavItem a.fwCurrent, #fwNav2 .fwNavItem a.fwCurrent:hover { display:block; color:#FFFFFF; font-weight:normal } @media (-webkit-min-device-pixel-ratio:1.3), (-o-min-device-pixel-ratio:13/10), (min-resolution:125dpi) { body { background-image:url(../Resources/mesh-background.jpg); background-size:1183px 540px } } @media print { #PageDiv { width:auto } } @media screen and (max-width:1400px) { #PageDiv { width:auto } #Abou1 { width:52.05% } #side-bar-container { width:34% } #item18 { width:100% } #quote-5 { width:85.26% } #quote-6 { width:85.26% } #quote-7 { width:85.26% } #quote-8 { width:85.26% } } @media screen and (max-width:1350px) { #PageDiv { width:auto } #item18 { width:100% } #quote-5 { width:84.71% } #quote-6 { width:84.71% } #quote-7 { width:84.71% } #quote-8 { width:84.71% } #item9 { background-position:left bottom } } @media screen and (max-width:1200px) { #PageDiv { width:auto } #side-bar-container { width:36% } #quote-5 { width:83.76% } #quote-6 { width:83.76% } #quote-7 { width:83.76% } #quote-8 { width:83.76% } #Content1 { width:100% } } @media screen and (max-width:1100px) { #PageDiv { width:auto } #item4 { background-position:center bottom } #DBWrenchLogo500x500 { width:41.93% } #Abou1 { width:49.88% } #quote-5 { width:82.28% } #quote-6 { width:82.28% } #quote-7 { width:82.28% } #quote-8 { width:82.28% } } @media screen and (max-width:890px) { #PageDiv { width:auto } #Navs-mob { width:586px } #Navs { width:586px } #item16 { width:37.21% } #item17 { width:auto } #item4 { background-position:center } #Categories { width:82.83% } #item18 { width:100% } #quote-5 { width:78.1% } #quote-6 { width:78.1% } #quote-7 { width:78.1% } #quote-8 { width:78.1% } } @media screen and (max-width:768px) { #PageDiv { width:auto } #accreditation { width:auto; height:90px } #Navs-mob { width:100%; height:80px; float:none; padding-top:3%; padding-bottom:0px; margin-left:auto; margin-right:auto; display:block } #Navs { width:99.04%; height:80px; float:none; padding-top:3%; padding-bottom:0px; margin-left:auto; margin-right:auto; display:none } #item16 { width:56.34%; padding-top:10px; padding-bottom:20px } #item17 { width:99.28% } #item4 { background-image:url(../Resources/db-header-service1.jpg) } #Categories { width:84.66%; display:none } #service { width:166px; height:auto } #commercial { width:129px; height:auto; id:commercial } #residential { width:129px; height:auto } #item5 { width:90%; padding-bottom:3%; margin-left:0px } #DBWrenchLogo500x500 { width:63.36% } #item27 { width:91% } #item14 { width:90% } #Abou1 { width:96%; float:none; clear:both; margin-left:auto; margin-top:5%; margin-right:auto } #side-bar-container { width:100% } #item18 { width:100% } #owl-carousel1 { width:88%; padding-left:9% } #quote-5 { width:90.14% } #quote-6 { width:90.14% } #quote-7 { width:90.14% } #quote-8 { width:90.14% } #Content1 { width:100% } #BodyWrapper4 { background-position:center top } #item26 { padding-top:3%; padding-bottom:3% } #Home1 { width:96%; float:none; clear:both; margin-left:auto; margin-top:5%; margin-right:auto } #Home2 { width:96%; float:none; clear:both; margin-left:auto; margin-top:5%; margin-right:auto } #Home3 { width:96%; float:none; clear:both; margin-left:auto; margin-top:5%; margin-right:auto } #Home4 { width:96%; float:none; clear:both; margin-left:auto; margin-top:5%; margin-right:auto } #item9 { background-position:left bottom } #item10 { top:63px; right:0px; width:51.04% } #fwNav1 { width:100%; right:0; left:0; margin-top:0px } #fwNav1 .fwNavItem { box-sizing:border-box; float:none; overflow:hidden; width:100%; border-right:0; border-left:0 } #fwNav1 .fwNavItem a { padding-top:8px; padding-bottom:8px; padding-left:10px; padding-right:10px } #fwNav1 .fwFirstChild { border-top:0 } #fwNav1 .fwLastChild { border-bottom:0 } .fwNav1-toggle-label { display:block; position:relative; cursor:pointer; -webkit-touch-callout:none; -webkit-user-select:none; user-select:none } .fwNavContainer1 { display:none; position:fixed; width:100%; top:0; right:0; bottom:100%; left:0; margin-top:-100%; background-color:#B3B3B3; -webkit-overflow-scrolling:touch; overflow:auto; float:none; -webkit-transition:.2s ease-out margin, .2s ease-out bottom; -moz-transition:.2s ease-out margin, .2s ease-out bottom; -ms-transition:.2s ease-out margin, .2s ease-out bottom; -o-transition:.2s ease-out margin, .2s ease-out bottom; transition:.2s ease-out margin, .2s ease-out bottom } .fwNav1-toggle-close { background-image:url('../Resources/CLOSE.png'); margin:20px 20px 5px 0px } .fwNavContainer1.fwMenuOn { margin-top:0; bottom:0 } #fwNav2 { width:100%; right:0; left:0; margin-top:0px } #fwNav2 .fwNavItem { box-sizing:border-box; float:none; overflow:hidden; width:100%; border-right:0; border-left:0 } #fwNav2 .fwNavItem a { padding-top:8px; padding-bottom:8px; padding-left:10px; padding-right:10px } #fwNav2 .fwFirstChild { border-top:0 } #fwNav2 .fwLastChild { border-bottom:0 } .fwNav2-toggle-label { display:block; position:relative; cursor:pointer; -webkit-touch-callout:none; -webkit-user-select:none; user-select:none } .fwNavContainer2 { display:none; position:fixed; width:100%; top:0; right:0; bottom:100%; left:0; margin-top:-100%; background-color:#B3B3B3; -webkit-overflow-scrolling:touch; overflow:auto; float:none; -webkit-transition:.2s ease-out margin, .2s ease-out bottom; -moz-transition:.2s ease-out margin, .2s ease-out bottom; -ms-transition:.2s ease-out margin, .2s ease-out bottom; -o-transition:.2s ease-out margin, .2s ease-out bottom; transition:.2s ease-out margin, .2s ease-out bottom } .fwNav2-toggle-close { background-image:url('../Resources/CLOSE.png'); margin:20px 20px 5px 0px } .fwNavContainer2.fwMenuOn { margin-top:0; bottom:0 } } @media screen and (max-width:600px) { #PageDiv { width:auto } #Navs-mob { height:auto } #Navs { width:99.19%; height:auto } #item16 { width:65.67% } #item4 { background-position:right } #Categories { width:95.83% } #service { width:161px } #item5 { width:80.17%; padding-top:0px } #DBWrenchLogo500x500 { width:76.92% } #item14 { width:91% } #Abou1 { background-position:right } #quote-5 { width:87.51% } #quote-6 { width:87.51% } #quote-7 { width:87.51% } #quote-8 { width:87.51% } } @media screen and (max-width:480px) { #PageDiv { width:auto } #item16 { width:54.17%; padding-top:0px; padding-bottom:0px } #item4 { background-position:center } #Categories { width:94.79% } #item5 { width:90% } #DBWrenchLogo500x500 { width:64.88% } #owl-carousel1 { background-image:none } #quote-5 { width:82.39% } #quote-6 { width:82.39% } #quote-7 { width:82.39% } #quote-8 { width:82.39% } #Content1 { width:100% } #Yelpicon1 { width:100px } #Angieicon1 { width:100px } #item10 { top:80px; right:1px; width:91.87%; padding:20px 4% } } @media screen and (max-width:320px) { #item10 a:link { color:#13112b } #item10 a:visited { color:#13112b } #item10 a:hover { color:#bd3f1c } #item10 a:active { color:#13112b } #PageDiv { width:auto } #accreditation { width:30% } #Navs-mob { width:100%; float:left; margin-left:0px; margin-right:0px } #Navs { width:100%; float:left; margin-left:0px; margin-right:0px } #item16 { width:60.73% } #item17 { width:98.97% } #item4 { background-position:center bottom } #Categories { width:92.19% } #item5 { width:87% } #DBWrenchLogo500x500 { width:66.28% } #Abou1 { background-position:center } #quote-5 { width:74.13% } #quote-6 { width:74.13% } #quote-7 { width:74.13% } #quote-8 { width:74.13% } #Yelpicon1 { width:14.12% } #Angieicon1 { width:14.12% } #item10 { width:90.76% } }