header.container { width:100%; position:relative; }
	header .h-edge   { margin:0 20px }

	header .cor-top-left  				 { position:absolute; top:0; left:0; width:270px; z-index:10; transition: all 0.3s ease-out; }
	header .cor-top-right 				 { position:absolute; top:30px; right:0;}
	header .cor-bottom-left  			 { position:absolute; bottom:0; left:0;}

	header .cor-top-left-bg			{ width:50%; position:absolute; left:0; top:0; }
	header .cor-top-left-bg>div		{ width:100%; background-color:#fff; height:74px; margin-left:-500px}


	header .cor-bottom-right-blk 							{ position:absolute; bottom:0; right:0;width:440px; height:160px;  background:url(images/corner-bottom-right-new.svg) no-repeat;background-size:cover}
	header .cor-bottom-right-blk .cor-bottom-right-indices  { width:440px; height:105px; float:right; margin:40px 10px 10px 40px}
	header .cor-bottom-right-blk .cor-bottom-right-indices ul {
		  margin: 0px 0px 0px 70px;
		  padding: 0;
		}
	header .cor-bottom-right-blk .cor-bottom-right-indices ul li {
		  margin: 0;
		  padding: 0 0 0 10px;
		  display: inline-block;
		}
	header .cor-bottom-right-m { display:none }/* for mobile only*/

	html #body.en header .cor-bottom-right-blk .cor-bottom-right-indices p,
	html #body.cn header .cor-bottom-right-blk .cor-bottom-right-indices p  { text-align:left; color:#333; margin:20px 0 0 50px }

	html #body.en header .cor-bottom-right-blk .cor-bottom-right-indices p  { padding:20px 10px 0px 40px; }
	html #body.cn header .cor-bottom-right-blk .cor-bottom-right-indices p  { padding:20px 10px 0px 40px; }

	html #body .blankbanner{width:100%;height:40px;background-color:white}

 	/* ==========================================================================
		Media Styles
	============================================================================= */
	@media only screen and (min-width:1050px) {
 	/* header .cor-top-left-bg			{ width:55%; position:absolute; left:0; top:0; }
	html #body.en header .cor-bottom-right-blk .cor-bottom-right-indices p  { margin:20px 0 0 40px } */
	html #body .cor-bottom-middle-indices {display: none;}

    }

    @media only screen and (max-width:1050px) {
 	header .cor-top-left-bg			{ width:55%; position:absolute; left:0; top:0; }
	html #body.en header .cor-bottom-right-blk .cor-bottom-right-indices p  { margin:20px 0 0 0 }
	html #body .cor-bottom-middle-indices {display: none;}

    }

    @media only screen and (max-width:1024px) {
	header .h-edge { margin:0}

	header .cor-top-left  	  		 { width:30%}
   	header .cor-top-right>img 		 { width:70%; height:auto; float:right; margin-top:-1px}
	header .cor-bottom-left			 { }
	header .cor-bottom-right-blk .cor-bottom-right-indices    { width:440px; height:105px;float: right;margin: 40px 10px 10px 80px;}
  	html #body.cn header .cor-bottom-right-blk .cor-bottom-right-indices p   { font-size:10px;margin:25px 0 0 40px }
	html #body.cn header .cor-bottom-right-blk .cor-bottom-right-indices ul   { display:block }
	html #body.cn header .cor-bottom-right-blk .cor-bottom-right-indices ul li a img { width:80%}

	html #body.en header .cor-bottom-right-blk .cor-bottom-right-indices p   { font-size:10px;margin:25px 0 0 40px }
	html #body.en header .cor-bottom-right-blk .cor-bottom-right-indices ul   { display:block }
	html #body .cor-bottom-middle-indices {display: none;}

    }


    @media only screen and (max-width: 745px) {
	header .cor-top-left  			 { width:32%; top:-27px;}
	header .cor-bottom-right-blk .cor-bottom-right-indices    { width:110px; height:40px}
	html #body .cor-bottom-middle-indices {display: block; width:100%;background-color:white}
	html #body .cor-bottom-middle-indices ul {display: block; width:100%;overflow: hidden;white-space:nowrap;}
	html #body .cor-bottom-middle-indices ul li{list-style: none;float: left;margin-left: 15px;}
	html #body .blankbanner{width:100%;height:0px;background-color:white}

	html #body.en header .cor-bottom-right-blk .cor-bottom-right-indices p,
	html #body.cn header .cor-bottom-right-blk .cor-bottom-right-indices p { padding:0 10px 0 0; margin:20px 0 0 0; }

	.indices-m { display:block; color:#fff; font-size:24px; text-transform:uppercase; text-align:left;
				 font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
                 letter-spacing:-0.5px; line-height:normal; font-weight:normal; padding-right:20px; padding-top:5px}


	header .cor-bottom-left img, header .cor-top-right img, header .cor-bottom-right-m img 	{ width:40%; height: auto;}

	header .cor-bottom-left 	 { display:block;}
	header .cor-bottom-left img  { margin-bottom:-1px}
	header .cor-bottom-right-blk { display:none;}

    header .cor-top-right>img    { display:block;}

	header .cor-bottom-right-m 	 { display:block; position:absolute; right:0; bottom:0;text-align:right; }

    }


    @media only screen and (max-width: 745px) and (orientation : landscape)  {
	header .cor-bottom-right-blk .cor-bottom-right-indices    { width:160px; height:58px}
	html #body.en header .cor-bottom-right-blk .cor-bottom-right-indices p   { margin:25px 0 0 0; font-size:30px }
	html #body.cn header .cor-bottom-right-blk .cor-bottom-right-indices p   { margin:30px 0 0 0 }
    }


    @media only screen and (max-width: 479px) {
	header .cor-top-left  		{ width:40%; top:-13px;}
    }