@font-face {
    font-family: 'Karbon';
    src: url("../fonts/Karbon-Bold.eot");
    src: url("../fonts/Karbon-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/karbon-bold-webfont.woff") format("woff"), url("../fonts/Karbon-Bold.ttf") format("truetype"), url("../fonts/Karbon-Bold.svg#Karbon-Bold") format("svg");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Karbon-thin';
    src: url("../fonts/Karbon-Light.eot");
    src: url("../fonts/Karbon-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/karbon-thin-webfont.woff") format("woff"), url("../fonts/Karbon-Light.ttf") format("truetype"), url("../fonts/Karbon-Light.svg#Karbon-Light") format("svg");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Karbon-bold';
    src: url("../fonts/Karbon-Bold.eot");
    src: url("../fonts/Karbon-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/karbon-bold-webfont.woff") format("woff"), url("../fonts/Karbon-Bold.ttf") format("truetype"), url("../fonts/Karbon-Bold.svg#Karbon-Bold") format("svg");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url("../fonts/HelveticaNeue-BoldCond.eot");
    src: url("../fonts/HelveticaNeue-BoldCond.eot?#iefix") format("embedded-opentype"), url("../fonts/HelveticaNeue-BoldCond.woff") format("woff"), url("../fonts/HelveticaNeue-BoldCond.ttf") format("truetype"), url("../fonts/HelveticaNeue-BoldCond.svg#HelveticaNeue-BoldCond") format("svg");
    font-weight: 700;
    font-style: normal;
}

body {
    background-color: transparent;
    background-image: linear-gradient(rgb(35, 31, 32) 1%, rgb(255, 255, 255) 98%);
    background-size: cover;
    background-repeat: repeat;
    background-position: center center;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'Karbon-bold', 'Open Sans', Helvetica, Arial, sans-serif !important;
}

.site-container {
    min-height: 100vh;
    background-color: transparent;
}

.bcg-fixed-width-container {
    padding-bottom: 30px;
    max-width: 1300px;
}

#main-nav .schedule {
    display: none;
    margin-left: 20px;
}

.site-container .main-header {
    position: absolute;
    top: 110px;
    width: 100px;
    right: 0;
    border-bottom: 0;
    background-color: transparent;
}

.main-header-logo-container {
    height: 0;
}

.main-header-logo {
    top: 20px;
}

.main-nav-subcategory a,
.main-nav-subcategory span {
    text-transform: none;
}

.site-container .bcg-video-grid-cta-container {
    margin: 0;
}

.site-container .main-header.bcg-burger-menu .main-nav {
    width: 368px;
    height: 100%;
    box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.16);
    padding-top: 37px;
    background-color: rgba(255, 255, 255, 0.98);
    display: none;
}

.site-container .main-nav-open {
    z-index: 2000;
}

.main-nav-open .main-nav {
    right: 25px;
    left: auto;
    margin-top: -60px;
}

.site-container .main-header.bcg-burger-menu .main-header-search-container {
    right: 120px;
    background: none;
    border: 0;
    border-radius: 0;
    width: 75px;
}

.main-header-search {
    background: none;
}

.site-container .main-header.bcg-burger-menu .main-header-search-input {
    float: right;
    background: none;
    color: #ffffff;
    width: 50px;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    height: 36px;
    line-height: inherit;
}

.site-container .main-header.bcg-burger-menu.main-nav-open .main-header-search-container,
.bcg-main-nav-toggle-label {
    display: none;
}

.site-container .main-header.bcg-burger-menu .main-header-search-icon {
    font-size: 15px !important;
    width: 16px !important;
    position: static;
    line-height: 36px;
    float: right;
    margin-right: 6px;
    margin-left: -20px;
    opacity: 1.0;
    pointer-events: none;
}

.site-container .main-header.bcg-burger-menu .main-header-search-icon.enable-events{
    pointer-events: all;
}

.site-container .main-header.bcg-burger-menu .main-header-search-icon:before {
    color: #ffffff;
}

.main-nav-toggle {
    width: auto;
    height: auto;
}

#bcg-search-input::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #ffffff;
    opacity: 1;
    /* Firefox */
    text-transform: uppercase;
}

#bcg-search-input::placeholder:before {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    content: 'foo';
}

#bcg-search-input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #ffffff;
    text-transform: uppercase;
}

#bcg-search-input::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #ffffff;
    text-transform: uppercase;
}

.main-header-search-container.main-header-search-container-has-text {
    color: #ffffff;
}

.bcg-main-nav-toggle-container .main-nav-toggle {
    display: none;
}

.bcg-main-nav-close-tablet,
.expand-search-button {
    display: none !important;
}

.bcg-main-nav-toggle-container button {
    border: none;
    background: url(https://cdn.ces.tech/ces/media/partner-sites/brightcove/elements/icon-2.svg) no-repeat;
    height: 32px;
    width: 32px;
}

.countdown {
    color: #ffffff;
    text-align: center;
}

.countdown-title-resume {
    font-family: 'Karbon-bold', 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #898989;
    font-weight: 400;
    text-align: center;
    margin: 0;
}

.countdown-title-during-live {
    height: 39px;
    font-family: 'Karbon-bold', 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 36px;
    color: #1a9f4f;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
}

.countdown-title-during-live img {
    margin-top: -5px;
}

.countdown-title-pre-conference {
    height: auto;
    font-family: 'Karbon-bold', 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 17px;
    color: #f0f0f0;
    font-weight: 700;
    text-decoration: none solid rgb(240, 240, 240);
    line-height: 22px;
    text-align: center;
    width: 540px;
    margin: 0;
    margin-top: -40px;
    padding: 20px 0;
    background-color: #282e31;
    background-repeat: no-repeat;
    background-size: cover;
}

.current-timestamp {
    height: 17px;
    font-family: 'Karbon-bold', 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #898989;
    font-weight: 400;
    text-decoration: none solid rgb(137, 137, 137);
    text-align: center;
}

.countdown-timestamp ul {
    display: inline-block;
    vertical-align: top;
}

.countdown-timestamp ul li {
    text-align: center;
    height: 31px;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 24px;
    color: #ffffff;
    line-height: 31px;
    text-align: center;
}

.countdown-timestamp ul li.label {
    text-transform: uppercase;
    height: 14px;
    font-family: 'Karbon-bold', 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 11px;
    color: #f0f0f0;
    font-weight: 400;
    line-height: 14px;
    text-align: center;
}


/* Home Page */

.bcg-home-carousel-container {
    overflow: hidden;
    padding-top: 25px;
}

.site-container .video-grid-item {
    background-color: #fff;
    margin-left: 10px;
    margin-bottom: 15px;
}

.site-container .bcg-video-grid-info {
    overflow: hidden;
}

.site-container .video-grid-title {
    font-family: 'Karbon-bold', 'Open Sans', Helvetica, Arial, sans-serif;
    color: #231f20;
    font-size: 19px;
    font-weight: 700;
    height: 26px;
    line-height: 26px;
}

.site-container .video-grid-description {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #282e31;
}

.site-container .video-grid-duration {
    font-family: 'Helvetica Neue', 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #898989;
    font-weight: 700;
}

h2.section-title {
    font-family: 'Karbon-bold', 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 35px;
    color: #898989;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    border-bottom: 0;
}

.home-carousel {
    background: none;
    margin: 30px 15px 0;
}

.home-carousel-description {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #282e31;
    font-weight: 300;
}

.home-carousel-duration,
.share-list,
.video-detail-duration,
.bcg-thumbnail-carousel-slide.bcg-thumbnail-carousel-slide-active:after {
    display: none;
}

.bcg-thumbnail-carousel .slick-list {
    margin: -105px 0;
}

.slick-initialized .bcg-thumbnail-carousel-slide.bcg-thumbnail-carousel-slide-active:after {
    display: block;
}

.bcg-thumbnail-carousel-slide-info {
    padding: 10px;
    height: 155px;
    cursor: pointer;
}

.bcg-thumbnail-carousel-slide-info .bcg-thumbnail-carousel-title {
    display: block;
    position: static;
    font-size: 19px;
    max-height: 44px;
    line-height: 22px;
    color: #3c3e47;
    padding: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-wrap: break-word;
    margin: 0 0 5px;
    font-family: 'Karbon-bold', 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: 700;
    margin-bottom: 15px;
}

.bcg-thumbnail-carousel-slide-info .bcg-thumbnail-carousel-description {
    display: block;
    position: static;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    max-height: 80px;
    font-weight: 400;
    color: #3c3e47;
    padding: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow-wrap: break-word;
    margin: 0 0 5px;
    max-height: 80px;
}

.topics-container ul,
.stages-container ul {
    padding: 0 80px;
    position: relative;
    text-align: center;
    margin: 0 auto;
}

.circle {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    border-radius: 50%;
    margin-bottom: 20px;
    font-family: 'Karbon-bold', 'Open Sans', Helvetica, Arial, sans-serif;
    display: inline-block;
    margin-left: 40px
}

.circle a {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    width: 100%;
    line-height: 20px;
    padding: 0 10px;
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
}

.sub-topic {
    background: #0080be;
}

.sub-stage {
    background: #1b3c4e;
}


/*Category Page */

.main-breadcrumbs{
    padding: 0;
}

.main-breadcrumbs p {
    font-family: 'Karbon-bold', 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #ed3331;
    font-weight: 400;
    text-transform: capitalize;
    margin: 0;
}

.results-bar h1.category-name {
    height: auto;
    font-family: 'Karbon-thin', 'Open Sans', Helvetica, Arial, sans-serif !important;
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 0 !important;
    margin-bottom: 0;
}

.results-count {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #ffffff;
    font-weight: 700;
    line-height: 16px;
    text-transform: capitalize;
}

.sorting-paging-wrapper .chosen-container.chosen-container-single {
    border: 1px solid #dddddd;
    background-color: #ffffff;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #141414;
    text-align: center;
    width: 200px !important;
    font-weight: normal !important;
}

.sorting-paging-wrapper .chosen-container.chosen-container-single .chosen-single:after {
    color: #aaaaaa;
}

.sorting-paging-wrapper .chosen-container.chosen-container-single .chosen-single {
    color: #141414;
    font-size: 14px;
    text-align: center;
}

.category-image {
    display: none;
}

.bcg-category-results-bar {
    padding: 0 80px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 50% 35%;
    position: relative;
    margin-bottom: 50px;
    margin-top: 30px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 100vw;
    margin-left: -50vw;
    left: 50%;
}


/* Video Detail Page */

.video-detail {
    padding-top: 36px;
}

.video-detail .bcg-back-link {
    color: #ffffff;
}

.video-detail-title {
    font-family: 'Karbon-thin', 'Open Sans', Helvetica, Arial, sans-serif !important;
    margin: 0 0 40px;
    font-size: 40px;
    line-height: 40px;
    color: #231f20;
    font-weight: 700;
}

.video-detail-title.ios{
    font-family: 'Open Sans', Helvetica, Arial, sans-serif !important;
    font-weight: 500;
}

.bcg-video-detail-description p {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif !important;
    display: block;
    height: auto;
    max-height: 100%;
}

.bcg-section-header-up-next h3 {
    display: none;
}

.bcg-section-header-up-next h2 {
    font-family: 'Karbon-bold', 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 32px;
    color: #231f20;
    font-weight: 700;
    text-transform: capitalize;
    padding: 20px 0;
    margin: 0;
}

.bcg-section-header-up-next h2:before {
    background-color: #ed3331;
    content: '';
    height: 4px;
    margin-top: -5px;
    position: absolute;
    width: 56px;
}

.video-detail-info .bcg-video-detail-container ul {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    padding: 0 5px;
}

.video-detail-info .bcg-video-detail-container ul li {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #898989;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
}

.video-detail-info .bcg-video-detail-container ul li.speaker-name,
.video-detail-info .bcg-video-detail-container ul li.moderator-name {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #231f20;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
}

.video-detail-info .bcg-video-detail-container ul li.speaker-name {
    margin-top: 20px;
}

.search-results .video-grid-item.video-grid-item-more {
    font-size: 14px !important;
}

.speakers-info {
    margin: 0 auto;
    position: relative;
    display: block;
    width: 100%;
}

.speakers-info h2 {
    font-family: 'Karbon-bold', 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 32px;
    color: #231f20;
    font-weight: 700;
    text-transform: capitalize;
    text-align: left;
    margin: 30px 0 20px 0;
}

.speakers-info h2:before {
    background-color: #ed3331;
    content: '';
    height: 4px;
    margin-top: -5px;
    position: absolute;
    width: 56px;
}

.bcg-video-detail-description .bcg-video-detail-description-view-more,
.bcg-video-detail-description .bcg-video-detail-description-view-less {
    display: none !important;
}

.bcg-video-detail-tabs .bcg-video-detail-tab {
    font-size: 18px;
    color: #000000;
}


/* Search Results Page */

.search-results .sorting-paging-wrapper {
    margin: 15px 0;
}

.search-results .sorting-paging-wrapper .sortVideos-wrapper {
    bottom: 15px;
}

.search-results .results-bar {
    padding: 16px;
    border: 0;
}

.results-bar .bcg-search-zero-state {
    color: #ffffff;
}

.sorting-paging-wrapper.bcg-sorting-paging-wrapper-mobile .sortVideos-wrapper select {
    width: 167px;
    color: #ffffff;
    border: 1px solid #fff;
}

.sorting-paging-wrapper.bcg-sorting-paging-wrapper-mobile .sortVideos-wrapper span:after {
    color: #ffffff;
    font-size: 15px;
    top: 9px;
    left: 137px;
    right: auto;
}

.results-bar .category-description.bcg-has-sort{
    display: none;
}

.search-results-count {
    color: #000000;
    font-family: 'Karbon-thin', 'Open Sans', Helvetica, Arial, sans-serif !important;
}


/* Home Page Player Overlay Styles */

.home-carousel-slide .home-carousel-info {
    position: absolute;
    bottom: 10px;
    margin: 0;
}

h2.home-carousel-title,
.home-carousel-description {
    background-color: black;
    bottom: 20px;
    color: white;
    display: inline-block;
    padding: 10px 20px;
    position: absolute;
    margin: 0;
}

.home-carousel-slide h2.home-carousel-title {
    position: relative;
    bottom: 20px;
    max-width: 100%;
}

.home-carousel-slide .home-carousel-description {
    position: relative;
    bottom: 10px;
}

h2.home-carousel-title,
h2.home-carousel-title a {
    font-size: 2vw;
    font-family: 'karbon-bold', 'Open Sans', Helvetica, Arial, sans-serif;
    max-width: 90%;
    text-overflow: ellipsis;
    white-space: nowrap;
    bottom: 110px;
    color: #ffffff;
    font-weight: 400;
    background-color: black;
    line-height: inherit;
    overflow: hidden;
}

.home-carousel-description {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    color: #f1f1f1;
    clear: both;
    display: flex;
    font-size: 14px;
    line-height: inherit;
    overflow: visible;
    white-space: normal !important;
    max-width: 60%;
}

.home-carousel-video .bc-player-placeholder .play-icon {
    border: 4px solid hsla(196, 89%, 62%, 0);
    box-shadow: 0 0 0 1px hsla(196, 89%, 100%, 1);
    width: 12vw;
    height: 12vw;
    font-size: 12vw;
    line-height: 1;
    transform: scale(1);
    transition: .4s ease-in-out all;
    top: 60%;
    left: 60%;
    margin-left: -1em;
    margin-top: -1em;
}

.home-carousel-video .bc-player-placeholder .play-icon .fa {
    display: inline-block;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 6vw;
    line-height: 5.5vw;
    transform: none;
}

.home-carousel-video .bc-player-placeholder .play-icon .fa:before {
    content: "\f04b";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
    /* Adjusts for spacing */
}

.home-carousel-video .bc-player-placeholder .play-icon:hover {
    background-color: hsla(196, 100%, 43%, .6);
    background-clip: content-box;
    border: 4px solid hsla(196, 89%, 62%, 0);
    box-shadow: 0 0 0 4px hsla(196, 89%, 100%, 1), 0 0 0 24px hsla(196, 89%, 62%, .6);
    transform: scale(1.1);
    transition: .2s ease-in-out all;
}

.home-carousel-video .bc-player-placeholder .play-icon:focus,
.home-carousel-video .bc-player-placeholder .play-icon:active {
    border: 1px solid hsla(196, 89%, 62%, .6);
    box-shadow: 0 0 0 1px hsla(196, 89%, 100%, 1);
    transform: scale(.5);
    transition: .2s ease-in-out all;
}

/* Media Queries */

@media (max-width: 432px) {

    .customHeaderContainer header {
        padding: 16px !important;
    }

    .ces-navbar-brand {
        width: 155px;
    }

    .site-container .main-header {
        top: 86px;
    }

    .site-container .main-header .bcg-main-nav-toggle-container {
        right: 16px;
        left: auto;
    }

    .site-container .main-header.bcg-burger-menu .main-nav {
        width: 100%;
        left: 0;
        right: 0;
    }

    .site-container .main-header.bcg-burger-menu .main-nav-categories {
        margin-top: 20px;
    }

    .bcg-main-nav-close {
        top: 30px;
        left: auto;
        right: 20px;
        display: block;
    }

    .main-nav-open .main-nav {
        margin-top: -95px;
    }

    #main-nav .schedule {
        display: block;
        margin: -8px 10px;
    }

    .main-header-search-container {
        display: block;
    }

    .main-header-search {
        top: 13px;
    }

    .main-header-search-close {
        display: none;
    }

    .site-container .main-header.bcg-burger-menu .main-header-search-input {
        padding: 0;
    }

    .site-container .main-header.bcg-burger-menu .main-header-search-container {
        right: 40px;
        left: auto;
        height: 55px;
        position: relative;
    }

    .main-header-search-icon:before {
        line-height: 40px;
    }


    .site-container .video-grid-item {
        margin-right: 10px;
    }

    .bcg-category-results-bar {
        padding: 16px;
        margin-bottom: 30px;
    }

    .customHeaderContainer .schedule,
    .customHeaderContainer .schedule a {
        display: none;
    }

    .countdown {
        display: block;
        width: 100%;
        float: none;
        margin: 20px auto 0 auto;
    }
}

@media (min-width: 432px) {

    .customHeaderContainer header {
        padding: 16px !important;
    }

    .site-container .main-header {
        top: 80px;
    }

    .ces-navbar-brand {
        width: 155px;
    }

    .ces-navbar-brand img {
        width: 155px !important;
    }

    #main-nav .schedule {
        display: block;
        margin: -8px 10px;
    }

    .site-container .main-header.bcg-burger-menu .main-nav {
        height: auto;
    }

    .site-container .main-header.bcg-burger-menu .main-nav .main-nav-categories {
        margin-top: 23px;
        overflow-x: hidden;
        overflow-y: auto;
        height: auto;
        max-height: calc(90vh - 55px);
        -ms-overflow-style: none;
    }

    .site-container .main-header.bcg-burger-menu .main-nav .main-nav-categories::-webkit-scrollbar { 
        width: 0 !important;
        background: transparent;
    }

    .bcg-main-nav-close {
        top: 30px;
        left: auto;
        right: 20px;
        display: block;
    }

    .site-container .main-header .bcg-main-nav-toggle-container {
        top: 20px;
        right: 16px;
        left: auto;
    }

    .site-container .main-header.bcg-burger-menu .main-header-search-container {
        right: 66px;
        left: auto;
    }

    .countdown {
        display: block;
        width: 100%;
        float: none;
        margin: 0 auto;
    }

    .customHeaderContainer .schedule,
    .customHeaderContainer .schedule a {
        display: none;
    }

    .topics-container .circle,
    .stages-container .circle {
        width: calc(50% - 32px);
        padding-bottom: calc(50% - 32px);
    }

    .circle:nth-child(2n+1) {
        margin-left: 0;
    }

    .video-detail-info .bcg-video-detail-container ul {
        width: 33.33%;
    }

    .site-container .video-grid-item {
        width: calc(50% - 8px);
    }

    .site-container .video-grid-item:nth-child(2n+1) {
        clear: both;
        margin-left: 0px;
    }

    .site-container .bcg-video-grid-info {
        height: 160px;
        position: relative;
        display: block;
    }

    .site-container .video-grid-title {
        font-size: 19px;
        margin-top: 25px;
    }

    .site-container .video-grid-duration {
        position: absolute;
        top: 0;
        right: 0;
    }

    .site-container .video-grid-description {
        max-height: 80px;
        -webkit-line-clamp: 4;
        font-weight: 400;
    }

    .bcg-thumbnail-carousel {
        width: 100%;
    }

    .bcg-home-carousel-container .home-carousel-info {
        display: inline-block;
    }

    .bcg-category-results-bar {
        height: 40vw;
        padding: 16px;
    }

    .results-bar h1.category-name {
        font-size: 30px;
        line-height: 30px;
    }

    h2.section-title {
        font-size: 35px;
    }

    .video-detail-title {
        font-size: 50px;
        line-height: 50px;
    }
}

@media (max-width: 600px) {

    h2.home-carousel-title,
    h2.home-carousel-title a {
        font-size: 3vw !important;
        bottom: 20px !important;
    }

    .home-carousel-description {
        display: none !important;
    }

    .home-carousel-video .bc-player-placeholder .play-icon .fa {
        line-height: 4vw;
    }

    .topics-container .circle,
    .stages-container .circle {
        width: 200px;
        padding-bottom: 200px;
        /*max-width: 300px;*/
        margin: 20px auto;
        float: none;
        display: block;
    }
}

@media (min-width: 776px) {

    .customHeaderContainer header {
        padding: 30px 55px !important;
        overflow: hidden;
    }

    .customHeaderContainer>header>div {
        display: inline-block;
        float: left;
        position: relative;
    }

    .ces-navbar-brand {
        width: 200px;
    }

    .ces-navbar-brand img {
        width: 200px !important;
    }

    .customHeaderContainer .countdown {
        position: absolute;
        width: 100%;
        left: 0;
        text-align: center;
        margin: 0 auto;
    }

    .customHeaderContainer .schedule {
        float: right;
        right: 150px;
    }

    .customHeaderContainer .schedule,
    .customHeaderContainer .schedule a {
        display: inline-block;
    }

    #main-nav .schedule {
        display: none;
        margin: -8px !important;
    }

    .site-container .main-header {
        top: 110px;
    }

    .site-container .main-nav-open {
        background-color: transparent;
        top: 100px;
        width: 20%;
        z-index: 2000;
    }

    .bcg-main-nav-close {
        left: 80px;
    }

    .site-container .main-header.bcg-burger-menu .main-header-search-container {
        float: right;
        right: 100px;
        left: auto;
    }

    .site-container .main-header .bcg-main-nav-toggle-container {
        left: auto;
        float: right;
        right: 55px;
    }

    .site-container .video-grid {
        padding: 0 80px 0px;
    }

    .site-container .video-grid-item {
        width: calc(33.33% - 8px);
    }

    .site-container .video-grid-title {
        font-size: 24px;
    }

    .site-container .video-grid-item:nth-child(2n+1) {
        clear: none;
        margin-left: 10px;
    }

    .site-container .video-grid-item:nth-child(3n+1) {
        clear: both;
        margin-left: 0px;
    }

    h2.section-title {
        padding: 30px 80px;
        font-size: 42px;
    }

    .bcg-thumbnail-carousel {
        width: 100%;
    }

    .bcg-home-carousel-container .home-carousel-video,
    .bcg-home-carousel-container .home-carousel-info {
        float: none;
        width: 100%;
        margin-right: 0;
    }

    .bcg-home-carousel-container .home-carousel-info {
        display: none;
    }

    .topics-container .circle,
    .stages-container .circle {
        width: calc(33.33% - 32px);
        padding-bottom: calc(33.33% - 32px);
    }

    .circle:nth-child(2n+1) {
        margin-left: 40px;
    }

    .circle:nth-child(3n+1) {
        margin-left: 0;
    }

    .bcg-video-container {
        width: 100%;
        margin: 0;
        height: auto;
        background: none;
    }

    .video-detail .video-detail-info {
        width: 100%;
        display: block;
        padding: 40px 0;
        margin: 0 auto;
        float: none;
    }

    .video-detail-title {
        margin: 0;
    }

    .video-detail .bcg-share-container,
    .video-detail .bcg-share-link {
        display: none;
    }

    .bcg-video-detail-container {
        overflow: hidden;
        width: 100%;
        position: relative;
    }

    .site-container .bcg-video-detail-container .video-grid {
        padding: 0;
    }

    .bcg-video-detail-description p {
        font-family: 'Open Sans', Helvetica, Arial, sans-serif;
        font-size: 16px;
        color: #282e31;
        font-weight: 400;
        line-height: 22px;
    }

    .video-detail-info .bcg-video-detail-container ul {
        width: 33.33%;
    }

    .video-detail .bcg-back-link {
        color: #ffffff;
        font-size: 16px;
        text-decoration: none;
    }

    .bcg-category-results-bar {
        height: 28vw;
        padding: 0 80px;
    }

    .bcg-category-results-bar .sorting-paging-wrapper .sortVideos-wrapper {
        bottom: -30px;
    }

    .results-bar h1.category-name {
        font-size: 50px;
        line-height: 50px;
    }

    .search-results .results-bar {
        padding: 55px 80px 18px;
        margin: 0;
    }

    .search-results .results-bar.bcg-category-results-bar {
        margin: 30px auto 50px -50vw;
        padding: 0 80px;
    }
}

@media screen and (max-width: 1024px) {

    h2.home-carousel-title,
    h2.home-carousel-title a {
        bottom: 90px;
    }

    .home-carousel-description {
        font-size: 11px !important;
    }
}

@media (max-width: 1100px) {
    .customHeaderContainer .schedule {
        display: none;
    }

    #main-nav .schedule {
        display: block;
    }
}

@media (min-width: 1224px) {
    .slick-slide {
        width: 33.33%;
    }

    .bcg-video-detail-right-column {
        width: 100%;
    }

    .site-container .video-grid-item {
        width: calc(25% - 8px);
    }

    .site-container .video-grid-item:nth-child(2n+1) {
        clear: none;
    }

    .site-container .video-grid-item:nth-child(3n+1) {
        clear: none;
        margin-left: 10px;
    }

    .site-container .video-grid-item:nth-child(4n+1) {
        clear: both !important;
        margin-left: 0px;
    }

    .site-container .video-grid-item:nth-child(5n+1) {
        clear: none;
    }

    .bcg-thumbnail-carousel {
        width: 100%;
    }

    .topics-container .circle,
    .stages-container .circle {
        width: calc(25% - 32px);
        padding-bottom: calc(25% - 32px);
    }

    .circle:nth-child(3n+1) {
        margin-left: 40px;
    }

    .circle:nth-child(4n+1) {
        margin-left: 0;
    }

    h2.section-title {
        font-size: 72px;
    }

    .video-detail-title {
        font-size: 80px;
        line-height: 70px;
    }

    .bcg-home-carousel-container .home-carousel-video,
    .bcg-home-carousel-container .home-carousel-info {
        width: 100%;
        float: none;
        margin-right: 0;
    }

    .bcg-home-carousel-container .home-carousel-info {
        margin: 0;
        width: 80%;
        margin: 20px 10%;
        float: none;
    }

    .bcg-category-results-bar {
        height: 22vw;
    }

    .results-bar h1.category-name {
        font-size: 80px;
        line-height: 80px;
    }

    .video-detail-info .bcg-video-detail-container ul {
        width: 25%;
    }
    .video-detail .video-detail-info {
        padding: 40px 100px;
    }   
}

@media (min-width: 1592px) {
    .site-container .video-grid-item {
        width: calc(25% - 8px);
    }

    .site-container .video-grid-item:nth-child(2n+1),
    .site-container .video-grid-item:nth-child(3n+1) {
        clear: none;
    }

    .site-container .video-grid-item:nth-child(4n+1) {
        clear: both !important;
        margin-left: 0px;
    }

    .site-container .video-grid-item:nth-child(5n+1) {
        clear: none;
    }

    .topics-container .circle,
    .stages-container .circle {
        width: calc(20% - 32px);
        padding-bottom: calc(20% - 32px);
    }

    .circle:nth-child(4n+1) {
        margin-left: 40px;
    }

    .circle:nth-child(5n+1) {
        margin-left: 0;
    }

    .video-detail-info .bcg-video-detail-container ul {
        width: 20%;
    }
}