/* responsive columns */
.responsive, .responsive-fixed
{
	padding: 0;
	display: block;
	width: auto;
	overflow: visible;
	position: relative;
	text-align: center;
	vertical-align: top;
	box-sizing: border-box;
}
	.responsive .col5, .responsive-fixed .col5
	{
		width: 5%;
		overflow: auto;
		text-align: left;
		vertical-align: inherit;
		display: inline-block;
		position: relative;
		box-sizing: border-box;
	}
	.responsive .col10, .responsive-fixed .col10
	{
		width: 10%;
		overflow: auto;
		text-align: left;
		vertical-align: inherit;
		display: inline-block;
		position: relative;
		box-sizing: border-box;
	}
	.responsive .col15, .responsive-fixed .col15
	{
		width: 15%;
		overflow: auto;
		text-align: left;
		vertical-align: inherit;
		display: inline-block;
		position: relative;
		box-sizing: border-box;
	}
	.responsive .col20, .responsive-fixed .col20
	{
		width: 20%;
		overflow: auto;
		text-align: left;
		vertical-align: inherit;
		display: inline-block;
		position: relative;
		box-sizing: border-box;
	}
	.responsive .col25, .responsive-fixed .col25
	{
		width: 25%;
		overflow: auto;
		text-align: left;
		vertical-align: inherit;
		display: inline-block;
		position: relative;
		box-sizing: border-box;
	}
	.responsive .col30, .responsive-fixed .col30
	{
		width: 30%;
		overflow: auto;
		text-align: left;
		vertical-align: inherit;
		display: inline-block;
		position: relative;
		box-sizing: border-box;
	}
	.responsive .col33, .responsive-fixed .col33
	{
		width: 33.33%;
		overflow: auto;
		text-align: left;
		vertical-align: inherit;
		display: inline-block;
		position: relative;
		box-sizing: border-box;
	}
	.responsive .col35, .responsive-fixed .col35
	{
		width: 35%;
		overflow: auto;
		text-align: left;
		vertical-align: inherit;
		display: inline-block;
		position: relative;
		box-sizing: border-box;
	}
	.responsive .col40, .responsive-fixed .col40
	{
		width: 40%;
		overflow: auto;
		text-align: left;
		vertical-align: inherit;
		display: inline-block;
		position: relative;
		box-sizing: border-box;
	}
	.responsive .col45, .responsive-fixed .col45
	{
		width: 45%;
		overflow: auto;
		text-align: left;
		vertical-align: inherit;
		display: inline-block;
		position: relative;
		box-sizing: border-box;
	}
	.responsive .col50, .responsive-fixed .col50
	{
		width: 50%;
		overflow: auto;
		text-align: left;
		vertical-align: inherit;
		display: inline-block;
		position: relative;
		box-sizing: border-box;
	}
	.responsive .col55, .responsive-fixed .col55
	{
		width: 55%;
		overflow: auto;
		text-align: left;
		vertical-align: inherit;
		display: inline-block;
		position: relative;
		box-sizing: border-box;
	}
	.responsive .col60, .responsive-fixed .col60
	{
		width: 60%;
		overflow: auto;
		text-align: left;
		vertical-align: inherit;
		display: inline-block;
		position: relative;
		box-sizing: border-box;
	}
	.responsive .col65, .responsive-fixed .col65
	{
		width: 65%;
		overflow: auto;
		text-align: left;
		vertical-align: inherit;
		display: inline-block;
		position: relative;
		box-sizing: border-box;
	}
	.responsive .col66, .responsive-fixed .col66
	{
		width: 66.66%;
		overflow: auto;
		text-align: left;
		vertical-align: inherit;
		display: inline-block;
		position: relative;
		box-sizing: border-box;
	}
	.responsive .col70, .responsive-fixed .col70
	{
		width: 70%;
		overflow: auto;
		text-align: left;
		vertical-align: inherit;
		display: inline-block;
		position: relative;
		box-sizing: border-box;
	}
	.responsive .col75, .responsive-fixed .col75
	{
		width: 75%;
		overflow: auto;
		text-align: left;
		vertical-align: inherit;
		display: inline-block;
		position: relative;
		box-sizing: border-box;
	}
	.responsive .col80, .responsive-fixed .col80
	{
		width: 80%;
		overflow: auto;
		text-align: left;
		vertical-align: inherit;
		display: inline-block;
		position: relative;
		box-sizing: border-box;
	}
	.responsive .col85, .responsive-fixed .col85
	{
		width: 85%;
		overflow: auto;
		text-align: left;
		vertical-align: inherit;
		display: inline-block;
		position: relative;
		box-sizing: border-box;
	}
	.responsive .col90, .responsive-fixed .col90
	{
		width: 90%;
		overflow: auto;
		text-align: left;
		vertical-align: inherit;
		display: inline-block;
		position: relative;
		box-sizing: border-box;
	}
	.responsive .col95, .responsive-fixed .col95
	{
		width: 95%;
		overflow: auto;
		text-align: left;
		vertical-align: inherit;
		display: inline-block;
		position: relative;
		box-sizing: border-box;
	}
	.responsive .col100, .responsive-fixed .col100
	{
		display: block;
		overflow: visible;
		text-align: left;
		vertical-align: inherit;
		position: relative;
		box-sizing: border-box;
	}
	.responsive .responsive,
	.responsive-fixed .responsive,
	.responsive .responsive-fixed
	{
		padding: 0;
		display: block;
		overflow: visible;
		text-align: center;
		vertical-align: middle;
		box-sizing: border-box;
	}

.lowres-show
{
	display: none !important;
}

/*
 * LOW RESOLUTION
 */
@media screen and (max-width: 749px)
{
	.responsive>.col5,
	.responsive>.col10,
	.responsive>.col15,
	.responsive>.col20,
	.responsive>.col25,
	.responsive>.col30,
	.responsive>.col33,
	.responsive>.col35,
	.responsive>.col40,
	.responsive>.col45,
	.responsive>.col50,
	.responsive>.col55,
	.responsive>.col60,
	.responsive>.col65,
	.responsive>.col66,
	.responsive>.col70,
	.responsive>.col75,
	.responsive>.col80,
	.responsive>.col85,
	.responsive>.col90,
	.responsive>.col95,
	.responsive>.col100
	{
		width: 100% !important;
	}	/* small size screen col width */
	.responsive .scol5
	{
		width: 5% !important;
	}
	.responsive .scol10
	{
		width: 10% !important;
	}
	.responsive .scol15
	{
		width: 15% !important;
	}
	.responsive .scol20
	{
		width: 20% !important;
	}
	.responsive .scol25
	{
		width: 25% !important;
	}
	.responsive .scol30
	{
		width: 30% !important;
	}
	.responsive .scol33
	{
		width: 33.33% !important;
	}
	.responsive .scol35
	{
		width: 35% !important;
	}
	.responsive .scol40
	{
		width: 40% !important;
	}
	.responsive .scol45
	{
		width: 45% !important;
	}
	.responsive .scol50
	{
		width: 50% !important;
	}
	.responsive .scol55
	{
		width: 55% !important;
	}
	.responsive .scol60
	{
		width: 60% !important;
	}
	.responsive .scol65
	{
		width: 65% !important;
	}
	.responsive .scol66
	{
		width: 66.66% !important;
	}
	.responsive .scol70
	{
		width: 70% !important;
	}
	.responsive .scol75
	{
		width: 75% !important;
	}
	.responsive .scol80
	{
		width: 80% !important;
	}
	.responsive .scol85
	{
		width: 85% !important;
	}
	.responsive .scol90
	{
		width: 90% !important;
	}
	.responsive .scol95
	{
		width: 95% !important;
	}
	.responsive .scol100
	{
		width: 100% !important;
	}

	.lowres-show
	{
		display: block !important;
	}
	.lowres-hide
	{
		display: none !important;
	}

	.lowres-center
	{
		text-align: center !important;
	}
	.lowres-left
	{
		text-align: left !important;
	}
	.lowres-right
	{
		text-align: right !important;
	}
}