@charset "utf-8";
/* CSS Document */
body{margin:0px;}
header{width:100%; background:#ec008b; height:120px; padding:15px 0 15px 0; text-align:center; position:relative;}
.logodiv{position:relative;}
#menu{margin:50px 0 0 130px;}
.gallery{margin:25px 0 0 0;}
.career{margin:25px 0 0 0; background:#000; height:600px; position:relative;}
.enquiry{margin-top:20px; background:#3f3f41; color:#fff; padding:25px; }
.enquiry2{margin-top:40px; background:#3f3f41; color:#fff; padding:25px; }
.bride{margin:25px 0 0 0; background:#000; height:600px; position:relative;}
.vacancy{ padding:0 10px 0 10px !important; }
.heading{text-align:center; padding-top:20px;}
.row { background-image:url(images/col_bg.png);}

.left_gallery{ margin:20px 0 30px 0px !important; max-width:750px; max-height:680px;}
.left_gallery img{width:100%;}
.right_gallery{  margin:30px 0 30px 0 !important; height:auto;}
 .box{ padding:0 10px 0 0 !important; margin-bottom:9px; margin-top:10px; }
  .box1{ padding:0 5px 0 5px !important; margin-bottom:9px; margin-top:10px;}
  .box2{ padding:0 0px 0 10px !important; margin-bottom:9px; margin-top:10px;}
  .box img, .box1 img, .box2 img { width:100%;}
  .apply{color:#fff; background:#000; padding:2px 10px 2px 10px;}
   .text {text-align:: left; color:#999999; font-size:11px; font-family:calibri; }
    .text img {max-width:500px;}
  
  #content{width:100%;  float:left; background:url(images/journey_bg.jpg) no-repeat; background-size:100% auto; padding-bottom:30px; min-height:630px; font-size:15px;}
#contentinspiration{width:100%;  float:left; background:url(images/inspiration.jpg) no-repeat; background-size:100% auto; padding-bottom:30px; min-height:630px; font-size:15px; }
#contentchairman{width:100%;  float:left; background:url(images/chairman.jpg) no-repeat; background-size:100% auto; min-height:630px; font-size:15px; }
 #contentexpertise{width:100%;  float:left; background:url(images/expertise.jpg) no-repeat; background-size:100% auto; padding-bottom:30px; min-height:630px; font-size:15px;} 
 #name, #email, #addre, #message{width:100%;}

 img.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
img.grayscale:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}

#laptop_image{width:100%;}
  @media(min-width:1400px)
  {
	  
	#content{min-height:900px;}
	#contentinspiration{min-height:900px;}
  	#contentexpertise{min-height:900px;}
	#contentchairman{padding-bottom:350px; }
  }
  
    @media(max-width:1220px)
  {
	#menu{margin:50px 0 0 0px !important;}
	
    }
  
    @media(max-width:1100px)
  {
	#menu{margin:50px 0px 0 50px !important; padding-left:10px;}
	.sf-menu a { font-size:10px; }
	.n1{top:250px !important;}
}

    @media(max-width:1024px)
  {
.content_text{margin-top:30px !important; height:500px; overflow-y:scroll;}
  }