@font-face{
    font-family: 'Open Sans Regular';
    src: url('fonts/OpenSans-Regular.ttf');
    font-style: normal;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

html{
	text-align: center;
	text-align:-webkit-center;
	text-align: -moz-center;
}
 
 h3,h4,h5{
  font-family: 'Open Sans Regular';
 }
 


 .mainheading {
    font-family: 'Open Sans Regular';
    font-size: 22px;
    line-height: 30px;
    font-weight: bold;
    color:#e74423;
    text-align:left;
}


 .addressheading {
    font-family: 'Open Sans Regular';
    font-size: 13px;
    line-height: 30px;
    font-weight: bold;
    text-align:left;
}



/*body style  */
 @media screen and (min-width:1000px){
 
 #smsDialog{
	 /* width: 90%; */
 width: 410px !important; 
	/* width:375px; */
	/* margin-right: 20px; */
  margin: 30px auto !important;
  
   /*  margin-right: 30px;   */
    /* margin-left:-10px; */
    
     
}
 
 
body {
    background-color: #ffffff;
     font-family: 'Open Sans Regular';
      width: 1263px;
     text-align:center; 
}
#mobileVersion {
 display:none;
 }   
#myBtnCall {
    display: block;
    position: fixed !important;
    bottom: 128px;
    right: 22px !important;
    z-index: 101 !important;
   /*  font-size: 50px; */
    border: none;
    /* outline: none; */
     background-color: white; 
    color: black; 
    cursor: pointer;
  padding-left: 21px !important;
    padding-top: 0px;
    /* opacity: 0.4; */
    border-radius: 12px;
    /* padding-left: 8px; */
    /* padding-right: 10px; */
    width: 125px;
    height: 39px;
}

#myBtnMessage {
    display: block;
    position: fixed !important;
    bottom: 80px;
    right: 22px;
    z-index: 101;
   /*  font-size: 50px; */
    border: none;
    /* outline: none; */
     background-color: white; 
    color: black; 
    cursor: pointer;
  padding-left: 8px;
    padding-top: 0px;
    /* opacity: 0.4; */
    border-radius: 12px;
    /* padding-left: 8px; */
    /* padding-right: 10px; */
    width: 125px;
    height: 39px;
}
#myBtnWattsapp {
    display: block;
    position: fixed !important;
    bottom: 32px;
    right: 22px;
    z-index: 101;
   /*  font-size: 50px; */
    border: none;
    /* outline: none; */
     background-color: white; 
    color: black; 
    cursor: pointer;
  padding-left: 6px;
    padding-top: 0px;
    /* opacity: 0.4; */
    border-radius: 12px;
    /* padding-left: 8px; */
    /* padding-right: 10px; */
    width: 125px;
    height: 39px;
}
.phoneIcon{
	font-size:25px;
	color:darkgreen;
	margin-top:8px;
}
.phoneText{
	/* padding-left:10px; */
	padding-top:6px;
	padding-bottom:10px;
	font-size:16px;
	color:black;
}
.messageIcon{
	font-size:25px;
	color:darkgreen;
	margin-top:16px;
}
.messageText{
	padding-left:4px;
	padding-top:15px;
	padding-bottom:10px;
	font-size:16px;
	color:black;
}
.wattsappIcon{
	font-size:25px;
	color:darkgreen
}
.wattsappText{
	padding-left:9px;
	padding-top:15px;
	padding-bottom:10px;
	font-size:16px;
	color:black;
}
.tablewhatsapp{
	width:100%;
	margin-top:-7px;
}
.tablemessage{
width:100%;
	margin-top:-7px;	
}

 }
 
 .circle_green2{
	
	margin-top: -4px !important;
    margin-left: -19px !important;
	
}

#loginordercart{
	
	width:40px !important;
	
}
 
 
 #addsms{
	
	background-color:#eb6020 !important;
	color:white !important;
	    border-radius: 0px;
}

#smsDialog{
	 width: 90%;
	/* width: 410px; */
	/* width:375px; */
	/* margin-right: 20px; */
  margin: 30px auto;
  
    margin-right: 26px;  
    /* margin-left:-10px; */
    
     
}
#smsmodalcontent{
	
	border-radius: 0px;
}

#smsModal{
	
	position: fixed;
    top: 3%;
    right: -3%;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
 
@media (max-width:1280px){

#home
{
margin-bottom: 2px;
text-align:left;
}
#contactmodular
{
margin-bottom: 2px;
    padding-left: 25%;
}
#home
{
margin-left:-21px;
}
#contact
{
margin-left:0px;
    text-align: justify;
}
#contactus {
    margin-right: 43px;
}

#transbannerninetext {
            transform:translate(0%,28.5%);
            padding-left: 424px;
    padding-right: 424px;
     } 



 }
 
 
 
 
  
@media (min-width:1281px){
#home
{
margin-bottom: 2px;
text-align:left;
margin-left:27px;
}
#contactmodular
{
margin-bottom: 2px;
text-align:right;
}

#contact
{
margin-left:-178px;
}
#contactus {
    margin-right: 43px;
}
#transbannerninetext {
            transform:translate(0%,28.5%);
            padding-left: 424px;
    padding-right: 424px;
     } 

 }
 
  
@media (min-width:1366px){
#home
{
margin-bottom: 2px;
text-align:left;
margin-left:6px;
}
#contactmodular
{
margin-bottom: 2px;
text-align:right;
}

#contact
{
margin-left:-118px;
}
#contactus {
    margin-right: 43px;
}
 }
  
 
/*




@media (min-width: 992px) {
  body {
    padding-top: 56px;
  }
} */
/* End of body style */

/* image size style */
.imgsize{
    width: 100%;
  /*   height: 210px; */
    margin: 0px auto;
}

/* h1{
	 font-family: 'Alegreya';
	
}
 */
h1{
	     font-family: 'Open Sans Regular';
}



#product
{
margin-left:37px;
text-align:left;
margin-bottom:2px;
}

#lasthead
{
font-size:16px;
color:#eb6020; 
margin-top:4px;
}

.anchorfirst{
     display: block;
    height: 159px;
    /* margin-top: -50px; */
    visibility: hidden;
    }
#bodyheading {
    text-align: center;
    margin-top: -4%;
   font-family: 'Open Sans Regular';
    font-size: 25px;
    color: #f04c23;
    }


    #bodyheadinginterior {
    text-align: center;
    margin-top: -21%;
    font-family: 'Open Sans Regular';
    font-size: 25px;
    color: #f04c23;
         }
    
    #bodyheadingkitchen{
    text-align: center;
    margin-top:-8%;
   font-family: 'Open Sans Regular';
    font-size: 25px;
    color: #f04c23;
    }
    #bodyheadinghassle {
    text-align: center;
    margin-top:2%;
   font-family: 'Open Sans Regular';
    font-size: 25px;
    color: #f04c23;
    }
    
    #bodyheadingclient {
    text-align: center;
    margin-top:-4%;
   font-family: 'Open Sans Regular';
    font-size: 25px;
    color: #f04c23;
    margin-bottom:3%;
    }
    
    #contactus
{
margin-right:43px;
}

	#smintbanner{
	margin-top:-3%;
	 width:100vw; 
	margin-left:calc(-51vw + 50%);
	
}
#bannerninetext{
            transform:translate(0%,295%);
     }
     
   
     
     
      #bannerninetextone{
            margin: 0;
            color:#000000;
  			font-size:2.5rem;
  			font-weight:bold;
  			text-align:center;

/*   			white-space: nowrap; */
  	}
  	
  	   #transbannerninetextone{
            margin: 0;
            color:white;
  			font-size:2.5rem;
  			font-weight:bold;
  			text-align:center;
  			margin-top: -5%;

/*   			white-space: nowrap; */
  	}



     
#viewbuttonmodular {
    background-color: #e74423;
    padding-left: 0%;
    padding-right: 0%;
    padding-top: 10%;
    padding-bottom: 10%;
    font-size: 14px;
    margin-top: 230px;
    border: none;
    /* opacity: 0.6; */
    color: white;
    width: 87% !important;
    font-family: 'Open Sans Regular';
    background: rgba(231, 68, 35,0.4);
}
                 
.imgoverlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 71.4%;
    right: 0;
    text-align: left;
}



#transparentbanner {
       font-family: 'Open Sans Regular';
    font-size: 14px;
    background-color: #e74423;
    color: white;
    /* margin-top: 2%; */
    /* margin-bottom: 5%; */
    /* opacity: 0.6; */
    padding-top: 8%;
    background: rgba(106, 102, 101,0.5);
}
#transfont{
color:#eb6020;
font-size:79px;
text-shadow: 1px 1px black;
}

#transfontmirror{
color:#eb6020;
font-size:60px;
text-shadow: 1px 1px black;
}

#offid{
font-size:36px;
text-shadow: 1px 1px black;
    font-weight: 100;
}

#offplywoodshades{
	font-size:24px;
	color:white;
	 font-weight: 100;
}



#offplywoodprice{
	font-size: 40px;
    color: white;
    text-shadow: 1px 1px black;
    font-weight: 900;
}
#offshades{
	font-size:30px;
	color:white;
}

#offproductid{
	font-size:28px;
text-shadow: 1px 1px black;
    font-weight: 100;
	
}

#offidmirror{
font-size:36px;
 font-family: 'Open Sans Regular';
   /*  text-shadow: 1px 1px black; */
 /*    font-weight: 100;  */
 text-shadow:none;
    color: Black;
    line-height: 1.3;
   /*  padding-top:10%; */
}

#offcolorproductid{
	font-size:45px;
color:white;
text-shadow: 1px 1px black;
font-weight:700;
 color: #eb6020;
}

#offstartid{
font-size:20px;
color:black;
font-weight: 100;

}
#offfullid{
font-size:30px;
color:white;
font-weight: 100;

}

#priceid{
font-size:40px;
color:white;
text-shadow: 1px 1px black;

}


#plywoodid {
   border: 1px solid white;
    margin-left: 20%;
    margin-right: 20%;
}


#sqid{
text-shadow: 1px 1px black;
font-size:25px;
font-weight:100;
	
}

#priceidplywood{
font-size:40px;
color:white;
text-shadow: 1px 1px black;

}


#plywoodpriceid{
font-size:45px;
color:white;
text-shadow: 1px 1px black;

}

#offtextid{
    font-size: 26px;
    text-shadow: 1px 1px black;
    font-weight: 900;
}
#offplywoodtextid{
    font-size: 26px;
    text-shadow: 1px 1px black;
    font-weight: 100;
}

#offmodularid {
    color: #eb6020;
    font-size: 45px;
    text-shadow: 1px 1px black;
     font-weight: 900;
}


#offmodularidplywood {
    color: #eb6020;
    font-size: 45px;
    text-shadow: 1px 1px black;
      font-weight: 900;
}

#plywoodprice{
	
	font-size:37px;
}


#offplywoodid {
    color: #eb6020;
    font-size: 45px;
    text-shadow: 1px 1px black;
}


#offmodid {
    color: white;
    font-size: 20px;
    text-shadow: 1px 1px black;
    font-weight: 700;
   /*  padding-top: 5%; */
    line-height: 1.6;
}

#offtextservice {
    font-size: 28px;
    text-shadow: 1px 1px black;
    font-weight: 700;
    line-height: 1.6;
}
#offserviceid {
    font-size: 62px;
    text-shadow: 1px 1px black;
    font-weight: 1000;
    color:#eb6020;
}
#offservicecontentid {
	text-align: justify;
    padding-left: 29%;
    color: white;
    font-size: 25px;
    text-shadow: 1px 1px black;
    font-weight: 700;
   /*  padding-top: 34px; */
    line-height: 1.6;
}




#transparentbannermirror {
    font-family: 'Open Sans Regular';
    font-size: 14px;
    /* background-color: #e74423; */
    color: white;
    /* margin-top: 2%; */
    /* margin-bottom: 5%; */
    /* opacity: 0.6; */
    padding-top: 8%;
    /* background: rgba(106, 102, 101,0.5); */
}

#transbannerninetextmirror {
    margin: 0;
    color: white;
    font-size: 2.5rem;
    font-weight: bold;
    text-align: center;
    margin-top: -1%;
    white-space: nowrap;
}


#product
{
margin-left:37px;
text-align:left;
margin-bottom:2px;
}

#lasthead {
    font-size: 16px;
    color: #eb6020;
    margin-top: 4px;
}

	#smintbanner{
	margin-top:-3%;
	 width:100vw; 
	margin-left:calc(-51vw + 50%);
	
}
#boxdialogue{
	    border-radius: 0px;
	   }
#boxdialogueone{
	border-radius: 0px;
    padding: 13px;
}
#popuserdetails{
	
	color:red;
}


.btn-default {
	border:none;
	}
.working
{

margin-bottom:12%; 
margin-top:-20%;


text-align:center;
	
   font-family: 'Open Sans Regular';
    font-size: 25px;
    color:#f04c23;

}
#footerimg{
	width:100vw;
	margin-left:calc(-50vw + 49%);
	
}


#viewbutton {
    background-color: #e74423;
    padding-left: 18%;
    padding-right: 18%;
    padding-top: 10%;
    padding-bottom: 10%;
    font-size: 14px;
    border: none;
    /*  opacity: 0.6;  */
    color: white;
     width: 100% !important; 
    font-family: 'Open Sans Regular';
    background: rgba(231, 68, 35,0.5);
}
#viewbuttonkitchen {
    background-color: #e74423;
    padding-left: 18%;
    padding-right: 18%;
    padding-top: 22px;
    padding-bottom: 10%;
    font-size: 14px;
    margin-top:0px;
    border: none;
    /*  opacity: 0.6;  */
    color: white;
     width: 100% !important; 
    font-family: 'Open Sans Regular';
    background: rgba(231, 68, 35,0.5);
    margin-left: 1%;
}
#viewbutton1 {
    background-color: #e74423;
    padding-left: 5%;
    padding-right: 6%;
    padding-top: 2%;
    padding-bottom:2%;
    font-size: 14px;
    border: none;
   /*  opacity: 0.6; */
    color: white;
   /*  width:100% !important; */
  border-radius: 10px;
   font-family: 'Open Sans Regular';
   
}


#viewbuttondesign {
    background-color: #ee775f;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 1%;
    padding-bottom: 1%;
    font-size: 14px;
    border: none;
   /*  opacity: 0.6; */
    color: white;
    /* width: 102% !important; */
}


#popupimageSelect1Btn{
		background-color:#fc9767;	
	color:white;
	padding-top: 5px;
    padding-bottom: 5px;
    border:none;
   width:45%;
   border-radius:3px;
}
#popupimageSelect2Btn{
		background-color:#fc9767;	
	color:white;
	padding-top: 5px;
    padding-bottom: 5px;
    border:none;
   width:45%;
   border-radius:3px;
}

#popupimageSelect3Btn{
		background-color:#fc9767;	
	color:white;
	padding-top: 5px;
    padding-bottom: 5px;
    border:none;
   width:45%;
   border-radius:3px;
}
#imageSelect1Btn{
font-family: 'Open Sans Regular';
	    background-color: #fc9767;
    border-radius: 3px;
  /*   width: 97px; */
    color: #ffffff;
    letter-spacing: 0px;
    font-weight: 100;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 14px;
    border:none;
   width:45%;
   padding-top: 6px;
    padding-bottom: 6px;
}


#imageSelect2Btn{
font-family: 'Open Sans Regular';
	    background-color: #fc9767;
    border-radius: 3px;
  /*   width: 97px; */
    color: #ffffff;
    letter-spacing: 0px;
    font-weight: 100;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 14px;
    border:none;
   width:45%;
   padding-top: 6px;
    padding-bottom: 6px;
	
}


#imageSelect3Btn{
font-family: 'Open Sans Regular';
	    background-color: #fc9767;
    border-radius: 3px;
  /*   width: 97px; */
    color: #ffffff;
    letter-spacing: 0px;
    font-weight: 100;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 14px;
    border:none;
   width:45%;
   padding-top: 6px;
    padding-bottom: 6px;
}
input[type=file] + label {
display:inline-block;
margin:20px;
padding: 4px 32px;
background-color:#fc9767;
	color:white;	
}


#Catstyleone {
    margin-bottom: 1%;
    margin-top: 1%;
    margin-left: 13.5%;
    margin-right: 13.5%;
    border-bottom: 1px solid black;
    /* color: #5b5b5b; */

}


/*  index.........*/
/* 
#Catstyle{
	margin-top: -8px;
	margin-left: 39%;
	margin-right: 39%;
	border-bottom: 1px solid #080808;
	color:#5b5b5b;
} */
#plystyle{
	margin-top: -8px;
	margin-left: 36%;
	margin-right: 36%;
	border-bottom: 1px solid #080808;
	color:#5b5b5b;
}


.trackerHeader {
    background: #ee7b44;
    font-weight: normal;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
     font-family: 'Open Sans Regular';
}


.trackerbody {
   
    text-align: center;
    font-size: 12px;
     font-family: 'Open Sans Regular';
     vertical-align:middle !important;
}


 #trackhead11{
  background-color:#ee7b44;
 color:white;
 text-align: center;
 width:3%;
 padding-left: 1.5%;
 font-size: 14px;
 font-weight: 100;
 font-family: 'Open Sans Regular';
 }

 #trackhead{
 background-color:#ee7b44;
 color:white;
 text-align: center;
 font-size: 14px;
 font-weight: 100;
 font-family: 'Open Sans Regular';
 }
 
 #trackhead1{

 background-color:#ee7b44;
 color:white;
 text-align: center;
 font-size: 14px;
 font-weight: 100;
 font-family: 'Open Sans Regular';
 }

#subtableAlignment{
	
	background-color:#fff4e2;
	cursor: default;
	height: 50px;
    padding-top: 0px;
    vertical-align: middle;
}


#wcsmint{
margin-top:30%;
}
 	#maincontainersmint{
 	text-align: center;
  	width: 65%; 
  	margin-bottom:4%;
 	}
 	
 	
 	#maincontainersmintimg{
 	text-align: center;
 /* 	width:75%; */
 	margin-top: 3%;
 	}
	#howitworksimg{
		text-align: -webkit-center;
		text-align: -moz-center;   
		 margin-top:-6%;
		 }
     
     .img-wrapper {
  position: relative;
 }
 

                
    #bannertwotext{
            transform:translate(0%,265%);
     }
     #bannerthreetext{
            transform:translate(0%,139%);
     }
     #bannerfourtext{
            transform:translate(1%,231%);
     }
     #bannerfivetext{
            transform:translate(36%,69%);
     }
     #bannersixtext{
            transform:translate(9%,209%);
     }
     #bannerseventext{
            transform:translate(-2%,200%);
     }
      #bannereighttext{
            transform:translate(0%,361%);
     }
     
     #bannertwotextone{
            margin: 0;
            color:#ffffff;
  			font-size:2.5rem;
  			font-weight:bold;
/*   			white-space: nowrap; */
  	}
  	#bannertwotexttwo{
  	font-size: 2.2srem;
/*   	white-space: nowrap; */
  	margin: 0;
    color:#ffffff;
  	}
  	
  	#bannerthreetextone{
            margin: 0;
            color:#000000;
  			font-size:3.5rem;
  		
/*   			white-space: nowrap; */
  	}
  	#bannerthreetextone2{
            margin: 0;
            color:#ffffff;
  			font-size:1.8rem;
  			text-align:center;
  			vertical-align:middle;
  			transform:translate(0%,25%);
  		
  		
/*   			white-space: nowrap; */
  	}
  	#bannerfourtextone{
            margin: 0;
            color:#000000;
  			font-size: 2.5rem;
  			font-weight:bold;
/*   			white-space: nowrap; */
  	}
  	#bannerfivetextone{
            margin: 0;
            color:#ffffff;
  			font-size: 2.5rem;
  			text-align:left;
  		
  			
/*   			white-space: nowrap; */
  	}
  	#bannersixtextone{
            margin: 0;
            color:#ffffff;
  			font-size: 2.5rem;
  		
  			text-align:left;
/*   			white-space: nowrap; */
  	}
  	#bannerseventextone{
            margin: 0;
            color:#000000;
  			font-size: 2.5rem;
  			
  			text-align:center;
/*   			white-space: nowrap; */
  	}
  	#bannereighttextone{
            margin: 0;
            color:#ffffff;
  			font-size: 2.5rem;
  			font-weight:bold;
  			text-align:center;
/*   			white-space: nowrap; */
  	}
  	

#bannertwobtn{
                background-color: #eb6020;
                font-size: 1.5rem;
                color:#ffffff;
                border-radius: 16px;
                padding-right: 17px;
                padding-left: 17px;
                margin-top:16px;
                font-family:'Open Sans Regular';
               
 }
 #bannerthreebtn{
                background-color: #eb6020;
                font-size: 1.5rem;
                color:#ffffff;
                border-radius: 16px;
                padding-right: 17px;
                padding-left: 17px;
                font-family:'Open Sans Regular';
                margin-top:2rem;
/*                 margin-left:54px; */
 }
 
 
 #viewbuttondesignsmint{
    background-color: #ffffff;
    padding-left: 12%;
    padding-right: 12%;
    padding-top: 2.5%;
    padding-bottom: 2.5%;
    font-size: 15px;
    border: none;
    /* margin-left: 388px; */
    margin-right: -162px;
    margin-top: 13px;
    margin-bottom: 12px;
    border-radius: 5px;
    /* opacity: 0.6; */
    color: #000000;
    /* width: 102% !important; */
}
 
  #viewbuttondesignhassle{
    background-color: #ffffff;
    padding-left: 12%;
    padding-right: 12%;
    padding-top: 2.5%;
    padding-bottom: 2.5%;
    font-size: 15px;
    border: none;
    /* margin-left: 388px; */
    margin-right: -175px;
    margin-top: 13px;
    margin-bottom: 12px;
    border-radius: 5px;
    /* opacity: 0.6; */
    color: #000000;
    /* width: 102% !important; */
}
 
 
  #viewbuttondesignrethink{
    background-color: #ffffff;
    padding-left: 12%;
    padding-right: 12%;
    padding-top: 2.5%;
    padding-bottom: 2.5%;
    font-size: 15px;
    border: none;
    /* margin-left: 388px; */
    margin-right: -91px;
    margin-top: 13px;
    margin-bottom: 12px;
    border-radius: 5px;
    /* opacity: 0.6; */
    color: #000000;
    /* width: 102% !important; */
}
 
 
 #lastbutton{
width:100%;
margin-top:2%;
margin-bottom:-5%;
margin-left:0px;
background-color:#eb6020;
}
 
 #viewbuttondesignfree{
    background-color: #ffffff;
    padding-left: 12%;
    padding-right: 12%;
    padding-top: 2.5%;
    padding-bottom: 2.5%;
    font-size: 15px;
    border: none;
    /* margin-left: 388px; */
    margin-right: -400px;
    margin-top: 13px;
    margin-bottom: 12px;
    border-radius: 5px;
    /* opacity: 0.6; */
    color: #000000;
    /* width: 102% !important; */
}

	#headingsmint
		{
	background-color:#eb6020;
	 color:#ffffff;
	 margin-left:-15px;
	 margin-right:223px;
	 margin-top:21px;
	 margin-bottom:2px;
	 font-size:16px;
	 }
	 #headingsmintone
		{
	 background-color:#eb6020;
	 color:#ffffff;
	 margin-left:-15px;
	 margin-right:202px;
	 margin-top:21px;
	 margin-bottom:2px;
	 font-size:16px;
	 }
	 
	  #headingsminttwo
		{
	background-color:#eb6020;
	 color:#ffffff;
	 margin-left:-135px;
	 margin-right:223px;
	 margin-top:21px;
	 margin-bottom:2px;
	 font-size:16px;
	 }
	 



#testinomial{
    border: 1px solid transparent;
    background-color: #ee775f;
    border-radius: 8px;
    height: 166px;
    margin-right:0px;
    margin-left:0px;
    padding-right:5px;
    padding-left:5px;
}

#quote-carousel {
    padding: 0 10px 30px 10px;
    margin-top: 60px;
}
#quote-carousel .carousel-control {

    background: none;
    color: #CACACA;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 50px;
     margin-left:36px;
    margin-right:41px;
}
#quote-carousel .carousel-indicators {
    position: relative;
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-top: 50px;
    margin-right: -19px;
}
#quote-carousel .carousel-indicators li {
    width: 50px;
    height: 50px;
    cursor: pointer;
    border: 1px solid #ccc;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    opacity: 0.4;
    overflow: hidden;
    transition: all .4s ease-in;
    vertical-align: middle;
}
#quote-carousel .carousel-indicators .active {
    width: 128px;
    height: 128px;
    opacity: 1;
    transition: all .2s;
}
.item blockquote {
    border-left: none;
    margin: 0;
}
.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}

/* html {
    width: 100%;
    height: 100%;
}
body {
    width: 100%;
    height: 100%;
} */

#mainbanner{
	/* position: relative;
    max-width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    overflow: hidden; */
	background-size: cover;
   	height: 100vh; 
}

.btn-default:focus {
    color: #333;
    background-color: white;
}

.btn-default:hover {
    color: #333;
    background-color: white;
    
    }
    
  #fiveimgaelist{
 	padding-bottom:3%;
	/* width:19.999999992%;  */
 	
}  
#Catstyle {
    margin-top: 76px;
       margin-left: -11.5%;
    margin-right: -5%;
    border-bottom: 1px solid #eb6020;
    /* color: #5b5b5b; */
}
#Catstyleone {
    margin-bottom: 1%;
    margin-top: 1%;
    margin-left: 13.5%;
    margin-right: 13.5%;
    border-bottom: 1px solid black;
    /* color: #5b5b5b; */

}
#Catstyleone1{
    margin-bottom: 1%;
    margin-top: 1%;
    margin-left: 13.5%;
    margin-right: 13.5%;
    border-bottom: 1px solid white;
    /* color: #5b5b5b; */

}

#Catstyle2 {
    margin-top: 76px;
    margin-left: -14.5%;
    margin-right: 39%;
    border-bottom: 1px solid #eb6020;
    /* color: #5b5b5b; */
}
#Catstyle1{
    margin-top: 76px;
       margin-left:30.5%;
    margin-right:-14%;
    border-bottom: 1px solid #eb6020;
    /* color: #5b5b5b; */
}

.vl {
    border-left: 1px solid #eb6020;
    height: 153.5px;
    position: absolute;
    margin-top: -74px;
    margin-left: 73.3%;
}
#verticalline {
    border-left: 1px solid #eb6020;
    height: 197px;
    position: absolute;
    margin-top: -149px;
    margin-left: 24.8%;
}

#middleimage{
text-align: -webkit-center;

}

#imagelist{
font-size:14px;
/* padding-left: 11%; */
/* text-align:justify; */
  font-family: 'Open Sans Regular';
  line-height: 1.6;
  text-align: center;
}
#imagelist1{
font-size:14px;
/* padding-left: 11%;
text-align:justify; */
 line-height: 1.6;
 text-align: center;
}

#imagelist2{
font-size:14px;
/* padding-left: 17%;
text-align:justify; */
 line-height: 1.6;
text-align: center;
}


 
 
 
 /* index.......... */



 #urlimagesone {
    background-image: url(../images/quoteimage.jpg);
    margin-top: 5%;
    background-repeat: no-repeat;
    height: 219px !important;
    background-size: cover;
}

 #urlimages{
	background-image: url('../images/Footer.jpg');
	margin-top:5%;
	    background-repeat: no-repeat;
	background-size: cover;
	    height: 219px !important;
} 

@media (min-width:1000px) and (max-width:1280px){
	 #urlimages {
    background-image: url(../images/Footer.jpg);
    margin-top: 5%;
    background-repeat: no-repeat;
    height: 219px !important;
     background-size: auto; 
}
#smintbanner{
	margin-top:-3%;
	width:auto;
	margin-left:calc(-51vw + 50%);
}	
#footerimg{
	width:auto;
	margin-left:calc(-50vw + 50%);
	
}
}
/*Headder style  */
.portfolio-item {
  margin-bottom: 30px;
}

.navbar-header{
height: 84px;
/* padding-top: 42px;	 */
}

/* #verifybutton{
	
	    width: 65%;
}
 */
#topnavbar{
    background-color: #ffffff;
    border-bottom: none;
    padding-top: 1%;
    padding-bottom: .5%;
    
}

#detailsimg {
    width: 655px;
    height: 400px;
    text-align: center;
}

 

#facebookid{
	
    padding-right: 79px;
    padding-bottom: 7px;
    cursor: pointer;
}
	
#imagedescid{
	width:60%;
}


.extra_img {
    width: 125px;
    height: 80px;
    padding: 8px;
    /* background: #006D91; */
    color: #ffffff;
    /* font-size: 16px; */
    text-align: center;
    cursor: pointer;
}

.camera_icon {
    border: 1px solid lightgray;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    padding: 8px;
    background: #979595;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
}


/*  #urlimages {
    background-image: url(../images/Footer.jpg);
    margin-top: 5%;
    background-repeat: no-repeat;
    height: 219px !important;
    background-size: cover;
}
 */
/* loading symbol */

#loading{
	/* z-index:100;
	  position: fixed;
	  top: 50%; 
	  left: 48%; */
	/*   right:50%; */
	
	z-index:100;
	 position: fixed;
	 margin: 0;
    top: 50%;
    left: 50%;
   /*  margin-right: -50%; */

	  }
	  
  @-moz-keyframes spinner-loader {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spinner-loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner-loader {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* :not(:required) hides this rule from IE9 and below */
.spinner-loader:not(:required) {
  -moz-animation: spinner-loader 1500ms infinite linear;
  -webkit-animation: spinner-loader 1500ms infinite linear;
  animation: spinner-loader 1500ms infinite linear;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
  -moz-box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0;
  -webkit-box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0;
  display: inline-block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin: 1.5em;
  overflow: hidden;
  text-indent: 100%;
}

@-moz-keyframes refreshing-loader {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes refreshing-loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes refreshing-loader {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* :not(:required) hides this rule from IE9 and below */
.refreshing-loader:not(:required) {
  -moz-animation: refreshing-loader 1000ms infinite linear;
  -webkit-animation: refreshing-loader 1000ms infinite linear;
  animation: refreshing-loader 1000ms infinite linear;
  -moz-border-radius: 2.4em;
  -webkit-border-radius: 2.4em;
  border-radius: 2.4em;
  border: 0.4em solid #9ac;
  border-left-color: transparent;
  color: transparent;
  display: inline-block;
  font-size: 10px;
  line-height: 1.2;
  width: 3em;
  height: 3em;
  text-indent: 100%;
}
.refreshing-loader:not(:required):after {
  display: block;
  border: 0.5em solid transparent;
  border-top-color: #9ac;
  border-left-color: #9ac;
  content: '';
  width: 0;
  height: 0;
  overflow: hidden;
  margin-left: -0.2em;
  margin-top: 1em;
}

@-moz-keyframes throbber-loader {
  0% {
    background: #dde2e7;
  }
  10% {
    background: #6b9dc8;
  }
  40% {
    background: #dde2e7;
  }
}
@-webkit-keyframes throbber-loader {
  0% {
    background: #dde2e7;
  }
  10% {
    background: #6b9dc8;
  }
  40% {
    background: #dde2e7;
  }
}
@keyframes throbber-loader {
  0% {
    background: #dde2e7;
  }
  10% {
    background: #6b9dc8;
  }
  40% {
    background: #dde2e7;
  }
}	  
	
	
#paraheight{
	line-height: 1.6;
}
   
	     
 .navbar-form .form-control {
    display: flex !important;
 }
	
	

/*HEADER STYLES  */

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: white !important;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #eb6020;
    text-decoration: none;
    background-color: white;
}

#navvaroptionsmob {
    font-family: 'Roboto Light';
    color: #5b5b5b;
    font-size: 14px;
    /* border-right: 1px solid; */
    /* border-radius: 4px; */
     line-height: 20px;
    cursor: pointer;
}

#dLabel {
    font-size: 16px;
}


#img1count {
	color: orangered;
	font-family:'Roboto Light';
	font-size:11px;
	font-weight:bold; 
}

#img2count {
	color: white;
	font-family:'Roboto Light';
	font-size:11px;
	font-weight:bold; 
}
#signincss{
    background-color: #e74423;
    color: white;

}
#navhead{
margin-left:28.5%;
margin-top:-48px;
}

#dropbutton hover {

background-color: #fff !important;

}

#dropbutton.active.focus, #dropbutton.active:focus, #dropbutton.active:hover, #dropbutton:active.focus, #dropbutton:active:focus, #dropbutton:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle #dropbutton:hover {
    color: #333;
    background-color: #fff;
    border-color: #fff;
    }
    
    #dropbutton.active, #dropbutton:active, .open>.dropdown-toggle#dropbutton {
        background-color: #fff;
    border-color: #fff;
    }

 label.error{  
  font-size: 10px !important;
    position: initial;
    color: red !important;
}

#userdetails{
text-align: center;
   /*  padding-top: 8%; */
   color:red;
}

#conuserdetails{
text-align: left;
   
}

.detailsmatid{
	margin-top:5%;
	}
	

#Intro {
    padding-top: 0.3%;
    padding-bottom: 0.3%;
    width: -5%;
    margin-left: 0%;
    margin-right: 1.5%;
    float: right;
    display: table;
    padding-right: 17px;
    padding-left: 5px;
}

#beforeIntro {
    padding-top: 0%;
    padding-bottom: 0%;
    width: 32%;
    margin-left: -1%;
    float: right;
    display: table;
    margin-right: 1%;
    padding-left: 8px;
    padding-right: 18px;
}

.btn-primary {
    color: black! important;;
    background-color: white! important;
     border-color:white! important;
}

.open>.dropdown-toggle.btn-primary {
    color: #black;
    background-color: white;
    border-color: white;
}

.navbar-inverse {
    background-color: white;
    border-color: white;
}

.navbar-inverse .navbar-toggle .icon-bar {
background-color:#979595;
}

	
	#proname{
	height:97px;
	}

#fsModal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

#mobmodal {
  position: fixed;
  margin: 0;
  width: 100%;
  height: 100%;
  padding: 0;
}
#mobcontent {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  border-radius: 0;
  box-shadow: none;
}

#mobheader {
  background-color: #0f3b4d ;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 50px;
  padding: 10px;
  background: #6598d9;
  border: 0;
}

#mobtitle {
  font-weight: 300;
  font-size: 19px;
  color: #fff;
  line-height: 30px;
}

#mobbody {
  position: absolute;
  top: 70px;
  bottom: 60px;
  width: 100%;
  font-weight: 300;
  overflow: auto;
}

 #phoneicon{
 color:#eb6020;
 font-size:16px;
 text-decoration:none;
 font-weight:bold;
    margin-left: -13%;
 }
 
  #phoneiconhome{
 color:#eb6020;
 font-size:16px;
 text-decoration:none;
 font-weight:bold;
   
 }
 
 #prevButton{
 font-size: 28px;
 
 }
 
 #btnDel{
width:10%;
}
 
 #phoneiconmob{
  color:#eb6020;
 font-size:14px;
 text-decoration:none;
 font-weight:bold;
/*  margin-left:15%; */
 }

.anchor {
    display: block;
    height: 82px;
/*     margin-top: -50px; */
    visibility: hidden;
}


/* .centered{
    position: absolute;
    bottom: 42%;
    right: 20px;
    background-color: black;
    color: white;
    padding-left: 20px;
    padding-right: 20px;
    position: absolute;
    top: 50%;
    transform: translate(98.5%, -50%);
    left: 50%;
    
} */

.img-overlay {
    position: absolute;
    top: 83%;
    bottom: 0;
    left: 83.8%;
  /*   right: 0;
    text-align: left; */
    width:16%;
}

.img-overlayone {
    position: absolute;
    top: 84px;
    bottom: 0;
    left: 7.3%;
    /* right: 0; */
    text-align: left;
}

.img-overlay:before {
  content: ' ';
  display: block;
  /* adjust 'height' to position overlay content vertically */
  height: 50%;
}

#serviceid{

    margin-top: -3%;
    margin-bottom: 2%;
	
}

#productsection{
	text-align:center;
	margin-top: 1%;
	}
	
	#okbutton{
	    width: 15%;
	}
	#addid{
	width:56%;
	background-color:#fc9767;
	color:white;
	border-radius: 3px;
	}
	
	
	#imagedesc{
	width:680px;
}

#imagethick{
	width:60%;
}
#imagedimen{
	width:60%;
}

#maincat{
    top: 0.2em;
    opacity: 1;
    font-weight: 100! important;
    font-size: 14px;
}

#dropbutton{
	
	 font-family: 'Open Sans Regular';
}

#modalgroupid{
	width:80%;
	text-align:left;
}
	
#brandrow{
	
	margin-top: 2%;
	
}	

/* 	
html {
    font-family:Roboto Light !important;
} */

   @media (min-width: 1024px){
    .navbar{
        position: relative; /* Important if the navbar isn't the default 100% of the screen width */
    }
.navbar-form
{
	margin-bottom: 44px;
}
    .navbar-form.navbar-left{
        position: absolute;
        right: 0;
        top: 100%;
    }
    

}

#thicknessmat{
text-align:center;
font-family:Open Sans Regular;
font-size: 14px;
font-weight:bold;
}
#dimensionmat{
text-align:left;
font-family:Open Sans Regular;
font-size: 14px;
 font-weight:bold; 
}
#dimensionmatdesc{
text-align:center;
font-family:Open Sans Regular;
font-size: 14px;
/*  font-weight:bold; */ 
}
#matdimen{
	text-align:center;
	font-family:Open Sans Regular;
	font-size: 14px;
}
#matthick{
	text-align:center;
	font-family:Open Sans Regular;
	font-size: 14px;
}
#qutsts{
width:42%;
text-align: left;
}
#ordernum{
	width:40%;
text-align: left;
}
#quobutton{
	width:160%;
	height:35px;
	color:white;
	background-color:#fc9767;
	border: none;
	font-size:16px;
}
@media (max-width: 768px){
	

	
	#quobutton{
	width:166%;
	height:35px;
	color:white;
	background-color:#ee7b44;
	border: none;
	font-size:16px;
}
	
	#ordernum{
	width:48%;
text-align: left;
}
	
	#qutsts{
width:60%;
text-align: left;
}
	
	
	#dimid{
	width:53%;
	}
	
	#matdimen{
	text-align:center;
	font-family:Open Sans Regular;
	font-size: 12px;
	margin-left:-28%;
}
#matthick{
	text-align:center;
	font-family:Open Sans Regular;
	font-size: 12px;
}
	#imagedescid{
	width:100%;
}
	
	
	#detailsimg {
    width: 655px;
    height: 200px;
    text-align: center;
}
	#mobdLabel{
	color:#eb6020;
	}
	
	.navbar-inverse .navbar-toggle {
     border-color: white! important;
}

.working
{

margin-bottom:12%; 
margin-top:-4%;

}
	
	#maincat{
    top: 0.2em;
    opacity: 1;
    font-weight: 100! important;
    font-size: 12px;
}
	
	
	#proname{
	height:47px;
	}
	

	#beforeordercartpop{
	width: 12%;
	    text-align: right;
	}
	
	#facebookid {
    padding-right: 232px;
  /*   padding-top: -9px; */
    cursor: pointer;
}
	
	#btnDel{
width:25%;
}
	
	
	#navvaroptionsmob {
    font-family: 'Open Sans Regular';
    color: #5b5b5b;
    font-size: 14px;
    /* border-right: 1px solid; */
    /* border-radius: 4px; */
     line-height: 20px;
    cursor: pointer;
    text-align:left;
}
	
	
	
.navbar-collapse{
	background-color: #ffffff;
}
}

@media (max-width: 320px){
.navbar-nav{
	margin:10px;
}
}

@media (max-width: 768px){
img.imgsize{
	width: 100%;
    background-position: center;
    background-size: cover;
}
}

@media(max-width:320px){
	#mainconatiner.container{
	 width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
	}
}

@media(max-width:320px)
.tcb-testimonial-carousel{
	width:100%;
}


.carousel-control.left, .carousel-control.right {
    background-image: none !important;
    filter: none !important;
    color: #ff8240;
    font-size: 3.0em;
    bottom: 28%;
}

@media(max-width:768px){
	
	#imagedesc{
	width:auto;
}

#imagethick{
	width:auto;
	    text-align: left;
}
#imagedimen{
	width:auto;
}
	
	.detailsmatid{
	margin-top:12%;
	}
	
	#addid{
	width:34%;
	border-radius: 3px;
	    margin-left: -48%;
	} 
	
	#okbutton{
	    width: 23%;
	}
	
	#viewbutton {
    background-color: #e74423;
    padding-left: 5%;
    padding-right: 7%;
    padding-top: 5%;
    padding-bottom: 5%;
    font-size: 11px;
    border: none;
    opacity: 0.6;
    color: white;
    width:73%;
}
	 	#urlimages {
    background-image: url(../images/Footer.jpg);
    margin-top: 5%;
    background-repeat: no-repeat;
    height: 293px !important;
    background-size: cover;
}
	
 
	
	#productsection{
	text-align:center;
	margin-top: 12%;
	}
	
	
	
	
	/* index modular kicthen section  */
	
	
	.img-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 64%;
    right: 0;
    text-align: left;
}

#viewbutton {
    background-color: #e74423;
    padding-left: 5%;
    padding-right: 7%;
    padding-top: 5%;
    padding-bottom: 5%;
    font-size: 10px;
    border: none;
    opacity: 0.6;
    color: white;
    margin-left:123%;
    margin-top:72px;
    
}




	/*end  */
	
	.carousel-control.left, .carousel-control.right {
    background-image: none !important;
    filter: none !important;
    color: #ff8240;
    font-size: 3.0em;
    bottom:60px;
}
	
}

#navvaroptions{
font-family: 'Open Sans Regular';
    color: #5b5b5b;
    font-size: 14px;
	/*border-right: 1px solid; */
    /* border-radius: 4px; */
    /* border-right-style: inset;
    position: relative; */
    line-height: 0px;
    cursor: pointer;
}
#cartbutton{
       background-color: #ffffff;
    border: 1px solid;
    border-spacing: 5px;
    margin-right: 9px;
    margin-left: 21px;
    box-shadow: 4px 4px 5px 0px #dbdbdb;
    border-radius: 0px;
    margin-top: -29px;
    height: 34px;
    text-align: center;
    vertical-align: middle;
}
#cartbutton:hover {
	background-color: #e9e9e9;
}
#cartbutton:active {
  background-color: #dedede;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}
#searchbtnstyl{
    background-color: #eb6020;
    box-shadow: 2px 2px 4px 0px #dbdbdb;
    border-radius: 0px;
}
#searchbtnstyl:hover {
	background-color: #d84c0c;
}
#searchbtnstyl:active {
  background-color: #d84c0c;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}
#navbarmobbtn{
    background-color: #e74423;
    box-shadow: 4px 3px 2px 0px #dbdbdb;
}
#hrstyle {
    margin-top: -12px;
    margin-left: 31%;
    margin-right: 31%;
}

#Catstyle{
	margin-top: -8px;
	margin-left: 39%;
	margin-right: 39%;
	border-bottom: 1px solid #080808;
	color:#5b5b5b;
}
#plystyle{
	margin-top: -8px;
	margin-left: 36%;
	margin-right: 36%;
	border-bottom: 1px solid #080808;
	color:#5b5b5b;
}
@media(max-width:425px){
	#Catstyle{
	margin-top: -8px;
    margin-left: 23%;
    margin-right: 23%;
    border-bottom: 1px solid #080808;
    color: #5b5b5b;
	}
}

/* End of Headder style  */


/*Body Style*/


/* side bar slide */
.sidenavm {
    width:0px;
        margin-top: -3%;
    z-index: 1;
    position: absolute;
    left: 0;
    background-color: #e74423;
    overflow-x: hidden;
    transition: 0.5s;
    padding-bottom: 7%;
    padding-top: 2%;
    font-family:Roboto Light;
}

.sidenavm a {
       padding: 42px 8px 8px 0px;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    color: #ffffff;
    display: block;
    transition: 0.3s;
}

.sidenavm a:hover {
    color: #f1f1f1;
}

.sidenavm .closebtn {
       position: absolute;
    top: -55px;
    right: -2px;
    font-size: 38px;
}
.sidenav {
    
width:0px;
    margin-top:-3%;
    z-index: 1;
      position: absolute;
    left: 0;
    background-color:#e74423;
    overflow-x: hidden;
    transition: 0.5s;
   padding-bottom: 2%;
    padding-top: 2%;
    font-family:Roboto Light;
}

.sidenav a {
     padding: 42px 8px 8px 0px;
     text-align:center;
    text-decoration: none;
    font-size: 12px;
    color:#ffffff;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover {
    color: #f1f1f1;
}

.sidenav .closebtn {
      position: absolute;
    top: -55px;
    right: -2px;
    font-size: 38px;
}



.sidenavp {
    width:0;
    margin-top: -3%;
    z-index: 1;
        height: 87%;
    position: absolute;
    left: 0;
    background-color: #e74423;
    overflow-x: hidden;
    transition: 0.5s;
/*     padding-bottom: 7%; */
    padding-top: 2%;
    font-family:Roboto Light;
}

.sidenavp a {
     padding: 42px 8px 8px 0px;
     text-align:center;
    text-decoration: none;
    font-size: 12px;
    color:#ffffff;
    display: block;
    transition: 0.3s;
        margin-top: 14%;
}

.sidenavp a:hover {
    color: #f1f1f1;
}

.sidenavp .closebtn {
      position: absolute;
    top: -82px;
    right: -2px;
    font-size: 38px;
}


#projectnaservbtn{
    border-radius: 0px;
    background:#e74423;
    color:white;
    font-family:Roboto Light;
    width:400px;
    margin-bottom:1%;
}
@media(max-width:320px){
	#projectnaservbtn{
	    border-radius: 0px;
    background: #e74423;
    color: white;
    font-family:Roboto Light;
    width: 280px;
    margin-bottom: 1%;
    font-size: 12px;
	}
}

.wrapper{
	text-align:center;
}



/* Testimonial css */

#note
{
	
	color: white;
    letter-spacing: 8px;
	 margin-top:3%;
    text-align: center;
    font-family:Roboto Light;
    padding-bottom: 3px;
    font-size:20px;
}

@media(max-width:768px){
	
	
	
	
	#note{
	
	color: white;
    letter-spacing: 3px; 
    margin-top: 3%;
    text-align: center;
    font-family:Roboto Light;
    padding-bottom: 3px;
    font-size: 14px;
}
}




@media(max-width:760px){
#hrstyle {
    margin-top: -12px;
    margin-left: 14%;
    margin-right: 14%;
}
}
@media(max-width:320px){
	#hrstyle {
    margin-top: -12px;
    margin-left: 3%;
    margin-right: 3%;
}
}




/* @media(max-width:760px){
	#urlimages{
	background-image:none;
	}
} */
/*Client Slider  */

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
   
     vertical-align: middle;
}
#dLabel{
	font-size:12px;
}
.glyphicon glyphicon-user{
	font-size:12px;
}
.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,

 .slick-slider .slick-list
{
	
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
} 

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
    opacity: 1;
    width: fit-content;
    transform: translate3d(0px, 0px, 0px)
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
    vertical-align: middle;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
/* .slick-vertical .slick-slide
{
    display: block;
   height: auto; 
    border: 1px solid transparent;
} */
.slick-arrow.slick-hidden {
    display: none;
} 

/*End Of Client Slider  */



/* slider */
@brand-color: #b20000;
#tcb-testimonial-carousel {
    a{
        color: @brand-color;
    }
    .text-brand{
        color: @brand-color;
    }
    margin-top: 30px;
    .carousel-indicators .active {
        background: @brand-color;
    }
    .no-margin{
        margin: 0;
    }
    .carousel-indicators li {
        border: 1px solid #ccc;
    }
    .carousel-control {
        color: @brand-color;
        width: 5%;
    }
    .carousel-control:hover,
    .carousel-control:focus {
        color: @brand-color;
    }
    .carousel-control.left,
    .carousel-control.right {
        background-image: none;
        
    }
    .item{
        padding: 15px 40px;
        background: #f8f8f8;
    }
    .media-object {
        margin: auto;
    }
    @media screen and (max-width: 768px) {
        .media-object {
            margin-bottom: 15px;
        }
    }
}

@media(max-width:320px){
	#tcb-testimonial-carousel{
	width:100%;
	}
	
}



/* Footer style */
#footerstyl{
  /*   padding-bottom: 3rem!important;
    padding-top: 3rem!important; */
    background-color: #fffffff;
    display: block;
        margin-top: 3%;
         /* margin-bottom:3%; */
}

#footertextstyl{
    
     font-family: 'Open Sans Regular';
    text-align: center!important;
    margin: 0;
    letter-spacing: 1px;
    word-spacing: 3px;
    font-size:14px;
    height:50px;
}

@brand-color: #b20000;
#tcb-testimonial-carousel {
    a{
        color: @brand-color;
    }
    .text-brand{
        color: @brand-color;
    }
    margin-top: 30px;
    .carousel-indicators .active {
        background: @brand-color;
    }
    .no-margin{
        margin: 0;
    }
    .carousel-indicators li {
        border: 1px solid #ccc;
    }
    .carousel-control {
        color: @brand-color;
        width: 5%;
    }
    .carousel-control:hover,
    .carousel-control:focus {
        color: @brand-color;
    }
    .carousel-control.left,
    .carousel-control.right {
        background-image: none;
    }
    .item{
        padding: 15px 40px;
        background: #f8f8f8;
    }
    .media-object {
        margin: auto;
    }
    @media screen and (max-width: 768px) {
        .media-object {
            margin-bottom: 15px;
        }
    }
}


@media(max-width:320px){
	#footertextstyl{
   
        font-family: 'Open Sans Regular';
    text-align: center!important;
    margin: 0;
    letter-spacing: 1px;
    word-spacing: 3px;
    font-size:10px;
}
	
}
/*End of footer style  */



/* Home page style */
/* Headding style using <h3> */
#headding{
    text-align: center;
        font-family: 'Open Sans Regular';
    /* border-bottom: 2px solid #212529 !important; */
    /* width: 31%; */
    font-size: 24px;
    color: #5b5b5b;
}
/* #horsintal{
	margin-left: 35%;
	margin-right: 35%;
	border-bottom: 1px solid #080808;
    margin-top: -2px;
} */
/* <h4> */
#imgtitle{
text-align: center;
    font-family: 'Open Sans Regular';
color: #5b5b5b;
font-weight: bolder;
font-size: 16px;
padding-top: 5px;
}
#toptitle{
        font-family: 'Open Sans Regular';
    background-color: #eb6020;
    text-align: center;
    /* letter-spacing: 12px; */
    color: #ffffff;
    margin-top: 0px;
    margin-bottom: 0;
    font-size: 22px;
    padding:5px;
}
@media(max-width:375px){
	#toptitle{
	    font-family: 'Open Sans Regular';
    background-color: #eb6020;
    text-align: center;
/*     letter-spacing: 12px; */
    color: #ffffff;
    margin-top: 0px;
    margin-bottom: 0;
    font-size: 14px;
	}
}
@media(max-width:425px){
	#toptitle{
	 font-family: 'Open Sans Regular';
    background-color: #eb6020;
    text-align: center;
/*     letter-spacing: 12px; */
    color: #ffffff;
    margin-top: 0px;
    margin-bottom: 0;
    font-size: 16px;
	}
}

#bodyheading
{
	text-align:center;
	margin-top: -3%;
      font-family: 'Open Sans Regular';
    font-size: 25px;
    color:#f04c23;
}
#bodyheading1
{
	text-align:center;
	 margin-top: -2%; 
      font-family: 'Open Sans Regular';
    font-size:25px;
    color:#f04c23;
    margin-bottom:-2%;
}

@media(max-width:320px){
	#bodyheading
{	    text-align: center;
    margin-top: -3%;
      font-family: 'Open Sans Regular';
    font-size: 25px;
    color:#e74423;;
	}
}
#description
{
	margin-top:5px;
	font-family: 'Open Sans Regular';
    color: #5b5b5b;
    font-size: 14px;
    margin-bottom: 2%;
    text-align:center;
	
}


.modal-title {
text-align: left;
    margin-left: 2%;
}

#imageuploadata{
	 /*    padding-left: 5%;
    padding-right: 5%; */
    margin-top: 3%;
}

#homedescription
{
	margin-top:5px;
	font-family: 'Open Sans Regular';
    color: #5b5b5b;
    font-size: 16px;
    margin-bottom: 15%;
    text-align:center;
	
}
#descrip{
margin-top: 5px;
   font-family: 'Open Sans Regular';
    color: #f04c23;
    font-size: 16px;
    margin-bottom: 15%;
    text-align: center;
}
#toptitlediv{
	background-color: #eb6020;
    padding-bottom: 3px;
    padding-top: 3px;
}

/* Blockcote before and after semicolen start */
#blockquotes{
	border-left: none;
}
#blockpara
{
	font-size:12px;
	font-family: 'Open Sans Regular';
	margin:0;
}
#names
{
	    color: white;
    text-align: right;
    margin-top: -5%;
    margin-right: 5%;
}




img-responsive
{
	margin:0 auto;
}

/*End of Blockcote before and after semicolen */

/* About us column*/
#aboutus{
	font-family: 'Open Sans Regular';
    font-size: 14px;
    
    background-color:#e74423;
    color:white;
    margin-top:4%;
    margin-bottom:5%;
   /*  opacity:0.6; */
}
@media(max-width:320px){
	#aboutus {
  font-family: 'Open Sans Regular';
    font-size: 10px;
    background-color: #e74423;
    color: white;
    margin-top: 10%;
    margin-bottom: 5%;
  /*   opacity: 0.6; */
}
}
/*End Of Home page style */



/*  Product page style  */
#imagetitlehead{
	font-size: 22px;
	margin-top: 14px;
    margin-bottom: 7px;
   font-family: 'Open Sans Regular';
}
#horsintaltextline{
    margin-left: 14%;
    margin-right: 14%;
    border-bottom: 1px solid #080808;
    margin-top: -2px;
}
#addtocart{
	font-family: 'Open Sans Regular';
	    background-color: #fc9767;
    border-radius: 3px;
    width: 100px;
    color: #ffffff;
    letter-spacing: 0px;
    font-weight: 100;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 14px;
     border:none; 
    /* 
     background-color: #eb6020;
    border-radius: 0px;
    width: 138px;
    color: #ffffff;
    letter-spacing: 2px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 15px; */
}

/* End of Product page style  */

#resize{
	
margin-left:14%;
margin-right:0;
	
}

#resizemat{
	
	margin:14%
	margin-right:0;
	
	
}


.clientsize{
	width:121px;
	
}

@media(max-width:768px){
	#imageuploadata{
	    padding-left: 0%;
    padding-right: 5%;
    margin-top: 3%;
}
	
	.col-xs-12{
	padding-top:3%;
	}
}

#mainStyle{
	width:80%;
}


@media(max-width:1024px){
#mainStyle{
width:100%;
}
}

#imgStyle{
	cursor:pointer;
	width:100%;
}



#styleimg
{
	    width: 80%;
}
@media(max-width:320px){
#styleimg
{
	    width: 100%;
}
	
}


@media(max-width:1024px){
	#imgStyle{
	cursor:pointer;
	width:100%;
}	
}


/* .centered{
    position: absolute;
    bottom: 42%;
    right: 20px;
    background-color: black;
    color: white;
    padding-left: 20px;
    padding-right: 20px;
    position: absolute;
    top: 50%;
    transform: translate(98.5%, -50%);
    left: 50%;
    
}

#viewbutton{
	background-color: #e74423;
   
       padding-left: 10%;
    padding-right: 10%;
    padding-top: 8%;
    padding-bottom: 8%;
    font-size: 20px;
    border: none;
    opacity: 0.6;
    color: white;
} */

@media(max-width:320px){
.bottom-right {
    position: absolute;
    right: 18px;
    bottom: 0px;
    color: white;
}
}

.text-line{
border-left:none;
border-right:none;
border-top:none;
border-bottom:1px solid black;
width:75%;
}
/* .form-control:focus{
border-color:black;
} */

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}


/* ::-webkit-input-placeholder {
color: black !important;
}

::-moz-placeholder {  Firefox 19+
color: black !important;  
} */


<!-- Contact Us -->
.contact_sidebar {
    box-shadow: 0 0 10px #ccc;
    margin-top: 30px;
}
.contact_address {
    padding: 15px;
}
.contact-btn {
    background-color: #fc9767;
 /*    border-color: #e05e20; */
    color: #ffffff;
    display: block;
    font-size: 18px;
 border-radius:5px;
    padding: 3px 30px;
}
.contact-btn:focus {
    background-color: #fc9767;
 /*    border-color: #e05e20; */
    color: #ffffff;
    display: block;
    font-size: 18px;
 border-radius:5px;
    padding: 3px 30px;
}

   .heading_title {
/*     background: rgb(0,110,142) none repeat scroll 0 0; */
    color: #fff;
    letter-spacing: 4px;
    margin: 0 !important;
    padding: 8px 0;
    text-align: center;
    font-size: 25px;
    font-weight: bold;
}

.loc {
    background: url(../images/loc-blk.png) no-repeat scroll 2px 3px;
    padding-left: 30px;
    color: #000 !important;
    font-size: 14px !important;
    text-align: left !important;
      font-family: 'Open Sans Regular';
}

.phn {
    background: rgba(0, 0, 0, 0) url(../images/Call.png) no-repeat scroll 2px 10px;
    padding-left: 30px;
    padding-top: 10px;
    color: #000 !important;
    font-size: 17px !important;
    font-size: 14px !important;
      font-family: 'Open Sans Regular';
        text-align: left;
}
.mail {
    background: rgba(0, 0, 0, 0) url(../images/Mail_black.png) no-repeat scroll 0 9px;
    color: #000;
    display: block;
    padding-left: 30px;
    padding-top: 10px;
    text-decoration: none !important;
    font-size: 14px !important;
     font-family: 'Open Sans Regular';
    text-align: left;
}

.mail:hover {
    background: url(../images/Mail_orange.png) no-repeat scroll 2px 9px;
    padding-left: 25px;
    color: rgb(242, 101, 32);
    display: block;
    padding-left: 30px;
    font-size: 14px !important;
      font-family: 'Open Sans Regular';
}
    
    .col-centered{
float: none;
margin: 0 auto;
display:inline-block;
}

#details{
margin-top:1%;
margin-bottom:5%;
width:100%
}

#aboutus{
font-family: 'Open Sans Regular';
    font-size: 14px;
    
    background-color:#e74423;
    color:white;
    margin-top:2%;
    margin-bottom:5%;
/*  opacity:0.6;  */
    padding-top:1%;
    background: rgba(231, 68, 35,0.5);
}

#afterlogin{
	
	margin-top:0.5%;
}


}

@media(max-width:768px){
	
	#detailsimg {
    width: 655px;
     height: 200px; 
    text-align: center;
    
}
	#aboutus{
font-family: 'Open Sans Regular';
    font-size: 14px;
    background-color:#e74423;
    color:white;
    margin-top:3.5%;
    margin-bottom:4.5%;
   /*  opacity:0.6; */
    padding-top:0%;
      background: rgba(231, 68, 35,0.5);
   }
	
	#details{
margin-top:1%;
margin-bottom:0px;
width:100%
}
}

#finalimage{
	width:100%;
	text-align: -webkit-center;
	text-align: -moz-center;
}


/* @media(max-width:320px){
#detailsimg{
	width: 250px;
	text-align:center;
}
	
} */
 
/*    #descriptionone */
/* { */
/* 	margin-top:5px; */
/* 	font-family: 'Roboto Light'; */
/*     color: #5b5b5b; */
/*     font-size: 16px; */
/*     text-align:center; */
	
/* }   */


@media (min-width: 768px){
#aboutus {
    font-family: 'Open Sans Regular';
    font-size: 14px;
    background-color: #e74423;
    color: white;
    margin-top: 2%;
    margin-bottom: 5%;
    /* opacity: 0.6; */
    padding-top: 1%;
    background: rgba(231, 68, 35,0.5);
}

#steptwo{
padding-left:0px;
}
}
@media (max-width: 768px){
	
	#viewbuttondesignsmint {
    background-color: #ffffff;
    padding-left: 12%;
    padding-right: 12%;
    padding-top: 2.5%;
    padding-bottom: 2.5%;
    font-size: 15px;
    border: none;
    /* margin-left: 388px; */
    margin-right: -129px;
    margin-top: 13px;
    margin-bottom: 12px;
    border-radius: 5px;
    /* opacity: 0.6; */
    color: #000000;
    /* width: 102% !important; */
}

#viewbuttondesignhassle {
    background-color: #ffffff;
    padding-left: 12%;
    padding-right: 12%;
    padding-top: 2.5%;
    padding-bottom: 2.5%;
    font-size: 15px;
    border: none;
    /* margin-left: 388px; */
    margin-right: -139px;
    margin-top: 13px;
    margin-bottom: 12px;
    border-radius: 5px;
    /* opacity: 0.6; */
    color: #000000;
    /* width: 102% !important; */
}
	
		
#viewbuttonkitchen {
    background-color: #e74423;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 14px;
    margin-top: 63px;
    margin-left: 2px;
    border: none;
    /* opacity: 0.6; */
    color: white;
    width: 220% !important;
    font-family: 'Open Sans Regular';
    background: rgba(231, 68, 35,0.5);
}

	 
	  #headingsminttwo
		{
	background-color:#eb6020;
	 color:#ffffff;
	  margin-left:0px;
	 margin-right:0px;
	 margin-top:21px; 
	 margin-bottom:2px;
	 font-size:16px;
	 }
	
	#headingsmint
		{
	background-color:#eb6020;
	 color:#ffffff;
	 margin-left:0px;
	  margin-right:0px;
	 margin-top:21px; 
	 margin-bottom:2px;
	 font-size:16px;
	 }
	
	 #headingsmintone
		{
	 background-color:#eb6020;
	 color:#ffffff;
	 margin-left:0px;
 	 margin-right:0px;
	 margin-top:21px;
 	 margin-bottom:2px;
	 font-size:16px;
	 }
	
	
	
	  #viewbuttondesignrethink{
    background-color: #ffffff;
    padding-left: 12%;
    padding-right: 12%;
    padding-top: 2.5%;
    padding-bottom: 2.5%;
    font-size: 15px;
    border: none;
    /* margin-left: 388px; */
    margin-right: -132px;
    margin-top: 13px;
    margin-bottom: 12px;
    border-radius: 5px;
    /* opacity: 0.6; */
    color: #000000;
    /* width: 102% !important; */
}
 
	
	 #lastbutton{
width:100%;
margin-top:2%;
margin-bottom:-5%;
 margin-left:-10px;
background-color:##eb6020;
}
	
	
 #viewbuttondesignfree{
    background-color: #ffffff;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 2.5%;
    padding-bottom: 2.5%;
    font-size: 15px;
    border: none;
    /* margin-left: 388px; */
    margin-right: -130px;
    margin-top: 13px;
    margin-bottom: 12px;
    border-radius: 5px;
    /* opacity: 0.6; */
    color: #000000;
    /* width: 102% !important; */
}

#testinomial{
    border: 1px solid transparent;
    background-color: #ee775f;
    border-radius: 8px;
    height: 194px;
   
}

#imagelist1{
font-size:14px;
 padding-left: 0%; 
text-align: justify;
}
#imagelist2{
font-size:14px;
 padding-left: 0%; 
text-align: justify;
}


 #fiveimgaelist{
 	padding-bottom:3%;
	width:100%; 
 	
}  
#imagelist{
font-size:14px;
text-align: justify;
}



#mainbanner{

    max-width: 100%;
    height: 100vh;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
 #Catstyle {
    margin-top: 35px;
    margin-left: -31.5%;
    margin-right: -31%;
    border-bottom: 1px solid #eb6020;
    /* color: #5b5b5b; */
}
 
#Catstyle1 {
    margin-top: 34px;
    margin-left: 29.5%;
    margin-right: -31%;
    border-bottom: 1px solid #eb6020;
    /* color: #5b5b5b; */
}

#verticalline {
    border-left: 1px solid #eb6020;
    height: 146px;
    position: absolute;
    margin-top: -123px;
    margin-left: 19.8%;
}
.vl {
    border-left: 1px solid #eb6020;
    height: 127.5px;
    position: absolute;
    margin-top: -91px;
    margin-left: 78.3%;
}

#Catstyle2 {
    margin-top: 35px;
    margin-left: -31.5%;
    margin-right: 54%;
    border-bottom: 1px solid #eb6020;
    /* color: #5b5b5b; */
}


#middleimage{
text-align: -webkit-center;
margin-left:-15px;
}

#testinomial {
    border: 1px solid transparent;
    background-color: #ee775f;
    border-radius: 8px;
    height: 237px;
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 5px;
    padding-left: 5px;
}

	#Catstyle{
	margin-top: -8px;
    margin-left: 23%;
    margin-right: 23%;
    border-bottom: 1px solid #080808;
    color: #5b5b5b;
	}
	            
   #bannertwotext{
            transform:translate(0%,190%);
     } 
     
     #maincontainersmint{
     width: 100%;
     margin-top: -18%;
     }
     
     #maincontainersmintimg{
     width:100%;
     }
     
     	#Catstyle{
	margin-top: -8px;
    margin-left: 23%;
    margin-right: 23%;
    border-bottom: 1px solid #080808;
    color: #5b5b5b;
	}
	            
   #bannerfivetext{
            transform:translate(0%,190%);
     } 

 #bannereighttext{
            transform:translate(0%,200%);
     } 
     
     #popupimageSelect1Btn {
    background-color: #fc9767;
    color: white;
    /* padding-top: 5px; */
    padding-bottom: 5px;
    border: none;
    width: 84%;
    margin-left: 30%;
}

#popupimageSelect2Btn {
    background-color: #fc9767;
    color: white;
    /* padding-top: 5px; */
    padding-bottom: 5px;
    border: none;
    width: 84%;
    margin-left: 30%;
}

#popupimageSelect3Btn {
    background-color: #fc9767;
    color: white;
    /* padding-top: 5px; */
    padding-bottom: 5px;
    border: none;
    width: 84%;
    margin-left: 30%;
}
#imageSelect1Btn{
    background-color:#fc9767;	
	color:white;
	padding-top: 5px;
    padding-bottom: 5px;
    border:none;
     width: 84%;
     margin-left: 30%;
}

#imageSelect2Btn{
    background-color:#fc9767;	
	color:white;
	padding-top: 5px;
    padding-bottom: 5px;
    border:none;
    width: 84%;
    margin-left: 30%;
}

#imageSelect3Btn{
	background-color:#fc9767;	
	color:white;
	padding-top: 5px;
    padding-bottom: 5px;
    border:none;
    width: 84%;
    margin-left: 30%;
}

#popupimageSelect1{
	    margin-left: -7%;
}
#popupimageSelect2{
	    margin-left: -7%;
}
#popupimageSelect3{
	    margin-left: -7%;
}
#imageSelect1{
	  margin-left: -7%;
}
#imageSelect2{
	  margin-left: -7%;
}
#imageSelect3{
	  margin-left: -7%;
}
#home
{
margin-left:-5px;
}
#order
{
margin-left:-44px;
}
#contact
{margin-left:-57px;
}
#contactus
{
margin-right:43px;
}

}


@media (min-width:1000px) and (max-width:1280px){

#smintbanner{
	margin-top:-3%;
	/* width:auto; */
	/* margin-left:calc(-51vw + 50%); */
}	

}
@media(max-width:768px){
	
	#transfontmirror {
    color: #eb6020;
    font-size: 50px;
    text-shadow: 1px 1px black;
}

	#offid {
    font-size: 30px;
    text-shadow: 1px 1px black;
    font-weight: 100;
}

#offfullid {
    font-size: 26px;
    color: white;
    font-weight: 100;
}

#offstartid {
    font-size: 18px;
    color: black;
    font-weight: 100;
}

#priceid {
    font-size: 34px;
    color: white;
    text-shadow: 1px 1px black;
}


	
#transfont {
    color: #eb6020;
    font-size: 50px;
    text-shadow: 1px 1px black;
}

#transbannerninetext {
    transform: translate(0%,20.5%);
    padding-left: 0px;
    padding-right: 0px;
}


.imgoverlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 69%;
    right: 0;
    text-align: left;
}
#viewbuttonmodular {
    background-color: #e74423;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
    margin-top: 189px;
    border: none;
    /* opacity: 0.6; */
    color: white;
    width: 100% !important;
    font-family: 'Open Sans Regular';
    background: rgba(231, 68, 35,0.5);
    margin-left: -16%;
}
#offservicecontentid {
	text-align: center;
    padding-left: 0%;
    color: white;
    font-size: 25px;
    text-shadow: 1px 1px black;
    font-weight: 100;
    padding-top: 0px;
    line-height: 1.6;
}
.top-phoneproduct {
    background-color: #eb6020;
    border-radius: 7px;
    color: #fff;
    font-size: 23px;
    padding: 2px 9px 2px 9px;
}
#offproductid {
    font-size: 23px;
    text-shadow: 1px 1px black;
    font-weight: 100;
}

#offcolorproductid {
    font-size: 26px;
    color: white;
    text-shadow: 1px 1px black;
    font-weight: 700;
    color: #eb6020;
}
#aboutus {
    font-family: 'Open Sans Regular';
    font-size: 14px;
    background-color: #e74423;
    color: white;
    margin-top: 0%;
    margin-bottom: 5%;
    /* opacity: 0.6; */
    padding-top: 1%;
    background: rgba(231, 68, 35,0.5);
}
#lasthead {
    font-size: 14px;
    color: #eb6020;
    margin-top: 4px;
}
#offmodularidplywood {
    color: #eb6020;
    font-size: 30px;
    text-shadow: 1px 1px black;
      font-weight: 900;
}

#offplywoodtextid {
    font-size: 21px;
    text-shadow: 1px 1px black;
    font-weight: 100;
}

#plywoodprice{
	
	font-size:28px;
}
#priceidplywood{
font-size:33px;
color:white;
text-shadow: 1px 1px black;

}
#plywoodpriceid {
    font-size: 37px;
    color: white;
    text-shadow: 1px 1px black;
}

#offplywoodprice {
    font-size: 27px;
    color: white;
    text-shadow: 1px 1px black;
    font-weight: 500;
}



#plywoodid {
   border: 1px solid white;
    margin-left: 6%;
    margin-right: 6%;
}

#sqid{
text-shadow: 1px 1px black;
font-size:20px;
font-weight:100;
	
}

}

#popafterlogin{
	
	text-align: left !important;
    margin-left: 10px;
}


.readmorebtn{
	
	
	text-align:justify;font-family:Open Sans Regular;font-size: 14px;cursor:pointer;color: red;
}



@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 400;
   src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v68/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDCvHOej.woff2) format('woff2');
 } 

 .material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 35px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  color:black;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
} 




 @media screen and (min-width: 600px){ 
 
   #mobileVersion {
 display:none;
 }   
#myBtnCall {
    display: block;
    position: fixed !important;
    bottom: 128px;
    right: 22px;
    z-index: 101;
   /*  font-size: 50px; */
    border: none;
    /* outline: none; */
     background-color: white; 
    color: black; 
    cursor: pointer;
  padding-left: 4px;
    padding-top: 0px;
    /* opacity: 0.4; */
    border-radius: 12px;
    /* padding-left: 8px; */
    /* padding-right: 10px; */
    width: 125px;
    height: 39px;
}

#myBtnMessage {
    display: block;
    position: fixed !important;
    bottom: 80px;
    right: 22px;
    z-index: 101;
   /*  font-size: 50px; */
    border: none;
    /* outline: none; */
     background-color: white; 
    color: black; 
    cursor: pointer;
  padding-left: 6px;
    padding-top: 0px;
    /* opacity: 0.4; */
    border-radius: 12px;
    /* padding-left: 8px; */
    /* padding-right: 10px; */
    width: 125px;
    height: 39px;
}
#myBtnWattsapp {
    display: block;
    position: fixed !important;
    bottom: 32px;
    right: 22px;
    z-index: 101;
   /*  font-size: 50px; */
    border: none;
    /* outline: none; */
     background-color: white; 
    color: black; 
    cursor: pointer;
  padding-left: 6px;
    padding-top: 0px;
    /* opacity: 0.4; */
    border-radius: 12px;
    /* padding-left: 8px; */
    /* padding-right: 10px; */
    width: 125px;
    height: 39px;
}
.phoneIcon{
	font-size:25px;
	color:darkgreen;
	margin-top:8px;
}
.phoneText{
	/* padding-left:10px; */
	padding-top:6px;
	padding-bottom:10px;
	font-size:16px;
	color:black;
}
.messageIcon{
	font-size:25px;
	color:darkgreen;
	margin-top:16px;
}
.messageText{
	padding-left:4px;
	padding-top:15px;
	padding-bottom:10px;
	font-size:16px;
	color:black;
}
.wattsappIcon{
	font-size:25px;
	color:darkgreen
}
.wattsappText{
	padding-left:9px;
	padding-top:15px;
	padding-bottom:10px;
	font-size:16px;
	color:black;
}
.tablewhatsapp{
	width:100%;
	margin-top:-7px;
}
.tablemessage{
width:100%;
	margin-top:-7px;	
}
}


@media screen and (max-width: 600px){ 
 
   #webVersion {
 display:none;
 }   
#myBtnCall {
    display: block;
    position: fixed !important;
    bottom: 0px;
    right: 67%;
    z-index: 101;
   /*  font-size: 50px; */
    border: none;
    /* outline: none; */
     background-color: white; 
    color: black; 
    cursor: pointer;
  /* padding-left: 6px; */
    padding-top: 0px;
    /* opacity: 0.4; */
   /*  border-radius: 12px; */
    /* padding-left: 8px; */
    /* padding-right: 10px; */
    width: 33.5%;
    height: 70px;
}

#myBtnMessage {
    display: block;
    position: fixed !important;
    bottom:0px;
    right:33.5%;
    z-index: 101;
   /*  font-size: 50px; */
    border: none;
    /* outline: none; */
     background-color: white; 
    color: black; 
    cursor: pointer;
  /* padding-left: 6px; */
    padding-top: 0px;
    /* opacity: 0.4; */
   /*  border-radius: 12px; */
    /* padding-left: 8px; */
    /* padding-right: 10px; */
    width: 33.5%;
    height: 70px;
}
#myBtnWattsapp {
    display: block;
    position: fixed !important;
    bottom: 0px;
    right: 0px;
    z-index: 101;
   /*  font-size: 50px; */
    border: none;
    /* outline: none; */
     background-color: white; 
    color: black; 
    cursor: pointer;
  padding-left: 6px;
    padding-top: 0px;
    /* opacity: 0.4; */
    /* border-radius: 12px; */
    /* padding-left: 8px; */
    /* padding-right: 10px; */
    width: 33.5%;
    height: 70px;
}
.phoneIcon{
	font-size:27px;
	color:darkgreen;
	padding-left:10px;
}
.phoneText{
	/* padding-left:10px; */
	padding-top:2px;
	padding-bottom:10px;
	font-size:16px;
	color:black;
}
.messageIcon{
	font-size:25px;
	color:darkgreen;
	padding-left:20px;
}
.messageText{
	padding-left:0px;
	padding-top:2px;
	padding-bottom:10px;
	font-size:16px;
	color:black;
}
.wattsappIcon{
	font-size:23px;
	color:darkgreen;
	padding-left:25px;
}
.wattsappText{
	padding-left:0px;
	padding-top:2px;
	padding-bottom:10px;
	font-size:16px;
	color:black;
}
.callDiv{
	width:64%;
	margin-left:41px;
	margin-top: 5px;
	border-right: 1px solid grey;
}
.messageDiv{
	width:76%;
	margin-left:26px;
	margin-top: 5px;
	border-right: 1px solid grey;
}
.whatsappDiv{
	width:100%;
	margin-left:20px;
	margin-top: 5px;
}
}


#msgDiv {
	height: 130px !important;
    padding-top: 10px;
    margin-right:10px;
    
}
.message{
	color: red;
    font-family: "Calibri";
    font-size: 15px;
    font-weight: bold;
    text-align: left;
    /* vertical-align: top; */
    padding-bottom: 0px !important;
   /*  line-height: 1 !important; */
    padding-top: 14px;
    padding-left: 16px;
}
.okbuttonpopup{
	margin-top: 3%;
    text-align: right;
    margin-right: 10px;
}
.okButton{
	background-color: #FC9767 !important;
    color: white !important;
}