/*************** CSS for Desktop ***************/

.qc-sidebar {
	display: none;
}

@media only screen and (min-width: 1400px) {
	body.qc-has-sidebars .qc-sidebar {
		display: block;
		position: fixed;
		top: 10rem;
		width: var(--qc-sidebar-width, 130px);
		height: 100vh;
		z-index: 998;
		overflow-x: hidden;
		overflow-y: auto;
	}

	body.qc-has-sidebars .qc-sidebar-left {
		left: calc(50% - var(--qc-content-width, 1150px) / 2 - var(--qc-sidebar-width, 130px));
	}

	body.qc-has-sidebars .qc-sidebar-right {
		right: calc(50% - var(--qc-content-width, 1150px) / 2 - var(--qc-sidebar-width, 130px));
	}
}

/*************** CSS for Tablet ***************/
@media only screen and (min-width: 1024px) {
    
}

/*************** CSS for Tablet ***************/
@media only screen and (max-width: 849px) {

}

/*************** CSS for mobile ***************/
@media only screen and (max-width: 549px) {

}