@media (max-width: 1600px) {
    .webname01 {
        font-size: 26px;
    }
}

@media (max-width: 1200px) {
    .webname01 {
        font-size: 22px;
    }

    .webname02 {
        font-size: 19px;
    }

    #menu2f .navbar-default .navbar-collapse {
        padding-left: 0;
    }

    #menu2f .nav > li {
        background-position: right 12px;
    }
}

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }
}

@media (max-width: 1024px) {
    .webname01 {
        font-size: 20px;
        font-weight: 800;
    }

    .topfixed .webname02 {
        font-size: 20px;
    }
}

@media (max-width: 991px) {
    .logo2f img {
        width: 50px;
        height: auto !important;
    }

    #menu2f .nav > li > a {
        padding: 8px 2px;
        font-size: 15px;
    }

    .webname02 {
        font-size: 15px;
        line-height: 15px;
    }

    .mainmenu-top01 {
        padding: 10px 0 5px 0;
    }

    .webname01, .footer-detail-left2f h3 {
        font-size: 18px;
        padding-bottom: 0;
    }

    .topfixed .webname02 {
        font-size: 18px;
    }

    .webname2f {
        top: -8px;
    }
}

@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }
}

@media (min-width: 768px) {
    .navbar-toggle {
        display: none;
    }

    .navbar-nav {
        float: left;
        margin: 0;
    }

    .navbar-nav > li {
        float: left;
    }

    .navbar-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .navbar-right {
        float: right !important;
        margin-right: -15px;
    }

    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }

    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }    
}

@media (max-width: 768px) {
    .top-contact2f {
        height: 40px;
    }
}

@media (max-width: 767px) {
    .webname02 {
        font-size: 18px;
    }

    .topfixed .webname02 {
        font-size: 18px;
    }

    .logo2f {
        margin: 5px 0 0 0;
        position: relative;
        z-index: 999;
    }

    .box-top-list2f {
        width: 100%;
        float: none;
        text-align: center;
    }

    .box-top-list2f .list-inline {
        margin: 0;
        padding: 0;
    }

    .box-top-tel {
        display: none;
    }

    #menu2f .navbar-default .navbar-collapse {
        background-color: #812d8b;
    }

    #menu2f .navbar-default .navbar-collapse {
        padding-left: 15px;
    }

    #menu2f .navbar-nav {
        margin: 0 -15px;
    }

    #menu2f {
        /*position: relative;*/
    }

    #menu2f .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }

    #menu2f .navbar-default .navbar-collapse {
        background-color: #812d8b;
    }

    #menu2f .navbar-default .navbar-collapse {
        padding-left: 15px;
    }

    #menu2f .navbar-nav {
        margin: 0 -15px;
    }

    #menu2f .nav > li {
        background-image: none !important;
        border-bottom: 1px solid #915f98;
        padding: 6px 10px;
    }

    #menu2f .nav > li > a {
        padding: 5px 15px 5px 15px;
        font-size: 18px;
        color: #fff;
    }

    .mainmenu-top01 {
        display: none;
    }

    .mainmenu-top02 > .row .col-md-5.col-lg-4 {
        max-width: 100% !important;
    }

    .mainmenu-top02 > .row .col-md-7.col-lg-8 {
        max-width: 100% !important;
    }
}

@media (max-width: 480px) {
    .webname02 {
        font-size: 16px;
    }

    .topfixed .webname02 {
        font-size: 16px;
    }

    .topfixed .webname01 {
        margin-top: 0!important;
        font-size: 18px;
    }

    .page-course-all .section-search .btn, .page-course-member .section-search .btn {
        width: 100% !important;
    }

    .page-course-all .section-search > label, .page-course-member .section-search > label {
        display: none;
    }

    .page-main .carousel-item {
        height: 150px !important;
    }
}

@media (max-width: 425px) {
    .webname02 {
        font-size: 16px;
    }

    .topfixed .webname02 {
        font-size: 16px;
    }

    .page-main .header-container h1 {
        font-size: 1.572rem !important;
        line-height: 1.5;
    }    
}

@media (max-width: 375px){
    .page-course-all .page-title {
        font-size: 22px;
    }

    .page-course-member .page-title {
        font-size: 20px;
    }
}