@media only screen and (min-width: 1440px) {
	.col-xl-2{
		width			: 20%;
	}
}
@media only screen and (min-width: 2000px) {
	.col-xxl-1{
		width			: 16.66666666666666%;
	}
}
@media only screen and (min-width: 2400px) {
	.col-xxl-1{
		width			: 12.5%;
	}
}
@media only screen and (min-width: 3000px) {
	.col-xxl-1{
		width			: 10%;
	}
}




@media only screen and (max-width: 1280px){
	.mainpage{
		width			: 100vw;
		overflow-x		: hidden;
	}
	.left-navigation, .left-footer{
		*width			: 250px;
	}
	
	/* Basic Layout*/
	.panel-left{
		width			: 50vw;
	}
	.panel-right{
		width			: 20vw;
	}
}

@media only screen and (max-width: 1000px){
	.mainpage{
		width			: 100vw;
		overflow-x		: hidden;
	}
	.left-navigation, .left-footer{
		*width			: 60px;
	}
	.left-container{
		width			: 60px;
	}
	.right-container{
		*padding-left	: 60px;
		margin-left	: 60px;
	}
	
	
	/* Basic Layout*/
	.panel-left{
		width			: 60vw;
	}
	.panel-left .pagetitle-container{
		max-width		: unset;
		*width			: -webkit-fill-available;
		border-right	: none;
	}
	.panel-right{
		width			: 25vw;
	}
	
	
	/* Popup */
	.popup-box {
		max-width		: 70vw;
	}
}


@media only screen and (max-width: 720px){
	
	/* Basic Layout*/
	.panel-left{
		width			: -webkit-fill-available;
	}
	.panel-right{
		display			: none;
	}
	
	/* Popup */
	.popup-box {
		max-width		: 80vw;
	}
}

@media only screen and (max-width: 500px){
	html{
		overflow		: hidden;
	}
	.mainpage {
		display			: block;
	}
	.panel-left .pagetitle-container{
		border-left		: none;
		border-right	: none;
	}
	
	/* Basic Layout*/
	section.body-tab{
		width			: 100%;
	}
	
	/* Basic Layout*/
	.body-container{
		width			: 100vw;
	}
	.top-container{
		*position		: fixed;
		display			: block;
	}
	.left-container{
		display			: none;
	}
	.right-container{
		display			: block;
		*padding-left	: 0;
		margin-left		: 0;
		*height			: 100vh;
	}
	.section-main{
		*padding-left	: 10px;
	}
	
	.section-main-title{
		padding					: 10px 10px;
	}
	.table-container{
		padding					: 10px 10px;
		padding-bottom			: 57px !important;
	}
	
	.left-navigation, .left-footer{
		width			: 0;
	}
	
	/* Popup */
	.popup-box {
		max-width		: 92vw;
	}
}