@media only screen and (max-width: 1000px) {
	.dont-show-tablet{
		display:none !important;
	}
	.show-tablet{
		display:block !important;
	}
    /*
	.home-menu > li{
		width:50%;	
	}
    */
    article.video.row .course{
        width: 100%;
    }
    article.video.row .content{
        width: 100%;
    }
	/* div.new-classroom article.video.row.list .content ul.items li ul{
		display: inline-flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		position: relative;
	} */
	/* article.video.row.list .content div.new-classroom ul.items.history li ul{
		display: inline-flex;
		justify-content: center;
	} */
	.navbar a.toggle {
		right:15px;
	}
	
	/* NEW LAYOUT */
	.fixed-header > section article nav.home{
		width:90%;
		margin: 0;
	}
	.fixed-header .navbar a.toggle{
		left:auto;
		right:10px;
		padding-top:7px;
	}
	.fixed-header > section article nav.home .categories-list{
		padding:0;
	}
	section article.course .content-article .more .courses-list .item, .courses-list .item {
		width: 100%;
		margin: 0 0 15px 0;
	}
	section article nav.home .categories-list ul li a {
		font-size:9px !important;		
		line-height:16px;
		padding-left:5px;
		padding-right:5px;
	}
	section article nav.home .categories-list ul li.active a {
		font-size:9px !important;
	}
	section article nav.home .categories-list ul li a:hover{
		font-size:9px !important;
	}
	section article nav.home .categories-list ul li a i{
		display:block;
		text-indent:0;
		padding:0;
		margin:0;
		line-height:16px;
		font-size:16px;
	}
	/* .home .categories-list ul li a {
		
	} */
	
	body.black .navbar .header-phone ul li a {
		background-color: #111;
	}
	.navbar .header-phone ul li a {
		width: 100% !important;
		border: none !important;
		padding: 0 !important;
		line-height: 60px;
		height: 60px;
		text-align: left;
		position: relative;
		-webkit-transform: skew(0deg);
		-ms-transform: skew(0deg);
		transform: skew(0deg);
	}
	.navbar .header-phone ul li {
		display: block;
		position: relative;
		min-height: 50px;
		max-height: 320px;
		overflow: hidden;
		height: auto;
		width: 100%;
		border-right: 0 !important;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		padding: 0;
	}
	.navbar .header-phone ul li a i {
		display: inline-block;
		width: 60px;
		position: absolute;
		top: 0;
		left: 0;
	}
	.navbar .header-phone ul li a span {
		padding: 0 30px 0 50px !important;
		transform: skew(0deg);
	}
	
	.navbar .header-phone ul{
		left:auto;
		right:0;
	}
	.navbar .header-phone ul li {
		min-height:44px !important;
	}
	.navbar .header-phone ul li a {
		height: 44px !important;
		line-height: 44px !important;
	}
	
	.home .categories-list ul li a i {
		font-size: 16px;
		width: 100%;
		margin: 0;
		padding: 0;
		line-height: 16px;
	}
	.home .categories-list ul li a {
		text-align: center;
		font-size: 9px;
		line-height:14px;
		padding:10px 0 5px 0;
		max-height:52px;
		overflow:hidden;
		border-bottom-width:3px;
	}
	.home .categories-list ul li {
		width: 33.3% !important;
		float: left;
		display: block;
		margin: 0;
		padding: 0;
	}
	
	.row {
		padding-left: 15px;
		padding-right: 15px;
	}
	footer .modules{
		padding-top:4px;
		padding-bottom:15px;
	}
	footer h2 {
		width:100%;
		float: none;
		display: block;
		transform: none;
		padding: 10px 0 0 0;
		margin: 0;
		background: none;
		box-shadow: none;
		text-align:center;
		border:none;
	}
	footer h2 img {
		transform:none;
		display:inline-block;
	}
	footer .menu .items{
		border:none;
	}
	footer .menu a {
		display:none;
	}
	footer .social ul{
		width:100%;
		text-align:center;
		height:52px;
		margin-top:10px;
	}
	footer .social ul li{
		float:none;
		display:inline-block;
	}
	footer .social ul li a{
		padding: 0 15px 0 14px;
		font-size:9px;
		height:52px;
	}
	footer .social ul li a{
		border-radius:var(--radius3) 0 0 var(--radius3);
	}
	footer .social ul li:last-child a{
		border-right:0;
		border-radius:0 var(--radius3) var(--radius3) 0;
	}
	footer .social ul li a i {
		line-height: 20px;
		font-size: 16px;
	}
	footer .menu.sub ul{
		float:none;
		width:100%;
		margin:0 0 15px 0;
		padding:0;
	}
	
	footer .menu.sub ul li a,
	footer .contact span {
		font-size:12px;
		line-height:16px;
		padding:10px 10px 10px 0;
	}
	footer .contact span {
		padding:5px 0;
	}
	footer .contact span i ,
	footer .menu.sub ul li a i {
		margin-right:-2px;
	}
	footer h4,
	footer .social h4{
		font-size:12px;
		text-align:left;
		margin-top:5px;
		margin:0;
		padding-bottom:8px;
	}
	footer .copyright p {
		line-height: 16px;
		padding: 10px 5px;
		font-size:8px;
	}
	
	footer h2 img{
		height:44px;
		width:auto;
	}
	
	.home .banner-mini {
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom:30px;
	}
	.home .banner-mini .item {
		width: 100% !important;
		margin:0 !important;
		position:static !important;
		height:auto !important;
	}
	.home .banner-mini .item div.content{
		height:auto;
	}
	.home .banner-mini .item.type-0 div.content::before, .home .banner-mini .item.type-0 div.content::after,
	.home .banner-mini .item.type-1::before, .home .banner-mini .item.type-2::before{
		display:none;
	}
	.home .banner-mini .item.type-0 div.content .text {
		padding:0;
	}
	.home .banner-mini .item div.content .text h2,
	.home .banner-mini .item.type-0 div.content .text .list{
		width:100% !important;
		margin-bottom:8px;
	}
	.home .banner-mini .item.type-0 div.content .text .list{
		margin:8px 0;
		padding:5px 10px 10px 10px !important;
	}
	.home .banner-mini .item.type-1 div.content {
		margin: 0;
	}
	.home .banner-mini .item div.content .text .video {
		height: 200px;
	}
	
	.fixed-header .navbar .header-phone ul {
		top: 53px;
	}
	
	.home .banner-feature{
		height: 400px;
	}
	
	section article nav.home .categories-list ul li.large.active a,
	section article nav.home .categories-list ul li.large a,
	section article nav.home .categories-list ul li.large a:hover {
		font-size: 9px !important;
	}
	section article nav.home .categories-list ul li {
		width:2% !important;
	}
	section article nav.home .categories-list ul li.large {
		max-width:150px;
	}
	section article.course .items-about .menu li span {
		border-radius:var(--radius3) var(--radius3) 0 0;
	}
	section article nav.home .categories-list {
		padding:0 15px;
	}
	section article nav.home .categories-list ul {
		table-layout:fixed;
	}
	
	section .new-layout .content-article .full .content{
		padding-left:15px;
		padding-right:15px;
	}
	
	section .new-layout.course .content-article .full.main .image {
		width:100%;
		display:block;
		float:none;
		text-align:center;
		margin:0;
		background-color:#060606;
		padding-top:15px;
		height:315px;
	}
	section .new-layout.course .content-article .full.main .image img {
		width: auto;
	}
	section .new-layout .content-article .full .content.courses-list {
		margin:0 !important;
	}
	section .new-layout .content-article .full .content.courses-list .item{
		box-shadow:none;
	}
	section article.course .items-about .items {
		margin-left: 0 !important;
		float:none;
	}
	section article.course .items-about .menu {
		float:none;
		width:100%;
		display:table;
		margin:0;
	}
	section article.course .items-about .menu li{
		float:none;
		width:auto;
		display:table-cell;
		text-align:center;
	}
	section article.course .items-about .menu li span i {
		float:none;
		display:block;
		margin:0;
		padding:0;
		text-align:center;
		width:100%;
		line-height:20px;
		font-size:16px;
	}
	section article.course .items-about .menu li span::before {
		display:none;
	}
	section article.course .items-about .menu li.active span{
		font-size:9px;
	}
	section article.course .items-about .menu li span {
		font-size:9px;
		padding:5px 0 7px 0;
		line-height:10px;
		height:38px;
		overflow:hidden;
	}
	section article.course .items-about .items {
		padding:20px !important;
	}
	
	section article#login .row .box {
		float:none;
		width:100%;
		border:none !important;
		margin-bottom:0;
		padding:15px 0;
	}
	
	section article#login .row .box:last-child {
		border:none !important;
		border-top: 2px solid #DDD !important;
	}
	body.black section article#login .row .box:last-child {
		border-top-color: #333 !important;
	}
	
	section article.course .main .courses-list .item .content .time,
	section article.course .main .courses-list .item .content .duration {
		width:50%;
	}
	section article.course .main .courses-list .item .content .details.four .time {
		width:50%;
	}
	section article.course .main .courses-list .item .content .duration.target {
		height:auto;
		margin-bottom:15px;
	}
	
	section article.course .main .courses-list .buttons {
		clear:both;
	}
	
	.account .courses-list .item{
		margin-right:0 !important;
		margin-left:0 !important;
		width:100%;
	}
	
	.courses-list .item.general a{
		height:100px;
		padding:15px 0 0 0;
		font-size:14px;
	}
	.courses-list .item.general a i{
		font-size:30px;
		line-height:30px;
		margin:0;
	}
	
	section .new-layout.course.all ul.list li{
		width:48%;
		margin-bottom:15px;
	}
	section .new-layout.course.all ul.list li a{
		height:auto;
		padding-top:0;
		overflow:hidden;
	}
	section .new-layout.course.all ul.list li a .image{
		position:static;
		width:127px;
		height:240px;
		background-size:cover;
		float:left;
	}
	section .new-layout.course.all ul.list li h2{
		margin-left:127px;
		width:auto;
	}
	section .new-layout.course.all ul.list li h2,
	section .new-layout.course.all ul.list li h2 span{
		-webkit-transform: skew(0) !important;
		-ms-transform: skew(0) !important;
		transform: skew(0) !important;
	}
	section .new-layout.course.all ul.list li .content{
		display:block;
		clear:none;
		height:auto;
		padding:0;
		background:none !important;
	}
	section .new-layout.course.all ul.list li p,
	section .new-layout.course.all ul.list li h3{
		height:auto;
	}
	section .new-layout.course.all ul.list li span.more{
		display:none;
	}
	
	section .new-layout.course.all .account-content ul.list li a{
		height:auto;
		padding:0;	
	}
	section .new-layout.course.all .account-content ul.list li h2{
		font-size:16px;
		padding:4px;
	}
	section .new-layout.course.all .account-content ul.list li h3{
		margin-top:4px;
	}
}