/*
Theme Name: Hair & Beauty Child
Author: Vamtam
Author URI: https://vamtam.com
Template: hair-beauty
*/
/*

put your child theme styles here


you don't need any @import rules

*/
@import url(http://fonts.googleapis.com/earlyaccess/notosanstc.css);
@import url("samples/all-default.css");
@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon.eot?izc29l');
    src: url('fonts/icomoon.eot?izc29l#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?izc29l') format('truetype'),
    url('fonts/icomoon.woff?izc29l') format('woff'),
    url('fonts/icomoon.svg?izc29l#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*@font-face {
  font-family: 'mod';
  src:  url('fonts/mod.eot?q1b1ff');
  src:  url('fonts/mod.eot?q1b1ff#iefix') format('embedded-opentype'),
    url('fonts/mod.ttf?q1b1ff') format('truetype'),
    url('fonts/mod.woff?q1b1ff') format('woff'),
    url('fonts/mod.svg?q1b1ff#mod') format('svg');
  font-weight: normal;
  font-style: normal;
}

i {
 
  font-family: 'mod' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;


  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slider_next:before {
  content: "\e900";
}
.slider_previous:before {
  content: "\e901";
}
*/

p span {
    font-family: lato, 'Noto Sans TC', sans-serif !important;
}
html, body {
    font-family: lato, 'Noto Sans TC', sans-serif;
}
[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-check-square:before {
    content: "\e900";
}

a {
    cursor: pointer !important;
}

#page header.main-header #top-nav-wrapper {
    background-color: rgba(30, 32, 34, 1) !important;
}

#page header.main-header {
    background-color: rgba(48, 48, 47, 1);
}

div {
    vertical-align: top !important;
}

.yellow-bg-btn {
    background-color: #feff00 !important;
    border: 0px solid transparent !important;
}

#yellow-bg-btn {
    background-color: #feff00 !important;
    border: 0px solid transparent !important;
}

/* ----   setfor limit the row of width 1140px. ----*/

#scroll-to-top {

    bottom: 90px !important;

}

.max-width-1140-left {
    max-width: 1140px;
    margin: 0 auto;
    float: none;
}

.max-width-1140-center-new {
    max-width: 1140px;
    margin: 0 auto;
    float: none;
}

@media (min-width: 959px) {
    .footer-wrapper #footer-sidebars .cell-1-5 {
        width: 100% !important; /*-- k edit ----*/
    }
}

/* ----   setfor limit the row of width 1140px. End ----*/

/*   other gobal setting   */

.clo-title-center .column-title {
    text-align: left;
}

.vamtam-button.accent2.button-border {
    border: 2px solid #efee01 !important;
}

/*   other gobal setting ----  */

/* adj h2 and h1 on mobile */

@media (max-width: 958px) {
    .home h2 {
        font-size: 2em !important;
        margin-top: 1em !important;
        margin-bottom: 0.6em !important;
    }

    .home .brush-bg h1 {
        font-size: 5.5em !important;
    }
}

/*hide search*/

.header-search {
    display: none !important;
}

/*adj logo*/

/*.normal-logo{
	width: 60px !important;
}*/
.fixed-header-box .logo-wrapper .logo-tagline {
    padding-bottom: 5px !important;
}

.normal-logo {
    padding: 0px 0px !important;
    /*height: auto !important;
    width: 100px !important;*/
}

@media (max-width: 958px) {
    .responsive-layout header.main-header .logo img {
        /*max-height: 100% !important;*/
    }

    .normal-logo {
        padding: 15px 0px !important;
        height: auto !important;
        /*width: 80px !important;*/
    }

}

@media (max-width: 958px) {
    .responsive-layout header.main-header .first-row .logo-wrapper .logo {
        top: 0;
        max-height: 100%;
    }
}

@media (max-width: 958px) {
    .responsive-layout header.main-header .logo img {
        max-height: 100% !important;
        width: 50px;
        height: auto !important;
    }

}

/*-------   menu   ---------*/

.top-nav a {
    color: #686c67 !important;
}

/*lang a*/

#mega-menu-menu-header {
    min-width: 150px !important;
}

#top-nav-text .wpml-ls-display {
    display: none !important;
}

#top-nav-social span.icon {
    font-size: 16px;
}

#top-nav-text .wpml-ls-slot-shortcode_actions a {
    font-size: 16px !important;
}

header.main-header.layout-logo-menu .second-row {
    vertical-align: middle !important;
}

#menus, header.main-header.layout-logo-menu .second-row #menus {
    background-color: transparent !important;
}

@media (min-width: 959px) {
    #menus .mega-wpml-ls-item {
        display: none !important;
    }
}

/*menu font-size */
#mega-menu-wrap-menu-header #mega-menu-menu-header > li.mega-menu-item > a.mega-menu-link {
    font-size: 15px !important;
    color: #6d706f !important;
}

/*menu color effect*/

#mega-menu-wrap-menu-header #mega-menu-menu-header > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
    color: #fff !important;
}

#mega-menu-wrap-menu-header #mega-menu-menu-header > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:hover {
    color: #fff !important;
    font-size: 16px;
}

#mega-menu-wrap-menu-header #mega-menu-menu-header > li.mega-menu-item > a.mega-menu-link::after {
    background: #efee01 !important;
    margin-top: 22px !important;
    top: 30px;
    height: 2px;

}

#mega-menu-wrap-menu-header #mega-menu-menu-header > li.mega-menu-item > a.mega-menu-link:hover {
    color: #efee01 !important;
    /*font-size: 16.5px;*/
}

@media (max-width: 900px) {
    #vamtam-megamenu-main-menu-toggle::before {
        color: #dcdcdc !important;
    }
}

#scroll-to-top {
    border: solid 0px #feff00 !important;
    color: #fff !important;
    background-color: #888 !important;
}

/*divdivd line color and mobile padding*/

.text-divider-double + .sep {
    color: #5b5d5b !important;

}

@media (max-width: 958px) {
    .responsive-layout .sep, .responsive-layout .sep-2, .responsive-layout .sep-3 {
        margin-top: 20px !important;
    }
}

.six-boxes-icon-line .text-divider-double + .sep {
    margin-top: 30px;
}

/*  ---------------------------------------------------------------  home page  --------*

/
@media (min-width: 959px){
.header-maybe-limit-wrapper > .row{
	padding: 0 48px !important;
}
.normal-logo{
	margin-left: 60px !important;
}
}
#home-slider-ctn-btn .btext{
	/*background-color: #feff00 !important;*/

.home .page-wrapper > article {
    padding: 1px 0 0px 0 !important;
}

.home .mobile-height-adj-news {
    margin: 0 auto !important;
    max-width: 1140px !important;
    float: none !important;
}

#home-slider-ctn-btn-mobile .btext {
    font-size: 12px !important;
}

/*   home mobile padding for full width responsive  */

@media (max-width: 958px) {
    .home #page .page-wrapper > article {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

/*----------   Home mobile layout height adj    ------------*/

/*@media (max-width: 958px){
	.mod-overlay-logo .push{
		height: 50px !important;
	}*/

.mod-overlay-logo {
    padding-bottom: 0px !important;
}

.mobile-height-01 {
    height: 0px !important;
    margin-top: -22px;
}

.mobile-height-adj-news {
    margin-bottom: -70px !important;
}

.mobile-height-adj-you-may-know {
    height: 22px !important;
}

.mobile-height-adj-six-icon {
    height: 30px !important;
}

.adj-height-mobile-feature-bottom {
    height: 0px !important;
}

.adj-height-mobile-the-team-bottom {
    height: 0px !important;
}

}

/*----------   Home mobile layout height adj End   ------------*/

@media (min-width: 959px) {
    .home .mobile-height-adj-news .loop-wrapper.news .post-content-wrapper h3 {
        min-height: 78px !important;
    }
}

/* --------  overlay logo ------- */

#wpv-column-6c1761f640cba116aacf7cb823d23c73 {
    background: url(/modmakeup/wp-content/uploads/2017/09/overlay_logo.png) no-repeat center top !important;
}

.home .limit-wrapper {
    max-width: none;
}

.red-bg-content {
    padding: 137px 0;
}

@media (min-width: 959px) {
    .red-bg-content .row > .first {
        padding-top: 0.05px;
        padding-bottom: 0.05px;
        margin: auto auto;
    }
}

@media (max-width: 958px) {
    .red-bg-content .row > .first {
        padding-top: 0.05px;
        padding-bottom: 0.05px;
        margin: auto auto;
    }
}

@media (min-width: 959px) {
    .red-bg-content .row > .first {
        margin-left: 350px;
    }
}

#home-contact-wrapper .vamtam-button {
    background: #feff00;
}

.feature-icon .text-divider-double {
    margin: 0 !important;
    font-size: 25px;
}

.row-no-padding-bottom {
    padding-bottom: 0px !important;
}

/*section-three --- You may know */

@media (max-width: 958px) {
    #main .responsive-layout .wpv-hide-bg-lowres, #main .responsive-layout .wpv-hide-bg-lowres > .wpv-parallax-bg-img {
        background-image: inhert !important;
    }
}

@media (min-width: 959px) {
    .ctm-section-three > .text-divider-double {
        margin: -10px 0 25px 0;
    }

    .mobile-height-adj-news > .text-divider-double {
        margin: -5px 0 25px 0;
    }

    .mobile-height-adj-news .text-divider-double + .sep {
        margin: 0 auto 50px auto;
    }

}

@media (max-width: 1400px) {
    .ctm-section-three .grid-2-5 {
        width: 0px;
    }
}

@media (max-width: 1090px) {
    .ctm-section-three .grid-3-5 {
        width: 100%;
    }
}

/*.home #main .ctm-section-three .has-nomargin-column #wpv-column-0739a64ce977c9d269805d73b7a77c84{
	margin-top: -20px !important;
}*/

.ctm-section-three .has-nomargin-column .first:nth-child(1) {
    /*padding-top: 20px !important;*/
    padding-bottom: 45px !important;
    padding-left: 50px !important;
}

.ctm-section-three .btext {
    color: #000 !important;
}

@media (max-width: 479px) {
    .home #main .ctm-section-three .has-background {
        background-position-x: 0 !important;
        background-position-y: center !important;
    }
}

@media (min-width: 480px) {
    .ctm-section-three .has-background {
        background-position-x: 0 !important;
        background-position-y: center !important;
    }
}

.ctm-section-three a {
    background-color: #feff00 !important;
    border: 0px solid transparent !important;

}

/*section-five --- major event */

@media (max-width: 958px) {
    .responsive-layout .row-no-padding-bottom {
        padding-left: 0px !important;
        padding-right: 0px !important;

    }

    .home .wpv-grid.grid-1-1.extended-content > .extended-column-inner > .row > .wpv-grid {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

}

@media (min-width: 959px) {
    .adj-margin-top-major-event .text-divider-double {
        margin: 90px 0 25px 0;
    }
}

/*section-eight ---      The team */

#the-term-btn {
    border: 1px solid #fff;
    background-color: #feff00;
    border: 0px solid transparent !important;
}

@media (max-width: 958px) and (min-width: 576px) {
    .adj-padding-show-full-bg-on-mobile {
        padding-top: 30px !important; /*k_adj*/
        padding-bottom: 30px !important;
    }
}

@media (max-width: 575px) and (min-width: 474px) {
    .adj-padding-show-full-bg-on-mobile {
        padding-top: 33px !important;
        padding-bottom: 0px !important;
    }
}

@media (max-width: 473px) and (min-width: 1px) {
    .adj-padding-show-full-bg-on-mobile {
        padding-top: 23px !important;
        padding-bottom: 0px !important;
    }
}

.home .team-member > .thumbnail {
    background: none;
}

#post-10332 > div.page-content > div:nth-child(11) {
    background-color: #1f1f1f;
}

.the-team-bg-pos {
    background-position-x: 25% !important;
    background-position-y: 20px !important;
    min-height: 692px !important;
}

@media (max-width: 958px) {
    .team-member img {
        width: 10% !important; /*k-adj*/
        margin: 0 auto;
    }
}

@media (min-width: 959px) {
    .team-member .team-member-info {
        background: #fefe00;
        max-width: 500px;
        margin: 0 auto;
        max-height: 110px;
    }
}

@media (max-width: 958px) {
    .team-member .team-member-info {
        background: #fefe00;
        max-width: 85%;
        margin: 0 auto;
    }
}

.team-member .team-member-info h3 > a {
    color: #000014 !important;
}

.share-icons, .team-member:hover .share-icons {
    bottom: 16% !important;
}

#home-contact-wrapper .row {
    max-width: 1850px;
    margin: 0 auto;
}

.max-width-1730-center {
    max-width: 1140px;
    margin: 0 auto;
    float: none;
}

@media (max-width: 479px) {
    #main .brush-bg {
        background-position-x: 73% !important;
        background-position-y: 78% !important;
    }
}

@media (min-width: 480px) {
    #main .brush-bg {
        background-position-x: 80% !important;
        background-position-y: 0% !important;
    }
}

.padding-top-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

.home #post-10332 > div.page-content > div:nth-child(10) {
    background-color: #1c1f25;
}

.brush-bg .fa, .brush-bg .fab {
    margin-right: 10px;
    color: #e0e0e0;
}

@media (min-width: 388px) {
    .mg-30px {
        margin-right: 30px;
    }
}

@media (max-width: 387px) {
    .contact-text {
        display: block;
    }
}

#home-contact-wrapper {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

/* ---------   portfolio detail page  (pop up )---------------- */

.cbp-popup-singlePage .cbp-popup-prev, .cbp-popup-singlePage .cbp-popup-next, .cbp-popup-singlePage .cbp-popup-close {
    height: 20px !important;
}

body .cbp-popup-singlePage .cbp-popup-navigation-wrap {
    background-color: #1e1f22 !important;
    border-bottom: 0px solid #f7f703 !important;
    height: 64px !important;

}

body .cbp-popup-singlePage .cbp-popup-next:after, body .cbp-popup-singlePage .cbp-popup-prev:after, body .cbp-popup-singlePage .cbp-popup-close:after {
    color: #f7f703 !important;
    font-size: 2em !important;

}

/*X btn position*/

@media (min-width: 600px) {
    .cbp-popup-singlePage .cbp-popup-close {
        margin-right: 130px !important;
        width: 50px !important;
    }

}

@media (max-width: 599px) {
    .cbp-popup-singlePage .cbp-popup-close {
        margin-right: 15px !important;
        width: 65px !important;
    }

}

.cbp-popup-singlePage-counter {
    height: 69px !important;
}

.cbp-popup-navigation-wrap {
    background-image: url("/wp-content/uploads/2017/09/Asset-1.png");
    background-repeat: no-repeat !important;
    background-size: 50px !important;
    background-position-x: 50% !important;
    background-position-y: 4px !important;

}

.cbp-popup-singlePage .cbp-popup-next {
    left: 172px !important;
}

.cbp-popup-singlePage .cbp-popup-prev {
    right: 186px !important;
}

.cbp-popup-content {
    max-width: 800px !important;
}

@media (max-width: 958px) {
    .cbp-popup-wrap .cbp-popup-content-wrap .cbp-popup-content h1.ajax-portfolio-title {
        font: 300 24px lato,'Noto Sans TC' !important;

    }
}

.cbp-popup-wrap .cbp-popup-content-wrap .cbp-popup-content h1.ajax-portfolio-title {
    font-family: lato,'Noto Sans TC' !important;
    font-weight: 300 !important;

}

/*  ---------------------------------------------------------------  home page  End --------*/

/*-----   footer   -----*/

.footer-wrapper {
    background-color: #24292e !important;

}

#footer-sidebars .row:first-child {
    border-bottom: solid 1px transparent !important;
    margin-bottom: 0px !important;
}

.wpv-subfooter a:visited {
    color: #5b5d5b !important;
}

#footer-sidebars img {
    max-width: 100px !important;
    float: none;
    margin: 0 auto;
}

#footer-sidebars aside.cell-1-5 {
    margin: 0 auto;
    float: none;
}

@media (max-width: 429px) {
    .copyright-text {
        display: block;
    }
}

.social_icon {
    max-width: 300px !important;
    margin: 0 auto !important;
    margin-top: 15px !important;
}

.social_icon .grid-1-3-k {
    width: 33.33333333% !important;
    clear: none !important;
    float: left !important;
}

.social_icon a {
    color: #f5e70b !important;
}

.responsive-layout .grid-1-3:not(.lowres-width-override)

/*  ---------------------------------------------------------------  birdal page --------*/
@media (max-width: 1140px) and (min-width: 959px) {
    #post-11312 > div.page-content > div:nth-child(2) {
        padding: 0px !important;
    }

    #post-11312 > div.page-content > div:nth-child(4) {
        padding: 0px 25px !important;
    }
}

@media (max-width: 958px) {
    .birdal_main .boxed-layout {
        margin-top: -2px !important;
    }
}

.fixed-header-box.hbox-filler {
    background-color: transparent !important;
}

/*main img*/
.birdal_main .limit-wrapper {
    max-width: none;
}

.birdal_main #page header.main-header {
    background-color: rgba(48, 48, 47, 0.9);
}

@media (min-width: 959px) {
    .birdal_main #main-content {
        margin-top: -140px;
    }
}

.birdal_main .birdal-main-img-wrapper img {
    width: 100%;
}

.birdal_main #page .page-wrapper {
    padding-top: 0px;
}

@media (max-width: 958px) {
    .birdal_main .responsive-layout .page-wrapper > article {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
}

@media (max-width: 958px) {
    .birdal-main-img-wrapper .wpv-grid {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

/*Introduction*/
.clo-title-center h4, .birdal-bg h4 {
    font-weight: 600;

}

.clo-title-center h1, h2, h3, h4, h5, h6 {
    font-family: lato,'Noto Sans TC' !important;
}

.clo-title-center p {
    margin-bottom: 35px;

}

/*tap list*/

.ctm-tap-list .icon-check-square {
    font-size: 18px;
}

.ctm-tap-list .icon-check-square > span {
    margin-left: 15px;
}

.ctm-tap-list .wpv-tabs.horizontal .ui-tabs-nav {
    display: none;
}

.ctm-tap-list .wpv-tabs .pane {
    padding: 0px;
    padding-bottom: 25px;
}

.ctm-tap-list .wpv-tabs {
    padding-top: 0px;
    padding-bottom: 0px;
}

.ctm-tap-list p {
    margin: 0px !important;
}

.adj-bg-to-90-percent {
    background-size: 90% !important;
}

/*birdal bg*/

.birdal_main #page #main-content > #main > .row .birdal-bg {
    background-size: cover !important;
    background-position-x: 75% !important;
}

.layer-mask-mobile {
    background-color: rgba(255, 255, 255, 0.6);
    max-width: 700px;
}

@media (max-width: 958px) {

    .layer-mask-mobile p, .layer-mask-mobile h4 {
        color: #000;
    }

    .birdal-bg-bottom-res {
        height: 50px !important;
    }

    .birdal-bg-margin-res {
        height: 90px !important;
    }
}

#post-11312 {
    padding: 0px 0 0px 0 !important;
}

/*---------------------------- instructor page --------------------------*/

@media (max-width: 1722px) {
    .instructor_page .wpv-hide-bg-lowres, .instructor_page .wpv-hide-bg-lowres > .wpv-parallax-bg-img {
        background-image: none !important;
    }
}

@media (min-width: 1723px) {
    .the-instructor-bg-pos img {
        display: none !important;
    }

}

.team-member .thumbnail {
    background: transparent !important;
}

@media (min-width: 1850px) {
    .the-instructor-bg-pos {
        background-position-x: 75% !important;
        background-size: 15% !important;
        background-position-y: 100% !important;
    }
}

.the-instructor-bg-pos {
    background-position-x: 71% !important;
}

.instructor_page #page #main-content > #main #post-12021 {
    padding: 1px 0 0px 0 !important;
}

@media (min-width: 959px) {
    .the-instructor-bg-wrapper-height {
        background-position-x: 25% !important;
        background-position-y: 20px !important;
        min-height: 484px !important;
    }

}

.team-member-position {
    font-family: lato, 'Noto Sans TC', Georgia, serif !important;
    font-size: 16px !important;
    margin-top: 15px !important;
}

.about-tutors-team-left-content h4 > span > strong {
    /*background-color: #feff00 !important;*/
    padding: 10px 15px !important;
    font-family: lato,'Noto Sans TC' !important;
}

.about-tutors-team-left-content h2, .tutor-left-side-text-format h1, .tutor-left-side-text-format p /*, .the-instructor-bg-pos h2.text-divider-double*/
{
    font-family: lato,'Noto Sans TC' !important;
}

@media (max-width: 390px) {
    .about-tutors-team-left-content h2 {
        font-size: 30px;
    }
}

/*@media (min-width: 460px){*/
.about-tutors-team-left-content h4 > span > strong {
    background-color: #feff00 !important;
}

/*}*/

/*@media (max-width: 459px){
	.about-tutors-team-left-content h4 > span > strong {
		color: #8a8a8a !important;
	}
}*/
@media (max-width: 1234px) and (min-width: 959px) {
    .about-tutors-team-left-content h4 > span > strong {
        display: inline-block !important;
    }
}

#about-tutors-team-left-content-btn {
    /*padding: 0.2em 1.8em !important;*/
    margin-top: -10px !important;
}

#about-tutors-team-left-content-btn > span {
    padding: 1.4em 3.9em !important;
}

/*@media (max-width: 958px){
.the-instructor-mobile-team-content .text-divider-double , .the-instructor-mobile-team-content h2{
	color: #8a8a8a !important;

	}*/
#about-tutors-team-left-content-btn {
    /*border-color: #fff !important;*/
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

#about-tutors-team-left-content-btn .btext {
    /*color: #fff !important;*/
}

.the-instructor-mobile-team-content {
    background-size: contain !important;
}

}
/*---------------------------- instructor detail page --------------------------*/
/*gobel setting*/
.instructor_detail_page .limit-wrapper {
    max-width: none;
}

/*gobel setting*/
.instructor_detail_page .page-wrapper > article {
    padding: 1px 0 0px 0 !important;
}

/*gobel setting*/
@media (max-width: 1140px) and (min-width: 959px) {
    .instructor_detail_page .limit-wrapper {
        padding: 0 0px !important;
    }
    .instructor_detail_page .max-width-1730-center {
        padding: 0 25px !important;
    }
}

.instructor_detail_page #wong_yuen_chi_width img {
    width: 103px !important;
}

.tutor-left-side-text-format .tutor-box-format p {
    font-weight: 900;
    font-size: 20px;
    background-color: #f6e50f;
    padding: 5px 25px;
    display: inline;
    font-family: "lato",'Noto Sans TC' !important;
}

.tutor-left-side-text-format .tutor-first-name h1, .tutor-left-side-text-format .tutor-first-name h2, .tutor-left-side-text-format .tutor-first-name h3, .tutor-left-side-text-format .tutor-first-name h4, .tutor-left-side-text-format .tutor-first-name h5, .tutor-left-side-text-format .tutor-first-name h6, .tutor-left-side-text-format .tutor-first-name p, .tutor-left-side-text-format .tutor-first-name span {
    font-family: "lato",'Noto Sans TC' !important;
    font-weight: lighter;
    font-size: 56px !important;
    margin-top: 30px !important;
}

.tutor-left-side-text-format .tutor-last-name h1, .tutor-left-side-text-format .tutor-last-name h2, .tutor-left-side-text-format .tutor-last-name h3, .tutor-left-side-text-format .tutor-last-name h4, .tutor-left-side-text-format .tutor-last-name h5, .tutor-left-side-text-format .tutor-last-name h6, .tutor-left-side-text-format .tutor-last-name p, .tutor-left-side-text-format .tutor-last-name span {
    font-size: 30px;
    margin-top: -25px;
    margin-bottom: 40px !important;
    font-family: "lato",'Noto Sans TC' !important;
}

.tutor-left-side-text-format .tutor-intro-text p, .tutor-left-side-text-format .tutor-intro-text span {
    font-weight: 100 !important;
    line-height: 30px !important;
}

@media (min-width: 959px) {
    .tutor-detail-right-side-height-mobile {
        height: 105px !important;
    }

}

/*---------------------------- courses main page -----------------------------*/

.courses-img p {
    margin: 0px !important;
}

.courses-detal-box h3 {
    font-weight: 100 !important;
}

#courses-main-ctn-btn {
    border: 1px solid #747879 !important;
}

.courses_main .vamtam-button > span.btext {
    padding: 1.2em 3.1em !important;
}

.courses-icon-divid-adj-yellow hr {
    min-width: 75px !important;
    text-align: center;
    margin: 0 auto !important;
    border-color: #d9d507 !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;

}

.courses-icon-divid-adj-white hr {
    min-width: 75px !important;
    text-align: center;
    margin: 0 auto !important;
    border-color: #585c60 !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;

}

/*---------------------------- courses detail page --------------------------*/

/*gobel setting*/
/*.courses_detail .limit-wrapper{
	max-width: none;
}*/
/*gobel setting*/
/*.courses_detail .page-wrapper > article {
    padding: 1px 0 0px 0 !important;
}*/

@media (max-width: 958px) {
    .courses_detail .limit-wrapper {
        padding: 0px;
    }
}

/*gobel setting*/
@media (max-width: 1140px) and (min-width: 959px) {
    .courses_detail .limit-wrapper {
        padding: 0 0px !important;
    }
}

/* Course Detail Page gobel setting*/
.courses_detail .page-wrapper {
    padding: 0px 25px !important;
}

.max-width-1600-center {
    max-width: 1140px;
    margin: 0 auto;
    float: none;
}

.courses_detail #page .detail-info-img img {
    width: auto;
}

@media (min-width: 959px) {
    .courses-wrapper div:not(.courses-icon-divid-adj) {
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .adj-1px-gap img {
        margin-left: -1px !important;
    }
}

.main_courses_divd_adj {
    color: #c5c4c4 !important;
    padding-top: 0.05px;
    padding-bottom: 0.05px;
    max-width: 1140px;
    margin: 0 auto;
    float: none;
}

.main_courses_divd_adj .sep {
    color: #c5c4c4 !important;
    min-width: 120px;
    width: 120px;
    margin: 0 auto;
    margin-top: 25px;
    margin-bottom: 30px;
}

.courses-icon-divid-adj {
    max-width: 250px;
    margin: 0 auto;
    float: none;
}

body.courses_main #page #main-content #main > .limit-wrapper {
    max-width: 1140px !important;
}

.courses_main #post-12086 > div.page-content > div:nth-child(8) {
    margin-left: -60px !important;
    margin-right: -60px !important;
}

@media (max-width: 958px) {
    .courses-detal-box {
        max-width: 573px !important;
        margin: 0 auto !important;
    }
}

.courses-img {
    padding: 0 0px !important;
}

@media (max-width: 958px) {

    .courses_main .wpv-grid {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

@media (max-width: 958px) {
    #post-12086 .courses_main_mobile_bg_with_text .wpv-grid {
        padding-left: 80px !important;
        padding-right: 80px !important;
    }

    #post-12576 .courses_main_mobile_bg_with_text .wpv-grid {
        padding-left: 80px !important;
        padding-right: 80px !important;
    }

}

@media (min-width: 959px) {
    .tutor-portfolio-format {
        margin: 0 auto !important;
        float: none !important;
        max-width: 1730px !important;
    }

    .tutor-portfolio-format .text-divider-double {
        text-align: left !important;
    }

    .tutor-portfolio-format .sep {
        margin: initial !important;
        margin-bottom: 20px !important;
        margin-top: 0px !important;
    }

    .tutor-portfolio-format .wpv-grid {
        width: 75% !important;
    }

}

@media (max-width: 1673px) and (min-width: 959px) {
    #post-12283 > div.page-content > div:nth-child(3) {
        padding: 0 30px;
    }
}

.course_detail_intro_feature_text_format p {
    line-height: 35px;
}

.course_detail_intro_feature_text_format ol li > p {
    margin: 0px;
    margin-left: 15px;
}

.course_detail_intro_feature_text_format ol li {
    padding: 0px;
}

.course_detail_intro_feature_text_format ol {
    font-size: 20px;
    font-family: lato,'Noto Sans TC';
}

.detail_course_form_left_side_format div:nth-child(1) .wpv-grid p {
    background-color: #000;
    color: #fff;
    display: inline;
    padding: 3px 5px;
}

.detail-course-title-wrapper .text-divider-double {
    margin: 0px 0 25px 0;
}

.detail_course_form_left_side_format .text-divider-double {
    margin: 0px 0 25px 0;
    text-align: left;
}

.detail_course_form_left_side_format .sep {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    margin: initial;
}

.detail_course_form_right_side_format {
    padding-top: 10px !important;
}

.course_border_format > .row {
    border: 1px solid #ccc !important;
    padding: 30px !important;
}

html.touchevents .team-member, .team-member:hover {
    box-shadow: none;
}

@media (max-width: 1200px) and (min-width: 959px) {
    .detail-course-title-wrapper .text-divider-double {
        font-size: 30px;
    }
}

@media (max-width: 1199px) and (min-width: 600px) {
    .detail-course-title-wrapper .text-divider-double {
        font-size: 26px;
    }
}

@media (max-width: 599px) and (min-width: 1px) {
    .detail-course-title-wrapper .text-divider-double {
        font-size: 24px;
    }
}

.detail-course-title-wrapper {
    padding-top: 20px !important;
}

.detail_course_form_right_side_format ol > li > p > span, .detail_course_form_right_side_format ol > li > p {
    font-family: lato, 'Noto Sans TC', sans-serif !important;
}

.sharedaddy .sd-content {
    margin-left: 10px !important;
}

.courses_detail #main-content #main > .limit-wrapper .page-wrapper {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

@media (max-width: 1199px) {
    .course_detail_intro_feature_text_format {
        padding: 0 60px !important;
    }
}

/*@media (min-width: 1200px){
.course_detail_intro_feature_text_format{
	padding: 0 7% !important;
}
}*/

@media (max-width: 1750px) and (min-width: 1200px) {
    .course_detail_intro_feature_text_format {
        padding: 0 7% !important;
    }
}

@media (max-width: 958px) {
    #main-content #main .limit-wrapper .row .course_detail_intro_feature_text_format {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }
}

#reservation-btn {
    background-color: #313237 !important;
}

.rese-wrapper-left-content h1, .rese-wrapper-left-content h2, .rese-wrapper-left-content h3 {
    margin: 0 !important;
    font-family: initial !important;

}

.rese-wrapper-left-content p:nth-child(1) {
    margin-bottom: 3px !important;
}

.max-width-250-center {
    max-width: 250px;
    margin: 0 auto;
    float: none;
}

@media (max-width: 958px) {
    .mobile-height-zero {
        height: 0px !important;
    }

    #post-12113 {
        padding: 1px 0 0px 0 !important;
    }
}

/*.course-detail-pink-bg-text-format h1 , .course-detail-pink-bg-text-format h2 , .course-detail-pink-bg-text-format h3 ,.course-detail-pink-bg-text-format h4 , .course-detail-pink-bg-text-format h5 , .course-detail-pink-bg-text-format p , .course-detail-pink-bg-text-format span {
	padding-left: 25px !important;
}*/

.course-detail-pink-bg-text-format > .row {
    padding-left: 25px !important;
    max-width: 2496px;
    margin: 0 auto;
}

/*---------------------------- Blog main page --------------------------*/
/*gobel setting*/
.blog_main .limit-wrapper {
    max-width: none;
}

/*gobel setting*/
.blog_main .page-wrapper > article, .instructor_page .page-wrapper > article, .birdal_main .page-wrapper > article {
    padding: 1px 0 0px 0 !important;
}

/*gobel setting*/
@media (max-width: 1140px) and (min-width: 959px) {
    .blog_main .limit-wrapper {
        padding: 0 0px !important;
    }
}

.blog_main .loop-wrapper.news .post-content-wrapper {
    min-height: 200px;
}

#post-275 {
    margin-top: -61px !important;
}

.max-width-2000-center {
    max-width: 1140px;
    margin: 0 auto;
    float: none;
}

.max-width-1900-center {
    max-width: 1140px;
    margin: 0 auto;
    float: none;
}

.blog_main .loop-wrapper {
    max-width: 1140px !important;
    margin: 0 auto !important;
}

@media (max-width: 958px) {
    .blog_main .loop-wrapper .post-row {

        margin: 0 auto !important;
    }
}

@media (max-width: 600px) {
    .blog_main .loop-wrapper .post-row-left {
        width: auto !important;
    }

    .loop-wrapper.regular .list-item .post-media + .post-content-outer {
        max-width: 100% !important;
    }

}

@media (min-width: 600px) {
    .highlight-box-mobile-width .page-content {
        max-width: 79% !important;
        margin: 0 auto !important;
    }
}

.main-blog-top-space {
    height: 50px !important;
}

.loop-wrapper .post-date .top-part {
    color: #f0e409 !important;
    background-color: #171717 !important;
    font-weight: 900 !important;
    padding-top: 10px !important;
    width: 100% !important;
    padding-right: 10px !important;
    padding-left: 5px !important;
}

.loop-wrapper .post-date .bottom-part {
    color: #171717 !important;
}

@media (min-width: 959px) {
    .blog_main .text-divider-double {
        margin: 100px 0 25px 0;
    }

    .blog_main .text-divider-double + .sep {
        margin: 0 auto 20px auto !important;
    }
}

.post-actions-wrapper .post-date a {
    color: #6f6f6f !important;
    font-size: 14px !important;
}

.loop-wrapper.news .post-article .post-content-outer {
    color: #7e7e7e !important;
}

/*right side bar*/

#archives-2 > .widgettitle {
    font-size: 26px;
    border-bottom: 2px solid #000;
    line-height: 58px;
    color: #7e7e7e !important;
}

#archives-2 > .widgettitle > ul > li a {
    color: #7e7e7e !important;
}

.post-article .post-row .post-content > p {
    color: #7e7e7e !important;
    font-size: 14px !important;
    font-size: 18px !important;
    line-height: 25px !important;
}

/*---------------------------- Blog detail page --------------------------*/

.single-post #main-content #main > .limit-wrapper {
    max-width: 800px !important;
}

@media (min-width: 959px) {
    .single-post .single-post-wrapper {
        max-width: 1600px !important;
        margin: 0 auto !important;
    }
}

@media (max-width: 958px) {
    .single-post .single-post-wrapper {
        max-width: 580px !important;
        margin: 0 auto !important;
    }
}

.single-post .page-header {
    text-align: center !important;
    padding-bottom: 0px !important;
}

@media (min-width: 959px) {
    .single-post .page-header h1 {
        font-size: 44px !important;
    }
}

@media (max-width: 958px) {
    .single-post .page-header h1 {
        font-size: 30px !important;
    }

    .single-post #main {
        padding-top: 10px !important;
    }
}

.single-post .meta-top {
    display: none !important;
}

.single-post .post-content {
    margin-top: 50px !important;
}

.single-post .sd-social {
    border-top: none !important;
}

.single-post .post-content .grid-5-6 p {
    line-height: 25px !important;
}

.single-post .related-posts {
    display: none !important;
}

/*share button*/

.robots-nocontent {
    display: -webkit-box !important;
}

.robots-nocontent .sd-title {
    font-size: 14px !important;
    color: #646366 !important;
}

.sd-content ul > li > a {
    background: #b8c6cc !important;
}

.contact-us .grid-1-3 > p > .icon {
    color: #e4e100 !important;
}

.contact-us .grid-1-1 .icon {
    color: #6d6f54 !important;
    border-color: #6d6f54 !important;
}

@media (max-width: 958px) {
    .responsive-layout .sep-3 {
        margin-top: 60px !important;
    }
}

/*---------------------------- portfolio page --------------------------*/

.portfolio-image-wrapper {
    /*margin-top: 50px !important;*/
}

/*---------------------------- about us page --------------------------*/

.about_us_page .limit-wrapper {
    max-width: none !important;
}

.about_us_page .about_us_img_1 {

    background-position: 5% !important;
}

.about_text p {
    line-height: 35px !important;
}

/*---------------------------- news letter reg--------------------------*/

#custom_html-2 {
    margin-bottom: 20px !important;
}




.tnp-field input[type=email] {
    border: solid 2px rgb(84, 83, 83) !important;
    font-size: 18px !important;
}

.tnp-subscription label {
    font-size: 18px !important;
    text-align: left !important;
}

.tnp-subscription input.tnp-submit {
    background-color: #feff00 !important;
    color: #000013 !important;
    height: 50px;
}
.tnp-subscription input.tnp-email {
    height: 50px;
}

#post-12687 p, #post-12687 a, #post-12687 label {
    font-size: 18px !important;

}

#post-12687 label {

    margin-bottom: 5px !important;
}

#post-12687 p {
    line-height: 30px !important;

}

#post-12687 p > a {
    color: #0088cc !important;

}

/*---------------------------- news letter reg end--------------------------*/

/*---------------------------- ninja form --------------------------*/

@media (min-width: 1141px) {

    #nf-field-1-container, #nf-field-2-container {
        display: inline-block !important;
        width: 33% !important;
    }

    #nf-field-5-container {
        display: inline-block !important;
        width: 33.49% !important;
    }

}

/*---------------------------- ninja form end--------------------------*/

/*about_us*/

#display_none {
    display: none !important;
}

@media (max-width: 958px) {
    .about_us_page #main article.page {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
}

/*.about_us_right_contact_wrapper .wpv-grid h1{
	margin-top: 0em;
    margin-bottom: 0em;
}*/

.about_us_right_contact_wrapper .wpv-grid p {
    max-width: 800px;
    line-height: 32px;
}

@media (max-width: 1140px) and (min-width: 959px) {
    .about_us_page .limit-wrapper {
        padding: 0 25px !important;
    }
}

.about_us_page .push {
    margin-top: 20px !important;
}

.about_us_right_contact_wrapper {
    padding: 50px !important;
}

@media (max-width: 956px) {
    .about_us_page .page-content .limit-wrapper > .row {
        margin-top: -150px !important;
    }
}

/*about_us*/

html:lang(zh-hant) #text-30, html:lang(zh-hant) #custom_html-4 {
    display: none;
}

/*lang*/
html:lang(en-US) .page-id-12572 #main .limit-wrapper > .row {
    padding-top: 0px !important;
}

html:lang(en-US) .footer-wrapper #text-28, html:lang(en-US) #custom_html-2 {
    display: none;
}

/*
final ture*/

.

@media (max-width: 1140px) and (min-width: 959px) {
    .responsive-layout .page-content .limit-wrapper {
        padding: 0 24px !important;
    }
}

@media (max-width: 958px) {
    .home .ctm-section-three .wpv-grid {
        text-align: right !important;
    }
}

.fix-safari {
    color: transparent !important;
}

@media (max-width: 958px) and (min-width: 900px) {
    #mega-menu-item-wpml-ls-28-zh-hant, #mega-menu-item-wpml-ls-28-en {
        display: none !important;
    }
}

@media (max-width: 938px) and (min-width: 900px) {
    html:lang(en-US) #mega-menu-wrap-menu-header #mega-menu-menu-header > li.mega-menu-item > a.mega-menu-link {
        padding: 0px 7px 0px 12px !important;
    }
}

@media (max-width: 1138px) and (min-width: 768px) {
    .brush-bg .wpv-grid h1 {
        font-size: 50px !important;
    }
}

@media (max-width: 767px) and (min-width: 300px) {
    .brush-bg .wpv-grid h1 {
        font-size: 40px !important;
    }
}

@media (max-width: 299px) and (min-width: 1px) {
    .brush-bg .wpv-grid h1 {
        font-size: 20px !important;
    }
}

@media (max-width: 1138px) {
    .team-member {
        width: 80%;
        margin: 0 auto !important;
        /*margin-left: 16%;*/
    }
}

@media (max-width: 1140px) and (min-width: 959px) {
    .home .limit-wrapper {
        padding: 0 25px !important;
    }
}

#header-404 .line-1 {

    margin-bottom: 50px !important;
}

.instructor_page .team-member-position {
    line-height: 20px !important;
}

.mainSliderClass > .row > div {
    width: calc(100vw - 120px) !important;;
}

.slick-slide > .team-member {
    width: 80%;
    margin: 0;
    margin-left: 10%;
}

.slick-track > .grid-1-5 {
    padding: 0 !important;
}

@media (max-width: 958px) {
    /*
    .slick-track {
        width: 100% !important;
    }
    .slick-arrow {
        display: none !important;
    }
    */
    /*
    .responsive-layout .slick-track .grid-1-2:not(.lowres-width-override),
    .responsive-layout .slick-track .grid-1-3:not(.lowres-width-override),
    .responsive-layout .slick-track .grid-1-4:not(.lowres-width-override),
    .responsive-layout .slick-track .grid-1-5:not(.lowres-width-override),
    .responsive-layout .slick-track .grid-1-6:not(.lowres-width-override),
    .responsive-layout .slick-track .grid-2-3:not(.lowres-width-override),
    .responsive-layout .slick-track .grid-2-5:not(.lowres-width-override),
    .responsive-layout .slick-track .grid-3-4:not(.lowres-width-override),
    .responsive-layout .slick-track .grid-3-5:not(.lowres-width-override),
    .responsive-layout .slick-track .grid-4-5:not(.lowres-width-override),
    .responsive-layout .slick-track .grid-5-6:not(.lowres-width-override) {
        float: left !important;
        clear: none !important;
        margin-bottom: 0;
        width: 50% !important;
        box-sizing: content-box !important;
    }
    */
    .slick-track {
        /*width: 90vw !important;*/
        display: block !important;
        box-sizing: content-box !important;
    }

    .slick-slide {
        /*width: 90vw !important;*/
        display: block !important;
        box-sizing: content-box !important;
    }

    .slick-track > .grid-1-5 {
        box-sizing: content-box !important;
    }

    .slick-slide > .team-member {
        width: 80% !important;
    }

    .team-member img {
        box-sizing: content-box !important;
        width: 90vw !important;
        margin: 0 !important;
    }
}

/*
@media (max-width: 479px) {
	.responsive-layout .slick-track .grid-1-2:not(.lowres-width-override),
	.responsive-layout .slick-track .grid-1-3:not(.lowres-width-override),
	.responsive-layout .slick-track .grid-1-4:not(.lowres-width-override),
	.responsive-layout .slick-track .grid-1-5:not(.lowres-width-override),
	.responsive-layout .slick-track .grid-1-6:not(.lowres-width-override),
	.responsive-layout .slick-track .grid-2-3:not(.lowres-width-override),
	.responsive-layout .slick-track .grid-2-5:not(.lowres-width-override),
	.responsive-layout .slick-track .grid-3-4:not(.lowres-width-override),
	.responsive-layout .slick-track .grid-3-5:not(.lowres-width-override),
	.responsive-layout .slick-track .grid-4-5:not(.lowres-width-override),
	.responsive-layout .slick-track .grid-5-6:not(.lowres-width-override) {
		float: left !important;
		clear: none !important;
		margin-bottom: 0;
		width: 100% !important;
		box-sizing: content-box !important;
	}
}
*/

.slick-prev.slick-disabled:before, .slick-prev:before {
    content: url('/wp-content/uploads/2017/11/btn_slider_previous.png');
}

.slick-next.slick-disabled:before, .slick-next:before {
    content: url('/wp-content/uploads/2017/11/btn_slider_next.png');
}

.slick-prev {
    left: -38px;
}

.slick-next {
    right: -22px !important;
    top: 51% !important;
}

.slick-prev, .slick-next {

    width: 41px;
    height: 50px;
}

.team-member-info h3 a {
    word-break: break-word;
}

.team-member-position {
    line-height: 25px;
}

@media (min-width: 1138px) {
    .has-background h1 {
        font-size: 80px !important;
    }
}

.grid-2-5 > h4 > span {
    color: #e0e0e0 !important;
}

/*.home_joth_left_img img{
	max-width: 70% !important;
}*/

/*.home .the-team-bg-pos .limit-wrapper .row{
	max-width: 1140px;
	margin:0 auto;
	float: none;
}*/

.the-team-bg-pos {
    margin-bottom: -100px !important;
}

@media (max-width: 958px) {
    .home .adj-padding-show-full-bg-on-mobile {
        background-color: rgba(0, 0, 0, 0.3);
        margin-top: 370px;
        margin-bottom: 100px !important;
    }

    .fix_the_the_text_gap {
        margin-bottom: -45px !important;
    }
}

.has-background h1 {
    font-size: 50px !important;
}

@media (max-width: 959px) {
    .course_detail_intro_feature_text_format .team-member {
        width: 50% !important;
    }
}

@media (max-width: 1750px) and (min-width: 1141px) {

    .course_detail_intro_feature_text_format > .row .grid-4-5 {
        width: 70% !important;
    }

    .course_detail_intro_feature_text_format > .row .grid-1-5 {
        width: 30% !important;
    }

}

@media (max-width: 1140px) and (min-width: 959px) {

    .course_detail_intro_feature_text_format > .row .grid-4-5 {
        width: 63% !important;
    }

    .course_detail_intro_feature_text_format > .row .grid-1-5 {
        width: 37% !important;
    }

}

html.touchevents .team-member {

    margin: 0 auto !important;
}

@media (max-width: 1140px) and (min-width: 959px) {
    .instructor_page .limit-wrapper, .birdal_main #main > .limit-wrapper {
        padding: 0 0px !important;
    }
    .birdal_main .page-content > .row > .max-width-1140-left {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }
}

@media (max-width: 1140px) and (min-width: 959px) {

    .course_detail_intro_feature_text_format .team-member {
        width: 150px;
    }

}

#header-404 {
    height: 480px !important;
}

@media (max-width: 1200px) and (min-width: 958px) {
    #team_member_responsive_setting .grid-1-4 {
        width: 33.333333%;
        
    }

    /*
    .row:after, .clearfix:after {
        clear: none;
    }

    .row, .clearfix {
        clear: none;
    }
    */


    #team_member_responsive_setting .grid-1-4 .team-member .thumbnail img{
        width: auto;
        height: 225px;
        margin: 0 auto;
    }


}

@media (max-width: 957px) and (min-width: 480px) {

    #team_member_responsive_setting .grid-1-4 {
        width: 50% !important;
    }

}

#team_member_responsive_setting .row:after, #team_member_responsive_setting .clearfix:after {
    /*clear: none !important;*/
}

@media (max-width: 958px) {

    .responsive-layout #team_member_responsive_setting .grid-1-4:not(.lowres-width-override), .responsive-layout #team_member_responsive_setting .grid-1-4 {

        float: left !important;
        clear: none !important;

    }

}

.column-with-portfolio {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


@media (min-width: 1200px){
    #team_member_responsive_setting .grid-1-4{
        margin-bottom: 50px;
    }
}

@media (max-width: 1200px){
    #team_member_responsive_setting .grid-1-4{
        margin-top: 30px;
    }
}

@media (max-width: 958px) {
    .mainSliderClass {
        display: none;
    }
}

@media (min-width: 1200px){
    .the-team-bg-pos{
        background-position-x: 30% !important;
    }
    .the-team-bg-pos > .limit-wrapper > .extended-column-inner > .row > .wpv-grid.grid-1-2 {
        width:35%;
    }

}
@media (min-width: 1500px){
    .the-team-bg-pos{
        background-position-x: 35% !important;
    }
    .the-team-bg-pos > .limit-wrapper > .extended-column-inner > .row > .wpv-grid.grid-1-2 {
        width:25%;
    }

}

.red-bg-content {
    min-height: 345px;
    vertical-align: middle;
    display: flex;
    align-items: center;
}

@media (min-width: 959px) {
    #custom_html-6,#custom_html-7,#custom_html-9,#custom_html-10 {
        width: 33.3%;
        height: 100%;
        display: table;
        top: 0;
        bottom: 0;
        position: absolute;
        vertical-align: middle;
    }

    #custom_html-6 > div,#custom_html-7 > div,#custom_html-9 > div,#custom_html-10 > div {
        display: table-cell;
        vertical-align: middle !important;
    }
}

#footer-sidebars {
    /*background: url( '/wp-content/uploads/2017/09/brunch-bg.jpg' ) no-repeat right center;*/
    background: url( '/wp-content/uploads/2017/12/bush_bg.jpg' ) no-repeat right center;
    background-color: rgba(0, 0, 0, 0);
    background-attachment: scroll;
    background-position-x: center;
    background-position-y: center;
    background-size: auto auto;
    /*background-size: cover;*/

    background-color: #1c1f25;
}

.footer-wrapper, .main-footer {
    background-color: #1c1f25 !important;
}
#footer-sidebars > .row > aside {
    min-height: 320px !important;
}
#footer-sidebars > .row > aside > #custom_html-6, #footer-sidebars > .row > aside > #custom_html-7,#footer-sidebars > .row > aside > #custom_html-9, #footer-sidebars > .row > aside > #custom_html-10 {
    min-height: 320px !important;
}

.tnp-field input[type="email"] {
    width: 65%;
    float: left;
}

.tnp-subscription input.tnp-submit {
    width: 35%;
}

.bottom-mid-gap-1 {
    height: 15px;
}

.bottom-mid-gap-2 {
    height: 30px;
}
.bottom-left-gap-1 {
    margin-right: 30px;
}

.footer-sidebars-wrapper.limit-wrapper {
    padding: 0px !important;
}
.bottom-left-gap-2 {
    display: block;
    height: 1.5em;
}

@media (max-width: 958px) {
    .bottom-mid-gap-1 {
        height: 5px;
    }

    .bottom-mid-gap-2 {
        height: 10px;
    }
    .bottom-left-gap-1 {
        display: block;
        height: 1.5em;
    }

    #footer-sidebars > .row > aside {
        min-height: 0px !important;
    }
    #footer-sidebars > .row > aside > #custom_html-6, #footer-sidebars > .row > aside > #custom_html-7, #footer-sidebars > .row > aside > #custom_html-9, #footer-sidebars > .row > aside > #custom_html-10 {
        min-height: 0px !important;
    }
    #footer-sidebars > .row > aside > #custom_html-6, #footer-sidebars > .row > aside > section.widget {
        padding: 0 25px !important;
    }


    html:lang(en-US) .tnp-subscription input.tnp-submit {
        font-size: 12px;
        padding: 15px 0px !important;
        font-size: 15px !important;
    }


}

html:lang(zh-hant) #custom_html-9, html:lang(zh-hant) #custom_html-10 {
    display: none;
}

html:lang(en-US) #custom_html-7, html:lang(en-US) #custom_html-6 {
    display: none;
}

html:lang(zh-hant) .tnp-field input.tnp-submit {
    padding: 11.5px 1.2em !important;
    font-size: 18px !important;
}


html:lang(en-US) .tnp-field input.tnp-submit {
    padding: 15.5px 1.2em !important;
    font-size: 15px !important;
}




@media (max-width: 900px) {
    #mega-menu-wrap-menu-header #mega-menu-menu-header > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link::after, #mega-menu-wrap-menu-header #mega-menu-menu-header > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link::after, #mega-menu-wrap-menu-header #mega-menu-menu-header > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link::after {
        top: 15px !important;
        left: 5% !important;
    }
}

@media (max-width: 1090px) {
    .ctm-section-three .has-nomargin-column .grid-1-3:nth-child(1) .row .first,
    .ctm-section-three .has-nomargin-column .grid-1-3:nth-child(3) .row .first {
        padding-bottom: 0px !important;
        /*min-height: 342px;*/
    }
}


#home-slider-ctn-btn {
    color: #fff !important;
    background-color: rgba(0, 0, 0, 0.0);
}

@media (max-width: 958px) {
    .the-team-bg-pos {
        margin-bottom: 0px !important;
    }
    .home .adj-padding-show-full-bg-on-mobile {
        margin-bottom: 0px !important;
    }
}

@media (max-width: 479px) {
    .responsive-layout .page-header h1 {
        font-size: 24px !important;
    }
    .responsive-layout .related-content-title {
        font-size: 24px !important;
    }

    /*
    .courses_sep {
        height:20px !important;
    }
    */
}

.courses-detal-box {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}
.text-divider-double {
    letter-spacing: 0px;
}

body:not(.page-vertical-padding-none):not(.page-vertical-padding-bottom-only) #sub-header.has-background + .wpv-main {
    padding-top: 0px;
}

.about_us_images {
    min-height:300px;
}

.team-member-info {
    cursor: pointer;
}

.cbp-popup-singlePage .cbp-popup-content {
    margin-top: 75px !important;
}
/* fix for english index 3 special promo font */
.ctm-section-three > .has-nomargin-column > .wpv-grid  > .row > .wpv-grid > h1, .ctm-section-three > .has-nomargin-column > .wpv-grid  > .row > .wpv-grid > h2 {
    font-family:  "Times New Roman", 'Noto Sans TC', Times !important;
}

/* hidden the current language*/
.wpml-ls-item.wpml-ls-current-language {
    display:none;
}

/* hidden the line of title of news detail */
.page-header:not(.layout-one-row-left):not(.layout-one-row-right)::after {
    height: 0px;
}

/* mod special 6 icons */
.main-feature-list > .row > .grid-1-3 {
    width: 33.33333333% !important;
    float: left !important;
    clear: none !important;
}

@media (max-width: 767px) {
    .main-feature-list > .row > .grid-1-3 {
        width: 50% !important;
        float: left !important;
        clear: none !important;
    }
}
@media (max-width: 420px) {
    .main-feature-list > .row > .grid-1-3 {
        width: 100% !important;
        float: none !important;
        clear: both !important;
    }
}

/* course detail title padding left and right */
.detail-course-title-wrapper .text-divider-double {
    padding-left: 10px;
    padding-right: 10px;
}

/* tutors detail page */
@media (max-width: 1140px) and (min-width: 959px) {
    .tutor-detail-block {
        padding: 0 50px !important;
    }
}

/* main page the team h2 padding */
@media (max-width: 958px) {
    .adj-padding-show-full-bg-on-mobile > h2 {
        margin-top: 0em !important;
        margin-bottom: 0em !important;
    }
    .adj-padding-show-full-bg-on-mobile > .sep {
        margin-bottom: 5px !important;
    }
}

/* add language switcher to mobile */
a.wpml-mobile-selector {
    display: inline-block !important;
    padding-top: 9px;
    font-size: 15px ;
    background: none;
    border: 0px;
    /*color: rgb(104, 108, 103);;*/
    color: #fff;
}

/* covered on main page */
@media (max-width: 958px) {
    #post-10332 > .page-content, #post-12554 > .page-content {
        padding-top: 70px;
    }
    .mod-overlay-logo {
        padding-top: 0px !important;
    }
    .mod-overlay-logo > .row > .grid-1-5 > .push {
        height: 10px !important;
    }
}

/* new main page padding */
@media (max-width: 958px) {
    .blog_main .max-width-1900-center .grid-1-1 > .row > .grid-3-4 > .regular > .page-content,
    .blog_main .max-width-1900-center .grid-1-1 > .row > .grid-1-4 > #archives-2 {
        max-width: 79%;
        margin: 0 auto !important;
        padding: 0 25px;
        box-sizing: border-box;
    }
}
@media (max-width: 599px) {
    .blog_main .max-width-1900-center .grid-1-1 > .row > .grid-3-4 > .regular > .page-content,
    .blog_main .max-width-1900-center .grid-1-1 > .row > .grid-1-4 > #archives-2 {
        max-width: 100% !important;
    }
}

/* home page news list padding */
@media (max-width: 958px) {
    .home .mobile-height-adj-news {
        max-width: 79% !important;
        margin: 0 auto !important;
        padding: 0 45px !important;
        box-sizing: border-box;
    }
}
@media (max-width: 599px) {
    .home .mobile-height-adj-news {
        max-width: 100% !important;
    }
}


/* course page course image hidden when small screen */
@media (max-width: 958px) {
    .courses_main .courses-img {
        display: none;
    }
    .courses_main .courses-detal-box > .row {
        margin-left: 10px;
        margin-right: 10px;
    }
}

/* course detail bottom 2 div height */
@media (max-width: 958px) {
    .courses_detail .has-nomargin-column > .grid-1-2 {
        min-height: 200px;
    }
    .courses_detail .has-nomargin-column > .grid-1-2 > .row > .grid-1-1.max-width-250-center > .push {
        height: 22px !important;
    }
    .courses_detail .has-nomargin-column > .grid-1-2 > .row > .grid-1-1.has-background > .push {
        height: 44px !important;
    }
}
@media (max-width: 479px) {
    .courses_detail .has-nomargin-column > .grid-1-2 > .row > .grid-1-1.max-width-250-center > .push {
        height: 18px !important;
    }
}

/* fix main page the tutor team background image too big */
@media (max-width: 479px) {
    .responsive-layout .wpv-grid.the-team-bg-pos.has-background {
        background-position-y: 20px !important;
        background-size: 90% !important;
        min-height: 0 !important;
    }
    .home .adj-padding-show-full-bg-on-mobile {
        margin-top: 270px;
        padding-top: 10px !important;
    }
    .adj-padding-show-full-bg-on-mobile .sep {
        display: none;
    }
}

/* fix the footer for contact us 3 div */
@media (max-width: 958px) {
    .bottom-left-gap-1, .bottom-left-gap-2 {
        height: 0.8em;
    }
    #custom_html-7 h1, #custom_html-9 h1 {
        font-size: 35px !important;
    }
}

/* fix he main page cbp item category font */
.portfolio-filters .inner-wrapper .cbp-filter-item {
    font-size: 12px !important;
}

/* fix main page the load more for projects */
.home .load-more > .vamtam-button {
    border: 1px solid #000;
}

/* fix the main page the ctm-section three */
.home .ctm-section-three {
    padding-left: 25px !important;
    padding-right: 25px !important;
}
@media (max-width: 1140px) {
    .home .ctm-section-three {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}
.home .ctm-section-three .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.home .ctm-section-three .has-nomargin-column .first:nth-child(1) {
    padding-left: 25px !important;
}
@media (max-width: 1450px) {
    .home .ctm-section-three .grid-2-5 {
        width: 0px;
        display: none;
    }
    .home .ctm-section-three .grid-3-5 {
        width: 100%;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

/* fix the header menu color to dark */
@media (max-width: 958px) {
    #page header.main-header {
        background-color: rgba(48, 48, 47, 1) !important;
    }
}

/* fix the main page have white gap */
.home #main > .row:before {
    display: block !important;
}

.home #main > .row:after {
    display: block !important;
}

/* fix the main page slider line space for small screen */
@media (max-width: 479px) {
    .home .tp-caption > br {
        line-height: 6px !important;
    }
}

/* fix the newsletter footer */
.newsletter-page .footer-wrapper .limit-wrapper {
    max-width: 100%;
}

/* fix yellow box */
.team-member .team-member-info h3 {
    margin: 0 !important;
    padding: 0 !important;
}
.team-member .team-member-info h5 {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1em !important;
}

/* fix the blog calender to 2 line */
@media (max-width: 958px) {
    .blog_main .loop-wrapper .post-row-left, .loop-wrapper .post-row-left {
        width: 100% !important;
        text-align: left;
    }
    .loop-wrapper.regular .list-item .post-media + .post-content-outer {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* Fix the button of main page middle 3 section */
.vamtam-button.button-border span.btext {
    font-weight: 400 !important;
}
/* Fix the top menu font weight */
#mega-menu-wrap-menu-header #mega-menu-menu-header > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
    font-weight: 600 !important;
}
/* Fix the main page event category filter */
.portfolio-filters .inner-wrapper .cbp-filter-item {
    font-weight: 400 !important;
}

.vamtam-button.button-border:hover span.btext::before {
    font-weight: 400 !important;
}

.tnp-submit {
    font-weight: 400 !important;
}

/* Fix tutors detail page title font weight */
.tutor-left-side-text-format .tutor-box-format p {
    font-weight: 400;
}

/* Fix tutors main page title font weight */
.about-tutors-team-left-content h4 > span > strong {
    font-weight: 400;
}

/* Fix bridal title */
.clo-title-center h4, .birdal-bg h4 {
    font-weight: 400;
}

/* fix Course detail title  */
.courses_detail .page-content .course_detail_intro_feature_text_format .wpv-grid h3 strong, .courses_detail .page-content .course_detail_intro_feature_text_format .wpv-grid span strong {
    font-weight: 400;
}

/* fix team memeber info */
.team-member .team-member-info .regular-title-wrapper {
    font-weight: 400;
}

/* fix the courses_detail page bottom gap */
@media (max-width: 958px) {
    .courses_detail .page-content > .row > .wpv-grid > .row > .wpv-grid.grid-1-2.unextended.no-extended-padding > .row > .has-background {
        min-height: 200px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .courses_detail .page-content > .row > .wpv-grid > .row > .wpv-grid.grid-1-2.unextended.no-extended-padding {
        min-height: 200px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}