#topheader_bg {
	background-color: #333;
	width: 100%;
}
#topheader_bg #topheader {
	margin: auto;

	padding-bottom:3px;
}
.mart1{ margin-top:100px!important;}
.mart2{ margin-top:80px!important;}
#topheader_bg #topheader .container b {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	color: #CCC;

	text-align: center;
	line-height:36px;
}
.responsiveImg{ width:100%}
#topheader_bg #topheader .container strong {
	font-family: roboto;
	color: #FFF;
	background-color: #F00;
	padding: 5px;
	cursor:pointer;
	margin-top:0;
	margin-bottom:0;
	float:right;
}
#header_bg {
	width: 100%;
}
#header_bg #header {
	margin: auto;
}
.logo {
	width: 250px;
}


.mobile
{
	display:none;
	
}
#submenu
{
	display:block;
}
.welcomecontent1{  font-family:'Roboto';
color:#000; font-size:20px; font-weight:bold;}
.home h1{ padding-bottom:20px;}
.welcomecontent{
	font-family:'Lora';
    color: #F00;
	font-size:20px;
    padding-right: 10px;
    line-height: 30px;}
#menu li a {
	font-family: roboto;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom:10px;
	padding-left: 15px;
	display:block;
	border-right:1px solid #999; text-align:center;
}

#menu li:last-child a{ border-right:0 !important}
#menu{ margin-bottom:0;}
#menu li a:hover {
	background:black;
	text-decoration:none;
	color:#FFF;
}

#menu li a .glyphicon{ margin-right:0; color:#000;}
#menu li:hover a i{ color:#fff;}
#menu li a:hover i{ color:#fff;}
#menu li {
	display: inline-block;
}
#menu li .mobile .glyphicon.glyphicon-th {
	color: #000;
}
#menu li a .glyphicon.glyphicon-home {

	font-size: 18px;
	position:relative;
	top:1.5px;
	left:4px;
}
#menu li a .glyphicon.glyphicon-home:hover
{
	color:#FFF;
}
#menu li a .glyphicon.glyphicon-cog {
	
	font-size: 18px;
	position:relative;
		top:1.5px;
	left:4px;
	
}
#menu li a .glyphicon.glyphicon-cog:hover
{
	color:#FFF;	
}
#menu li a .glyphicon.glyphicon-picture {

	font-size: 18px;
	position:relative;
	top:1.5px;
	left:4px;
	
}
menu li a .glyphicon.glyphicon-picture:hover {
	color:#FFF;	

}
#menu li a .glyphicon.glyphicon-download-alt {
	color: #000;
	font-size: 18px;
	position:relative;
	top:1.5px;
	left:4px;
	
}
#menu li a .glyphicon.glyphicon-download-alt:hover {
	color:#FFF;	

}
#menu li a .glyphicon.glyphicon-phone-alt {

	font-size: 18px;
	position:relative;
	top:1.5px;
	left:4px;
	
}
#menu li a .glyphicon.glyphicon-phone-alt:hover{
color:#FFF;	
}




}
.info a {
	font-family: 'roboto';
	font-size: 12px;
	color: #FFF;
	background-color: #F00;
	margin-left: 10px;
	margin-top: 25px;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
}
.container-fluid.content {
	background-color: #f3f3f3;
}

.info img
{
	float:right;
}
.mart{ margin-top:30px!important; margin-bottom:30px!important}
.contss h3 {
	font-size: 24px;
	font-weight: bold;
	color: #000;
}
#banner_bg #banner .container img {
	height: auto;
	width: 100%;
}
.confid-btn  {
	background:#ff0000  !important; 
	 font-family: 'Roboto', sans-serif;
	 font-weight:300;
	color:#FFF !important; 
	font-size:14px !important;
    color: #FFF !important;	}
	
.confid-btn:hover{background:#348EAD !important; }	


.pdtUl li {
list-style-image:url(../images/list-icon.png); font-size:16px; font-family:'Roboto'; color:#333; line-height:33px;
}
.contss {
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
}
#banner_bg img {
	height: auto;
	width: 100%;
}
#banner_bg img {
	width: 100%;
}

#menu li {
	margin-left: -6px;
}
.contss a {
	color: #FFF;
	background-color: #F00;
	margin-left: 10px;
	padding:3px 5px;
}
.carousel-caption h1{font-size:60px; letter-spacing:3px;font-family: 'Oswald', sans-serif; color:#fff; text-shadow:0px 0px 10px #000;}
.carousel-caption p{letter-spacing:5px; text-transform:uppercase; font-size:30px;}

#banner2_bg {
	height: auto;
	width: 100%;
	background-image: url(../images/sg.jpg);
	background-repeat: no-repeat; background-size:100% 100%;
}
#banner2_bg #banner2 {
	margin: auto;
	height: auto;
	font-family: Roboto, sansf;
}

#banner2_bg #banner2 .container #banner p {
	margin-bottom:10px;
	text-align:center;
	color: #FFF;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	line-height: 25px;
}
#banner2_bg #banner2_bg {
	width: 100%;
}
#banner2_bg #banner2 .container #banner h1 {
	margin: 25px;
	color: #FFF;
	font-family: roboto;
	font-weight: 900;
	margin-bottom:-15px;
}
#banner2_bg #banner2 .container #banner {
	text-align: center;
	margin-bottom: 80px;
}
#gallery_bg #gallery .container h1 {
	text-align:center
}
#gallery_bg .glyphicon.glyphicon-chevron-up {
	color: #000;
	border: thin groove #333;
	border-radius:5px;
	padding:5px;
	float:right;
	position: relative;
	top: -25px;
}

#footer_bg #footer .container ul li {
	   
    font-size: 13px;
    display: block;
    line-height: 24px;
}

#footer_bg #footer .container .glyphicon.glyphicon-earphone {
	font-size:24px;
	margin-right: 20px;
	margin-bottom:20px;
	text-align: left;
}
#footer_bg #footer .container .glyphicon.glyphicon-map-marker {
	font-size: 36px;
	color: #F23533;
	margin-right: 0;
	position: relative;
	top: 30px;
}
#footer_bg #footer .container strong i {
	color: #F00;
	margin-left:10px;
}
#footer_bg #footer .container strong {
	margin-bottom:10px;
	color: #000;
	text-align: left;
}
#footer_bg #footer .container ul {
	font-size: 20px;
	color: #000;
	text-align: left;
}
.foo{ font-size:14px; color:#333; margin-top:20px;}
#footer_bg #footer .container img{
	float:left;
	cursor:pointer;
	padding-right:10px;
	
}
#footer_bg #footer .container{
;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
}
#footer_bg {
 box-shadow:inset 0px 0px 10px #ccc;

		width: 100%;
}
#footer
{
	border-top:gray
}
#footer2_bg #footer2 .container b {
	color: #999;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
}
#footer2_bg #footer2 .container strong {
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
}

.foot1 img{width:300px;margin:30px;}

	

#menu li a img{
float:right;
}
.butt{
background-color:#F00;
color:#FFF;
padding:5px;
margin-left:5px; font-size:12px;
}
#footer_bg #footer .container .col-md-4 p {
	margin-left: 35px;
	color: #000;
}

.info h6 {
	margin-left:0px;
	color: #F00;

}

#footer_bg #footer .container .col-md-4 {
	margin: auto;
	padding: 5px;
}
#header_bg .container .clearfix #logo3 {
}
.info h3 {
	font-family: 'Roboto';
	padding-left:5px;
	font-size: 20px;
	color: #000;
	line-height:30px;
	padding-top: 10px;

}
.home{padding-right:20px;}
.info .red {
	font-size: 18px;
	color: #F00;
	margin-left: 7px;
	    margin-top: -9px;
}
.downn{margin-bottom:-2px;}
.upp{margin-upp:-2px;margin-bottom:-1px}
.leftt
{
	line-height:24px; margin-top:0px;
}
.ma{ padding-top:30px;}
.abt{ font-size:25px; line-height:36px!important; }
#banner2_bg #banner2 .container #banner a {
	color: #FFF;
	font-size: 18px;	
}
#banner_bg .row {
	width: 100%;
}
.info p {
	font-size: 14px;
	    line-height: 16px;
	    padding-left: 8px;
}
#footer_bg #footer .container .col-md-4 .glyphicon.glyphicon-envelope {
	font-size: 25px;
	color: #F23533;
}
#footer_bg #footer .container .col-md-4 h2 {
	font-size: 30px;
	color: #000;
	margin-top: 0;
	margin-bottom: -5px;
}


#backer {
	background-color: #F30;
	width: 100%;
	padding-bottom:10px;
}
.extraa
{
	font-family:"roboto";
	font-size:19px;
	color:#000;
	padding:0;
	margin:0px 0px 10px 0px;
}
.container-fluid .row .container ul li .glyphicon.glyphicon-arrow-right {

	font-size: 12px;
	color: #C33;
	position:relative;
	top:0;
	
}
.info {
	margin-right:20px;
	
	min-height:150px;
	box-shadow:1px 1px 1px 1px #999;

}

.ansbox
{
	display:none;
	height: auto;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;

	border-radius:10px;
}
.container-fluid .row .container .anss ul li {
	display: block;
	padding: 2px;
	cursor: pointer;
}
.anss :hover >.ansbox{display:block;}
.abs
{
	font-family:"roboto";
	font-size:36px;
	color:#FFF;
}
.h2into
{
	font-family:"roboto";
	font-size:30px;
	color:#000;
	}
.h6para
{font-family:"roboto";
	font-size:14px;
	color:#000;
	line-height:20px;
	}

.abtims span
	{	
    background-image: url("../images/abouticon.png");
    width: 30px;
    height: 21px;
    display: inline-block;
    background-repeat: no-repeat;
    position: relative;
    top: 3px;
	left:3px;
}
	}
.abtims span:hover {
	background-image:url("../images/abouticon1.png");
	}

.prodback
{
	font-family:'roboto';
	color:#FFF;
	background-color:#FF3300;
	font-size:15px;

	
} .StoneRailingImg img{padding:10px; box-shadow:0px 0px 10px #e2e2e2; margin:7px; height:300px; width:250px;}
		 
 .PADDTBInnerPgCont2{margin-top:30px; padding-bottom:20px;}
		 
.gallery img{ margin-bottom:20px; box-shadow:0px 0px 10px #e2e2e2; padding:10px; margin-top:20px;
    width: 347px;
    height: 220px;}
.gallery h3{ font-size:18px; color:#F30; margin-top:0px; text-align:center}
.prdh{ color:#F33; font-size:24px;}
.proback li
{
	display:block;
	margin:5px;

	padding:10px;
}
#prospace
{
padding:20px;
}
.faqdesign
{
	font-size:16px;

}

.faqdesign a
{
	color:#757575;
	padding-left:25px;
}
.faqdesign a:hover
{
	color:#ff0700;
}


.addspace a{color:#666;font-size:14px;}.addspace a:hover{color:#F00;}
.addspace{position:relative;left:5px;top:-15px;}
.conttus strong{color:#666;font-size:14px;fontfamily:"roboto";position:relative;left:10%;}
.conttus i{margin-bottom:15px;display:block;text-align:left;position:relative;top:40px;}
.conttus ul{position:relative;top:0;left:0px;}
   
   
   
   
   
   
   
   
 #but
   {width:25%;
   color:#000;height:30px;
   position:relative;
   top:55px;
  left:50%;}
   


  
.contact
{
	width:50%;
	height:30px;
	margin-bottom:5px;
	display:block;
	font-family:"roboto";
		position:relative;top:0;
	
}
.contact1
{
	position:relative;
	top:0;
	margin-top:10px;	
	color: #000;
	font-size: 14px;
	float:left;
	display:block;
	margin-right:17%;
	
}
.contact3
{
	width:50%;

	margin-bottom:5px;
	display:block;
	font-family:"roboto";
		position:relative;top:0;
	
}


@media screen and (max-width: 1200px){
	#menu li a{    padding-left: 6px;    padding-right: 6px;}
	
	}	
	 @media screen and (max-width: 991px)

{	

	#menu{ display:none; position:fixed; right:0; top:0; width:200px; height:100%; background-color:rgba(0, 0, 0, 0.9); z-index:200000; padding-left:0; text-align:left;}
	#menu li{ display:block;}
	#menu li a{ color:#fff;text-align:left;}
	#menu li a i, 	#menu li a img{ float:left; margin-left:5px; margin-right:10px !important; color:#fff !important;}
.col-md-4{ text-align:center;}
	.TabTxtCenter1{ text-align:center;}
.info { margin-bottom:10px;margin-right:none;width:100%;}
	.info p{ margin-bottom:25px;}
	.mobile{display:block; color:#fff; position:fixed; right:0; top:0; z-index:2000000;    width: 28px;
    height: 34px;
    text-align: right; cursor:pointer;}
	.mobile .glyphicon{ margin-right:0;}
	#header_bg .container #logo {width: 150px;}
.container p{text-align:center;}
		#gallery_bg #gallery .container img{width:100px;}
.col-md-4 {	text-align: center;}
		.col-md-4 p {	text-align: center;}
		#footer_bg #footer .container {text-align:center;}
			#footer_bg #footer .container .col-md-4 h2 {text-align:center;}
			#footer_bg #footer .container .col-md-4 strong {text-align:center;}
		#footer_bg #footer .container .col-md-4 ul li  {text-align:center;}
		#footer_bg #footer .container .col-md-4 ul {text-align:center;}
		conttus i,#footer_bg #footer .container .col-md-4 .glyphicon.glyphicon-map-marker{margin-left:-200px;}
	.container{	text-align: center;}
		#footer_bg #footer .container .col-md-4 #foot1 img{width:80%; }
		.contact{width:50%;position:relative;top:5px;}
		
		.container a img{margin:10px;}
		.foot1 img{width:300px;margin-top:30px;margin-left:150px;}
	.container h2{text-align:center;}
	
	.contact1{font-size:12px;margin-right:20%;}
	.conttus i{margin-left:25%;}
	#form1
{
	margin-bottom:50px;
}		

		}

	
@media screen and (max-width: 767px){	
	
	.TabTxtCenter{ text-align:center;}
	#header_bg .container #logo{ width:100%; display:block;}
	#header_bg .container #logo img{ float:none;}
	#logo2{display:none;}
		.logo3{margin-left:80px;margin:right:80px;float:none;}
			.conttus i{margin-left:10%;}
}
@media screen and (max-width: 450px)
{
	
	
		#header_bg .container .clearfix #logo3 img {margin-left:40px;margin:right:50px;float:none;}
	.contact{width:50%;position:position:relative;top:0;}
		.contact1{margin-right:15%;}
	
	
	}



