@media (min-width:1100px){.modal-lg{max-width:1000px}}@media only screen and (max-width:1300px){div.jp-video{width:50%}}@media only screen and (max-width:1300px){#main-content div.jp-video{width:55%}}@media only screen and (max-width:1080px){.body-not-auth header{padding-bottom:20px}.body-not-auth header .search-login-wrap{margin:0 0 20px}header{padding:15px 0 0}header .logo{margin-left:0;margin-top:0;text-align:center}header .logo a{margin:0 auto}header .logo.logo-left a{margin:0 0 0 30px;width:110px}header .search-login-wrap{margin:0 0 20px}header .search-login-wrap .frm-search-top{margin:0 0 0 40px}header .search-login-wrap .wrap-icon-notifications{margin:0}header .search-login-wrap .wrap-icon-notifications .ul-icon-notifications #ul-list-messages:before{left:auto;right:5px}header .search-login-wrap .wrap-icon-notifications .wrap-list-messages{left:auto;right:0}header .search-login-wrap .menu-user li:first-child{display:none}header .search-login-wrap .menu-login li{margin:0 5px 0 0;padding:0 5px 0 0}header .main-nav-wrap .main-nav{margin:0}header .main-nav-wrap .main-nav:after{display:none}header .main-nav-wrap .main-nav.no-menu{padding:0}header .main-nav-wrap .main-nav .col-title{padding:0 0 0 20px}header .main-nav-wrap .main-nav .col-menu a{color:#b8d734}header .main-nav-wrap .main-nav .frm-search-list button{background:url(images/icon-search.png) 50% no-repeat}header .main-nav-wrap .main-nav .frm-search-list .input-search{background:#f1f1f1;padding:5px}.public-page header .main-nav-wrap .main-nav{position:absolute;z-index:899;width:200px;left:0;transition:transform .5s;transform:translateX(-200px)}.public-page header .main-nav-wrap .main-nav.active{transform:translateX(0)}.public-page header .main-nav-wrap .main-nav #toggle-admin-menu{display:inline-block;text-align:center;color:#fff;background:#7fc5d3;width:85px;height:42px;right:-85px;line-height:42px}.public-page header .main-nav-wrap .main-nav #toggle-admin-menu i{display:none}.public-page header .main-nav-wrap .main-nav li.has-child>a{cursor:default;background:#008ca7}.public-page header .main-nav-wrap .main-nav li.has-child>a.active,.public-page header .main-nav-wrap .main-nav li.has-child>a:hover{background:#008ca7}.public-page header .main-nav-wrap .main-nav li a{color:#fff;display:block;padding:10px;background:#7fc5d3;border-bottom:1px solid #fff}.public-page header .main-nav-wrap .main-nav li a.active,.public-page header .main-nav-wrap .main-nav li a:hover{background:#b8d734}.public-page header .main-nav-wrap .main-nav li a i{font-size:11px}.public-page header .main-nav-wrap .main-nav li ul{list-style:none;margin:0;padding:0}.public-page header .main-nav-wrap .main-nav li ul li a{padding:10px 10px 10px 20px;background:#7fc5d3}.public-page header .main-nav-wrap .main-nav li ul li a.active,.public-page header .main-nav-wrap .main-nav li ul li a:hover{background:#b8d734}.public-page header .wrap-icon-notifications .wrap-list-messages{width:190px}.public-page header .main-nav-wrap .main-nav{position:fixed;top:0;width:320px;bottom:0;background:#b8d734!important;transform:translateX(-320px);height:auto;line-height:100%}.public-page header .main-nav-wrap .main-nav>ul{overflow:hidden;position:absolute;top:0;left:0;right:0;bottom:0;z-index:9000}.public-page header .main-nav-wrap .main-nav>ul li{display:block;margin:0}.public-page header .main-nav-wrap .main-nav>ul li a{display:block;border-bottom:1px solid #ddf479!important;border-top:1px solid #98b51f!important;font-weight:700;letter-spacing:1px;color:#fff;text-transform:uppercase;text-shadow:0 1px 1px rgba(0,0,0,.5);padding:15px 25px;font-size:14px;background:transparent}.public-page header .main-nav-wrap .main-nav>ul li a.active,.public-page header .main-nav-wrap .main-nav>ul li a:hover{background:#7fc5d3}.public-page header .main-nav-wrap .main-nav>ul:after{content:" ";display:block;position:absolute;right:-15px;top:0;bottom:0;height:100%;width:15px;background:0 0;-ms-box-shadow:0 0 15px rgba(0,0,0,.8);-o-box-shadow:0 0 15px rgba(0,0,0,.8);box-shadow:0 0 15px rgba(0,0,0,.8);z-index:10000}.public-page header .main-nav-wrap .main-nav #toggle-admin-menu{top:30px;right:-40px;display:block;width:auto;height:auto;background:transparent;color:#b8d734;position:absolute;font-size:14px}.public-page header .main-nav-wrap .main-nav #toggle-admin-menu.public-page-menu{top:15px}.public-page header .main-nav-wrap .main-nav #toggle-admin-menu span{display:none}.public-page header .main-nav-wrap .main-nav #toggle-admin-menu i{display:block;font-size:25px}.public-page header .main-nav-wrap .main-nav #toggle-admin-menu i.fa-times{display:none}.public-page header .main-nav-wrap .main-nav #toggle-admin-menu.active{top:75px}.public-page header .main-nav-wrap .main-nav #toggle-admin-menu.active i{display:none}.public-page header .main-nav-wrap .main-nav #toggle-admin-menu.active i.fa-times{display:block}#main-content{margin:30px 0 0;height:auto!important}#main-content .admin-nav{position:fixed;top:0;width:320px;bottom:0;background:#b8d734!important;transform:translateX(-320px)}#main-content .admin-nav #navbarText{overflow:hidden;position:absolute;top:0;left:0;right:0;bottom:0;z-index:9000}#main-content .admin-nav #navbarText:after{content:" ";display:block;position:absolute;right:-15px;top:0;bottom:0;height:100%;width:15px;background:0 0;-ms-box-shadow:0 0 15px rgba(0,0,0,.8);-o-box-shadow:0 0 15px rgba(0,0,0,.8);box-shadow:0 0 15px rgba(0,0,0,.8);z-index:10000}#main-content .admin-nav #toggle-admin-menu{top:30px;right:-34px;display:block;width:auto;height:auto;background:transparent;color:#b8d734}#main-content .admin-nav #toggle-admin-menu span{display:none}#main-content .admin-nav #toggle-admin-menu i{display:block;font-size:22px}#main-content .admin-nav #toggle-admin-menu i.fa-times{display:none}#main-content .admin-nav #toggle-admin-menu.public-page-menu{top:15px}#main-content .admin-nav #toggle-admin-menu.active{top:75px}#main-content .admin-nav #toggle-admin-menu.active i{display:none}#main-content .admin-nav #toggle-admin-menu.active i.fa-times{display:block}#main-content .admin-nav .sidebar-nav li a{display:block;border-bottom:1px solid #ddf479!important;border-top:1px solid #98b51f!important;font-weight:700;letter-spacing:1px;color:#fff;text-transform:uppercase;text-shadow:0 1px 1px rgba(0,0,0,.5);padding:15px 25px;font-size:14px;background:transparent}#main-content .admin-nav .sidebar-nav li a.active,#main-content .admin-nav .sidebar-nav li a:hover{background:#7fc5d3}#main-content #menu-in-page{display:block}#main-content .wrap-item-dashboard-public .item-dashboard.bg-gray{height:auto!important}#main-content #btn-join-classroom-fake{margin:20px 0 0}#main-content .wrap-steps{width:70%}#main-content .wrap-steps .block-wrap-step{float:none}#main-content .wrap-steps .block-wrap-step .block-step .wrap-item-step .item-step{margin:0 6px 6px 0}#main-content #tbl-list-words .col-activity{display:none}#main-content .wrap-action-word{top:6px}#main-content .section-learned-words .table-striped .btn-secondary{margin:0 0 5px}#main-content .wrap-current-steps .item-step{font-size:10px;padding:0;margin:0 16px 10px 0}#main-content .wrap-current-steps .item-step:after{border-width:13px 0 13px 16px;right:-16px}#main-content .wrap-current-steps .item-step .inner{padding:2px}#main-content .wrap-notice-word{margin:20px 0 0}#main-content .nav-library .col-sm-4{margin-bottom:20px}#main-content #public-worksheets .row-word .btn-down-pdf{font-size:8px}#main-content .item-reader{margin:10px 0}#main-content #tbl-list-words thead tr{font-size:11px;font-weight:400}#main-content .section-learned-words .table-striped td a{font-size:11px;padding:3px}#main-content #public-readers .list-sound-companion{margin:30px 0 0}#main-content #tbl-list-words,#main-content .section-learned-words .table-striped tbody tr .name-course,#main-content .tbl-list-words{font-size:13px}#main-content #public-worksheets .row-word .word-text{font-size:15px}#main-content #public-worksheets .row-word .btn-down-pdf{font-size:11px}#main-content #public-worksheets .row-word .row-no-margin{margin:0}#main-content #public-worksheets .row-word .row-no-margin .col-6{padding:0 5px 0 0}#main-content #public-worksheets .row-word .row-no-margin .col-6:last-child{padding:0 0 0 5px}#main-content .content-video-quiz .list-answer-video-quiz li .wrap-li-quiz .col-audio{width:20%}#main-content .content-video-quiz .list-answer-video-quiz li .wrap-li-quiz .col-text{width:80%}#main-content #left-area{width:auto;padding:0 0 50px;font-size:18px;line-height:1.6em}.body-not-found #main-content:before{display:none}footer .logo a{margin:0 auto}footer .main-content-footer .footer-nav-wrap .main-nav ul li{display:block;text-align:center;margin:15px 0}footer .main-content-footer .bottom-footer img{position:relative;top:10px}}@media only screen and (max-width:800px){.body-orange #main-content{top:0}#main-content .jp-video .jp-progress,.modal-video-footer .jp-video .jp-progress{right:140px}#main-content .jp-video .jp-interface .jp-controls .jp-mute,#main-content .jp-video .jp-interface .jp-controls .jp-unmute,.modal-video-footer .jp-video .jp-interface .jp-controls .jp-mute,.modal-video-footer .jp-video .jp-interface .jp-controls .jp-unmute{right:95px}#main-content .jp-video .jp-interface .jp-controls .duration-time,.modal-video-footer .jp-video .jp-interface .jp-controls .duration-time{display:none}#main-content .jp-video .jp-interface .jp-toggles .jp-full-screen,#main-content .jp-video .jp-interface .jp-toggles .jp-restore-screen,.modal-video-footer .jp-video .jp-interface .jp-toggles .jp-full-screen,.modal-video-footer .jp-video .jp-interface .jp-toggles .jp-restore-screen{right:1px}#main-content .jp-video .jp-volume-bar,.modal-video-footer .jp-video .jp-volume-bar{right:45px}}@media only screen and (max-width:500px){header .search-login-wrap .frm-search-top .txt-search-top{font-size:12px;padding:0 0 3px}header .search-login-wrap .menu-login li a{font-size:12px}.public-page header .main-nav-wrap .main-nav{width:260px;transform:translateX(-260px)}#main-content .admin-nav{width:260px;transform:translateX(-260px)}#main-content .wrap-sub-menu-register .link-register{margin:0 0 10px}#main-content .frm-register-user .col-tooltip{text-align:left!important}#main-content .frm-register-user .tooltip-code{margin:10px 0 0}#main-content .section-learned-words .table-striped .col-status{display:none}#main-content .content-video-quiz .list-answer-video-quiz li .wrap-li-quiz .col-audio{width:25%}#main-content .content-video-quiz .list-answer-video-quiz li .wrap-li-quiz .col-text{width:75%}#main-content .btn{font-size:12px!important}}