/*-------- visualizer page css -------------*/
.visua-box{
	width:295px;
	height:220px;
	padding:0 0 0 0;
	margin:7px 23px 17px 0;
	float:left;
	background-color:#1cb7e4;
	border-bottom:6px solid #0386ad;
	text-align:center;
	font-size:17px;
	font-weight:bold;
	color:#FFFFFF;
}
.visua-box img{
	width:295px;
	height:176px;
	padding:0;
	margin:0 0 8px 0;
}
.visua-box .hover{
	width:0;
	height:0;
	position:absolute;
	z-index:4000;
	transition:0.3s;
}
.visua-box:hover .hover{
	width:295px;
	height:176px;
	transition:0.3s;
}
.visua-box:hover{
	background-color:#f8761c;
	border-bottom:6px solid #d95e09;
	font-size:17px;
	color:#FFFFFF;
	box-shadow:0 0 0 #249abe;
}

.full-area5{
	width:965px;
	min-height:300px !important;
	padding:15px 0 0 25px;
	margin:0;
	text-align:left;
	overflow:hidden;
}

/*-------- visualizer page css -------------*/




{
font-family: 'Roboto', sans-serif;
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Roboto Slab', serif;
}
body{
	padding:0;
	margin:0;
	line-height:21px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#737373;
	background:url(../images/body-bg.jpg) center top repeat;
	text-align:justify;
}
p{
	padding:0 0 15px 0;
	margin:0;
	line-height:23px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#737373;
	text-align:justify;
}
img{border:0;}
li,ul,ol{list-style:none; padding:0; margin:0;}
*{padding:0; margin:0;}
.clear{clear:both;}
a{font-size:14px; color:#000; text-decoration:none; transition:all 0.4s;}
a:hover{font-size:14px; color:#dd2128; text-decoration:none; transition:all 0.4s;}
span{color:#249abe;}
span a{color:#249abe; text-decoration:none; transition:all 0.4s;}
span a:hover{color:#000; text-decoration:none; transition:all 0.4s;}

#body-bottom-bg{
	width:auto;
	height:auto;
	padding:0;
	margin:0;
	background:url(../images/body-bg2.jpg) center top no-repeat;
}
#header{
	width:auto;
	min-height:169px;
	padding:0;
	margin:0;
	background:#FFF url(../images/header-bg.jpg) center bottom repeat-x;
}
#header-center{
	width:990px;
	height:auto;
	padding:0;
	margin:0 auto;
}
.logo{
	width:auto;
	height:auto;
	padding:0;
	margin:0 0 0 0;
	float:left;
}
.logo img{
	width:100%;
	height:auto;
	padding:0;
	margin:5px 0 0 0;
}
.top-right-menuarea{
	width:495px;
	height:auto;
	float:right;
	padding:0;
	margin:0;
}
.top-right-bg{
	width:100%;
	height:19px;
	background:url(../images/top-right-bg.jpg) right top no-repeat;
}
.top-right-menu{
	width:auto;
	height:19px;
	padding:0;
	text-align:center;
	margin:25px 0 25px 0;
}
.top-right-menu a{
	color:#434343;
	font-size:13px;
	padding:7px 9px;
	text-decoration:none;
	border-bottom:2px solid #e9e9e9;
}
.top-right-menu span{ color:#d6d6d6;}
.top-right-menu a:hover{
	color:#249abe;
	text-decoration:none;
	border-bottom:2px solid #f9842f;
}
.search-area{
	width:auto;
	float:right;
	padding:0;
	margin:22px 30px 0 0;
	color:#077697;
	font-size:15px;
	font-weight:bold;
}
.search-area img{
	width:auto;
	height:auto;
	float:left;
	margin:0 4px 0 0;
}
.search-input{
	width:165px;
	border:1px solid #cecece;
	height:24px;
	font-size:12px;
	color:#7d7d7d;
	padding-left:5px;
	float:left;
}
.calltop-area{
	width:110px;
	float:right;
	padding:0;
	margin:23px 0 0 0;
	color:#354951;
	font-size:15px;
	font-weight:bold;
	text-align:right;
}
.calltop-area img{ margin:0 2px;}
.cart-area{
	width:47px;
	height:26px;
	color:#016d8c;
	font-size:14px;
	text-align:right;
	float:left;
	font-weight:bold;
	padding:2px 10px 0 0;
	margin:0;
	background:url(../images/cart-bg.jpg) right top no-repeat;
}
.topmenu-area{
	width:990px;
	height:44px;
	float:left;
	padding:0;
	margin:15px 0 0 0;
}

#main-wrapper{
	width:990px;
	height:auto;
	padding:0;
	margin:0 auto;
	background-color:#FFF;
}

#main-wrapper-bottom{
	width:990px;
	height:46px;
	padding:0;
	margin:0 auto;
	background:url(../images/wrapper-shadow.png) center top no-repeat;
}
.banner-area{
	width:984px;
	height:auto;
	padding:3px 3px 0 3px;
	margin:0 0 10px 0;
}
.full-area{
	width:auto;
	padding:0 18px 0 18px;
}
.full-area2{
	width:990px;
	min-height:300px !important;
	padding:0 0 0 0;
	margin:0;
	background:url(../images/pro-rightbg.jpg) right top repeat-y;
}
.full-area3{
	width:940px;
	min-height:300px !important;
	padding:15px 25px 20px 25px;
	margin:0;
	text-align:left;
	overflow:hidden;
}
.full-area4{
	width:965px;
	min-height:300px !important;
	padding:15px 25px 0 0;
	margin:0;
	text-align:left;
	overflow:hidden;
}
h1{
	font-family: 'Open Sans', sans-serif;
	font-size:25px;
	color:#077697;
	font-weight:bold;
	padding:0 0 10px 0;
	margin:0;
	line-height:33px;
}
.w-left{
	width:460px;
	height:auto;
	padding:0 0 0 0;
	margin:0 0 30px 0;
	float:left;
}
.w-right{
	width:423px;
	height:auto;
	padding:15px 18px;
	margin:0 0 30px 0;
	float:right;
	background-color:#f4f4f4;
	border:1px solid #dedede;
}
.dot-hide{width:222px; background-color:#fff; position:absolute; z-index:40000; height:25px; margin-top:185px;}
.w-right h1{ color:#f9832c; font-size:20px; padding:0 0 6px 0;}
.leftside{
	width:222px;
	height:auto;
	padding:0;
	margin:0 30px 0 0;
	float:left;
}
.centerside{
	width:411px;
	height:auto;
	padding:17px;
	margin:0;
	float:left;
	background-color:#fff;
	border:1px solid #8cbecd;
	border-radius:10px;
}
.rightside{
	width:222px;
	height:auto;
	padding:0;
	margin:0;
	float:right;
}
.add-img{
	margin:0 0 12px 0;
}

.banner-text-area{
	position:absolute;
	color:#FFF;
	text-align:center !important;
	width:100%;
	z-index:500;
	bottom:0;
	background:url(../images/banner-text-bg.png);
	padding:10px 0 10px 0;
	line-height:22px !important;
	height:auto;
}

#footer{
	width:958px;
	height:auto !important;
	padding:0;
	margin:0 auto;
	color:#62adc4;
	font-size:12px;
}
.footer-top{
	width:auto;
	height:auto;
	padding:0 20px;
}
.footer-bottom{
	width:auto;
	height:25px;
	padding:10px 10px 6px 10px;
	background-color:#005671;
	color:#77c5dd;
	font-size:12px;
	font-family: 'Roboto', sans-serif;
}
.footer-bottom-left{float:left;}
.footer-bottom-right{float:right;}
.footer-bottom a{color:#FFF; font-size:12px;}
.footer-bottom a:hover{color:#718892; font-size:12px;}
h2{
	padding:0 0 8px 0;
	margin:0 0 7px 0;
	color:#FFF;
	font-size:16px;
	font-weight:normal;
	border-bottom:1px solid #317f97;
}
.footer-box01{
	width:250px; 
	height:auto;
	padding:0 0 0 0;
	margin:0 55px 20px 0;
	float:left;
}
.footer-box01 span{ color:#94cee0;}

.footer-box02{
	width:365px; 
	height:auto;
	padding:0 0 0 0;
	margin:0 0px 0 0;
	float:left;
}


.footer-box03{
	width:250px; 
	height:auto;
	padding:0 0 0 0;
	margin:0 40px 0 0;
	float:left;
}
.footer-box04{
	width:75px;
	height:auto;
	padding:0 0 0 0;
	margin:0 0 0 0;
	float:left;
}
.img-hover{
	opacity:1;
	transition:all 1s;
	margin:0 5px 0 0;
	-webkit-filter: grayscale(0%);
}
.img-hover:hover{
	opacity:0.4;
	transition:all 0.8s;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}
.footer-links{
	width:auto;
	height:auto;
	float:left;
	padding:0 0 0 0;
	margin:0 25px 0 0;
	font-size:12px;
	color:#62adc4;
	line-height:22px;
	display:block;
	text-decoration:none;
}
.footer-links li{ 
	width:auto;
	height:auto;
	padding:0 0 2px 0;
	margin:0 0 0 0;
	font-size:12px;
	color:#62adc4;
	line-height:21px;
	display:block;
	text-decoration:none;
}
.footer-links li a{  
	width:auto;
	height:auto;
	padding:0 0 0 13px;
	margin:0 0 0 0;
	font-size:12px;
	font-family: 'Roboto', sans-serif;
	color:#62adc4;
	line-height:21px;
	display:block;
	text-decoration:none;
	background:url(../images/f-links-icon.png) 0 10px no-repeat;
}
.footer-links li a:hover{
	color:#FFFFFF;
}
h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#3e505b;
	font-weight:bold;
	padding:0 0 7px 0;
	margin:0;
}
.grey-line{
	background-color:#e6e6e6;
	padding:0 0 0 0;
	margin:7px 0 7px 0;
	width:auto;
	height:1px;
}
.latest-news{
	width:auto;
	height:auto;
}
.latest-news-heading{
	width:auto;
	height:auto;
	background-color:#249abe;
	padding:7px 10px 7px 15px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:19px;
	font-weight:bold;
}
.latest-news-heading img{
	vertical-align:middle;
	margin:0 8px 0 0;
}
.project-left{
	width:702px;
	height:auto;
	padding:0 !important;
	margin:0 !important;
	float:left;
}
.project-left img{
	width:100%;
	height:auto;
}
.project-right{
	width:285px;
	height:auto;
	padding:0;
	margin:0;
	float:right;
}
.pro-heading01{
	width:264px;
	height:42px;
	background:url(../images/pro-heading-bg.jpg) left top no-repeat;
	padding:7px 0 0 10px;
	margin:6px 0 0 3px;
	font-size:18px;
	text-transform:uppercase;
	color:#FFF;
	font-weight:normal;
}
.pro-sidelinks{
	width:auto;
	height:auto;
	padding:0 0 0 0;
	margin:0 0 0 0;
	text-decoration:none;
	line-height:41px;
	display:block;
	color:#dde8ec;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
}
.pro-sidelinks li{
	width:auto;
	height:auto;
	padding:0 0 0 0;
	margin:0 0 0 0;
	text-decoration:none;
	line-height:41px;
	display:block;
	color:#dde8ec;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
}
.pro-sidelinks li a{
	width:auto;
	height:auto;
	padding:0 0 0 13px;
	margin:0 8px 4px 3px;
	text-decoration:none;
	line-height:41px;
	display:block;
	color:#dde8ec;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#34474f;
}
.pro-sidelinks li a:hover{
	width:auto;
	height:auto;
	padding:0 0 0 10px;
	margin:0 8px 4px 3px;
	text-decoration:none;
	line-height:41px;
	display:block;
	color:#fff;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#249abe;
}
.pro-sidelinks .active{
	padding:0 0 0 10px;
	margin:0 8px 4px 3px;
	text-decoration:none;
	color:#fff;
	background-color:#249abe;
}

.add-to-text{
	width:245px;
	height:auto;
	padding:0;
	margin:0 0 5px 0;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
.input-area01{
	width:450px;
	height:auto;
	padding:0;
	margin:0 37px 13px 0;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
.input-area02{
	width:450px;
	height:auto;
	padding:0;
	margin:0 0 13px 0;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
.inpurtext-area01{
	width:940px;
	height:auto;
	padding:0;
	margin:0 0 13px 0;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
.input01{ width:443px; height:29px; border:1px solid #c7c7c7; background-color:#f0f0f0; border-radius:3px; padding:0 0 0 5px; margin:3px 0 0 0;}
.drop01{ width:450px; height:31px; border:1px solid #c7c7c7; background-color:#f0f0f0; border-radius:3px; padding:0 0 0 5px; margin:3px 0 0 0;}
.input-text01{ width:931px; height:80px; border:1px solid #c7c7c7; background-color:#f0f0f0; border-radius:3px; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding:5px 0 0 5px; margin:3px 0 0 0;}
.submit-bt{ width:109px; height:32px; float:left; border:0; background:url(../images/submit-bt.png) center top no-repeat;}
label{ color:#F00; font-size:12px;}

.cont-left{
	width:500px; 
	height:auto;
	padding:0 0 0 0;
	margin:0;
	float:left;
}
.cont-right{
	width:417px;
	height:auto;
	padding:0 0 0 0;
	margin:0;
	float:right;
}

.left-div {  width:250px; float:left; margin-right:10px;}

.left-menu {  width:250px; float:left; margin-right:10px; overflow:hidden; background-color: #354951; margin:0px 0px; padding:10px 0px 20px 0px;  }

.left-heading { margin:-9px 0 0 0;  font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; color:#FFF; background-color:#249abe; line-height:34px; padding:0 0 0 15px;}



.right-div { width:680px; float:left; }



.rightside1 {

    height: auto;
    padding: 0px;
	margin:12px 8px 6px 0;
    float: left;

}

.pro-box{
	width:190px; 
	height:230px;
	border:1px solid #d5d5d5;
	box-shadow:0px 0px 6px #c1c1c1;
	float:left;
	padding:13px;
	overflow:hidden;
	margin-bottom:0;
	
	color:#000;
}
.pro-box img{
	width:100%;
	height:173px;
	padding:0;
	margin:0 0 10px 0;
	filter: none;
  -webkit-filter: grayscale(0%);
}
.pro-box img:hover{
	transition:all 0.5s ease ease-out;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}
.pro-box:hover {
	background-color:#dfdfdf;
    transition: all 0.5s ease 0s;
	box-shadow:0px 0px 15px #404040;
}



.cart-icon{
	width:39px !important;
	height:40px !important;
	float:right;
}

.pro-blacktext{
	color:#404040;
	font-size:13px;
	font-weight:bold;
	margin:0 0 5px 0;
}
.pro-cut{
	color:#838383;
	font-size:12px;
	text-decoration: none;
}





/* BREADCRUMB */
#breadcrumb { padding: 5px 5px 5px 10px; height:25px; color: #fff; border-radius:0px; margin-bottom:5px;  background:#354951; width:670px;}
#breadcrumb a { color: #fff; font-size:15px; font-family: 'Roboto', sans-serif;}
#breadcrumb span { background: url(../images/breadcrumb_img.png) no-repeat center; display: inline-block; width: 10px; height: 17px; vertical-align: middle; padding: 0 5px; color:#fff; }
#breadcrumb p { padding-bottom:0px;  font-family: 'Roboto', sans-serif; font-size:20px; color:#fff; font-family: Arial, Helvetica, sans-serif;}


/* BREADCRUMB */
#breadcrumb1 { padding: 5px 5px 5px 10px; height:25px; color: #fff; border-radius:0px; margin-bottom:18px;  background:#354951; width:920px;}
#breadcrumb1 a { color: #fff; font-size:15px; font-family: 'Roboto', sans-serif;}
#breadcrumb1 span { background: url(../images/breadcrumb_img.png) no-repeat center; display: inline-block; width: 10px; height: 17px; vertical-align: middle; padding: 0 5px; color:#fff; }
#breadcrumb1 p { padding-bottom:0px;  font-family: 'Roboto', sans-serif; font-size:20px; color:#fff; font-family: Arial, Helvetica, sans-serif;}




.details-page-left {  width:400px; float:left; margin-right:10px; }
.details-page-right {  width:500px; float:left; margin-left:20px; }




.pname {
  font-family: 'Roboto', sans-serif;
    font-size: 22px;
    color: #293C43;
    text-decoration: none;
	border-bottom:#737373 1px solid; padding-bottom:10px;
}




.marketprice {
     font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #656565;
    text-decoration: none;
    line-height: 22px;
	border-bottom:#737373 1px solid; padding-bottom:10px;
}

.enquiry-button { margin:10px 0px 0px 0px;}


.matching-items { background-color:#354951; font-family: 'Roboto', sans-serif;  font-size:20px; color:#fff; font-weight:normal; padding:10px 20px; margin-bottom:10px;}

.grid-list-bt-area{
	width:auto;
	float:right;
}
.grid-list-bt{
	width:auto;
	height:auto;
	line-height:30px;
	border:1px solid #384c54;
	float:left;
	color:#384c54;
	font-size:17px;
	font-weight:bold;
	margin:0 0 0 10px;
	padding:0 7px 3px 7px;
}
.grid-list-bt:hover{
	width:auto;
	height:auto;
	line-height:30px;
	border:1px solid #384c54;
	float:left;
	color:#384c54;
	font-size:17px;
	font-weight:bold;
	margin:0 0 0 10px;
	padding:0 7px 3px 7px;
	background-color:#cdebf4;
}
.grid-list-bt2{
	width:auto;
	height:auto;
	line-height:30px;
	border:1px solid #384c54;
	float:left;
	color:#384c54;
	font-size:17px;
	font-weight:bold;
	margin:0 0 0 10px;
	padding:0 7px 3px 7px;
	background-color:#cdebf4;
}
.grid-list-bt2:hover{
	width:auto;
	height:auto;
	line-height:30px;
	border:1px solid #384c54;
	float:left;
	color:#384c54;
	font-size:17px;
	font-weight:bold;
	margin:0 0 0 10px;
	padding:0 7px 3px 7px;
	background-color:#cdebf4;
}
.grid-list-bt img{ vertical-align:middle; margin:0 6px 0 0;}
.grid-list-bt2 img{ vertical-align:middle; margin:0 6px 0 0;}

.pr-box{width:294px; height:auto; float:left; padding:0 0 0 0;	margin:10px 0 8px 25px;}
.pr-box-hd{width:294px;	height:36px; padding:0;	margin:0; background-color:#354951;	text-align:center; line-height:36px; font-size:16px;	font-weight:bold; color:#FFFFFF; border-radius:10px 10px 0 0;}
.pr-box-area{width:274px; height:auto; padding:9px;	border:1px solid #354951; background-color:#FFFFFF; line-height:19px; font-size:13px; text-align:justify;}
.pr-box-area:hover{background-color:#e2f2f7;}
.pr-box-area img{width:100%; height:138px; padding:0; margin:0 0 5px 0;	transition:0.5s;}
.pr-box-area img:hover{opacity:0.6;	transition:0.5s; transform:rotate(-5deg)}
.pr-box-bt{width:142px;	height:25px; font-weight:bold; line-height:25px; padding:0 0 0 0; border:1px solid #293c43; text-align:center; color:#293c43; border-radius:30px; display:block;	margin:10px auto 5px auto;}
.pr-box-bt:hover{border:1px solid #293c43; background-color:#1e91b4; color:#fff; width:170px;}

.pr-list-area{
	width:auto;
	height:122px;
	padding:12px;
	margin:12px 0 0 0;
	border:1px solid #354951;
}
.pr-list-area:hover{background-color:#e2f2f7;}
.pr-list-imgarea{width:152px; height:122px; float:left; margin:0 42px 0 0;}
.pr-list-imgarea img{width:100%; height:122px;}
.pr-list-name{width:200px; line-height:122px; font-size:20px; margin-right:10px; font-weight:bold; color:#354951; float:left;}
.pr-list-description{width:355px; color:#354951; padding:15px 0 0 0; float:left;}
.pr-list-viewmore{width:115px; height:30px; color:#354951; margin:45px 0 0 0; float:right;}
.pr-list-viewmore-bt{width:107px; color:#fff; font-weight:bold; font-size:13px; background-color:#354951; text-align:center; line-height:30px; height:30px; padding:0 0 0 0; float:right; text-decoration:none;}
.pr-list-viewmore-bt:hover{width:107px; color:#fff; font-weight:bold; font-size:13px; background-color:#249abe; line-height:30px; padding:0 0 0 0; float:right; text-decoration:none;}

.add-to-bt{width:auto; color:#fff; font-weight:bold; font-size:13px; background-color:#354951; text-align:center; line-height:30px; height:30px; padding:0 20px 0 20px; float:right; text-decoration:none; margin-left:10px;}
.add-to-bt:hover{width:auto; color:#fff; font-weight:bold; font-size:13px; background-color:#249abe; line-height:30px; padding:0 25px 0 25px; float:right; text-decoration:none;}
.add-to-form{
	background-color:#FFFFFF;
	padding:20px;
	border-radius:10px;
	width:245px;
}
.form-input {
    background-color: #f0f0f0;
    border: 1px solid #c7c7c7;
    border-radius: 3px;
    height: 26px;
    margin: 3px 0 0;
    padding: 0 0 0 5px;
    width:242px;
}
.close-bt{
	border-radius:6px;
	padding:7px 15px 7px 15px;
	float:right;
	border:0;
	background-color:#865e3b;
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
	margin:11px -4px 0 0;
}
.close-bt:hover{
	border:1px dashed #865e3b;
	background-color:#fff;
	color:#865e3b;
	padding:6px 14px 6px 14px;
}
.about-left{
	width:250px;
	height:auto;
	padding:0 0 0 0;
	margin:0 0 0 0;
	float:right;
}
.about-right{
	width:660px;
	height:auto;
	padding:0 0 0 0;
	margin:0 0 0 0;
	float:left;
}
.about-links{
	background-color:#FFFFFF;
	border:1px solid #34474f;
	width:auto;
	padding:5px 0 5px 10px;
	margin:0 0 2px 0;
	display:block;
}
.about-links:hover{
	background-color:#34474f;
	border:1px solid #34474f;
	width:auto;
	padding:5px 0 5px 10px;
	margin:0 0 2px 0;
	color:#FFFFFF;
}
.about-active{
	background-color:#34474f !important;
	border:1px solid #34474f !important;
	color:#FFFFFF;
}
.visualizer-img-area{
	width:120px;
	height:97px;
	float:left;
	padding:0 0 0 0;
	margin:18px 0 0 145px;
}

.gall-img{
	width:100%;
	height:auto;
	padding:0 0 0 0;
	margin:0 0 12px 0;
	float:left;
}

.mini-links{
	width:auto;
	height:auto;
	padding:0 0 0 0;
	margin:0 0 0 0;
	display:inline-block;
	color:#434343;
	float:right;
}
.mini-links li{
	width:auto;
	height:auto;
	padding:0 0 0 0;
	margin:0 0 0 0;
	display:inline-block;
	color:#434343;
	line-height:33px;
	float:left;
	background:url(../images/li-bg.jpg) right no-repeat;
}
.mini-links li:last-child{ background:none;}
.mini-links li a{
	width:auto;
	height:auto;
	padding:0 10px;
	margin:0 0 0 0;
	display:inline-block;
	color:#434343;
	line-height:33px;
	border-bottom:2px solid #e9e9e9;
}
.mini-links li a:hover{
	border-bottom:2px solid #f9842f;
}

#footer-main{
	width:auto;
	min-height:200px;
	padding:30px 0 0 0;
	background:url(../images/footer-dot.jpg) repeat;
}

.en-input{
	width:98%;
	height:30px;
	padding:0 0 0 8px;
	margin:0 0 0 25px;
}
.en-textarea{
	width:98%;
	height:150px;
	padding:8px 0 0 8px;
	margin:6px 0 0 25px;
}

.sub1-bt{
	width:100px;
	height:35px;
	line-height:35px;
	text-align:center;
	background-color:#fa8735;
	color:#000000;
	text-transform:uppercase;
	margin:10px 0 0 25px;
	border:0;
	font-size:15px;
}

.sidemenu{}
.sidemenu li{ line-height:30px; background:url(../images/arrow.png) left no-repeat; border-bottom:1px solid #DBDBDB; margin-right:15px;}
.sidemenu li a{ color:#000000; text-decoration:none; line-height:30px; padding:0 0 0 20px;}
.sidemenu li a:hover{ color:#077697;}

.responsive-img{width:100%; height:auto; margin-bottom:15px;}

.ourimg1{float:right; margin:0 0 10px 20px;}



@media only screen and (min-width:720px) and (max-width:989px) {
#header-center {width:700px;}
.topmenu-area {width:700px; text-align:center;}
#main-wrapper {width:700px;}
.banner-area {width:687px;}
.centerside {width:375px; margin:0 0 20px 0;}
.rightside {width: 552px;}
#footer {width: 700px;}
.footer-box01 {width: 626px; margin:0 0 20px 0;}
#main-wrapper-bottom {width:700px; background: url("../images/wrapper-shadow.png") no-repeat scroll 0 0/100% 100%;}
.project-left {width: 483px;}
.full-area2 {width: 700px;}
.project-right {width: 215px;}
.pro-heading01 {background: url("../images/pro-heading-bg.jpg") no-repeat scroll right top rgba(0, 0, 0, 0); font-size: 16px; width: 194px;}
.inpurtext-area01 {width:650px;}
.input-text01 {width: 645px;}
.full-area3 {width: 650px;}
.full-area4 {width: 675px;}
.cont-left{width:650px;}
.cont-right{width:650px;}

.left-div { background-color:#fff; width:230px; float:left;}
.right-div { float:left; margin-top:20px; }


#breadcrumb1 { width:650px; background-color:#354951;}

.pr-list-imgarea {margin: 0 14px 0 0;}
.pr-list-name {width: 185px;}

.pr-list-description {
    font-size: 12px;
    line-height: 18px;
    width: 250px;
}
.pr-list-viewmore {margin: 17px -12px 0 0; width: 115px;}
.about-right{margin: 8px 0 0; width: 650px;}
.about-left{width: 650px;}
.details-page-right {float: left; margin-left: 0; width: 648px;}
.pro-box {padding: 8px;}
.full-area5 { padding: 20px; width: 660px;}
.visualizer-img-area {margin: 18px 0 0 40px;}
.top-right-menuarea {width: 420px;}
.mini-links li a {padding: 0 7px; font-size: 12px;}

.w-left {width: 665px; margin-bottom:10px;}
.w-right {width: 625px;}
.footer-top {padding: 0 0;}

.footer-box01 {width: 232px;}
.nav { margin-top:-7px ;}



}

@media screen and (min-width:480px) and (max-width:719px){

.logo {padding:0; width:116px !important; height:auto; text-align:center; margin:0 0 10px 0 !important;}

#header {
    background: #fff url("../images/header-bg2.jpg") repeat-x scroll center top;
    margin: 0;
    min-height: 169px;
    padding: 0;
    width: auto;
}

.w-left {width: 425px;}
.w-right {width: 385px;}
.mini-links { margin:0 0 0 0;}
.top-right-menu {margin: 5px 0;}
.mini-links li a {padding: 0 8px;}
.logo img {
    height: auto;
    margin: 7px 0 0;
    width: 116px !important;
}
#header-center {width:460px;}
.topmenu-area {width:460px; text-align:center;}
#main-wrapper {width:460px;}
.top-right-bg {background:none;}
.top-right-menuarea {width: 460px; margin:0 0 -10px 0 !important; padding:0;}
.leftside {width: 425px; text-align:center; margin-bottom:17px;}
.banner-area {width:448px;}
.centerside {width:389px; margin:0 0 20px 0;}
.rightside {width: 424px; text-align:center;}
#footer {width: 428px;}
.footer-box01 {width: 405px; margin:0 0 20px 0;}
.footer-links {width: auto;}
#main-wrapper-bottom {width:450px; background: url("../images/wrapper-shadow.png") no-repeat scroll 0 0/100% 100%;}	

.full-area2 {width:461px; background:none;}
.project-left {width:461px;}
.project-right {width:461px; text-align:center;}
.pro-heading01 {background: url("../images/pro-heading-bg.jpg") no-repeat scroll right top rgba(0, 0, 0, 0); font-size: 16px; width:440px;}
.full-area3 {width: 409px;}
.input-area01 {width: 412px;}
.input-area02 {width: 412px;}
.input01 {width: 403px;}
.drop01 {width: 411px;}
.inpurtext-area01 {width: 412px;}
.input-text01 {width: 404px;}
.cont-left{width:412px;}
.cont-right{width:412px;}


.left-div { background-color:#fff; width:230px; float:left;}
.right-div { width:520px; float:left; margin-top:20px; }


.pro-box{
	width:190px; 
	height:240px;
	border:1px solid #d5d5d5;
	box-shadow:0px 0px 6px #c1c1c1;
	padding:13px;
	overflow:hidden;
	margin-bottom:15px;
	color:#000;
}
.full-area4 {width: 433px;}


.pr-list-area {float:left; height:auto;}
.pr-list-imgarea {margin: 0 17px 0 0;}

.pr-list-description {width: 382px; height:auto;}

.pr-list-viewmore {margin: 10px 0 0;}
.about-right{margin: 8px 0 0; width: 410px;}
.about-left{width:410px;}
.about-img{width:100%; height:auto;}
.details-page-right {float: left; margin-left: 0; width: 411px;}
.pro-box {padding:10px; width:173px; height:auto; margin:0 0 0 0;}

.full-area5 {
    padding: 20px;
    width: 420px;
}
.nav { margin-top:-7px;}

}
@media screen and (min-width:320px) and (max-width:479px){
.logo {padding:0; width:175px !important; height:auto; text-align:left; margin:0 0 0 5px !important;}


.visualizer-img-area {
    margin: 32px 0 0;
    width: 100px;
}
.logo img{width:116px !important; height:auto; margin:7px 0 0 0;}
#header-center {width:300px;}
.topmenu-area {width:300px; text-align:center;}
#main-wrapper {width:300px;}
.top-right-bg {background:none; height:10px;}
.top-right-menuarea {width: 300px; height:auto; margin:0 0 -10px 0 !important; padding:0;}
.top-right-menu {margin: 10px 0;}

.search-area {
    margin-bottom: 9px;
    margin-top: 14px;
    text-align: center;
    width: 259px;
}
.nav { margin-top:-7px ;}

#header {background: #fff url("../images/header-bg3.jpg") repeat-x scroll center top;}
.mini-links li a {line-height: 20px;}
.mini-links li {line-height:20px;}
.search-area img {
    height: auto;
    width: auto;
}
.calltop-area {width: 200px; float:right !important; position:absolute; top:0; margin:9px 0 0 95px;}
.search-input {width: 264px; margin:0 0 10px 0;}
.leftside {width: 266px; text-align:center; margin-bottom:17px;}
.banner-area {width:294px; margin-bottom:10px !important;}
.centerside {width:230px; margin:0 0 20px 0;}
.rightside {width: 263px; text-align:center;}
#footer {width: 268px;}
.footer-box01 {width: 226px; margin:0 0 20px 0;}
.footer-links {width: 225px;}
.footer-box02 {width: 225px; margin:0 0 10px 0;}
.footer-bottom {height:43px; text-align: center;}
.footer-bottom-left { width:249px;}
.footer-bottom-right { width:249px;}
#main-wrapper-bottom {width:295px; background: url("../images/wrapper-shadow.png") no-repeat scroll 0 0/100% 100%;}	
.full-area2 {width:300px; background:none;}
.project-left {width:300px;}
.project-right {width:300px; text-align:center;}
.pro-heading01 {background: url("../images/pro-heading-bg.jpg") no-repeat scroll right top rgba(0, 0, 0, 0); font-size: 16px; width:280px;}
.full-area3 {width: 249px;}	
.input-area01 {width: 253px;}
.input-area02 {width: 253px;}
.input01 {width: 245px;}
.drop01 {width: 252px;}
.inpurtext-area01 {width: 253px;}
.input-text01 {width: 246px;}


.left-div { width:230px; float:left;}
.right-div {width:100px; float:left; margin-top:20px;}	
#breadcrumb { width:230px;  background:#354951;}

#breadcrumb1 { width:230px;  background:#354951; height:50px;}

.details-page-left {  width:230px; float:left; margin-right:10px; }
.details-page-right {  width:230px; float:left; margin-right:10px;}

.img { width:240px;}
.full-area4 {width:250px;}
.pr-box{width:250px;}
.pr-box-hd{width:250px;}
.pr-box-area{width:230px;}
.grid-list-bt-area {float:left; width:273px; padding:0; margin:10px 0 0 -10px;}
.grid-list-bt2 {font-size: 14px;}
.grid-list-bt2:hover {font-size: 14px;}
.grid-list-bt {font-size: 14px;}
.grid-list-bt:hover {font-size: 14px;}

.pr-list-area {float: left; height: auto; width: 228px;}
.pr-list-imgarea {margin: 0 17px 0 0; width:100%; height:auto;}
.pr-list-name {line-height: 47px; width: 225px; text-align:center;}
.pr-list-description {width:225px; text-align:justify; height:auto; padding:0; font-size:13px;}
.pr-list-viewmore {margin: 10px 0 0;}
.about-right{margin: 8px 0 0; width:250px;}
.about-left{width:250px;}
.about-img{width:100%; height:auto;}
.details-page-right {margin-left: 0; margin-right: 0; width: 249px;}
.pro-box {height: auto; width: 222px;}

.full-area5 {
    padding:20px 0 0 3px;
    width: 297px;
}
.w-left {width: 265px;}
.w-right {width: 226px;}

.w-right h1 {font-size: 17px; line-height:25px; text-align:left;}

}


@media screen and (max-width:320px) {

.logo {padding:0; width:175px !important; height:auto; text-align:left; margin:0 0 0 5px !important;}


.visualizer-img-area {
    margin: 32px 0 0;
    width: 100px;
}
.logo img{width:116px !important; height:auto; margin:7px 0 0 0;}
#header-center {width:300px;}
.topmenu-area {width:300px; text-align:center;}
#main-wrapper {width:300px;}
.top-right-bg {background:none; height:10px;}
.top-right-menuarea {width: 300px; height:auto; margin:0 0 -10px 0 !important; padding:0;}
.top-right-menu {margin: 10px 0;}

.search-area {
    margin-bottom: 9px;
    margin-top: 14px;
    text-align: center;
    width: 259px;
}
.nav { margin-top:-7px ;}

#header {background: #fff url("../images/header-bg3.jpg") repeat-x scroll center top;}
.mini-links li a {line-height: 20px;}
.mini-links li {line-height:20px;}
.search-area img {
    height: auto;
    width: auto;
}
.calltop-area {width: 200px; float:right !important; position:absolute; top:0; margin:9px 0 0 95px;}
.search-input {width: 264px; margin:0 0 10px 0;}
.leftside {width: 266px; text-align:center; margin-bottom:17px;}
.banner-area {width:294px; margin-bottom:10px !important;}
.centerside {width:230px; margin:0 0 20px 0;}
.rightside {width: 263px; text-align:center;}
#footer {width: 268px;}
.footer-box01 {width: 226px; margin:0 0 20px 0;}
.footer-links {width: 225px;}
.footer-box02 {width: 225px; margin:0 0 10px 0;}
.footer-bottom {height:43px; text-align: center;}
.footer-bottom-left { width:249px;}
.footer-bottom-right { width:249px;}
#main-wrapper-bottom {width:295px; background: url("../images/wrapper-shadow.png") no-repeat scroll 0 0/100% 100%;}	
.full-area2 {width:300px; background:none;}
.project-left {width:300px;}
.project-right {width:300px; text-align:center;}
.pro-heading01 {background: url("../images/pro-heading-bg.jpg") no-repeat scroll right top rgba(0, 0, 0, 0); font-size: 16px; width:280px;}
.full-area3 {width: 249px;}	
.input-area01 {width: 253px;}
.input-area02 {width: 253px;}
.input01 {width: 245px;}
.drop01 {width: 252px;}
.inpurtext-area01 {width: 253px;}
.input-text01 {width: 246px;}


.left-div { width:230px; float:left;}
.right-div {width:100px; float:left; margin-top:20px;}	
#breadcrumb { width:230px;  background:#354951;}

#breadcrumb1 { width:230px;  background:#354951; height:50px;}

.details-page-left {  width:230px; float:left; margin-right:10px; }
.details-page-right {  width:230px; float:left; margin-right:10px;}

.img { width:240px;}
.full-area4 {width:250px;}
.pr-box{width:250px;}
.pr-box-hd{width:250px;}
.pr-box-area{width:230px;}
.grid-list-bt-area {float:left; width:273px; padding:0; margin:10px 0 0 -10px;}
.grid-list-bt2 {font-size: 14px;}
.grid-list-bt2:hover {font-size: 14px;}
.grid-list-bt {font-size: 14px;}
.grid-list-bt:hover {font-size: 14px;}

.pr-list-area {float: left; height: auto; width: 228px;}
.pr-list-imgarea {margin: 0 17px 0 0; width:100%; height:auto;}
.pr-list-name {line-height: 47px; width: 225px; text-align:center;}
.pr-list-description {width:225px; text-align:justify; height:auto; padding:0; font-size:13px;}
.pr-list-viewmore {margin: 10px 0 0;}
.about-right{margin: 8px 0 0; width:250px;}
.about-left{width:250px;}
.about-img{width:100%; height:auto;}
.details-page-right {margin-left: 0; margin-right: 0; width: 249px;}
.pro-box {height: auto; width: 222px;}

.full-area5 {
    padding:20px 0 0 3px;
    width: 297px;
}
.w-left {width: 265px;}
.w-right {width: 226px;}

.w-right h1 {font-size: 17px; line-height:25px; text-align:left;}

}