/* ==========================================================================
CUSTOM RESPONSIVE CSS
========================================================================== */

/* Extra small devices (portrait phones, less than 576px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { ... }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	section.live-stream {
	    padding-top: 50px;
	    padding-bottom: 50px;
	    margin-right: 25%;
	    height: auto;
	    height: 100vh;
	}
	.live-stream-control-panel {
	    position: fixed;
	    top: 0;
	    right: 0;
	    /*left: 0;*/
	    bottom: 0;
	    z-index: 1030;
	    width: 25%;
	    overflow-y: scroll;
	}
	.live-stream-logo {
	    width: 100%;
	    max-width: 140px;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { ... }

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { ... }