/* Medium devices (tablets, 992px and up) */
@media (max-width: 992px) {

	/* FLYOUT */
	.flyout_item    {width:50% !important;right:-50% !important;}
	.flyout_item.active    {right:0%}

}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {

	/* FLYOUT */
	.flyout_item    {width:100% !important;right:-100% !important}
	.flyout_item.active    {right:0%}

}