/* 
 * Copyright 
 * Created by : Azman Zaki
 * Dept : Multimedia Product Innovation Unit (MPU), ITSD
 * August 2015
 * For MCTPR potrait version
 */
 
 @media screen and (orientation: portrait){
	header{
		text-align:center;
	}
	
	header h1{
		font-size:20px;
	}
	
	.h_images{
		width:70%;
	}
	
	
	
	.h_title{
		border-left: none;
		width:100%;
	}
	
	.menu ul{
		padding:0px;
		position:absolute;
	}
	
	.menu ul li{
		background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 78%, rgba(255,255,255,0.5) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.5)), color-stop(78%,rgba(0,0,0,0.5)), color-stop(100%,rgba(255,255,255,0.5))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 78%,rgba(255,255,255,0.5) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 78%,rgba(255,255,255,0.5) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 78%,rgba(255,255,255,0.5) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 78%,rgba(255,255,255,0.5) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#80ffffff',GradientType=0 ); /* IE6-9 */
		width:100%;
		padding:2% 0%;

	}
	
	.hrdf{
		width:40%;
	}
	
	.p_title_index{
		padding-top:10%;
	}
	
	.p_title_index h1{
		font-size:30px;
	}
	
	.p_title{
		padding-top:30%;
	}
	
	.p_title h1{
		font-size:30px;
	}
	
	.f_1{
		display:block;
		width:100%;
	}
	
	.f_block{
		text-align:center;
	}
	
	.b_title{
		width:98%;
	}
	
	.theme_list{
		width:90%;
	}
		
	.theme_list ul{
		display:inline-block;
		width:100%;
		margin-right:0px;
	}
	
	.about_list{
		width:90%;
	}
		
	.about_list ul{
		display:block;
		width:100%;
	}
	
	.str_icon{
		display:block;
		margin-left:20px;
		width:80%;
		min-width:10px;
	}
	
	.table1{
		display:block;
		margin-left:20px;
		width:80%;
		min-width:10px;
	}
	
	.content{
		padding:10px 30px;
		text-align:justify;
		
	}
	
	#submit_btn{
		text-align:center;
	}
	
	#m_li{
		display:none;
	}
	
	#m_potrait{
		display:inline-block;
		width:100%;
	}
	
	.ben_box{
		width:80%;
		display:block;
		margin:10px;
	}
	#table1_img{
		width:90%;
		padding-top:20px;
	}
	
	#accom_img{
		width:90%;
		padding-top:20px;
	}
	
	#disc_img{
		margin-right:0%;
	}
	
	#spk_main_title{
		text-align:center;
	}
	
	.speakers{
		/*width:90%;
		text-align:center;
		margin-bottom:20px;*/
	}
	
	.spk_txt{
		width:100%;
		text-align:center;
		margin-bottom: 15px;
	}
	
	.speakers_main {
		width:90%;
		text-align:center;
	}	
	
	.speakers_main img{
		width:100%;
	}

	.spk_main_txt{
		width:100%;
		text-align:justify;	
	}
	
	.semua{
		display:none;
	}
	
	.tab{
		display:block;
	}
 }