body{
    padding: 0px;
    background: #fff;
    font-family: iciel;
    color: #000000;
}

.home-content-top{
        background: #263F4C;
    padding-top: 50px;
}
.home-content-top h1{
        color: #fff;
    margin: 0 auto;
    font-family: bebasneue;
    font-size: 53px;
    max-width: 860px;
    line-height: 1.2;
    padding: 0px 15px;
    text-align: center;
}
.home-content-top h1 span{
    color: #FF4B4B;
}
.home-book{
    position: relative;
    background: #263F4C;
}

.home-book-content{
    position: relative;
    max-width: 1120px;
    margin: 0px auto;
    padding: 30px 15px 80px;
}
.home-book-content .left{
        width: 53%;
    float: left;
}
.home-book-content .right{
    width: 47%;
    float: left;
    padding-left: 15px;
}
.home-book-content .right img{
    width: 100%;
}
.home-book-content h2{
        font-family: bebasneue;
    font-size: 32px;
    max-width: 610px;
    color: #FFFFFF;
}
.home-book-content h2 span{
    color: #FF4B4B;
}
.home-book-content ul{
        margin-top: 30px;
    display: block;
    background: rgb(255 255 255 / 14%);
    max-width: 700px;
    border-radius: 15px;
    padding: 20px 20px;
}
.home-book-content ul li{
    font-family: 'icielbold';
    list-style: none;
    margin: 0 0 13px;
    position: relative;
    font-size: 16px;
    color: #fff;
    padding-left: 40px;
}
.home-book-content ul li svg{
    position: absolute;
    left: 0px;
    top: 2px;
}
.home-book-content ul li strong{
    color: #FFC800;
}
.home-book-content .content{
    margin-top: 20px;
    max-width: 580px;
    color: #FFFFFF;
    font-size: 16px;
    font-family: 'icielmedium';
}
.home-book-content .content p{
    font-size: 18px;
    margin-bottom: 10px;
}
.home-book-content .content p strong{
    font-weight: 400;
    font-family: 'icielbold';
}
.rule-form{
        margin-top: 20px;
    max-width: 580px;
}
.rule-form .form-email{
        height: 53px;
    margin-top: 15px;
    color: #263F4C;
    font-size: 16px;
    border-radius: 10px;
}
.rule-form button{
        display: block;
    height: 63px;
    background: #00A2AC;
    text-align: center;
    line-height: 63px;
    font-family: bebasneue;
    font-size: 22px;
    text-decoration: none;
    color: #fff;
    border-radius: 10px;
    width: 100%;
    margin-top: 13px;
    border: 0;
}
.rule-form button svg{
    margin-right: 10px;
}
.rule-form p{
        margin-top: 10px;
    color: rgb(255 255 255 / 68%);
    font-size: 12px;
}


.home-teacher{
    background: #F1F6FA;
}
.home-teacher .home-teacher-content{
    position: relative;
    max-width: 1160px;
    margin: 0px auto;
    padding: 45px 25px 45px;
}
.home-teacher .left{
    width: 34%;
    float: left;
}
.home-teacher .left img{
    width: 100%;
}
.home-teacher .right{
    width: 66%;
    float: left;
    padding-left: 80px;
    padding-top: 30px;
}
.home-teacher .right h2{
    font-family: 'bebasneue';
    color: #263F4C;
    font-size: 53px;
    max-width: 600px;
    line-height: 1.3;
}
.home-teacher .right h2 span{
    color: #FF4B4B;
}
.home-teacher .right p{
    font-size: 20px;
    margin-top: 25px;
    margin-bottom: 0;
}
.home-teacher .right p strong{
    font-weight: 400;
    font-family: 'icielbold';
}
.home-feature-image{
    background: #F1F6FA;
    padding: 0px 25px 40px;
}
.home-feature-image .img-home-feature{
    max-width: 1160px;
    display: block;
    width: 100%;
    margin: 0px auto;
}
.home-feature-image .img-home-feature-mobile{
    max-width: 400px;
    display: none;
    width: 100%;
    margin: 0px auto;
}




.home-about{
    background: #fff;
}
.home-about .home-about-content{
    position: relative;
    max-width: 1160px;
    margin: 0px auto;
    padding: 60px 25px 60px;
}

.home-about h2{
    margin: 0;
    font-size: 53px;
    color: #263F4C;
    font-family: 'bebasneue';
    text-align: center;
    line-height: 1.2;
}
.home-about h2 span{
    display: block;
    color: #FF4B4B;
}
.home-about .btn-buy-vip{
        display: block;
    height: 67px;
    background: #FFC800;
    text-align: center;
    line-height: 67px;
    font-family: bebasneue;
    font-size: 22px;
    text-decoration: none;
    color: #000000;
    max-width: 420px;
    border-radius: 10px;
    margin: 40px auto 0;
}



@media(max-width: 991px){
    
    .home-book-bg{
        display: none;
    }
    .img-home-book{
        display: block;
        width: 100%;
    }
    .home-book-content{
        padding: 25px 20px 0px;
    }
    .home-book-content h2{
        font-size: 35px;
    }
    .home-book-content ul {
        margin-top: 20px;
    }
    .home-book-content ul li{
        font-size: 15px;
        margin-bottom: 7px;
    }
    .home-book-content .content p {
        font-size: 15px;
    }
    .home-teacher .home-teacher-content{
        padding: 25px;
    }
    .home-teacher .left{
        width: 100%;
        float: none;
        max-width: 400px;
        margin: 0px auto;
    }
    .home-teacher .right{
        width: 100%;
        float: none;
        padding: 20px 0px 0px;
    }
    .home-teacher .right h2{
        font-size: 35px;
    }
    .home-teacher .right p{
        font-size: 15px;
        margin-top: 10px;
    }
    .home-program-content{
        padding: 25px;
    }
    .home-program h2{
        font-size: 35px;
    }
    .home-program .left{
        float: none;
        width: 100%;
        padding: 0;
    }
    .home-program .left .item{
        margin-top: 20px;
        padding: 20px;
    }
    .home-program .left .item h3{
        font-size: 15px;
        line-height: 1.2;
    }
    .home-program .left .item p{
        font-size: 13px;
    }
    .home-program .right{
        width: 100%;
        float: none;
    }
    .home-method .home-method-content{
        padding: 30px 25px;
    }
    .home-method h2{
        font-size: 30px;
        line-height: 1.2;
    }
    .home-method h4{
        font-size: 15px;
    }
    .home-method p{
        font-size: 13px;
    }
    .home-method a{
        margin-top: 30px;
    }
    .book-lesson .book-lesson-content{
        padding-top: 30px;
    }
    .book-lesson-content .book-lesson-left h2{
        font-size: 30px;
        line-height: 1.2;
    }
    .book-lesson-content .book-lesson-left .lesson-item{
        width: 100%;
        float: none;
        padding: 0;
    }
    .book-lesson-content .book-lesson-left p::before{
        top: 5px;
    }
    .other-course .other-course-content{
        padding: 10px 0px 30px;
    }
    .other-course h3{
        font-size: 30px;
        line-height: 1.2;
    }
    .pricing-package .package-content{
        padding: 35px 0px 0px;
    }
    .pricing-package h2{
        font-size: 35px;
        line-height: 1.2;
    }
    .pricing-package h6{
        font-size: 18px;
    }
    .package-content-item {
        margin-top: 30px;
    }
    .pricing-package .package-item{
        margin-left: 0;
    }
    .pricing-package .package-item.item-12 {
        margin-left: 0;
    }
    
    .package-course .package-course-content{
        padding-top: 35px;
        padding-bottom: 35px;
    }
    .package-course .right{
        width: 100%;
        float: none;
        padding: 0;
        max-width: 500px;
        margin: 0 auto;
    }
    .package-course .left{
        width: 100%;
        float: none;
        padding-top: 30px;
    }
    .package-course .left h5{
        font-size: 14px;
    }
    .package-course .left h4{
        font-size: 30px;
        margin-top: 20px;
    }
    .package-course .left h4 i{
        font-size: 25px;
    }
    .package-course .left h6{
        font-size: 14px;
        line-height: 1.2;
    }
    .package-course .left .courses-title{
        font-size: 25px;
    }
    .package-course .left .course-title{
        font-size: 14px;
    }
    .package-course .left .btn-upgrade{
        font-size: 20px;
    }
    .package-course .left .description{
        font-size: 14px;
    }
    .home-faq .home-faq-content{
        padding: 35px 25px;
    }
    .home-faq h2{
        font-size: 30px;
    }
    .home-faq h6{
        font-size: 18px;
        margin-top: 5px;
    }
    .home-faq .faq-content{
        margin-top: 20px;
    }
    .home-faq .faq-content .faq-title{
        font-size: 18px;
        line-height: 1.2;
    }
    .home-faq .faq-content .faq-description{
        font-size: 15px;
    }
    .home-about .home-about-content{
        padding: 35px 25px 35px;
    }
    .home-about .right{
        display: none;
    }
    .home-about .left{
        width: 100%;
        float: none;
        padding: 0;
    }
    .home-about .left h3{
        font-size: 30px;
    }
    .home-about .left iframe{
        display: block;
        width: 100%;
        height: 450px;
        margin-top: 15px;
    }
    .home-about .left .content{
        margin-top: 20px;
    }
    .home-about .left p{
        font-size: 14px;
    }
    .home-about h2{
        margin-top: 30px;
        font-size: 30px;
    }
    .home-about .btn-buy-vip{
        margin-top: 30px;
    }
    .home-study .home-study-content{
        padding: 30px 25px;
    }
    .home-study h2{
        text-align: center;
        font-size: 30px;
    }
    .home-study .study-content{
        margin: 0px;
    }
    .home-study .study-item{
        width: 100%;
        float: none;
        padding: 25px 0px 0px;
    }
    .home-study .study-item .left{
        float: none;
        margin: 0px auto;
    }
    .home-study .study-item .right{
        width: 100%;
        float: none;
        padding: 15px 0px 0px;
        text-align: center;
    }
    .home-study .study-item .right h4{
        font-size: 16px;
    }
    .home-study .study-item .right p{
        font-size: 14px;
        margin-top: 8px;
    }
    .home-feature-image .img-home-feature{
        display: none;
    }
    .home-feature-image .img-home-feature-mobile{
        display: block;
    }
    .home-footer .home-footer-content .item-1{
        width: 100%;
        float: none;
        text-align: center;
    }
    .home-footer .home-footer-content .item-2{
        width: 100%;
        float: none;
        text-align: center;
    }
    .home-footer .home-footer-content .item-3{
        width: 100%;
        float: none;
        text-align: center;
    }
    .home-footer .home-footer-content{
        padding: 30px 25px 25px;
    }
   
}

 @media(max-width: 767px){
     
     
    .home-content-top{
         padding-top: 40px;
    }
    .home-content-top h1{
        font-size: 35px;
    }
    .home-content-top h1 span{
        display: block;
    }
    
    .home-top-content .right iframe{
        height: 250px;
        border-radius: 12px;
    }
    .home-about .left iframe{
        height: 250px;
    }
    .home-book-content .left{
        width: 100%;
        float: none;
    }
    .home-book-content h2{
        font-size: 20px;
    }
    .home-book-content ul{
        width: calc(100% + 40px);
        margin-left: -20px;
        border-radius: 0;
    }
    .home-book-content ul li {
        font-size: 14px;
        margin-bottom: 15px;
    }
    .home-book-content .content{
        font-size: 14px;
    }
    .home-book-content .right{
        width: calc(100% + 40px);
        float: none;
        padding: 0;
        margin-left: -20px;
    }
    
    .book-promotion {
        padding: 40px 15px 35px;
    }
    .book-promotion h2{
        font-size: 35px;
        line-height: 1.2;
    }
    .book-promotion h3{
        font-size: 20px;
    }
    .book-promotion .promotion-msg{
        font-size: 16px;
    }
    .book-promotion p.time-countdown{
        font-size: 16px;
    }
    .book-promotion .ee-item{
        width: 60px;
        height: 80px;
    }
    .book-promotion .ee-number{
        font-size: 25px;
        margin-top: 10px;
        margin-bottom: 0;
        line-height: 30px;
    }
    .book-promotion .ee-text{
        font-size: 14px;
    }
    .book-promotion-countdown{
        width: 100%;
        max-width: 280px;
    }
    .book-promotion .view-detail{
            margin-top: 40px;
    }
    
    .package-trial h3{
        font-size: 28px;
    }
    .package-trial p{
        font-size: 14px;
    }
    .package-trial .package-trial-content{
        padding-top: 35px;
        padding-bottom: 35px;
    }
    .pricing-package .owl-carousel .owl-stage{
        min-width: 1140px;
    }
}