/*== Global ==*/
@media (min-width: 576px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 100% !important;
    }
}

@media (min-width: 1500px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1500px !important;
    }
}

@media (min-width:480px) {
    .field--name-field-roadmap-small {display: none;}
}

@media (min-width:768px) {
    header nav .justify-content-md-end {justify-content: space-between !important;}
}

@media (min-width: 992px) {
    html[data-theme="dark"] a {color: var(--primary-text) !important;}
    .field--name-field-roadmap-medium {display: none;}

    .we-mega-menu-submenu li.we-mega-menu-li {width: 200px !important;}
    .we-mega-menu-submenu li.we-mega-menu-li a {border: none; padding: 10px;}
    .we-mega-menu-submenu li.we-mega-menu-li:first-child>a, .we-mega-menu-submenu li.we-mega-menu-li:first-child>span {padding-top: 10px;}
    .we-mega-menu-submenu {border: none; padding: 5px;}
    .we-mega-menu-submenu li.we-mega-menu-li a:focus, .we-mega-menu-submenu li.we-mega-menu-li a:hover {
        background: rgba(217, 236, 255, 0.67);
        border-radius: 10px;
    }
    .we-mega-menu-submenu.menu-programs .card-course-group a {padding:0;}
    .we-mega-menu-submenu.menu-skills .card-skills a {padding:5px; display: grid;}
    .we-mega-menu-submenu li.we-mega-menu-li a:after, .we-mega-menu-submenu li.we-mega-menu-li a:before, 
    .we-mega-menu-submenu li.we-mega-menu-li span:after, .we-mega-menu-submenu li.we-mega-menu-li span:before {
        background-image: url(../icon/arrow-right.png);
        rotate: 90deg;
    }


    .submenu-all-course a.we-mega-menu-li {display: flex;}
    .submenu-all-course .we-mega-menu-li i.menu-icon-course {background-image: url(https://www.9expertacademy.com/themes/training/icon/icon-menu-course.png); background-size: 18px; width:18px; height:18px; margin-right: 10px;}
    .sub-menu-programs .we-megamenu-nolink i {background-image: url(https://www.9expertacademy.com/themes/training/icon/icon-menu-programming.png); background-size: 18px; width:18px; height:18px; margin-right: 10px;}
    .sub-menu-skills .we-megamenu-nolink i {background-image: url(https://www.9expertacademy.com/themes/training/icon/icon-menu-skill.png); background-size: 18px; width:18px; height:18px; margin-right: 10px;}

    header .navbar-we-mega-menu .main-programs {height: 250px;}
    header .navbar-we-mega-menu .menu-programs {top: -50px; height: 250px; left:185px; display: flex !important; align-items: center; justify-content: space-between;padding: 0 0 0 20px; z-index: -99;}
    header .navbar-we-mega-menu .menu-skills {top: -90px; height: 250px; left: 185px; display: flex !important; align-items: center; justify-content: space-between;padding: 0 0 0 20px; z-index: -99;}
    header .navbar-we-mega-menu .menu-programs  ul {
        /*-webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;*/
        /*display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 22px;*/
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        flex-direction: column;
        max-height: 240px;
        width: 762px;
        padding-left: 5px;
    }

    header .navbar-we-mega-menu .menu-programs ul li.card-course-group {
        flex-basis: calc(33.33% - 10px);
        margin-bottom: 0;
        padding: 5px;
        margin-right: 20px;
    }

    header .navbar-we-mega-menu .menu-programs ul li.card-course-group:hover {
        background: rgba(217, 236, 255, 0.67);
        border-radius: 10px;
    }

    header .navbar-we-mega-menu .menu-skills ul {
        /*-webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;*/
        /*display: grid;
        grid-template-columns: repeat(3, 1fr);*/
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        flex-direction: column;
        max-height: 240px;
        width: 762px;
        padding-left: 5px;
    }

    header .navbar-we-mega-menu .menu-skills ul li.card-skills {
        width: 220px;
        margin: 0;
        padding: 0;
    }

    header .navbar-we-mega-menu .menu-programs ul li.card-course-group:hover {
        background: rgba(217, 236, 255, 0.67);
        border-radius: 10px;
    }

    #block-training-views-block-menu-skill-block-1 .view-content .item-list li {margin: 20px;}
    .menu-programs .item-list li img {max-width: 30px;}
    #block-training-views-block-menu-skill-block-1 .view-content .item-list li img {max-height: 70px;}
    header .navbar-we-mega-menu .main-programs {
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }

    #block-training-views-block-menu-skill-block-1 img {max-width: 60px;}

    header .navbar-we-mega-menu .menu-programs,
    header .navbar-we-mega-menu .menu-skills {
        border-bottom-left-radius: 0;
        /*border-left: 1px solid rgba(196, 196, 196, 1)*/
    }
}



@media (min-width: 993px) {
    .view-front-course-group {padding: 40px 100px;}
    #block-training-frontstat .client,
    #block-training-frontstat .attendee,
    #block-training-frontstat .review {border-right: 8px solid #0266D6;}
}

@media (min-width: 1180px) {
    .path-training-course .display-flex,
    .course-term.display-flex {max-width: 1070px; gap: 40px;}
}

@media (min-width: 1400px) {
    .course-data ul.course-info li,
    .slick--optionset--courses .slick-slide > div:first-child .course-data ul.course-info li {padding-right: 1px;}
    .slick--optionset--articles .slick-slide {padding: 20px;}
    .path-training-course .display-flex,
    .course-term.display-flex {max-width: 1400px;}
}

    
@media (max-width:1199px) {
    .path-training-course .display-flex {
        justify-content: center;
    }
}

@media (max-width:992px) {
    .field--name-field-roadmap-large {display: none;}
}

@media (max-width:991px) {
    .navbar-we-mega-menu.navbar ul>li {width: 100%;}
    .navbar-we-mega-menu .training_menu_program .type-of-block {display: block !important;}
    .navbar-we-mega-menu .show-menu .type-of-block {display: block !important;}
    .we-mega-menu-submenu.menu-programs .type-of-block ul {padding-left: 0;}
    .we-mega-menu-submenu.menu-skills .type-of-block ul {padding-left: 0;}
}


@media (min-width: 421px) {
    #block-training-views-block-custom-content-block-block-1 .box-white {min-height: 250px; max-width: 390px;}
}

@media (orientation: portrait) {
    #block-training-views-slideshow {display: none;}
    .swiper-slide {margin-top: initial; margin-bottom: unset;}
}

@media (orientation: landscape) {
    #block-training-views-block-slideshow-block-2 {display: none;}
}


@media (max-width: 1440px) {
    .slick--optionset--courses .slick-track {margin-left: 18px;}
    .view-front-course-group {padding: 40px 40px;}
    .slick--optionset--articles .slick-list {margin-left: 5px;}
}
    

@media (max-width: 767px) {
    footer .region-footer .footer-item {margin-left: auto; margin-right: auto; min-width: 300px;}
    .slick--optionset--courses .slick-track {margin-left: 2px;}
}

@media (max-width: 420px) {
    #block-training-views-block-custom-content-block-block-1 .views-field-body p {display: none;}
    #block-training-views-block-custom-content-block-block-1 .box-white {max-width: 360px; align-items: center; padding:25px;}
    #block-training-quicktabscoursegroup #quicktabs-tabpage-course_group-0 .card-course-group {width: 50% !important; text-align: center;}
    #block-training-quicktabscoursegroup .quicktabs-tabs {padding: 20px 0;}
    nav.navbar .collapse:not(.show) {display: flex !important;}
    #block-training-frontstat .client, #block-training-frontstat .attendee, #block-training-frontstat .review, #block-training-frontstat .follower {width: 50%; padding:15px;}
    #block-training-frontstat .stat-data {border-radius: 16px; border: 1px solid var(--primary-color);}
    .skill-course-group {/
        width: 45%;
        display: inline-flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        font-size: 16px;
        text-align: left;
    }

    .skill-course-group img {width:40px; margin-right: 10px;}
    .skill-course-group .skill-text {margin-top: initial;}

    #quicktabs-tab-course_group-0 a:before, #quicktabs-tab-course_group-1 a:before {width: 20px; height: 20px; background-size: 20px 20px; margin-right: 5px;}
    #block-training-quicktabscoursegroup ul.quicktabs-tabs li {font-size: 14px;}


}

/* == TB Mega Menu ==*/
@media (max-width: 979px) {
  .tb-megamenu .nav-collapse .dropdown-menu .views-field-field-image a {
    border-top: 0 none;
  }
  #user-login-form .item-list li a {
    border: 0 none;
  }
  .tb-megamenu .nav-collapse,
  .tb-megamenu .nav-collapse.collapse {
    z-index: 999;
    display: block; // Add this?
  }
}
/* == TB Mega Menu ==*/