/* ==========================================================================
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) {
	.sponsors-speakers-wrapper {
        box-shadow: none;
    }

    .owl-carousel .owl-nav button.owl-prev {
		left: -8%;
	}

	.owl-carousel .owl-nav button.owl-next {
		right: -8%;
	}

	.agenda-table thead tr th, .agenda-table tbody tr th, .agenda-table tbody tr td {
	    padding: 1.6rem;
	}

	.agenda-logo-sm, .agenda-logo-md, .agenda-logo-lg {
	    width: revert-layer;
	    height: auto;
	}
}

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

	body {
	    padding-top: 0px;
	}

	.navbar-viewport-top {
	    opacity: 0;
	}

	.navbar-expand-lg .navbar-nav .nav-link {
    	padding: 0.5rem 1.5rem;
    }

    .header-content {
	    padding: 5rem 4rem;
	}

	.sticky-md-top {
	    top: 100px;
	}

	.sticky-top-no-space {
		z-index: 999;
		top: 66px;
	}

	.sticky-top-extra-space {
		z-index: 998;
		top: 127px;
	}

	.navbar-nav .nav-link.register-nav-link {
		margin-left: 1.5rem;
	}

	.modal-side-panel {
	    width: 75%;
	    margin-left: auto;
	}

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.header-content {
		padding: 5rem 4rem 5rem 4rem;
	}
}

@media (min-width: 1400px) {
	.header-content {
		padding: 5rem 4rem 5rem 4rem;
	}

	.modal-side-panel {
	    width: 50%;
	    margin-left: auto;
	}
}

@media (min-width: 1600px) {
	.header-content {
		padding: 6rem 4rem 5rem 4rem;
	}
}

@media (min-width: 1800px) {
	.header-content {
		padding: 7rem 4rem 5rem 4rem;
	}
}

@media (min-width: 2000px) {
	.header-content {
		padding: 8rem 4rem 5rem 4rem;
	}
}