/*
    Description: 	Tables Framework
    Author: 		Insidelabdev
    Version: 		1.0
*/

/*	--------------------------------------------------
	:: TABLET PORTRAIT DESIGN WIDTH 1200PX
	-------------------------------------------------- 

    @media only screen and (min-width:960px) and (max-width:1199px) {
		
        .tables-widget-holder { width:100%; }
		       
    }

	--------------------------------------------------
	:: TABLET PORTRAIT DESIGN WIDTH 960PX
	-------------------------------------------------- 

    @media only screen and (min-width:768px) and (max-width:959px) {
		
        .tables-widget-holder { width:100%; }
		
		.marginbres10 { margin-bottom:10px; }
		
		.tables-widget thead tr th {
			display:none;
		}
		
		.tables-widget tbody tr td:before{
		    display:block;
			line-height:24px;
		}
		
		.tables-widget tbody tr td {
			display:block;
			width:100%;
		}
		
		.tables-widget tfoot tr td {
			line-height:20px;
		}
				       
    }

*/

/*	--------------------------------------------------
	:: TABLET LANDSCAPE DESIGN WIDTH 420PX
	-------------------------------------------------- */

    @media only screen and (min-width:480px) and (max-width:767px) {
		
        .tables-widget-holder { width:100%; }
		
		.marginbres10 { margin-bottom:10px; }
		
		.tables-widget thead tr th {
			display:none;
		}
		
		.tables-widget tbody tr td:before{
		    display:block;
			line-height:24px;
		}
		
		.tables-widget tbody tr td {
			display:block;
			width:100%;
		}
		
		.tables-widget tfoot tr td {
			line-height:20px;
		}
		
		.tables-widget .dataTables_length{ 
			margin:10px 0 0 0;
		}
		
		.tables-widget .dataTables_filter {
			float:none;
			display:block;
			margin:10px 0 0 0;
		}
		
		.tables-widget .dataTables_filter .tables-widget-search-group {
			width:100%;
		}
		
    }

/*	--------------------------------------------------
	:: TABLET PORTRAIT DESIGN WIDTH 300PX
	-------------------------------------------------- */

    @media only screen and (max-width:479px) {
		
        .tables-widget-holder { width:100%; }
		
		.marginbres10 { margin-bottom:10px; }
		
		.tables-widget thead tr th {
			display:none;
		}
		
		.tables-widget tbody tr td:before{
		    display:block;
			line-height:24px;
		}
		
		.tables-widget tbody tr td {
			display:block;
			width:100%;
		}
		
		.tables-widget tfoot tr td {
			line-height:20px;
		}
		
		.tables-widget .dataTables_length{ 
			margin:10px 0 0 0;
		}
		
		.tables-widget .dataTables_filter {
			float:none;
			display:block;
			margin:10px 0 0 0;
		}
		
		.tables-widget .dataTables_filter .tables-widget-search-group {
			width:100%;
		}
		
		.tables-widget .dataTables_paginate {
			float:none;
			display:block;
		}
			
    }