.responsive-table-hidden-cell{     	
     	display: none;
}
.responsive-table-hidden-row{
	display: none;
}
.responsive-form-label{
	display: block;
	margin-bottom: 4px;
}

.responsive-table-100-percent{
	width: 100% !important;
}

/*responsive youtube embed*/
.video-container {
    position: relative;
  	height: 0;
  	padding-bottom: 56.25%; /*16:9*/
  	width: 100%;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (min-width: 768px) {
	.responsive-table-hidden-cell{		
		display: table-cell;
	}
	.responsive-table-hidden-row{
		display: table-row;
	}
	.responsive-form-label
	{
		display: none;
	}
	.desktop-hidden{
		display: none;
	}
	.mobile-hidden{
		display: block;
	}

}

.timetable-lessons {
	padding: 2px 4px;
}

@media (max-width: 767px) {
	img.responsive-big-image{
		width: 100%;
		height: auto;
	}
	.responsive-input-field{
		width: 100% !important;
	}
	.responsive-table{
		width: 100% !important;
	}
	.desktop-hidden{
		display: block;
	}
	.mobile-hidden{
		display: none;
	}
	.timetable-lessons {
		font-size:  10px;
		margin-top: 5px;
	}
	.timetable-course-name {
		font-size: 13px;
	}
}

/*
    CONVENTIONS BELLOW:
	---------------------------------------------------
    'g-' prefix stands for global classes
    'g-res' prefix stands for global responsive classes
    'col-1-12' like bootstrap, implements column layouts, col-[%WIDTH]-[TOTAL_COLUMNS]
    Ex.: col-1-12 stand for 1 column of a 12 columns layout
 */

/** Stuff BELLOW resolution */
@media screen and (max-width: 767px) {

	/* Break columns into rows */
	.g-res-break-it-in-columns {
		display: flex;
		flex-direction: column;
		width: auto;
	}

	.g-res-break-it-in-columns > td {
		border: none !important;
	}

	.g-res-break-it-in-columns > td:nth-child(1) {
		border-top: solid #eee 1px !important;
		font-weight: normal !important;
	}
	.g-res-break-it-in-columns > td:nth-child(odd) {
		width:100%;
		border-top: solid #eee 1px !important;
		font-weight: normal !important;
	}

}

.g-left{
	float: left;
}

.g-right{
	float: right;
}

.g-res-col-2-12{
	width: 8%;
	width: 20px !important;
}

.g-res-col-10-12{
	/*width: 92%;*/
	min-width: 200px !important;
}