/*responsive*/
@media (max-width: 1858px) {
    .carousel-inner-candy.carousel-inner > .item > img, .carousel-inner-candy.carousel-inner > .item > a > img {
        width: 96.7%;
    }
}

@media (max-width: 1800px) {
    /*.bg-black-btnc {
        width: 99.5%;
    }*/

    .none-1800 {
        display: none;
    }

    .img-center-1800 {
        text-align: center !important;
    }

    .p-card-header {
        width: 10em;
    }
}

@media (max-width: 1763px) {
    .carousel-inner-candy.carousel-inner > .item > img, .carousel-inner-candy.carousel-inner > .item > a > img {
        width: 96.6%;
    }
}


@media (max-width: 1700px) {
    .col-md-4.course-candy > a > .card-footer > .btnc-animate > span.button--bubble__container.btnc-product-candy {
        left: 0 !important;
    }

    /*.bg-black-btnc {
        width: 99%;
    }*/

    .btnc-product-candy {
        left: 7px;
    }

    .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
        max-width: 100.2%;
    }

    .text-limit-detail {
        width: 60em;
    }
}

@media (max-width: 1600px) {
    /*.bg-black-btnc {
        width: 98.5%;
    }*/

    .btnc-width-in {
        top: -157%;
    }

    .btnc-etc-candy {
        left: 65% !important;
    }

    .btnc-product-candy {
        width: 60%;
    }

}

@media (max-width: 1518px) {
    .carousel-inner-candy.carousel-inner > .item > img, .carousel-inner-candy.carousel-inner > .item > a > img {
        width: 96.5%;
    }
}

@media (max-width: 1500px) {
    .bg-black-btnc {
        height: 66px;
    }

    .btnc-product-candy {
        left: 5px;
    }

    .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
        max-width: 100.6%;
    }

    .btnc {
        font-size: 20px;
    }
}

@media (max-width: 1400px) {
    .bg-black-btnc {
        height: 65px;
    }

    .btnc {
        font-size: 20px;
    }

    .row-full-width-home {
        width: 100%;
    }

    .carousel-inner-candy.carousel-inner > .item > img, .carousel-inner-candy.carousel-inner > .item > a > img.modal-img-responsive-promotion {
        width: auto !important;
        height: auto !important;
        display: block;
        margin: auto;
    }

    .pd-1400 {
        padding: 0 15px 0 15px !important;
    }

    .bg-white-candy {
        padding: 4px 50px 5px 70px;
        left: 0;
    }

    .form-inline.text-left.img-center-1800.inline-1400.f-right-social {
        margin-top: 15px;
        float: right;
    }

    .inline-1400 {
        display: inline;
    }

    .btnc-none-promotion-1400 {
        display: block !important;
        float: left;
    }

    .full-width-1400 {
        width: 100%;
        padding: 0;
    }

    .none-1400 {
        display: none;
    }

    .carousel-inner-candy.carousel-inner > .item > img, .carousel-inner-candy.carousel-inner > .item > a > img {
        width: 100%;
        height: 506px;
    }

    .row-mg-0-1400 {
        margin-left: 0;
        margin-right: 0;
    }

    .mg-0-mobile {
        margin: 0;
    }

    .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
        max-width: 100.7%;
    }

   /* .bg-black-btnc {
        width: 97.5%;
    }*/

    .btnc-product-candy {
        left: 5px;
    }

    .p-card-header {
        width: 5em;
    }

    .text-limit-detail {
        width: 50em;
    }
}

@media (max-width: 1366px) {
    .form-inline.text-left.img-center-1800.inline-1400.f-right-social > .text-ell-social {
         width: inherit;
    }

    .text-ell-social {
        white-space: nowrap;
        width: 20em;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .bg-black-btnc {
        width: 97%;
    }

    .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
        max-width: 100.7%;
    }
}

@media (max-width: 1374px) {
    .carousel-inner-candy.carousel-inner > .item > img, .carousel-inner-candy.carousel-inner > .item > a > img {
        width: 96.4%;
    }
}

@media (max-width: 1300px) {
    .btnc-etc-candy {
        left: 63% !important;
    }

    .btnc {
        font-size: 17px;
    }

    /*.bg-black-btnc {
        width: 96.5%;
    }*/

    .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
        max-width: 101%;
    }

    .img-registeronlinenow2-w-auto {
        width: 80%;
    }
}

@media (max-width: 1200px) {
    .btnc-width-in {
        top: -159% !important;
    }

    .btnc-etc-candy {
        left: 66% !important;
    }

    .btnc {
        font-size: 20px;
    }

    .dropdown-menu {
        top: 70px;
    }

    .bg-black-btnc-detail {
        width: 99% !important;
        height: 60px;
    }

    .col-md-4.course-candy {
        width: 50%;
    }

    /*.top-block-slide-candy-content {
        margin-top: 104px;
    }*/

    .text-limit-detail {
        width: 30em;
    }

    .container {
        width: 750px;
    }

    .btnc-black-btnc-detail {
        left: 7px !important;
    }

    .col-md-4.course-candy > a > .card-footer > .btnc-animate > span.button--bubble__container.btnc-product-candy {
        left: 0 !important;
        bottom: 8px;
    }

    .sub-menu-detail-price-1200 {
        display: inline-flex !important;
        margin-right: -25%;
    }
    .price-header {
        margin-right: -87px;
    }
    .price-header-regular {
        margin-top: 39px;
        margin-right: 126px;
    }
    div.btnc-animate-default-landing {
        margin-top: -4px;
    }

    /*.sub-btnc-detail-price-1200 {
        margin-top: 40px;
    }*/

    .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
        max-width: 101.3%;
    }

    .btnc-product-candy {
        left: 10px;
        bottom: -19px;
    }

    /*.bg-black-btnc {
        width: 96.5%;
    }*/

    .course-candy {
        width: 33.33333%;
    }

    .img-logo-md {
        width: 100px;
    }

    .text-ell-social {
        width: 16em;
    }

    .input-search-candy {
        height: 40px;
    }

    .input-group-addon {
        padding: 12px;
    }

    .button {
        padding: 8px 15px 8px 15px;
    }

    .button-default {
        padding: 8px 15px 8px 15px;
    }

    .button--bubble__container {
        margin: 20px 0 20px 0;
    }

    .button--bubble__container-default {
        margin: 20px 0 20px 0;
    }

    .top-block-slide-candy {
        margin: 104px 0 0 0;
    }

    .form-search-wi {
        width: 25%;
    }
}

@media (max-width: 1100px) {
    .span-product-candy {
        top: -160%;
    }

    .btnc-black-btnc-detail > button {
        font-size: 16px !important;
    }

    .col-md-4.course-candy > a > .card-footer {
        height: 60px;
    }

    .p-card-header-detail {
        width: 7em;
    }

    .col-md-4.course-candy > a > .card-footer > .btnc-animate > span.button--bubble__container.btnc-product-candy > .button.button--bubble.btnc {
        font-size: 16px;
    }

    /*.bg-black-btnc {
        width: 96.5%;
    }*/

    .btnc-product-candy {
        left: 14px;
        bottom: -18px;
    }

    .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
        max-width: 101.5%;
    }

    .btnc-etc-candy > button {
        padding: 8px 0 8px 0;
    }
}

@media (max-width: 1024px) {
    .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
        max-width: 101.6%;
    }
    #BackToTop {
        display: none !important;
    }
    /*.register-mobile-show {
        display: block;
        margin-bottom: -20px;
    }*/
    .img-line-resgister {
        width: 59px;
        height: 55px;
    }
    .img-tel-resgister {
        width: 59px;
        height: 55px;
        left: -102px;
        top: 0px;
    }
    .btnc-register-btnc {
        width: 566%;
        font-size: 25px;
        border-radius: 0;
        height: 55px;
    }
    .btnc-register-btnc:hover {
        border-radius: 0;
        background: #ff699a;
    }
    .span-register-btnc {
        width: 100%;
        margin-top: -1px !important;
    }
    .sub-btnc-detail-price-1200 {
        margin-top: 0;
        z-index: 1;
    }
    .col-btnc-register {
        width: 160%;
    }
    div.fullwidth {
        padding: 0 0px;
    }
    .price-header-free {
        margin-top: 27px;
        margin-right: -10px;
    }
    #custom_carousel .controls {
        display: none;
    }
    .detail-paynow {
        width: 100%;
    }
    .bank-transfer-table {
        width: 100%;
    }
    h1.label-number-product {
        width: 70%;
    }
    .data-infomation-success {
        width: 100%;
    }
}

@media (max-width: 1000px) {
    .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
        max-width: 101.8%;
    }
/*    .container-product {
        width: 750px !important;
    }*/
    span.button--bubble__effect-container.btnc-width-in {
        width: 100%;
        left: 0;
    }
}

@media (max-width: 992px) {
    .bg-black-btnc {
        width: 96.5%;
    }

    .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
        max-width: 101.7%;
    }
}

@media (max-width: 991px) {
    .btnc-free {
        margin: 4px 10px 0 0;
    }

    .dropdown-menu-coursecandy {
        top: 80px;
        padding: 10px;
    }

    .btnc-etc-candy > button {
        padding: 10px 15px 10px 15px;
    }

    .col-md-7.fl-detail {
        width: 58.33333333%;
    }

    .col-md-5.fr-detail {
        width: 41.66666667%;
    }

    .input-full-991 {
        width: 100%;
    }

    .mail-alert {
        display: inline-flex;
        width: 100%;
    }

    .dropdown-menu {
        top: 56px;
    }

    .top-block-slide-candy {
        margin: 98px 0 0 0;
    }

    .btnc-re-full-width {
        width: 100%;
    }

    .btnc-apply-full-width {
        width: inherit;
    }

    span.button--bubble__container.btnc-apply-full-width > button {
        width: 100%;
    }

    .col-md-4.course-candy {
        float: left;
    }

    .text-limit-detail {
        width: 20em;
    }

    .fl-detail {
        float: left;
    }

    .fr-detail {
        float: right;
    }

    .p-card-header {
        width: 15em;
    }

    .form-inline.text-left.img-center-1800.inline-991.f-right-social {
        margin-top: 15px;
    }

    .btnc-none-promotion-991 {
        display: block !important;
    }

    .f-right-social {
        float: right;
    }

    .f-left-social {
        float: left;
    }

    .home-img-social {
        width: 145px;
    }

    .inline-991 {
        display: inline;
    }

    .none-991 {
        display: none;
    }

    .bg-pink-991 {
        background: #ff699a;
    }

    /*.mt-126 {
        margin-top: 126px;
    }*/

    .btnc-product-candy {
        left: 13px;
        bottom: -20px;
    }

    .bg-black-btnc {
        width: 97%;
    }

    .course-candy {
        width: 50%;
        float: left;
        overflow: hidden;
    }

    .slide-promotion {
        margin-top: 126px;
    }

    .bg-white-candy {
        padding: 4px 50px 5px 50px;
    }

    .text-ell-social {
        width: inherit;
    }

    .p-category-none {
        display: none;
    }

    .button {
        padding: 10px 15px 10px 15px;
    }
    .img-tel-resgister {
        left: 74px;
        top: 0px;
    }
    .img-line-resgister {
        top: 1px;
    }
    .modal-login {
        margin-top: 52px;
    }
}

@media (max-width: 900px) {
    .block-header-register-candy-fix {
        display: none !important;
    }

    .fl-detail {
        float: left;
    }

    .fr-detail {
        float: right;
    }

    .p-card-header {
        width: 10em;
    }
    .btnc-register-btnc {
        width: 477%;
    }
    .col-btnc-register {
        width: 154%;
    }
    .header--course-candy {
        top: 0px;
    }
}

@media (max-width: 800px) {
    .block-header--course-candy.header--course-candy > .row > .col-md-12 > .form-inline > .form-group > .dropdown.dropdown-menu-category >
    ul.dropdown-menu.menu-bg-candy {
        top: 64px;
    }

    .btnc-search {
        left: 13px !important;
    }

    .footer-dropdown-menu {
        width: 100%;
        position: fixed;
        bottom: 0;
    }

    .dropdown:hover .dropdown-menu {
        height: 100%;
        width: 100%;
        position: fixed;
        top: 83px;
    }

    .dropdown:hover .dropdown-menu {
        height: 100%;
        width: 100%;
        position: fixed;
        top: 80px;
        padding-top: 0;
    }

    /*.content-course-candy-landing {
        padding: 0 40px;
    }*/

    .container {
        width: auto;
    }

    .bg-black-btnc-detail {
        width: 98.5% !important;
    }

    .btnc-product-candy {
        left: 7px;
    }
}

@media (max-width: 768px) {
    .btnc-register-btnc {
        width: 405%;
    }
    .col-btnc-register {
        width: 147%;
    }
    .img-tel-resgister {
        left: 73px;
        top: 0px;
    }
    .label-login {
        margin-top: -10px;
    }
    .btnc-home {
        margin-right: -39px;
    }
    .modal-login {
        margin-top: 45px;
    }
    h1.label-number-product {
        width: 80%;
    }
}


@media (max-width: 767px) {
    .p-login-none {
        display: none;
    }
    .dropdown-menu-coursecandy {
        top: 70px;
    }
    .btnc-free {
        position: absolute;
        top: -3px;
        right: 50px;
    }

    .btnc-price {
        position: absolute;
        top: 0;
        right: 55px;
    }

    .btnc-etc-candy > button {
        padding: 10px 0 10px 0;
    }
    .btnc-etc-candy {
        left: 68% !important;
    }

    .btnc-product-candy {
        width: 65%;
    }

    .block-header--course-candy > .row > .col-md-12 > .form-inline > .form-group {
        margin-bottom: 0;
    }

    .dropdown-menu-category {
        width: 44px;
    }

    .bg-black-btnc-detail {
        width: 98% !important;
    }

    .top-block-slide-candy {
        margin: 96px 0 0 0;
    }

    .mt-126 {
        margin-top: auto;
    }

    .form-search-wi {
        width: auto;
        font-size: 30px;
        position: absolute;
        top: 20px;
        left: 75px;
    }

    .img-logo-md {
        margin-top: -7px;
    }

    .btnc-home {
        position: absolute;
        top: 0;
        right: 0;
    }

    .none-767 {
        display: none;
    }

    .show-767 {
        display: block;
    }
    .sub-btnc-detail-price-1200 {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }
    .label-register {
        margin-top: -11px;
    }
    .form-group-login {
        margin-bottom: 23px;
    }
}
@media (max-width: 736px) {
    .inline-flex {
        display: block;
    }
    .data-infomation-paynow {
        width: 100%;
    }
    .detail-price-paynow {
        width: 100%;
    }
    .img-paypal {
        width: 100%;
    }
    .text-info-price-notify {
        font-size: 13px;
    }

    h1.label-number-product {
        width: 90%;
    }
}
@media (max-width: 730px) {
    .form-login, .invite-login {
        width: 40%;
        position: absolute;
        left: 59px;
    }
    .invite-login {
        left: 49%;
    }
    .btn-login {
        bottom: 17px;
    }
    .label-or-signin {
        top: 180px;
        left: 111px;
    }
    .header-login {
        font: 25px Roboto;
    }
    .register-form {
        width: 40%;
        padding: 17px;
    }
    .label-or-register {
        top: 109px;
        left: 105px;
    }
    .label-register {
        margin-top: -12px;
    }
    .btn-register {
        bottom: 18px;
        font-size: 18px;
        width: 140px;
    }
    .modal-login {
        margin-top: 0px;
    }
    .login-error {
        width: 79.8%;
        margin-left: 21px;
    }
    .close-alert-error {
        left: 71px;
    }
}

@media (max-width: 700px) {
    .span-product-candy {
        top: -162% !important;
    }

    .btnc-etc-candy {
        left: 66% !important;
    }

    .btnc-product-candy {
        width: 60%;
    }

    .button--bubble__effect-container {
        top: -151%;
    }

    .mg-0-700 {
        margin: 0 !important;
    }
    .span-bubble-register-btnc {
        top: -155%;
    }

    .span-register-btnc {
        width: 100%;
        margin-top: -1px !important;
    }

    .col-line-register {
        width: 10%;
        padding-right: 0;
    }
    .col-tel-register {
        width: 57px;
        padding-right: 0;
    }

    .col-btnc-register {
        width: 142%;
    }

    .bg-black-btnc-detail {
        width: 97% !important;
    }

    .p-card-header {
        width: 7em;
    }

    #BackToTop {
        bottom: 100px;
    }

    #BackToTop span {
        bottom: 100px;
    }

    /*.bg-black-btnc {
        width: 96.5%;
    }*/

    .register-mobile-show {
        height: 55px;
        margin-bottom: 0px;
    }

    .sub-menu-detail-price-1200 {
        margin-right: 0;
        margin-bottom: 0;
    }

    .sub-btnc-detail-price-1200 {
        margin-top: 0;
        /*width: 91%;
        margin-left: 31px;*/
        z-index: 1;
    }

    .sub-menu-detail-price-1200 > p.text-right.price-before {
        margin-top: 3px;
        margin-left: 10px;
    }
    .content-course-candy {
        margin-top: -5px;
    }
    .btnc-register-btnc {
        height: 55px;
        width: 355%;
    }
    .header--course-candy {
        top: -1px;
        left: -1px;
        width: 101%;
    }
}
@media (max-width: 670px) {
    .modal-login {
        left: -17px;
    }
}

@media (max-width: 667px) {
    .sub-centent-course-candy {
        padding: 10px 20px 50px 20px;
    }
}

@media (max-width: 650px) {
    .btnc-etc-candy {
        left: 67% !important;
    }
    .btnc-product-candy {
        left: 14px;
        width: 60%;
    }

    .course-candy {
        width: 100%;
    }

    .bg-black-btnc {
        width: 96.9%;
    }

    .btnc-product-candy {
        left: 18px;
    }

    .p-card-header {
        width: 24em;
    }

    .bg-black-btnc-detail {
        width: 96% !important;
    }

    .btnc-black-btnc-detail {
        left: 5px !important;
    }
    .btnc-register-btnc {
        width: 323%;
    }
    .col-btnc-register {
        width: 137%;
    }
}
@media (max-width: 670px) {
    .modal-login {
        left: -42px;
    }
}

@media (max-width: 620px) {
    .modal-body-search > .form-group > .btnc-animate > .btnc-product-candy {
        width: 94%;
    }
    .btnc-register-btnc {
        width: 305%;
    }
    .col-btnc-register {
        width: 134%;
    }
}
@media (max-width: 670px) {
    .modal-login {
        left: -61px;
    }
}

@media (max-width: 600px) {
    div.registerform input[type=text], div.registerform input[type=number] {
        padding: 15px 40px 15px 40px !important;
        height: 55px;
        font-size: 16px !important;
        margin-bottom: 30px;
    }

    div.registerform select, div.registerform input[type=submit] {
        padding: 15px 40px 15px 40px !important;
        height: 55px;
        font-size: 16px !important;
        margin-bottom: 30px;
    }

    .btnc-black-btnc-detail {
        text-align: center;
        margin: auto;
        bottom: 5px;
        left: 0 !important;
        right: 0;
    }

    .btnc-black-btnc-detail {
        left: 19px !important;
    }

    .bg-black-btnc-detail {
        width: 101% !important;
    }

    .col-md-4.course-candy {
        width: 100%;
    }

    .button--bubble:hover {
        background: pink;
    }

    .btnc-apply-full-width {
        width: 48%;
    }

    span.button--bubble__effect-container.btnc-width-in {
        width: 100%;
        left: 0;
    }

    .text-center-600 {
        text-align: center;
    }

    .mail-alert {
        display: inherit;
    }

    .p-card-header {
        width: 16em;
    }

    h2.color-green.mg-0 {
        font-size: 20px;
    }

    .fomt-res-md {
        font-size: 25px;
    }
    form#register_form_booking div.registerform input, form#register_form_booking div.registerform select {
        padding: 15px 25px 15px 25px !important;
        height: 50px;
        margin-bottom: 10px;
    }
}

@media (max-width: 585px) {
    .modal-login {
        width: 590px;
        left: -67px;
    }
    .btn-register {
        bottom: 20px;
        font-size: 18px;
        width: 140px;
    }
    .form-group-login {
        margin-bottom: 17px;
    }
    .login-facebook {
        width: 185px;
    }
    .login-line {
        width: 185px;
    }
    .hr-white {
        margin-top: 12px;
    }
    .header-login {
        font: 24px Roboto;
    }
    /*.login-error {
        width: 102.5%;
        margin-left: -45px;
    }*/
    .label-or-signin {
        top: 175px;
        left: 95px;
    }
    .label-or-register {
        left: 97px;
    }
    .invite-login {
        width: 41%;
    }
}
@media (max-width: 568px) {
    h1.label-number-product {
        width: 100%;
    }
    .data-infomation-success > p {
        font-size: 20px;
    }
}
@media (max-width: 562px) {
    .img-tel-resgister {
        left: 73px;
    }
    .btnc-register-btnc {
        width: 271%;
    }
    .col-btnc-register {
        width: 128%;
    }
}
@media (max-width: 552px) {
    .img-tel-resgister {
        left: 72px;
    }
}
@media (max-width: 550px) {
    .dropdown-menu-coursecandy {
        right: 0;
    }


    .bg-black-btnc-detail {
        width: 100.5% !important;
    }
}
@media (max-width: 542px) {
    .img-tel-resgister {
        left: 71px;
    }
}
@media (max-width: 532px) {
    .img-tel-resgister {
        left: 70px;
    }
    .btnc-register-btnc {
        width: 254%;
    }
    .col-btnc-register {
        width: 125%;
    }
}
@media (max-width: 522px) {
    .img-tel-resgister {
        left: 69px;
    }
    .btnc-register-btnc {
        width: 248%;
    }
    .col-btnc-register {
        width: 124%;
    }
    .modal-login {
        width: 550px;
        left: -56px;
    }
    .label-login {
        font-size: 12px;
        margin-left: 18px;
    }
    .btn-login {
        width: 140px;
    }
    .label-or-signin {
        left: 85px;
    }
    .login-line {
        width: 150px;
        height: 38px;
    }
    .login-facebook {
        width: 150px;
        height: 38px;
    }
    .label-register {
        font-size: 12px;
        margin-left: 18px;
    }
    .label-or-signin {
        top: 158px;
    }
    /*.login-error {
        width: 95%;
        margin-left: -25px;
    }*/
}
@media (max-width: 512px) {
    .img-tel-resgister {
        left: 68px;
    }
    .btnc-register-btnc {
        width: 242%;
    }
    .col-btnc-register {
        width: 123%;
    }
}
@media (max-width: 502px) {
    .img-tel-resgister {
        left: 71px;
    }
    .btnc-register-btnc {
        width: 188%;
    }
    .col-btnc-register {
        width: 107%;
    }
    .modal-login {
        left: -66px;
    }
}

@media (max-width: 500px) {
    .col-line-register {
        width: 57px;
    }

    .pd-0-500 {
        padding: 0;
    }

    .btnc-print-width {
        margin: 0 15px;
        width: 90%;
    }

    .alert-errormessage {
        right: 15px !important;
    }

    .top-block-slide-candy {
        margin: 94px 0 0 0;
    }

    .dropdown-menu {
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .content-course-candy-landing {
       /* padding: 0 15px;*/
        overflow: hidden;
    }

    .btnc-print {
        width: 75% !important;
    }

    .pd-15-500 {
        padding: 0 15px 0 15px;
    }

    .sub-block-footer-course-candy {
        margin: 0 15px 0 15px;
    }

    .sub-centent-course-candy {
        padding: 50px 15px 50px 15px;
    }

    .bg-white-candy {
        padding: 4px 15px 5px 30px;
        left: 0;
    }
    .btnc-product-candy {
        left: 10px;
    }

    .button--bubble__container-default {
        margin: 20px 0 15px 0;
    }

    body {
        font-size: 14px;
    }

    .block-header--course-candy {
        padding: 0 15px 0 15px;
    }

    .header--course-candy {
        padding: 0 15px 0 15px;
    }

    .btnc-home {
        right: 15px;
        margin-right: 0px;
    }
    .btnc-free {
        right: 62px;
    }
    .modal-login {
        left: -33px;
    }
    .modal-login {
        left: -58px;
        width: 126%;
    }
    .form-login {
        border-top-left-radius: 0 0 ;
        border-bottom-left-radius: 0 0;
    }
    .invite-login, .register-form {
         border-top-right-radius: 0 0 ;
         border-bottom-right-radius: 0 0;
    }
    .login-error {
        width: 79%;
        /*margin-left: -60px;*/
    }
}

@media (max-width: 470px) {
    .modal-login {
        left: -58px;
        width: 127%;
    }
}


@media (max-width: 450px) {
    .bg-black-btnc-detail {
        width: 100% !important;
    }

    .btnc-product-candy {
        width: 60%;
    }

    .btnc-etc-candy {
        left: 68% !important;
    }
    .login-error {
        width: 78.5%;
        margin-left: 20px;
        float: left;
    }
    .header--course-candy-landing {
        height: 75px;
    }
    .img-logo-md {
        margin-top: -15px;
    }
    #header-category-seach {
        margin-top: 1px;
    }
    #header-btn-semianr-link {
        right: 5px;
        margin-top: 3px;
    }
    span.code-success {
        margin-top: 10px;
    }
    .data-infomation-success {
        margin-top: -15px;
    }

}
@media (max-width: 440px) {
    .modal-login {
        left: -58px;
        width: 128%;
    }
}



@media (max-width: 422px) {
    .label-keyword {
        border: 0;
    }
}

@media (max-width: 420px) {
    .btnc-product-candy {
        left: 5px;
    }

    .bg-black-btnc-detail {
        width: 99.5% !important;
    }

    .alert-errormessage {
        right: 15px !important;
        left: 15px !important;
    }
    .btnc-register-btnc {
        width: 185%;
    }
    .col-btnc-register {
        width: 108%;
    }
    .login-error {
        /*margin-left: -13px;*/
        width: 78%;
    }
}
@media (max-width: 414px) {
    .sub-centent-course-candy {
        padding: 5px 15px 50px 15px;
    }
    .bank-logo {
        width: 80px;
        height: 80px;
    }
    .account-number-pay-now {
        font-size: 30px;
        margin-top: 1px;
    }
    h1.label-number-product {
        font-size: 25px;
    }
    .data-infomation-success > p {
        font-size: 14px;
    }
}


@media (max-width: 404px) {
    .label-keyword {
        border: 0;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-bottom: 10px;
        display: inline-block;
    }
}

@media (max-width: 400px) {
    .btnc-product-candy {
        width: 65%;
    }

    .p-card-header {
        width: 10em;
    }

    .modal-body-search > .form-group > .btnc-animate > .btnc-product-candy {
        width: 92%;
    }
    .bg-black-btnc-detail {
        width: 99% !important;
    }
    .btnc-register-btnc {
        width: 175%;
    }
    .col-btnc-register {
        width: 103%;
    }
    .modal-login {
        height: 420px;
    }
    .invite-login {
        display: none;
    }
    .form-login {
        width: 78%;
    }
    .register-form {
        width: 78%;
        left: 12%;
    }
    .hr-white {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    .login-facebook {
        width: 250px;
        height: 45px;
    }
    .login-line {
        width: 250px;
        height: 45px;
    }
    .label-or-signin {
        left: 171px;
        top: 174px;
    }
    .go_register {
        display: block;
    }
    .hr-white-register {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    .label-or-register {
        top: 109px;
        left: 173px;
    }
    .form-group-login {
        margin-bottom: 18px;
    }
    .btn-register {
        bottom: 22px;
    }
    .btn-login {
        bottom: 37px;
    }
    .login-error {
        margin-left: 20px;
        width: 77.8%;
        float: left;
    }
}
@media (max-width: 380px) {
    .register-form {
        width: 79%;
    }
    .close-alert-error {
        left: 64px;
    }
}
@media (max-width: 375px) {
    .account-number-pay-now {
        font-size: 27px;
    }
    h1.label-number-product {
        font-size: 20px;
    }
}
@media (max-width: 370px) {
    .label-or-signin {
        left: 160px;
    }
    .label-or-register {
        left: 164px;
    }
}

@media (max-width: 360px) {
    .btnc-free {
        right: 50px;
    }
    .btnc-home {
        right: 4px;
    }
    /*.login-error {
        width: 85.5%;
    }*/
    .account-number-pay-now {
        font-size: 26px;
    }
}
@media (max-width: 355px) {
    .register-form {
        width: 80%;
    }
    .login-error {
        font-size: 12px;
    }
}


@media (max-width: 350px) {
    .btn-promotion {
        margin-left: -19px;
    }
    .label-or-signin {
        left: 151px;
    }
    .label-or-register {
        left: 155px;
    }
}

@media (max-width: 330px) {
    .btnc-free {
        right: 47px;
    }
    .register-form {
        width: 81%;
    }
    .label-or-register {
        left: 149px;
    }
    .label-or-signin {
        left: 142px;
    }
   /* .login-error {
        width: 86%;
    }*/
}
@media (max-width: 325px) {
    .close-alert-error {
        height: 20px;
        width: 20px;
        top: 15px;
    }
    .close-alert-error:before {
        height: 60%;
        width: 2px;
    }
    .close-alert-error:after {
        height: 60%;
        width: 2px;
    }
}

@media (max-width: 320px) {
    .btnc-etc-candy {
        left: 67% !important;
    }

    .p-card-header {
        width: 7em;
    }

    .bg-black-btnc-detail {
        width: 97% !important;
    }

    .btnc-product-candy {
        left: 5px;
    }

    .bg-black-btnc {
        width: 97%;
    }

    .pd-0-320 {
        padding: 0;
    }

    .top-block-slide-candy {
        margin: 94px 0 0 0;
    }

    .btnc-black-btnc-detail {
        left: -9px !important;
    }

    .btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
        display: table;
        content: " ";
    }
    .register-mobile-show {
        margin-bottom: -10px;
    }
    .img-line-resgister {
         width: 48px;
         height: 45px;
    }
    .img-tel-resgister {
        left: 62px;
        width: 48px;
        height: 45px;
    }
    .btnc-register-btnc {
        width: 140%;
        height: 44px;
        line-height: 10px;
    }
    .col-btnc-register {
        width: 92%;
    }
    .promotion-facebook {
        margin-right: -11px;
    }
    .promotion-line {
        margin-right: 1px;
    }
    .detail-paynow {
        padding: 25px 10px 25px 10px;
    }
    .bank-logo {
        width: 55px;
        height: 55px;
    }
    .account-number-pay-now {
        font-size: 22px;
    }
    .phone-contact-success-register {
        font-size: 19px;
    }
    h1.label-number-product {
        font-size: 18px;
    }
    span.code-success {
        font-size: 30px;
        padding: 30px 10px 15px 20px;
    }
}
@media (max-width: 309px) {
    .register-form {
        width: 82%;
    }
}

@media print {
    .block-header--course-candy, .block-footer-course-candy {
        display: none;
    }

    .block-detail-course-candy {
        margin-top: -20px !important;
    }

    .color-green {
        color: #77cf6d !important;
        -webkit-print-color-adjust: exact !important;
    }

    .col-md-4 {
        width: 33.33333% !important;
        padding: 0 50px;
    }

    .noneprint {
        display: none;
    }

    .showprint {
        display: block;
    }

    .img-visa {
        display: block;
        width: 100% !important;
    }

    .inline-print {
        display: inline-flex;
    }

    .sub-centent-course-candy {
        padding: 0;
    }

    .h3, h3 {
        font-size: 24px;
        white-space: nowrap;
    }

    .text-center {
        text-align: center !important;
        margin: auto;
    }

    .img-mail {
        margin: 0 10px;
    }

    .img-line {
        margin: 0 10px;
    }
}