/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .smpl-0 {
        padding-left: 0px;
    }

    .smpr-0 {
        padding-right: 0px;
    }

    .smpt-0 {
        padding-top: 0px;
    }

    .smpb-0 {
        padding-bottom: 0px;
    }

    .smp-0 {
        padding: 0;
    }

    .smpl-5 {
        padding-left: 5px;
    }

    .smpr-5 {
        padding-right: 5px;
    }

    .smp-5 {
        padding: 5px;
    }

    .smp-8 {
        padding: 8px !important;
    }

    .smpl-15 {
        padding-left: 15px !important;
    }

    .smmb-15 {
        margin-bottom: 15px !important;
    }

    .smm-0 {
        margin: 0px auto !important;
    }

    .sml-24 {
        margin-left: 22px;
    }

    .smmt-25 {
        margin-top: 25px !important;
    }

    .footer-copyright ul li {
        display: block;
        text-align: left;
    }

    .mobile-float-left {
        float: left !important;
    }

    .mw-72 {
        width: 72%;
    }

    .card-body .img-fluid {
        max-width: 96%;
        margin: 0px auto;
    }

    .schedule__item {
        padding: 1.5rem .5rem;
    }

    .dml-4-mml1 {
        margin-left: 0.25rem;
    }

    .dpl-4-mpl1 {
        padding-left: 0.25rem;
    }
    .dpl-4-mpl2 {
        padding-left: 0.25rem;
    }

    .video .actions-list {
        text-align: left;
        margin: 0;
        margin-bottom: 4px;
    }

    ul.actions-list li .action-btn {
        padding-left: 0px;
    }
    .video .actions-list__item {
        display: block;
        vertical-align: middle;
        text-align: left;
        padding-bottom: 5px;
    }

    .accordion_schedule__item .accordion-content-h220 {
        min-height: 100px;
        position: relative;
    }

    .accordion-content-Presentations {
        position: relative;
    }
    ul.MyActivityPlaylist li {
        display: inline-block;
        width: 100%;
        text-align: left;
        margin-bottom: 10px;
    }
    .MyPlaylistcardbodycontainer {
        margin: 0px 0px 0px 16px;
    }

}

@media only screen and (max-width: 767px) {
    .sml-24 {
        margin-left: 22px;
    }

    .sm-bgwhite {
        background-color: #fff;
    }

    .smplpr-0 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .container-fluid .footercopyright.mobile-float-left {
        float: left !important;
    }

    .mobleftpanelnavforsidenav, .mobnavpanel {
        height: 100%;
        position: fixed;
        z-index: 1062;
        top: 0;
        left: 0;
        background-color: #fff;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 0px;
        text-align: center;
        padding: 0px;
    }

    .filter_mobile {
        height: 100%;
        position: fixed;
        z-index: 5;
        top: 0;
        left: 0;
        background-color: #fff;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 0px;
        text-align: center;
        padding: 0px;
    }

    .sidenavlist-text {
        margin-left: 15px;
        margin-right: 15px;
    }

    .mobnavpanel .player-UL li {
        padding-bottom: 0.5rem !important;
        padding-top: 0.5rem !important;
    }

    .mobnavpanel ul.player-UL, .mobnavpanel ul.player-UL li {
        width: 100%;
        text-align: left;
        padding-top: 10px;
    }

    .player-UL li {
        padding-right: 0 !important;
        padding-left: 1.5rem !important;
    }

    .xs-hide {
        display: none;
    }

    .xs-width-45-percent {
        width: 45%;
    }

    .xs-width-45-percent-md-width-75 {
        width: 50%;
    }

    .xs-width-50-percent {
        width: 50%;
    }

    .xs-width-100-percent {
        width: 100%;
    }

    .xs-float-left {
        float: left;
    }

    .xs-float-right {
        float: right;
    }

    .xs-text-left {
        text-align: left;
    }

    .xs-width-100-percent {
        width: 100%;
    }

        .xs-width-45-percent .DashbordCustomangle-down:before, .xs-width-100-percent .DashbordCustomangle-down:before, .xs-width-50-percent .DashbordCustomangle-down:before, .xs-width-100-percent .DashbordCustomangle-down:before {
            top: 2px;
            right: .1em;
            background: #fff;
            padding: 5px;
        }

    .xs-pl-0 {
        padding-left: 0px;
    }

    .xs-pr-0 {
        padding-right: 0px;
    }

    .xs-ml-0 {
        margin-left: 0px;
    }

    .xs-mr-0 {
        margin-right: 0px;
    }

    .xs-pr-5 {
        padding-right: 5px;
    }

    .xs-float-left {
        float: left;
    }

    .xs-pt-1 {
        padding-top: 0.25rem !important
    }

    .xs-pt-3 {
        padding-top: 1rem !important;
    }

    .xs-pb-3 {
        padding-bottom: 1rem !important;
    }

    .xs-pt-2rem {
        padding-top: 2rem !important;
    }

    .xs-pb-2rem {
        padding-bottom: 1rem !important;
    }

    .actvebannermenumobile {
        color: #005B92;
        font-size: 14px;
        letter-spacing: 0;
        padding-bottom: 8px;
    }

    .sw-50 {
        width: 45%;
    }

    .SM-fl {
        float: left;
    }

    .SM-fr {
        float: right;
    }

    ul.SM_Players_Bookmark_Filtertab_tab {
        text-align: center;
    }

        ul.SM_Players_Bookmark_Filtertab_tab li {
            display: inline-block;
            padding-right: 10px;
            padding-left: 10px;
        }

        ul.SM_Players_Bookmark_Filtertab_tab li {
            border-bottom: 0px solid #000;
        }

            ul.SM_Players_Bookmark_Filtertab_tab li.activesidebarcategory {
                border-bottom: 2px solid #000;
            }
}

@media only screen and (max-width: 767px) {
    .d-hide-mobile {
        display: none;
    }

    .text-xs-center {
        text-align: center !important;
    }
}

@media only screen and (max-width: 770px) {
    .xs-tab-hide {
        display: none;
    }

    .xs-tab-mr-0 {
        margin-right: 0px !important;
    }

    .d-hide-tab {
        display: none;
    }
}

.xs-mb-fixed-header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1061;
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) and (max-width: 991px) {
    .example {
        background: green;
    }

    select.selectsort {
        min-width: 110px;
    }
}


@media only screen and (min-width: 700px) and (max-width: 1100px) {
    .Player_Session_container .schedule__item {
        padding: 1.5rem .5rem;
    }

    .Player_Session_container .schedule__item-label {
        line-height: 4px;
        padding-top: 7px;
        margin-right: .5rem;
    }

    .schedule__item-labels {
        position: relative;
    }

    .schedule__item-label {
        display: inline-block;
    }

    .tab-w-50 {
        width: 50%;
        display: inline-block;
    }

    .tab-lh-64 {
        line-height: 64px;
    }

    .searchReset {
        padding: 0px;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .dplpr-0 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .dplpr-0-separator {
        padding-left: 1% !important;
        padding-right: 1% !important;
    }

        .dplpr-0-separator .W-100.mt-4 {
            width: 102%;
        }

    .dpl-0 {
        padding-left: 0px;
    }

    .dpr-0 {
        padding-right: 0px;
    }

    .sidenav-max-width-87 {
        max-width: 82%;
        line-height: 20px;
        display: inline-block;
    }

    .d-inline-block-desktop {
        display: inline-block;
    }

    .actvebannermenudesktop {
        color: #005B92;
        font-size: 14px;
        letter-spacing: 0;
        line-height: 18px;
        text-align: center;
        padding-bottom: 8px;
        text-decoration: underline;
        text-underline-offset: 5px;
        text-decoration-thickness: 2px;
    }

    .desk-gray-border {
        border: 1px solid #dadada;
    }
}

@media screen and (min-width: 800px) and (max-width: 1325px) {
    .xs-width-45-percent-md-width-75 {
        width: 49%;
    }
}

@media screen and (min-width: 900px) {
    .dminh-340 {
        min-height: 340px;
    }

    .dplpr-0-separator {
        padding-left: 2% !important;
        padding-right: 1% !important;
    }

        .dplpr-0-separator .W-100.mt-4 {
            width: 100%;
        }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .lg-p0 {
        padding: 0px;
    }

    .xs-mb-70 {
        padding-top: 70px;
    }

    .xl-min-width-220 {
        min-width: 220px;
    }

    .dml-4-mml1 {
        margin-left: 1.5rem;
    }

    .dpl-4-mpl1 {
        padding-left: 1.5rem;
    }

    .dpl-4-mpl2 {
        padding-left: 3.1%;
    }

    .dpr-4-mpl2 {
        padding-right: 2.1rem;
    }
}

@media only screen and (min-width: 1450px) {
    .dpl-4-mpl2 {
        padding-left: 5rem;
    }
}

@media only screen and (min-width: 1400px) {
    .dpl-4-mpl2 {
        padding-left: 4.7rem;
    }
}

@media only screen and (min-width: 1350px) {
    .dpl-4-mpl2 {
        padding-left: 4.2rem;
    }

    .dpr-4-mpl2 {
        padding-right: 4.8rem;
    }
}

/*large screen fix*/
@media only screen and (min-width: 1370px) {
    .dpl-4-mpl2 {
        padding-left: 4.4rem;
    }

    .dpr-4-mpl2 {
        padding-right: 4.8rem;
    }
}

@media only screen and (min-width: 1380px) {
    .dpl-4-mpl2 {
        padding-left: 5.6%;
    }

    .dpr-4-mpl2 {
        padding-right: 7.5%;
    }
}

@media only screen and (min-width: 1450px) {
    .dpl-4-mpl2 {
        padding-left: 6%;
    }

    .dpr-4-mpl2 {
        padding-right: 7.5%;
    }
}

@media only screen and (min-width: 1540px) {
    .dpl-4-mpl2 {
        padding-left: 6.4%;
    }

    .dpr-4-mpl2 {
        padding-right: 7.5%;
    }
}

@media only screen and (min-width: 1250px) and (max-width: 1350px) {
    .dpl-4-mpl2 {
        padding-left: 4.7%;
    }

    .dpr-4-mpl2 {
        padding-right: 3.8rem;
    }

}

@media only screen and (min-width: 1200px) and (max-width: 1249px) {
    .dpl-4-mpl2 {
        padding-left: 4.5%;
    }

    .dpr-4-mpl2 {
        padding-right: 3.5rem;
    }
}

@media only screen and (min-width: 1150px) and (max-width: 1199px) {
    .dpl-4-mpl2 {
        padding-left: 3.5%;
    }

    .dpr-4-mpl2 {
        padding-right: 2.6rem;
    }
}

@media only screen and (min-width: 1120px) and (max-width: 1149px) {
    .dpl-4-mpl2 {
        padding-left: 3.2%;
    }

    .dpr-4-mpl2 {
        padding-right: 2.5rem;
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .example {
        background: pink;
    }

    #btnReset {
        width: 100px;
        height: 38px;
        margin-top: 1px;
    }
}

/* iPad Portrait */
@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
    .xs-mb-70 {
        padding-top: 70px;
    }

    .selectsort-max-width-180 {
        max-width: 165px;
    }
}

/* iPad Landscape */
@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
    .xs-mb-70 {
        padding-top: 70px;
    }
}
@media screen and (min-device-width: 820px) and (max-device-width: 992px) {
    .presentation-video-player {
        margin-left: 0px;
    }

    .video.dml-4-mml1 {
        margin-left: 7px;
    }

    .mentions {
        margin-left: 7px;
    }
}

@media screen and (min-width: 767px) and (max-width: 6000px) {
    .d-hide-desktop {
        display: none;
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .presentationDuration .presentation-catlog-display-time {
        bottom: 10%;
        right: 5%;
    }
}

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

    .smokeBreakContent .cg-smokebreak-close {

        margin-right: 1.7rem !important;

        padding-top: 6px !important;

    }

}

@media screen and (max-width: 500px) {
    .cg-smokebreak-fixed-width{
        height: 100%;
        width: 100vw;
    }
}

@media screen and (min-width: 768px) {
    .carousel-width {
        max-width: 50%;
    }
}