/* @option user-selected content panel position */

.panel {
	top: 20px;
	position: absolute;
	left: 20%;
	right: 20%;
	width: auto;
	padding-bottom: 30px;}

#breadcrumbcontainer {width: 100% !important;}
#contentContainer {width: auto;padding-top: 30px;}

#sidebarContainer {display: none;}
  	
@media screen and (max-width:1024px) {
.panel {width: auto !important;left: 17%;right: 17%;}
}

@media screen and (max-width:768px) {
.panel {left: 12%;right: 12%;border-width: 3px !important;padding-bottom: 25px;}
}

@media screen and (max-width:600px) {
.panel {right: 10px !important;left: 10px;
padding-bottom: 20px;}
#sidebarContainer {padding: 20px 15px 0;}
#sidebarContainer #sidebar {padding: 15px;}
}

@media screen and (max-width:480px) {
#sidebarContainer {padding-top: 12px;}
#sidebarContainer #sidebar {padding:10px;}
}