@media only screen and (max-width: 600px) {
	.dropdown-menu, .popover {
	    top: 257px !important;
	}

	.img {
		width: 100%;
	}

	.form-control-sm{
		width: 55%!important;
	}
	.custom-select-sm{
		width: 35%!important;
	}
}

@media only screen and (max-width: 760px){
	
	.table-mobile{
		overflow-x:auto;
	}

	.validate-cep-mobile{
		margin-top: 0 !important;
		margin-bottom: 10px !important;
	}

	.add-service-mobile{
		margin-top: 0 !important;
	}

	.box-client-mobile, .box-controlled-mobile{
		padding-top: 0 !important;
		padding-left: 24px !important;
		padding-bottom: 8px !important;
	}

	.div-file-mobile{
		padding-top: 0!important;
	}

	.file-mobile{
		width: 100%;
	}

	li.page-item {

        display: none;
    }

    .page-item:first-child,
    .page-item:nth-child( 2 ),
    .page-item:nth-last-child( 2 ),
    .page-item:last-child,
    .page-item.active,
    .page-item.disabled {
        display: block;
    }
	/* table, thead, tbody, th, td, tr { 
		display: block; 
	}
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	
	td { 
		Behave  like a "row"
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	td:before { 
		Now like a table header
		position: absolute;
		Top/left values mimic padding
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	} */
}