/* ============================================================================= RESPONSIVE - MEDIA QUERIES ============================================================================= */ @media only screen and (min-width: 1180px) and (max-width: 1480px){ .bevelled0-content {width:605px;padding:60px 0 0 80px;} } @media only screen and (min-width: 959px) and (max-width: 1180px){ /* width: 950px; */ .top-container {width:940px;margin:0px auto;} .top-cont-l {display:none;} .top-cont-r {width:720px;float:right;} .top-cont-l-resp {width:190px;float:left;display:block;padding:10px 0 0 0;} /* home */ #slide6-wrapper {width:100%;min-height:310px;background:#d6ebed;padding:0 0 30px 0;} .fullpage-content {width:950px;margin:0px auto;} .main-content {width:950px;margin:0px auto;} .slide3-content {padding:72px 30px 0 0;float:right;} .sld5x-l {width:320px;float:left;} .sld5x-m {width:372px;float:left;} .sld5x-r {width:250px;float:left;} .sld6-left {width:765px;float:left;} .sld6-right {width:480px;float:left;margin:0 0 0 80px;} .sld6i-l {width:290px;float:left;margin:0 0 0 80px;text-align:left;} .sld6i-r {width:370px;min-height:245px;float:right;} /* bevelled glass */ .bevtxt1 {padding:30px 0 0 0;} .bevelled0-content {width:605px;padding:30px 0 0 0;margin:0px auto;} .bevelled1-content {width:530px;padding:72px 0 0 30px;} .bevelled2-content {width:500px;padding:44px 10px 0 0;} .bevelled3-content {width:530px;padding:62px 0 0 30px;} /* SUBPAGE*/ .subtop-line {width:950px;height:2px;background:#326574;margin:0px auto;} #sublayer-wrapper {width:100%;min-height:285px;background:#d6ebed;padding:0 0 20px 0;} /* services */ .serv1-container {width:560px;padding:75px 0 0 0;} .serv2-container {width:540px;padding:75px 20px 0 0;float:right;} .serv3-container {width:560px;padding:75px 0 0 0;} /* portfolio */ .portfolio-container {width:800px;padding:60px 0 0 0;margin:0px auto;} .mphoto-box {width:380px;min-height:253px;position:relative;overflow:hidden;} .portphoto-left {width:380px;float:left;position:relative;margin:0 20px 20px 0;} .portphoto-midl {width:380px;float:left;margin:0 20px 20px 0;position:relative;} .back-cont {width:950px;margin:0px auto;} /* news */ .news-container {width:440px;padding:30px 0 0 0;margin:0px auto;} .news-l {width:440px;float:none;margin:0px auto;} .news-r {width:440px;min-height:206px;float:none;margin:15px auto 0 auto;} .newshead-l {width:440px;float:none;margin:0px auto;} .newshead-r {width:440px;float:none;margin:0px auto;} /* contact */ .contact-container {width:950px;padding:60px 0 0 0;margin:0px auto;} .con-l {width:560px;float:left;} .con-r {width:380px;float:right;} .map_canvas {height:475px;} /* FOOTER ------------------------------------------------------------------------- */ .footer-main {width:930px;margin:0px auto;} .foot4 {width:290px;float:none;padding:50px 0 0 30px;clear:both;} .foot-social {padding:80px 0 0 0;float:left;} } @media only screen and (min-width: 768px) and (max-width: 959px){ /* width: 728px; */ /* navigation */ .nav-default {display:none;} .nav-responsive {width:280px;height:45px;display:block;margin:5px auto 0 auto;position:relative;} .responsive-navigation {width:280px;position:absolute;z-index:1;top:0;left:0;} .top-container {width:728px;margin:0px auto;} /* home */ #slide2-wrapper {width:100%;min-height:606px;background:url('../img/photos/layer2.jpg') no-repeat center bottom;} #slide3-wrapper {width:100%;min-height:604px;background:url('../img/photos/layer3.jpg') no-repeat center bottom;} #slide4-wrapper {width:100%;min-height:606px;background:url('../img/photos/layer4.jpg') no-repeat center bottom;} #slide5-wrapper {width:100%;min-height:300px;background:#f8f8f8;padding:0 0 30px 0;} #slide6-wrapper {width:100%;min-height:310px;background:#d6ebed;padding:0 0 30px 0;} .fullpage-content {width:728px;margin:0px auto;} .main-content {width:728px;margin:0px auto;} .sld5x-l {width:440px;float:none;margin:0px auto;} .sld5x-m {width:440px;float:none;margin:0px auto;} .sld5x-r {width:440px;float:none;margin:0px auto;} .sld6-left {width:440px;float:none;margin:0px auto;} .sld6-right {width:440px;float:none;margin:0px auto;} .sld6i-l {width:440px;float:none;margin:0 0 0 0;text-align:left;} .sld6i-r {width:440px;min-height:145px;float:none;} .b-mirrors-box {width:179px;height:90px;float:none;margin:0 0 0 10px;} .b-glasspart-box {width:300px;height:90px;float:none;margin:10px 0 0 0;} .b-shopfronts-box {width:246px;height:90px;float:none;margin:10px 0 0 10px;} /* bevelled glass */ .bevelled0-content {width:605px;padding:30px 0 0 0;margin:0px auto;} .bevelled2-content {width:500px;padding:44px 10px 0 0;} .bevtxt1 {padding:50px 0 0 0;} /* SUBPAGE*/ .subtop-line {width:728px;height:2px;background:#326574;margin:0px auto;} #sublayer-wrapper {width:100%;min-height:285px;background:#d6ebed;padding:0 0 20px 0;} /* services */ .navi {width:728px;margin:13px auto 0 auto;text-align:center;} .navi li {display:inline;position: relative;} .navi li a {position: relative;color:#20424c;font-size:26px;font-weight:300;padding:0 0 5px 0;text-decoration:none;line-height:30px;} .active h2 {color:#039ba1;font-size:26px;font-weight:400;text-decoration:none;} .navi h2 {font-size:26px;font-weight:300;display:inline;margin:0;padding:0;text-transform:none;} .navi li a:hover {color:#039ba1;text-decoration:none;} .serv1-container {width:460px;padding:75px 0 0 0;} .serv2-container {width:430px;padding:75px 20px 0 0;float:right;} .serv3-container {width:460px;padding:75px 0 0 0;} .servtitle1 {width:390px;} /* portfolio */ .portfolio-container {width:380px;padding:60px 0 0 0;margin:0px auto;} .mphoto-box {width:380px;min-height:253px;position:relative;overflow:hidden;} .portphoto-left {width:380px;float:left;position:relative;margin:0 0 20px 0;} .portphoto-midl {width:380px;float:left;margin:0 0 20px 0;position:relative;} .photosslide-content {width:380px;padding:20px 0 0 0;margin:0px auto;text-align:center;} .back-cont {width:728px;margin:0px auto;} /* testimonials */ .testimonials-container {width:728px;padding:30px 0 0 0;margin:0px auto;} /* news */ .news-container {width:440px;padding:30px 0 0 0;margin:0px auto;} .news-l {width:440px;float:none;margin:0px auto;} .news-r {width:440px;min-height:206px;float:none;margin:15px auto 0 auto;} .newshead-l {width:440px;float:none;margin:0px auto;} .newshead-r {width:440px;float:none;margin:0px auto;} /* contact */ .contact-container {width:95%;padding:60px 0 0 0;margin:0px auto;} .con-l {width:440px;float:none;margin:0px auto;} .con-r {width:440px;float:none;margin:0px auto;} .ctitle h2 {font-size:26px;} .csubtitle h3 {font-size:26px;} .map_canvas {height:425px;} iframe{max-width: 100%;height: auto;} img{max-width: 100%;height: auto;} /* FOOTER ------------------------------------------------------------------------- */ .footer-main {width:728px;margin:0px auto;} .foot2 {width:310px;float:right;} .foot2i {width:310px;} .foot3 {width:300px;float:left;margin:30px 0 0 40px;} .foot4 {width:290px;float:right;margin:30px 0 0 0;} } @media only screen and (min-width: 480px) and (max-width: 767px){ /* width: 440px; */ /* navigation */ .nav-default {display:none;} .nav-responsive {width:280px;height:45px;display:block;margin:5px auto 0 auto;position:relative;} .responsive-navigation {width:280px;position:absolute;z-index:1;top:0;left:0;} .top-container {width:440px;margin:0px auto;} /* home */ #slide2-wrapper {width:100%;min-height:310px;background:#d6ebed;padding:0 0 30px 0;} #slideb-wrapper {width:100%;min-height:310px;background:#e6e6ea;padding:0 0 30px 0;} #slide3-wrapper {width:100%;min-height:310px;background:#f8f8f8;padding:0 0 30px 0;} #slide4-wrapper {width:100%;min-height:310px;background:#d6ebed;padding:0 0 30px 0;} #slide5-wrapper {width:100%;min-height:300px;background:#f8f8f8;padding:0 0 30px 0;} #slide6-wrapper {width:100%;min-height:310px;background:#d6ebed;padding:0 0 30px 0;} .top-container {padding:15px 0 0 0;min-height:46px;} .top-cont-l {width:290px;float:none;margin:0px auto;} .top-cont-r {width:280px;float:none;margin:0px auto;} .slide-wrapper {width:100%;min-height:160px;padding:10px 0 10px 0;background:url('../img/white.png') repeat;} .fullpage-content {width:440px;margin:0px auto;} .main-content {width:440px;margin:0px auto;} .slide1-content {width:440px;padding:30px 0 0 0;margin:0px auto;} .slide2-content {width:440px;padding:30px 0 0 0;margin:0px auto;} .slide3-content {width:440px;padding:30px 0 0 0;float:none;margin:0px auto;} .slide4-content {width:440px;padding:30px 0 0 0;margin:0px auto;} .slidetitle h2 {font-size:26px;line-height:32px;font-weight:300;color:#0e4352;text-transform:uppercase;} .slidesubtitle {font-size:26px;line-height:32px;font-weight:300;color:#0e4352;padding:8px 0 0 0;} .slidedesc {font-size:18px;line-height:22px;font-weight:300;color:#0e4352;padding:12px 0 0 0;} a.slidetitle-link {font-size:26px;line-height:32px;} a.slidetitle-link:hover {font-size:26px;line-height:32px;} .sld5x-l {width:440px;float:none;margin:0px auto;} .sld5x-m {width:440px;float:none;margin:0px auto;} .sld5x-r {width:440px;float:none;margin:0px auto;} .sld6-left {width:440px;float:none;margin:0px auto;} .sld6-right {width:440px;float:none;margin:0px auto;} .sld6i-l {width:440px;float:none;margin:0 0 0 0;text-align:left;} .sld6i-r {width:440px;min-height:145px;float:none;} .b-mirrors-box {width:179px;height:90px;float:none;margin:0 0 0 10px;} .b-glasspart-box {width:300px;height:90px;float:none;margin:10px 0 0 0;} .b-shopfronts-box {width:246px;height:90px;float:none;margin:10px 0 0 10px;} /* bevelled glass */ #bevelled2-wrapper {width:100%;min-height:370px;background:none;background-color:#f1f1f3;padding:0 0 20px 0;} #bevelled3-wrapper {width:100%;min-height:370px;background:none;background-color:#d8d7db;padding:0 0 20px 0;} #bevelled4-wrapper {width:100%;min-height:370px;background:none;background-color:#ecf3f6;padding:0 0 20px 0;} #bevelledx-wrapper {width:100%;min-height:255px;background:none;background-color:#35b3b1;padding:0 0 20px 0;} .bevtitle h1 {font-size:26px;line-height:32px;} .bevfulldesc {font-size:16px;line-height:20px;} .bevtitle h2 {font-size:26px;line-height:32px;} .bevsubtitle {font-size:26px;line-height:32px;} .bevsubtitle2 {font-size:26px;line-height:32px;} .bevsubslide {font-size:26px;line-height:32px;} .bevdesc {font-size:18px;line-height:22px;} .bevelled0-content {width:440px;padding:30px 0 0 0;margin:0px auto;} .bevelled1-content {width:95%;padding:30px 0 0 0;margin:0px auto;} .bevelled2-content {width:95%;padding:30px 0 0 0;float:none;margin:0px auto;} .bevelled3-content {width:95%;padding:30px 0 0 0;margin:0px auto;} .bevtxt1 {font-size:26px;line-height:32px;padding:40px 10px 0 10px;} .bevtxt2 {font-size:26px;line-height:32px;padding:0 10px 0 10px;} .bevbuttx {padding:15px 0 0 0;text-align:center;} #bevelled5-wrapper {width:100%;min-height:403px;background:none;margin:20px 0 20px 0;} .bevelled5-content {width:100%;margin:0px auto;display:block;} .bev-l {width:100%;min-height:303px;background-size:cover;overflow: hidden;} .bev-m {width:100%;min-height:303px;background-size: 100% 100%;margin:20px 0 20px 0;overflow: hidden;} .bev-r {width:100%;min-height:303px;background-size:cover;overflow: hidden;} /* SUBPAGE*/ .subslide-wrapper {width:100%;min-height:160px;padding:10px 0 10px 0;background:url('../img/white.png') repeat;} .subtop-line {width:440px;height:2px;background:#326574;margin:0px auto;} .subslide-content {width:440px;padding:30px 0 0 0;} .subslidetitle h1 {font-size:26px;line-height:32px;} .subslidesubtitle {font-size:26px;line-height:32px;padding:8px 0 0 0;} .subslidedesc {font-size:18px;line-height:22px;font-weight:300;color:#0e4352;padding:12px 0 0 0;} #sublayer-wrapper {width:100%;min-height:285px;background:#d6ebed;padding:0 0 20px 0;} /* about */ #about-layer {width:100%;min-height:692px;background:#f8f8f8;padding:0 0 20px 0;} .about-content {width:440px;padding:10px 0 0 0;} .intitle h2 {font-size:26px;line-height:32px;} .insubtitle {font-size:26px;line-height:32px;padding:40px 0 0 0;} .indesc {font-size:22px;line-height:26px;padding:12px 0 0 0;} /* services */ #services-wrapper {width:100%;min-height:516px;background:#f7f7f7;padding:0 0 20px 0;} .servslide-content {padding:30px 0 0 0;text-align:center;} #kbsplashbacks1 {width:100%;min-height:310px;background:#ebfdfe;padding:0 0 30px 0;} #kbsplashbacks2 {width:100%;min-height:300px;background:#f7f7f7;padding:0 0 30px 0;} #kbsplashbacks3 {width:100%;min-height:300px;background:#ebfdfe;padding:0 0 30px 0;} #glassdoor1 {width:100%;min-height:310px;background:#ebfdfe;padding:0 0 30px 0;} #glassdoor2 {width:100%;min-height:300px;background:#f7f7f7;padding:0 0 30px 0;} #glassdoor3 {width:100%;min-height:300px;background:#ebfdfe;padding:0 0 30px 0;} #glasswall1 {width:100%;min-height:310px;background:#ebfdfe;padding:0 0 30px 0;} #glasswall2 {width:100%;min-height:300px;background:#f7f7f7;padding:0 0 30px 0;} #glasswall3 {width:100%;min-height:300px;background:#ebfdfe;padding:0 0 30px 0;} #balustrades1 {width:100%;min-height:310px;background:#ebfdfe;padding:0 0 30px 0;} #balustrades2 {width:100%;min-height:300px;background:#f7f7f7;padding:0 0 30px 0;} #balustrades3 {width:100%;min-height:300px;background:#ebfdfe;padding:0 0 30px 0;} #shower1 {width:100%;min-height:310px;background:#ebfdfe;padding:0 0 30px 0;} #shower2 {width:100%;min-height:300px;background:#f7f7f7;padding:0 0 30px 0;} #shower3 {width:100%;min-height:300px;background:#ebfdfe;padding:0 0 30px 0;} #single-glass-dgu1 {width:100%;min-height:310px;background:#ebfdfe;padding:0 0 30px 0;} #single-glass-dgu2 {width:100%;min-height:300px;background:#f7f7f7;padding:0 0 30px 0;} #single-glass-dgu3 {width:100%;min-height:300px;background:#ebfdfe;padding:0 0 30px 0;} #shopfronts1 {width:100%;min-height:310px;background:#ebfdfe;padding:0 0 30px 0;} #shopfronts2 {width:100%;min-height:300px;background:#f7f7f7;padding:0 0 30px 0;} #shopfronts3 {width:100%;min-height:300px;background:#ebfdfe;padding:0 0 30px 0;} #mirrors1 {width:100%;min-height:310px;background:#ebfdfe;padding:0 0 30px 0;} #mirrors2 {width:100%;min-height:300px;background:#f7f7f7;padding:0 0 30px 0;} #mirrors3 {width:100%;min-height:300px;background:#ebfdfe;padding:0 0 30px 0;} .service-navigation-box {margin:0px auto;padding:20px 0 0 0;} .navibox {text-align:center;} .navi {width:440px;margin:10px auto 0 auto;text-align:center;} .navi li {display:block;position: relative;margin:10px 0 0 0;} .navi li a {position: relative;color:#20424c;font-size:26px;font-weight:300;padding:0;text-decoration:none;line-height:32px;} .active h2 {color:#039ba1;font-size:26px;font-weight:400;text-decoration:none;} .navi h2 {font-size:26px;font-weight:300;display:inline;margin:0;padding:0;text-transform:none;} .navi li a:hover {color:#039ba1;text-decoration:none;} .servmen-brk {display:none;} .serv1-container {width:440px;padding:25px 0 0 0;margin:0px auto;} .serv2-container {width:440px;padding:25px 0 0 0;float:none;margin:0px auto;} .serv3-container {width:440px;padding:25px 0 0 0;margin:0px auto;} .servtitle {width:440px;font-size:26px;line-height:32px;} .servtitle h3 {font-size:26px;line-height:32px;} .servtitle1 {width:440px;font-size:26px;line-height:32px;} .servtitle1 h3 {font-size:26px;line-height:32px;} .servsubtitle {font-size:26px;line-height:32px;} .servdesc {font-size:18px;line-height:22px;font-weight:300;color:#0e4352;padding:12px 0 0 0;} .enbox {margin:0px auto;padding:20px 0 0 0;text-align:center;} /* portfolio */ .portfolio-container {width:380px;padding:60px 0 0 0;margin:0px auto;} .mphoto-box {width:380px;min-height:253px;position:relative;overflow:hidden;} .portphoto-left {width:380px;float:left;position:relative;margin:0 0 20px 0;} .portphoto-midl {width:380px;float:left;margin:0 0 20px 0;position:relative;} .photosslide-content {width:380px;padding:20px 0 0 0;margin:0px auto;text-align:center;} .back-cont {display:none;} /* testimonials */ .testimonials-container {width:440px;padding:30px 0 0 0;margin:0px auto;} /* news */ .news-container {width:440px;padding:30px 0 0 0;margin:0px auto;} .news-l {width:440px;float:none;margin:0px auto;} .news-r {width:440px;min-height:206px;float:none;margin:15px auto 0 auto;} .newshead-l {width:440px;float:none;margin:0px auto;} .newshead-r {width:440px;float:none;margin:0px auto;} /* contact */ .contact-container {width:95%;padding:60px 0 0 0;margin:0px auto;} .con-l {width:440px;float:none;margin:0px auto;} .con-r {width:440px;float:none;margin:0px auto;} .ctitle h2 {font-size:26px;} .csubtitle h3 {font-size:26px;} .map_canvas {height:325px;} a.email-link {font-size:22px;color:#039ba1;font-weight:300;text-decoration:none;} a.email-link:hover {font-size:22px;color:#0e4352;font-weight:300;text-decoration:none;} iframe{max-width: 100%;height: auto;} img{max-width: 100%;height: auto;} /* FOOTER ------------------------------------------------------------------------- */ .footer-main {width:350px;margin:0px auto;} .footbox {padding:25px 0 0 0;} .foot1 {width:350px;float:none;margin:0px auto;} .foot2 {width:350px;float:none;margin:20px auto 0 auto;} .foot2i {width:350px;} .foot3 {width:350px;float:none;margin:20px auto 0 auto;} .foot4 {width:350px;float:none;margin:20px auto 0 auto;} .foot1i {width:130px;margin:0 0 0 0;} .b-f-request-box {margin:20px 0 0 0;} .foot-social {padding:30px 0 0 0;} } @media only screen and (min-width: 320px) and (max-width: 479px){ /* width: 280px; */ /* navigation */ .nav-default {display:none;} .nav-responsive {width:280px;height:45px;display:block;margin:5px auto 0 auto;position:relative;} .responsive-navigation {width:280px;position:absolute;z-index:1;top:0;left:0;} .top-container {width:280px;margin:0px auto;} /* home */ #slide2-wrapper {width:100%;min-height:370px;background:#d6ebed;padding:0 0 30px 0;} #slideb-wrapper {width:100%;min-height:370px;background:#e6e6ea;padding:0 0 30px 0;} #slide3-wrapper {width:100%;min-height:370px;background:#f8f8f8;padding:0 0 30px 0;} #slide4-wrapper {width:100%;min-height:370px;background:#d6ebed;padding:0 0 30px 0;} #slide5-wrapper {width:100%;min-height:300px;background:#f8f8f8;padding:0 0 30px 0;} #slide6-wrapper {width:100%;min-height:370px;background:#d6ebed;padding:0 0 30px 0;} .top-container {padding:15px 0 0 0;min-height:46px;} .top-cont-l {width:280px;float:none;margin:0px auto;} .top-cont-r {width:280px;float:none;margin:0px auto;} .slide-wrapper {width:100%;min-height:160px;padding:10px 0 10px 0;background:url('../img/white.png') repeat;} .fullpage-content {width:280px;margin:0px auto;} .main-content {width:280px;margin:0px auto;} .slide1-content {width:280px;padding:30px 0 0 0;margin:0px auto;} .slide2-content {width:280px;padding:30px 0 0 0;margin:0px auto;} .slide3-content {width:280px;padding:30px 0 0 0;float:none;margin:0px auto;} .slide4-content {width:280px;padding:30px 0 0 0;margin:0px auto;} .slidetitle h2 {font-size:26px;line-height:32px;font-weight:300;color:#0e4352;text-transform:uppercase;} .slidesubtitle {font-size:26px;line-height:32px;font-weight:300;color:#0e4352;padding:8px 0 0 0;} .slidedesc {font-size:18px;line-height:22px;font-weight:300;color:#0e4352;padding:12px 0 0 0;} a.slidetitle-link {font-size:26px;line-height:32px;} a.slidetitle-link:hover {font-size:26px;line-height:32px;} .sld5x-l {width:280px;float:none;margin:0px auto;} .sld5x-m {width:280px;float:none;margin:0px auto;} .sld5x-r {width:260px;float:none;margin:0px auto;} .sld6-left {width:280px;float:none;margin:0px auto;} .sld6-right {width:280px;float:none;margin:0px auto;} .sld6i-l {width:280px;float:none;margin:0 0 0 0;text-align:left;} .sld6i-r {width:280px;min-height:145px;float:none;} .b-mirrors-box {width:179px;height:90px;float:none;margin:0 0 0 10px;} .b-glasspart-box {width:280px;height:90px;float:none;margin:10px 0 0 0;} .b-glasspart {background: url('../img/buttons/b-glass-part.png') no-repeat;width:280px;height:90px;cursor:pointer;display:block;border:0;} .b-glasspart:hover {background-position: 0 -90px;} .b-shopfronts-box {width:246px;height:90px;float:none;margin:10px 0 0 0;} .buttour {margin:25px 0 0 0;} .buttprj {margin:31px 0 0 0;} .buttdef {margin:15px 0 0 0;} /* bevelled glass */ #bevelled2-wrapper {width:100%;min-height:370px;background:none;background-color:#f1f1f3;padding:0 0 20px 0;} #bevelled3-wrapper {width:100%;min-height:370px;background:none;background-color:#d8d7db;padding:0 0 20px 0;} #bevelled4-wrapper {width:100%;min-height:370px;background:none;background-color:#ecf3f6;padding:0 0 20px 0;} #bevelledx-wrapper {width:100%;min-height:305px;background:none;background-color:#35b3b1;padding:0 0 20px 0;} .bevtitle h1 {font-size:22px;line-height:26px;} .bevfulldesc {font-size:16px;line-height:20px;} .bevtitle h2 {font-size:26px;line-height:32px;} .bevsubtitle {font-size:26px;line-height:32px;} .bevsubtitle2 {font-size:26px;line-height:32px;} .bevsubslide {font-size:22px;line-height:26px;} .bevdesc {font-size:18px;line-height:22px;} .bevelled0-content {width:280px;padding:30px 0 0 0;margin:0px auto;} .bevelled1-content {width:95%;padding:30px 0 0 0;margin:0px auto;} .bevelled2-content {width:95%;padding:30px 0 0 0;float:none;margin:0px auto;} .bevelled3-content {width:95%;padding:30px 0 0 0;margin:0px auto;} .bevtxt1 {font-size:26px;line-height:32px;padding:40px 0 0 0;} .bevtxt2 {font-size:26px;line-height:32px;} .bevbuttx {padding:15px 0 0 0;text-align:center;} #bevelled5-wrapper {width:100%;min-height:403px;background:none;margin:20px 0 20px 0;} .bevelled5-content {width:100%;margin:0px auto;display:block;} .bev-l {width:100%;min-height:303px;background-size:cover;overflow: hidden;} .bev-m {width:100%;min-height:303px;background-size: 100% 100%;margin:20px 0 20px 0;overflow: hidden;} .bev-r {width:100%;min-height:303px;background-size:cover;overflow: hidden;} /* SUBPAGE*/ .subslide-wrapper {width:100%;min-height:160px;padding:10px 0 10px 0;background:url('../img/white.png') repeat;} .subtop-line {width:280px;height:2px;background:#326574;margin:0px auto;} .subslide-content {width:280px;padding:30px 0 0 0;} .subslidetitle h1 {font-size:26px;line-height:32px;} .subslidesubtitle {font-size:26px;line-height:32px;padding:8px 0 0 0;} .subslidedesc {font-size:18px;line-height:22px;font-weight:300;color:#0e4352;padding:12px 0 0 0;} #sublayer-wrapper {width:100%;min-height:285px;background:#d6ebed;padding:0 0 20px 0;} /* about */ #about-layer {width:100%;min-height:692px;background:#f8f8f8;padding:0 0 20px 0;} .about-content {width:280px;padding:10px 0 0 0;} .intitle h2 {font-size:26px;line-height:32px;} .insubtitle {font-size:26px;line-height:32px;padding:40px 0 0 0;} .indesc {font-size:22px;line-height:26px;padding:12px 0 0 0;} /* services */ #services-wrapper {width:100%;min-height:516px;background:#f7f7f7;padding:0 0 20px 0;} .servslide-content {padding:30px 0 0 0;text-align:center;} .service-navigation-box {margin:0px auto;padding:20px 0 0 0;} .navibox {text-align:center;} .navi {width:280px;margin:10px auto 0 auto;text-align:center;} .navi li {display:block;position: relative;margin:10px 0 0 0;} .navi li a {position: relative;color:#20424c;font-size:26px;font-weight:300;padding:0;text-decoration:none;line-height:32px;} .active h2 {color:#039ba1;font-size:26px;font-weight:400;text-decoration:none;} .navi h2 {font-size:26px;font-weight:300;display:inline;margin:0;padding:0;text-transform:none;} .navi li a:hover {color:#039ba1;text-decoration:none;} .servmen-brk {display:none;} .serv1-container {width:280px;padding:25px 0 0 0;margin:0px auto;} .serv2-container {width:280px;padding:25px 0 0 0;float:none;margin:0px auto;} .serv3-container {width:280px;padding:25px 0 0 0;margin:0px auto;} .servtitle {width:280px;font-size:26px;line-height:32px;} .servtitle h3 {font-size:26px;line-height:32px;} .servtitle1 {width:280px;font-size:26px;line-height:32px;} .servtitle1 h3 {font-size:26px;line-height:32px;} .servsubtitle {font-size:26px;line-height:32px;} .servdesc {font-size:18px;line-height:22px;font-weight:300;color:#0e4352;padding:12px 0 0 0;} .enbox {margin:0px auto;padding:20px 0 0 0;text-align:center;} #kbsplashbacks1 {width:100%;min-height:410px;background:#ebfdfe;padding:0 0 30px 0;} #kbsplashbacks2 {width:100%;min-height:400px;background:#f7f7f7;padding:0 0 30px 0;} #kbsplashbacks3 {width:100%;min-height:400px;background:#ebfdfe;padding:0 0 30px 0;} #glassdoor1 {width:100%;min-height:410px;background:#ebfdfe;padding:0 0 30px 0;} #glassdoor2 {width:100%;min-height:400px;background:#f7f7f7;padding:0 0 30px 0;} #glassdoor3 {width:100%;min-height:400px;background:#ebfdfe;padding:0 0 30px 0;} #glasswall1 {width:100%;min-height:410px;background:#ebfdfe;padding:0 0 30px 0;} #glasswall2 {width:100%;min-height:400px;background:#f7f7f7;padding:0 0 30px 0;} #glasswall3 {width:100%;min-height:400px;background:#ebfdfe;padding:0 0 30px 0;} #balustrades1 {width:100%;min-height:410px;background:#ebfdfe;padding:0 0 30px 0;} #balustrades2 {width:100%;min-height:400px;background:#f7f7f7;padding:0 0 30px 0;} #balustrades3 {width:100%;min-height:400px;background:#ebfdfe;padding:0 0 30px 0;} #shower1 {width:100%;min-height:410px;background:#ebfdfe;padding:0 0 30px 0;} #shower2 {width:100%;min-height:400px;background:#f7f7f7;padding:0 0 30px 0;} #shower3 {width:100%;min-height:400px;background:#ebfdfe;padding:0 0 30px 0;} #single-glass-dgu1 {width:100%;min-height:410px;background:#ebfdfe;padding:0 0 30px 0;} #single-glass-dgu2 {width:100%;min-height:400px;background:#f7f7f7;padding:0 0 30px 0;} #single-glass-dgu3 {width:100%;min-height:400px;background:#ebfdfe;padding:0 0 30px 0;} #shopfronts1 {width:100%;min-height:410px;background:#ebfdfe;padding:0 0 30px 0;} #shopfronts2 {width:100%;min-height:400px;background:#f7f7f7;padding:0 0 30px 0;} #shopfronts3 {width:100%;min-height:400px;background:#ebfdfe;padding:0 0 30px 0;} #mirrors1 {width:100%;min-height:410px;background:#ebfdfe;padding:0 0 30px 0;} #mirrors2 {width:100%;min-height:400px;background:#f7f7f7;padding:0 0 30px 0;} #mirrors3 {width:100%;min-height:400px;background:#ebfdfe;padding:0 0 30px 0;} /* portfolio */ .portfolio-container {width:280px;padding:60px 0 0 0;margin:0px auto;} .mphoto-box {width:280px;min-height:186px;position:relative;overflow:hidden;} .portphoto-left {width:280px;float:left;position:relative;margin:0 0 20px 0;} .portphoto-midl {width:280px;float:left;margin:0 0 20px 0;position:relative;} .blgpht-txt {padding:22px 0 0 20px;} .estfree-txt {padding:22px 0 0 20px;} .photosslide-content {width:280px;padding:20px 0 0 0;margin:0px auto;text-align:center;} .back-cont {display:none;} /* testimonials */ .testimonials-container {width:280px;padding:30px 0 0 0;margin:0px auto;} /* news */ .news-container {width:280px;padding:30px 0 0 0;margin:0px auto;} .news-l {width:280px;float:none;margin:0px auto;} .news-r {width:280px;min-height:206px;float:none;margin:15px auto 0 auto;} .newshead-l {width:280px;float:none;margin:0px auto;} .newshead-r {width:280px;float:none;margin:0px auto;} /* contact */ .contact-container {width:95%;padding:60px 0 0 0;margin:0px auto;} .con-l {width:280px;float:none;margin:0px auto;} .con-r {width:280px;float:none;margin:0px auto;} .ctitle h2 {font-size:26px;} .csubtitle h3 {font-size:26px;} .map_canvas {height:325px;} a.email-link {font-size:22px;color:#039ba1;font-weight:300;text-decoration:none;} a.email-link:hover {font-size:22px;color:#0e4352;font-weight:300;text-decoration:none;} iframe{max-width: 100%;height: auto;} img{max-width: 100%;height: auto;} /* FOOTER ------------------------------------------------------------------------- */ .footer-main {width:280px;margin:0px auto;} .footbox {padding:25px 0 0 0;} .foot1 {width:280px;float:none;margin:0px auto;} .foot2 {width:280px;float:none;margin:20px auto 0 auto;} .foot3 {width:280px;float:none;margin:20px auto 0 auto;} .foot4 {width:280px;float:none;margin:20px auto 0 auto;} .foot1i {width:130px;margin:0 0 0 0;} .foot2i {width:280px;} .b-f-request-box {margin:20px 0 0 0;} .foot-social {padding:30px 0 0 0;} }