.megamenu .bg-grad{border:0;min-height:35px;border-radius: 8px;padding: 0 15px;text-align: center;line-height:35px;color: #fff;}
.megamenu .bg-grad:hover, .megamenu .bg-grad:focust{color: #fff;}
.main-menu .container{position: relative;}
.megamenu {
    position: static !important;
    padding: 0 0 10px;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.megamenu>.megadropdown-menu {
    position: absolute;
    width: 70%;
    top: 100%;
    left: 0;
    padding: 0;
    margin-top:0px;
    display: none;
    /*min-width: 10rem;*/
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background: transparent;
    border:0;
    z-index: 1000;
    padding-top: 15px;
}
.mega-dd-inner{
    display: flex;
    width: 100%;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
}

.megamenu:hover>.megadropdown-menu {
    display: block;
    transform:inherit !important;
    top: 80% !important ;
    left: 0px !important;
    will-change: transform;
}
.in-visible{display: block;}


.megadropdown-menu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.megadropdown-menu:hover>a:after {
    border-left-color: #fff;
}

.submenu-nav {
    background: #f1f6fa;
    width: 300px;
    height: 100%;
    margin: 0;
    padding: 0;
    float: left;
}
.submenu-nav li {
    padding: 0 20px;
    color: #5a5a5a;
    line-height: 32px;
    font-size: 12px;
    list-style: none;
    background-color: transparent;
    text-align: left;
}
.submenu-nav h4 {
    font-weight: 500;
    color: #293031;
    margin:10px 0;
    text-transform: uppercase;
    padding: 0px;
    text-align: left;
    font-size: 18px;
    text-align: center;
    line-height: 1.7;
}
.submenu-nav li a{
    color: #5a5a5a;
    line-height: 32px;
    font-size: 15px;
}
.submenu-nav li:hover{background: #fff;}
.sub-menu {
    border: 0 !important;
    left: 0;
    background: #fff;
    position: absolute;
    top: 100%;
    opacity:1;
    visibility: visible;

}

.submenu-nav li.active .sub-menu {
    overflow: visible;
    cursor: initial;
}
.submenu-posts{display:block;width: 100%;}
.post-nav{display: none;}
.post-nav div.inner-post{display: flex;flex-wrap: wrap;}
.post-nav div.inner-post > div{width:50%;}
.post-nav div h4{text-align: center;/*margin-bottom: 10px;*/margin-top: 15px;font-size: 18px;padding-bottom: 5px;/*border-bottom: 1px solid #020202;*/}
.post-nav div ul{list-style: none;padding:0 15px;margin: 0;}
.post-nav div ul li{padding: 0 20px;color: #5a5a5a;line-height: 32px;font-size: 14px;list-style: none;background-color: transparent;text-align: left;}
.post-nav div ul li a{color: #5a5a5a;line-height: 32px;font-size: 15px;}

#sidebar1.mobileSideBar{display: none;}


@media only screen and (max-width:1080px){
    .course-intro-setion{min-height: 40vh;}

}

@media only screen and (max-width:992px){
.submenu-nav{width: 250px;}
.submenu-nav li{padding: 0 10px;}
/*#sidebar .desktopSideBar{display: block !important;}
#sidebar1 .mobileSideBar{display: none;}*/

}

@media only screen and (max-width:991px){
    .megamenu{margin-top:20px;}
    .mean-container .mean-bar{position: inherit;width: auto;display: inline-block;}
    .mean-container a.meanmenu-reveal{right:60px !important;}
    .mean-container .mean-nav{float: none;width:auto;background: #fff;margin-top:15px;position: absolute;width: 100%;top: 100%;left: 0;z-index: 999;}
    .mean-container a.meanmenu-reveal.meanclose{color: #2a2a2a;}
    .post-nav div.inner-post > div{width: 50%;}
    /*.megamenu>.megadropdown-menu{min-width:320px; }
    .submenu-nav{width: 100%;float: none;}
    .submenu-posts{position: absolute;width: 100%;background: #fff;left: 100%;top:0;}
    .post-nav div.inner-post{display: block;}
    .post-nav div.inner-post > div{width: 100%}*/
   /* .preview_box, .call-box-wrapper{display: none;}
    #course-details #sidebar.sidebar{
	    position: fixed !important;
	    width: 100%;
	    min-height: auto;
	    bottom: 30px;
	    top: auto;
	    max-width: 100%;
	    flex: 0 0 100%;
	    right: 0;
	    padding: 0;
	    background: transparent;
    }
    #course-details .sidebar__inner .side-bar{background: transparent;margin: 0;box-shadow: none;display: block;border-radius: 0;}*/
    /*.course-side-bar-widget{display: flex;justify-content: center;flex-wrap: wrap;background: #fff;box-shadow: 5px 5px 8px rgba(0,0,0,0.5);position: fixed;width: 100%;bottom:30px;left:0;border-top: 2px solid #f38a27;}
    .course-side-bar-widget .entrol-now-box{display:inherit;width: auto;margin-bottom: 0;}
    .course-side-bar-widget .skillsion-btn{line-height:inherit !important;font-size: inherit !important;height: 54px;margin:0;}
    .course-side-bar-widget .call-btn{width: auto;height:54px;}
    .btn-course-price{width:100%;/*height: 60px;margin-top:-2px;}
    .course-side-bar-widget .skillsion-btn{}
    /*.course-offer-tag{margin: 0;}*/
    #sidebar.desktopSideBar{display: none !important;}
    #sidebar1.mobileSideBar{display: flex; justify-content: center;max-width: 100%;flex: 0 0 100%;}
    .course-side-bar-widget{position: unset;bottom: auto;left: auto;border:0;}
    .sidebar__inner{text-align: center;}

}
@media only screen and (max-width:768px){
.post-nav div.inner-post > div{width: 100%;}
}

@media only screen and (max-width:767px){
.megamenu>.megadropdown-menu{width: 100%;}
}
@media only screen and (max-width:480px){
/*.course-side-bar-widget{flex-wrap: nowrap;}
.btn-course-price{margin:-2px 0 0;}
.course-side-bar-widget .skillsion-btn{margin:0 !important;height: 60px;font-size: 12px;}
.btn-course-price{height: 60px;}
.course-side-bar-widget .call-btn{font-size: 12px;height: 60px;}*/
span.course-final-price{font-size: 18px !important;}


}