.general a 			{ transition: all 0.3s ease-out; text-decoration:underline;}
	.general a:hover 	{ color:#333;}

	.general img { width:100%; height:auto;}
	.general img.img-scale-50	{ width:50%; height:auto;}
  	.general hr { height:1px; background-color:#ececec; border:none; margin:2% 0;}


	.general .g-title-blk   { margin-bottom:50px; border-bottom:5px solid #ebebeb}
	.general .g-item-blk	{ padding:20px 0; border-bottom:1px solid #ebebeb}
	

	/* General template - left content, right photo */
	.content-left      {}
	.content-left img     { margin-top:8px}
	.content-left .cl-left { width:calc(70% - 5%); float:left; padding-right:5%; max-height:999999px} 
	.content-left .cl-right{ width:30%; float:left} 


	/* General template - left photo, right content */
	.content-right       {}
	.content-right img      { margin-top:8px}
	.content-right .cr-left { width:30%; float:left} 
	.content-right .cr-right{ width:calc(70% - 5%); float:left; padding-left:5%;} 

	.caption { margin-top:10px; line-height:1.6;}


  	/* General template - ul li */
  	.general ul   	{ margin:0px; padding:0px; text-indent:0;}
  	.general ul li  { margin:0px 0px 0px 20px; padding:0; line-height:1.8; list-style-type:disc;}

	
	/* 2 col responsive table */
	div.table-wrapper div.scrollable.noml{margin-left:0;}
	.res-table { padding-top:20px}
	.general .col2-table-row { display:table; table-layout:fixed; height:100%; width:100%;}
	.general .col2-table-row .table-col { display:table-cell; float:none; height:100%; padding:10px; border-bottom:1px solid #fff; vertical-align:top;}
	.general .col2-table-row:nth-child(odd)  { background-color:#dedede}
	.general .col2-table-row:nth-child(even) { background-color:#e7e7e7}
	.general .col2-table-row .field   { text-align:right; width:25%; color:#fff;} 
	.general .col2-table-row .detail  { width:75%}
	  

	/* 2 col responsive table */
	.general .col2-table-halfRow { display:table; table-layout:fixed; height:100%; width:100%;}
	.general .col2-table-halfRow .table-col { display:table-cell; float:none; height:100%; padding:20px 0;
	                                          background-color:#fff; vertical-align:top;}
	.general .col2-table-halfRow .half-col:nth-child(odd)    { width:48%; padding-right:2%;} 
	.general .col2-table-halfRow .half-col:nth-child(even)   { width:48%; padding-left:2%} 
	.general .col2-table-halfRow .table-col img { margin-bottom:10px}


	/* General template - color table style */
	.general table.gen      { text-align:left; vertical-align:top; margin:1% 0 0 0;  line-height:1.4;}
	.general table.gen th 	{ border: 1px solid #fff;}
	.general table.gen tr, .general table.gen td { border: 1px solid #ececec}
	.general table.gen th     {  padding:1% 2%; color:#fff; text-align:left; vertical-align:top; }
	.general table.gen tr.even td { background-color:#dedede; padding:1% 2%; /*border-bottom:1px solid #fff;*/ text-align:left; vertical-align:top; }
	.general table.gen tr.odd td  { background-color:#e7e7e7; padding:1% 2%; /*border-bottom:1px solid #fff;*/ text-align:left; vertical-align:top; }

	/* General template - nude table style */
	.general table.nude         { text-align:left; vertical-align:top; margin:0}
	.general table.nude th       	{ background-color:#fff; padding:0; color:#333; text-align:left; vertical-align:top; color:#666; }
	.general table.nude tr.even td  { background-color:#fff; padding:0; border-bottom:1px solid #fff; text-align:left; vertical-align:top; }
	.general table.nude tr.odd td   { background-color:#fff; padding:0; border-bottom:1px solid #fff; text-align:left; vertical-align:top; }


	/* General template - Grey box & color box */
	.general .greyBox   { background-color:#dedede; padding:2% 2%; margin:1% 0 0 0}
	.general .colorBox  { padding:2% 2%;  margin:1% 0 0 0; color:#fff;}


	/* Action Button */
	a.button .g-btn { padding:10px 20px; display:block; float:left; position:relative; z-index:2;
					  color:#fff; transition: all 0.3s ease-out;}

	a.button { display:inline-block; cursor:pointer; border:0; position:relative; overflow:hidden;
		    	-webkit-border-radius: 5px;
		    			border-radius: 5px;
		  		   -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.06);
		                   box-shadow: inset 0 0 0 1px rgba(0,0,0,.06);
		            background-repeat: repeat-x; margin-bottom:5px}

    a.button .fa-download { padding-right:10px}


	/* List Style */
	ul.list 	{ margin:0; padding:0;}
	ul.list li 	{ list-style:none; margin:0; padding:8px 15px}
	ul.list li:nth-child(odd)  { background-color:#e7e7e7;}
	ul.list li:nth-child(even) { background-color:#dedede;}


	/* ==========================================================================
		Media Styles
	============================================================================= */

	@media only screen and (max-width:1024px) {
	}

	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { 
	.sm-img .span_1_of_4 { width:32.26%; height:180px; }
	.sm-img .col:nth-child(4n+1)  { margin-left: 1.6%;}
	.sm-img .col:nth-child(3n+1)  { margin-left: 0;}

	}

	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { 
	.sm-img .span_1_of_4 { width:49.2%; height:180px; }
	.sm-img .col:nth-child(2n+1)  { margin-left: 0;}
	}


	@media only screen and (max-width: 767px) {
	.general table      	 	{ font-size:11px;}
	.general img.img-scale-50	{ width:100%; height:auto;}

	.general .g-title-blk   { margin-bottom:25px;}

  	.content-left .cl-left { width:100%; float:left; padding-right:0; margin-bottom:20px} 
  	.content-left .cl-right{ width:100%; float:left; padding-right:0;} 
  	.content-right .cr-left { width:100%; float:left;  margin-bottom:20px} 
  	.content-right .cr-right{ width:100%; float:left; padding-left:0;} 

  	.general .col2-table-row { display:block; table-layout:inherit; width:100%; height:100%; border:none}
  	.general .col2-table-row .table-col { display:block; float:inherit; height:100%; padding:inherit; border-bottom:none;}
  	.general .col2-table-row .field   { width:90%; padding:2% 5%; text-align:left; /*line-height:1.4*/)} 
  	.general .col2-table-row .detail  { width:90%; padding:2% 5%;}
  	.general .col2-table-row:nth-child(odd)  { background-color:#dbdbdb; }
  	.general .col2-table-row:nth-child(even) { background-color:#dbdbdb; }

  	/* • 2 col responsive table */
  	.general .col2-table-halfRow { display:block; table-layout:inherit;  height:100%; width:100%;}
  	.general .col2-table-halfRow .table-col { display:block; float:inherit; height:100%; padding:inherit;}
  	.general .col2-table-halfRow .half-col:nth-child(odd)    { width:100%; padding-right:0%; padding-bottom:20px} 
  	.general .col2-table-halfRow .half-col:nth-child(even)   { width:100%; padding-left:0%; padding-bottom:20px;}
  	.general .col2-table-halfRow .table-col img { margin-bottom:10px}

	.general .greyBox   { padding:5%; margin:1% 0 0 0}
	.general .colorBox  { padding:5%; margin:1% 0 0 0;}

	.general table.gen th, .general table.gen tr.even td, .general table.gen tr.odd td { padding:2% 5%; }
  	.general hr { height:1px; background-color:#ececec; border:none; margin:10% 0;}

	}


	@media only screen and (max-width: 479px) {
	.sm-img .span_1_of_4 { height:100px; }
	}