@media (max-width: 1366px) {
    .blog-compact-item {
        height: 170px;
    }
}

@media (max-width: 600px) {
    table th,
    table.dataTable tbody td {
         display: table-cell; 
    }
}

@media (min-width: 320px) and (max-width: 480px) {
	.login-container {
		height: calc(100vh - 250px);
	}
	
	.user-menu .header-notifications-dropdown, 
	.header-notifications-dropdown {
	    width: calc(100vw - 100px);
	}
	
	.dashboard-box .content.with-padding {
	    margin-bottom: 20px;
	}
	
	table.dataTable {
	    width: 100% !important;
	}
	
	table.dataTable thead th,
	table.dataTable tbody td {
	    padding: 10px 5px;
	    width: 23% !important;
	    text-align: center;
	}
	
	#tag-detail-table.archive-table thead th,
	#tag-detail-table.archive-table tbody td {
	    width: 130px !important;
	}
	
	table.dataTable thead th {
	    width: 23% !important;
	}
	
	table.dataTable thead th:nth-child(1) {
	    padding-left: 32px;
	}
	
	table.dataTable.admin-dashboard-table thead th:nth-child(1),
	table.dataTable.admin-dashboard-table tbody td:nth-child(1) {
	    width: 18% !important;
	}
	
	table.dataTable.admin-dashboard-table thead th:nth-child(1) {
	    padding-left: 30px;
	}
	
	.location-tag .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
	    width: 50%;
	}
	
	div.dt-buttons {
	    float: right !important;
	}
	
	.dataTables_wrapper .dataTables_filter {
	    margin-top: 6px;
	}
	
	.dataTables_filter label {
	    margin-top: 80px;
	}
	
	.dataTables_wrapper .dataTables_paginate .paginate_button {
	    min-width: 1em;
	    padding: 0.1em 0.4em;
        margin-left: 1px;
	}
	
	table.dataTable>tbody>tr.child span.dtr-title {
	    min-width: 160px;
	}
	
	table.dataTable>tbody>tr.child span.dtr-data {
	    min-width: 100px;
	}
	
	#tag-detail-table td {
	    text-align: center !important;
	}
	
	#tag-detail-table th:nth-child(4) {
	    width: 135px !important;
	}
	
	.chart-wrapper {
	    height: 250px !important;
	}
	
	.chart-container {
	    height: 28vh;
        top: 5px;
	}
	
}