@media only screen and (max-width: 1120px) {
    .Wrapper, body, html {
        min-width: 100%;
    }

    .Wrapper{
        max-width: 1024px;
        margin: 0 auto;
    }

    .slick-next.slick-arrow {
        right: 0;
    }

    .slick-arrow {
        left: 0;
    }

    .mega-menu .sub-menu {
        width: 700px;
    }

    .header-acount a, .home-menu li > a {
        padding: 0 10px;
    }

    .footer-content, .header-content, .wrapper-content {
        max-width: 1024px;
        padding: 0 10px;
    }

    .select-group.chose-cate {
        width: 260px;
        max-width: 260px;
    }

    #chose-cate {
        max-width: 260px;
        width: 260px;
    }
    .select-group.chose-course {
        max-width: 180px;
        width: 180px;
    }

    #chose-course {
        max-width: 180px;
        width: 180px;
    }

    .filter-step1 {
        width: 275px;
    }

    .filter-step2 {
        width: 260px;
    }

    .filter-step3 {
        width: 240px;
    }

    .fs-arrow:before {
        right: -30px;
    }

}
@media only screen and (max-width: 1024px) {
	.section {
		padding: 15px 1px !important;
	}
	.container{
		width:99%;	
	}
	.h-box-cap1 .h-item-grade .h-info-grade .h-title-subject {
		font-size: 22px !important;
	}
	.h-box-cap1 .h-item-grade .h-info-grade .h-title-intro {
		font-size: 18px !important;
	}
	.tieude-cap h2 {
		font-size: 30px !important;
	}
	#anis{
		margin-top: 10px !important;
	}	
	.pdl0 {		
		padding-left: 0px !important;
	}
	.pdr0 {		
		padding-right: 0px !important;
	}
	.mrl0 {		
		margin-left: 0px !important;
	}
	.mrr0 {		
		margin-right: 0px !important;
	}
	
}

@media only screen and (max-width: 992px) {

    .Wrapper, body, html {
        min-width: 100%;
    }

    .Wrapper{
        max-width: 99%;
    }

    body.slide-right {
        -webkit-transform: translate(235px, 0);
        -ms-transform: translate(235px, 0);
        -o-transform: translate(235px, 0);
        transform: translate(235px, 0);
        -webkit-transition: -webkit-transform 0.6s;
        transition: transform 0.6s;
    }

    body {
        overflow-x: hidden;
        -webkit-transition: -webkit-transform 0.6s;
        transition: transform 0.6s;
        position: static;
    }

    .footer-content, .header-content, .wrapper-content {
        padding: 0;
    }

    .top-menu {
        display: block;
        top: 0;
        bottom: 0;
        border-radius: 0;
        box-shadow: none;
        margin-left: 0;
        position: fixed;
        position: absolute\0/;
        left: 0;
        left: -10px\0/;
        -webkit-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
        -o-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
        width: 235px;
        border-right: 1px solid #A7A7A7;
        margin-top: 0;
        text-align: left;
    }

    .nav-header {
        position: relative;
    }

    .search-course .search {
        position: absolute;
        width: 100%;
        z-index: 1000;
        top: calc(100% - 2px);
        left: 0;
        right: 0;
        background-color: #2970b8;
        font-size: 16px;
        padding: 22px 0 20px;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    }

    .search-course .search-content {
        display: block;
        width: 90%;
        margin: 0 auto;
    }

    .search-course .search-input {
        color: #333;
        margin: auto;
        height: 35px;
        float: left;
        padding: 0;
        border: none;
        text-indent: 20px;
        border-bottom-left-radius: 10px;
        border-top-left-radius: 10px;
        min-width: 75%;
    }

    .search-course .search-submit {
        min-width: 55px;
        width: 25%;
        max-width: 100px;
        height: 35px;
        margin: auto;
        float: left;
        border: none;
        border-radius: 0px;
        background: #f57900;
        border-bottom-right-radius: 10px;
        border-top-right-radius: 10px;
    }

    .menu-pie a, .search-course a, .mobile-account a {
        color: #ffffff;
    }

    .search-course {
        display: block;
        float: left;
        color: #ffffff;
    }

    .mobile-account {
        display: block;
        float: right;
        color: #ffffff;
    }

    .mobile-account .account-icon {
        display: block;
        float: right;
        font-size: 20px;
        color: #ffffff;
    }

    .mobile-account .account-icon a {
        display: block;
        margin-top: 15px;
        margin-right: 15px;
        margin-left: 35px;
    }

    .header-acount {
        display: none;
    }

    .account-menu {
        position: absolute;
        top: 100%;
        left: auto;
        right: 5px;
        z-index: 1001;
        display: none;
        float: left;
        min-width: 170px;
        max-width: 240px;
        padding: 5px 0;
        margin: 2px 0 0;
        list-style: none;
        font-size: 15px;
        text-align: left;
        background-color: #fff;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 4px;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        background-clip: padding-box;
    }

    .header-acount-one a {
        color: #363636;
        display: block;
        font-size: 15px;
        line-height: 20px;
        padding: 6px 6px 6px 10px;
        height: auto;
        font-weight: 500;
    }

    .header-acount-one a i {
        margin-right: 10px;
    }

    .account-menu:before {
        content: '';
        width: 8px;
        height: 8px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        background: #fff;
        top: 0px;
        right: 10px;
        box-shadow: -1px -1px rgba(0, 0, 0, 0.15);
        z-index: -1;
        margin-top: -4px;
    }
	.container{
		width:100% !important;
	}
    .header-left {
        float: none;
        padding: 0 8px;
        margin: 0 auto;
        max-width:100%;
    }
	.tieude-cap{
		margin-right: 8px !important;
		margin-left: 8px !important;
	}
	.slider-khoahoc{
		margin:0 auto;
		width:99% !important;
	}
	#main-bottom{
		margin:0 auto;
		width:99% !important;	
	}
    .header-content {
        margin-top: 10px;
    }

    .header-right-content {
        display: none;
    }

    .header-left-content {
        margin: 0;
    }

    .slide-learn {
        display: none;
    }

    .header-search {
        display: none;
    }

    .filter {
        display: none;
    }

    .home-menu {
        float: none;
        text-align: left;
        padding-top: 10px;
    }

    .header-acount {
        float: none;
    }

    .header-acount li, .home-menu li {
        float: none;
        padding-bottom: 0;
    }

    .icon-login, .icon-register {
        display: none;
    }

    .top-menu-title {
        display: block;
        background: #e0e0e0 none repeat scroll 0 0;
        color: #5c5c5c;
        font-size: 15px;
        margin: 0;
        padding: 6px 6px 6px 30px;
        font-weight: bold;
    }

    .header-acount li a, .home-menu li a, .sub-menu .sub-home-menu li a {
        background: #fff none repeat scroll 0 0;
        color: #363636;
        display: block;
        font-size: 15px;
        line-height: 20px;
        padding: 6px 6px 6px 20px;
        height: auto;
        font-weight: 500;
    }

    .sub-home-menu {
        position: relative;
        min-width: 200px;
        left: 0;
        display: none;
        margin: 0;
        background-color: #ebeaea;
        visibility: visible;
        opacity: 1;
    }

    .header-acount li:hover>a span.caret, .home-menu li:hover>a span.caret, .header-acount li:focus>a span.caret, .home-menu li:focus>a span.caret {
        color: #ffffff;
    }

    .home-menu span.caret {
        float: right;
        position: relative;
        top: 1px;
        display: inline-block;
        border: none;
        margin-right: 4px;
        height: auto;
        width: auto;
        margin-top: 2px;
        color: #5F5F5F;
        font: normal normal normal 12px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .header-acount a {
        font-weight: normal;
    }


    .home-menu span.caret:before {
        content: "\f054";
    }

    .home-menu span.caret.opened:before {
        content: "\f078";
    }

    #sp_sup_menu_course a.active, .header-acount li:hover>a, .home-menu li:hover>a {
        background: #2970b8;
    }

    #sp_sup_menu_course .mega-menu {
        background: #ebeaea;
    }

    #sp_sup_menu_course .mega-menu a.active, .sub-menu .sub-home-menu li a.active, .sub-menu .sub-home-menu li:focus a {
        background-color: #009fd5;
        color: #ffffff;
    }

    #sp_sup_menu_course .mega-menu a, .sub-menu .sub-home-menu li a {
        text-transform: none;
        background: #ebeaea;
    }

    #sp_sup_menu_course .mega-menu > li > a.active > i, #sp_sup_menu_course .mega-menu > li:hover > a i {
        color: #ffffff;
    }

    #sp_sup_menu_course .mega-menu > li:hover > a {
        background-color: #009fd5;
        color: #ffffff;
    }

    #sp_sup_menu_course .mega-menu > li > a i:first-child {
        display: none;
    }

    #sp_sup_menu_course .mega-menu .sub-menu {
        position: relative;
        width: auto;
        left: auto;
        padding: 20px 20px;
    }

    #sp_sup_menu_course .mega-menu .sub-menu > .menu-column > .menu-title,#sp_sup_menu_course .mega-menu .sub-menu > .menu-list > .menu-title {
        display: none;
    }

    #sp_sup_menu_course .mega-menu .menu-column .menu-col {
        width: 100%;
    }

    #sp_sup_menu_course .mega-menu .sub-menu > .menu-list > ul a, #sp_sup_menu_course .mega-menu .sub-menu .menu-col ul a, #sp_sup_menu_course .mega-menu .sub-menu .menu-col a {
        background-color: rgba(255,255,255,0.2);
        border: 1px solid rgba(255,255,255,0.4);
        color: #fff;
        padding: 7px 8px;
        border-radius: 5px;
    }

    .mega-menu .menu-col > .menu-column > .menu-title, .mega-menu .menu-col > .menu-list > .menu-title {
        font-size: 17px;
    }

    .account-menu a.user-info {
        border-bottom: 1px solid #ccc;
    }

    .account-menu .account-list {
        margin: 10px 0 0;

    }

    .slick-arrow {
        left: 0px;
    }

    .slick-next.slick-arrow {
        right: 0px;
    }

    .nav-header {
        text-align: center;
        background-color: #2970b8;
		z-index:10;
    }

    .site-logo {
        width: 45px;
        float: none;
        margin-top: 5px;
        display: inline-block;
    }

    .logo {
        background: transparent url("logo-white.png") no-repeat scroll 0 0;
        width: 45px;
        height: 42px;
        background-size: 100%;
    }

    .nav-header-right {
        width: auto;
        margin-left: 0;
        float: left;
    }

    .nav-header-menu {
        margin-left: 0;
    }

    .hot-notif {
        display: none;
    }

    .menu-pie {
        display: block;
        float: right;
        margin-top: 15px;
        margin-bottom: 10px;
        margin-left: 15px;
        margin-right: 15px;
        font-size: 20px;
        color: #ffffff;
    }

    .section {
        padding: 0px 4px;
		width:100%;
    }

    .footer-content {
        padding-left: 20px;
        padding-right: 20px;
    }

    .panel_social {
        display: block;
        margin: 0px auto;
        padding: 30px 0 50px;
        text-align: center;
    }

    .panel_social a {
        display: inline-block;
        width: 40px;
        height: 40px;
        padding: 4px;
        border-radius: 5px;
        background-color: #ffffff;
        margin: 0 10px;
    }

    .main-wrapper, .main-bottom {
        max-width: 100%;
        margin: 0 auto;
    }

    .box-section {
        width: 100%;
    }

    #banner-hm {
        display: none !important;
    }
    .fix-col-2-footer{
        margin-left: 0;
    }
	
	
	
	
	.tieude-cap h2{
		font-size:18px !important;
	}
	.tieude-cap h2{
		font-size:18px !important;
	}
	.pdl0 {		
		padding-left: 0px !important;
	}
	.pdr0 {		
		padding-left: 0px !important;
	}
	
	.gia{
		font-size:12px !important;
	}
	.col-10 {
    -ms-flex: 0 0 70.333333% !important;
    flex: 0 0 70.333333% !important;
    max-width: 70.333333% !important;
	}
	.col-2 {
    -ms-flex: 0 0 29.666667% !important;
    flex: 0 0 29.666667% !important;
    max-width: 29.666667% !important;
	}
	.xemtoanbo-khoahoc {
		font-size: 12px !important;
		font-weight: 500 !important;
		padding: 5px 15px;
		border: 1px solid #ff6609 !important;
		border-radius: 30px;
		margin-top: 5px !important;
		margin-bottom:5px !important;
	}
	.h-box-cap1 .h-item-grade{
		width: 49% !important;
		max-height:95px !important;
		margin-left:4px !important;
		margin-right:3px !important;
	}
	
	.h-box-cap1 .h-item-grade .grade, .h-box-cap1 .h-item-grade .grade1, .h-box-cap1 .h-item-grade .grade2, .h-box-cap1 .h-item-grade .grade3, .h-box-cap1 .h-item-grade .grade4, .h-box-cap1 .h-item-grade .grade5, .h-box-cap1 .h-item-grade .grade6, .h-box-cap1 .h-item-grade .grade7, .h-box-cap1 .h-item-grade .grade8 {
		width: 24% !important;
		background-size: contain;
		 background-position: left center;
		max-height:93px; 
	}
	.h-box-cap1 .h-item-grade .h-info-grade {
		margin-top: 2px !important;
		width: 72% !important;
		font-size: 14px !important;
		line-height: 20px !important;
	}
	.h-box-cap1 .h-item-grade .h-info-grade .h-title-subject {
		font-family: RobotoCondensed-Regular;
		font-size: 14px !important;
		color: #4b4b4b;
		margin-left: 10px !important;
		position: relative;
		font-weight: 600 !important;
	}
	.h-box-cap1 .h-item-grade .h-info-grade .h-title-intro{
		font-size: 12px !important;
		margin-left: 10px !important;
	}
	
	.top-head-cloud11, .top-head-cloud1, .top-head-cloud2{
		opacity:0.2;
	}
	
	.tenkhoahoc{
		font-weight: 550 !important;
		font-size: 13px !important;
		padding:0 8px !important;
		height: 35px !important;
	}
	.khoahoc-giaovien{
		padding:0 8px !important;		
		margin-bottom:0px;
		height:auto !important;
		max-height:35px !important;
		min-height:25px;
	}
	.makhoahoc{
		padding-left:8px !important;
	}
	#anis{
		margin-bottom: 0px !important;
		padding-bottom:0px !important;
	}
	
	
	
}


@media only screen and (max-width: 768px){
    .Wrapper, body, html {
        min-width: 100%;
    }

    .Wrapper{
        max-width: 750px;
    }
	.top-head-cloud1{
		display:none;
	}

    .grid_sub_menu_course {
        display: none !important;
    }

    .box-section {
        width: 100%;
    }
    .footer-right .footer-block.col2,.footer-right .footer-block.col5 {
        width: 100%;
        border-bottom: 1px solid #d8d8d8;
        margin-bottom: 20px;
    }
    .click-plus{
        display: block;
    }
    .col2 {
        width: 100%;
    }
    .rp-footer{
        display: none;
    }
    .hide-rp-title-footer{
        display: none;
    }
    .col-md-6{
        width: 100%;
    }
    .like-facebook{
        display: none !important;
    }
	.tieude-cap h2{
		font-size:18px !important;
	}
	.tieude-cap h2{
		font-size:18px !important;
	}
	.pdl0 {		
		padding-left: 0px !important;
	}
	.pdr0 {		
		padding-left: 0px !important;
	}
	.mrl0 {		
		margin-left: 0px !important;
	}
	.mrr0 {		
		margin-right: 0px !important;
	}
	.gia{
		font-size:12px !important;
	}
	.col-10 {
    -ms-flex: 0 0 70.333333% !important;
    flex: 0 0 70.333333% !important;
    max-width: 70.333333% !important;
	}
	.col-2 {
    -ms-flex: 0 0 29.666667% !important;
    flex: 0 0 29.666667% !important;
    max-width: 29.666667% !important;
	}
	.xemtoanbo-khoahoc {
		font-size: 12px !important;
		font-weight: 500 !important;
		padding: 5px 15px;
		border: 1px solid #ff6609 !important;
		border-radius: 30px;
		margin-top: 5px !important;
		margin-bottom:5px !important;
	}
	.h-box-cap1 .h-item-grade{
		width: 100% !important;
		max-height:120px !important;
		margin-left:0px !important;
		margin-right:0px !important;
	}
	
	.h-box-cap1 .h-item-grade .grade, .h-box-cap1 .h-item-grade .grade1, .h-box-cap1 .h-item-grade .grade2, .h-box-cap1 .h-item-grade .grade3, .h-box-cap1 .h-item-grade .grade4, .h-box-cap1 .h-item-grade .grade5, .h-box-cap1 .h-item-grade .grade6, .h-box-cap1 .h-item-grade .grade7, .h-box-cap1 .h-item-grade .grade8 {
		width: 20% !important;
		background-size: contain;
		 background-position: left center;
		max-height:118px; 
	}
	.h-box-cap1 .h-item-grade .h-info-grade {
		display: inline-block;
		margin-top: 8px !important;
		text-align: left;
		width: 79% !important;
	}
	.h-box-cap1 .h-item-grade .h-info-grade .h-title-subject {
		font-family: RobotoCondensed-Regular;
		font-size: 20px !important;
		color: #4b4b4b;
		margin-left: 10px !important;
		position: relative;
		font-weight: 600 !important;
	}
	.h-box-cap1 .h-item-grade .h-info-grade .h-title-intro{
		font-size: 18px !important;
		margin-left: 10px !important;
	}
	
	.top-head-cloud11, .top-head-cloud1, .top-head-cloud2{
		opacity:0.2;
		display:none;
	}
	
	.tenkhoahoc{
		font-weight: 550 !important;
		font-size: 13px !important;
		padding:0 8px !important;
		height: 35px !important;
	}
	.khoahoc-giaovien{
		padding:0 8px !important;
		line-height:19px;
		margin-bottom:8px;
	}
	.makhoahoc{
		padding-left:8px !important;
	}
}

@media only screen and (max-width: 480px){
	
    .tieude-cap h2{
		font-size:18px !important;
	}
	.pdl0 {		
		padding-left: 0px !important;
	}
	.pdr0 {		
		padding-left: 0px !important;
	}
	.mrl0 {		
		margin-left: 0px !important;
	}
	.mrr0 {		
		margin-right: 0px !important;
	}
	.gia{
		font-size:12px !important;
	}
	.col-10 {
    -ms-flex: 0 0 70.333333% !important;
    flex: 0 0 70.333333% !important;
    max-width: 70.333333% !important;
	}
	.col-2 {
    -ms-flex: 0 0 29.666667% !important;
    flex: 0 0 29.666667% !important;
    max-width: 29.666667% !important;
	}
	.xemtoanbo-khoahoc {
		font-size: 12px !important;
		font-weight: 500 !important;
		padding: 5px 15px;
		border: 1px solid #ff6609 !important;
		border-radius: 30px;
		margin-top: 5px !important;
		margin-bottom:5px !important;
	}
	.h-box-cap1 .h-item-grade{
		width: 100% !important;
		max-height:94px !important;
		margin-left:0px !important;
		margin-right:0px !important;
	}
	
	.h-box-cap1 .h-item-grade .grade, .h-box-cap1 .h-item-grade .grade1, .h-box-cap1 .h-item-grade .grade2, .h-box-cap1 .h-item-grade .grade3, .h-box-cap1 .h-item-grade .grade4, .h-box-cap1 .h-item-grade .grade5, .h-box-cap1 .h-item-grade .grade6, .h-box-cap1 .h-item-grade .grade7, .h-box-cap1 .h-item-grade .grade8 {
		width: 26% !important;
		background-size: contain;
		background-position: left center;
		max-height:91px; 
	}
	.h-box-cap1 .h-item-grade .h-info-grade {
		display: inline-block;
		margin-top: 8px !important;
		text-align: left;
		width: 73% !important;
	}
	.h-box-cap1 .h-item-grade .h-info-grade .h-title-subject {
		font-family: RobotoCondensed-Regular;
		font-size: 13px !important;
		color: #4b4b4b;
		margin-left: 10px !important;
		position: relative;
		font-weight: 600 !important;
	}
	.h-box-cap1 .h-item-grade .h-info-grade .h-title-intro{
		font-size: 13px !important;
		margin-left: 10px !important;
	}
	
	.top-head-cloud11, .top-head-cloud1, .top-head-cloud2{
		opacity:0.2;
	}
	
	.tenkhoahoc{
		font-weight: 550 !important;
		font-size: 13px !important;
		padding:0 8px !important;
		height: 35px !important;
	}
	.khoahoc-giaovien{
		padding:0 8px !important;
		line-height:19px;
		margin-bottom:8px;
	}
	.makhoahoc{
		padding-left:8px !important;
	}
}

@media only screen and (max-width: 479px) {
	body, html{
		background:#fff;	
	}
	.row-mr10{
		margin-left:10px;
		margin-right:10px;
	}
	.tieude-cap h2{
		font-size:18px !important;
	}
	.pdl0 {		
		padding-left: 0px !important;
	}
	.pdr0 {		
		padding-left: 0px !important;
	}
	.mrl0 {		
		margin-left: 0px !important;
	}
	.mrr0 {		
		margin-right: 0px !important;
	}
	.gia{
		font-size:12px !important;
	}
	.col-10 {
    -ms-flex: 0 0 70.333333% !important;
    flex: 0 0 70.333333% !important;
    max-width: 70.333333% !important;
	}
	.col-2 {
    -ms-flex: 0 0 29.666667% !important;
    flex: 0 0 29.666667% !important;
    max-width: 29.666667% !important;
	}
	.xemtoanbo-khoahoc {
		font-size: 12px !important;
		font-weight: 500 !important;
		padding: 5px 15px;
		border: 1px solid #ff6609 !important;
		border-radius: 30px;
		margin-top: 5px !important;
		margin-bottom:5px !important;
	}
	.h-box-cap1 .h-item-grade{
		width: 100% !important;
		max-height:94px !important;
		margin-left:0px !important;
		margin-right:0px !important;
		overflow:hidden;
	}
	
	.h-box-cap1 .h-item-grade .grade, .h-box-cap1 .h-item-grade .grade1, .h-box-cap1 .h-item-grade .grade2, .h-box-cap1 .h-item-grade .grade3, .h-box-cap1 .h-item-grade .grade4, .h-box-cap1 .h-item-grade .grade5, .h-box-cap1 .h-item-grade .grade6, .h-box-cap1 .h-item-grade .grade7, .h-box-cap1 .h-item-grade .grade8 {
		width: 26% !important;
		background-size: contain;
		 background-position: left center;
		max-height:92px; 
	}
	.h-box-cap1 .h-item-grade .h-info-grade {
		display: inline-block;
		margin-top: 0px !important;
		text-align: left;
		width: 73% !important;
	}
	.h-box-cap1 .h-item-grade .h-info-grade .h-title-subject {
		font-family: RobotoCondensed-Regular;
		font-size: 13px !important;
		color: #4b4b4b;
		margin-left: 10px !important;
		position: relative;
		font-weight: 600 !important;
	}
	.h-box-cap1 .h-item-grade .h-info-grade .h-title-intro{
		font-size: 13px !important;
		margin-left: 10px !important;
	}
	
	.top-head-cloud11, .top-head-cloud1, .top-head-cloud2{
		opacity:0.2;
	}
	
	.tenkhoahoc{
		font-weight: 550 !important;
		font-size: 13px !important;
		padding:0 8px !important;
		height: 35px !important;
	}
	.khoahoc-giaovien{
		padding:0 8px !important;
		line-height:19px;
		margin-bottom:8px;
	}
	.makhoahoc{
		padding-left:8px !important;
	}
	
    .Wrapper, body, html {
        min-width: 100%;
    }

    .Header {
        padding-bottom: 24px;
    }

    .section-head-name a {
        margin-bottom: 15px;
        font-size: 14px;
    }

    .section-content .section .section-head-name .shn-bt {
        font-size: 18px;
        line-height: 20px;
    }

    .section-head-name a:first-child {
        display: block;
    }

    .section-content .section .section-head-name .shn-bt-wr {
        margin: 0 5px 0 0;
    }

    .section-content .section .section-head-name div {
        width: 100%;
        padding: 6px 12px;
        display: block;
        line-height: 20px;
    }

    .header-left {
        max-width: 400px;
        width: 100%;
    }

    .slide-banner .item {
        max-height: 200px;
        min-height: 120px;
    }

    .slide-banner img {
       height: auto;
       width: 100%;
    }

    .slide-banner .item .bxslider-one h3 {
        font-size: 20px;
    }

    .slide-banner .item .bxslider-one p {
        font-size: 14px;
    }

    .banner-carousel-indicators {
        bottom: -40px;
        left: 50%;
        right: auto;
        margin-left: -30%;
        width: 60%;
    }

    .banner-carousel-indicators > li.active {
        border: 1px solid rgba(0,0,0,0.3);
    }

    .banner-carousel-indicators > li {
        border: 1px solid rgba(0,0,0,0.3);
        line-height: 12px;
    }

    .slick-arrow {
        left: -5px;
    }

    .slick-next.slick-arrow {
        right: -5px;
    }

    .table-content table td:first-child {
        max-width: 100px;
    }
    .table-content{
        height: auto;
    }
    .share-listen-content-wr{
        height: auto;
    }
    .share-listen-user div{
        padding-left: 0;
    }
    .share-listen-user .avatar{
        margin: 0 auto;
        display: block;
        float: none;
    }
    .footer-des-new-right{
        margin-top: 0;
    }
	
	
}