@media screen and (min-width:320px) and (max-width:767px){
	
	.table_responsive table td,#zones thead th{
   		display: block;
	}
	.dt-example .container{
		width: 80%;
	}
	.table_responsive td:before { content: attr(data-title); }
	/* #table_responsive td:nth-of-type(2):before { content: ""; }
	#table_responsive td:nth-of-type(3):before { content: "name"; }
	#table_responsive td:nth-of-type(4):before { content: "Room"; }
	#table_responsive td:nth-of-type(5):before { content: "Network"; }
	#table_responsive td:nth-of-type(6):before { content: "Other"; }
	#table_responsive td:nth-of-type(7):before { content: ""; }   */
	/* #table_responsive tr td:last-child:before {
	    border-bottom-color: 4px solid red;
	} */
	.table_responsive tr:nth-of-type(odd) { 
  		background: #f8f8f8; 
  		text-align: left;
	}
	.table_responsive tr:nth-of-type(even) { 
  		text-align: left;
	}
	.table_responsive tbody td {
   		 padding-left: 52% !important;
   		 width: 100%;
   		 display: block;
	}
	.ui.celled.table tr td, .ui.celled.table tr th {
    	border-left: 0 !important;
	}
	.table_responsive tbody tr td:last-child {
    	text-align: justify;
	}
	.table_responsive{
		overflow: hidden;
	}
	.table_responsive td::before {
    	left: 10%;
    	position: absolute;
    	font-weight: bold;
	}
	.table_responsive thead{
		display: none !important; 
	}
}