body{overflow:auto;}@media only screen and (max-width:1200px){.blogheading .blogimage{height:26vw;} .blogheading .blogimage img{width:100%;}}@media only screen and (max-width:1150px){.container{width:80%;max-width:100%;} .halfholder .half:first-child{padding-left:60px;} .staff .view{width:50%;} .staff .view-space{display:none;} .parallax-bg4 .view{height:230px;} .staff .mask{height:230px;} .staff .mask{padding-top:8vw;} .portfolio li{width:25%;} .portfolio li:nth-of-type(3), .portfolio li:nth-of-type(6), .portfolio li:nth-of-type(9), .portfolio li:nth-of-type(15), .portfolio li:nth-of-type(20), .portfolio li:nth-of-type(21), .portfolio li:nth-of-type(25), .portfolio li:nth-of-type(30){margin-right:0%;} .menu .blind:last-child>ul{min-width:20vw;} .blogheading .blogimage img{-webkit-transform:rotateX(0deg) rotateY(10deg) translate(10%);transform:rotateX(0deg) rotateY(10deg) translate(10%);}}@media only screen and (max-width:1000px){.services .serviceslist li{width:31.33%;} #content>.container:first-child{padding-top:65px !important;} .container .blind:nth-child(3){display:none;} .menuopen .container .blind{width:33.34%;} .menu .container .blind:nth-child(2){left:33.333%;} .menu .container .blind:nth-child(4){left:66.666%;} .menu .blind:last-child>ul{min-width:26.66vw;} .blogpost .blog>span>a{width:65%;} .blogpost .abstract{width:30%;} .blogpost .blog>a{width:65%;height:170px;} .daymode .fade{display:block !important;} .portfolio a:hover .mask{font-size:2vw;} .portfolio li{width:33.333%;} .portfolio .homeportfolio li:nth-of-type(7), .portfolio .homeportfolio li:nth-of-type(8){display:none !important;}}@media only screen and (max-width:920px){#id-Badge1 img{width:25px;} #id-Badge1 div{display:none;} #id-Badge1 .BuyNZMadeLogo2{display:block !important;padding:0;} #id-Badge1 a{margin-bottom:5px;} .contactandezine{transform:rotate(0deg);position:static;font-size:14px;} .contactandezine:after{display:none !important;} .socialmedia{position:static;} .socialmedia li{display:inline-block;width:30px;vertical-align:bottom;margin-right:10px;margin-left:10px;} #sidedots{top:auto;bottom:0px;right:0px;transform:translateY(0%);width:100%;padding-top:20px;background:-moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(6, 6, 6, 0) 17%, rgba(34, 34, 34, 0.65) 100%);background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(6, 6, 6, 0) 17%, rgba(34, 34, 34, 0.65) 100%);background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(6, 6, 6, 0) 17%, rgba(34, 34, 34, 0.65) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6222222', GradientType=0);} .daymode #sidedots{background:-moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(40, 40, 40, 0) 17%, rgba(238, 238, 238, 0.65) 100%);background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(40, 40, 40, 0) 17%, rgba(238, 238, 238, 0.65) 100%);background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(40, 40, 40, 0) 17%, rgba(238, 238, 238, 0.65) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6eeeeee', GradientType=0);} .contactandezine{margin-bottom:70px;} #sidedots li{display:inline-block;margin-left:5px;margin-right:5px;} #map{height:350px;top:-50px;width:130%;} #emailform{padding-bottom:50px;} .container{padding-top:75px;} .mapcontcont{height:290px;} .halfholder .half{width:100% !important;padding:0px !important;} .staff .view{width:25%;} .staffcontainer{-webkit-transform:rotateX(0deg) rotateY(-5deg) translate(-3%);transform:rotateX(0deg) rotateY(-5deg) translate(-3%);} .half .container{width:80% !important;margin:0 auto !important;} .staff{height:335px;padding-left:0px;} .halfholder .half:nth-child(2) .container{max-width:100%;margin-left:auto !important;} .staff .mask{padding-top:10vw;} .servicescontainer div{width:75%;} .servicescontainer div:nth-child(odd){margin-right:25%;} .servicescontainer div:nth-child(even){margin-left:25%;} .blogheading .blogimage{width:100%;height:50vw;} .blogheading h1{width:100%;} .blogpost #pnlContent{width:100%;} .blogheading .blogimage span._DocumentThumbnail{-webkit-transform:rotateX(0deg) rotateY(10deg) translate(0%);transform:rotateX(0deg) rotateY(10deg) translate(0%);left:0%;width:116vw;position:absolute;} .blogheading .blogimage img{width:70%;-webkit-transform:rotateX(0deg) rotateY(10deg) translate(25%);transform:rotateX(0deg) rotateY(10deg) translate(25%);} .blogheading{width:100%;} ._SearchResults, .cd-gallery{padding-left:0px !important;padding-right:0px !important;} .stafffooter a{width:25%;} .weare, #typed-strings{height:90px;} .events-content li{width:100%;}}@media only screen and (max-width:750px){.staff .view{width:33.33%;} .staff{height:650px;} .staff .mask{padding-top:17vw;} .staff .view-space{display:inline-block;} .parallax-bg4 .view{height:250px;} .blogpost .blog>a{width:100%;height:40vw;} .blogpost .blog span._DocumentThumbnail{-webkit-transform:rotateX(0deg) rotateY(-8deg) translate(-32%);transform:rotateX(0deg) rotateY(-8deg) translate(-32%);width:156%;left:30%;} ._DocumentListRow:nth-child(odd) .blog span._DocumentThumbnail{-webkit-transform:rotateX(0deg) rotateY(8deg) translate(-10%);transform:rotateX(0deg) rotateY(8deg) translate(10%);width:136%;left:-40%;} .blogpost .blog>span>a{width:70%;height:200px;} .blogpost .abstract{width:100%;margin-left:0%;margin-top:25px;margin-bottom:50px;} .allblogs .blog>a{margin-bottom:0px;margin-top:0px } .box .half:first-child{width:66%;} .box .half:last-child{width:33%;} .staffphoto img{width:100%;} ._EmailForm ._LayoutRow, ._EzineForm ._LayoutRow{width:100%;padding-right:0%;} .blogheading .blogimage{height:50vw;} .blogheading .blogimage img{width:93vw;transform:rotateX(0deg) rotateY(10deg) translate(10%);}}@media only screen and (max-width:600px){.services .serviceslist li{width:48%;} .menu .container .blind:nth-child(2){display:none;} .menuopen .container .blind{width:50%;} .menu .container .blind:nth-child(4){left:50%;} .menu .blind:last-child>ul{min-width:40vw;} .staff .view{width:50%;} .staff .view-space{display:none;} .staffcontainer{position:static;-webkit-transform:rotateX(0deg) rotateY(0deg) translate(0%);transform:rotateX(0deg) rotateY(0deg) translate(0%);} .staff .mask{padding-top:25vw;} .portfolio li{width:50%;} .portfolio .homeportfolio li:nth-of-type(5), .portfolio .homeportfolio li:nth-of-type(6){display:none !important;} .portfolio a:hover .mask{font-size:4vw;} ._Template .weare, .mainheading{font-size:30px !important;line-height:35px !important;} ._Template .mainheading{margin:0 0 0px 0 !important;} ._Template .weare img{width:135px !important;} #content>.container:first-child{padding-top:85px !important;} .halfholder{padding-top:50px;} .parallax-bg4 .view, .staff .view{height:53vw;} .staff{height:auto;} .weare, #typed-strings{height:54px;} #content h2, ._EmailForm legend{font-size:30px;line-height:40px;} #content h1{margin:0 0 10px 0;font-size:45px;line-height:50px;} #content h3{font-size:25px;line-height:33px;} .allblogs .rdpPageFirst, .allblogs .rdpPageLast{width:50px !important;} .allblogs .rdpPagePrev, .allblogs .rdpPageNext{width:50px !important;} .box .half:first-child{width:100%;} .box .half:last-child{width:100%;padding-top:40px;} .staffphoto img{width:100%;} .staffphoto{height:70vw;} .container, .half .container{width:90% !important;} .blogpost .blog span._DocumentThumbnail{-webkit-transform:rotateX(0deg) rotateY(-8deg) translate(-20%);transform:rotateX(0deg) rotateY(-8deg) translate(-20%);width:125%;} ._DocumentListRow:nth-child(odd) .blog span._DocumentThumbnail{-webkit-transform:rotateX(0deg) rotateY(8deg) translate(13%);transform:rotateX(0deg) rotateY(8deg) translate(13%);width:122%;} .blogpost .blog>span>a{height:120px;}}@media only screen and (max-width:450px){.services li, .services .serviceslist li{width:100%;margin-left:0%;margin-right:0%;} .staff .mask a{font-size:2.5vw;} .container{padding-top:40px;} .logo{left:0px;} .menu .blind:last-child{display:none !important;} .menuopen .container .blind:first-child{width:100% !important;} ._EmailForm textarea{height:130px !important;} #map{height:245px;top:-40px;width:115%;} .mapcont{width:140%;} .mapcontcont{height:200px;} .servicescontainer div{width:100%;} .servicescontainer div:nth-child(odd){margin-right:0%;} .servicescontainer div:nth-child(even){margin-left:0%;} .menu .blind:first-child>ul li a{padding:5px 0px;} .portfolio li{width:100%;} .portfolio .homeportfolio li:nth-of-type(2), .portfolio .homeportfolio li:nth-of-type(3), .portfolio .homeportfolio li:nth-of-type(4){display:none;} .portfolio a:hover .mask{font-size:18px;} .socialmedia li{margin-right:5px;margin-left:5px;} .filter{width:100%;} .loadfade{background-size:200px;} ._DocumentListRow:nth-child(odd) .blog span._DocumentThumbnail{-webkit-transform:rotateX(0deg) rotateY(8deg) translate(8%);transform:rotateX(0deg) rotateY(8deg);width:118%;left:-25%;} .blogpost .blog span._DocumentThumbnail{-webkit-transform:rotateX(0deg) rotateY(-8deg) translate(-16%);transform:rotateX(0deg) rotateY(-8deg) translate(-16%);width:122%;left:25%;} .fade{background:#222 !important;opacity:0.8;height:85px;} .daymode .fade{background:#eee !important;} #sidedots{background:rgba(34, 34, 34, 0.8) !important;} .daymode #sidedots{background:rgba(238, 238, 238, 0.8) !important;} .services a{padding:10px 40px 10px 20px;text-align:left;} .services .serviceslist a:after{left:auto;right:10px;} .staff .mask a:hover:after, .services a:hover:after{left:auto;right:0px;} .parallax-bg1{display:none;} .blogpost .blog>span>a{height:75px;}}@media only screen and (max-width:400px){.staff .view{width:100%;} .staff .mask{padding-top:20px;padding-left:25%;} .view img{margin:0 auto;width:47%;} .staff .mask a{font-size:12px;width:56.66%;float:right;margin-right:10%;margin-top:0px;} .parallax-bg4 .view-sixth:nth-of-type(even) img{transform:translate(-12%);right:0px;} .staffcontainer>.view-sixth:nth-of-type(odd) .mask{padding-top:20px;padding-left:0%;padding-right:25%;} .staffcontainer>.view-sixth:nth-of-type(odd) .mask a{float:left;margin-right:0%;margin-left:10%;} .button, ._Button input{width:100%;} .blogpost .blog>span>a{height:65px;}}