@media only screen and (min-width: 640px)and (max-width: 767px){
header section{ width:600px;}
header section .top .logo_cont .right{ width:100%;}
header section .top .logo_cont a.logo{ width:24%; margin: 5px 5px 0 0;}
header section .top .logo_cont .right ul.log_in{ width:100%;}
header section .top .logo_cont p.logo_txt b{ font-size:1.6em; width:64%; padding-top:14px;}
header section .top .logo_cont p.logo_txt span.for_img_2{ padding-top:6px;}
header section .top .banner_box{ width:93.2%;}
header section .top .banner_box .right{ width:100%;}
header section .top .banner_box .right .banner_text{ font-size:1.3em; line-height:45px;}
header section .top .banner_box .left{ width:100%; margin-top:1px;}
header section .top .banner_box .left b{ width:98%; text-align:center; padding:7px 15px;}
header section .top .banner_box .left ul li{ width:15.07%; min-height:98px; padding: 5px 4px 5px;}
header section .top .banner_box .left ul li.border{border-right: 1px solid #f8bb47!important;}

section.container .mid{width:600px;}
section.container .mid .top .cont_1{ width:93.2%;}
section.container .mid .top .cont_1 .box1 .txt_box1{ width:100%;}
.banner_text_box{ width:60.5%;}
section.container .mid .top .cont_1 .box1 article{ width:48%; margin:0px 1.5% 0 0;}
section.container .mid .top .cont_1 .box1 article.mar{ margin-right:0; width:100%;}
section.container .mid .top .cont_1 .box2 .info_box1{ width:31%; margin-bottom:0;}
section.container .mid .top .cont_1 .box2 .info_box1 h6{ margin-bottom:14px;}
section.container .mid .top .cont_1 .box2 .info_box2{ width:67.2%; margin-right:0;}
section.container .mid .top .cont_1 .box2 .info_box3{ width:100%; margin-top:2%; border-top: 1px dashed #CCCCCC;  padding-top:2%;}
section.container .mid .top .cont_1 .box2 .info_box3 figure{ width:32.6%; margin:0 1% 2% 0;}
section.container .mid .top .cont_1 .box2 .info_box3 figure.mar{ margin-right:0;}
section.container .mid .top .cont_1 .box2 .info_box3 figure img.adjusts{ height:112px;}
section.container .mid .top .cont_1 .box2 .info_box1 .subscibe .txt_b_2{ width:74%;}
section.container .mid .top .cont_1 .box2 .info_box1 .subscibe .go{ padding:1%;}
section.container .mid .top .cont_1 .box2 .info_box1 h6 img{ display:none;}

.slide_details ul li p{ min-height:88px; line-height:17px;}
.slidecontrols{ width:13.5%;}

footer section{width:600px;}
footer section article .left{ width:76%;}
footer section article .left ul li a{ font:normal 11px Arial, Helvetica, sans-serif;}
footer section article .right{ float:right; margin-top:2%;}
footer .copy p{width:600px; margin:0 auto;}

/***************************start_inner_page***************************/
header section .top .banner_box .left_inner ul li{ width:15.13%; padding:10px 3px 9px; min-height:110px;}
section.container .mid .top .cont_1 .box2 .info_box4{ width:29.7%;}
section.container .mid .top .cont_1 .box2 .info_box5{ width:66.1%;}
section.container .mid .top .cont_1 .box2 .info_box5 article hgroup h2{ font-size:1.2em;}
section.container .mid .top .cont_1 .box2 .info_box5 article hgroup h4{ font-size:1.1em;}
section.container .mid .top .cont_1 .box2 .info_box5 article hgroup h4{ font-size:1.1em;}
section.container .mid .top .cont_1 .box2 .info_box5 article p{ line-height:16px; font-size:0.959em;}
section.container .mid .top .cont_1 .box2 .info_box5 article hgroup h4.for_bg{ font-size:1.5em;}
section.container .mid .top .cont_1 .box1 article figure{ padding:5% 0 2%;}

section.container .mid .top .cont_1 .box1 article ul.for_met1{ width:95%;}
section.container .mid .top .cont_1 .box1 article ul.for_met1 table{ width:100%;}
/***************************start_inner_page***************************/

/***************************start_pdf_downl_page***************************/
section.container .mid .top .cont_1 .box2 .info_box5 article .past_spek_info figure{ width:30.7%;}
section.container .mid .top .cont_1 .box2 .info_box5 article .past_spek_info figure.for_rght{ width:30.7%; padding-top:2%;  margin:0 0 2% 0;}
section.container .mid .top .cont_1 .box2 .info_box5 article .past_spek_info .for_txt_3{ width:100%;}
section.container .mid .top .cont_1 .box2 .info_box5 article .past_spek_info .for_txt_3 h6{ font-size:1.1em;}
section.container .mid .top .cont_1 .box2 .info_box5 .form_box1{ margin:2% 0;}
section.container .mid .top .cont_1 .box2 .info_box5 .form_box1 label{ width:100%; text-align:center;}
section.container .mid .top .cont_1 .box2 .info_box5 .form_box1 select{ width:100%;}
section.container .mid .top .cont_1 .box2 .info_box5 .form_box1 .add_txt{ width:100%; text-align:center;}
section.container .mid .top .cont_1 .box2 .info_box5 article .cont_box_3 ul li a p.txt_2{ min-height:56px;}
/***************************end_pdf_downl_page***************************/

/*add_31-7-2013*/

section.container .mid .top .cont_1 .box2 .info_box5 article .past_spek_info .for_txt_3{ width:76%;}
section.container .mid .top .cont_1 .box2 .info_box3 ul li.last{ width:100%;}
section.container .mid .top .cont_1 .box2 .info_box5 article .past_spek_info figure.for_rght{ width:21.7%; margin-left:2%;}
section.container .mid .top .cont_1 .box2 .info_box5 article .for_text_cont .for_prog_cont.for_prog_cont2{  border-right: 0 none; margin:0; padding:0; width:99%;}
section.container .mid .top .cont_1 .box2 .info_box5 article .cont_box_3 ul li a p.txt_2 b{ font-size:11px; line-height:15px;}
section.container .mid .top .cont_1 .box2 .info_box5 article .cont_box_3 ul li a p.txt_2{ padding:5%;}
section.container .mid .top .cont_1 .box2 .info_box4 .subscibe .txt_b_2{ width:76%;}
section.container .mid .top .cont_1 .box2 .info_box4 aside figure img.for_fb{ border:1px solid #aaaaaa;}
section.container .mid .top .cont_1 .box2 .info_box1 img.mar{ margin-bottom:6.9% 0;}
/*add_31-7-2013*/

/*8-7-2013*/
.slidecontrols{ top:-3px; width:18.5%;}
section.container .mid .top .cont_1 .box2 .info_box2 article p{ font-size:11px;}
}




@media only screen and (min-width: 768px) and (max-width: 960px){
header section{ width:748px;}
header section .top{ width:98%;}
header section .top .logo_cont .right{ width:100%;}
header section .top .logo_cont .right ul.log_in{ width:70%;}
/*header section .top .logo_cont .right ul.log_in li.box1{ width:56%;}*/
header section .top .logo_cont p.logo_txt b{ font-size:1.9em; width:65%; padding-top:14px;}
header section .top .logo_cont figure.for_img_2{ margin-top:10px!important;}
header section .top .menu_bar{ border-bottom:0px;}

header section .top .banner_box{ width:97.2%;}
header section .top .banner_box .right{ width:100%;}
header section .top .banner_box .right .banner_text{ font-size:1.5em; line-height:45px;}
header section .top .banner_box .left{ width:100%; margin-top:1px;}
header section .top .banner_box .left b{ width:98%; text-align:center; padding:7px 15px;}
header section .top .banner_box .left ul li{ width:15.099%; min-height:85px; padding: 5px 5px 5px;}
header section .top .banner_box .left ul li.border{border-right: 1px solid #f8bb47!important;}

section.container .mid{width:748px;}
section.container .mid .top .cont_1{ width:93.2%;}
section.container .mid .top .cont_1 .box1 .txt_box1{ width:100%; margin-bottom:10px;}
.banner_text_box{ width:60.5%;}
section.container .mid .top .cont_1 .box1 article{ width:100%; margin:0px 1.5% 0 0;}
section.container .mid .top .cont_1 .box1 article ul li{ width:100%; margin-bottom:5px;}
section.container .mid .top .cont_1 .box1 article ul li.last{ padding-bottom:0px;}
section.container .mid .top .cont_1 .box1 article.mar{ margin-right:0; width:100%;}
section.container .mid .top .cont_1 .box2 .info_box1{ width:26%; margin-bottom:0;}
section.container .mid .top .cont_1 .box2 .info_box1 h6{ margin-bottom:14px;}
section.container .mid .top .cont_1 .box2 .info_box1 img.mar{ margin:6.9% 0;}
section.container .mid .top .cont_1 .box2 .info_box2{ width:72.2%; margin-right:0;}
section.container .mid .top .cont_1 .box2 .info_box3{ width:100%; margin-top:2%; border-top: 1px dashed #CCCCCC;  padding-top:2%;}
section.container .mid .top .cont_1 .box2 .info_box3 figure{ width:32.6%; margin:0 1% 2% 0;}
section.container .mid .top .cont_1 .box2 .info_box3 figure.mar{ margin-right:0;}
section.container .mid .top .cont_1 .box2 .info_box3 figure img.adjusts{ height:140px;}
section.container .mid .top .cont_1 .box2 .info_box1 .subscibe .txt_b_2{ width:74%;}
section.container .mid .top .cont_1 .box2 .info_box1 .subscibe .go{ padding:1%;}
section.container .mid .top .cont_1 .box2 .info_box1 h6 img{ display:none;}

section.container .mid .top .cont_1 .box1 article ul.for_met1{ width:95%;}
section.container .mid .top .cont_1 .box1 article ul.for_met1 table{ width:100%;}

.slide_details ul li p{ min-height:88px; line-height:17px;}
.slidecontrols{ width:13.5%;}

footer section{width:748px;}
footer section article .left{ width:76%;}
footer section article .left ul li a{ font:normal 11px Arial, Helvetica, sans-serif;}
footer section article .right{ float:right; margin-top:2%;}
footer .copy p{width:748px; margin:0 auto;}

/***************************start_inner_page***************************/
header section .top .banner_box .left_inner ul li{ width:15.13%; padding:10px 3px 9px; min-height:110px;}
section.container .mid .top .cont_1 .box2 .info_box4 .subscibe .txt_b_2{ width:77%;}
section.container .mid .top .cont_1 .box2 .info_box4{ width:29.7%;}
section.container .mid .top .cont_1 .box2 .info_box5{ width:66.1%;}
section.container .mid .top .cont_1 .box2 .info_box5 article hgroup h2{ font-size:1.5em;}
section.container .mid .top .cont_1 .box2 .info_box5 article hgroup h4{ font-size:1.2em;}
section.container .mid .top .cont_1 .box2 .info_box5 article p{ line-height:16px; font-size:0.959em;}
section.container .mid .top .cont_1 .box1 article figure{ padding:5% 0 2%;}
/***************************start_inner_page***************************/


/***************************start_pdf_downl_page***************************/
section.container .mid .top .cont_1 .box2 .info_box5 article .past_spek_info figure{ width:21.7%;}
section.container .mid .top .cont_1 .box2 .info_box5 article .past_spek_info figure.for_rght{ width:30.7%; padding-top:2%; margin:0 0 2% 0;}
section.container .mid .top .cont_1 .box2 .info_box5 article .past_spek_info .for_txt_3{ width:75%;}
section.container .mid .top .cont_1 .box2 .info_box5 article .past_spek_info .for_txt_3 h6{ font-size:1.1em;}
section.container .mid .top .cont_1 .box2 .info_box5 article .cont_box_3 ul li a p.txt_2{ min-height:58px;}
/***************************end_pdf_downl_page***************************/

/*add_31-7-2013*/
section.container .mid .top .cont_1 .box2 .info_box3 ul li.last{ width:100%;}
section.container .mid .top .cont_1 .box2 .info_box5 article .past_spek_info figure.for_rght{ width:21.7%; margin-left:2%;}
section.container .mid .top .cont_1 .box2 .info_box5 article .for_text_cont .for_prog_cont.for_prog_cont2{  border-right: 0 none; margin:0; padding:0; width:99%;}
section.container .mid .top .cont_1 .box2 .info_box5 article .cont_box_3 ul li a p.txt_2 b{ font-size:11px; line-height:15px;}
section.container .mid .top .cont_1 .box2 .info_box5 article .cont_box_3 ul li a p.txt_2{ padding:5%;}
section.container .mid .top .cont_1 .box2 .info_box4 aside figure img.for_fb{ border:1px solid #aaaaaa;}
/*add_31-7-2013*/


/*****/

section.container .mid .top .cont_1 .box1 article ul li {  width: 32%; }
section.container .mid .top .cont_1 .box1 article ul.for_met1 table li { width: 100%; }
.tab_banner_box .con_left ul li a { width: 180px; }
header section .top .banner_box .left ul li { padding: 5px; }

}

/*****/

 @media only screen and (min-width: 768px) and (max-width: 959px) {

.banner_text_box { width: 73.5% !important; }

}

/******** 27-1-15 **************/

/*  Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
	
	  header section {  width: 100%; }
	  header section .top .logo_cont .right ul.log_in li.last {  }
	  header section .top .logo_cont .right ul.log_in li.box1 { display: block; width: 90%; margin: 0 auto; }
	  header section .top .logo_cont p.logo_txt { float:none; display:inline-block; text-align:center; }
	  header section .top .logo_cont a.logo { float:none; margin:0 auto; }
	  header section .top .logo_cont p.logo_txt span.for_img_2 { float: none; display: block; margin-top: 6px; }
	  header section .top .logo_cont p.logo_txt b { padding-top: 10px; padding-bottom: 10px; }
	  
	  header section .top .banner_box { padding: 10px 0px; }
	  header section .top .banner_box .right { width: 100%;  float: none; }
	  header section .top .banner_box .left { width: 100%; float: left; }
	  header section .top .banner_box .left ul li { width: 151px; }
	  header section .top .banner_box .left b { width: 100%; }
	  .banner_text { text-align:center !important; }
	  
	  section.container .mid { width: 100%; }
	  section.container .mid .top { padding: 0px 0px; }
	  section.container .mid .top .cont_1 { width: 100%; padding: 0px 8px; }
	  .add_box_1 { width: 100%;  float: left; }
	  .add_box_2 { width: 100%;  float: left;  margin: 15px 0px; }
	  
	  section.container .mid .top .cont_1 .box1 article { width: 96%; }
	  .scroller_box .slidewrap3 ul { border: 0px none !important; }
	  .slidecontrols { width: 17%; }
	  .scroller_box .slidewrap3 .slidecontrols { top: -8px; right: -8px; }
	  
	  section.container .mid .top .cont_1 .box2 .info_box1 { float: left; margin: 0px; width: 96%; }
	  
	  
	  figure.img-pos .fun_win #IssueImage1_rdurl { width:100%; }
	  figure.img-pos .fun_win #IssueImage1_rdurl img { width:100%; }
	  section.container .mid .top .cont_1 .box2 .info_box1 img.mar {  margin: 2.9% 0px;  width: 100%; }
	  
	  section.container .mid .top .cont_1 .box2 .info_box2 { float: left;  width: 100%; }
	  section.container .mid .top .cont_1 .box2 .info_box1 .subscibe .txt_b_2 { width: 68%; }
	  
	  .tab_banner_box .containt_ban figure { width:100%; }
	  
	   .tab_banner_box .containt_ban figure a img { width:96%; }
	  .banner_text_box { width: 96% !important; position: relative !important; }
	  .banner_text_box p { font-size: 11px !important; }
	  
	  .tab_banner_box .con_left ul li a { width: 271px; }
	  
	  section.container .mid .top .cont_1 .box1 article  ul.for_met1 { width:92%; }
	  section.container .mid .top .cont_1 .box1 article  ul.for_met1 li { width:100%; }
	  
	  section.container .mid .top .cont_1 .box1 article.add_new_box1 figure { margin-top: 3%; margin-bottom:5%; text-align:center; }
	  
	  section.container .mid .top .cont_1 .box1 article.add_new_box1 figure img {  }
	  
	  section.container .mid .top .cont_1 .box2 .info_box3 ul li { width: 96%; }
	  
	  section.container .mid .top .cont_1 .box2 .info_box3 ul li.last { text-align:center; }
	  
	  footer {  background: url("../images/bg_4.jpg") repeat-x scroll left top #183766; }
	  footer section { width: 100%; }
	  footer section article { width: 95%;  padding: 5% 7px 0px; }
	  footer section article .left ul { width: 66%;  }
	  footer section article .left h4 { padding-bottom: 4.5%; }
	  
	  footer .copy p { width: 100%; }
	  
	  /********************/
	  
	  header section .top .banner_box .left_inner ul li { width: 49.6%; }
	header section .top .banner_box .left_inner ul li.last { width: 49.6%; border-right: 1px solid #F8BB47; }
	  
	  section.container .mid .top .cont_1 .box2 .info_box4 { width: 96%; }
	  section.container .mid .top .cont_1 .box2 .info_box4 .subscibe .txt_b_2 { width: 68%; }
	  figure.img-pos .fun_win #InnerIssueImage1_rdurl img { width: 100%; }
	  figure.img-pos .fun_win #ctl00_InnerIssueImage1_rdurl img { width: 100%; }	  
	  .info_box4 aside figure.img-pos { text-align:center;}
	  
	  section.container .mid .top .cont_1 .box2 .info_box5 { border-top: 1px dashed #ccc; border-left: none; width: 90%; }

	}
	
	
	
	/* Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
	
	  header section {  width: 100%; }
	  header section .top .logo_cont .right ul.log_in li.last {  }
	  header section .top .logo_cont .right ul.log_in li.box1 { display: block; width: 50%; margin: 0 auto; }
	  header section .top .logo_cont p.logo_txt { float:none; display:inline-block; text-align:center; }
	  header section .top .logo_cont a.logo { float:none; margin:0 auto; }
	  header section .top .logo_cont p.logo_txt span.for_img_2 { float: none; display: block; margin-top: 6px; }
	  header section .top .logo_cont p.logo_txt b { padding-top: 10px; padding-bottom: 10px; }
	  
	  header section .top .banner_box { padding: 10px 0px; width: 97.8%; }
	  header section .top .banner_box .right { width: 100%;  float: none; }
	  header section .top .banner_box .left { width: 100%; float: left; }
	  header section .top .banner_box .left ul li { width: 170px; }
	  header section .top .banner_box .left b { width: 100%; }
	  .banner_text { text-align:center !important; }
	  header section .top .logo_cont p.logo_txt { width: 96%; }
	  
	  section.container .mid { width: 100%; }
	  section.container .mid .top { padding: 0px 0px; }
	  section.container .mid .top .cont_1 { width: 97%; padding: 0px 8px; }
	  .add_box_1 { width: 100%;  float: left; }
	  .add_box_2 { width: 100%;  float: left;  margin: 15px 0px; }
	  
	  section.container .mid .top .cont_1 .box1 article { width: 100%; }
	  .scroller_box .slidewrap3 ul { border: 0px none !important; }
	  .slidecontrols { width: 12%; }
	  .scroller_box .slidewrap3 .slidecontrols { top: -8px; right: -8px; }
	  
	  section.container .mid .top .cont_1 .box2 .info_box1 { float: left; margin: 0px; width: 100%; }
	  
	  figure.img-pos .fun_win #IssueImage1_rdurl { width:100%; }
	  figure.img-pos .fun_win #IssueImage1_rdurl img { width:100%; }
	  section.container .mid .top .cont_1 .box2 .info_box1 img.mar {  margin: 2.9% 0px;  width: 100%; }
	  
	  section.container .mid .top .cont_1 .box2 .info_box2 { float: left;  width: 100%; }
	  
	  section.container .mid .top .cont_1 .box2 .info_box1 .subscibe .txt_b_2 { width: 38%; }
	  
	  .tab_banner_box .containt_ban figure { width:100%; }
	  
	   .tab_banner_box .containt_ban figure a img { width:96%; }
	  .banner_text_box { width: 96% !important; position: relative !important; }
	  .banner_text_box p { font-size: 11px !important; }
	  
	  .tab_banner_box .con_left ul li a { width: 214px; font-size: 12px; }
	  
	  section.container .mid .top .cont_1 .box1 article  ul.for_met1 { width:92%; }
	  section.container .mid .top .cont_1 .box1 article  ul.for_met1 li { width:100%; }
	  
	  section.container .mid .top .cont_1 .box1 article.add_new_box1 figure { margin-top: 3%; margin-bottom:5%; text-align:center; }
	  
	  section.container .mid .top .cont_1 .box1 article.add_new_box1 figure img {  }
	  
	  section.container .mid .top .cont_1 .box2 .info_box3 ul li { width: 96%; }
	  
	  section.container .mid .top .cont_1 .box2 .info_box3 ul li.last { text-align:center; }
	  
	  footer {  background: url("../images/bg_4.jpg") repeat-x scroll left top #183766; }
	  footer section { width: 100%; }
	  footer section article { width: 95%;  padding: 5% 7px 0px; }
	  footer section article .left ul { width: 66%;  }
	  footer section article .left h4 { padding-bottom: 4.5%; }
	  
	  footer .copy p { width: 100%; }
	  section.container .mid .top .cont_1 .box1 article ul.for_met1 table#forthcomingmeetings1_DLRegulermeeting { width:100%; }
	  
	
	}
	
	
	
	@media only screen and (min-width: 479px) and (max-width: 480px) {
	
	header section .top .banner_box .left ul li { width: 231px; }
	footer section article .left ul { width: 50%; }
	
	/*********/
	header section .top .banner_box .left_inner ul li { width: 49.6%; }
	header section .top .banner_box .left_inner ul li.last { width: 49.6%; border-right: 1px solid #F8BB47; }
	section.container .mid .top .cont_1 .box2 .info_box4 .subscibe .txt_b_2 { width: 52%; }
	footer section article .left ul li a { width: 80%; }
	
	}
	
	@media only screen and (min-width: 359px) and (max-width: 360px) {
	
	header section .top .banner_box .left ul li { width: 170px; }
	section.container .mid .top .cont_1 .box1 article ul.for_met1 table#forthcomingmeetings1_DLRegulermeeting { width:100%; }
	.tab_banner_box .con_left ul li a { width: 305px; }
	
	
	/*********/
	header section .top .banner_box .left_inner ul li { width: 49.6%; }
	header section .top .banner_box .left_inner ul li.last { width: 49.6%; border-right: 1px solid #F8BB47; }
	
	}
	
	@media only screen and (min-width: 639px) and (max-width: 640px) {
	
	header section .top .banner_box .left ul li { width: 197px; }
	footer section article .left ul {  width: 33%; }
	.tab_banner_box .con_left ul li a { width: 153px; }
	
	/*********/
	header section .top .banner_box .left_inner ul li { width: 32.2%; }
	header section .top .banner_box .left_inner ul li.last { width: 32.2%; border-right: 1px solid #F8BB47; }
	section.container .mid .top .cont_1 .box2 .info_box4 .subscibe .txt_b_2 { width: 38%; }
	section.container .mid .top .cont_1 .box2 .info_box5 { width: 94%; }
	footer section article .left ul li a {  width: 100%; }
	header section .top .logo_cont p.logo_txt b { width: 100%;  }
	
	}