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

}

@media (max-width: 1200px) {
	
	.font-60 {
		font-size: 46px;
	}
}

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

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

	.font-30 {
		font-size: 28px;
	}

}	

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

	.font-30 {
		font-size: 24px;
	}

	.font-23{
		font-size: 21px !important;
	}

	.font-16{
		font-size: 14px !important;
	}

	
	
}


@media only screen and (max-width: 767px)
{	
	
	.font-60{
		font-size: 50px;
	}	
	
	.font-33{
		font-size: 28px;
	}

	.font-30 {
		font-size: 20px;	
	}

	.font-35{
		font-size: 26px !important;
	}	

	.font-23{
		font-size: 20px !important;
	}

	.font-19{
		font-size: 16px !important;
	}

	.font-17{
		font-size: 14px !important;
	}

	.font-16{
		font-size: 13px !important;
	}

	.font-14{
		font-size: 13px;
	}
	
	.font-13{
		font-size: 12px;
	}		

	.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;
	}

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

	.width-33{
		width: 100%;
	}

	.width-25{
		width: 100%;
	}

	.width-20{
		width: 100%;
	}

}	


@media screen and (max-width: 620px){
	
	
	.font-30 {
		font-size: 18px;	
	}
	

}

@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-60{
		font-size: 40px !important;
	}	

	.font-50 {
		font-size: 30px !important;
	}
	
	.font-33{
		font-size: 22px !important;
	}

	.font-30 {
		font-size: 20px !important;	
	}

	.font-35{
		font-size: 23px !important;
	}
	
	.font-20{
		font-size: 17px !important;
	}

	.font-23{
		font-size: 19px !important;
	}

	.font-19{
		font-size: 14px !important;
	}

	.font-17{
		font-size: 14px !important;
	}

	.font-16{
		font-size: 13px !important;
	}
	
	.font-15 {
		font-size: 12px !important;
	}
	
	.font-14{
		font-size: 11px !important;
	}

	.font-13{
		font-size: 10px !important;
	}

	.font-12{
		font-size: 10px !important;
	}

	.font-10{
		font-size: 9px !important;
	}

		
}

@media only screen and (max-width: 330px)
{
	.font-30 {
		font-size: 19px;	
	}

	.font-19{
		font-size: 13px !important;
	}
	
	.font-60{
		font-size: 34px !important;
	}
}