@font-face {
    font-family: 'bignoodle';
    src: url('../fonts/bignoodle/big_noodle_titling-webfont.eot');
    src: url('../fonts/bignoodle/big_noodle_titling-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bignoodle/big_noodle_titling-webfont.woff2') format('woff2'),
         url('../fonts/bignoodle/big_noodle_titling-webfont.woff') format('woff'),
         url('../fonts/bignoodle/big_noodle_titling-webfont.ttf') format('truetype'),
         url('../fonts/bignoodle/big_noodle_titling-webfont.svg#bignoodletitlingregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{background-color:#f1f1f1;padding:0px; margin:0px; font-family:'caviar'; font-size:14px; color:#808080; line-height:20px;}
a:link {text-decoration: none; border: 0px; color:#5E5E5E;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
.topbar1{position:absolute; width:100%; height:80px; z-index:100; left:0%; background-color:#2f3490; top:0px;}
.topbar2{position:absolute; width:100%; height:200px; z-index:100;background-color:#eeebe1; opacity:0.9;}
.topbarwhite{position:absolute; width:300px; height:80px; z-index:100; left:0%; background-color:#fff; font-family: 'bignoodle'; color:#2f3490; top:0px;}
.logo{padding-top:10px; padding-left:30px;}
.hh-name{font-size:40px; line-height:18px; position:absolute; margin-top:-45px; margin-left:103px;}
.hh-name-span1{font-size:16px; line-height:3px;}
.hh-name-span2{font-size:12px; line-height:10px;}
.menu{visibility:visible; position:absolute; left:50%; margin-left:-202px; margin-top:44px; z-index:10000000; }
.mobile-navi{visibility:hidden;}
.email{position:absolute; position:absolute; left:50%; margin-left:408px; margin-top:15px; font-family:'bignoodle'; font-size:18px; color:#2f3490;}
.menutri{background-color:none;z-index:1000000; border:0px solid #f00; margin-top:-16px; margin-left:30px; position:absolute;}

.wrapper{width:1100px; position:relative; left:50%; margin-left:-550px; border:0px solid #f00; background-color:#fff;}
.about-wrapper{width:100%; height:90%; position:relative; left:0%; margin-left:0px; padding-top:100px;  border:0px solid #f00;}
.wrapper-lastest-products{position:relative; width:100%; height:400px; margin-top:70px;}
.trusted-wrapper{position:relative; width:100%; height:200px; background-color:#f8f8f8; margin-top:70px;}
.footer-wrapper{position:relative; width:100%px; left:0%; height:80px; background-color:#2f3490; padding-left:50px; padding-right:50px;}
.bedroom-popup{margin-top:50px; margin-left:30px; height:650px;}
.link-popup{margin-top:50px; margin-left:30px; height:300px;}

.white-export{ background-color:#fff; width:900px; position:relative; padding:10px 30px 30px 30px; left:50%; margin-left:-500px;}
.white-contact{ background-color:#fff; width:940px; position:relative; padding:10px 30px 30px 30px; left:50%; margin-left:-500px;}
.white-aboutus{ background-color:#fff; width:940px; position:relative; padding:10px 30px 30px 30px; left:50%; margin-left:-500px;}
.slide{position: relative; margin: 0 auto; z-index:0; top: 0px; left: 0px; width: 1300px; height: 500px; overflow: hidden;}
.title{position:absolute; width:100%; left:30px; border:0px solid #f00; font-family:'bignoodle'; color:#2f3490; font-size:28px;}
.title5{position:absolute; width:100%; left:20px; border:0px solid #f00; font-family:'bignoodle'; color:#5e5e5e; font-size:22px;}
.title4{position:absolute; width:100%; left:30px; border:0px solid #f00; font-family:'bignoodle'; color:#2f3490; font-size:28px; margin-top:-45px; }
.title2{position:absolute; width:100%; left:30px; border:0px solid #f00; font-family:'bignoodle'; color:#5e5e5e; font-size:22px;}
.title3{font-family:'bignoodle'; font-size:28px; color:#2f3490; margin-top:0px;}
.trusted1{position:absolute; width:100%; left:30px; border:0px solid #f00; font-family:'bignoodle'; color:#2f3490; font-size:28px; margin-top:50px;}
.trusted2{position:absolute; width:100%; margin-top:100px;}
.trusted-logo{ border:1px solid #a7a7a7; margin-left:5px;}
.footer-text-left{ line-height:14px; font-size:12px; position:absolute; margin-top:20px; margin-bottom:20px; color:#fff;}
.footer-text-left a:link{color:#fff;}

.footer-text-right{line-height:14px; font-size:12px; position:absolute; right:50px; text-align:right; margin-top:20px; margin-bottom:20px; color:#fff;}
.footer-text-right a:link{color:#fff;}

.c2{margin-left:-2px; width:31%; height:31%; margin-top:10px;}
.c3{margin-left:10px; width:31%; height:31%; margin-top:10px;}
.c4{margin-left:10px; width:31%; height:31%; margin-top:10px;}
.whitebg1{background-image:url(../img/whitebg.png); background-repeat:no-repeat; margin-top:-191px; left:50%; margin-left:-280px; width: 270px; height:107px; position:absolute; padding-top:80px;background-size:270px 187px;font-family:'bignoodle'; font-size:24px; color:#848484; border:0px solid #f00;}
.whitebg1:hover{background-image:url(../img/greybg.png); color:#606060;}

.whitebg2{background-image:url(../img/whitebg.png); border:1px solid #f00; background-repeat:no-repeat; margin-top:-191px; left:50%; margin-left:214px; width: 270px; height:107px; position:absolute; padding-top:80px;background-size:270px 187px;font-family:'bignoodle'; font-size:24px; color:#848484; border:0px solid #f00;}
.whitebg2:hover{background-image:url(../img/greybg.png); color:#606060;}

.whitebg3{background-image:url(../img/whitebg2.png); background-repeat:no-repeat; margin-top:-189px;width: 261px; height:107px; position:absolute; margin-left:0px; padding-top:80px;background-size:261px 187px;font-family:'bignoodle'; font-size:24px; color:#848484; border:0px solid #f00;}
.whitebg3:hover{background-image:url(../img/greybg2.png); color:#606060;}
.slide{position: relative; margin: 0 auto; z-index:0; top: 0px; left: 0px; width: 1300px; height: 500px; overflow: hidden;}
.whitebg4{background-image:url(../img/whitebg2.png); background-repeat:no-repeat; margin-top:-191px; left:50%; margin-left:-10px; width: 267px; height:107px; position:absolute; padding-top:80px;background-size:267px 187px;font-family:'bignoodle'; font-size:24px; color:#848484; border:0px solid #f00;}
.whitebg4:hover{background-image:url(../img/greybg2.png); color:#606060;}

.about-white-part1{color:#808080; width:61%; position:relative; font-size:15px; top:0%; margin-top:-270px; left:50%; margin-left:-206px; background-color:#fff; padding:20px 20px 20px 20px; height:226px; text-align:justify;}
.about-white-part2{color:#808080; width:54%; position:relative; font-size:15px; margin-top:785px; top:0%; left:50%; margin-left:-201px; background-color:#fff; padding:20px 20px 20px 20px; height:226px; text-align:justify;}
.about-pic{width:95%; height:95%; margin-top:50px; }
.export-pic{width:95%; height:95%; }

.about-pic1{width:300px; height:266px; margin-left:26px; margin-top:18px;}
.about-pic2{width:300px; height:264px; margin-top:4px;}
.top{width:100%; height:100%;}
.form{position:relative; left:50%; margin-left:-40px; margin-top:-210px; width:300px;}
.form2{position:relative; left:50%; margin-left:-250px; margin-top:8px; }
.space1{border:1px solid #868686; width:300px; height:30px; }
.space2{border:1px solid #868686; width:298px; height:50px;}
.table-width{width:150px;}
.trusted-text{width:80%; position:relative; left:50%; margin-left:-350px; margin-top:-69px; font-size:15px; text-align:justify;}
.trusted-img{position:relative; border:1px solid #eeebe1;}
.width{width:150px;}
.highlight{ font-weight:800; font-size:16px; color:#606060;}
.small-text{ font-size:10px;}
.mobile-table{display:none;}
.web-table{display:block;}
.text{font-size:16px; line-height:20px;}
.br{display:none;}
.hometext{width:100%; height:60px; background-color:#00afec; margin-top:-5px; text-align:center; padding-top:10px; font-size:18px; color:#fff;}
.about-gap{margin-top:50px;}
.project{margin-top:50px; margin-left:30px;}
.enquiry{font-family:Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; color:#5e5e5e; font-size:15px;}
.space1{border:1px solid #868686; width:300px; height:30px; }
.space2{border:1px solid #868686; width:298px; height:50px;}
.related-link{color:#fff;}
.related-link a:link{color:#fff;}
.related-link:hover{color:#00afec;}

@media screen and (max-width:1100px){
.menu{ display:none;}
.mobile-navi{ visibility:visible;}
.wrapper{width:850px; margin-left:-425px;}
.email{display:none;}
.trusted1{left:20px;}
.title{left:20px;}
.footer-wrapper{padding-left:20px;}
.footer-text-right{right:20px;}
.logo{padding-left:20px;}
.hh-name{font-size:40px; line-height:18px; position:absolute; margin-top:-45px; margin-left:103px;}
.title4{left:20px;}
.about-white-part1{width:52%; margin-top:-287px; margin-left:-85px; }
.bedroom-popup{height:810px;}
.trusted-text{width:70%; margin-left:-228px;}
.project{margin-left:20px;}
}

@media screen and (max-width:880px){
.wrapper{width:700px; margin-left:-350px; }
.wrapper-lastest-products{position:relative; width:100%; height:500px; margin-top:70px; left:0px;}
.trusted-wrapper{position:relative; width:100%; height:300px; background-color:#f8f8f8; margin-top:70px;}
.about-pic1{width:300px; height:266px; margin-left:31%; margin-top:18px;}
.about-white-part1{width:43%; margin-top:0px; margin-left:-153px; left:50%; padding:20px 20px 20px 20px; height:250px; }
.bedroom-popup{height:810px;}
.form{left:0px; margin-left:0px; margin-top:50px;}
.trusted-text{width:80%; left:265px; margin-top:20px;}
.trusted-img{position:relative; border:1px solid #eeebe1; left:227px;  margin-top:15px;}
.link-popup{height:550px;}
.about-gap{margin-top:100px;}

}

@media screen and (max-width:780px){
.wrapper{width:95%; left:2.5%; margin-left:0px; border:0px solid #f00;}
.about-wrapper{width:100%; height:90%; position:relative; left:0%; margin-left:0px; padding-top:100px;  border:0px solid #f00;}
.wrapper-lastest-products{position:relative; width:100%; height:500px; margin-top:70px; left:0px;}
.trusted-wrapper{position:relative; width:100%; height:300px; background-color:#f8f8f8; margin-top:70px;}
.thumb-img{ margin-left:42px;}
.about-pic1{margin-left:29%;}
.about-white-part1{width:40%; margin-top:0px; margin-left:26%; left:0%; padding:20px 20px 20px 20px; height:250px; }

}

@media screen and (max-width:673px){
.bedroom-popup{height:1500px;}
.trusted-text{width:65%; left:300px; margin-top:20px;}
.trusted-img{position:relative; border:1px solid #eeebe1; left:189px;  margin-top:15px;}
.thumb-img{ margin-left:70px;}
.about-gap{margin-top:150px;}
.about-white-part1{width:47%;}
.c2{margin-left:-1px; width:31%; height:31%; margin-top:0px;}
.c3{margin-left:4px; width:31%; height:31%; margin-top:0px;}
.c4{margin-left:4px; width:31%; height:31%; margin-top:0px;}


}

@media screen and (max-width:600px){
.hometext{font-size:15px; color:#fff;}
.topbar1{position:absolute; width:100%; height:60px; z-index:100; left:0%; background-color:#2f3490; top:0px;}
.topbarwhite{position:absolute; width:247px; height:60px; z-index:100; left:0%; background-color:#fff; font-family: 'bignoodle'; color:#2f3490; top:0px;}
.logo{padding-top:5px; padding-left:20px; width:50px; height:46px;}
.hh-name{font-size:35px; line-height:14px; position:absolute; margin-top:-36px; margin-left:82px;}
.hh-name-span1{font-size:13px; line-height:3px;}
.hh-name-span2{font-size:12px; line-height:10px;}
.trusted-text{width:69%; left:292px; }
.trusted-img{left:164px; }
.thumb-img{ margin-left:63px;}
.about-white-part1{width:53%; margin-left:19%;}
.about-pic1{margin-left:23%;}

}

@media screen and (max-width:550px){
.wrapper{width:92%; left:4.3%; margin-left:0px; border:0px solid #f00;}
.footer-text-right{line-height:14px; font-size:12px; position:absolute; left:20px; text-align:left; margin-top:52px; margin-bottom:0px; color:#fff;}
.footer-wrapper{height:100px;}
.space1{width:226px; }
.space2{width:224px; }
.trusted-img{left:118px; }
.trusted-text{width:76%; left:256px;}
.link-popup{height:650px;}
.thumb-img{ margin-left:20px;}
.about-white-part1{width:59%;}

.mobile-table{display:block;}
.web-table{display:none;}
}



@media screen and (max-width:507px){
.wrapper-lastest-products{height:100%;}
.wrapper{ width:90%; left:5.3%;}
.trusted-wrapper{position:relative; width:100%; height:300px; background-color:#f8f8f8; margin-top:70px;}
.bedroom-popup{margin-left:20px;}
.space1{width:150px;}
.space2{width:148px;}
.footer-text-right{margin-top:63px;}

}

@media screen and (max-width:490px){
.trusted-img{left:76px; }
.trusted-text{width:82%; left:227px;}
.thumb-img{ margin-left:-13px;}
.about-white-part1{width:80%; margin-left:0%;}
.about-pic1{margin-left:12%;}
.c2{margin-left:-1px; width:95%; height:95%; margin-top:0px;}
.c3{margin-left:4px; width:95%; height:95%; margin-top:0px;}
.c4{margin-left:4px; width:95%; height:95%; margin-top:0px;}



}

@media screen and (max-width:430px){
.trusted-img{left:79px; }
.trusted-text{width:71%; left:264px;}
.thumb-img{ margin-left:33px;}
.about-white-part1{width:89%;}
.about-pic1{margin-left:3%;  width:94%;}
.trusted-wrapper{height:333px;}
}

@media screen and (max-width:380px){
.logo{padding-top:5px; padding-left:10px; width:50px; height:46px;}
.hh-name{margin-left:72px;}
.topbarwhite{width:233px;}
.trusted-wrapper{height:500px;}
.footer-wrapper{height:120px; padding-left:20px; padding-right:50px;}
.footer-text-left{ line-height:14px; font-size:12px; position:absolute; margin-top:20px; margin-bottom:20px; color:#fff;}
.footer-text-right{line-height:14px; font-size:12px; position:absolute; margin-top:65px; margin-left:0px; margin-bottom:20px; color:#fff;}
.bedroom-popup{height:1200px; margin-left:-15px;}
.space1{width:100px;}
.space2{width:110px;}
.trusted-text{width:80%; }
.trusted-img{left:82px; }
.link-popup{height:750px; margin-left:-15px;}
.thumb-img{ margin-left:33px;}
.trusted-logo{width:174px; height:66px;}
}