@media only screen and (max-width: 1024px){
	.show-in-mobile {
		display: block;
	}
	header .main-nav, 
	header .header-search, 
	.menu .menu-item-has-children>a::after,
	.menu li.menu-item-has-children:hover:before,
	.menu li:hover>.sub-menu {
		display: none;
	}
	header .header-search {
		position: absolute;
	    right: 0;
	    top: 100%;
	    width: 100%;
	    z-index: 111;
	}
	.mobile-button, .close-button {
	    font-size: 20px;
	}
	.close-button {
		display: none;
	}
	.btn-header.active .mobile-button {
		display: none;
	}
	.btn-header.active .close-button {
		display: block;
		color: #ffc107;
	}
	#menu-mobile {
		display: block;
		position: fixed;
		left: -100%;
		top: 64px;
		color: #fff;
		background-color: #141719cc;
		transition: .2s all;
		width: 100%;
		height: 100vh;
		z-index: 999;
		padding: 20px;
		overflow-y: auto;
	}
	#menu-mobile.active {
		left: 0;
		transition: .2s all;
	}
	#menu-mobile .menu {
		display: block;
	}
	#menu-mobile .menu li {
		display: block;
	}
	#menu-mobile .menu li i {
		font-size: 18px;
		color: #ffc107;
	}
	#menu-mobile .menu .sub-menu {
		position: relative;
		margin-bottom: 15px;
		background-color: #00000073;
	}
	#menu-mobile .menu li a {
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
	}
	header .search-form {
		width: 100%;
		max-width: 100%;
	}
	header .search-form input {
		background-color: #232324;
		width: 100%;
	}
	span.button.zoom {
		display: none;
	}
}
@media only screen and (max-width: 768px) {
	li.item-movie {
		width: 33.33%;
	}
	.body.player.has-sidebar, .sidebar {
	    width: 100%;
	    float: none;
	}
	.sidebar {
		margin-top: 30px;
	}
	footer .menu li {
	    -ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	}
}
@media only screen and (max-width: 480px) {
	.menu .sub-menu {
		min-width: unset;
	}
	.menu ul.sub-menu li a {
		padding: 8px;
	}
	li.item-movie {
		width: 50%;
	}
}