/* header start  */

@media (max-width:1024px) {
    .left-menu {
        width: 215px;
    }
    .content-wrapper {
        margin-left: 220px;
    }
}

@media (max-width:768px) {
    .content-wrapper {
        margin-left: 0;
        margin-top: 30px;
        transition: .5s;
    }
    .header-right .create-course-btn {
        display: none;
    }
    .left-menu {
        margin-left: -260px;
    }
    .left-menu.hide {
        margin-left: 0;
    }
}

@media (max-width:425px) {
    header.header {
        height: 50px;
    }
    .left-menu {
        width: 240px;
        margin-top: 20px;
    }
    .left-menu ul#sidebar li a {
        padding: 4px 14px;
        font-size: 10px;
    }
    a.sidebarCollapse {
        line-height: 50px;
        font-size: 20px;
    }
    p.note-name {
        margin-bottom: 6px;
    }
    p.note-time {
        margin-bottom: 0;
    }
    p.user-role {
        font-size: 11px;
        margin-bottom: 0;
    }
    p.message-user-name {
        font-size: 12px;
        margin-bottom: 3px;
    }
    img.sms-user {
        width: 40px;
        height: 40px;
    }
    .dp-main-menu a {
        font-size: 11px;
    }
    .media-body h5 {
        font-size: 18px;
    }
    .media-body p {
        font-size: 12px;
    }
}


/* header start  */

@media only screen and (max-width: 2560px) {
    .side-menu-area .navber ul {
        display: none;
    }
}

@media only screen and (max-width: 1440px) {
    .side-menu-area .navber ul {
        display: none;
    }
}

@media only screen and (max-width: 425px) {
    header .navber {
        width: 50%;
        display: none;
    }
    header label {
        display: initial;
    }
    #menu-bar {
        display: none;
    }
    #menu-bar:checked~.navber {
        display: initial;
    }
    .side-menu-area .navber ul {
        color: var(--white);
        background-color: var(--bg-color);
        display: block;
        width: 100%;
        height: 100vh;
    }
    .side-menu-area .navber .menu {
        padding-left: 20px;
    }
    .header-area {
        display: none;
    }
    .side-menu-area {
        top: 50px;
        width: 50%;
    }
    .side-menu-area .drop-down {
        position: relative;
    }
    .side-menu-area .navber ul li ul {
        position: absolute;
        top: 0px;
        left: 100%;
        display: none;
        width: 90%;
        height: 40px;
        box-sizing: 0 0 4px var(--shadow);
        background-color: var(--main-color);
    }
    .side-menu-area .navber ul li a {
        line-height: 40px;
    }
    .side-menu-area ul li:hover ul {
        display: initial;
    }
    .side-menu-area ul li a {
        font-size: 16px;
    }
}


/* mb-top start  */

@media (max-width: 2560px) {
    .mb-header-tab-area {
        display: none;
    }
}

@media (max-width: 1440px) {
    .mb-header-tab-area {
        display: none;
    }
}

@media (max-width: 1024px) {
    .header-area .logo {
        width: 170px;
        height: 60px;
    }
    .header-area .lg-navber ul li a {
        font-size: 16px;
        margin: 0 5px;
    }
    .header-area .header-right .btn {
        font-size: 15px;
        line-height: 26px;
        padding: 4px 10px;
    }
}

@media (max-width: 768px) {
    .header-area {
        height: 70px;
        line-height: 70px;
    }
    .header-area .logo {
        width: 120px;
        height: 60px;
    }
    .header-area .lg-navber ul li a {
        font-size: 13px;
        margin: 0 5px;
    }
    .header-area .header-right .btn {
        font-size: 13px;
        line-height: 20px;
        padding: 4px 10px;
    }
}

@media only screen and (max-width: 425px) {
    .mb-header-tab-area {
        display: initial;
        height: 50px;
    }
    .mb-header-tab i {
        line-height: 50px;
    }
    .mb-header-tab .mb-header-logo {
        height: 40px;
    }
    .mb-header-tab .mb-header-btn {
        line-height: 43px;
    }
}


/* header end  */


/* trade-top start  */

@media only screen and (max-width: 425px) {
    .trade-wrapper .trade-top-search input {
        width: 100%;
        margin: 15px 0;
    }
    .video-wrapper .video-heading h2 {
        font-size: var(--font-size18);
        line-height: 28px;
    }
    .video-wrapper .video-heading {
        margin-top: 15px;
    }
    .description-heading {
        font-size: var(--font-size18);
        line-height: 28px;
    }
    .right-side {
        margin-top: 30px;
    }
    .video-wrapper .video {
        height: 300px;
    }
    .right-side .right-side-search input {
        margin-bottom: 0;
    }
    .right-side .right-side-search i {
        font-size: var(--font-size16);
    }
    .right-side .right-side-item .nav-img {
        width: 40px;
        height: 40px;
    }
    .right-side .right-side-item h3 {
        font-size: var(--font-size14);
    }
}

@media only screen and (max-width: 425px) {
    .right-side .right-side-item .nav-img {
        width: 35px;
        height: 35px;
    }
    .right-side .right-side-item h3 {
        font-size: var(--font-size12);
    }
}


/* trade-top end  */