@media screen and (max-width:1275px) {
    .celia .clear {
        clear: both;
    }

    .mobile-menu-shading {
        display: none;
        width: 100%;
        height: 100vh;
        background-color: #000000;
        opacity: 0.5;
        position: fixed;
        z-index: 9998;
    }

    .shareSideBar {
        display: none;
        position: fixed;
        top: 38%;
        right: -5px;
        width: 30px;
        z-index: 99999;
    }

    .st-custom-button {
        width: 30px;
        height: 30px;
        margin-bottom: 8px;
        cursor: pointer;
        background-size: cover;
    }

    .applyNowShade {
        display: none;
    }

    .centerApplyNowContainer {
        display: none;
    }

    .celia .lang-ul li {
        display: inline-block;
        float: right;
        width: 33px;
    }

    .celia .lang-ul {
        margin: 0px 0px 0px !important;
    }

    .celia .lang-ul li a {
        display: block;
        border-radius: 6px;
        color: #6c6e71;
        border: 1px solid #afafaf;
        height: 25px;
        width: 25px;
        text-align: center;
        line-height: 25px;
        margin: 0 0 0 5px;
        background-color: #ffffff;
    }

    .celia .homePageIcon {
        width: 26px;
        margin-top: 9px;
        position: absolute;
        left: 6px;
    }

    .celia .homePageIcon img {
        width: 100%;
    }

    .celia.menuContainer {
        top: 0;
        background-color: #323536;
        color: #ffffff;
        width: 65%;
        position: fixed;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        height: 100%;
        left: -65%;
        z-index: 9999;
    }

    .celia.menuContainer a {
        text-decoration: none;
        cursor: pointer
    }

    .celia .openSub {
        background: url(img/up-arrow.png) 0px 0px no-repeat;
        width: 15px;
        height: 15px;
        background-size: cover;
        float: right;
        margin-right: 5px;
        cursor: pointer
    }

    .celia .firstLayHead {
        background-color: #121416
    }

    .celia .othersLay.secondLayOther {
        background-color: #f09539;
        font-weight: 800;
        padding: 3px;
        font-size: 16px;
        height: auto;
        line-height: 24px;
        border-top: 2px solid #ffd0a1;
    }

    .celia .layColumns {
        width: 31%;
        border-right: 1px solid #fff;
        float: left;
        height: auto;
        /* padding-left: 5px; */
        text-align: center;
        padding-left: 1%;
        padding-right: 1%;
        font-size: 12px;
        line-height: 14px;
    }

    .celia .layColumn3 {
        border-right: 0px;
    }

    .celia .othersLay.socialLay {
        background-color: #f09539;
        font-weight: 800;
        padding: 10px;
        font-size: 16px;
        text-align: center;
        line-height: 24px;
        border-top: 2px solid #ffd0a1;
    }

    .celia .socialInnerBar {
        width: 100%;
        height: auto;
    }

    .celia .socialIcon {
        width: 32%;
        float: left;
    }

    .celia .appIcon {
        width: 30%;
        float: left;
        margin-left: 3%;
    }

    .celia .appIcon img {
        width: 100%;
        max-width: 87px;
    }

    .celia .socialInnerBar.sBar1 {
        padding-bottom: 3px;
    }

    .celia .headingItem {
        padding: 7px 7px 7px 14px;
        border-bottom: 1px solid #1f2429;
        clear: both
    }

    .celia .addTransform {
        transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out
    }

    .celia .removeTransform {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out
    }

    .celia .headingItem.secondLayHead {
        padding: 7px 7px 7px 28px
    }

    .celia .headingItem.thirdLayHead {
        background-color: #4d4f4f;
        padding: 7px 7px 7px 42px
    }

    .celia .firstLay {
        background-color: #f09539;
        height: 43px
    }

    .celia .newsInside {
        position: absolute;
        margin: 0 0 0 9px;
        padding: 0 5px 4px 4px;
        font-weight: bold;
        background: #51524d;
        border-radius: 4px;
        color: #fff;
        height: 24px;
        width: 92px;
        margin-top: 8px;
        right: 70px;
    }

    .celia .newsInside img {
        width: 100%
    }

    .celia .insidePic {
        width: 30px;
        float: left;
        margin-top: 3px;
        padding-right: 3px;
    }

    .celia .languageBar {
        /* width: 49%; */
        margin-top: 8px;
        position: absolute;
        right: 4px;
    }

    .celia .insidetxt {
        line-height: 28px;
        font-size: 12px;
    }

    .celia .lastLay {
        background-color: #f09539;
        font-weight: 800;
        padding: 10px;
        font-size: 14px;
        text-align: center;
        line-height: 24px;
        border-top: 2px solid #ffd0a1;
    }

    .celia .othersLay.lastLay a {
        color: #ffffff;
        text-decoration: underline
    }

    .celia.menuContainer a {
        text-decoration: none;
        color: #ffffff
    }

    .celia .thirdLayContainer {
        display: none
    }

    .celia .lang-ul .eng.active {
        background: url(img/eng-w.png) center center no-repeat #ffab57;
        border: 1px solid #ffd0a1;
    }

    /*Not add Celia*/
    .hamPlace {
        position: fixed;
        right: 0;
        /* top: 2.4%; */
        width: 29px;
        height: 27px;
        cursor: pointer;
        margin: 14px 7px 0 0;
        z-index: 10000;
    }

    .hamPlace.hamburger {
        background: url(img/hamburger.png) no-repeat rgba(255, 255, 255, 0.8);
        background-size: 55%;
        background-position: center center;
        border-radius: 5px;
        /* border: 1px solid rgba(194, 194, 194, 0.8); */
    }

    .hamPlace.crossHam {
        background: url('img/closeMenu.png') no-repeat;
        display: none;
        background-size: 55%;
        background-position: center center;
    }

    .translateMenu {
        left: 0% !important;
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out
    }

    .translateNoMenu {
        left: -65% !important;
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out
    }

    .m-exam-flow-chart {
        margin: 20px auto 40px auto !important;
    }

    .celia.corporate-news .content-div table td {
        vertical-align: top;
        padding: 0;
        border: 1px solid #000;
    }

    .celia.corporate-news-detail .content-div table td {
        vertical-align: top;
        padding: 0;
        border: 1px solid #000;
    }

    /*auxiliary-course*/
    .celia.auxiliary-course .content-div {
        width: 96%;
        margin: 0 auto;
    }

    .celia.auxiliary-course .playerContainer {
        width: 100%;
        height: 22rem;
        width: 100%;
        max-width: 600px;
        display: block;
        text-align: center;
        margin: 0 auto 20px auto;
        float: none;
        padding: 0;
        position: unset;
    }

    .celia.auxiliary-course .selectTubeItem {
        padding-top: 1.3rem;
        width: 100%;
        right: unset;
        float: unset;
        position: unset;
    }

    .celia.auxiliary-course .bigTitle {
        color: #6c6e71;
        line-height: 2.2rem;
        display: block;
        padding: 0% 0 0% 3rem;
        margin-top: 1%;
        /*background: url(img/play-btn.png) no-repeat;*/
        background: url(http://192.9.204.131/hksm/tc/img/play-btn.png) no-repeat;
        cursor: pointer;
        width: 9rem;
    }

    .celia.auxiliary-course .smallTitle {
        padding-left: 4.1rem;
        font-size: 14px;
    }

    .celia.auxiliary-course .innerContentContainer.videoPart {
        margin-bottom: 2rem;
        height: unset;
    }

    .celia.auxiliary-course .imageDescription {
        max-width: 300px;
        width: 65%;
        margin: 0 auto;
        /* margin-top: 15px; */
        /* padding-top: 15px; */
        float: none;
    }

    .celia.auxiliary-course .imageDescription img {
        width: 100%;
        /* margin: 20px auto 15px auto; */
    }

    .celia.auxiliary-course .detailSection {
        margin: 0 0 30px 0;
    }

    .celia.auxiliary-course .detailSection.basicTrainning .txtDesription {
        padding-top: 0;
        padding-right: 0;
        /* width: 100%; */
    }

    .celia.auxiliary-course .txtDesription {
        width: 100%;
    }

    .celia.auxiliary-course .detailSection.soloTrainning .txtDesription {
        padding-top: 11px;
        padding-left: 0;
    }

    .celia.auxiliary-course .detailSection.routeSee .txtDesription {
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 15px;
    }

    .celia.auxiliary-course .detailSection.followCar .txtDesription {
        padding-top: 11px;
        padding-left: 0;
    }

    .celia.auxiliary-course .detailSection.mockExam .txtDesription {
        padding-left: 0;
        padding-top: 0;
        padding-bottom: 15px;
    }

    .celia.auxiliary-course .detailSection.longDrive .txtDesription {
        padding-top: 11px;
        padding-left: 0;
    }

    body.celia.tc.info.auxiliary-course {
        width: 100%;
        overflow-x: hidden;
    }

    .celia .mobile_selectTubeItem {
        cursor: pointer;
        display: block;
    }

    .celia .selectTubeItem {
        display: none;
    }

    .celia .m_bigTitle {
        background-color: #ffffff;
        border: 1px solid #c2c2c2;
        height: auto;
        min-height: 35px;
        color: #898989;
        line-height: normal;
        /* width: auto; */
        padding: 4px 15px 2px 15px;
        border-radius: 7px;
        display: inline-block;
        float: left;
        margin: 0 5px 8px 0;
        font-size: 10px;
    }

    .m_bigTitle_active {
        border: 1px solid #ef8f2e !important;
        color: #ffffff !important;
        background-color: #ef8f2e !important;
    }

    .celia .m_bigPart.m_instruct .m_bigTitle {
        line-height: 35px;
    }

    .celia .m_bigPart.m_examDraft .m_bigTitle {
        line-height: 35px;
    }

    .celia .m_bigPart.m_lastWord .m_bigTitle {
        line-height: 35px;
    }

    .celia.auxiliary-course .detailSection.followCar .imageDescription {
        padding-top: 10px;
    }

    .celia.auxiliary-course .detailSection.soloTrainning .imageDescription {
        padding-top: 10px;
    }

    .celia.auxiliary-course .detailSection.basicTrainning .txtDesription {
        padding-bottom: 20px;
    }

    /*Apply now*/
    .popUpContainer {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        align-items: center;
        justify-content: center;
        z-index: 20000;
    }
    .popUpContainer .popUpContainerInner {
        display: flex;
        display: -ms-flexbox;
        width: 60%;
        flex-wrap: wrap;
        background-color: #ffffff;
        position: relative;
        margin: 0 auto;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        flex-direction: column;
        flex-wrap: wrap;
    }
    .celia .centerApplyNowContainer .upperApplyTitle {
        width: 100%;
        margin-left: 0;
        margin-top: 0px;
        height: 6%;
        line-height: 30px;
        margin-bottom: 3px;
        background-color: #f49630;
        text-align: center;
    }

    .celia .centerApplyNowContainer .applyInnerTitle {
        background-color: #ef8f2e;
        font-size: 1.1rem;
        color: #ffffff;
        position: relative;
        top: 0;
        width: 100%;
        left: 0;
        font-weight: 600;
        /* text-shadow: 4px 1px 4px #111111; */
        text-shadow: #1b1b1b 0px 0px 3px, #1b1b1b 0px 0px 3px, #1b1b1b 0px 0px 3px, #fff 0px 0px 3px, #1b1b1b 0px 0px 3px, #1b1b1b 0px 0px 3px, #1b1b1b 0px 0px 3px, #1b1b1b 0px 0px 3px, #1b1b1b 0px 0px 3px, #1b1b1b 0px 0px 3px, #1b1b1b 0px 0px 3px, #1b1b1b 0px 0px 3px, #1b1b1b 0px 0px 3px, #1b1b1b 0px 0px 3px, #1b1b1b 0px 0px 3px, #1b1b1b 0px 0px 3px, #fff 0px 0px 3px;
    }

    .celia .centerApplyNowContainer .carApplyColumn {
        cursor: pointer;
        width: 100%;
        /* float: left; */
        padding-left: 0;
        position: relative;
        height: 100%;
        margin-bottom: 0;
        overflow: hidden;
        position: relative;
    }

    .celia .centerApplyNowContainer .applyInnerText {
        font-size: 17px;
        color: #ffffff;
        /* position: absolute; */
        /* bottom: 0; */
        text-align: center;
        width: 100%;
        /* line-height: 4vw; */
        /* height: 4vw; */
    }

    .celia .centerApplyNowContainer .lowerMenuPart {
        /* overflow: hidden; */
        margin-top: 0;
        /* height: 95%; */
    }
    .celia .popUpContainer .lowerMenuPart>a {
        flex: 1 1 49%;
        padding-bottom: 5px;
    }
    .celia .centerApplyNowContainer .carApplyColumn.cAC2 .applyInnerText {
        /* margin-left: 22%; */
    }

    .celia .upperApplyTitle img {
        display: none!important;
    }

    .celia .applyNowShade {
        opacity: 0.6;
        /* z-index: 19998; */
    }

    .celia .popUpContainer img {
        width: 100%;
        /* margin-top: -14px; */
        display: block;
    }

    .celia .popUpContainer .close-btn {
        display: block;
        width: 25px;
        height: 25px;
        background: #41423c url(img/close-btn.png) no-repeat center center;
        top: -10px;
        right: -11px;
        position: absolute;
        transition: all 0.1s;
    }

    .popUpContainer .close-btn:hover {
        background: #4b4c49 url(img/close-btn.png) no-repeat center center;
    }

    /*App*/
    .appAvaContainer {
        width: 680px;
        padding: 6px;
        color: #3c3c3c;
        background: #fffefd;
        border: 4px solid #f49630;
        border-radius: 0px;
        box-shadow: 0 0 0 7px #fffefd, 0px 0px 330px 5px #f49630;
        height: 496px !important;
        top: 30%;
    }

    .appAvaContainer .leftAppImg {
        width: 100%;
        float: none;
        opacity: 0.3;
        border: 1px solid #e6e6e6;
        box-shadow: 0px 0px 1px #b8b9b8;
    }

    .appAvaContainer .rightAppPart {
        text-align: center;
        width: 100%;
        position: absolute;
        right: 0;
        top: 27%;
    }

    .appAvaContainer .middleAppWord {
        margin: 0px;
        position: relative;
        /* top: 225px; */
        font-weight: 700;
        /* width: 50%; */
    }

    .appAvaContainer .maw1 {
        font-size: 69px;
        padding-bottom: 0px;
    }

    .appAvaContainer .maw2 {
        font-size: 23px;
    }

    .appAvaContainer .leftAppImg img {
        margin-top: 0px !important;
    }

    /*Sitemap*/
    .celia.sitemap .content-div a {
        color: #ff8812;
    }

    .celia.sitemap .sitemapStructure .firstLay {
        background-color: transparent;
        height: auto;
    }

    .celia.sitemap .sitemapStructure .partLay {
        width: 168px;
        float: none;
        margin-left: 0;
    }

    .celia.sitemap .sitemapStructure .firstLay {
        font-size: 18px;
    }

    .celia.sitemap .sitemapStructure .secondLay {
        width: 140px;
        margin-left: 38px;
    }

    .celia.sitemap .sitemapStructure .thirdLay {
        width: 210px;
        margin-left: 75px;
    }

    .celia.sitemap .sitemapStructure .partLay {
        background-color: transparent;
    }

    /*Enqurire form*/
    .celia.enquiry-form div#apply_form {
        width: 95%;
        margin: 0 auto;
    }

    .celia.enquiry-form table#miyazaki {
        margin: 0 auto 20px auto;
        width: 100%;
        display: block;
        text-align: center;
    }

    .celia.enquiry-form table#miyazaki tbody {
        display: inline-block;
        margin: 0 auto;
    }

    .celia.enquiry-form #apply_form table#miyazaki tr td:first-child {
        width: 35%;
        display: inline-block;
        text-align: left;
        padding: 0 10px 0 0;
        padding-right: 0px;
        line-height: 29px;
    }

    .celia.enquiry-form #apply_form table#miyazaki tr td:last-child {
        width: 65%;
        padding: 0 0 10px 0;
        display: inline-block;
        text-align: left;
        line-height: 35px;
    }

    .celia.enquiry-form input#osolCatchaTxt0 {
        margin-right: 12px;
        width: 24% !important;
        padding-right: 0px !important;
        float: left;
    }

    .celia.enquiry-form p.cacheImgGened {
        margin-top: 2px;
        padding-right: 6px;
    }

    .celia.enquiry-form tr.submit_commercial_Btn_tr {
        height: 112px;
    }

    .celia.enquiry-form #apply_form table#miyazaki tbody td.submit_commercial_Btn {
        position: unset;
        height: 112px;
        left: 0;
        margin-top: 0px;
        width: 100%;
    }

    .celia.enquiry-form .submit_commercial_Btn input#apply {
        width: 100%;
        height: 113px;
        margin-left: 0;
        opacity: 0;
        cursor: pointer;
    }

    .celia.enquiry-form #apply_form .shop-address {
        width: 95%;
        font-size: 14px;
        text-align: left;
    }

    .celia.enquiry-form iframe.iframe-map {
        width: 95%;
    }

    /*Tertiary*/
    .celia.tertiary div#apply_form {
        width: 95%;
        margin: 0 auto;
    }

    .celia.tertiary table#miyazaki {
        margin: 0 auto 20px auto;
        width: 100%;
        display: block;
        text-align: center;
    }

    .celia.tertiary table#miyazaki tbody {
        display: inline-block;
        margin: 0 auto;
    }

    .celia.tertiary #apply_form table#miyazaki tr td:first-child {
        width: 35%;
        display: inline-block;
        text-align: left;
        padding: 0 10px 0 0;
        padding-right: 0px;
        line-height: 29px;
    }

    .celia.tertiary #apply_form table#miyazaki tr td:last-child {
        width: 65%;
        padding: 0 0 10px 0;
        display: inline-block;
        text-align: left;
        line-height: 35px;
    }

    .celia.tertiary input#osolCatchaTxt0 {
        margin-right: 12px;
        width: 24% !important;
        padding-right: 0px !important;
        float: left;
    }

    .celia.tertiary p.cacheImgGened {
        margin-top: 2px;
        padding-right: 6px;
    }

    .celia.tertiary tr.submit_commercial_Btn_tr {
        height: 112px;
    }

    .celia.tertiary #apply_form table#miyazaki tbody td.submit_commercial_Btn {
        position: unset;
        height: 112px;
        left: 0;
        margin-top: 0px;
        width: 100%;
    }

    .celia.tertiary .submit_commercial_Btn input#apply {
        width: 100%;
        height: 113px;
        margin-left: 0;
        opacity: 0;
        cursor: pointer;
    }

    .celia.tertiary #apply_form .shop-address {
        width: 95%;
        font-size: 14px;
        text-align: left;
    }

    .celia.tertiary iframe.iframe-map {
        width: 95%;
    }

    .celia.tertiary .submit_commercial_Btn {
        background-size: 150px !important;
    }

    .celia.enquiry-form .submit_commercial_Btn {
        background-size: 150px !important;
    }


    /*Footer*/
    .footer-menu-ul-3 li.app-icon-li.first {
        padding: 0 0 0 5px;
    }

    li.app-icon-li {
        width: 22%;
    }

    li.app-icon-li img {
        width: 100%;
    }

    ul.footer-menu-ul.footer-menu-ul-3 li {
        padding: 0 2px;
    }

    .footer-menu-ul-3 {
        margin: 10px auto 80px auto;
        padding: 10px 5px;
    }

    .footer-menu-ul-3 {
        margin: 10px auto 10px auto;
        padding: 10px 5px;
    }

    .footer-menu-ul-4 {
        text-align: center;
        margin: 10px auto 60px auto;
        width: 75%;
        font-size: 13px;
        padding: 2px 5px 10px 5px;
    }

    .footer-menu-ul-4 li a img {
        width: 100%;
        max-width: 35px;
    }

    ul.footer-menu-ul.footer-menu-ul-4 li {
        padding: 4px 4px;
    }




    /*wharton edited 28/09/2020        */
    .commerical-vehicle-content-div .whartonContent-table {
        max-width: none;
    }

    .course.commercial .whartonContent-table tr td:first-child {
        width: 11.5% !important;
    }

    .middle-blk .whartonTaxi-table-container {
        max-width: 95%;
    }

    .middle-blk .whartonTaxi-table-container .whartonTaxi-Content-table {
        max-width: 100%;
        float: right;
    }

    .middle-blk .whartonTaxi-table-container .whartonTaxi-Content-table tr:not(:first-child) td {
        font-size: 15px !important;
    }

}
@media screen and (max-width: 1024px) {
	.celia .centerApplyNowContainer .applyInnerText{
		/* height: 5vw; */
		/* line-height: 5vw; */
	}
	.popUpContainer .popUpContainerInner {
		width: 70%;
	}
}
@media screen and (max-width: 768px) {
	.celia .centerApplyNowContainer .applyInnerText{
		/* height: 5vw; */
		/* line-height: 5vw; */
	}
	.popUpContainer .popUpContainerInner {
		width: 90%;
	}
}