/* Responsive Styles */


@media(min-width: 1367px) and (max-width: 1920px){
	.drag-area { height: 850px; left: 600px;  width: 1200px;}
}

/* Large desktop */
@media (min-width: 1200px) {
	/*.sectors .item {width: 217px;}*/
	#right_panel > .panel{height:506px;}
	.bxslider{height:370px;}
	/* .bx-controls{height:75px;}
	.bx-wrapper .bx-pager{padding-top:40px}
	.bx-controls-direction {padding-top:31px} */
	
}

/*Portrait tablet to landscape and desktop*/
@media (min-width: 769px) and (max-width: 1023px) {
	#left_panel, #mid_panel, #right_panel {padding:0 !important;}
	.drag-area { height: 850px; left:100px;  width: 800px;}
}

/* Everything below 1024px*/
@media (max-width: 1024px) {
	#left_panel, #mid_panel, #right_panel {padding:0 !important; /*width: 100%; */}
	.drag-area { height: 850px; left:320px;  width: 800px;}
}

/*Landscape phone to portrait tablet*/
@media (max-width: 768px) {
	#left_panel, #mid_panel, #right_panel {padding:0 !important;}
	.drag-area { height: 850px; left:220px;  width: 800px;}
}