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

}

/* Large devices (desktops, 992px and up)*/
@media (max-width: 992px) {
    .slider {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
    }

    .calendar .day:first-child,
    .calendar .day:last-child {
        display: none;
    }

    .schedule-list {
        width: 100%;
    }

    .leaders-wrap {
        grid-template-columns: repeat(3, 1fr);
    }
}

/*// Medium devices (tablets, 768px and up)*/
@media (max-width: 767px) {
    .header {
        margin-bottom: 10px;
    }

    .slider {
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -o-transform: scale(0.7);
        transform: scale(0.7);
    }

    .best-item {
        flex-direction: row;
        height: 115px;
        padding-bottom: 15px;
        position: relative;
        /*border-bottom: 1px solid var(--border_blue);*/
    }

    .best-item:after {
        content: '';
        position: absolute;
        width: calc(100% + 30px);
        height: 1px;
        background: var(--border_blue);
        bottom: 0;
        left: -15px;
    }

    .row > [class*="col-"]:last-child > .best-item {
        padding-bottom: 0;
    }

    .row > [class*="col-"]:last-child > .best-item:after {
        background: transparent;
    }

    .best-item .info {
        height: 100px;
        margin-top: 0;
        margin-left: 15px;
    }

    .best-item img {
        width: 100px;
        height: 100px;
        -webkit-border-radius: 35px;
        -moz-border-radius: 35px;
        border-radius: 35px;
    }

    .best-item .description {
        height: 66px;
    }

    .calendar .day:nth-child(2),
    .calendar .day:nth-child(6) {
        display: none;
    }

    .calendar .day {
        height: 50px;
        font-size: 14px;
    }

    .schedule-list {
        margin: 0;
    }

    .schedule-item {
        padding: 10px;
        height: 120px;
    }

    .schedule-item.current {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    .schedule-item .info {
        margin-left: 15px;
        width: 70%;
    }

    .program-item {
        height: auto;
    }

    .program-item img {
        height: auto;
    }

    .program-item .name {
        margin-top: 15px;
        margin-bottom: 0;
    }

    .leaders-wrap {
        grid-template-columns: repeat(2, 1fr);
    }

    .favorite-item {
        justify-content: space-between;
    }

    .favorite-item .info {
        width: 75%;
    }

    .favorite-item .icon-like {
        width: 28px;
        height: 28px;
        font-size: 16px;
    }

    .favorite-item .icon-download {
        position: relative;
        visibility: visible;
        opacity: 1;
        top: 0;
        width: 25px;
        height: 25px;
    }
}

@media (max-width: 576px) {
    .slider {
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);
    }

    .sidemenu {
        width: 100%;
        left: -100%;
    }

    .sidemenu.open {
        overflow: scroll;
    }

    .navbar {
        position: relative;
        overflow-x: scroll;
        height: 48px;
        top: -2px;
    }

    .navitem {
        margin: 0 10px;
    }

    .navitem:first-child {
        margin-left: 0;
    }

    .navitem:last-child {
        margin-right: 0;
    }

    .navitem:before {
        height: 4px;
    }

    .best-item .description {
        height: 44px;
    }

    .leaders-item img {
        width: 110px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
    }

    .favorite-item .info {
        width: 60%;
    }
}

/*******************/

@media (max-width: 375px) {
    .leaders-item {
        padding: 20px;
    }

    .favorite-item .info {
        width: 50%;
    }

    .favorite-item .icon-like {
        width: 25px;
        height: 25px;
        font-size: 14px;
    }
}

@media (max-width: 320px) {
    .schedule-item .info {
        width: 60%;
    }

    .leaders-item {
        padding: 15px;
    }

}

@media (max-height: 800px) {
    .slider {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
    }
}