@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	.btitle {
		color: #3c2817;
		font-size: 13px;
		font-weight: bold;
		margin: 0 0 10px;
		width: 75% !important; 
	}
	.header-inner, .container, .news {
		margin: auto;
		width: 97% !important; 
	}
	.indidesc {
		float: left;
		font-size: 12px !important;
		margin: 0;
		width: 55% !important;
	}
	.indiic i {
		font-size: 12px !important;
		font-style: normal;
	}
	
	
	.clogoi2 a {
		display: block;
		float: left;
		margin: 0 10px 0 0;
		text-align: center;
		width: 138px !important;
	}
	
	.left2 {
		/* width: 220px; */
		float: left;
		margin: 0;
		width: 20%;
		font: normal normal 10pt 'HeroinSemiRegular';
	}
	.right2 {
		/* width: 880px; */
		float: left;
		margin: 0;
		margin-bottom: 20px;
		width: 79%;
		background: #dddddd;
		padding-bottom: 20px;
	}
	
	.right_t2 {
	    padding-left: 10px;
	    float: left !important;
	}

}
@media only screen and (max-width : 1024px) {
	.clogoi2 a {
		display: block;
		float: left;
		margin: 0 10px 0 0;
		text-align: center;
		width: 129px !important;
	}
	.right_t2{
		float:left !important;
	}
	.right_t2 .others{
		padding-left:10px !important;
	}
}
@media only screen and (max-width : 768px) {
	.left2{
		width:19% !important;
	}
	.right2 {
		width: 78%;
		float: left;
	}
	.right_t1 .transcript{
		width:60% !important;
		float:left;
	}	
}