@media (max-width:420px) {     
    .uk-grid > div.sided-card .list-product-card__content {
        display: flex;
        flex-wrap: wrap;
        margin: 0 0 0 -15px; 
        padding: 0;
        list-style: none;
        align-items: center;

    }
    .uk-grid > div.sided-card .list-product-card__content--image {
        width: 40%;
        box-sizing: border-box;
        max-width: 100%;
        padding-left: 15px
    }
    
    .uk-grid > div.sided-card .list-product-card__content--data {
        width: 60%;
        box-sizing: border-box;
        max-width: 100%;
        text-align: left;
        padding-left: 15px;
        flex-direction: column-reverse;
        display: flex
    }
    .uk-grid > div.sided-card .list-product-card__content--data .list-product-name {
        text-align: left;
        margin-bottom: 5px;
        padding: 0
    }
    .uk-grid > div.sided-card .list-product-card__content--data .list-product-price {         
        padding-left: 0;
        text-align: left;
        justify-content: left;        
        padding-top: 0;     
        font-size: 20px    
    }
    .uk-grid > div.sided-card .list-product-card__content--data .list-product-price {
        background: none
    }
    .uk-grid > div.sided-card .list-product-card__content--data .cta-button {
        display: none
    }
     
}


@media (min-width:420px) and (max-width: 640px) {
    /* .uk-grid > .list-product-card {
        width: 50%
    }    */
    
}



@media  (max-width:640px) {
    .tabs\@s .product-tabs-nav,
    .tabs\@s .product-tabs-content-name {
        display: none;
    }
    .tabs\@s .product-tabs-content #product-tabs > li {
        display: block!important;
        margin-bottom: 50px;
    }
    .list-product-card  .list-product-price {
        padding-top: 5px;
        padding-bottom: 5px
    }
    #mobile-product-name-bar {
        z-index: 5;
        position: fixed;
        line-height: 1;
        top: 50px;
        left: 0;
        right: 0;
        height: 50px;
        background-color: #FFF;
        z-index: 990;
        opacity: 0;
        transition: .35s;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box; 
        pointer-events: none       
    }
    #mobile-product-name-bar::after {
        position: absolute;
        height: 50px;
        content: '';
        display: block;
        left: 0;
        right: 0;
        bottom: 0px;
        pointer-events: none;
        box-shadow: 0px 17px 10px -23px;    
        transition: .35s;
        opacity: 0;
    }
    
    #mobile-product-name-bar .product-name {
        font-size: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        line-height: 1;
    }
    
    .fast-buy-bar {
        background: #fff;
        height: 50px;   
        left: 0;
        right: 0;
        position: fixed;
        bottom: 0;
        z-index: 990;
        opacity: 0;
        transition: .35s;
        pointer-events: none;
        padding: 0px 5px 5px 5px
    }
    #product-details-section.uk-scrollspy-inview .fast-buy-bar,
    #product-details-section.uk-scrollspy-inview  #mobile-product-name-bar {
        opacity: 1; 
        pointer-events: all    
    }
     
    #product-details-section.uk-scrollspy-inview  #mobile-product-name-bar::after {
        opacity: 1; 
    }

     
    
}


@media all and (max-width:1199px) {
    #top-bar {
        padding-left: 0;
        padding-right: 0;
    }
}



@media all and (min-width:960px) {
   *::-webkit-scrollbar {
        width: 8px;                 
      }
       
     *::-webkit-scrollbar-thumb {
        background: #666;
        border-radius: 20px;
      }
      
     *::-webkit-scrollbar-track {
        background: #eeeeee;
        
      }
    .content-fixed-wrapper {
        height: calc(100vh - 50px);
        overflow-y: scroll;
    }
    body.lesson-page .content-fixed-wrapper {
        height: calc(100vh - 110px);        
    }
    .uk-sticky:not(.uk-sticky-fixed) .content-fixed-wrapper {
        overflow: hidden;
    }
    .course-sell-bar {
        background: #eee;
        border-bottom: 1px solid transparent;
    }
    .course-sell-bar.uk-active {
        border-bottom: 1px solid #dddddd;
    }
    .course-sell-bar.course-name {
    
    } 
}

@media all and (min-width:1200px) {

    .uk-navbar-item.uk-logo {
        padding-left: 2px;
        border-radius: 7px;
    }
    .main-navbar .store-logo {
        max-height: 94px;
        background: #fff;
        margin-top: 2px;
        margin-bottom: 2px;
        border-radius: 10px 2px 2px 10px;
    }

    .top-bar-inner {
        padding-top: 5px;
        padding-bottom: 5px;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
    }
    #store-slideshow {
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 5px;
        margin-bottom: 35px;
    }
    #store-slideshow .store-slideshow-items {
        border-radius: 15px
    }
    .main-navbar:not(.uk-navbar-transparent) {
       
    }
    .main-navbar.uk-navbar-sticky::before {
        display: block;
        transition: .2s;
        content: '';
        position: absolute;
        left: -5px;
        right: -5px;
        bottom: -5px;
        top: -5px;
        border-radius: 16px;
        border: 5px solid rgba(255, 255, 255, .5);
        pointer-events: none
    }
    .course-fixed-bar-buy {
         
        padding-top: 32px;
        padding-bottom: 32px;
    }
}