.icon-like.active #icon-far.fl-icon {
    display: block;
    color: rgb(190 75 219) !important;
    font-weight: 900 !important;
}

.mobile {
    display: none;
}

.dektop {
    display: block;
}

.icon-like #icon-far {
    display: none;
}

.icon-like.active #icon-fas {
    display: none;
}

.icon-like #icon-fas {
    display: block;
}

.update-icon.active .learning-id {
    display: block;
}

.update-icon.unactive .learning-id {
    display: none;
}

.update-icon .learning-id {
    display: none;
}

.update-icon.active .test-id {
    display: block;
}

.update-icon.unactive .test-id {
    display: none;
}

.update-icon .test-id {
    display: none;
}

.update-icon.active .survey-id {
    display: block;
}

.update-icon.unactive .survey-id {
    display: none;
}

.update-icon .survey-id {
    display: none;
}

.update-icon.active .certificate-id {
    display: block;
}

.update-icon.unactive .certificate-id {
    display: none;
}

.update-icon .certificate-id {
    display: none;
}

#sidebar.active .si-unactive {
    display: none !important;
}

#sidebar .si-unactive {
    display: none !important;
}

#sidebar.active .si-active {
    display: block !important;
}

@media (max-width: 1024px) {
    #maincontent.main-active .col-md-10 .cf-custom .row-left .p-style {
        width: 77%;
        display: inline-flex;
    }

    #maincontent .col-md-10 .cf-custom .m-rgh {
        padding-left: 0px;
        margin-right: 10%;
    }

    nav#sidebar.sidebar-unactive {
        margin-left: 0px !important;
        min-width: 200px;
    }

    #sidebar.sidebar-unactive ul li > a {
        display: flex;
        margin-left: -10px !important;
        min-width: 130px;
    }

    #sidebar.sidebar-unactive ul li a label {
        padding-left: 5px;
        cursor: pointer;
    }

    #menutop.menu-active {
        padding-left: 72px !important;
    }

    #menutop {
        padding-left: 200px !important;
    }

    #pdRight {
        padding-right: 189px !important;
    }

    #img-banner .img-banner .certificate .kh {
        margin-left: -70px;
        width: 184%;
    }

    #maincontent .col-md-10 .cf-custom {
        margin-left: -30px;
    }

        #maincontent .col-md-10 .cf-custom .row-left .p-style {
            margin-left: -2.4%;
        }

    #maincontent .col-md-2 {
        margin-left: -14%;
    }

    #maincontent .col-md-10 .tab .line-tab {
        width: 73%;
    }

    #maincontent.main-active .col-md-10 .cf-custom .row-left .p-style .btn-other {
        padding-left: 0px;
    }

    #maincontent .col-md-10 .cf-custom .row-left .p-style .btn-other {
        padding-left: 118px;
    }

    #maincontent.main-active .col-md-10 .cf-custom .mg-left-lt .fc-lotrinh-ht {
        margin-right: 160px;
        margin-left: 20px;
    }

    #maincontent .col-md-10 .cf-custom .mg-left-lt .fc-lotrinh-ht {
        margin-right: 100px;
        margin-left: 20px;
    }

    #maincontent.main-active .col-md-10 .cf-custom .col-md-12.col-xs-12.no-padding {
        margin-left: 1.5%;
        max-width: 81%;
    }

    #maincontent .col-md-10 .cf-custom .col-md-12.col-xs-12.no-padding {
        margin-left: -4%;
        max-width: 93%;
    }
}
@media only screen and (max-width: 1024px) and (min-height: 1366px) {
    #maincontent.main-active .col-md-10 .cf-custom .col-md-12.col-xs-12.no-padding {
        margin-left: 0%;
        max-width: 78.5%;
    }
}
    

    @media only screen and (max-width: 768px) and (max-height: 1024px) {
        nav#sidebar.sidebar-unactive {
            margin-left: 0px !important;
            min-width: 200px;
        }

        #sidebar.sidebar-unactive ul li > a {
            display: flex;
            margin-left: -10px !important;
            min-width: 130px;
        }

        #sidebar.sidebar-unactive ul li a label {
            padding-left: 5px;
            cursor: pointer;
        }

        #menutop.menu-active {
            padding-left: 72px !important;
        }

        #menutop {
            padding-left: 200px !important;
        }

        #img-banner .img-banner .certificate .kh {
            margin-left: -48px;
            width: 184%;
        }

        #maincontent.main-active .col-md-10 .tab .line-tab {
            width: 95.5%;
        }

        #maincontent .col-md-10 .tab .line-tab {
            width: 65.5%;
        }

        #maincontent.main-active .col-md-10 .cf-custom {
            margin-left: -24px;
        }

        #maincontent .col-md-10 .cf-custom {
            margin-left: -34px;
        }

        #maincontent {
            display: flex;
        }

            #maincontent .col-md-10 .cf-custom .row-left .p-style {
                margin-left: -1.4%;
                display: block;
            }

                #maincontent .col-md-10 .cf-custom .row-left .p-style .btn-other {
                    margin-right: 51%;
                    padding-top: 10px;
                    padding-left: 0px;
                }

            #maincontent .col-md-10 .tab {
                width: 796px;
                margin-left: -30px;
            }

            #maincontent .fix-ipab {
                margin-top: 60px;
                margin-left: -30%;
                flex: 0 0 25.666667% !important;
                max-width: 23.666667% !important;
            }

            #maincontent.main-active .fix-ipab {
                margin-top: 60px;
                margin-left: -37%;
                flex: 0 0 16.666667% !important;
                max-width: 16.666667% !important;
            }

            #maincontent .col-md-10 .cf-custom .m-rgh {
                padding-left: 13px;
            }

            #maincontent.main-active .col-md-10 .cf-custom .m-rgh {
                padding-left: 33px;
            }

            #maincontent .col-md-2 .size-img-col2 .mg-top-22 .line-130-col2 {
                display: block;
                width: 206px;
                height: 3px;
            }

            #maincontent .col-md-10 .cf-custom .mg-left-sc div .svg-right {
                display: none;
            }

            #maincontent.main-active .col-md-10 .cf-custom .row-left .p-style {
                margin-left: 32px;
                display: block;
                padding-right: 0%;
            }

            #maincontent .col-md-2 .mg-top-13 {
                width: 107%;
            }

            #maincontent.main-active .col-md-10 .cf-custom .mg-left-lt .fc-lotrinh-ht {
                margin-right: 106px;
                margin-left: 50px;
            }

            #maincontent .col-md-10 .cf-custom .mg-left-lt .fc-lotrinh-ht {
                margin-right: 20px;
                margin-left: 0px;
            }

            #maincontent .col-md-10 .cf-custom .mg-left-lt {
                margin-left: 0px;
            }

            #maincontent .col-md-10 .cf-custom .mg-top-bt .svg-right .w-line-lt {
                width: 340px;
            }

            #maincontent.main-active .col-md-2.col-sm-6.col-xs-12.cus-btcn.dscc-size-col2.mg-top-70 {
                margin-left: -34.8%;
                margin-top: 9%;
            }

            #maincontent.main-active .col-md-10 .cf-custom .row-left .p-style {
                width: 80%;
            }

            #maincontent.main-active .col-md-10 .cf-custom .col-md-12.col-xs-12.no-padding {
                margin-left: 4.5%;
                max-width: 55%;
            }

            #maincontent .col-md-10 .cf-custom .col-md-12.col-xs-12.no-padding {
                margin-left: -2.5%;
                max-width: 60%;
            }

            #maincontent .col-md-2 {
                margin-left: -32%;
                margin-top: 11%;
                flex: 0 0 25.666667%;
                max-width: 25.666667%;
            }

            #maincontent.main-active .col-md-2 {
                margin-left: -32%;    
                margin-top: 0%;
                flex: 0 0 16.666667%;
                max-width: 16.666667%;
            }
    }

    /* Extra Small Devices, Phones */
    @media only screen and (max-width : 540px) and (orientation: portrait) {
        .img-chart {
            width: 180px;
            height: 180px;
            margin-top: -40px;
        }

        #img-banner.banner-active .img-banner .certificate .kh .margin-40 .icc1 {
            margin-top: 17%;
            width: 128px;
        }

        #img-banner.banner-active .img-banner .certificate .kh .margin-40 .icc2 {
            margin-top: 17%;
            width: 128px;
        }

        #img-banner .img-banner .certificate .kh .margin-40 .icc1 {
            margin-top: 17%;
            width: 128px;
        }

        #img-banner .img-banner .certificate .kh .margin-40 .icc2 {
            margin-top: 17%;
            width: 128px;
        }

        #img-banner.banner-active .img-banner .certificate .kh svg.margin-40 {
            margin-left: 5px;
        }

        #img-banner .img-banner .certificate .kh svg.margin-40 {
            margin-left: 5px;
        }

        #img-banner.banner-active .img-banner .certificate .kh .mgicc1 {
            margin-left: 8px;
        }

        #img-banner .img-banner .certificate .kh .mgicc1 {
            margin-left: 8px;
        }

        #img-banner .img-banner .certificate .kh .mgicc2 {
            margin-left: 5px;
        }

        #img-banner.banner-active .img-banner .certificate .kh .mgicc2 {
            margin-left: 5px;
        }

        #sidebar.active {
            height: 70px !important;
            width: 70px !important;
            min-height: 0vh !important;
            background-color: rgb(157 77 158);
        }

        #sidebar.sidebar-unactive #sidebarCollapse #search-id {
            padding-top: 11px;
            padding-right: 0px;
        }

        #sidebar.sidebar-unactive #sidebarCollapse.si-unactive .si-active {
            margin-top: 20px;
            margin-left: 10px;
            display: block !important;
        }

        #sidebar.active .si-unactive {
            display: none !important;
        }

        #sidebar.active .si-active {
            display: block !important;
        }

        #sidebar.sidebar-unactive .si-unactive {
            display: inline-flex !important;
        }

        #sidebar.sidebar-unactive .si-active {
            display: none !important;
        }

        #sidebar.active .menu-bar {
            display: none !important;
        }

        #sidebar.active #sidebarCollapse {
            background-color: rgb(157 77 158);
        }

        #sidebar #sidebarCollapse {
            background-color: rgb(157 77 158);
            display: inline-flex;
        }

        #menutop.menu-active #pdRight .float-right #search-id {
            display: none !important;
        }

        #menutop.menu-active #pdRight.header-active {
            padding-right: 50px !important;
            padding-left: 10px !important;
        }

            #menutop.menu-active #pdRight.header-active .float-left {
                width: 65%;
            }

        #img-banner {
            padding-left: 0px !important;
        }

        #maincontent.main-active {
            margin-left: 0px !important;
            padding-left: 0px !important;
            width: 100%;
            height: auto;
            display: block;
        }

        nav#sidebar.sidebar-unactive {
            margin-left: 0px !important;
            min-width: 250px;
        }

        .dropdown-menu.show {
            width: 305px !important;
        }

        #sidebar.sidebar-unactive #sidebarCollapse #search-id .dropdown-menu {
            top: 10% !important;
            left: 4% !important;
            overflow-y: scroll;
            max-height: 500px;
            z-index: 99999 !important;
        }

        #sidebar.sidebar-unactive #sidebarCollapse #search-id li a {
            padding-left: 0px;
        }

        .display-inline {
            display: inline-flex;
            width: 290px !important;
        }

        #menutop {
            padding-left: 72px !important;
        }

            #menutop #pdRight.header-active {
                padding-right: 50px !important;
                padding-left: 10px !important;
            }

            #menutop #pdRight .float-right #search-id {
                display: none !important;
            }

            #menutop #pdRight {
                display: inline-flex !important;
                padding-left: 10px !important;
            }

        /*banner mobile*/
        .img-banner {
            height: auto;
        }

        .certificate {
            display: inline-grid;
            height: 100%;
            width: 100%;
        }

        .kh {
            display: flex;
            flex-wrap: wrap;
            margin-left: 15% !important;
            margin-right: 10% !important;
            width: 74% !important;
        }
        /*main content trang khoa hoc ca nhan*/
        #maincontent .fix-center {
            padding-left: 10px;
            padding-right: 10px;
        }

        #maincontent .col-md-10 .tab {
            width: 100%;
            margin-left: 0px;
        }

        .tab button {
            padding-left: 10px;
            padding-right: 10px;
        }

        #maincontent.main-active .col-md-10 .tab {
            width: 100%;
            margin-left: 0px;
        }

        p.line-tab.line-ipad-pro {
            display: block;
            width: 100% !important;
        }


        .tab button.unactive {
            border-bottom: none;
        }

        button.tablinks.unactive {
            padding-top: 5px;
        }

        button.tablinks.active: {
        }

        .tab button.active {
            border-bottom: none;
        }

        a button.tablinks.active {
            background-color: none;
            border-bottom: 4px solid #0f4068;
            margin-top: 10px;
        }

        #maincontent.main-active .fix-center {
            padding-left: 0px;
        }

        #maincontent.main-active .col-md-10 .cf-custom {
            margin-left: 0px;
            margin-right: 0px;
        }

            #maincontent.main-active .col-md-10 .cf-custom .row-left {
                width: 100%;
                margin-right: 0px !important;
                margin-left: 0px !important;
            }

                #maincontent.main-active .col-md-10 .cf-custom .row-left .p-style {
                    margin-left: 0px;
                    display: inline-flex;
                    padding-right: 0%;
                    width: 100%;
                }

        .span-kh {
            padding-left: 10px;
            width: 57%;
        }

        #maincontent.main-active .col-md-10 .cf-custom .m-rgh {
            padding-left: 115px;
            margin-right: 10px;
        }

        .svg-right {
            display: block;
        }

        .w-line-lt {
            display: none;
        }

        #maincontent.main-active .col-md-10 .cf-custom .mg-top-bt .span-kh-lt {
            margin-left: 0px;
        }

        #maincontent.main-active .col-md-10 .cf-custom .row-left .p-style .btn-other {
            margin-right: 0%;
            width: 42%;
            margin-top: -9px;
        }

        #maincontent.main-active .col-md-10 .cf-custom .mg-left-lt .fc-lotrinh-ht {
            margin-right: 10px;
            margin-left: 10px;
            border-left: 4px solid #f8f8f8;
            border-top: 4px solid #f8f8f8;
            margin-top: 10px;
        }

        #maincontent.main-active .col-md-2 {
            margin-left: 16%;
        }

            #maincontent.main-active .col-md-2 .size-img-col2 .mg-top-7 {
                width: 100%;
            }

        .fc-row.fc-week.fc-widget-content {
            height: auto !important;
        }

        .footer {
            width: 100%;
        }
        #maincontent.main-active .col-md-10 .cf-custom .col-md-12.col-xs-12.no-padding {
            margin-left: 0%;
            max-width: 100%;
        }
        #maincontent .col-md-10 .cf-custom .col-md-12.col-xs-12.no-padding {
            margin-left: 0%;
            max-width: 100%;
        }
        #maincontent.main-active .col-md-2.col-sm-6.col-xs-12.cus-btcn.dscc-size-col2.mg-top-70 {
            margin-left: 2.2%;
            margin-top: -3%;
            max-width: 98%;
        }
        #maincontent .col-md-2.col-sm-6.col-xs-12.cus-btcn.dscc-size-col2.mg-top-70 {
            margin-left: 2.2%;
            margin-top: -3%;
            max-width: 98%;
        }
    }

    /*Iphone 13 14 pro max*/
    @media only screen and (max-width: 428px)  and (orientation: portrait){
        .kh {
            display: flex;
            flex-wrap: wrap;
            margin-left: 3% !important;
            margin-right: 0% !important;
            width: 100% !important;
            flex-basis: 100%;
        }
        .span-kh {
            padding-left: 10px;
        }
        .style-el{
            width:100%!important;
        }

        #maincontent.main-active .col-md-10 .cf-custom .row-left .p-style {
            margin-left: 0px;
            display: block;
            padding-right: 0%;
            width: 100%;
        }

            #maincontent.main-active .col-md-10 .cf-custom .row-left .p-style .btn-other {
                margin-right: 53%;
                width: 46%;
                margin-top: 0px;
            }

        #maincontent.main-active .col-md-10 .cf-custom .m-rgh {
            padding-left: 65px;
            margin-right: 10px;
        }

        #maincontent.main-active .col-md-2 {
            margin-left: 7%;
        }
    }


    @media only screen and (max-width : 414px) and (orientation: portrait) {
        .kh {
            display: flex;
            flex-wrap: wrap;
            margin-left: 3% !important;
            margin-right: 0% !important;
            width: 100% !important;
        }

        .span-kh {
            padding-left: 10px;
        }

        #maincontent.main-active .col-md-10 .cf-custom .row-left .p-style {
            margin-left: 0px;
            display: block;
            padding-right: 0%;
            width: 100%;
        }

            #maincontent.main-active .col-md-10 .cf-custom .row-left .p-style .btn-other {
                margin-right: 53%;
                width: 46%;
                margin-top: 0px;
            }

        #maincontent.main-active .col-md-10 .cf-custom .m-rgh {
            padding-left: 65px;
            margin-right: 10px;
        }

        #maincontent.main-active .col-md-2 {
            margin-left: 7%;
        }
    }

    @media only screen and (max-width : 411px) and (orientation: portrait) {
        #sidebar.active {
            height: 70px !important;
            width: 70px !important;
            min-height: 0vh !important;
            background-color: rgb(157 77 158);
        }

        #sidebar.sidebar-unactive #sidebarCollapse #search-id {
            padding-top: 11px;
            padding-right: 0px;
        }

        #sidebar.sidebar-unactive #sidebarCollapse.si-unactive .si-active {
            margin-top: 20px;
            margin-left: 10px;
            display: block !important;
        }

        #sidebar.active .si-unactive {
            display: none !important;
        }

        #sidebar.active .si-active {
            display: block !important;
        }

        #sidebar.sidebar-unactive .si-unactive {
            display: inline-flex !important;
        }

        #sidebar.sidebar-unactive .si-active {
            display: none !important;
        }

        #sidebar.active .menu-bar {
            display: none !important;
        }

        #sidebar.active #sidebarCollapse {
            background-color: rgb(157 77 158);
        }

        #sidebar #sidebarCollapse {
            background-color: rgb(157 77 158);
            display: inline-flex;
        }

        #menutop.menu-active #pdRight .float-right #search-id {
            display: none !important;
        }

        #menutop.menu-active #pdRight.header-active {
            padding-right: 50px !important;
            padding-left: 10px !important;
        }

            #menutop.menu-active #pdRight.header-active .float-left {
                width: 60%;
            }

        #img-banner {
            padding-left: 0px !important;
        }

        #maincontent.main-active {
            margin-left: 0px !important;
            padding-left: 0px !important;
            width: 100%;
            height: auto;
        }

        nav#sidebar.sidebar-unactive {
            margin-left: 0px !important;
            min-width: 250px;
        }

        .dropdown-menu.show {
            width: 305px !important;
        }

        #sidebar.sidebar-unactive #sidebarCollapse #search-id .dropdown-menu {
            top: 10% !important;
            left: 4% !important;
            overflow-y: scroll;
            max-height: 500px;
            z-index: 99999 !important;
        }

        #sidebar.sidebar-unactive #sidebarCollapse #search-id li a {
            padding-left: 0px;
        }

        .display-inline {
            display: inline-flex;
            width: 290px !important;
        }

        #menutop {
            padding-left: 72px !important;
        }

            #menutop #pdRight.header-active {
                padding-right: 50px !important;
                padding-left: 10px !important;
            }

            #menutop #pdRight .float-right #search-id {
                display: none !important;
            }

            #menutop #pdRight {
                display: inline-flex !important;
                padding-left: 10px !important;
            }

        /*banner mobile*/
        .img-banner {
            height: auto;
        }

        .certificate {
            display: inline-grid;
            height: 100%;
            width: 100%;
        }

        .kh {
            margin-left: 12px !important;
        }
        /*main content trang khoa hoc ca nhan*/
        #maincontent .fix-center {
            padding-left: 10px;
            padding-right: 10px;
        }

        #maincontent .col-md-10 .tab {
            width: 100%;
            margin-left: 0px;
        }

        .tab button {
            padding-left: 10px;
            padding-right: 10px;
        }

        #maincontent.main-active .col-md-10 .tab {
            width: 100%;
            margin-left: 0px;
        }

        p.line-tab.line-ipad-pro {
            display: block;
        }

        .tab button.unactive {
            border-bottom: none;
        }

        button.tablinks.unactive {
            padding-top: 5px;
        }

        button.tablinks.active: {
        }

        .tab button.active {
            border-bottom: none;
        }

        a button.tablinks.active {
            background-color: none;
            border-bottom: 4px solid #0f4068;
            margin-top: 10px;
        }

        #maincontent.main-active .fix-center {
            padding-left: 0px;
        }

        #maincontent.main-active .col-md-10 .cf-custom {
            margin-left: 0px;
            margin-right: 0px;
        }

            #maincontent.main-active .col-md-10 .cf-custom .row-left {
                width: 100%;
                margin-right: 0px !important;
                margin-left: 0px !important;
            }

                #maincontent.main-active .col-md-10 .cf-custom .row-left .p-style {
                    margin-left: 0px;
                    display: block;
                    padding-right: 0%;
                    width: 100%;
                }

        .span-kh {
            padding-left: 10px;
        }

        #maincontent.main-active .col-md-10 .cf-custom .row-left .p-style .btn-other {
            margin-right: 53%;
            width: 47%;
        }

        #maincontent.main-active .col-md-10 .cf-custom .m-rgh {
            padding-left: 60px;
            margin-right: 10px;
        }

        .svg-right {
            display: block;
        }

        #maincontent.main-active .col-md-10 .cf-custom .mg-top-bt .span-kh-lt {
            margin-left: 0px;
        }

        #maincontent.main-active .col-md-10 .cf-custom .mg-left-lt .fc-lotrinh-ht {
            margin-right: 10px;
            margin-left: 10px;
            border-left: 4px solid #f8f8f8;
            border-top: 4px solid #f8f8f8;
            margin-top: 10px;
        }

        #maincontent.main-active .col-md-2 {
            margin-left: 6%;
        }

            #maincontent.main-active .col-md-2 .size-img-col2 .mg-top-7 {
                width: 100%;
            }

        .fc-row.fc-week.fc-widget-content {
            height: auto !important;
        }

        .footer {
            width: 100%;
        }
    }

    @media only screen and (max-width : 375px) and (orientation: portrait) {
        #img-banner.banner-active .img-banner .certificate .kh svg.margin-40 {
            margin-left: -13px;
        }

        #img-banner .img-banner .certificate .kh svg.margin-40 {
            margin-left: -13px;
        }

        #sidebar.active {
            height: 70px !important;
            width: 70px !important;
            min-height: 0vh !important;
            background-color: rgb(157 77 158);
        }

        #sidebar.sidebar-unactive #sidebarCollapse #search-id {
            padding-top: 11px;
            padding-right: 0px;
        }

        #sidebar.sidebar-unactive #sidebarCollapse.si-unactive .si-active {
            margin-top: 20px;
            margin-left: 10px;
            display: block !important;
        }

        #sidebar.active .si-unactive {
            display: none !important;
        }

        #sidebar.active .si-active {
            display: block !important;
        }

        #sidebar.sidebar-unactive .si-unactive {
            display: inline-flex !important;
        }

        #sidebar.sidebar-unactive .si-active {
            display: none !important;
        }

        #sidebar.active .menu-bar {
            display: none !important;
        }

        #sidebar.active #sidebarCollapse {
            background-color: rgb(157 77 158);
        }

        #sidebar #sidebarCollapse {
            background-color: rgb(157 77 158);
            display: inline-flex;
        }

        #menutop.menu-active #pdRight .float-right #search-id {
            display: none !important;
        }

        #menutop.menu-active #pdRight.header-active {
            padding-right: 50px !important;
            padding-left: 10px !important;
        }

        #img-banner {
            padding-left: 0px !important;
        }

        #maincontent.main-active {
            margin-left: 0px !important;
            padding-left: 0px !important;
            width: 100%;
            height: auto;
        }

        nav#sidebar.sidebar-unactive {
            margin-left: 0px !important;
            min-width: 250px;
        }

        .dropdown-menu.show {
            width: 305px !important;
            right: -15px !important;
        }

        #sidebar.sidebar-unactive #sidebarCollapse #search-id .dropdown-menu {
            top: 10% !important;
            left: 4% !important;
            overflow-y: scroll;
            max-height: 500px;
            z-index: 99999 !important;
        }

        #sidebar.sidebar-unactive #sidebarCollapse #search-id li a {
            padding-left: 0px;
        }

        .display-inline {
            display: inline-flex;
            width: 290px !important;
        }

        #menutop {
            padding-left: 72px !important;
        }

            #menutop #pdRight.header-active {
                padding-right: 50px !important;
                padding-left: 10px !important;
            }

            #menutop #pdRight .float-right #search-id {
                display: none !important;
            }

            #menutop #pdRight {
                display: inline-flex !important;
                padding-left: 10px !important;
            }

        /*banner mobile*/
        .img-banner {
            height: auto;
        }

        .certificate {
            display: inline-grid;
            height: 100%;
            width: 100%;
        }

        .kh {
            margin-left: 0px !important;
            width: 100% !important;
        }
        /*main content trang khoa hoc ca nhan*/
        #maincontent .fix-center {
            padding-left: 10px;
            padding-right: 10px;
        }

        #maincontent .col-md-10 .tab {
            width: 100%;
            margin-left: 0px;
        }

        .tab button {
            padding-left: 10px;
            padding-right: 10px;
        }

        #maincontent.main-active .col-md-10 .tab {
            width: 100%;
            margin-left: 0px;
        }

        p.line-tab.line-ipad-pro {
            display: none;
        }

        .tab button.unactive {
            border-bottom: none;
        }

        button.tablinks.unactive {
            padding-top: 5px;
        }

        button.tablinks.active: {
        }

        .tab button.active {
            border-bottom: none;
        }

        a button.tablinks.active {
            background-color: #cfd9e0;
        }

        #maincontent.main-active .fix-center {
            padding-left: 0px;
        }

        #maincontent.main-active .col-md-10 .cf-custom {
            margin-left: 0px;
            margin-right: 0px;
        }

            #maincontent.main-active .col-md-10 .cf-custom .row-left {
                width: 100%;
                margin-right: 0px !important;
                margin-left: 0px !important;
            }

                #maincontent.main-active .col-md-10 .cf-custom .row-left .p-style {
                    margin-left: 0px;
                    display: block;
                    padding-right: 0%;
                    width: 100%;
                }

        .span-kh {
            padding-left: 10px;
        }

        #maincontent.main-active .col-md-10 .cf-custom .row-left .p-style .btn-other {
            margin-right: 46%;
            width: 51%;
        }

        #maincontent.main-active .col-md-10 .cf-custom .m-rgh {
            padding-left: 45px;
            margin-right: 10px;
        }

        .svg-right {
            display: block;
        }

        .w-line-lt {
            display: none;
        }

        #maincontent.main-active .col-md-10 .cf-custom .mg-top-bt .span-kh-lt {
            margin-left: 0px;
        }

        #maincontent.main-active .col-md-10 .cf-custom .mg-left-lt .fc-lotrinh-ht {
            margin-right: 10px;
            margin-left: 10px;
            border-left: 4px solid #f8f8f8;
            border-top: 4px solid #f8f8f8;
            margin-top: 10px;
        }

        #maincontent.main-active .col-md-2 {
            margin-left: 3%;
        }

            #maincontent.main-active .col-md-2 .size-img-col2 .mg-top-7 {
                width: 100%;
            }

        .fc-row.fc-week.fc-widget-content {
            height: auto !important;
        }

        .footer {
            width: 100%;
        }
    }

    @media only screen and (max-width : 360px) and (orientation: portrait) {
        #img-banner.banner-active .img-banner .certificate .kh svg.margin-40 {
            margin-left: -20px;
        }

        #img-banner .img-banner .certificate .kh svg.margin-40 {
            margin-left: -20px;
        }

        #img-banner.banner-active .img-banner .certificate .kh .mgicc2 {
            margin-left: -15px;
        }

        #img-banner .img-banner .certificate .kh .mgicc2 {
            margin-left: -15px;
        }

        #menutop.menu-active #pdRight.header-active .float-left {
            width: 53%;
        }

        #sidebar.active {
            height: 70px !important;
            width: 70px !important;
            min-height: 0vh !important;
            background-color: rgb(157 77 158);
        }

        #sidebar.sidebar-unactive #sidebarCollapse #search-id {
            padding-top: 11px;
            padding-right: 0px;
        }

        #sidebar.sidebar-unactive #sidebarCollapse.si-unactive .si-active {
            margin-top: 20px;
            margin-left: 10px;
            display: block !important;
        }

        #sidebar.active .si-unactive {
            display: none !important;
        }

        #sidebar.active .si-active {
            display: block !important;
        }

        #sidebar.sidebar-unactive .si-unactive {
            display: inline-flex !important;
        }

        #sidebar.sidebar-unactive .si-active {
            display: none !important;
        }

        #sidebar.active .menu-bar {
            display: none !important;
        }

        #sidebar.active #sidebarCollapse {
            background-color: rgb(157 77 158);
        }

        #sidebar #sidebarCollapse {
            background-color: rgb(157 77 158);
            display: inline-flex;
        }

        #menutop.menu-active #pdRight .float-right #search-id {
            display: none !important;
        }

        #menutop.menu-active #pdRight.header-active {
            padding-right: 50px !important;
            padding-left: 10px !important;
        }

        #img-banner {
            padding-left: 0px !important;
        }

        #maincontent.main-active {
            margin-left: 0px !important;
            padding-left: 0px !important;
            width: 100%;
            height: auto;
        }

        nav#sidebar.sidebar-unactive {
            margin-left: 0px !important;
            min-width: 250px;
        }

        .dropdown-menu.show {
            width: 305px !important;
            right: -25px !important;
        }

        #sidebar.sidebar-unactive #sidebarCollapse #search-id .dropdown-menu {
            top: 10% !important;
            left: 4% !important;
            overflow-y: scroll;
            max-height: 500px;
            z-index: 99999 !important;
        }

        #sidebar.sidebar-unactive #sidebarCollapse #search-id li a {
            padding-left: 0px;
        }

        .display-inline {
            display: inline-flex;
            width: 290px !important;
        }

        #menutop {
            padding-left: 72px !important;
        }

            #menutop #pdRight.header-active {
                padding-right: 50px !important;
                padding-left: 10px !important;
            }

            #menutop #pdRight .float-right #search-id {
                display: none !important;
            }

            #menutop #pdRight {
                display: inline-flex !important;
                padding-left: 10px !important;
            }

        /*banner mobile*/
        .img-banner {
            height: auto;
        }

        .certificate {
            display: inline-grid;
            height: 100%;
            width: 100%;
        }

        .kh {
            margin-left: 0px !important;
            width: 100% !important;
        }
        /*main content trang khoa hoc ca nhan*/
        #maincontent .fix-center {
            padding-left: 10px;
            padding-right: 10px;
        }

        #maincontent .col-md-10 .tab {
            width: 100%;
            margin-left: 0px;
        }

        .tab button {
            padding-left: 10px;
            padding-right: 10px;
        }

        #maincontent.main-active .col-md-10 .tab {
            width: 100%;
            margin-left: 0px;
        }

        p.line-tab.line-ipad-pro {
            display: none;
        }

        .tab button.unactive {
            border-bottom: none;
        }

        button.tablinks.unactive {
            padding-top: 5px;
        }

        button.tablinks.active: {
        }

        .tab button.active {
            border-bottom: none;
        }

        a button.tablinks.active {
            background-color: #cfd9e0;
        }

        #maincontent.main-active .fix-center {
            padding-left: 0px;
        }

        #maincontent.main-active .col-md-10 .cf-custom {
            margin-left: 0px;
            margin-right: 0px;
        }

            #maincontent.main-active .col-md-10 .cf-custom .row-left {
                width: 100%;
                margin-right: 0px !important;
                margin-left: 0px !important;
            }

                #maincontent.main-active .col-md-10 .cf-custom .row-left .p-style {
                    margin-left: 0px;
                    display: block;
                    padding-right: 0%;
                    width: 100%;
                }

        .span-kh {
            padding-left: 10px;
        }

        #maincontent.main-active .col-md-10 .cf-custom .row-left .p-style .btn-other {
            margin-right: 46%;
            width: 54%;
        }

        #maincontent.main-active .col-md-10 .cf-custom .m-rgh {
            padding-left: 38px;
            margin-right: 10px;
        }

        .svg-right {
            display: block;
        }

        #maincontent.main-active .col-md-10 .cf-custom .mg-top-bt .span-kh-lt {
            margin-left: 0px;
        }

        #maincontent.main-active .col-md-10 .cf-custom .mg-left-lt .fc-lotrinh-ht {
            margin-right: 10px;
            margin-left: 10px;
            border-left: 4px solid #f8f8f8;
            border-top: 4px solid #f8f8f8;
            margin-top: 10px;
        }

        #maincontent.main-active .col-md-2 {
            margin-left: 0%;
        }

            #maincontent.main-active .col-md-2 .size-img-col2 .mg-top-7 {
                width: 100%;
            }

        .fc-row.fc-week.fc-widget-content {
            height: auto !important;
        }

        .footer {
            width: 100%;
        }
    }

    @media only screen and (max-width : 320px) and (orientation: portrait) {

        #img-banner.banner-active .img-banner .certificate .kh svg.margin-40 {
            margin-left: -35px;
        }

        #img-banner .img-banner .certificate .kh svg.margin-40 {
            margin-left: -35px;
        }

        #menutop.menu-active #pdRight.header-active .float-left {
            width: 57%;
        }

        #menutop.menu-active {
            padding-left: 40px !important;
        }

        #sidebar.active {
            min-width: 50px;
            max-width: 50px;
            text-align: center;
        }

        #sidebar.active {
            height: 70px !important;
            width: 50px !important;
            min-height: 0vh !important;
            background-color: rgb(157 77 158);
        }

        #sidebar.sidebar-unactive #sidebarCollapse #search-id {
            padding-top: 11px;
            padding-right: 0px;
        }

        #sidebar.sidebar-unactive #sidebarCollapse.si-unactive .si-active {
            margin-top: 20px;
            margin-left: 10px;
            display: block !important;
        }

        #sidebar.active .si-unactive {
            display: none !important;
        }

        #sidebar.active .si-active {
            display: block !important;
        }

        #sidebar.sidebar-unactive .si-unactive {
            display: inline-flex !important;
        }

        #sidebar.sidebar-unactive .si-active {
            display: none !important;
        }

        #sidebar.active .menu-bar {
            display: none !important;
        }

        #sidebar.active #sidebarCollapse {
            background-color: rgb(157 77 158);
        }

        #sidebar #sidebarCollapse {
            background-color: rgb(157 77 158);
            display: inline-flex;
        }

        #menutop.menu-active #pdRight .float-right #search-id {
            display: none !important;
        }

        #menutop.menu-active #pdRight.header-active {
            padding-right: 50px !important;
            padding-left: 10px !important;
        }

        #img-banner {
            padding-left: 0px !important;
        }

        #maincontent.main-active {
            margin-left: 0px !important;
            padding-left: 0px !important;
            width: 100%;
            height: auto;
        }

        nav#sidebar.sidebar-unactive {
            margin-left: 0px !important;
            min-width: 250px;
        }

        .dropdown-menu.show {
            width: 305px !important;
            right: -50px !important;
        }

        #sidebar.sidebar-unactive #sidebarCollapse #search-id .dropdown-menu {
            top: 10% !important;
            left: 4% !important;
            overflow-y: scroll;
            max-height: 500px;
            z-index: 99999 !important;
        }

        #sidebar.sidebar-unactive #sidebarCollapse #search-id li a {
            padding-left: 0px;
        }

        .display-inline {
            display: inline-flex;
            width: 290px !important;
        }

        #menutop {
            padding-left: 72px !important;
        }

            #menutop #pdRight.header-active {
                padding-right: 50px !important;
                padding-left: 10px !important;
            }

            #menutop #pdRight .float-right #search-id {
                display: none !important;
            }

            #menutop #pdRight {
                display: inline-flex !important;
                padding-left: 10px !important;
            }

        /*banner mobile*/
        .img-banner {
            height: auto;
        }

        .certificate {
            display: inline-grid;
            height: 100%;
            width: 100%;
        }

        .kh {
            margin-left: -13px !important;
            width: 109% !important;
        }

        #img-banner.banner-active .img-banner .certificate .kh .mgicc2 {
            margin-left: -28px;
        }

        #img-banner .img-banner .certificate .kh .mgicc2 {
            margin-left: -28px;
        }
        /*main content trang khoa hoc ca nhan*/
        #maincontent .fix-center {
            padding-left: 10px;
            padding-right: 10px;
        }

        #maincontent .col-md-10 .tab {
            width: 100%;
            margin-left: 0px;
        }

        .tab button {
            padding-left: 10px;
            padding-right: 10px;
        }

        #maincontent.main-active .col-md-10 .tab {
            width: 100%;
            margin-left: 0px;
        }

        p.line-tab.line-ipad-pro {
            display: none;
        }

        .tab button.unactive {
            border-bottom: none;
        }

        button.tablinks.unactive {
            padding-top: 5px;
        }

        button.tablinks.active: {
        }

        .tab button.active {
            border-bottom: none;
        }

        a button.tablinks.active {
            background-color: #cfd9e0;
        }

        #maincontent.main-active .fix-center {
            padding-left: 0px;
        }

        #maincontent.main-active .col-md-10 .cf-custom {
            margin-left: 0px;
            margin-right: 0px;
        }

            #maincontent.main-active .col-md-10 .cf-custom .row-left {
                width: 100%;
                margin-right: 0px !important;
                margin-left: 0px !important;
            }

                #maincontent.main-active .col-md-10 .cf-custom .row-left .p-style {
                    margin-left: 0px;
                    display: block;
                    padding-right: 0%;
                    width: 100%;
                }

        .span-kh {
            padding-left: 10px;
        }

        #maincontent.main-active .col-md-10 .cf-custom .row-left .p-style .btn-other {
            margin-right: 40%;
            width: 60%;
        }

        #maincontent.main-active .col-md-10 .cf-custom .m-rgh {
            padding-left: 15px;
            margin-right: 0px;
            padding-right: 0px;
        }

        .svg-right {
            display: block;
        }

        #maincontent.main-active .col-md-10 .cf-custom .mg-top-bt .span-kh-lt {
            margin-left: 0px;
        }

        #maincontent.main-active .col-md-10 .cf-custom .mg-left-lt .fc-lotrinh-ht {
            margin-right: 10px;
            margin-left: 10px;
            border-left: 4px solid #f8f8f8;
            border-top: 4px solid #f8f8f8;
            margin-top: 10px;
        }

        #maincontent.main-active .col-md-2 {
            margin-left: -5%;
        }

            #maincontent.main-active .col-md-2 .size-img-col2 .mg-top-7 {
                width: 100%;
            }

        .fc-row.fc-week.fc-widget-content {
            height: auto !important;
        }

        .footer {
            width: 100%;
        }
    }
    /*giao dien mobile landscape*/
    @media only screen and (max-width : 823px) and (max-height: 414px) {
        #menutop.menu-active .bg-zindex .logo .span-h {
            display: none;
        }

        #sidebar.active {
            height: 70px !important;
            width: 70px !important;
            min-height: 0vh !important;
            background-color: rgb(157 77 158);
        }

        #sidebar.sidebar-unactive #sidebarCollapse #search-id {
            padding-top: 11px;
            padding-right: 55px;
        }

        #sidebar.sidebar-unactive #sidebarCollapse.si-unactive .si-active {
            margin-top: 20px;
            margin-left: 10px;
            display: block !important;
        }

        .ul-height {
            height: 220px !important;
        }

        #sidebar.active .si-unactive {
            display: none !important;
        }

        #sidebar.active .si-active {
            display: block !important;
        }

        #sidebar.sidebar-unactive .si-unactive {
            display: none !important;
        }

        #sidebar.sidebar-unactive .si-active {
            display: block !important;
        }

        #sidebar.active .menu-bar {
            display: none !important;
        }

        #sidebar.active #sidebarCollapse {
            background-color: rgb(157 77 158);
        }

        #sidebar #sidebarCollapse {
            background-color: rgb(157 77 158);
            display: inline-flex;
        }

        #menutop.menu-active #pdRight .float-right #search-id {
            display: block !important;
        }

        #menutop.menu-active #pdRight.header-active {
            padding-right: 50px !important;
            padding-left: 35px !important;
        }

        #img-banner {
            padding-left: 0px !important;
        }

        #maincontent.main-active {
            margin-left: 0px !important;
            padding-left: 0px !important;
            width: 100%;
            height: auto;
        }

        #maincontent {
            margin-left: 0px !important;
            padding-left: 0px !important;
            width: 100%;
            height: auto;
        }

        nav#sidebar.sidebar-unactive {
            margin-left: 0px !important;
            min-width: 285px;
            overflow-y: scroll;
            height: 300px !important;
        }

        .dropdown-menu.show {
            width: 305px !important;
        }

        #sidebar.sidebar-unactive #sidebarCollapse #search-id .dropdown-menu {
            top: 18% !important;
            left: 4% !important;
            overflow-y: scroll;
            max-height: 300px;
            z-index: 99999 !important;
        }

        #sidebar.sidebar-unactive #sidebarCollapse #search-id li a {
            padding-left: 0px;
        }

        .display-inline {
            display: inline-flex;
            width: 290px !important;
        }

        #menutop {
            padding-left: 72px !important;
        }

            #menutop #pdRight.header-active {
                padding-right: 50px !important;
                padding-left: 10px !important;
            }

            #menutop #pdRight .float-right #search-id {
                display: block !important;
            }

            #menutop #pdRight {
                display: inline-flex !important;
                padding-left: 35px !important;
                padding-right: 43px !important;
            }

        /*banner mobile*/
        .img-banner {
            height: auto;
        }

        .certificate {
            display: inline-grid;
            height: 100%;
            width: 100%;
        }

        .kh {
            margin-left: 13px !important;
            width: 100% !important;
        }
        /*main content trang khoa hoc ca nhan*/
        #maincontent .fix-center {
            margin-left: 0px !important;
            padding-left: 0px !important;
            width: 100%;
            height: auto;
            margin: 0px !important;
            flex: 0 0 100%;
            max-width: 100%;
        }

        #maincontent .col-md-10 .tab .line-tab {
            width: 100%;
        }

        #maincontent .col-md-10 .tab {
            width: 100%;
            margin-left: 0px;
        }

        #maincontent .col-md-10 .cf-custom {
            margin-left: 0px;
            width: 100% !important;
        }

            #maincontent .col-md-10 .cf-custom .m-rgh {
                padding-left: 135px;
                margin-right: 0%;
            }

            #maincontent .col-md-10 .cf-custom .mg-top-bt .span-kh-lt {
                margin-left: 0px;
            }

            #maincontent .col-md-10 .cf-custom .mg-top-bt .svg-right .w-line-lt {
                width: 545px;
            }

            #maincontent .col-md-10 .cf-custom .m-rgh .style-el {
                margin-right: 20px;
                margin-left: 8px;
            }

        #maincontent .col-md-2 {
            margin-left: 2%;
            flex: 0 0 100%;
            max-width: 100%;
        }

            #maincontent .col-md-2 .mg-top-13 {
                width: 100%;
            }

            #maincontent .col-md-2 .size-img-col2 .name-learn-col2 {
                width: 100%;
            }

            #maincontent .col-md-2 .size-img-col2 .mg-top-7 {
                width: 96%;
            }

            #maincontent .col-md-2 .size-img-col2 .mg-top-22 .line-130-col2 {
                display: block;
                width: 760px;
                height: 3px;
            }

        .tab button {
            padding-left: 30px;
            padding-right: 30px;
        }

        #maincontent.main-active .col-md-10 .tab {
            width: 100%;
            margin-left: 0px;
            text-align: left;
        }

        p.line-tab.line-ipad-pro {
            display: block;
        }

        .tab button.unactive {
            border-bottom: none;
        }

        button.tablinks.unactive {
            padding-top: 5px;
        }

        button.tablinks.active: {
        }

        .tab button.active {
            border-bottom: none;
        }

        a button.tablinks.active {
            border-bottom: 4px solid #0f4068;
        }

        #maincontent.main-active .fix-center {
            padding-left: 0px;
            flex: 0 0 100%;
            max-width: 100%;
        }

        #maincontent.main-active .col-md-10 .cf-custom {
            margin-left: 0px;
            margin-right: 0px;
        }

            #maincontent.main-active .col-md-10 .cf-custom .row-left {
                width: 100%;
                margin-right: 0px !important;
                margin-left: 0px !important;
            }

        #maincontent .col-md-10 .cf-custom .row-left {
            width: 100%;
            margin-right: 0px !important;
            margin-left: 0px !important;
        }

        #maincontent.main-active .col-md-10 .cf-custom .row-left .p-style {
            margin-left: 0px;
            display: inline-flex;
            padding-right: 10px;
            width: 100%;
        }

        #maincontent .col-md-10 .cf-custom .row-left .p-style {
            margin-left: 0px;
            display: inline-flex;
            padding-right: 10px;
            width: 100%;
        }

        .span-kh {
            padding-left: 10px;
            width: 38%;
        }

        #maincontent.main-active .col-md-10 .cf-custom .row-left .p-style .line-full .w-line {
            width: 315px;
        }

        #maincontent.main-active .col-md-10 .cf-custom .row-left .p-style .btn-other {
            margin-right: 0px;
            padding-top: 0px;
            width: 63%;
        }

        #maincontent .col-md-10 .cf-custom .row-left .p-style .btn-other {
            margin-right: 0px;
            padding-top: 0px;
            width: 63%;
        }

        #maincontent.main-active .col-md-10 .cf-custom .m-rgh {
            padding-left: 115px;
            margin-right: 5px;
        }

        .svg-right {
            display: block;
        }

        #maincontent.main-active .col-md-10 .cf-custom .mg-top-bt .span-kh-lt {
            margin-left: 0px;
        }

        #maincontent.main-active .col-md-10 .cf-custom .mg-left-lt .fc-lotrinh-ht {
            margin-right: 10px;
            margin-left: 10px;
            border-left: 4px solid #f8f8f8;
            border-top: 4px solid #f8f8f8;
            margin-top: 10px;
        }

        #maincontent.main-active .col-md-2 {
            margin-left: 0%;
            flex: 0 0 100% !important;
            max-width: 100% !important;
        }

            #maincontent.main-active .col-md-2 .size-img-col2 .mg-top-7 {
                width: 96%;
            }

        .fc-row.fc-week.fc-widget-content {
            height: auto !important;
        }

        .footer {
            width: 100%;
        }

        .float-left {
            width: 50%;
        }

        .float-right {
            width: 50%;
        }

        .notify-member {
            width: 100%;
            justify-content: flex-end;
            margin-right: 20px;
        }

        #maincontent.main-active .col-md-10 .tab .line-tab {
            width: 100%;
        }

        #maincontent.main-active .col-md-10 .cf-custom .mg-top-bt .svg-right .w-line-lt {
            width: 645px;
        }

        #maincontent.main-active .col-md-10 .cf-custom .mg-top-bt .svg-right {
            padding-right: 0px;
        }

        #maincontent .col-md-10 .cf-custom .row-left .p-style .btn-other {
            margin-right: 0%;
            padding-top: 0px;
            padding-left: 0px;
        }

        .col.card.card-body.w-20.size-img-col2 {
            width: 100% !important;
        }

        #maincontent.main-active .col-md-2 .size-img-col2 .name-learn-col2 {
            width: 100%;
        }

        #maincontent.main-active .col-md-2 .size-img-col2 .mg-top-22 .line-full-col2 {
            display: block;
            width: 725px;
            height: 3px;
        }

        #maincontent .col-md-10 .cf-custom .mg-left-lt .fc-lotrinh-ht {
            margin-right: 20px;
            margin-left: 20px;
            border-top: 4px solid #f8f8f8f8;
            border-left: 4px solid #f8f8f8f8;
            margin-top: 10px;
        }

        .ul-height {
            height: 235px;
            overflow: hidden;
            overflow-y: auto;
        }

        #sidebar::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
            background-color: #0f4068;
        }

        #sidebar::-webkit-scrollbar {
            width: 10px;
            background-color: #0f4068;
        }

        #sidebar::-webkit-scrollbar-thumb {
            background-color: #F1F1F1;
            border: none;
            border-radius: 10px;
        }

        #maincontent.main-active .col-md-10 .cf-custom .mg-top-bt .svg-right .w-line-sc {
            width: 415px;
        }

        #maincontent .col-md-10 .cf-custom .mg-top-bt .svg-right .w-line-sc {
            width: 430px;
        }
    }

    @media only screen and (max-width: 812px) and (max-height: 411px) {
        .span-kh {
            padding-left: 10px;
            width: 39%;
        }

        #maincontent.main-active .col-md-10 .cf-custom .row-left .p-style .line-full .w-line {
            width: 303px;
        }

        #maincontent.main-active .col-md-10 .cf-custom .mg-top-bt .svg-right .w-line-lt {
            width: 635px;
        }
    }

    @media only screen and (max-width : 736px) and (max-height: 540px) {
        .img-chart {
            width: 180px;
            height: 180px;
        }

        #img-banner.banner-active .img-banner .certificate .kh .margin-40 .icc1 {
            margin-top: 17%;
            width: 128px;
        }

        #img-banner.banner-active .img-banner .certificate .kh .margin-40 .icc2 {
            margin-top: 17%;
            width: 128px;
        }

        #img-banner .img-banner .certificate .kh .margin-40 .icc1 {
            margin-top: 17%;
            width: 128px;
        }

        #img-banner .img-banner .certificate .kh .margin-40 .icc2 {
            margin-top: 17%;
            width: 128px;
        }

        #img-banner.banner-active .img-banner .certificate .kh svg.margin-40 {
            margin-left: -25px;
        }

        #img-banner .img-banner .certificate .kh svg.margin-40 {
            margin-left: -25px;
        }

        #img-banner.banner-active .img-banner .certificate .kh .mgicc1 {
            margin-left: -25px;
        }

        #img-banner .img-banner .certificate .kh .mgicc1 {
            margin-left: -25px;
        }

        #img-banner .img-banner .certificate .kh .mgicc2 {
            margin-left: -15px;
        }

        #menutop {
            padding-left: 90px !important;
        }

            #menutop.menu-active #pdRight .logo #search-id ul.dropdown-menu.dropdown-search {
                right: 32.5% !important;
            }
        
        #sidebar.active {
            height: 70px !important;
            width: 70px !important;
            min-height: 0vh !important;
            background-color: rgb(157 77 158);
            overflow-y:hidden;
        }

        #sidebar.sidebar-unactive #sidebarCollapse #search-id {
            padding-top: 11px;
            padding-right: 55px;
        }

        #sidebar.sidebar-unactive #sidebarCollapse.si-unactive .si-active {
            margin-top: 20px;
            margin-left: 10px;
            display: block !important;
        }

        .ul-height {
            height: 220px !important;
        }

        #sidebar.active .si-unactive {
            display: none !important;
        }

        #sidebar.active .si-active {
            display: block !important;
        }

        #sidebar.sidebar-unactive .si-unactive {
            display: none !important;
        }

        #sidebar.sidebar-unactive .si-active {
            display: block !important;
        }

        #sidebar.active .menu-bar {
            display: none !important;
        }

        #sidebar.active #sidebarCollapse {
            background-color: rgb(157 77 158);
        }

        #sidebar #sidebarCollapse {
            background-color: rgb(157 77 158);
            display: inline-flex;
        }

        #menutop.menu-active #pdRight .float-right #search-id {
            display: block !important;
        }

        #menutop.menu-active #pdRight.header-active {
            padding-right: 50px !important;
            padding-left: 35px !important;
        }

        #img-banner {
            padding-left: 0px !important;
        }

        #maincontent.main-active {
            margin-left: 0px !important;
            padding-left: 0px !important;
            width: 100%;
            height: auto;
        }

        #maincontent {
            margin-left: 0px !important;
            padding-left: 0px !important;
            width: 100%;
            height: auto;
        }

        nav#sidebar.sidebar-unactive {
            margin-left: 0px !important;
            min-width: 285px;
            overflow-y: scroll;
            height: 300px !important;
        }

        .dropdown-menu.show {
            width: 305px !important;
        }

        #sidebar.sidebar-unactive #sidebarCollapse #search-id .dropdown-menu {
            top: 18% !important;
            left: 4% !important;
            overflow-y: scroll;
            max-height: 300px;
            z-index: 99999 !important;
        }

        #sidebar.sidebar-unactive #sidebarCollapse #search-id li a {
            padding-left: 0px;
        }

        .display-inline {
            display: inline-flex;
            width: 290px !important;
        }

        #menutop {
            padding-left: 72px !important;
        }

            #menutop #pdRight.header-active {
                padding-right: 50px !important;
                padding-left: 10px !important;
            }

            #menutop #pdRight .float-right #search-id {
                display: block !important;
            }

            #menutop #pdRight {
                display: inline-flex !important;
                padding-left: 35px !important;
                padding-right: 43px !important;
            }

        /*banner mobile*/
        .img-banner {
            height: auto;
        }

        .certificate {
            display: inline-grid;
            height: 100%;
            width: 100%;
        }

        .kh {
            margin-left: 25px !important;
            width: 100% !important;
        }
        /*main content trang khoa hoc ca nhan*/
        #maincontent .fix-center {
            margin-left: 0px !important;
            padding-left: 0px !important;
            width: 100%;
            height: auto;
            margin: 0px !important;
            flex: 0 0 100%;
            max-width: 100%;
        }

        #maincontent .col-md-10 .tab .line-tab {
            width: 100%;
        }

        #maincontent .col-md-10 .tab {
            width: 100%;
            margin-left: 0px;
        }

        #maincontent .col-md-10 .cf-custom {
            margin-left: 0px;
            width: 100% !important;
        }

            #maincontent .col-md-10 .cf-custom .m-rgh {
                padding-left: 75px;
                margin-right: 0%;
            }

            #maincontent .col-md-10 .cf-custom .mg-top-bt .span-kh-lt {
                margin-left: 0px;
            }

            #maincontent .col-md-10 .cf-custom .mg-top-bt .svg-right .w-line-lt {
                width: 545px;
            }

            #maincontent .col-md-10 .cf-custom .m-rgh .style-el {
                margin-right: 20px;
                margin-left: 8px;
            }

        #maincontent .col-md-2 {
            margin-left: 2%;
            flex: 0 0 100%;
            max-width: 100%;
        }

            #maincontent .col-md-2 .mg-top-13 {
                width: 100%;
            }

            #maincontent .col-md-2 .size-img-col2 .name-learn-col2 {
                width: 100%;
            }

            #maincontent .col-md-2 .size-img-col2 .mg-top-7 {
                width: 96%;
            }

            #maincontent .col-md-2 .size-img-col2 .mg-top-22 .line-130-col2 {
                display: block;
                width: 680px;
                height: 3px;
            }

        .tab button {
            padding-left: 30px;
            padding-right: 30px;
        }

        #maincontent.main-active .col-md-10 .tab {
            width: 100%;
            margin-left: 0px;
            text-align: left;
        }

        p.line-tab.line-ipad-pro {
            display: block;
        }

        .tab button.unactive {
            border-bottom: none;
        }

        button.tablinks.unactive {
            padding-top: 5px;
        }

        button.tablinks.active: {
        }

        .tab button.active {
            border-bottom: none;
        }

        a button.tablinks.active {
            border-bottom: 4px solid #0f4068;
        }

        #maincontent.main-active .fix-center {
            padding-left: 0px;
            flex: 0 0 100%;
            max-width: 100%;
        }

        #maincontent.main-active .col-md-10 .cf-custom {
            margin-left: 0px;
            margin-right: 0px;
        }

            #maincontent.main-active .col-md-10 .cf-custom .row-left {
                width: 100%;
                margin-right: 0px !important;
                margin-left: 0px !important;
            }

        #maincontent .col-md-10 .cf-custom .row-left {
            width: 100%;
            margin-right: 0px !important;
            margin-left: 0px !important;
        }

        #maincontent.main-active .col-md-10 .cf-custom .row-left .p-style {
            margin-left: 0px;
            display: inline-flex;
            padding-right: 10px;
            width: 100%;
        }

        #maincontent .col-md-10 .cf-custom .row-left .p-style {
            margin-left: 0px;
            display: inline-flex;
            padding-right: 10px;
            width: 100%;
        }

        .span-kh {
            padding-left: 10px;
            width: 50%;
        }

        #maincontent.main-active .col-md-10 .cf-custom .row-left .p-style .btn-other {
            margin-right: 0px;
            padding-top: 0px;
            width: 50%;
        }

        #maincontent .col-md-10 .cf-custom .row-left .p-style .btn-other {
            margin-right: 0px;
            padding-top: 0px;
            width: 50%;
        }

        #maincontent.main-active .col-md-10 .cf-custom .m-rgh {
            padding-left: 70px;
            margin-right: 5px;
        }

        .svg-right {
            display: block;
        }

        #maincontent.main-active .col-md-10 .cf-custom .mg-top-bt .span-kh-lt {
            margin-left: 0px;
        }

        #maincontent.main-active .col-md-10 .cf-custom .mg-left-lt .fc-lotrinh-ht {
            margin-right: 10px;
            margin-left: 10px;
            border-left: 4px solid #f8f8f8;
            border-top: 4px solid #f8f8f8;
            margin-top: 10px;
        }

        #maincontent.main-active .col-md-2 {
            margin-left: 0%;
            flex: 0 0 100% !important;
            max-width: 100% !important;
        }

            #maincontent.main-active .col-md-2 .size-img-col2 .mg-top-7 {
                width: 96%;
            }

        .fc-row.fc-week.fc-widget-content {
            height: auto !important;
        }

        .footer {
            width: 100%;
        }

        .float-left {
            width: 40%;
        }

        .float-right {
            width: 50%;
        }

        .notify-member {
            width: 100%;
            justify-content: flex-end;
            margin-right: 20px;
        }

        #maincontent.main-active .col-md-10 .tab .line-tab {
            width: 100%;
        }

        #maincontent.main-active .col-md-10 .cf-custom .mg-top-bt .svg-right .w-line-lt {
            width: 555px;
        }

        #maincontent.main-active .col-md-10 .cf-custom .mg-top-bt .svg-right {
            padding-right: 0px;
        }

        #maincontent .col-md-10 .cf-custom .row-left .p-style .btn-other {
            margin-right: 0%;
            padding-top: 0px;
            padding-left: 0px;
        }

        .col.card.card-body.w-20.size-img-col2 {
            width: 100% !important;
        }

        #maincontent.main-active .col-md-2 .size-img-col2 .name-learn-col2 {
            width: 100%;
        }

        #maincontent.main-active .col-md-2 .size-img-col2 .mg-top-22 .line-full-col2 {
            display: block;
            width: 640px;
            height: 3px;
        }

        #maincontent .col-md-10 .cf-custom .mg-left-lt .fc-lotrinh-ht {
            margin-right: 20px;
            margin-left: 20px;
            border-top: 4px solid #f8f8f8f8;
            border-left: 4px solid #f8f8f8f8;
            margin-top: 10px;
        }

        .ul-height {
            height: 235px;
            overflow: hidden;
            overflow-y: auto;
        }

        #sidebar::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
            background-color: #0f4068;
        }

        #sidebar::-webkit-scrollbar {
            width: 10px;
            background-color: #0f4068;
        }

        #sidebar::-webkit-scrollbar-thumb {
            background-color: #F1F1F1;
            border: none;
            border-radius: 10px;
        }
    }

    @media only screen and (max-width : 731px) and (max-height: 411px) {
        #menutop.menu-active #pdRight .logo #search-id ul.dropdown-menu.dropdown-search {
            right: 32.5% !important;
        }

        #sidebar.active {
            height: 70px !important;
            width: 70px !important;
            min-height: 0vh !important;
            background-color: rgb(157 77 158);
        }

        #sidebar.sidebar-unactive #sidebarCollapse #search-id {
            padding-top: 11px;
            padding-right: 55px;
        }

        #sidebar.sidebar-unactive #sidebarCollapse.si-unactive .si-active {
            margin-top: 20px;
            margin-left: 10px;
            display: block !important;
        }

        .ul-height {
            height: 220px !important;
        }

        #sidebar.active .si-unactive {
            display: none !important;
        }

        #sidebar.active .si-active {
            display: block !important;
        }

        #sidebar.sidebar-unactive .si-unactive {
            display: none !important;
        }

        #sidebar.sidebar-unactive .si-active {
            display: block !important;
        }

        #sidebar.active .menu-bar {
            display: none !important;
        }

        #sidebar.active #sidebarCollapse {
            background-color: rgb(157 77 158);
        }

        #sidebar #sidebarCollapse {
            background-color: rgb(157 77 158);
            display: inline-flex;
        }

        #menutop.menu-active #pdRight .float-right #search-id {
            display: block !important;
        }

        #menutop.menu-active #pdRight.header-active {
            padding-right: 50px !important;
            padding-left: 35px !important;
        }

        #img-banner {
            padding-left: 0px !important;
        }

        #maincontent.main-active {
            margin-left: 0px !important;
            padding-left: 0px !important;
            width: 100%;
            height: auto;
        }

        #maincontent {
            margin-left: 0px !important;
            padding-left: 0px !important;
            width: 100%;
            height: auto;
        }

        nav#sidebar.sidebar-unactive {
            margin-left: 0px !important;
            min-width: 285px;
            overflow-y: scroll;
            height: 300px !important;
        }

        .dropdown-menu.show {
            width: 305px !important;
        }

        #sidebar.sidebar-unactive #sidebarCollapse #search-id .dropdown-menu {
            top: 18% !important;
            left: 4% !important;
            overflow-y: scroll;
            max-height: 300px;
            z-index: 99999 !important;
        }

        #sidebar.sidebar-unactive #sidebarCollapse #search-id li a {
            padding-left: 0px;
        }

        .display-inline {
            display: inline-flex;
            width: 290px !important;
        }

        #menutop {
            padding-left: 72px !important;
        }

            #menutop #pdRight.header-active {
                padding-right: 50px !important;
                padding-left: 10px !important;
            }

            #menutop #pdRight .float-right #search-id {
                display: block !important;
            }

            #menutop #pdRight {
                display: inline-flex !important;
                padding-left: 35px !important;
                padding-right: 43px !important;
            }

        /*banner mobile*/
        .img-banner {
            height: auto;
        }

        .certificate {
            display: inline-grid;
            height: 100%;
            width: 100%;
        }

        .kh {
            margin-left: 23px !important;
            width: 100% !important;
        }
        /*main content trang khoa hoc ca nhan*/
        #maincontent .fix-center {
            margin-left: 0px !important;
            padding-left: 0px !important;
            width: 100%;
            height: auto;
            margin: 0px !important;
            flex: 0 0 100%;
            max-width: 100%;
        }

        #maincontent .col-md-10 .tab .line-tab {
            width: 100%;
        }

        #maincontent .col-md-10 .tab {
            width: 100%;
            margin-left: 0px;
        }

        #maincontent .col-md-10 .cf-custom {
            margin-left: 0px;
            width: 100% !important;
        }

            #maincontent .col-md-10 .cf-custom .m-rgh {
                padding-left: 75px;
                margin-right: 0%;
            }

            #maincontent .col-md-10 .cf-custom .mg-top-bt .span-kh-lt {
                margin-left: 0px;
            }

            #maincontent .col-md-10 .cf-custom .mg-top-bt .svg-right .w-line-lt {
                width: 545px;
            }

            #maincontent .col-md-10 .cf-custom .m-rgh .style-el {
                margin-right: 20px;
                margin-left: 8px;
            }

        #maincontent .col-md-2 {
            margin-left: 2%;
            flex: 0 0 100%;
            max-width: 100%;
        }

            #maincontent .col-md-2 .mg-top-13 {
                width: 100%;
            }

            #maincontent .col-md-2 .size-img-col2 .name-learn-col2 {
                width: 100%;
            }

            #maincontent .col-md-2 .size-img-col2 .mg-top-7 {
                width: 96%;
            }

            #maincontent .col-md-2 .size-img-col2 .mg-top-22 .line-130-col2 {
                display: block;
                width: 680px;
                height: 3px;
            }

        .tab button {
            padding-left: 30px;
            padding-right: 30px;
        }

        #maincontent.main-active .col-md-10 .tab {
            width: 100%;
            margin-left: 0px;
            text-align: left;
        }

        p.line-tab.line-ipad-pro {
            display: block;
        }

        .tab button.unactive {
            border-bottom: none;
        }

        button.tablinks.unactive {
            padding-top: 5px;
        }

        button.tablinks.active: {
        }

        .tab button.active {
            border-bottom: none;
        }

        a button.tablinks.active {
            border-bottom: 4px solid #0f4068;
        }

        #maincontent.main-active .fix-center {
            padding-left: 0px;
            flex: 0 0 100%;
            max-width: 100%;
        }

        #maincontent.main-active .col-md-10 .cf-custom {
            margin-left: 0px;
            margin-right: 0px;
        }

            #maincontent.main-active .col-md-10 .cf-custom .row-left {
                width: 100%;
                margin-right: 0px !important;
                margin-left: 0px !important;
            }

        #maincontent .col-md-10 .cf-custom .row-left {
            width: 100%;
            margin-right: 0px !important;
            margin-left: 0px !important;
        }

        #maincontent.main-active .col-md-10 .cf-custom .row-left .p-style {
            margin-left: 0px;
            display: inline-flex;
            padding-right: 10px;
            width: 100%;
        }

        #maincontent .col-md-10 .cf-custom .row-left .p-style {
            margin-left: 0px;
            display: inline-flex;
            padding-right: 10px;
            width: 100%;
        }

        .span-kh {
            padding-left: 10px;
            width: 50%;
        }

        #maincontent.main-active .col-md-10 .cf-custom .row-left .p-style .btn-other {
            margin-right: 0px;
            padding-top: 0px;
            width: 50%;
        }

        #maincontent .col-md-10 .cf-custom .row-left .p-style .btn-other {
            margin-right: 0px;
            padding-top: 0px;
            width: 50%;
        }

        #maincontent.main-active .col-md-10 .cf-custom .m-rgh {
            padding-left: 70px;
            margin-right: 5px;
        }

        .svg-right {
            display: block;
        }

        #maincontent.main-active .col-md-10 .cf-custom .mg-top-bt .span-kh-lt {
            margin-left: 0px;
        }

        #maincontent.main-active .col-md-10 .cf-custom .mg-left-lt .fc-lotrinh-ht {
            margin-right: 10px;
            margin-left: 10px;
            border-left: 4px solid #f8f8f8;
            border-top: 4px solid #f8f8f8;
            margin-top: 10px;
        }

        #maincontent.main-active .col-md-2 {
            margin-left: 0%;
            flex: 0 0 100% !important;
            max-width: 100% !important;
        }

            #maincontent.main-active .col-md-2 .size-img-col2 .mg-top-7 {
                width: 96%;
            }

        .fc-row.fc-week.fc-widget-content {
            height: auto !important;
        }

        .footer {
            width: 100%;
        }

        .float-right {
            width: 50%;
        }

        .notify-member {
            width: 100%;
            justify-content: flex-end;
            margin-right: 20px;
        }

        #maincontent.main-active .col-md-10 .tab .line-tab {
            width: 100%;
        }

        #maincontent.main-active .col-md-10 .cf-custom .mg-top-bt .svg-right .w-line-lt {
            width: 555px;
        }

        #maincontent.main-active .col-md-10 .cf-custom .mg-top-bt .svg-right {
            padding-right: 0px;
        }

        #maincontent .col-md-10 .cf-custom .row-left .p-style .btn-other {
            margin-right: 0%;
            padding-top: 0px;
            padding-left: 0px;
        }

        .col.card.card-body.w-20.size-img-col2 {
            width: 100% !important;
        }

        #maincontent.main-active .col-md-2 .size-img-col2 .name-learn-col2 {
            width: 100%;
        }

        #maincontent.main-active .col-md-2 .size-img-col2 .mg-top-22 .line-full-col2 {
            display: block;
            width: 640px;
            height: 3px;
        }

        #maincontent .col-md-10 .cf-custom .mg-left-lt .fc-lotrinh-ht {
            margin-right: 20px;
            margin-left: 20px;
            border-top: 4px solid #f8f8f8f8;
            border-left: 4px solid #f8f8f8f8;
            margin-top: 10px;
        }

        .ul-height {
            height: 235px;
            overflow: hidden;
            overflow-y: auto;
        }

        #sidebar::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
            background-color: #0f4068;
        }

        #sidebar::-webkit-scrollbar {
            width: 10px;
            background-color: #0f4068;
        }

        #sidebar::-webkit-scrollbar-thumb {
            background-color: #F1F1F1;
            border: none;
            border-radius: 10px;
        }
    }

    @media only screen and (max-width : 720px) and (orientation: landscape) {
        #sidebar.active {
            height: 70px !important;
            width: 70px !important;
            min-height: 0vh !important;
            background-color: rgb(157 77 158);
        }

        #sidebar.sidebar-unactive #sidebarCollapse #search-id {
            padding-top: 11px;
            padding-right: 55px;
        }

        #sidebar.sidebar-unactive #sidebarCollapse.si-unactive .si-active {
            margin-top: 20px;
            margin-left: 10px;
            display: block !important;
        }

        .ul-height {
            height: 220px !important;
        }

        #sidebar.active .si-unactive {
            display: none !important;
        }

        #sidebar.active .si-active {
            display: block !important;
        }

        #sidebar.sidebar-unactive .si-unactive {
            display: inline-flex !important;
        }

        #sidebar.sidebar-unactive .si-active {
            display: none !important;
        }

        #sidebar.active .menu-bar {
            display: none !important;
        }

        #sidebar.active #sidebarCollapse {
            background-color: rgb(157 77 158);
        }

        #sidebar #sidebarCollapse {
            background-color: rgb(157 77 158);
            display: inline-flex;
        }

        #menutop.menu-active #pdRight .float-right #search-id {
            display: none !important;
        }

        #menutop.menu-active #pdRight.header-active {
            padding-right: 50px !important;
            padding-left: 35px !important;
        }

        #img-banner {
            padding-left: 0px !important;
        }

        #maincontent.main-active {
            margin-left: 0px !important;
            padding-left: 0px !important;
            width: 100%;
            height: auto;
        }

        #maincontent {
            margin-left: 0px !important;
            padding-left: 0px !important;
            width: 100%;
            height: auto;
        }

        nav#sidebar.sidebar-unactive {
            margin-left: 0px !important;
            min-width: 330px;
            overflow-y: scroll;
            height: 300px !important;
        }

        .dropdown-menu.show {
            width: 305px !important;
        }

        #sidebar.sidebar-unactive #sidebarCollapse #search-id .dropdown-menu {
            top: 18% !important;
            left: 4% !important;
            overflow-y: scroll;
            max-height: 300px;
            z-index: 99999 !important;
        }

        #sidebar.sidebar-unactive #sidebarCollapse #search-id li a {
            padding-left: 0px;
        }

        .display-inline {
            display: inline-flex;
            width: 290px !important;
        }

        #menutop {
            padding-left: 72px !important;
        }

            #menutop #pdRight.header-active {
                padding-right: 50px !important;
                padding-left: 10px !important;
            }

            #menutop #pdRight .float-right #search-id {
                display: none !important;
            }

            #menutop #pdRight {
                display: inline-flex !important;
                padding-left: 35px !important;
                padding-right: 43px !important;
            }

        /*banner mobile*/
        .img-banner {
            height: auto;
        }

        .certificate {
            display: inline-grid;
            height: 100%;
            width: 100%;
        }

        .kh {
            margin-left: 20px !important;
            width: 100% !important;
        }
        /*main content trang khoa hoc ca nhan*/
        #maincontent .fix-center {
            margin-left: 0px !important;
            padding-left: 0px !important;
            width: 100%;
            height: auto;
            margin: 0px !important;
            flex: 0 0 100%;
            max-width: 100%;
        }

        #maincontent .col-md-10 .tab .line-tab {
            width: 100%;
        }

        #maincontent .col-md-10 .tab {
            width: 100%;
            margin-left: 0px;
        }

        #maincontent .col-md-10 .cf-custom {
            margin-left: 0px;
            width: 100% !important;
        }

            #maincontent .col-md-10 .cf-custom .m-rgh {
                padding-left: 50px;
                margin-right: 0%;
            }

            #maincontent .col-md-10 .cf-custom .mg-top-bt .span-kh-lt {
                margin-left: 0px;
            }

            #maincontent .col-md-10 .cf-custom .mg-top-bt .svg-right .w-line-lt {
                width: 482px;
            }

        #maincontent .col-md-2 .size-img-col2 .mg-top-22 .line-130-col2 {
            display: block;
            width: 608px;
            height: 3px;
        }

        #maincontent .col-md-10 .cf-custom .m-rgh .style-el {
            margin-right: 20px;
            margin-left: 8px;
        }

        .tab button {
            padding-left: 30px;
            padding-right: 30px;
        }

        #maincontent.main-active .col-md-10 .tab {
            width: 100%;
            margin-left: 0px;
            text-align: left;
        }

        p.line-tab.line-ipad-pro {
            display: block;
        }

        .tab button.unactive {
            border-bottom: none;
        }

        button.tablinks.unactive {
            padding-top: 5px;
        }

        button.tablinks.active: {
        }

        .tab button.active {
            border-bottom: none;
        }

        a button.tablinks.active {
            border-bottom: 4px solid #0f4068;
        }

        #maincontent.main-active .fix-center {
            padding-left: 0px;
            flex: 0 0 100%;
            max-width: 100%;
        }

        #maincontent.main-active .col-md-10 .cf-custom {
            margin-left: 0px;
            margin-right: 0px;
        }

            #maincontent.main-active .col-md-10 .cf-custom .row-left {
                width: 100%;
                margin-right: 0px !important;
                margin-left: 0px !important;
            }

        #maincontent .col-md-10 .cf-custom .row-left {
            width: 100%;
            margin-right: 0px !important;
            margin-left: 0px !important;
        }

        #maincontent.main-active .col-md-10 .cf-custom .row-left .p-style {
            margin-left: 0px;
            display: inline-flex;
            padding-right: 10px;
            width: 100%;
        }

        #maincontent .col-md-10 .cf-custom .row-left .p-style {
            margin-left: 0px;
            display: inline-flex;
            padding-right: 10px;
            width: 100%;
        }

        .span-kh {
            padding-left: 10px;
            width: 50%;
        }

        #maincontent.main-active .col-md-10 .cf-custom .row-left .p-style .btn-other {
            margin-right: 0px;
            padding-top: 0px;
            width: 50%;
        }

        #maincontent .col-md-10 .cf-custom .row-left .p-style .btn-other {
            margin-right: 0px;
            padding-top: 0px;
            width: 50%;
        }

        #maincontent.main-active .col-md-10 .cf-custom .m-rgh {
            padding-left: 40px;
            margin-right: 5px;
        }

        .svg-right {
            display: block;
        }

        #maincontent.main-active .col-md-10 .cf-custom .mg-top-bt .span-kh-lt {
            margin-left: 0px;
        }

        #maincontent.main-active .col-md-10 .cf-custom .mg-left-lt .fc-lotrinh-ht {
            margin-right: 10px;
            margin-left: 10px;
            border-left: 4px solid #f8f8f8;
            border-top: 4px solid #f8f8f8;
            margin-top: 10px;
        }

        #maincontent.main-active .col-md-2 {
            margin-left: 0%;
            flex: 0 0 100% !important;
            max-width: 100% !important;
        }

            #maincontent.main-active .col-md-2 .size-img-col2 .mg-top-7 {
                width: 96%;
            }

        .fc-row.fc-week.fc-widget-content {
            height: auto !important;
        }

        .footer {
            width: 100%;
        }

        .float-left {
            width: 50%;
        }

        .float-right {
            width: 50%;
        }

        .notify-member {
            width: 100%;
            justify-content: flex-end;
            margin-right: 20px;
        }

        #maincontent.main-active .col-md-10 .tab .line-tab {
            width: 100%;
        }

        #maincontent.main-active .col-md-10 .cf-custom .mg-top-bt .svg-right .w-line-lt {
            width: 493px;
        }

        #maincontent.main-active .col-md-10 .cf-custom .mg-top-bt .svg-right {
            padding-right: 0px;
        }

        #maincontent .col-md-10 .cf-custom .row-left .p-style .btn-other {
            margin-right: 0%;
            padding-top: 0px;
            padding-left: 0px;
        }

        .col.card.card-body.w-20.size-img-col2 {
            width: 100% !important;
        }

        #maincontent.main-active .col-md-2 .size-img-col2 .name-learn-col2 {
            width: 100%;
        }

        #maincontent.main-active .col-md-2 .size-img-col2 .mg-top-22 .line-full-col2 {
            display: block;
            width: 575px;
            height: 3px;
        }

        #maincontent .col-md-10 .cf-custom .mg-left-lt .fc-lotrinh-ht {
            margin-right: 20px;
            margin-left: 20px;
            border-top: 4px solid #f8f8f8f8;
            border-left: 4px solid #f8f8f8f8;
            margin-top: 10px;
        }

        .ul-height {
            height: 235px;
            overflow: hidden;
            overflow-y: auto;
        }

        #sidebar::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
            background-color: #0f4068;
        }

        #sidebar::-webkit-scrollbar {
            width: 10px;
            background-color: #0f4068;
        }

        #sidebar::-webkit-scrollbar-thumb {
            background-color: #F1F1F1;
            border: none;
            border-radius: 10px;
        }
    }

    @media only screen and (max-width : 667px) and (orientation: landscape) {
        #sidebar.active {
            height: 70px !important;
            width: 70px !important;
            min-height: 0vh !important;
            background-color: rgb(157 77 158);
        }

        #sidebar.sidebar-unactive #sidebarCollapse #search-id {
            padding-top: 11px;
            padding-right: 55px;
        }

        #sidebar.sidebar-unactive #sidebarCollapse.si-unactive .si-active {
            margin-top: 20px;
            margin-left: 10px;
            display: block !important;
        }

        .ul-height {
            height: 220px !important;
        }

        #sidebar.active .si-unactive {
            display: none !important;
        }

        #sidebar.active .si-active {
            display: block !important;
        }

        #sidebar.sidebar-unactive .si-unactive {
            display: inline-flex !important;
        }

        #sidebar.sidebar-unactive .si-active {
            display: none !important;
        }

        #sidebar.active .menu-bar {
            display: none !important;
        }

        #sidebar.active #sidebarCollapse {
            background-color: rgb(157 77 158);
        }

        #sidebar #sidebarCollapse {
            background-color: rgb(157 77 158);
            display: inline-flex;
        }

        #menutop.menu-active #pdRight .float-right #search-id {
            display: none !important;
        }

        #menutop.menu-active #pdRight.header-active {
            padding-right: 50px !important;
            padding-left: 35px !important;
        }

        #img-banner {
            padding-left: 0px !important;
        }

        #maincontent.main-active {
            margin-left: 0px !important;
            padding-left: 0px !important;
            width: 100%;
            height: auto;
        }

        #maincontent {
            margin-left: 0px !important;
            padding-left: 0px !important;
            width: 100%;
            height: auto;
        }

        nav#sidebar.sidebar-unactive {
            margin-left: 0px !important;
            min-width: 330px;
            overflow-y: scroll;
            height: 300px !important;
        }

        .dropdown-menu.show {
            width: 305px !important;
        }

        #sidebar.sidebar-unactive #sidebarCollapse #search-id .dropdown-menu {
            top: 18% !important;
            left: 4% !important;
            overflow-y: scroll;
            max-height: 300px;
            z-index: 99999 !important;
        }

        #sidebar.sidebar-unactive #sidebarCollapse #search-id li a {
            padding-left: 0px;
        }

        .display-inline {
            display: inline-flex;
            width: 290px !important;
        }

        #menutop {
            padding-left: 72px !important;
        }

            #menutop #pdRight.header-active {
                padding-right: 50px !important;
                padding-left: 10px !important;
            }

            #menutop #pdRight .float-right #search-id {
                display: none !important;
            }

            #menutop #pdRight {
                display: inline-flex !important;
                padding-left: 35px !important;
                padding-right: 43px !important;
            }

        /*banner mobile*/
        .img-banner {
            height: auto;
        }

        .certificate {
            display: inline-grid;
            height: 100%;
            width: 100%;
        }

        .kh {
            margin-left: -2px !important;
            width: 100% !important;
        }
        /*main content trang khoa hoc ca nhan*/
        #maincontent .fix-center {
            margin-left: 0px !important;
            padding-left: 0px !important;
            width: 100%;
            height: auto;
            margin: 0px !important;
            flex: 0 0 100%;
            max-width: 100%;
        }

        #maincontent .col-md-10 .tab .line-tab {
            width: 100%;
        }

        #maincontent .col-md-10 .tab {
            width: 100%;
            margin-left: 0px;
        }

        #maincontent .col-md-10 .cf-custom {
            margin-left: 0px;
            width: 100% !important;
        }

            #maincontent .col-md-10 .cf-custom .m-rgh {
                padding-left: 50px;
                margin-right: 0%;
            }

            #maincontent .col-md-10 .cf-custom .mg-top-bt .span-kh-lt {
                margin-left: 0px;
            }

            #maincontent .col-md-10 .cf-custom .mg-top-bt .svg-right .w-line-lt {
                width: 482px;
            }

        #maincontent .col-md-2 .size-img-col2 .mg-top-22 .line-130-col2 {
            display: block;
            width: 608px;
            height: 3px;
        }

        #maincontent .col-md-10 .cf-custom .m-rgh .style-el {
            margin-right: 20px;
            margin-left: 8px;
        }

        .tab button {
            padding-left: 30px;
            padding-right: 30px;
        }

        #maincontent.main-active .col-md-10 .tab {
            width: 100%;
            margin-left: 0px;
            text-align: left;
        }

        p.line-tab.line-ipad-pro {
            display: block;
        }

        .tab button.unactive {
            border-bottom: none;
        }

        button.tablinks.unactive {
            padding-top: 5px;
        }

        button.tablinks.active: {
        }

        .tab button.active {
            border-bottom: none;
        }

        a button.tablinks.active {
            border-bottom: 4px solid #0f4068;
        }

        #maincontent.main-active .fix-center {
            padding-left: 0px;
            flex: 0 0 100%;
            max-width: 100%;
        }

        #maincontent.main-active .col-md-10 .cf-custom {
            margin-left: 0px;
            margin-right: 0px;
        }

            #maincontent.main-active .col-md-10 .cf-custom .row-left {
                width: 100%;
                margin-right: 0px !important;
                margin-left: 0px !important;
            }

        #maincontent .col-md-10 .cf-custom .row-left {
            width: 100%;
            margin-right: 0px !important;
            margin-left: 0px !important;
        }

        #maincontent.main-active .col-md-10 .cf-custom .row-left .p-style {
            margin-left: 0px;
            display: inline-flex;
            padding-right: 10px;
            width: 100%;
        }

        #maincontent .col-md-10 .cf-custom .row-left .p-style {
            margin-left: 0px;
            display: inline-flex;
            padding-right: 10px;
            width: 100%;
        }

        .span-kh {
            padding-left: 10px;
            width: 50%;
        }

        #maincontent.main-active .col-md-10 .cf-custom .row-left .p-style .btn-other {
            margin-right: 0px;
            padding-top: 0px;
            width: 50%;
        }

        #maincontent .col-md-10 .cf-custom .row-left .p-style .btn-other {
            margin-right: 0px;
            padding-top: 0px;
            width: 50%;
        }

        #maincontent.main-active .col-md-10 .cf-custom .m-rgh {
            padding-left: 40px;
            margin-right: 5px;
        }

        .svg-right {
            display: block;
        }

        #maincontent.main-active .col-md-10 .cf-custom .mg-top-bt .span-kh-lt {
            margin-left: 0px;
        }

        #maincontent.main-active .col-md-10 .cf-custom .mg-left-lt .fc-lotrinh-ht {
            margin-right: 10px;
            margin-left: 10px;
            border-left: 4px solid #f8f8f8;
            border-top: 4px solid #f8f8f8;
            margin-top: 10px;
        }

        #maincontent.main-active .col-md-2 {
            margin-left: 0%;
            flex: 0 0 100% !important;
            max-width: 100% !important;
        }

            #maincontent.main-active .col-md-2 .size-img-col2 .mg-top-7 {
                width: 96%;
            }

        .fc-row.fc-week.fc-widget-content {
            height: auto !important;
        }

        .footer {
            width: 100%;
        }

        .float-left {
            width: 50%;
        }

        .float-right {
            width: 50%;
        }

        .notify-member {
            width: 100%;
            justify-content: flex-end;
            margin-right: 20px;
        }

        #maincontent.main-active .col-md-10 .tab .line-tab {
            width: 100%;
        }

        #maincontent.main-active .col-md-10 .cf-custom .mg-top-bt .svg-right .w-line-lt {
            width: 493px;
        }

        #maincontent.main-active .col-md-10 .cf-custom .mg-top-bt .svg-right {
            padding-right: 0px;
        }

        #maincontent .col-md-10 .cf-custom .row-left .p-style .btn-other {
            margin-right: 0%;
            padding-top: 0px;
            padding-left: 0px;
        }

        .col.card.card-body.w-20.size-img-col2 {
            width: 100% !important;
        }

        #maincontent.main-active .col-md-2 .size-img-col2 .name-learn-col2 {
            width: 100%;
        }

        #maincontent.main-active .col-md-2 .size-img-col2 .mg-top-22 .line-full-col2 {
            display: block;
            width: 575px;
            height: 3px;
        }

        #maincontent .col-md-10 .cf-custom .mg-left-lt .fc-lotrinh-ht {
            margin-right: 20px;
            margin-left: 20px;
            border-top: 4px solid #f8f8f8f8;
            border-left: 4px solid #f8f8f8f8;
            margin-top: 10px;
        }

        .ul-height {
            height: 235px;
            overflow: hidden;
            overflow-y: auto;
        }

        #sidebar::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
            background-color: #0f4068;
        }

        #sidebar::-webkit-scrollbar {
            width: 10px;
            background-color: #0f4068;
        }

        #sidebar::-webkit-scrollbar-thumb {
            background-color: #F1F1F1;
            border: none;
            border-radius: 10px;
        }
    }

    @media only screen and (max-width : 640px) and (orientation: landscape) {
        #sidebar.active {
            height: 70px !important;
            width: 70px !important;
            min-height: 0vh !important;
            background-color: rgb(157 77 158);
        }

        #sidebar.sidebar-unactive #sidebarCollapse #search-id {
            padding-top: 11px;
            padding-right: 55px;
        }

        #sidebar.sidebar-unactive #sidebarCollapse.si-unactive .si-active {
            margin-top: 20px;
            margin-left: 10px;
            display: block !important;
        }

        .ul-height {
            height: 220px !important;
        }

        #sidebar.active .si-unactive {
            display: none !important;
        }

        #sidebar.active .si-active {
            display: block !important;
        }

        #sidebar.sidebar-unactive .si-unactive {
            display: inline-flex !important;
        }

        #sidebar.sidebar-unactive .si-active {
            display: none !important;
        }

        #sidebar.active .menu-bar {
            display: none !important;
        }

        #sidebar.active #sidebarCollapse {
            background-color: rgb(157 77 158);
        }

        #sidebar #sidebarCollapse {
            background-color: rgb(157 77 158);
            display: inline-flex;
        }

        #menutop.menu-active #pdRight .float-right #search-id {
            display: none !important;
        }

        #menutop.menu-active #pdRight.header-active {
            padding-right: 50px !important;
            padding-left: 35px !important;
        }

        #img-banner {
            padding-left: 0px !important;
        }

        #maincontent.main-active {
            margin-left: 0px !important;
            padding-left: 0px !important;
            width: 100%;
            height: auto;
        }

        #maincontent {
            margin-left: 0px !important;
            padding-left: 0px !important;
            width: 100%;
            height: auto;
        }

        nav#sidebar.sidebar-unactive {
            margin-left: 0px !important;
            min-width: 330px;
            overflow-y: scroll;
            height: 300px !important;
        }

        .dropdown-menu.show {
            width: 305px !important;
        }

        #sidebar.sidebar-unactive #sidebarCollapse #search-id .dropdown-menu {
            top: 18% !important;
            left: 4% !important;
            overflow-y: scroll;
            max-height: 300px;
            z-index: 99999 !important;
        }

        #sidebar.sidebar-unactive #sidebarCollapse #search-id li a {
            padding-left: 0px;
        }

        .display-inline {
            display: inline-flex;
            width: 290px !important;
        }

        #menutop {
            padding-left: 72px !important;
        }

            #menutop #pdRight.header-active {
                padding-right: 50px !important;
                padding-left: 10px !important;
            }

            #menutop #pdRight .float-right #search-id {
                display: none !important;
            }

            #menutop #pdRight {
                display: inline-flex !important;
                padding-left: 35px !important;
                padding-right: 43px !important;
            }

        /*banner mobile*/
        .img-banner {
            height: auto;
        }

        .certificate {
            display: inline-grid;
            height: 100%;
            width: 100%;
        }

        .kh {
            margin-left: -11px !important;
            width: 100% !important;
        }
        /*main content trang khoa hoc ca nhan*/
        #maincontent .fix-center {
            margin-left: 0px !important;
            padding-left: 0px !important;
            width: 100%;
            height: auto;
            margin: 0px !important;
            flex: 0 0 100%;
            max-width: 100%;
        }

        #maincontent .col-md-10 .tab .line-tab {
            width: 100%;
        }

        #maincontent .col-md-10 .tab {
            width: 100%;
            margin-left: 0px;
        }

        #maincontent .col-md-10 .cf-custom {
            margin-left: 0px;
            width: 100% !important;
        }

            #maincontent .col-md-10 .cf-custom .m-rgh {
                padding-left: 34px;
                margin-right: 0%;
            }

            #maincontent .col-md-10 .cf-custom .mg-top-bt .span-kh-lt {
                margin-left: 0px;
            }

            #maincontent .col-md-10 .cf-custom .mg-top-bt .svg-right .w-line-lt {
                width: 457px;
            }

            #maincontent .col-md-10 .cf-custom .m-rgh .style-el {
                margin-right: 20px;
                margin-left: 8px;
            }

        .tab button {
            padding-left: 30px;
            padding-right: 30px;
        }

        #maincontent.main-active .col-md-10 .tab {
            width: 100%;
            margin-left: 0px;
            text-align: left;
        }

        p.line-tab.line-ipad-pro {
            display: block;
        }

        .tab button.unactive {
            border-bottom: none;
        }

        button.tablinks.unactive {
            padding-top: 5px;
        }

        button.tablinks.active: {
        }

        .tab button.active {
            border-bottom: none;
        }

        a button.tablinks.active {
            border-bottom: 4px solid #0f4068;
            background-color: #FFF;
        }

        #maincontent.main-active .fix-center {
            padding-left: 0px;
            flex: 0 0 100%;
            max-width: 100%;
        }

        #maincontent.main-active .col-md-10 .cf-custom {
            margin-left: 0px;
            margin-right: 0px;
        }

            #maincontent.main-active .col-md-10 .cf-custom .row-left {
                width: 100%;
                margin-right: 0px !important;
                margin-left: 0px !important;
            }

        #maincontent .col-md-10 .cf-custom .row-left {
            width: 100%;
            margin-right: 0px !important;
            margin-left: 0px !important;
        }

        #maincontent.main-active .col-md-10 .cf-custom .row-left .p-style {
            margin-left: 0px;
            display: inline-flex;
            padding-right: 10px;
            width: 100%;
        }

        #maincontent .col-md-10 .cf-custom .row-left .p-style {
            margin-left: 0px;
            display: inline-flex;
            padding-right: 10px;
            width: 100%;
        }

        .span-kh {
            padding-left: 10px;
            width: 50%;
        }

        #maincontent.main-active .col-md-10 .cf-custom .row-left .p-style .btn-other {
            margin-right: 0px;
            padding-top: 0px;
            width: 50%;
        }

        #maincontent .col-md-10 .cf-custom .row-left .p-style .btn-other {
            margin-right: 0px;
            padding-top: 0px;
            width: 50%;
        }

        #maincontent.main-active .col-md-10 .cf-custom .m-rgh {
            padding-left: 25px;
            margin-right: 5px;
        }

        .svg-right {
            display: block;
        }

        #maincontent.main-active .col-md-10 .cf-custom .mg-top-bt .span-kh-lt {
            margin-left: 0px;
        }

        #maincontent.main-active .col-md-10 .cf-custom .mg-left-lt .fc-lotrinh-ht {
            margin-right: 10px;
            margin-left: 10px;
            border-left: 4px solid #f8f8f8;
            border-top: 4px solid #f8f8f8;
            margin-top: 10px;
        }

        #maincontent.main-active .col-md-2 {
            margin-left: 0%;
            flex: 0 0 100% !important;
            max-width: 100% !important;
        }

            #maincontent.main-active .col-md-2 .size-img-col2 .mg-top-7 {
                width: 96%;
            }

        .fc-row.fc-week.fc-widget-content {
            height: auto !important;
        }

        .footer {
            width: 100%;
        }

        .float-left {
            width: 50%;
        }

        .float-right {
            width: 50%;
        }

        .notify-member {
            width: 100%;
            justify-content: flex-end;
            margin-right: 20px;
        }

        #maincontent.main-active .col-md-10 .tab .line-tab {
            width: 100%;
        }

        #maincontent.main-active .col-md-10 .cf-custom .mg-top-bt .svg-right .w-line-lt {
            width: 465px;
        }

        #maincontent.main-active .col-md-10 .cf-custom .mg-top-bt .svg-right {
            padding-right: 0px;
        }

        #maincontent .col-md-10 .cf-custom .row-left .p-style .btn-other {
            margin-right: 0%;
            padding-top: 0px;
            padding-left: 0px;
        }

        .col.card.card-body.w-20.size-img-col2 {
            width: 100% !important;
        }

        #maincontent.main-active .col-md-2 .size-img-col2 .name-learn-col2 {
            width: 100%;
        }

        #maincontent.main-active .col-md-2 .size-img-col2 .mg-top-22 .line-full-col2 {
            display: block;
            width: 555px;
            height: 3px;
        }

        #maincontent .col-md-10 .cf-custom .mg-left-lt .fc-lotrinh-ht {
            margin-right: 20px;
            margin-left: 20px;
            border-top: 4px solid #f8f8f8f8;
            border-left: 4px solid #f8f8f8f8;
            margin-top: 10px;
        }

        .ul-height {
            height: 235px;
            overflow: hidden;
            overflow-y: auto;
        }

        #sidebar::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
            background-color: #0f4068;
        }

        #sidebar::-webkit-scrollbar {
            width: 10px;
            background-color: #0f4068;
        }

        #sidebar::-webkit-scrollbar-thumb {
            background-color: #F1F1F1;
            border: none;
            border-radius: 10px;
        }
    }

    @media only screen and (max-width : 568px) and (orientation: landscape) {
        #sidebar.active {
            height: 70px !important;
            width: 70px !important;
            min-height: 0vh !important;
            background-color: rgb(157 77 158);
        }

        #sidebar.sidebar-unactive #sidebarCollapse #search-id {
            padding-top: 11px;
            padding-right: 60px;
        }

        #sidebar.sidebar-unactive #sidebarCollapse.si-unactive .si-active {
            margin-top: 20px;
            margin-left: 10px;
            display: block !important;
        }

        #sidebar.active .si-unactive {
            display: none !important;
        }

        #sidebar.active .si-active {
            display: block !important;
        }

        #sidebar.sidebar-unactive .si-unactive {
            display: inline-flex !important;
        }

        #sidebar.sidebar-unactive .si-active {
            display: none !important;
        }

        #sidebar.active .menu-bar {
            display: none !important;
        }

        #sidebar.active #sidebarCollapse {
            background-color: rgb(157 77 158);
        }

        #sidebar #sidebarCollapse {
            background-color: rgb(157 77 158);
            display: inline-flex;
        }

        #menutop.menu-active #pdRight .float-right #search-id {
            display: none !important;
        }

        #menutop.menu-active #pdRight.header-active {
            padding-right: 50px !important;
            padding-left: 10px !important;
        }

            #menutop.menu-active #pdRight.header-active .float-left {
                width: 60%;
            }

        #img-banner {
            padding-left: 0px !important;
        }

        #maincontent.main-active {
            margin-left: 0px !important;
            padding-left: 0px !important;
            width: 100%;
            height: auto;
        }

        nav#sidebar.sidebar-unactive {
            margin-left: 0px !important;
            min-width: 325px;
        }

        .dropdown-menu.show {
            width: 305px !important;
        }

        #sidebar.sidebar-unactive #sidebarCollapse #search-id .dropdown-menu {
            top: 21% !important;
            left: 1% !important;
            overflow-y: scroll;
            max-height: 500px;
            z-index: 99999 !important;
        }

        #sidebar.sidebar-unactive #sidebarCollapse #search-id li a {
            padding-left: 0px;
        }

        .display-inline {
            display: inline-flex;
            width: 290px !important;
        }

        #menutop {
            padding-left: 72px !important;
        }

            #menutop #pdRight.header-active {
                padding-right: 50px !important;
                padding-left: 10px !important;
            }

            #menutop #pdRight .float-right #search-id {
                display: none !important;
            }

            #menutop #pdRight {
                display: inline-flex !important;
                padding-left: 10px !important;
            }

        /*banner mobile*/
        .img-banner {
            height: auto;
        }

        .certificate {
            display: inline-grid;
            height: 100%;
            width: 100%;
        }

        .kh {
            margin-left: -15px !important;
            width: 100% !important;
        }
        /*main content trang khoa hoc ca nhan*/
        #maincontent .fix-center {
            padding-left: 10px;
            padding-right: 10px;
        }

        #maincontent .col-md-10 .tab {
            width: 100%;
            margin-left: 0px;
        }

        .tab button {
            padding-left: 10px;
            padding-right: 10px;
        }

        #maincontent.main-active .col-md-10 .tab {
            width: 100%;
            margin-left: 0px;
        }

        p.line-tab.line-ipad-pro {
            display: block;
        }

        .tab button.unactive {
            border-bottom: none;
        }

        button.tablinks.unactive {
            padding-top: 5px;
        }


        .tab button.active {
            border-bottom: none;
        }

        a button.tablinks.active {
            background-color: #cfd9e0;
        }

        #maincontent.main-active .fix-center {
            padding-left: 0px;
        }

        #maincontent.main-active .col-md-10 .cf-custom {
            margin-left: 0px;
            margin-right: 0px;
        }

            #maincontent.main-active .col-md-10 .cf-custom .row-left {
                width: 100%;
                margin-right: 0px !important;
                margin-left: 0px !important;
            }

                #maincontent.main-active .col-md-10 .cf-custom .row-left .p-style {
                    margin-left: 0px;
                    display: inline-flex;
                    padding-right: 0%;
                    width: 100%;
                }

        .span-kh {
            padding-left: 10px;
            width: 70%;
        }

        #maincontent.main-active .col-md-10 .cf-custom .row-left .p-style .btn-other {
            margin-right: 10px;
            width: 50%;
        }

        #maincontent.main-active .col-md-10 .cf-custom .m-rgh {
            padding-left: 5px;
            margin-right: 0px;
            padding-right: 0px;
        }

        .svg-right {
            display: block;
        }

        .w-line-lt {
            display: none;
        }

        #maincontent.main-active .col-md-10 .cf-custom .mg-top-bt .span-kh-lt {
            margin-left: 0px;
        }

        #maincontent.main-active .col-md-10 .cf-custom .mg-left-lt .fc-lotrinh-ht {
            margin-right: 10px;
            margin-left: 10px;
            border-left: 4px solid #f8f8f8;
            border-top: 4px solid #f8f8f8;
            margin-top: 10px;
        }

        #maincontent.main-active .col-md-2 {
            margin-left: -6%;
        }

            #maincontent.main-active .col-md-2 .size-img-col2 .mg-top-7 {
                width: 108%;
            }

        .fc-row.fc-week.fc-widget-content {
            height: auto !important;
        }

        .footer {
            width: 100%;
        }

        #maincontent.main-active .col-md-10 .cf-custom .m-rgh .style-el {
            margin-right: 0px !important;
        }

        #maincontent.main-active .col-md-10 .cf-custom .m-rgh .style-el {
            margin-left: 10px !important;
        }

        #maincontent.main-active .col-md-2 .size-img-col2 .mg-top-22 .line-full-col2 {
            display: block;
            width: 545px;
            height: 3px;
        }

        #maincontent .col-md-10 .cf-custom .m-rgh .style-el {
            margin-right: 0px;
            margin-left: 8px;
        }

        #maincontent .col-md-10 .cf-custom .m-rgh {
            padding-left: 10px;
            margin-right: 0%;
            padding-right: 0px;
        }

        #maincontent .col-md-2 .size-img-col2 .mg-top-22 .line-130-col2 {
            display: block;
            width: 515px;
            height: 3px;
        }

        #img-banner.banner-active .img-banner .certificate .kh svg.margin-40 {
            margin-left: -50px;
        }

        #img-banner .img-banner .certificate .kh svg.margin-40 {
            margin-left: -50px;
        }

        #img-banner.banner-active .img-banner .certificate .kh .mgicc1 {
            margin-left: -43px;
        }

        #img-banner .img-banner .certificate .kh .mgicc1 {
            margin-left: -43px;
        }

        #img-banner.banner-active .img-banner .certificate .kh .mgicc2 {
            margin-left: -38px;
        }

        #img-banner .img-banner .certificate .kh .mgicc2 {
            margin-left: -38px;
        }
    }