/* Medium devices (desktops, 992px and up) */

@media (min-width: 992px) {
    .main-content-ec p {
        font-family: 'MyriadProRegular';
        font-size: 20px;
        line-height: 35px;
        color: #565656;
        padding-left: 12px;
        margin-bottom: 22px;
        padding-top: 2px;
        padding-right: 2px;
    }
    h1.course {
        padding-left: 15px;
        padding-bottom: 3px;
    }
    .main-content-ec {
        padding: 72px 0px 0px 15px;
    }
    .full-content-ec .ma {
        font-family: 'AauxNextMedium';
        font-size: 28px;
        font-weight: bold;
        float: left;
        line-height: 1em;
        margin-top: 13px;
        padding-left: 16px;
    }
    .full-content-ec .course-i1 {
        padding: 0;
        padding-right: 0px;
    }
    .full-content-ec .course-i1 img {
        max-width: 427px;
        max-height: 250px;
        padding: 0;
        width: 100%;
        height: 100%;
    }
    .full-content-ec .course-i2 {
        padding: 0;
        padding-left: 0px;
    }
    .full-content-ec .course-i2 img {
        max-width: 427px;
        max-height: 250px;
        padding: 0;
        width: 100%;
        height: 100%;
    }
    .evening {
        margin-top: 19px;
        margin-left: 0;
        margin-right: 5px;
    }
}


/* Large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {
    h1.course {
        padding-left: 15px;
        padding-bottom: 3px;
    }
    .main-content-ec {
        padding: 72px 45px 0px 30px;
    }
    .full-content-ec .course-i1 {
        padding: 0;
        padding-right: 0px;
    }
    .full-content-ec .course-i1 img {
        max-width: 410px;
        max-height: 250px;
        padding: 0;
        width: 100%;
        height: 100%;
    }
    .full-content-ec .course-i2 {
        padding: 0;
        padding-left: 0px;
    }
    .full-content-ec .course-i2 img {
        max-width: 427px;
        max-height: 250px;
        padding: 0;
        width: 100%;
        height: 100%;
    }
    .evening {
        margin-top: 19px;
        padding-left: 0px;
        padding-right: 0px;
        margin-right: 0px;
    }
}

hr {
    border-top: 1px solid #b4b4b4;
}

hr.inline {
    border-top: 1px solid #d6d7d8;
    margin-bottom: 40px;
}

hr.hr-bridge {
    border-top: 1px solid #d6d7d8;
    margin-top: 26px;
    margin-bottom: 15px;
}

#english-courses {
    max-width: 1280px;
    margin: 0 auto;
    margin-bottom: 60px;
}

p.course {
    font-family: 'MyriadProRegular';
    font-size: 20px;
    line-height: 35px;
    color: #565656;
    padding-left: 15px;
    margin-bottom: 22px;
}


/*Banner*/

#myCarousel .carousel .carousel-inner,
#myCarousel .carousel-inner .item,
#myCarousel .carousel-inner .active .item.bg.active {
    height: 450px;
    max-height: 774px;
}


/*Main-content*/

.main-content-ec h1 {
    font-family: 'AauxNextMedium';
    font-size: 32px;
    font-weight: bold;
    color: #141414;
}

.main-content-ec h2 {
    font-family: 'AauxNextMedium';
    font-size: 28px;
    font-weight: bold;
}

.main-content-ec h3 {
    font-family: 'MyriadProRegular';
    font-size: 20px;
}


/*Module include picture, text, button*/

.work-option-ec p {
    padding-top: 18px;
    padding-bottom: 10px;
}

.work-option-image-ec {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 20px;
}

.work-option-content-ec {
    padding-left: 0px;
    padding-right: 0px;
}

.work-option-content-ec button {
    text-decoration: none;
    background: transparent url("../images/bgr-red-btn.png") repeat-x scroll center bottom;
    width: 166px;
    height: 53px;
    color: #fff;
    border: none;
}

.work-option-content-ec button:hover {
    text-decoration: none;
    background: transparent url("../images/bgr-red-btn-hover.png") repeat-x scroll center bottom;
    width: 166px;
    height: 53px;
    color: #fff;
    border: none;
}

.main-content-ec p {
    font-family: 'MyriadProRegular';
    font-size: 18px;
    line-height: 35px;
    color: #565656;
    padding-left: 15px;
    margin-bottom: 22px;
    padding-top: 2px;
    padding-right: 15px;
}


/*Table Daycourse*/

.day-course {
    background-color: #333e48;
    color: #fff;
    font-size: 22px;
    padding: 12px;
    font-weight: normal;
    border-bottom: 2px solid #FFF;
    font-family: AauxNextMedium;
    padding-left: 24px
}

.day-course-1 {
    min-height: 101px;
    padding-left: 0px;
    padding-right: 0px;
}

.day-course-child {
    font-family: FSLolaLight;
    float: left;
    background-color: #44c9f6;
    padding: 23px;
    font-size: 1.375em;
    border-right: 1px solid #fff;
    height: 100%;
    color: #141414;
    line-height: 28px;
    padding-left: 25px;
}

.day-course-child-three {
    font-family: FSLolaLight;
    float: left;
    background-color: #44c9f6;
    padding: 23px;
    font-size: 1.375em;
    height: 100%;
    color: #141414;
    line-height: 28px;
    border-right: none;
    padding-left: 25px;
}

.day-course-child-dif {
    font-family: FSLolaLight;
    float: left;
    background-color: #44c9f6;
    padding: 23px;
    font-size: 1.375em;
    border-right: 1px solid #fff;
    height: 101px;
    color: #141414;
    line-height: 28px;
    padding-left: 27px;
}

.day-course-child-dif-1 {
    font-family: FSLolaLight;
    float: left;
    background-color: #44c9f6;
    padding: 23px;
    font-size: 1.375em;
    border-right: none;
    height: 101px;
    color: #141414;
    line-height: 28px;
    padding-left: 27px;
}

.day-course-child .h {
    color: #FFF;
    font-size: 1.591em;
    font-family: FSLolaMedium
}

.day-course-child-three .h {
    color: #FFF;
    font-size: 1.591em;
    font-family: FSLolaMedium
}

.day-course-child-dif .h {
    color: #FFF;
    font-size: 1.591em;
    font-family: FSLolaMedium
}

.day-course-child-dif-1 .h {
    color: #FFF;
    font-size: 1.591em;
    font-family: FSLolaMedium
}

.clearboth {
    clear: both;
    margin-bottom: 38px;
}

.evening-course {
    background-color: #333e48;
    color: #fff;
    font-size: 22px;
    padding: 11px;
    font-weight: normal;
    border-bottom: 2px solid #FFF;
    font-family: AauxNextMedium;
    padding-left: 24px;
    width: 66.6%;
}

.evening-course-parrent {
    padding-left: 0px;
    padding-right: 0px;
}


/*Module full main-content*/

.full-content-ec {
    padding: 0;
    margin-top: -5px;
}

.full-content-ec ul {
    padding-top: 20px;
    padding-bottom: 10px;
}

.full-content-ec li {
    list-style-image: url("../images/work/tick.png");
    font-family: 'MyriadProRegular';
    font-size: 17px;
}

.full-content-ec .semibold {
    font-family: 'MyriadProRegular';
    font-weight: bold;
    font-size: 17px;
}

.full-content-ec .text-link {
    font-family: 'MyriadProRegular';
    font-size: 17px;
    color: #00b3e3;
    border-bottom: 1px solid #DADADA;
}

.full-content-ec #button2 {
    margin-left: 0px;
}

.full-content-ec .ma {
    font-family: 'AauxNext SemiBold';
    font-size: 28px;
    font-weight: 600;
    float: left;
    /*line-height: 1em;*/
    margin-top: 13px;
    padding-left: 16px;
    letter-spacing: -0.2px;
}
.accordion-heading .course_title {display: inline}

.full-content-ec .button-collapse {
    vertical-align: text-top
}

.full-content-ec-1 img {
    max-width: 100%;
    max-height: 252px;
    padding: 0 1px
}

.full-content-option-ec {
    background-color: #f1f3f6;
    padding-top: 11px;
    margin-top: 19px;
    padding-left: 18px;
    width: 100%;
    max-width: 856px;
    padding-bottom: 30px;
    cursor: pointer;
}
.full-content-option-ec > .row > div:hover a {
    text-decoration: none;
    color: #333;
}
.full-content-option-ec > .row > div:hover span {
    text-decoration: none;
    color: #333;
    border-bottom: 1px solid #333;
}
.full-content-option-ec > .row > div:hover .roller{
   -ms-transform: rotate(180deg);
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg);
}

.full-content-option-ec a:hover {
    text-decoration: none;
    color: #333;
}
.full-content-option-ec a:hover span{
    text-decoration: none;
    color: #333;
    border-bottom: 1px solid #333;
}
.full-content-option-ec a:hover .roller{
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.full-content-option-ec .tag-p {
    font-size: 17px;
    padding-top: 9px;
    line-height: 30px;
    margin-bottom: 10px;
    padding-right: 10px;
}

.full-content-option-ec-1 {
    padding: 0px
}

.full-content-option-ec-1 .tag-p {
    font-size: 17px;
    padding-left: 0px;
    margin-bottom: 10px;
    padding-top: 21px
}

/*Module divide main-content to 3 small modules*/

.info-option-ec1 {
    text-align: center;
    padding: 15px 30px;
}

.info-option-ec1 .roller {
    width: 12px;
    margin-left: 2px
}

.info-option-ec2 {
    text-align: center;
    padding: 15px 30px;
}

.info-option-ec2 .roller {
    width: 12px;
    margin-left: 2px
}

.info-option-ec3 {
    text-align: center;
    padding: 15px 30px;
}

.info-option-ec3 .roller {
    width: 12px;
    margin-left: 2px
}

.info-option-ec4 {
    text-align: center;
    padding: 15px 30px;
}

.info-option-ec4 .roller {
    width: 12px;
    margin-left: 2px
}

.info-option-ec5 {
    text-align: center;
    padding: 15px 30px;
}

.info-option-ec5 .roller {
    width: 12px;
    margin-left: 2px
}

.info-option-ec6 {
    text-align: center;
    padding: 15px 30px;
}

.info-option-ec6 .roller {
    width: 12px;
    margin-left: 2px
}

.info-option-ec7 {
    text-align: center;
    padding: 22px 25px;
}

.info-option-ec7 .roller {
    width: 12px;
    margin-left: 2px
}

.info-option-ec8 {
    text-align: center;
    padding: 15px 30px;
}

.info-option-ec8 .roller {
    width: 12px;
    margin-left: 2px
}

.info-option-ec9 {
    text-align: center;
    padding: 15px 30px;
}

.info-option-ec9 .roller {
    width: 12px;
    margin-left: 2px
}

.info-option-ec10 {
    text-align: center;
    padding: 18px 16px;
}

.info-option-ec10 .roller {
    width: 12px;
    margin-left: 2px
}

.info-option-ec11 {
    text-align: center;
    padding: 18px 27px;
}

.info-option-ec11 .roller {
    width: 12px;
    margin-left: 2px
}

.info-option-ec12{
    text-align: center;
    padding: 18px 27px;
}

.info-option-ec12 .roller {
    width: 12px;
    margin-left: 2px
}
.info-option-ec-extra-1 {
    font-size: 15px;
    text-align: center;
    font-family: 'AauxNextMedium';
    font-weight: bold;
    opacity: 0.8;
    padding: 7px 0px 0px;
    border-right: 1px solid #fff;
}

.info-option-ec-extra-1:hover {
    opacity: 1;
}

.info-option-ec-extra-1 img:hover {
    color: #000;
}

.info-option-ec-extra-1 img {
    max-width: 286px;
    max-height: 236px;
    width: 100%;
    height: 100%;
}

.info-option-ec-extra-1 a:hover {
    color: #000;
    text-decoration: none
}

.info-option-ec-extra-2 {
    font-size: 15px;
    text-align: center;
    font-family: 'AauxNextMedium';
    font-weight: bold;
    padding: 7px 0px 0px;
    opacity: 0.8;
    border-right: 1px solid #fff;
}

.info-option-ec-extra-2:hover {
    opacity: 1;
}

.info-option-ec-extra-2 img:hover {
    color: #000;
}

.info-option-ec-extra-2 img {
    height: 100%;
    width: 100%;
    max-width: 286px;
    max-height: 236px;
}

.info-option-ec-extra-2 a:hover {
    color: #000;
    text-decoration: none
}

.info-option-ec-extra-3 {
    font-size: 15px;
    text-align: center;
    font-family: 'AauxNextMedium';
    font-weight: bold;
    padding: 7px 0px 0px;
    opacity: 0.8;
    margin-right: 0px;
    border-right: 1px solid #fff;
}

.info-option-ec-extra-3:hover {
    opacity: 1;
}

.info-option-ec-extra-3 img:hover {
    color: #000;
}

.info-option-ec-extra-3 img {
    max-width: 286px;
    max-height: 236px;
    width: 100%;
    height: 100%;
}

.info-option-ec-extra-3 a:hover {
    color: #000;
    text-decoration: none
}

.info-option-icon-ec {
    width: 45px;
    height: 40px;
    float: left;
}

.info-option-ec img {
    width: 100%;
    height: 100%;
}

.info-option-text-ec {
    display: block;
    font-size: 19.9px;
    width: 255px;
    text-align: left;
    font-family: MyriadProRegular;
    padding: 0 30px;
    line-height: 28px
}

.info-option-text-ec1 {
    display: block;
    font-size: 19.9px;
    width: 255px;
    text-align: left;
    font-family: MyriadProRegular;
    padding: 0 30px;
    line-height: 28px;
}

.info-option-text-ec1:hover {
    color: #000;
}

.info-option-text-ec2 {
    display: block;
    font-size: 19.9px;
    width: 235px;
    text-align: left;
    font-family: MyriadProRegular;
    padding: 0 50px;
    line-height: 28px;
}

.info-option-text-ec2:hover {
    color: #000;
}

.info-option-text-ec3 {
    display: block;
    font-size: 19.9px;
    width: 205px;
    text-align: left;
    font-family: MyriadProRegular;
    padding: 0 30px;
    line-height: 28px;
}

.info-option-text-ec3:hover {
    color: #000;
}

.info-option-text-ec4 {
    display: block;
    font-size: 19.9px;
    width: 205px;
    text-align: left;
    font-family: MyriadProRegular;
    padding: 0 30px;
    line-height: 28px;
}

.info-option-text-ec4:hover {
    color: #000;
}

.info-option-text-ec5 {
    display: block;
    font-size: 19.9px;
    width: 260px;
    text-align: left;
    font-family: MyriadProRegular;
    padding: 0 30px;
    line-height: 28px;
}

.info-option-text-ec5:hover {
    color: #000;
}

.info-option-text-ec6 {
    display: block;
    font-size: 19.9px;
    width: 213px;
    text-align: left;
    font-family: MyriadProRegular;
    padding: 0 30px;
    line-height: 27px;
}

.info-option-text-ec6:hover {
    color: #000;
}

.info-option-text-ec7 {
    display: block;
    font-size: 19.9px;
    width: 220px;
    text-align: left;
    font-family: MyriadProRegular;
    padding: 0 30px;
    line-height: 27px;
}

.info-option-text-ec7:hover {
    color: #000;
}

.info-option-text-ec8 {
    display: block;
    font-size: 19.9px;
    width: 213px;
    text-align: left;
    font-family: MyriadProRegular;
    padding: 0 30px;
    line-height: 27px;
}

.info-option-text-ec8:hover {
    color: #000;
}

.info-option-text-en {
    display: block;
    text-align: center;
    background-color: #ffd200;
    font-size: 20px;
    height: 80px;
    padding: 60px;
    font-family: 'MyriadProRegular';
    line-height: 25px;
    max-width: 287px;
    width: 100%;
    margin: 0 auto;
    padding-top: 17px;
}

.info-option-text-en-1 {
    padding-top: 30px;
    display: block;
    text-align: center;
    background-color: #ffd200;
    font-size: 18px;
    height: 80px;
    font-family: 'MyriadProRegular';
    width: 100%;
    margin: 0 auto;
    max-width: 287px;
}

p.br-course {
    margin-bottom: 5px !important;
}

[class^="icon-"],
[class*=" icon-"] {
    display: block;
    width: 30px;
    height: 28px;
    margin-top: 1px;
    *margin-right: .3em;
    line-height: 14px;
    vertical-align: text-top;
    background-position: 14px 14px;
    background-repeat: no-repeat;
}

.icon-speaking {
    background-position: -8px -7px;
}

.icon-ielts {
    background-position: -8px -149px;
}

.icon-remedial {
    background-position: -4px -98px;
}

.icon-writing {
    background-position: -57px -100px;
}

.icon-business {
    background-position: -58px -3px;
}

.icon-suvival {
    background-position: -8px -51px;
}

.icon-grammar {
    background-position: -55px -52px;
}

.icon-testbuster {
    background-position: -59px -147px;
}

.icon-conversation {
    background-position: -106px -5px;
}

.icon-pronunciation {
    background-position: -106px -54px;
}

.icon-through-video {
    background-position: -106px -99px;
}

.icon-global-affairs {
    background-position: -106px -150px;
}

.icon-anecdote {
    background-position: -161px -3px;
}

.icon-working-in-australia {
    background-position: -212px -153px;
}

.icon-australia-studies {
    background-position: -213px -97px;
}

.icon-excursions {
    background-position: -211px -51px;
}

.icon-independent-studies {
    background-position: -158px -49px;
}

.icon-presentations {
    background-position: -216px -4px;
}

.icon-exam-skills {
    background-position: -161px -147px;
}

.icon-soft-skills {
    background-position: -155px -104px;
}

.icon-collapse {
    background-position: -260px 0px;
}

.loop-i {
    width: 48px;
    float: left;
}

@media screen and (max-width: 1220px) {
    .day-course-child {
        height: 101px;
        padding: 17px;
    }
    .day-course-child-three {
        height: 101px;
        padding: 17px;
    }
    .day-course-child-dif {
        height: 101px;
        padding: 17px;
    }
    .day-course-child-dif-1 {
        height: 101px;
        padding: 17px;
    }
    .info-option-ec-extra-1 {
        padding: 7px 1px 0px;
    }
    .info-option-ec-extra-2 {
        padding: 7px 1px 0px;
    }
    .info-option-ec-extra-3 {
        padding: 7px 1px 0px;
    }
}

@media screen and (max-width: 750px) {
    .day-course-child {
        height: auto;
        padding: 9px;
        width: 100%;
        border-top: 2px solid white;
    }
    .day-course-child-three {
        height: 130px;
        padding: 9px;
    }
    .day-course-child-dif {
        height: 130px;
        padding: 9px;
    }
    .day-course-child-dif-1 {
        height: 130px;
        padding: 9px;
    }
}

.special {
    height: 0px;
}

.popover {
    max-width: 300px;
    width: 300px;
}

.media-tooltip + .tooltip .tooltip-inner {
    font-size: 17px;
    color: #565656;
    border-width: 1px;
    border-color: #fff;
    border-style: solid;
    background-color: #fff;
    padding: 20px;
    border-radius: 0;
    width: 200%;
    max-width: 200%;
    font-family: 'MyriadProRegular';
    text-align: left;
    margin-top: 0%;
    /*margin-left: -200px;*/
}

.info-option-ec3 > .media-tooltip + .tooltip .tooltip-inner,
.info-option-ec6 > .media-tooltip + .tooltip .tooltip-inner,
.info-option-ec9 > .media-tooltip + .tooltip .tooltip-inner,
.info-option-ec12 > .media-tooltip + .tooltip .tooltip-inner,
.info-option-ec15 > .media-tooltip + .tooltip .tooltip-inner,
.info-option-ec18 > .media-tooltip + .tooltip .tooltip-inner {
    margin-left: -100%;
}
.tooltip.bottom{
    margin-top: 20px;
}
.media-tooltip + .tooltip > .tooltip-arrow {
    top: -15px;
    left: 50%;
    margin-left: -5px;
    border-width: 0 25px 25px;
    border-bottom-color: #fff;
}

.course-type-btn {
    width: 24px;
    height: 25px;
    background: url('../images/icon-expand-plus.png');
    border: 0px;
    margin-left: 20px;
}

.course-type-btn:hover {
    width: 24px;
    height: 25px;
    background: url('../images/icon-collapse-minus.png');
    border: 0px;
    margin-left: 20px;
}

.ma .gly-collapse img {
    vertical-align: text-top;
    padding-left: 0px;
}

@media (min-width: 961px) and (max-width: 1180px) {
    .left-menu {
        padding-left: 10px;
    }
    .main-content-ec {
        padding: 72px 45px 0px 46px;
    }
}

@media(min-width:481px) and (max-width: 960px) {
    hr {
        border-top: 1px solid #d6d7d8;
    }
    hr.inline {
        border-top: 1px solid #d6d7d8;
        margin-bottom: 40px;
    }
    hr.hr-bridge {
        border-top: 1px solid #d6d7d8;
        margin-top: 26px;
        margin-bottom: 15px;
    }
    #english-courses {
        max-width: 1280px;
        margin: 0 auto;
        margin-bottom: 60px;
    }
    p.course {
        font-family: 'MyriadProRegular';
        font-size: 20px;
        line-height: 35px;
        color: #565656;
        padding-left: 15px;
        margin-bottom: 22px;
    }
    /*Banner*/
    #myCarousel .carousel .carousel-inner,
    #myCarousel .carousel-inner .item,
    #myCarousel .carousel-inner .active .item.bg.active {
        height: 450px;
        max-height: 774px;
    }
    
    /*Main-content*/
    .main-content-ec {
        padding-top: 25px;
    }
    .main-content-ec h1 {
        font-family: 'AauxNextMedium';
        font-size: 32px;
        font-weight: bold;
        color: #141414;
        padding-left: 15px;
    }
    .main-content-ec h2 {
        font-family: 'AauxNextMedium';
        font-size: 28px;
        font-weight: bold;
    }
    .main-content-ec h3 {
        font-family: 'MyriadProRegular';
        font-size: 20px;
    }
    /*Module include picture, text, button*/
    .work-option-ec p {
        padding-top: 18px;
        padding-bottom: 10px;
    }
    .work-option-image-ec {
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 20px;
    }
    .work-option-content-ec {
        padding-left: 0px;
        padding-right: 0px;
    }
    .work-option-content-ec button {
        text-decoration: none;
        background: transparent url("../images/bgr-red-btn.png") repeat-x scroll center bottom;
        width: 166px;
        height: 53px;
        color: #fff;
        border: none;
    }
    .work-option-content-ec button:hover {
        text-decoration: none;
        background: transparent url("../images/bgr-red-btn-hover.png") repeat-x scroll center bottom;
        width: 166px;
        height: 53px;
        color: #fff;
        border: none;
    }
    /*Table Daycourse*/
    .day-course {
        background-color: #333e48;
        color: #fff;
        font-size: 22px;
        padding: 12px;
        font-weight: normal;
        border-bottom: 2px solid #FFF;
        font-family: AauxNextMedium;
        padding-left: 24px
    }
    .day-course-1 {
        width: 100%;
        height: 140px;
    }
    .day-course-child {
        font-family: FSLolaLight;
        width: 33.33%;
        float: left;
        background-color: #44c9f6;
        padding: 15px;
        font-size: 1.375em;
        border-right: 2px solid #fff;
        height: 100%;
        color: #141414;
        line-height: 28px;
        padding-left: 25px;
    }
    .day-course-child-three {
        font-family: FSLolaLight;
        float: left;
        background-color: #44c9f6;
        padding: 15px;
        font-size: 1.375em;
        height: 100%;
        color: #141414;
        line-height: 28px;
        width: 33.34%;
        border-right: none;
        padding-left: 25px;
    }
    .day-course-child-dif {
        font-family: FSLolaLight;
        width: 50%;
        float: left;
        background-color: #44c9f6;
        padding: 15px;
        font-size: 1.375em;
        border-right: 2px solid #fff;
        height: 140px;
        ;
        color: #141414;
        line-height: 28px;
        padding-left: 27px;
    }
    .day-course-child-dif-1 {
        font-family: FSLolaLight;
        width: 50%;
        float: left;
        background-color: #44c9f6;
        padding: 15px;
        font-size: 1.375em;
        border-right: none;
        height: 140px;
        color: #141414;
        line-height: 28px;
        padding-left: 27px;
    }
    .day-course-child .h {
        color: #FFF;
        font-size: 1.591em;
        font-family: FSLolaMedium
    }
    .day-course-child-three .h {
        color: #FFF;
        font-size: 1.591em;
        font-family: FSLolaMedium
    }
    .day-course-child-dif .h {
        color: #FFF;
        font-size: 1.591em;
        font-family: FSLolaMedium
    }
    .day-course-child-dif-1 .h {
        color: #FFF;
        font-size: 1.591em;
        font-family: FSLolaMedium
    }
    .clearboth {
        clear: both;
        margin-bottom: 38px;
    }
    .evening-course {
        width: 66.5%;
        background-color: #333e48;
        color: #fff;
        font-size: 22px;
        padding: 11px;
        font-weight: normal;
        border-bottom: 2px solid #FFF;
        font-family: AauxNextMedium;
        padding-left: 24px
    }
    .evening-course-parrent {
        width: 66.5%;
    }
    .evening {
        padding-top: 20px;
    }
    /*Module full main-content*/
    .full-content-ec {
        padding: 0;
        margin-top: -5px;
    }
    .full-content-ec ul {
        padding-top: 20px;
        padding-bottom: 10px;
    }
    .full-content-ec li {
        list-style-image: url("../images/work/tick.png");
        font-family: 'MyriadProRegular';
        font-size: 17px;
    }
    .full-content-ec .semibold {
        font-family: 'MyriadProRegular';
        font-weight: bold;
        font-size: 17px;
    }
    .full-content-ec .text-link {
        font-family: 'MyriadProRegular';
        font-size: 17px;
        color: #00b3e3;
        border-bottom: 1px solid #DADADA;
    }
    .full-content-ec #button2 {
        margin-left: 0px;
    }
    .full-content-ec .button-collapse {
        vertical-align: text-top
    }
    .full-content-ec-1 img {
        max-width: 100%;
        max-height: 252px;
        padding: 0 1px
    }
    .full-content-option-ec {
        background-color: #f1f3f6;
        padding-top: 11px;
        margin-top: 19px;
        padding-left: 18px;
        padding-bottom: 30px;
    }

    .full-content-option-ec .tag-p {
        padding-right: 0px;
        padding-left: 0px;
        font-size: 17px;
        padding-top: 9px;
        line-height: 30px;
        margin-bottom: 10px;
        padding-right: 10px;
    }
    .full-content-option-ec-1 {
        padding: 0px
    }
    .full-content-option-ec-1 .tag-p {
        font-size: 17px;
        padding-left: 0px;
        margin-bottom: 10px;
        padding-top: 21px
    }
    .course-i1 img,
    .course-i2 img {
        width: 100%;
    }
    /*Module divide main-content to 3 small modules*/
    .info-option-ec {
        padding: 16px 26px;
    }
    .info-option-ec1 {
        text-align: center;
        padding: 20px 10px 20px 15px;
    }
    .info-option-ec1 .roller {
        width: 12px;
        margin-left: 2px
    }
    .info-option-ec2 {
        text-align: center;
        padding: 20px 10px 20px 15px;
    }
    .info-option-ec2 .roller {
        width: 12px;
        margin-left: 2px
    }
    .info-option-ec3 {
        text-align: center;
        padding: 20px 10px 20px 15px;
    }
    .info-option-ec3 .roller {
        width: 12px;
        margin-left: 2px
    }
    .info-option-ec4 {
        text-align: center;
        padding: 20px 10px 20px 15px;
    }
    .info-option-ec4 .roller {
        width: 12px;
        margin-left: 2px
    }
    .info-option-ec5 {
        text-align: center;
        padding: 20px 10px 20px 15px;
    }
    .info-option-ec5 .roller {
        width: 12px;
        margin-left: 2px
    }
    .info-option-ec6 {
        text-align: center;
        padding: 20px 10px 20px 15px;
    }
    .info-option-ec6 .roller {
        width: 12px;
        margin-left: 2px
    }
    .info-option-ec7 {
        text-align: center;
        padding: 20px 10px 20px 15px;
    }
    .info-option-ec7 .roller {
        width: 12px;
        margin-left: 2px
    }
    .info-option-ec8 {
        text-align: center;
        padding: 20px 10px 20px 15px;
    }
    .info-option-ec8 .roller {
        width: 12px;
        margin-left: 2px
    }
    .info-option-ec9 {
        text-align: center;
        padding: 20px 10px 20px 15px;
    }
    .info-option-ec9 .roller {
        width: 12px;
        margin-left: 2px
    }
    .info-option-ec10 {
        text-align: center;
        padding: 20px 10px 20px 15px;
    }
    .info-option-ec10 .roller {
        width: 12px;
        margin-left: 2px
    }
    .info-option-ec11 {
        text-align: center;
        padding: 20px 10px 20px 15px;
    }
    .info-option-ec11 .roller {
        width: 12px;
        margin-left: 2px
    }
    .info-option-ec12{
        text-align: center;
        padding: 20px 10px 20px 15px;
    }

    .info-option-ec12 .roller {
        width: 12px;
        margin-left: 2px
    }
    .info-option-ec-extra-1 {
        font-size: 15px;
        text-align: center;
        font-family: 'AauxNextMedium';
        font-weight: bold;
        padding: 7px 1px 0px;
        opacity: 1;
        margin-right: 0px;
    }
    .info-option-ec-extra-1:hover {
        opacity: 1;
    }
    .info-option-ec-extra-1 img:hover {
        color: #000;
    }
    .info-option-ec-extra-1 img {
        max-width: 287px;
        max-height: 199px;
        width: 100%;
        height: 100%;
    }
    .info-option-ec-extra-1 a:hover {
        color: #000;
        text-decoration: none
    }
    .info-option-ec-extra-2 {
        font-size: 15px;
        text-align: center;
        font-family: 'AauxNextMedium';
        font-weight: bold;
        padding: 7px 1px 0px;
        opacity: 1;
        margin-right: 0px;
    }
    .info-option-ec-extra-2:hover {
        opacity: 1;
    }
    .info-option-ec-extra-2 img:hover {
        color: #000;
    }
    .info-option-ec-extra-2 img {
        max-width: 287px;
        max-height: 199px;
        width: 100%;
        height: 100%;
    }
    .info-option-ec-extra-2 a:hover {
        color: #000;
        text-decoration: none
    }
    .info-option-ec-extra-3 {
        font-size: 15px;
        text-align: center;
        font-family: 'AauxNextMedium';
        font-weight: bold;
        padding: 7px 1px 0px;
        opacity: 1;
        margin-right: 0px;
    }
    .info-option-ec-extra-3:hover {
        opacity: 1;
    }
    .info-option-ec-extra-3 img:hover {
        color: #000;
    }
    .info-option-ec-extra-3 img {
        max-width: 287px;
        max-height: 199px;
        width: 100%;
        height: 100%;
    }
    .info-option-ec-extra-3 a:hover {
        color: #000;
        text-decoration: none
    }
    .info-option-icon-ec {
        width: 45px;
        height: 40px;
        float: left;
    }
    .info-option-ec img {
        width: 100%;
        height: 100%;
    }
    .info-option-text-ec{
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }
    .info-option-text-ec1 {
        display: block;
        font-size: 19.9px;
        width: 100%;
        text-align: left;
        font-family: MyriadProRegular;
        padding: 0px;
        line-height: 28px;
    }
    .info-option-text-ec1:hover {
        color: #000;
    }
    .info-option-text-ec2 {
        display: block;
        font-size: 19.9px;
        width: 100%;
        text-align: left;
        font-family: MyriadProRegular;
        padding: 0px;
        line-height: 28px;
    }
    .info-option-text-ec2:hover {
        color: #000;
    }
    .info-option-text-ec3 {
        display: block;
        font-size: 19.9px;
        width: 100%;
        text-align: left;
        font-family: MyriadProRegular;
        padding: 0px;
        line-height: 28px;
    }
    .info-option-text-ec3:hover {
        color: #000;
    }
    .info-option-text-ec4 {
        display: block;
        font-size: 19.9px;
        width: 100%;
        text-align: left;
        font-family: MyriadProRegular;
        padding: 0px;
        line-height: 28px;
    }
    .info-option-text-ec4:hover {
        color: #000;
    }
    .info-option-text-ec5 {
        display: block;
        font-size: 19.9px;
        width: 100%;
        text-align: left;
        font-family: MyriadProRegular;
        padding: 0px;
        line-height: 28px;
    }
    .info-option-text-ec5:hover {
        color: #000;
    }
    .info-option-text-ec6 {
        display: block;
        font-size: 19.9px;
        width: 100%;
        text-align: left;
        font-family: MyriadProRegular;
        padding: 0px;
        line-height: 27px;
    }
    .info-option-text-ec6:hover {
        color: #000;
    }
    .info-option-text-ec7 {
        display: block;
        font-size: 19.9px;
        width: 100%;
        text-align: left;
        font-family: MyriadProRegular;
        padding: 0px;
        line-height: 27px;
    }
    .info-option-text-ec7:hover {
        color: #000;
    }
    .info-option-text-ec8 {
        display: block;
        font-size: 19.9px;
        width: 213px;
        text-align: left;
        font-family: MyriadProRegular;
        padding: 0 30px;
        line-height: 27px;
    }
    .info-option-text-ec8:hover {
        color: #000;
    }
    .info-option-text-en {
        display: block;
        text-align: center;
        background-color: #ffd200;
        font-size: 18px;
        height: 80px;
        font-family: 'MyriadProRegular';
        line-height: 25px;
        padding: 14px 5px 0px 5px;
    }
    .info-option-text-en-1 {
        display: block;
        text-align: center;
        background-color: #ffd200;
        font-size: 18px;
        height: 80px;
        font-family: 'MyriadProRegular';
        padding-top: 30px;
        ;
        ;
    }
    p.br-course {
        margin-bottom: 5px !important;
    }
    [class^="icon-"],
    [class*=" icon-"] {
        display: block;
        width: 48px;
        height: 48px;
        margin-top: 1px;
        *margin-right: .3em;
        line-height: 14px;
        vertical-align: text-top;
        background-position: 14px 14px;
        background-repeat: no-repeat;
    }
    .icon-speaking {
        background-position: -8px -7px;
    }
    .icon-ielts {
        background-position: -8px -149px;
    }
    .icon-remedial {
        background-position: -4px -98px;
    }
    .icon-writing {
        background-position: -57px -100px;
    }
    .icon-business {
        background-position: -58px -3px;
    }
    .icon-suvival {
        background-position: -8px -51px;
    }
    .icon-grammar {
        background-position: -55px -52px;
    }
    .icon-testbuster {
        background-position: -59px -147px;
    }
    .icon-conversation {
        background-position: -106px -5px;
    }
    .icon-pronunciation {
        background-position: -106px -54px;
    }
    .icon-through-video {
        background-position: -106px -99px;
    }
    .icon-global-affairs {
        background-position: -106px -150px;
    }
    .icon-anecdote {
        background-position: -161px -3px;
    }
    .icon-working-in-australia {
        background-position: -212px -153px;
    }
    .icon-australia-studies {
        background-position: -213px -97px;
    }
    .icon-excursions {
        background-position: -211px -51px;
    }
    .icon-independent-studies {
        background-position: -158px -49px;
    }
    .icon-presentations {
        background-position: -216px -4px;
    }
    .icon-exam-skills {
        background-position: -161px -147px;
    }
    .icon-soft-skills {
        background-position: -155px -104px;
    }
    .icon-collapse {
        background-position: -260px 0px;
    }
    .loop-i {
        width: 48px;
        float: left;
    }
    .popover {
        max-width: 100px;
        width: 100px;
    }
    .media-tooltip + .tooltip .tooltip-inner {
        font-size: 15px;
        color: #565656;
        border-width: 1px;
        border-color: #fff;
        border-style: solid;
        background-color: #fff;
        padding: 10px;
        border-radius: 0;
        min-width: 50px;
        font-family: 'MyriadProRegular';
        text-align: left;
        margin-top: 2%;
    }
    .content-extra img{
        width: 100%;

    }
}

@media (max-width: 480px) {
    hr {
        border-top: 1px solid #d6d7d8;
    }
    hr.inline {
        border-top: 1px solid #d6d7d8;
        margin-bottom: 40px;
    }
    hr.hr-bridge {
        border-top: 1px solid #d6d7d8;
        margin-top: 26px;
        margin-bottom: 15px;
    }
    #english-courses {
        max-width: 1280px;
        margin: 0 auto;
        margin-bottom: 60px;
    }
    p.course {
        font-family: 'MyriadProRegular';
        font-size: 20px;
        line-height: 35px;
        color: #565656;
        padding-left: 15px;
        margin-bottom: 22px;
    }
    /*Banner*/
    #myCarousel .carousel .carousel-inner,
    #myCarousel .carousel-inner .item,
    #myCarousel .carousel-inner .active .item.bg.active {
        height: 450px;
        max-height: 774px;
    }
    /*Main-content*/
    .main-content-ec {
        padding-top: 25px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .main-content-ec h1 {
        font-family: 'AauxNextMedium';
        font-size: 30px;
        font-weight: bold;
        color: #141414;
        padding-left: 15px;
    }
    .main-content-ec h2 {
        font-family: 'AauxNextMedium';
        font-size: 28px;
        font-weight: bold;
    }
    .main-content-ec h3 {
        font-family: 'MyriadProRegular';
        font-size: 20px;
    }
    /*Module include picture, text, button*/
    .work-option-ec p {
        padding-top: 18px;
        padding-bottom: 10px;
    }
    .work-option-image-ec {
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 20px;
    }
    .work-option-content-ec {
        padding-left: 0px;
        padding-right: 0px;
    }
    .work-option-content-ec button {
        text-decoration: none;
        background: transparent url("../images/bgr-red-btn.png") repeat-x scroll center bottom;
        width: 166px;
        height: 53px;
        color: #fff;
        border: none;
    }
    .work-option-content-ec button:hover {
        text-decoration: none;
        background: transparent url("../images/bgr-red-btn-hover.png") repeat-x scroll center bottom;
        width: 166px;
        height: 53px;
        color: #fff;
        border: none;
    }
    /*Table Daycourse*/
    .day-course {
        width: 100%;
        background-color: #333e48;
        color: #fff;
        font-size: 20px;
        padding: 12px;
        font-weight: normal;
        border-bottom: 2px solid #FFF;
        font-family: AauxNextMedium;
        padding-left: 24px
    }
    .day-course-1 {
        width: 100%;
        height: auto;
    }
    .day-course-child {
        font-family: FSLolaLight;
        width: 100%;
        background-color: #44c9f6;
        padding: 15px;
        font-size: 22px;
        height: auto;
        color: #141414;
        line-height: 28px;
        padding-left: 10px;
        border-top: 2px solid white;
        border-right: none;
    }
    .day-course-child-three {
        font-family: FSLolaLight;
        background-color: #44c9f6;
        padding: 15px;
        font-size: 22px;
        height: auto;
        color: #141414;
        line-height: 28px;
        width: 100%;
        border-right: none;
        padding-left: 10px;
        border-top: 2px solid white;
    }
    .day-course-child-dif {
        font-family: FSLolaLight;
        background-color: #44c9f6;
        padding: 15px;
        font-size: 1.375em;
        height: auto;
        ;
        color: #141414;
        line-height: 28px;
        padding-left: 10px;
        border-right: none;
    }
    .day-course-child-dif-1 {
        font-family: FSLolaLight;
        background-color: #44c9f6;
        padding: 15px;
        font-size: 1.375em;
        border-right: none;
        height: auto;
        color: #141414;
        line-height: 28px;
        padding-left: 10px;
        border-top: 2px solid #fff;
    }
    .day-course-child .h {
        color: #FFF;
        font-size: 33px;
        font-family: FSLolaMedium;
        float: left;
        text-align: right;
        width: 33%;
        height: 50px;
        padding-right: 10px;
    }
    .day-course-child-three .h {
        color: #FFF;
        font-size: 33px;
        font-family: FSLolaMedium;
        float: left;
        text-align: right;
        width: 33%;
        padding-right: 10px;
    }
    .day-course-child-dif .h {
        color: #FFF;
        font-size: 33px;
        font-family: FSLolaMedium;
        float: left;
        text-align: right;
        width: 33%;
        padding-right: 10px;
    }
    .day-course-child-dif-1 .h {
        float: left;
        text-align: right;
        width: 33%;
        padding-right: 10px;
        height: 50px;
    }
    .clearboth {
        clear: both;
        margin-bottom: 38px;
    }
    .evening-course {
        width: 100%;
        background-color: #333e48;
        color: #fff;
        font-size: 20px;
        padding: 11px;
        font-weight: normal;
        border-bottom: 2px solid #FFF;
        font-family: AauxNextMedium;
        padding-left: 24px
    }
    .evening-course-parrent {
        width: 100%;
    }
    .evening {
        padding-top: 20px;
    }
    /*Module full main-content*/
    .full-content-ec {
        padding: 0;
        margin-top: -5px;
    }
    .full-content-ec ul {
        padding-top: 20px;
        padding-bottom: 10px;
    }
    .full-content-ec li {
        list-style-image: url("../images/work/tick.png");
        font-family: 'MyriadProRegular';
        font-size: 17px;
    }
    .full-content-ec .semibold {
        font-family: 'MyriadProRegular';
        font-weight: bold;
        font-size: 17px;
    }
    .full-content-ec .text-link {
        font-family: 'MyriadProRegular';
        font-size: 17px;
        color: #00b3e3;
        border-bottom: 1px solid #DADADA;
    }
    .full-content-ec #button2 {
        margin-left: 0px;
    }
    .full-content-ec .button-collapse {
        vertical-align: text-top
    }
    .full-content-ec-1 img {
        max-width: 100%;
        max-height: 252px;
        padding: 0 1px
    }
    .full-content-option-ec {
        background-color: #f1f3f6;
        padding-top: 11px;
        margin-top: 19px;
        padding-left: 20px;
        width: 100%;
        max-width: 856px;
        padding-bottom: 30px;
    }
    .full-content-option-ec .tag-p {
        font-size: 15px;
        padding-top: 9px;
        line-height: 30px;
        margin-bottom: 20px;
        padding-right: 10px;
        padding-left: 0px;
    }
    .full-content-option-ec-1 {
        padding: 0px
    }
    .full-content-option-ec-1 .tag-p {
        font-size: 15px;
        padding-left: 0px;
        margin-bottom: 10px;
        padding-top: 21px
    }
    .course-i1 img,
    .course-i2 img {
        width: 100%;
        padding-top: 4px;
    }
    .info-option-text-ec {
      display: block;
      font-size: 19.9px;
      width: 100%;
      text-align: left;
      font-family: MyriadProRegular;
      padding: 0 15px;
      line-height: 28px;
  }
  /*Module divide main-content to 3 small modules*/
.info-option-ec1 {
text-align: center;
padding: 0px 15px;
}
.info-option-ec1 .roller {
    width: 12px;
    margin-left: 2px
}
.info-option-ec2 {
    text-align: center;
    padding: 0px 15px;
}
.info-option-ec2 .roller {
    width: 12px;
    margin-left: 2px
}
.info-option-ec3 {
    text-align: center;
    padding: 0px 15px;
}
.info-option-ec3 .roller {
    width: 12px;
    margin-left: 2px
}
.info-option-ec4 {
    text-align: center;
    padding: 0px 15px;
}
.info-option-ec4 .roller {
    width: 12px;
    margin-left: 2px
}
.info-option-ec5 {
    text-align: center;
    padding: 0px 15px;
}
.info-option-ec5 .roller {
    width: 12px;
    margin-left: 2px
}
.info-option-ec6 {
    text-align: center;
    padding: 0px 15px;
}
.info-option-ec6 .roller {
    width: 12px;
    margin-left: 2px
}
.info-option-ec7 {
    text-align: center;
    padding: 0px 15px;
}
.info-option-ec7 .roller {
    width: 12px;
    margin-left: 2px
}
.info-option-ec8 {
    text-align: center;
    padding: 0px 15px;
}
.info-option-ec8 .roller {
    width: 12px;
    margin-left: 2px
}
.info-option-ec9 {
    text-align: center;
    padding: 0px 15px;
}
.info-option-ec9 .roller {
    width: 12px;
    margin-left: 2px
}
.info-option-ec10 {
    text-align: center;
    padding: 0px 15px;
}
.info-option-ec10 .roller {
    width: 12px;
    margin-left: 2px
}
.info-option-ec11 {
    text-align: center;
    padding:  0px 15px;
}
.info-option-ec11 .roller {
    width: 12px;
    margin-left: 2px
}
.info-option-ec12{
    text-align: center;
    padding: 0px 15px;
}

.info-option-ec12 .roller {
    width: 12px;
    margin-left: 2px
}
.info-option-ec-extra-1 {
    font-size: 15px;
    text-align: center;
    font-family: 'AauxNextMedium';
    font-weight: bold;
    opacity: 1;
    margin-right: 0px;
    height: 80px;
    max-width: 100%;
    padding: 0px;
    margin-bottom: 5px;
}
.info-option-ec-extra-1:hover {
    opacity: 1;
}
.info-option-ec-extra-1 img:hover {
    color: #000;
}
.info-option-ec-extra-1 img {
    max-width: 287px;
    max-height: 199px;
    width: 100%;
    height: 100%;
}
.info-option-ec-extra-1 a:hover {
    color: #000;
    text-decoration: none
}
.info-option-ec-extra-2 {
    font-size: 15px;
    text-align: center;
    font-family: 'AauxNextMedium';
    font-weight: bold;
    padding: 0px 0px 0px;
    opacity: 1;
    margin-right: 0px;
    width: 100%;
    max-width: 100%;
    height: 80px;
    margin-bottom: 5px;
}
.info-option-ec-extra-2:hover {
    opacity: 1;
}
.info-option-ec-extra-2 img:hover {
    color: #000;
}
.info-option-ec-extra-2 img {
    max-width: 277px;
    width: auto;
    height: 100%;
    ;
    float: left;
    margin-right: 17px;
}
.info-option-ec-extra-2 a:hover {
    color: #000;
    text-decoration: none
}
.info-option-ec-extra-3 {
    font-size: 15px;
    text-align: center;
    font-family: 'AauxNextMedium';
    font-weight: bold;
    padding: 0px 0px 0px;
    opacity: 1;
    margin-right: 0px;
    width: 100%;
    max-width: 100%;
    height: 80px;
    margin-bottom: 3px;
}
.info-option-ec-extra-3:hover {
    opacity: 1;
}
.info-option-ec-extra-3 img:hover {
    color: #000;
}
.info-option-ec-extra-3 img {
    max-width: 276px;
    max-height: 200px;
    width: auto;
    height: 80px;
    float: left;
    margin-right: 17px;
    margin-bottom: 10px;
}
.info-option-ec-extra-3 a:hover {
    color: #000;
    text-decoration: none
}
.info-option-icon-ec {
    width: 45px;
    height: 40px;
    float: left;
}
.info-option-ec img {
    width: 100%;
    height: 100%;
}
.info-option-text-ec1 {
    display: block;
    font-size: 17.9px;
    width: 100%;
    text-align: left;
    font-family: MyriadProRegular;
    padding: 0px 0px;
    line-height: 28px;
}
.info-option-text-ec1:hover {
    color: #000;
}
.info-option-text-ec2 {
    display: block;
    font-size: 17.9px;
    width: 100%;
    text-align: left;
    font-family: MyriadProRegular;
    padding: 0 0px;
    line-height: 28px;
}
.info-option-text-ec2:hover {
    color: #000;
}
.info-option-text-ec3 {
    display: block;
    font-size: 17.9px;
    width: 100%;
    text-align: left;
    font-family: MyriadProRegular;
    padding: 0px;
    line-height: 28px;
}
.info-option-text-ec3:hover {
    color: #000;
}
.info-option-text-ec4 {
    display: block;
    font-size: 17.9px;
    width: 100%;
    text-align: left;
    font-family: MyriadProRegular;
    padding: 0px;
    line-height: 28px;
}
.info-option-text-ec4:hover {
    color: #000;
}
.info-option-text-ec5 {
    display: block;
    font-size: 17.9px;
    width: 100%;
    text-align: left;
    font-family: MyriadProRegular;
    padding: 0px;
    line-height: 28px;
}
.info-option-text-ec5:hover {
    color: #000;
}
.info-option-text-ec6 {
    display: block;
    font-size: 17.9px;
    width: 100%;
    text-align: left;
    font-family: MyriadProRegular;
    padding: 0px;
    line-height: 27px;
}
.info-option-text-ec6:hover {
    color: #000;
}
.info-option-text-ec7 {
    display: block;
    font-size: 17.9px;
    width: 100%;
    text-align: left;
    font-family: MyriadProRegular;
    padding: 0px;
    line-height: 27px;
}
.info-option-text-ec7:hover {
    color: #000;
}
.info-option-text-ec8 {
    display: block;
    font-size: 19.9px;
    width: 213px;
    text-align: left;
    font-family: MyriadProRegular;
    padding: 0 30px;
    line-height: 27px;
}
.info-option-text-ec8:hover {
    color: #000;
}
.info-option-text-en {
    display: block;
    text-align: left;
    background-color: #ffd200;
    font-size: 16px;
    height: 80px;
    padding: 0px;
    font-family: 'MyriadProRegular';
    padding-top: 28px;
    line-height: 25px;
    max-width: 100%;
}
.info-option-ec-extra-1 img {
    width: auto;
    float: left;
    margin-right: 17px;
    height: 80px;
}
.info-option-text-en-1 {
    display: block;
    text-align: left;
    background-color: #ffd200;
    font-size: 16px;
    height: 100%;
    font-family: 'MyriadProRegular';
    ;
    padding-top: 19px;
    ;
    max-width: 100%;
    ;
    ;
    padding-top: 29px;
}
p.br-course {
    margin-bottom: 5px !important;
}
[class^="icon-"],
[class*=" icon-"] {
    display: block;
    width: 48px;
    height: 48px;
    margin-top: 1px;
    *margin-right: .3em;
    line-height: 14px;
    vertical-align: text-top;
    background-position: 14px 14px;
    background-repeat: no-repeat;
}
.icon-speaking {
    background-position: -8px -7px;
}
.loop-i {
    width: 48px;
    float: left;
}
.popover {
    max-width: 100px;
    width: 100px;
}
.media-tooltip + .tooltip .tooltip-inner {
    font-size: 15px;
    color: #565656;
    border-width: 1px;
    border-color: #fff;
    border-style: solid;
    background-color: #fff;
    padding: 10px;
    border-radius: 0;
    min-width: 50px;
    font-family: 'MyriadProRegular';
    text-align: left;
    margin-top: 2%;
}
.content-extra img{
    width: 100%;

}
}
@media (min-width:481px) and (max-width: 600px){
    .info-option-ec1 {
        text-align: center;
        padding: 10px 15px;
        width: 100%
    }
    .info-option-ec2 {
        text-align: center;
        padding: 10px 15px;
        width: 100%
    }
    .info-option-ec3 {
        text-align: center;
        padding: 10px 15px;
        width: 100%
    }
    .info-option-ec4 {
        text-align: center;
        padding: 10px 15px;
        width: 100%

    }
    .info-option-ec5 {
        text-align: center;
        padding: 10px 15px;
        width: 100%
    }
    .info-option-ec6 {
        text-align: center;
        padding: 10px 15px;
        width: 100%
    }
    .info-option-ec7 {
        text-align: center;
        padding: 10px 15px;
        width: 100%
    }
    .info-option-ec8 {
        text-align: center;
        padding: 10px 15px;
        width: 100%
    }
    .info-option-ec9 {
        text-align: center;
        padding: 10px 15px;
        width: 100%
    }
    .info-option-ec10 {
        text-align: center;
        padding: 10px 15px;
        width: 100%
    }
    .info-option-ec11 {
        text-align: center;
        padding:  10px 15px;
        width: 100%
    }
    .info-option-ec12{
        text-align: center;
        padding: 18px 27px;
        width: 100%
    }
}
@media (min-width: 600px) and (max-width: 750px){
    .loop-i {
      width: 48px;
      float: left;
      height: 85px;
  }
  .info-option-ec1 {
    text-align: center;
    padding: 10px 0px;
}
.info-option-ec2 {
    text-align: center;
    padding: 10px 0px;
}
.info-option-ec3 {
    text-align: center;
    padding: 10px 0px;
}
.info-option-ec4 {
    text-align: center;
    padding: 10px 0px;

}
.info-option-ec5 {
    text-align: center;
    padding: 10px 0px;
}
.info-option-ec6 {
    text-align: center;
    padding: 10px 0px;
}
.info-option-ec7 {
    text-align: center;
    padding: 10px 0px;
}
.info-option-ec8 {
    text-align: center;
    padding: 10px 0px;
}
.info-option-ec9 {
    text-align: center;
    padding: 10px 0px;
}
.info-option-ec10 {
    text-align: center;
    padding: 10px 0px;
}
.info-option-ec11 {
    text-align: center;
    padding:  10px 0px;
}
.info-option-ec12{
    text-align: center;
    padding: 10px 0px;
}
}
@media (min-width: 961px) and (max-width: 1180px) {
    .course-i1 img {
        width: 100%;
    }
    .course-i2 img {
        width: 100%;
    }
    .evening {
        padding-top: 10px;
    }
    .info-option-text-en {
        padding-top: 15px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .info-option-text-ec {
        padding: 0;
        margin: 0 auto;
        width: 100%;
    }
    .content-extra img{
        width: 100%;

    }
}
@media (min-width:320px) and (max-width:480px){
#other-course-and-service .owl-carousel .owl-stage { min-width:2828px !important;}
.main-content-ec p{line-height:24px;}
.full-content-ec .ma {font-family: 'AauxNextRegular';font-weight: bold;letter-spacing: -1px;padding-right: 15px;width: 100%;}
.accordion-heading .course_title {width: 75%; display: inline-block;line-height: normal;font-size: 20px;}
.accordion-heading .accordion-toggle {position: absolute;margin-left: 15px !important;margin-top: 5px;}
}
@media (max-width:330px){
.info-option-ec-extra-2 .info-option-text-en,
.info-option-ec-extra-5 .info-option-text-en{padding-top: 18px;}
}
@media (max-width:960px){.accommodation-block-picture img{width:100%} }