@charset "utf-8";
/* CSS Document */
@media (min-width: 1024px) and (max-width: 1200px) {.gerlang { margin-top:0px}.navbar .nav > li > a{ padding-bottom:5px;}}
@media (min-width: 768px) and (max-width: 1023px) {

.headerConc{ background:none; margin:0}
.navbar .nav > li > a{padding:10px 10px 5px 0px !important; font-size:11px;  }
.span3 ul.nav.bs-social { right:-10px !important; top:10px !important}
.gerlang { position: absolute;right:0px;top: 40px; margin-top:5px}
.span3 .nav > li > a{ padding:10px 0px 0 !important;}
 
  ul.ddown ul ul{ width:208px;}
  .scrltxt .espace{ padding:0 10px !important}
  .largetxt{ font-size:18px !important;}
 
 .scroll-img{ width:724px !important; }
 #demo5 img{  width:227px !important}
 #demo5-btn{ width:460px !important}
#demo5-forward{ top:-85px !important}
#demo5-backward{ right:-271px !important; top:-85px !important}
.bannerhead{top:137px !important;}
.newsContentDiv .firstImg{ width:38% !important}
.contactrf{ font-size:11px !important;}
.servetitel{font-size:12px !important;}


.form-horizontal .controls, .redbtn{ margin-left:0 !important}
.wlink{ font-size:9px !important;}
.searchDiv{ padding:13px 0 0 18px !important; width:15% !important;}
ul#items li{ width:165px !important;}
.form-horizontal .contlabelText{ width:224px !important;}
.contredbtn{ margin-left:255px !important}
.row-fluid .head-icons ul{float: left !important;margin:14px 0 !important;padding: 0 !important; width:100% !important }
.btnlists{ width:100% !important}
.valstyle {margin-left:258px !important}
.leftnav a.accordion-toggle.collapsed span, .leftnav a.accordion-toggle span{ position: absolute;right: -4px; top: 6px;}
.servicelistitems li a{ padding:3px 0 3px 10px !important;}
.servicelistitems li ul li{ width:100% !important; margin-left: -10px !important;}
	.textcarousalwrap{width:345px !important}
	.textscroll-img{width:302px !important;}
	.textscroll-img ul li a{ font-size:14px !important;}
	.textscroll-img ul li {margin: 18px 0 0 14px !important;}
	.detail_container{ width:325px !important;}
	.textscroll-img ul li a.selected{ padding:2px !important;}
	#button-forward{left: 3px !important;}
	#button-backward {right:3px !important}

	.red-container{ display:none;}
	.redbg {height:378px;}
	.item h2{ font-size: 2.7em !important;}
	.Ls_Heading h1{ line-height:18px;}	

	.videobanner img {height: 364px; margin: 8px; padding-bottom: 10px; width: 99% !important;}
	#videoModal { left: 422px; width: 723px !important;}
	#toDtDiv {padding-left: 16px;}
	.newsLeft { width: 50%;}
	.financeDropBoxDiv SELECT { width: 6em;}
	.ptclink { padding-top: 18px;}
	.box, .box1, .box2{ width:100%; padding:0; margin:10px 0;  border:1px solid #ccc; height:auto}
	.maritimebox{width:95%;padding:0 5px; margin:0;  border:1px solid #ccc; height:auto;  border-top:0px solid #ccc !important; }
	.maritimebox:first-child{border-top:1px solid #ccc !important;}
	a.maillink {font-size: 7px;}
	
	.titleimg { height: 23px; }
.awardheaderdev { width:100%; margin-left:0px; bottom:0px; position:absolute}
.ddl select{ width:155px;}
}

@media (max-width: 640px) {
.headerConc{ background:none; margin:0 20px 0 0px !important;}
	
	.topspace {margin-top:90px to 108px}
	.search-form, ul.ddown ul ul, .scrltxt, .carousel-caption div, .item h3, #textsizer, #printImg, .ltnavnone{ display:none !important;}
	.headerConc{ background:none !important; border:none !important;}
	.carousel-inner{ position:relative; height:199px;}
	.carousel-caption{ top:-140px !important; position:relative !important}
	.Mainnav{ left:27%;  top: 90px;}
	.span3 ul.nav.bs-social { right:10px !important; top:28px !important;}
	.navbar .brand {left:20px; position: relative;top:-10px;width: 91px; margin:0 !important}
	
	.item h2{ top:10px !important; font-size:1em !important;}
	
	.copyright a{ padding:10px 5px !important;}
	/*.topspace{ margin-top:90px !important;}*/
	.indicators{ margin-left:-40px;  margin-top: -3px;}
	.scroll-img{ width:600px !important; }
	#demo5-btn{ width:620px !important}
	#demo5-forward{ top:-79px !important; left:14px !important}
	#demo5-backward{ right:35px !important; top:-79px !important}	
	.bannerhead{top:114px !important;  }
	.bannerhead h1{ font-size:16px !important;   padding:8px 8px !important;}
	.toolBox{ float:left !important; margin:-5px 0 0 !important;}
	.redbtn{ margin-left:0 !important}
	
	.span4 .thumbnail > img{ margin:0 !important;}
	.input-xlarge{ width:263px !important}	
	.contactrftxtwrap{ width: 94% !important;}
	.contredbtn{ margin-left:0 !important; margin-bottom:10px !important}
	.row-fluid .head-icons ul{float: left !important;margin:14px 0 !important;padding: 0 !important; width:100% !important }
	.valstyle {margin-left:0 !important}
	.redstar { top:5px !important}
	.textcarousalwrap{ width:554px !important;}
	.textscroll-img {width: 475px !important;}
	.detail_container{ width:534px !important;}

	ul.ddown li li {left: -72px; }
	.videowrapper{ border:none;}
	.red-container{ display:none;}
	.redbg {height:300px;}
	
	.videobanner img {width: 84% !important;}
	#videoModal { left: 422px;top: 50px;width: 597px !important;}
	
	#toDtDiv { padding-left: 16px; padding-right: 81px;}
	#fromDtDiv {padding-right: 81px;}
	.contresetbtn{ margin-top:0px;}
	.form-horizontal .contlabelText{ width:290px !important;}
	.ptclink { padding-top: 35px;}
	.box {  height:390px; margin-bottom:20px }
	.box1{  height:470px; margin-bottom:20px }
	.box2{  height:526px; margin-bottom:20px }
	.maritimebox{ height:150px}
	.gerlang { position: absolute;right: 20px;top: 0;}
	.awardheaderdev { width:100%; margin-left:0px; bottom:28px; position:absolute}
	.whitebg1 { margin-left: 0px; }
	
}
@media (max-width: 767px) {
		
		
		.search-form{ display:none;}
		.span3 ul.nav.bs-social { right:10px; top:28px ;}
		.search-form{ display:none !important}
		 .navbar .nav {top:40px; left:auto; right:10px; position:absolute; }
        .headerConc{ background:none; margin:0 20px 0 20px;}
.gerlang { position: absolute; right: 20px; top: 0;}
.navbar .nav > li > a { padding: 10px 0 0 20px;}
.nav.bs-social a {
    padding: 0 !important;
}
.item h2{font-size:2.3em !important;}
.ddl select{ width:155px;}
.whiteheader{width:auto; color:#000; background:none; position:relative;}
.whiteheader h1{ color:#000; padding:0}
.span4 .thumbnail img{width:280px !important; margin:0}
}

@media (max-width: 480px) {

	.search-form, ul.ddown ul ul, .scrltxt, .carousel-caption div, .item h3, #textsizer, #printImg, .ltnavnone, .red-container{ display:none !important;}
	.headerConc{ background:none !important; border:none !important;}
	.carousel-inner{ position:relative; height:175px;}
	.carousel-caption{ top:-140px !important; position:relative !important}
	.Mainnav{ left:18%; top: 80px;}
	.pause{ margin-top:-5px} 
	.play{ margin-top:-5px} 
	.navbar .brand {left:20px; position: relative;top:-10px;width: 91px; margin:0 !important}
	.navbar .nav > li > a{  padding-left:10px}
	.header{ height:103px}
	/*.topspace { margin-top: 120px !important;}*/
	.indicators li{ padding:0 10px !important; margin:0 4px !important;}
	.copyright a{ padding:10px 5px !important;}
	.item h2{ top:51px !important; font-size:1.8em !important;}
	
	.indicators{ margin-left:-40px; margin-top: -26px;}
	
	.scroll-img{ width:390px !important; }
	#demo5-btn{ width:380px !important}
	#demo5-forward{ top:-79px !important; left: 80px !important}
	#demo5-backward{ right:35px !important; top:-79px !important}
	#demo5 img{ width:280px !important; margin:0 0 0 70px;}
	.bannerhead{top:82px !important;  }
	.bannerhead h1{ font-size:14px !important;   padding:4px 8px !important;}
	.contactrftxtwrap{ width:88% !important}
	.redbtn{ margin-left:0 !important}
	#tabsDiv input{width: 90px !important;}
	.searchDiv{padding:12px 0 2px 10px !important}
	
	.span4 .thumbnail > img{ margin:0 !important;}
	.form-horizontal .contlabelText{ width:243px !important; margin-top:10px !important}
	.input-xlarge{ width:263px !important}
	.contredbtn{ margin-left:0 !important; margin-bottom:10px !important}
	.row-fluid .head-icons ul{float: left !important;margin:14px 0 !important;padding: 0 !important; width:100% !important }
	.btnlists li a{ padding:3px 34px 4px !important;}
	.btnlists{ width:100% !important}
	.valstyle {margin-left:0 !important}
	.redstar { top:13px !important}
	.textcarousalwrap{width:440px !important}
	.textscroll-img{width: 400px !important;}
	.textscroll-img ul li a{ font-size:12px !important;}
	.textscroll-img ul li {margin: 18px 0 0 20px !important;}
	.detail_container{ width:420px !important;}
	.textscroll-img ul li a.selected{ padding:2px !important;}

	 .redbg{ height:220px ;}
	 .videowrapper{ border:none;}
	.indicators.cpad {padding-top: 13px;}
	
	.videobanner img {width: 62% !important;}
	#videoModal { left: 420px;top: 50px;width:440px !important;}
	.modal-header .close { margin-top: -30px;}
	#toDtDiv {padding-left: 16px;}
	.newsLeft { width: 50%;}
	.contresetbtn{ margin-top:0px;}
	.financeDropBoxDiv SELECT { width: 10em;}
	.ptclink { padding-top: 24px;}
	.box, .box1,.box2{ width:100%; padding:0; margin:10px 0;  border:1px solid #ccc; height:auto}
	.maritimebox{width:95%;padding:0 5px; margin:0;  border:1px solid #ccc; height:auto;  border-top:0px solid #ccc !important; }
	.maritimebox:first-child{border-top:1px solid #ccc !important;}
	.gerlang { position: absolute;right: 20px;top: 0;}
	.awardheaderdev { width: 80%; margin-left:70px; bottom:16px; position:absolute}
	.whitebg1 { margin-left: 0px; }
	
		
}

@media (max-width: 360px) {


	#textsizer, .ltnavnone{ display:none !important;}
	
	.span3 ul.nav.bs-social li a{ padding:0px !important;}
	
	.span3 .nav > li > a{ padding:10px 0 0 !important}
	.navbar .nav > li > a{ font-size:10px; padding-left:6px}
	
	.navbar .brand {left:20px; position: relative;top:-10px;width: 91px; margin:0 !important}
	
	.Mainnav{ width:248px; top: 80px;}
	.indicators li{ padding:0 10px !important; margin:0 4px !important;}
	.Mainnav ul li{ margin:0 6px !important; font-size:11px;}
	.Mainnav ul li:last-child{ margin-right:0px !important}
	ul.ddown li{ width:100px !important;  }
	ul.ddown li li {  left: -63px;}

	.item h2{ top:75px !important; font-size:1em !important;}
	.carousel-inner{ height:123px;}
	
	.indicators{ margin-left:-40px; margin-top: -16px;}
	
	.scroll-img{ width:290px !important; }
	#demo5-btn{ width:295px !important}
	#demo5-forward{ top:-79px !important; left:15px !important}
	#demo5-backward{ right:35px !important; top:-79px !important}
	#demo5 img{ width:280px !important; margin:0 !important}
	.bannerhead{top:52px !important;  }
	.bannerhead h1{ font-size:14px !important;   padding:4px 8px !important;}
	.newsContentDiv .newsImg{ width:21% !important;}
	#tabsDiv .newsPagination{ float:none !important; margin:16px 0 10px !important}
	.toolBox{ float:left !important; margin:-5px 0 0 !important;}
	#printImg{ display:none}


	#tabsDiv .paginationDiv span{ margin:-6px 0 0 6px !important}
	.redbtn{ margin-left:0 !important}
	#tabsDiv input{width: 90px !important;}
	.searchDiv{width: 18% !important;padding: 14px 0 10px 11px !important;text-align: center !important;}
	
	.ssgoogle{ float:none !important; }
	.form-horizontal .contlabelText{ width:243px !important; margin-top:10px !important}
	.input-xlarge{ width:263px !important}	
	.contredbtn{ margin-left:0 !important; margin-bottom:10px !important}
	.row-fluid .head-icons ul{float: left !important;margin:14px 0 !important;padding: 0 !important; width:100% !important }
	.btnlists li a{ padding:3px 19px 4px !important;}
	.btnlists{ width:100% !important}
	.subscribeimg{ float:none !important; padding:4px 0 !important; background:none !important;}
	.newslabel{ display:block !important; margin:8px 0 !important} 
	.valstyle {margin-left:0 !important}
	.redstar { top:13px !important}
	.textcarousalwrap{width:315px !important}
	.textscroll-img{width: 270px !important;}
	.textscroll-img ul li a{ font-size:11px !important;}
	.textscroll-img ul li {margin: 18px 0 0 14px !important;}
	.detail_container{ width:295px !important;}
	.textscroll-img ul li a.selected{ padding:2px !important;}
	#button-forward{left: 3px !important;}
	#button-backward {right:3px !important}
	.thumbnail-img {width: 280px;}
	.videowrapper{ border:none;}
	.red-container{ display:none;}
	.redbg {height: 160px;}
	.indicators.cpad { padding-top: 10px;}
	
	.videobanner img {width: 45% !important;}
	#videoModal { left: 420px;top:121px;width:320px !important;}
	.modal-header .close { margin-top: -30px;}
	img.autoWidth {padding: 0 0 1px;}
	#toDtDiv { padding-left: 16px; padding-right:0px;}
	#fromDtDiv { padding-right: 0;}
	.newsLeft { width: 50%;}
	.contresetbtn{ margin-top:0px;}
	.financeDropBoxDiv SELECT{ width:15em;}
	.shareholdingLabel {padding: 4px 13px; width: 22px;}
	.ptclink { padding-top: 14px;}
	.box, .box1,.box2{ width:100%; padding:0; margin:10px 0;  border:1px solid #ccc; height:auto}
	.maritimebox{width:95%;padding:0 5px; margin:0;  border:1px solid #ccc; height:auto;  border-top:0px solid #ccc !important; }
	.maritimebox:first-child{border-top:1px solid #ccc !important;}
	.gerlang { position: absolute;right: 20px;top: 0;}
	.titleimg { height: 20px; }
	.whitebg1 { margin-left: 0px; }
}

@media (max-width: 320px) {
	.ltnavnone{ display:none !important;}

	.span3 ul.nav.bs-social li a{ padding:0px !important;}
	.navbar .brand { margin:0 !important}
	
	.span3 .nav > li > a{ padding:10px 0 0 !important}


	.Mainnav{ left:12%; }
	.header{ height:103px}
	/*.topspace { margin-top: 116px !important;}*/
	.indicators li{ padding:0 10px !important; margin:0 4px !important;}
	.Mainnav ul li{ margin:0 6px !important; font-size:11px;}
	.Mainnav ul li:last-child{ margin-right:0px !important}
	ul.ddown li{ width:96px !important; left: 16px !important; }
	ul.ddown ul{ left:-22px !important;}
	.item h2{ top:73px !important; font-size:1em !important;}
	.carousel-inner{ height:113px;}
	
	.indicators{ margin-left:-40px; margin-top: -20px;}
	
	.scroll-img{ width:290px !important; }
	#demo5-btn{ width:295px !important}
	#demo5-forward{ top:-79px !important; left:15px !important}
	#demo5-backward{ right:35px !important; top:-79px !important}
	#demo5 img{ width:280px !important; margin:0 !important}
	.bannerhead{top:47px !important;  }
	.bannerhead h1{ font-size:12px !important;   padding:2px 8px !important;}
	.newsContentDiv .newsImg{ width:21% !important;}
	#tabsDiv .newsPagination{ float:left !important; margin:16px 0 10px !important}
	.toolBox{ float:left !important; margin:-5px 0 0 !important;}
	#printImg{ display:none}

	.redbtn{ margin-left:0 !important}
	.searchDiv{width: 19% !important;padding:13px 0 4px 9px !important;text-align: center !important;}
	
	.ssgoogle{ float:none !important; }
	.execpic1 img{ width:50% !important;}
	.form-horizontal .contlabelText{ width:243px !important; margin-top:10px !important}
	.input-xlarge{ width:263px !important}
	.contredbtn{ margin-left:0 !important; margin-bottom:10px !important}
	.row-fluid .head-icons ul{float: left !important;margin:14px 0 !important;padding: 0 !important; width:100% !important }
	.subscribeimg{ float:none !important; padding:4px 0 !important; background:none !important;}
	.newslabel{ display:block !important; margin:8px 0 !important} 
	.filgrup {display: block; float: left !important; margin: 10px 20px 15px 0; width: 61%;}
	.btnlists li a{ padding:3px 14px 4px !important;}
	.btnlists{ width:100% !important}
	.valstyle {margin-left:0 !important}
	.redstar { top:13px !important}
	.textcarousalwrap{width:275px !important}
	.textscroll-img{width: 230px !important;}
	.textscroll-img ul li a{ font-size:11px !important;}
	.textscroll-img ul li {margin: 18px 0 0 14px !important;}
	.detail_container{ width:255px !important;}
	.textscroll-img ul li a.selected{ padding:2px !important;}
	#button-forward{left: 3px !important;}
	#button-backward {right:3px !important}
	.thumbnail-img {width: 280px;}
	.videowrapper{ border:none;}
	.red-container{ display:none;}
	.redbg {height: 140px;}
	.indicators.cpad { padding-top: 10px;}
	
	.videobanner img {width: 39% !important;}
	#videoModal { left: 420px;top:121px;width:280px !important;}
	.modal-header .close { margin-top: -30px;}
	h2.greyheading1{ font-size:36px !important;}
	#toDtDiv {padding-left: 16px;}
	.newsLeft { width: 50%;}
	.contresetbtn{ margin-top:0px;}
	.financeDropBoxDiv SELECT{ width:12em;}
	.shareholdingLabel {padding: 4px 13px; width: 22px;}
	.ptclink { padding-top: 12px;}
	.box, .box1,.box2{ width:100%; padding:0; margin:10px 0;  border:1px solid #ccc; height:auto}
	.emaillink {   font-size: 9px; }
	.maritimebox{width:95%;padding:0 5px; margin:0;  border:1px solid #ccc; height:auto;  border-top:0px solid #ccc !important; }
	.maritimebox:first-child{border-top:1px solid #ccc !important;}
	.gerlang { position: absolute;right: 20px;top: 0;}
	.titleimg { height: 16px; }
	.textDisplay {font-size:9.4px;}
.awardheaderdev { width: 100%; margin-left:0px; bottom:16px; position:absolute}
.whitebg1 { margin-left: 0px; }
.lineHeight01{line-height:213px}
.lineHeight02{line-height:16px}

	
}

@media (min-width: 1200px) {
	.navbar .nav{ margin:0 10px 0 20px;} 
        .span6 .nav > li > a{ padding:10px 12px;}
	.search-form{float:left;}
	.span3 ul.nav.bs-social { /*right:250px !important;right: 130px !important;*/ top:20px !important;}
	
	.bannerhead{top:249px !important;}
	.scroll-img{width:1160px !important; }
	#demo5-btn{ width:1180px !important}
	#demo5-forward{ top:-79px !important; left:-23px !important}
	#demo5-backward{ right:-3px !important; top:-79px !important}
	#demo5 img{ width:280px !important; margin:0 0px 0 0 !important}
	#tabsDiv input{ width:125px !important}
	ul#items li{ width:270px !important;}
	.btnlists{ width:62% !important;}
	.form-horizontal .contlabelText {width: 350px !important;}
	.contredbtn{ margin-left:380px !important}
	.valstyle {margin-left:200px !important}
	.textcarousalwrap{ width:554px !important;}
	.textscroll-img {width: 475px !important;}
	.detail_container{ width:534px !important;}
	.thumbnail-img {width: 94%;}
	.red-container{ width:36.1% !important; height:407px !important;}
	.red-container1 { margin-top: 19px;width: 36.1% !important; }
	.red-container1 h1 {  font-size: 28px !important;  line-height: 0 !important;  padding: 15px 20px !important; }
	.red-container p{  font-size:16px !important; padding:5px 20px !important; }
	.red-container1 p {  font-size: 16px !important;  margin-bottom: 32px !important;  padding: 0 20px !important; }
	.red-container1 h1 { font-size: 28px !important;  line-height: 0 !important; margin-top: 27px !important; padding: 15px 20px !important;}
	#toDtDiv { padding-left:0px;}
	.financeDropBoxDiv SELECT { width: 15em;}
	.box{  height:410px; }
	.box1{  height:500px; }
	.box2{ height:558px;} 
	.maritimebox{ height:160px}
	a.maillink { font-size: 12px;}
.awardheaderdev { width:100%; margin-left:0px; bottom:16px; position:absolute}
.whitebg1 { margin-left: -290px; }
.topSearch {margin: 0 100px 0 0;margin-right:260px;}

}




@media (min-width: 980px) {
  .nav-collapse.collapse {
    height: auto !important;
    overflow: visible !important;
  }
}







/*@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
  .navbar .nav > li > a{ padding: 10px 12px 0 0 !important; font-size: 12px !important; font-weight: bold !important; }
  .span3 ul.nav.bs-social{ margin:10px 0 0 -50px !important;}
  .span3 .nav > li > a{padding: 0 !important;}
  .dateDiv ul li span{ margin:3px 2px 0 6px !important;  cursor:pointer !important; padding:1px 0 0 !important; display: inline-block !important; position:relative !important;  top:4px !important;}
  .searchDiv{ padding:15px 0 0 10px !important; width:20% !important;text-align: center !important;}
  .ssgoogle{ float:none !important; }
  .styled-select, .contact-select{ line-height: 20px !important;}

}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

  .navbar .nav > li > a{ padding: 10px 10px 0 0 !important;}
  .span3 .nav > li > a{padding: 0 !important;}
 .dateDiv ul li span{ margin:3px 2px 0 6px !important;  cursor:pointer !important; padding:1px 0 0 !important; display: inline-block !important; position:relative !important;  top:4px !important;}
  .searchDiv{ padding:15px 0 0 10px !important; width:22% !important;}
  .styled-select, .contact-select{ line-height: 20px !important;}

}




@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) { 


  .dateDiv ul li span{ margin:3px 2px 0 6px !important;  cursor:pointer !important; padding:1px 0 0 !important; display: inline-block !important; position:relative !important;  top:4px !important;}
  .searchDiv{ padding:15px 0 0 10px !important; width:20% !important;text-align: center !important;}
  .styled-select, .contact-select{ line-height: 20px !important;}

}



@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) { 

   .dateDiv ul li span{ margin:3px 2px 0 6px !important;  cursor:pointer !important; padding:1px 0 0 !important; display: inline-block !important; position:relative !important;  top:4px !important;}
  .searchDiv{ padding:15px 0 0 10px !important; width:22% !important;}
  #tabsDiv input{ width:80px !important;}
  .styled-select, .contact-select{ line-height: 20px !important;}


}
*/
.carousel-inner > .item.itemview{display:block; position:absolute; top:0px;}
.carousel-inner > .item.active.itemview{position:relative;}