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

/* small screen table styles */
@media (max-width: 600px) { 
	.agenda-table tbody td, .agenda-table tbody th {
		display: block;
		width: 100% !important;
		border: 1px solid #054066
	}

	.agenda-table tbody th {
		border-bottom: 0
	}


	.agenda-table tbody td{
		border-top: 0;
	}
}


@media (max-width: 768px) { 
	.logo-container {
		max-width: 100% !important;
	}

	.logo-col {
		padding: 0;
	}
}


/* 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) { 

	.static-card {
		width: 46%;
		min-height: 200px;
	
	}

	.speaker-img-custom {
		max-width: 450px;
	}
}

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

	.container-extneded {
		max-width: 840px;
	}

	.vimeo-wrapper iframe {
		min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
		
	 }

	.line-segment.line-segment-left {
	    right: -4px;
	    left: initial;
	}

	.line-segment.line-segment-right {
	    left: -4px;
	}
	.navbar-expand-lg .navbar-nav .nav-link {
	    padding-right: 0.8rem;
	    padding-left: 0.8rem;
	}
	.icon-container {
	    margin-left: 1rem;
	    margin-right: 1rem;
	}

	.icon-img {
	    min-height: 100px;
	    margin-bottom: 2rem;
	}

	.icon-description{
	    min-height: 100px;
	    margin-bottom: 0px;
	}

	.board-speaker {
		border-right: 1px solid;
	}

	.board-speaker:nth-child(3n+3) {  
		border-right: 0px;
	}

	.logo-carousel {
	 	display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
	}

	.accordian-btn h5 {
		font-size: 1.25rem
	}

	.header-lockup {
		max-width: 400px;
	}

    .logo-box {
        max-width: 95%;
    }

    .sponsor-logos img {
        margin: 12px 13px;
        vertical-align: bottom;
    }

    .treasury-logo {
        width: 120px;
        height: 82px;
        margin: 16px 0;

    }

    .logo-carousel .owl-item img {
        transform: scale(1);
    }

	
	
}

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

	.navbar-light .navbar-nav .nav-link {
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
	}

	
	.venue-carousel .owl-stage-outer {
	    min-height: 400px;
	}
	

	.venue-carousel-item img, .venue-carousel-item video {
	    width: 80%!important;
	    max-width: 380px;
	    margin: auto;
	    -webkit-transition: all 0.3s ease-in-out;
	    -moz-transition: all 0.3s ease-in-out;
	    -o-transition: all 0.3s ease-in-out;
	    transition: all 0.3s ease-in-out;
	    margin-top: 10%!important;
	}

	.venue-carousel .owl-item.active.center img, .venue-carousel .owl-item.active.center video {
	    margin-top: 0%!important;
	    width: 100%!important;
	    max-width: 500px;
	    z-index: 1000;
	}

	.venue-carousel .owl-item.active.center {
		z-index: 100;
	}

/*	.venue-carousel .carousel-control-prev, .venue-carousel .carousel-control-next {
	    top: -20%;
	}*/

	.static-card {
		width: 31%;
	
	}

	.custom-check-container {
		max-width: 100%;
	}


}

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

	.container-extneded {
		max-width: 1340px;
	}

	.navbar-expand-lg .navbar-nav .nav-link {
	    padding-right: 1.2rem;
	    padding-left: 1.2rem;
	}
	.venue-carousel .owl-stage-outer {
	    min-height: 380px;
	}

	.venue-carousel-item img, .venue-carousel-item video {
	    max-width: 500px;
	}

	.venue-carousel .owl-item.active.center img, .venue-carousel .owl-item.active.center video {
	    max-width: 600px;
	}

	.venue-carousel .carousel-control-prev {
		left: -8%;
	}

	.venue-carousel .carousel-control-next {
		right: -8%;
	}

	.static-card {
		width: 18%;
	
	}

	header h1 {
        font-size: 2.8rem;
        line-height: 2.8rem;
    }

    .logo-stack-right img {
        width: 38%;
    }
}

@media (min-width: 1250px) {

    .logo-carousel {
        justify-content: flex-start;
    }

    .col-xxl-custom-sm {
        -ms-flex: 0 0 10%;
        flex: 0 0 10%;
        max-width: 10%;
    }

    .col-xxl-custom-lg {
        -ms-flex: 0 0 90%;
        flex: 0 0 90%;
        max-width: 90%;
    }

    .treasury-col {
        border-right: 3px solid #FFAE0F;
    }

    .treasury-logo {
        width: 90px;
        height: 61px;
        margin: 16px 0;

    }

    .mb-xxl-custom-0 {
        margin-bottom: 0rem!important;
    }

    .sponsor-logos img {
        margin: 8px 13px;
        vertical-align: bottom;
    }

}

@media (min-width: 1340px) {

    .col-xxl-custom-sm {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-xxl-custom-lg {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }


    .treasury-logo {
        width: 120px;
        height: 82px;
        margin: 16px 0;

    }

    .sponsor-logos img {
        margin: 12px 13px;
        vertical-align: bottom;
    }

}

/*@media (min-width: 1400px) {
	.venue-carousel .owl-stage-outer {
	    min-height: 480px;
	}

	.venue-carousel-item img, .venue-carousel-item video {
	    max-width: 500px;
	}

	.venue-carousel .owl-item.active.center img, .venue-carousel .owl-item.active.center video {
	    max-width: 700px;
	}
}*/

@media screen and (max-height: 600px) {
	header.full-height-section, section.full-height-section {
		min-height: 100%;
		height: auto;
		padding-top: 100px;
		padding-bottom: 100px;
	}
}