#app {
            width: 100%;
        }
        .block-media .media-content {
            margin: -25px -5px 0;
        }
        ::-webkit-scrollbar {
            width: 0px;
            background: rgba(255, 255, 255, 0.0);
        }

        .app-videos__loaded,
        .app-playlists {
            display: flex;
            justify-content: flex-start;
            flex-wrap: wrap;
        }

        .video,
        .playlist {
            width: 24%;
            margin: 0.5%;
            transition: opacity 0.8s ease;
            animation: show 2.5s ease;
        }

        .video__wrap,
        .playlist__wrap {
            display: block;
            z-index: 10;
        }

        .video__thumb,
        .playlist__thumb {
            width: 100%;
            height: 170px !important;
        }
        @media(max-width: 540px) {
           .video__thumb {
               height: 220px!important;
                min-height: 220px!important;
           } 
           .playlist__thumb {
                height: 200px!important;
                min-height: 200px!important;
            } 
            .playlist__thumb-wrap {
                height: 200px!important;
                min-height: 200px!important;
            }
        }

        .video__details-name,
        .playlist__details-name {
            color: #000;
            font-weight: 700;
            font-size: 19px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
        .video__details-name {
            -webkit-line-clamp: 2;
        }
        .playlist__details-name {
            -webkit-line-clamp: 1;
            margin-top: 8px;
        }

        .playlist__thumb-wrap {
            position: relative;
            height: 170px;
        }

        .playlist__items-count {
            position: absolute;
            top: 0;
            right: 0;
            height: 100%;
            width: 50%;
            background-color: rgba(0, 0, 0, 0.7);
            display: flex;
            justify-content: center;
            align-items: center;
            -webkit-transition: all 0.3s ease;
            transition: all 0.4s ease;
            flex-direction: column;
        }
        .playlist:hover .playlist__items-count {
            background-color: rgba(0, 0, 0, 0.75);
        }
        .playlist__items-play {
            width: 20px;
            height: auto;
            clip-path: polygon(100% 50%, 0 100%, 0 0);
            background: #fff;
            opacity: 0;
            visibility: hidden;
            transition: all 0.4s ease;
            -webkit-transition: all 0.4s ease;
            margin-left: 5px;
        }
        
        .playlist:hover .playlist__items-play {
            opacity: 1;
            visibility: visible;
            height: 20px;
        }
        
        .playlist__items-count span {
            display: block;
            text-align: center;
            color: #fff;
            font-size: 25px;
            opacity: 1;
            visibility: visible;
            height: auto;
            transition: all 0.2s ease;
            -webkit-transition: all 0.2s ease;
        }
        
        .playlist:hover .playlist__items-count span {
            opacity: 0;
            visibility: hidden;
            height: 0;
            display: none;
        }

        .loadmore {
            visibility: hidden;
            opacity: 0;
            background-color: #f9f9f9;
            color: #39c;
            font-weight: 300;
            width: 200px;
            text-align: center;
            font-size: 18px;
            border: 1px solid #ddd;
            border-radius: 8px;
            padding: 0 20px;
            margin: 30px auto;
            height: 42px;
            line-height: 42px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            cursor: pointer;
            transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
        }

        .lds-ring {
            display: inline-block;
            position: relative;
            width: 80px;
            height: 80px;
            display: block;
            margin: 30px auto;

        }

        .lds-ring div {
            box-sizing: border-box;
            display: block;
            position: absolute;
            width: 64px;
            height: 64px;
            margin: 8px;
            border: 8px solid #fff;
            border-radius: 50%;
            -webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
            animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
            border-color: #636363 transparent transparent transparent;
        }

        .lds-ring div:nth-child(1) {
            animation-delay: -0.45s;
        }

        .lds-ring div:nth-child(2) {
            animation-delay: -0.3s;
        }

        .lds-ring div:nth-child(3) {
            animation-delay: -0.15s;
        }

        .popup__wrapper {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            background: rgba(0, 0, 0, 0.8);
            -webkit-transition: opacity 0.2s ease;
            transition: opacity 0.2s ease;
            z-index: 9999;
        }

        .popup__video {
            position: relative;
        }

        .popup__close {
            cursor: pointer;
            position: absolute;
            top: -25px;
            right: -25px;
            width: 20px;
            height: 20px;
        }

        .popup__close:before,
        .popup__close:after {
            content: '';
            position: absolute;
            top: 15px;
            left: 4px;
            width: 24px;
            height: 2px;
            background: #fff;
            z-index: 2;
        }

        .popup__close:before {
            -webkit-transform: rotateZ(-44deg);
            transform: rotateZ(-44deg);
        }

        .popup__close:after {
            -webkit-transform: rotateZ(44deg);
            transform: rotateZ(44deg);
        }

        .hide {
            display: none;
            opacity: 0;
            visibility: hidden;
            max-height: 0px;
            overflow: hidden;
        }

        .show {
            opacity: 1;
            visibility: visible;
            max-height: 100%;
        }

        .scroll-disable {
            overflow: hidden;
        }
        .app-menu {
            display: flex;
            justify-content: space-around;
            align-items: center;
            width: auto;
        }

        .app-menu__tab {
            line-height: 42px;
            border-bottom: 3px solid transparent;
            font-weight: 700;
            padding: 0 16px;
            cursor: pointer;
            color: #39c;
            text-transform: uppercase;
        }

        .app-menu__tab.active {
            color: #182844;
            border-color: #39c;
        }

        .app-tabs {
            width: 100%;
        }

        .app-tabcontent {
            transition: opacity 0.7s ease;
        }

        .app-videos__header-wrap, .app-playlists__header-wrap {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            margin: 10px 5px;
        }
        .app-videos__header-wrap {
            width: auto;
        }
        .app-playlists__header-wrap {
            width:100%;
        }

        .app-videos__header,
        .app-playlists__header {
            font-size: 22px;
            font-weight: bold;
        }

        .app-playlists__header {
            display: block;
            width: 100%;
        }
        .app-videos__show-all {
            font-weight: 700;
        }
        #app i {
            border: solid #39c;
            border-width: 0 3px 3px 0;
            display: inline-block;
            padding: 3px;
            margin-right: 3px;
            margin-left: 5px;
        }
        
        #app i.left {
            transform: rotate(135deg);
            -webkit-transform: rotate(135deg);
        }

        @media (max-width: 992px) {

            .video,
            .playlist {
                width: 32%;
                margin: 0.5%;
            }
        }

        @media (max-width: 768px) {

            .video,
            .playlist {
                width: 48%;
                margin: 0.5%;
            }
        }

        @media (max-width: 580px) {

            .video,
            .playlist {
                width: 100%;
                margin: 2%;
            }

            .popup__video,
            .popup__video iframe {
                width: 100%;

            }

            .popup__close {
                top: -35px !important;
                right: 5px !important;
                width: 30px !important;
                height: 30px !important;
            }
        }

        @keyframes lds-ring {
            0% {
                -webkit-transform: rotate(360deg);
                transform: rotate(0deg);
            }

            100% {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }

        /* Preloader */
        @keyframes show {
            0% {
                opacity: 0;
            }

            100% {
                opacity: 1;
            }
        }