@media only screen and (min-width: 1200px)
{

}

@media (max-width: 1200px) {
	
	
}

@media (max-width: 1100px) {
	
	
}

/* md */
@media only screen and (max-width: 992px)
{
	
}	

@media only screen and (max-width: 900px)
{
	.mobile-break{
		flex-basis: auto;
	}

	
}


@media only screen and (max-width: 1024px)
{	
	body,html{
		background-color: #fff;
	}

	.main-wrapper{
		margin-top: 100px;
	}
	
	.login-wrapper {
		margin-top: 0;
	}

	.helper-table {
		display: block;
	}
	  
	.helper-table.auto {
		width: 100%;
	}
	  
	.helper-cell {
		display: block;
		height: auto;
	}

	.center-mobile{
		text-align: center;
		width: 100%;
		float: none;
	}

	.hide-mobile{
		display: none;
	}

	.show-mobile{
		display: block;
	}

	.show-mobile-flex{
		display: flex;
	}

	.padding-4 {
		padding: 4% 7% !important;
	}

	.width-33{
		width: 100%;
	}

	.width-25{
		width: 100%;
	}

	.width-20{
		width: 100%;
	}


	.table.border-title th {
		padding: .55rem;
	}
	
	.table.border-title td{
		padding: .55rem;
	}

}	


@media screen and (max-width: 620px){
	
	
	
	

}

@media screen and (max-width: 575px){

	.hide-mobile-sm{
		display: none;
	}

	.show-mobile-sm{
		display: block  !important;
	}

	
}

@media only screen and (max-width: 500px)
{
	.padding-4 {
		padding: 4% 8% !important;
	}

}

@media only screen and (max-width: 400px)
{
	/*
	.font-h1{
		font-size: 40px !important;
	}*/	

		
}

@media only screen and (max-width: 330px)
{
	
	.page-link {
		padding: .4rem .50rem;
	}

}