html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}
body {
	margin: 0;
	background-color : #ffffff;
	font  : 14px "Helvetica Neue", Helvetica, Arial, sans-serif #918aaa;
}

img {
	height: auto; 
	max-width: 100%;
	vertical-align: middle;
	page-break-inside: avoid;
	border: 0;
	margin:auto;
	/*display: block;
    margin-left: auto;
    margin-right: auto;*/
}
textarea {
    resize: none;
}
input[type=text],textarea ,select {
    
    padding: 6px 6px;
    margin-bottom : 2px;
    box-sizing: border-box;
    color: #918aaa;
}
/*  menu & Page Header */
.div_page{
	position: relative;
	
	/*margin: auto;
	width : 100%;
	max-width : 1530px !important;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border : 1px solid #918aaa;
	background-color : #ffffff;*/
	margin: auto;
	height:auto;
	width : 100%;
	max-width : 1500px !important;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border : 1px solid #918aaa;
	background-color : #ffffff;
}
.page_header{
   /* position: relative;
	top:0;
	background: #ffffff;
	min-height: 94px ;
	height: auto ;
	border-bottom: 2px solid #f1f1f1;
	z-index: 99999;*/
	transition: height 0.3s ease;
	-moz-transition: height 0.3s ease;
	-webkit-transition: height 0.3s ease;
	
	position: fixed;
	background: #ffffff;
	min-height: 94px ;
	height: auto ;
	top:0;
	right: 0;
	left: 0;
	z-index: 1030;
	border-bottom: 2px solid #f1f1f1;
}

.menu_div,.logo_div{   
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width:100%;
    height : 70%;
    margin: auto;
	
}

.menu_responsive{  display: none; height:40px;padding-top:20px;}
.menu{ padding-left:20px;color:#ffffff;width:auto;float:left;}
.menu_toggle{ width:auto;padding-right : 20px;}
.menu_toggle > a{ text-decoration: none;color:#ffffff;font-size : 16px;}

.menu_div{ width:auto ;padding-right:80px; } 

#logo_div{ margin-left:20px; }

#logo_div  a{ font-family: "roman,university"; font-style:normal;font-size : 32px;text-decoration: none;} 


.ul_menu > li { display: inline-block; }
.ul_menu > li > a { font-size:14px;padding: 10px 10px;text-transform: uppercase; }
.ul_menu > li > a:hover,.dropdown a:focus{ background-color : #918aaa;color: #ffff;cursor : pointer; }
.ul_menu > li > a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown_content .col50 > a{ 
    text-decoration : none;
    display: block;
    text-align: left;
	float: none;
	color: #102643;
	padding: 8px 0px 8px 25px;
	
}
.dropdown_content >.col50 { background-color: #ffffff;}
.dropdown_content .col50 > a:before {   content: "\203A  \200A"; }
.dropdown_content {
    display: none;
    position: absolute;
	width:100%;
    background-color: #ffffff;
    z-index: 1;
	height:auto;
	margin-top:3px;
	border-top: 3px solid #918aaa;
	border-bottom: 3px solid #918aaa;
}
/*#enquiry_dropdown{ width : 25%;}*/
	
.dropdown_content .col50 > a:hover{ color : #ffffff; background:#555;}

/* menu & page header end */

.page_content{ 
	position:relative;width:100%;margin-top : 90px; 
}
.anc_link:before{ content: "\00a0 \203A\203A  \00a0";}
.anc_link{text-decoration:none;}

.div_contact{
	position : relative;
	width:100%;
	height:auto;
 	border:1px solid #BEBEBE;
}
.div_contact  a,.sp_prod{
	
	font-size: 14px;
	color: #040404;
	display: block;
	padding: 6px 15px 6px 15px;
	text-decoration: none;
	border-bottom:1px solid #5C5C5C;
	
}
.div_contact  a:hover,.tr_head{
	 color : #ffffff;
	 background-color: #aea9a9;
}

.prod_img{
	position:relative;display:table;width:300px;height:200px;float:right;padding:20px;
}

.tbl_enquiry tr > :first-child { width :200px;}
/*
.tbl_enquiry tr:nth-child(even) {background: #CCC;}
.tbl_enquiry tr:nth-child(odd) {background: #FFF;}*/

.tbl_enquiry .mant_td:after { content : "\00a0 \204E";color:#f90404;}
.sp_captcha {color:#ffffff; font-size:20px;font-weight:bold;padding:5px;padding-right:50px;padding-left:50px; background:url('../img/captcha.png'); }

.btn{ padding:10px;background: #d35400;color:#ffffff;cursor:pointer;}

/* footer */
.div_footer,.div_row{ width : 100%;}

.div_footer{background-color: #082338;}
.div_footer,.div_row,.div_footer_content{ position:relative;}
.div_footer_head{height:30px;background: #978f89 ;}
.div_footer_content,.div_row_content,.div_address_cnt{width:90%; height:auto;clear:both;min-height: 200px; overflow: hidden;}
.div_foot_col{  width:23%;min-height:250px;height:auto;padding:1%;}

.div_foot_col,.div_foot_col > p > a,.div_foot_note,.div_row_col,.address {
	font-family: "Gill Sans MT";
	color:#ffffff;
	text-decoration : none;
	font-weight: normal;
	line-height: 22px;
	text-align : left;
}
.div_foot_note{ padding:10px;font-size:12px;}

.div_row_col,.address{
	position :relative; 
	padding:1%;margin-bottom:30px;
	height:auto;color: #333;
}
.address{ width:30%;}
.pdf_link{ background: url('../img/pdf.png') no-repeat;display:block;position:relative;height:50px;width:50px;float:left; }
.pdf_a{ text-decoration:none;color:#333;}
.pdf_a:hover{ color:#900;}
/* page responsive styles*/
/* Case 1 : screen size between 760px and  1200px 
            The Menu Logo and Menu Links alinged in next lines
			
   Case 2 : Screen size greater than 1200px	, the screen max-width : 1200px (default style,don't need  to write again)
    
   Case 3 : Screen size less than 900px  , the menu , product and  contact  would be drill down format.  */

     /* case 1  */			
@media screen and (min-width: 900px)  and (max-width: 1200px)  {
	.logo_div ,.menu_div,.page_header{ position :relative; width:100%;height:auto;padding-bottom:1px;text-align:center;}
	.menu_div{padding-bottom:1px; padding-top :1px; background:#f5f5f5;}
   /* .div_row_col{position :relative; width:90%;float:left;height:auto;
	    border-bottom:1px solid  #978f89 ;padding-bottom:10px}*/
	.page_content{ margin-top :20px; }
	.div_row_content{ display:block; border:none; }
	#header_next{ display:none;}
	
}	
   
         /* case 3  */			
@media screen and (max-width: 900px)  {
	/* Main menu */
   .topnav.responsive {display : block; }
   .dropdown_content,.dropdown_content .col50 { position:relative;width:100%;}

   .topnav{position:relative; display : none;background:#082338;border-top:1px solid #fff;}
  
   .logo_div{ position:relative;height:auto;width:100%;margin-top : 20px;}
   .menu_div{ position:relative;margin-top : 20px;height:auto;padding-right:0px;width:100%;
              text-align:right;background:#082338; overflow:hidden; }

   .ul_menu > li,.menu_responsive{display :block;}
   .ul_menu > li:first-child {padding-top : 20px; }
   .ul_menu > li:last-child {padding-bottom : 20px; }
   .ul_menu > li > a{ color:#f6d17c;}
   
   .dropdown_content > a {color:#f63737;}
  
   .page_content{ margin-top : 20px; text-align : left;}
   .page_header{position: relative;}
   .div_foot_col{width:90%;padding:5%;border-bottom:1px solid #ffffff;}
   .div_row_col{padding:5%;}
   
   
   /*.div_row_col{position :relative; width:90%;height:auto;
   padding-bottom:10px;border-bottom:1px solid  #978f89 ;}*/
   .div_row_content{ display:block; border:none; }
   #header_next{ display:none;}
   /* Main Menu End */
}	
			
   
@media screen and (min-width: 1500px )  {
    /*.menu_div{ width:800px;left:680px;}	
	.logo_div{width:400px;left:10px;}*/
	.page_header{ right: 0;left: 0; width : 1500px; margin: auto;}
	
}
   
   
 /* Responsive for address*/ 
@media screen and (max-width: 500px ){
	
	.address{width:100%;}
}	

@media screen and (min-width: 500px ) and (max-width: 700px ){
	.address{width:50%;}
}	
@media screen and (min-width: 700px )and (max-width: 1200px ){
	.address{width:40%;}
}