/* customize bootstrap container  */
@media (min-width: 768px) and (max-width: 1200px) {.container {
        width: 100% !important;
        max-width: 100%;
        padding: 0 5%;
    }

    section.container {
        padding-top: 60px;
    }  
}@media screen and (min-width:1920px){.banner{max-height:1080px}}@media screen and (max-width:992px){#content{margin-top:-3rem}.heading-title{font-size:2rem}#header{transform:translateY(-1px);position:fixed}.header-container{height:6rem}.header-navigation__label{position:absolute;top:-1.2rem;right:1rem;width:2rem;height:3rem;cursor:pointer;z-index:4;display:block;color:#fff}.header-navigation__label span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2.5rem;height:2px;background-color:#fff;display:block}.header-navigation__label span::before,.header-navigation__label span::after{content:"";position:absolute;right:0;width:2.5rem;height:2px;background-color:#fff;transition:all .2s}.header-navigation__label span::after{width:2rem;top:-.7rem}.header-navigation__label span::before{width:2rem;top:.7rem}.header-logo{position:absolute;left:10%;top:35%}.header-logo__image{position:absolute;left:0;top:0;width:9rem;height:3rem}.header-navbar{justify-content:start;flex-direction:column}.header-navigation__background{display:block}.header-navigation__list{display:flex;flex-direction:column}.header-navigation{position:fixed;top:7rem;right:0;opacity:0;transition:all .4s cubic-bezier(.01,1.76,.14,.73) .2s;background-color:transparent;transform:translateX(100%);overflow:hidden;width:70vw;display:block}.header-navigation__item{font-size:1rem;margin-bottom:1rem;padding:.4rem 0;width:100%;height:100%;border-radius:0}.header-signin{display:flex;align-items:center}.header-navigation__input:checked ~ .header-navigation__background {width:70vw}.header-navigation__input:checked ~ .header-navigation {transform:translateX(0);opacity:1}.header-signup__btn{margin-right:0;margin-top:6px}.header__btn{margin-top:1.5rem;width:10rem}.banner{background:url(../img/banner-background.png) no-repeat 50% 100%;height:calc(40rem - 100px)}.banner-content{margin-top:3rem;width:100%}.banner-content__title{font-size:24px;margin-bottom:28px}.banner-content__title::after{content:'';position:absolute;top:2rem;left:0;width:10rem;height:6rem;border:solid 7px;border-color:var(--primary-color) transparent transparent transparent;border-radius: 50% 50% 0 50%/20px;transform:rotate(-3deg)}.banner-content__subtitle{font-size:16px;margin-bottom:28px;line-height:1.8}.banner-content__description{font-size:14px}.information{padding:38px 10px;transform:unset;margin-bottom:16px}.information-item__icon{width:42px;height:42px;margin-left:0}.information-item__title{font-size:.75rem}.information-item__description{font-size:.875rem}.topicsSection-content{width:100%}.purchaseSidebar{width:100%;margin:32px 0;padding:0;min-width:100%;position:relative!important;top:unset}.sidebar-advance{position:relative;top:unset}.purchaseSidebar-badge{margin-top:16px}.purchaseSidebar-title{text-align:center}.purchaseSidebar .registed-box img{width:200px!important}.purchaseSidebar .registed-box p{font-size:14px}.purchase-heading::after{top:1.4rem;left:0;width:7rem;height:7rem;border:solid 6px;border-color:var(--primary-color) transparent transparent transparent;border-radius: 50% 50% 0 50%/10px;transform:rotate(-3deg)}.subject-item{width:100%;flex-direction:column;align-items:center}.subject-item__title,.subject-item__description{font-size:.875rem}.subject-item__subtitle{font-size:1rem}.endOfCourse-item{width:100%}.endOfCourse-item__text{font-size:1rem}.teachersItem-img{margin-bottom:32px}.owl-next,.owl-prev{display:none!important}.newsletter{padding:2rem 1.5rem}.newsletter-left{margin-top:1rem;width:100%}.purchase{padding:12px}.purchase-seal{width:60px;top:-32px}.purchase-info{padding:16px 8px;display:flex;flex-direction:column-reverse;padding-top:3rem}.purchase-heading{font-size:1rem}.price-item__text{font-size:1rem}.purchase-info__listItem{font-size:14px;margin:8px 0}.purchase-button{align-self:center;margin-top:32px}.faq-accordion__item{font-size:1rem}.detail .item{margin-left:1rem}.studentsCommnet-item{height:350px}.studentsCommnet-item__img{padding-top:26px}.advance .aboutCourse-image{margin-top:unset}}@media screen and (max-width:768px){.sidebar-advance{max-height:950px!important}.section{padding-top:0}.banner-content__title{font-size:20px}.banner-item__number{font-size:20px}.banner-item__title{font-size:12px;font-weight:500}.banner-item__icon{margin-left:10px}.price-after-discount{font-size:28px}.footer-section__title{font-size:.875rem;margin-top:24px}.footer-contact__text,.footer-link__item{font-size:.75rem}.footer-socialMedia__image{height:auto;width:40px}.studentsCommnet-item{height:360px!important}.advance.banner{min-height:600px;background: url(../img/header-bg-mobile.png) no-repeat 100% 100%/cover}.advance .faq-button{height:6rem}}@media screen and (max-width:428px){.sidebar-advance .purchaseSidebar-title{width:unset;font-size:1.1rem}.advance.banner-iconContainer{margin-left:10px}.heading-subtitle{margin-bottom:16px!important}.header-navigation__input:checked ~ .header-navigation__background {width:101vw}.header-navigation__input:checked ~ .header-navigation {width:100vw}.header-navigation__label span{width:1.6rem}.header-navigation{transition:opacity .4s ease-in .2s}.header-navigation__label span::before,.header-navigation__label span::after{width:2.2rem;height:2px}.header-navigation__label span::after{top:-.6rem}.header-navigation__label span::before{top:.6rem}.header-logo{left:1.4rem}.banner-content__title::after{display:none}.faq-button{font-size:.875rem!important;padding:20px}.newsletter-left__button{padding:10px 16px!important;font-size:10px!important}.newsletter-left__input::placeholder{font-size:12px}.price-after-discount{font-size:24px!important}#successModal .modal-dialog,#failModal .modal-dialog{max-width:300px!important;margin:0 auto;margin-top:3rem}.modal__image img{max-width:200px!important;padding:0 2rem!important}.advance.banner{min-height:700px;background: url(../img/header-bg-mobile.png) no-repeat 100% 100%/cover}.purchase-heading::after{display:none}.purchase-info{padding-top:1rem}.gift-item__text{font-size:.9rem}#advance .chatbox{right:2rem;width:80%;box-shadow:0 0 10px 1px rgba(0,0,0,.3)}#advance .chatbox-icon{box-shadow:none}}@media (min-width:992px) and (max-width:1150px){.header-navigation__item{font-size:12px}.subject-item__details{position:absolute;left:0;font-size:12px}.subject-item__subtitle{font-size:16px}.advance .aboutCourse-image{margin-right:2rem}}