/*==========  Desktop First Method  ==========*/

@media only screen and (max-width : 1200px) {
	.wrapper {
		max-width: 95%;
	}
	.is-home section {
		margin: 1em auto ;
	}
	.series .wrapper {
		margin: 0 auto;
	}
}
@media only screen and (max-width : 992px) {

	.player-container.g2 {
		grid-template-columns: 1fr;
	}
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

	/*Disable Animation on Mobile Devices*/
	html,  
	body {
		font-size: 14.1px!important;
	} 

	h1{
		font-size: 2.1rem;
	}

	.animated {
		/*CSS transitions*/
		-o-transition-property: none !important;
		-moz-transition-property: none !important;
		-ms-transition-property: none !important;
		-webkit-transition-property: none !important;
		transition-property: none !important;
		/*CSS transforms*/
		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		/*CSS animations*/
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
	}

	.intro .owl-carousel .item a .title {
		font-size: 1.9rem;
		line-height: 1;
	}
	.intro .owl-carousel .item {
		display: flex;
		flex-direction: column;
	}
	.intro .owl-carousel .item .thumbnail {
		max-width: 100%;
		/*height: 480px;*/
	}
	.intro .owl-carousel .item .thumbnail img {
		/*object-fit: contain;*/
	}
	.intro .owl-carousel .item .info {
		padding: 1.44em;
		box-sizing: border-box;
		bottom: 0;
		position: absolute;
		z-index: 10;
		background: linear-gradient(rgba(11, 17, 24, 0) 90.93%, rgba(11, 17, 24, .16) 100%), linear-gradient(270deg, rgba(11, 17, 24, 0) 14.17%, rgb(11, 17, 24) 96.5%);
	}
	.intro-slider-progress {
		top: 1em!important;
		left: 1em!important;
		/*background: linear-gradient(rgba(11, 17, 24, 0) 90.93%, rgba(11, 17, 24, .16) 100%), linear-gradient(270deg, rgba(11, 17, 24, 0) 14.17%, rgb(11, 17, 24) 96.5%);*/
	}
	.intro .owl-carousel .item .info .description {
	    /*text-align: justify;*/
		/*box-sizing: border-box;*/
	    text-align-last: left; /* или center */
	    /*border:2px solid red;*/
	    width: 100%;
	    max-width: 100%;
	    /*display: inline-block;*/
	}

	.player-container {
		grid-template-columns: 1fr;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

	.is-home .site-header .wrapper,
	.is-series .site-header .wrapper,
	.is-series-episode .site-header .wrapper,
	.is-single-series .site-header .wrapper {
		display: grid;
		grid-template-columns: 100px 1fr 50px;	
	}

	.movie-card a .thumb {
		height: inherit;
	}

	.films-list {
		grid-gap: .8em;
		grid-template-columns: repeat(auto-fill,minmax(170px,1fr));
	}


	.search-movie-panel__input input {
		font-size: 1.45rem;
	}

	.is-single-series .site-header {
		position: relative;
	}

	.high-rating .owl-carousel .item  .thumbnail{
		height: inherit;
	}

	.series-info-main-content {
		padding: 1em 0;
	}
	.series-info-main-content {
		z-index: 0;
	}

	.single-title-block.gpart {
		grid-row: 1;
	}
	.single-title-block.gpart h1 {
		line-height: 1;
	}
	.paginations-episode__link:hover .arrow-left {
		left: 50%;
	}
	.paginations-episode__link.nav-previous .link-info-episode {
		text-align: center;
	}
	.paginations-episode__link .arrow-left {
		top: 35px;
		left: 50%;
		right: 50%;
	}
	.paginations-episode__link .arrow-right {
		top: 35px;
		right: 50%;
		left: 50%;
	}
	.paginations-episode__link .link-info-episode {
		justify-content: center;
	}
	.paginations-episode__link .link-info-episode .title {
		margin-top: 2em;
		text-align: center;
		line-height: 1;
	}
	.season-episode {
		font-family: 'Montserrat-Regular', sans-serif!important;
		display: block;
		font-size: .9rem;
	}
	.series-list {
		grid-template-columns: repeat(auto-fill,minmax(130px,1fr));
	}
	.series-item a .thumb {
		height: 240px;
	}
/*	.series-info-main-content {
		z-index: 1000;
	}*/
	.numb-season-block[data-season="show-next-seasons"].is-active .seasons-list-number {
		top: inherit;
		transform: inherit;
		bottom: 0;
		left: 0;
		right: 0;
		justify-content: center;
		max-width: 90%;
		margin:0 auto;

	}


}

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

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {}