/* Responsive Style CSS */

@media only screen and (min-width: 1001px) {
	.header-section ul li ul.dm-align-2 {
		left: 0;
	}
	}
	
	@media(min-width: 1170px) and (max-width: 1400px) {
	.video-posts-video .embed-responsive{
		height: 550px;
	}
	}
	
	@media only screen and (min-width: 1366px) {
	.container-fluid.video-player-base {
		max-width: calc(100vw - 0px);
		width: 100%;
	}
	}
	
	@media only screen and (min-width: 1365px) {
	.container-fluid {
		max-width: 1350px;
		width: 100%;
	}
	.video-js.vjs-16-9 {
		padding-top: 43% !important;
	}
	}
	
	@media only screen and (min-width: 1200px) and (max-width: 1365px) {
	.splide__slide img {
		width: 100%;
		height: 440px;
		object-fit: cover;
		background-size: cover;
		aspect-ratio: 10 / 4.1;
		object-position: center center;
	}
	}
	
	@media only screen and (min-width: 1366px) and (max-width: 1920px) {
	.splide__slide img {
		width: 100%;
		height: 480px;
		object-fit: cover;
		background-size: cover;
		aspect-ratio: 10 / 4.1;
		object-position: center center;
	}
	}
	
	@media only screen and (min-width: 1921px) and (max-width: 5000px) {
	.splide__slide img {
		width: 100%;
		height: 560px;
		object-fit: cover;
		background-size: cover;
		aspect-ratio: 10 / 4.1;
		object-position: center center;
	}
	}
	
	@media only screen and (min-width: 1200px) and (max-width: 1364px) {
	.video-js.vjs-16-9 {
		padding-top: 39.25% !important;
	}
	.video-posts-video .embed-responsive{
		height: 460px;
	}
	}
	
	@media only screen and (max-width: 1130px) {
	.download-app-link-item .google-play-download {
		margin-bottom: 15px;
	}
	}
	
	@media only screen and (min-width: 768px) and (max-width: 1340px) {
	.socail-login-item, .socail-login-item label {
		display: inline-block;
		width: 100%;
	}
	.socail-login-item .btn-facebook-item, .socail-login-item .btn-g-plus-item {
		margin-left: 0;
		margin-right: 0;
	}
	}
	
	@media only screen and (min-width: 992px) and (max-width: 1130px) {
	.video-shows-carousel .single-video .video-img img {
	  height: 180px;
	  object-fit: cover;
	}
	.video-posts-video .embed-responsive{
		height: 450px;
	}
	}
	
	@media only screen and (min-width: 1001px) and (max-width: 1199px) {
	.main-menu .vfx-item-nav > li > a {
		padding: 23px 12px 19px 12px;
		font-size: 13px;
		font-weight: 700;
	}
	}
	
	@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.video-js.vjs-16-9 {
		padding-top: 45% !important;
	}
	.view-all-video-area .movie-shows-col-list {
		width: calc(25% - 0px);
		margin-bottom: 5px;
	}
	.subscribe-btn-item a {
		padding: 6px 5px;
	}
	.download-btn-area .subscribe-btn-item {
		margin: 5px 2px;
	}  
	}
	
	@media only screen and (min-width: 992px) and (max-width: 1200px) {
	ul.nav > li:hover > a {
		border-color: transparent;
	}
	.header-section ul li ul.dm-align-2 {
		left: 0;
	}
	.header-section ul li.menu-icon a:focus {
		color: #444;
	}
	.browse_pic_file input {
		width: 16rem;
	}
	.vfx-item-section h3 {
		font-size: 20px;
	}
	.apply-now-item .vfx-item-btn-danger {
		width: 250px;
	}
	.membership-plan-list h3 {
		font-size: 18px;
	}
	.membership-plan-list h4 {
		font-size: 16px;
	}
	.subscribe-form input[type="email"] {
		width: 215px;
	}
	.posts-pagination {
		margin-bottom: 20px;
	}
	}
	
	@media only screen and (min-width: 768px) and (max-width: 1199px) {
	.splide__slide img {
		width: 100vh !important;
		height: 100% !important;
	}
	.splide-slider-details-area h1 {
		font-size: 26px;
	}
	.splide-slider-details-area {
		bottom: 25px;
		left: 25px;
	}
	}
	
	@media only screen and (min-width: 768px) and (max-width: 991px) {
	ul.nav > li:hover > a {
		border-color: transparent;
	}
	.video-js.vjs-16-9 {
		padding-top: 46% !important;
	}
	.dtl-title-block h2, .dtl-title-block h2 a{
		width: 50%;
	}
	.view-all-video-area .movie-shows-col-list {
		width: calc(33.33% - 0px);
		margin-bottom: 5px;
	}
	.video-counter {
		font-weight: 500;
		overflow: hidden;
		width: 90%;
	}
	.action-content h2 {
		font-size: 22px;
	}
	.video-img img {
		width: 100%;
	}
	.video-img {
		width: 100%;
	}
	.video-img a {
		display: inline-block;
		width: 100%;
	}
	.header-search-form button{
		margin-top:0;
	}
	.splide__arrow--prev {
		left: 1em !important;
	}
	.splide__arrow--next {
		right: 1em !important;
	}
	.vfx-item-ptb {
		padding: 20px 0;
	}
	.posts-pagination {
		margin-bottom: 20px;
	}
	.page-title h1 {
		font-size: 30px;
	}
	.video-share .share-options {
		float: right;
		padding-top: 0;
	}
	.header-section .main-nav .nav.top-nav li {
		padding-right: 20px;
	}
	.header-section ul li.menu-icon a:focus {
		color: #444;
	}
	.video-post-wrapper {
		margin-bottom: 30px;
	}
	.video-shows-carousel .single-video .video-img img {
		height: 100%;
	}
	.four-zero-page {
		padding: 100px 0;
	}
	}
	
	@media only screen and (min-width: 640px) and (max-width: 767px) {
	.video-shows-carousel .single-video .video-img img {
		height: 100%;
	}
	.tv-season-video-carousel .video-img img {
		height: 100%;
	}
	.view-all-video-area .movie-shows-col-list {
		width: calc(50% - 0px);
		margin-bottom: 5px;
	}
	}
	
	@media only screen and (max-width: 991px) {
	.profile-section {
		padding: 20px 15px;
	}
	.splide .splide__track::after, .splide .splide__track::before {
		display: none !important;
	}
	.member-ship-option, .profile_title_item {
		margin-bottom: 25px;
		min-height: auto;
	}
	.vfx-tabs-item ul li label {
		padding: 6px 20px;
		font-weight: 700;
		font-size: 16px;
	}
	.member-ship-option {
		padding: 20px;
	}
	.video-watch-share-item {
		display: inline-block;
	}  
	.dtl-title-block h2, .dtl-title-block h2 a{
		width: 100%;
	}
	.dtl-title-block .video-watch-share-item {
		text-align: right;
		float: none;
		position: relative;
		right: 0;
		margin-top: 8px;
		z-index: 0;
	}
	.download-btn-area {
		display: block;
		margin-left: 0;
	}
	.download-btn-area .subscribe-btn-item{
		display:inline-block;
		margin-left: 0;
	}
	.vjs-logo{
		display: none !important;
	}
	.profile_title_item .vfx-item-btn-danger, .member-ship-option .vfx-item-btn-danger {
		padding: 10px 20px
	}
	/*.video-post-info {margin-top: 20px;}*/
	}
	
	@media only screen and (max-width: 767px) {
	.text-xs-center {
		text-align: center !important;
	}
	.splide {
		padding: 0 12px;
	}
	.dtl-title-block {
		display: inline-block !important;
		width: 100%;
	}
	.right-sub-item-area .header-search-content-toggle{
		right: 69px;
	}
	.right-sub-item-area button, .right-sub-item-area .subscribe-btn-item a, .signup-btn-item a{
		width: 34px;
		height: 34px;
	}
	.login-item-block {
		border-radius: 20px;
		padding: 35px 25px;
		margin-bottom: 30px;
		margin-left: 10px !important;
		margin-right: 10px !important;
	}
	.modal-content {
		margin-left: 12px;
		margin-right: 12px;
	}
	.video-js.vjs-16-9 {
		padding-top: 48% !important;
	}
	.breadcrumb-section {
		text-align: center;
		padding: 20px 10px;
	}
	#breadcrumbs {
		right: 0;
		position: relative;
		top: 0;
		transform: none;
		margin-top: 8px;
		max-width: 100%;
	}
	.subscribe-btn-item span, .signup-btn-item span {
		display: none;
	}
	.subscribe-btn-item a img, .signup-btn-item a img {
		margin-right: 0;
	}
	.subscribe-btn-item a, .signup-btn-item a {
		padding: 6px 8px;
	}
	.video-post-info h2, .poster-dtl-item h2 a {
		font-size: 22px;
		font-weight: 700;
	}
	.slider-area {
		overflow: hidden;
	}
	.splide__slide img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover;
		aspect-ratio: 9 / 4.4;
		object-position: top center;
	}
	.splide__track {
		width: 100% !important;
		height: auto !important;
		padding-right: 0 !important;
		overflow: inherit !important;
	}
	.splide-slider-details-area h1 {
		font-size: 22px;
		font-weight: 600;
	}
	.splide.is-active .splide__list, .splide__slide {
		width: 100%;
	}
	.splide-slider-details-area {
		bottom: 30px;
		left: 20px;
	}
	.splide-slider-details-area a.btn-watch, .splide-slider-details-area a.btn-buy-plan {
		padding: 6px 8px;
		font-size: 12px;
	}
	.splide-slider-details-area a.btn-watch img, .splide-slider-details-area a.btn-buy-plan img {
		width: 16px !important;
		height: 16px !important;
		margin-right: 5px;
		vertical-align: text-bottom;
	}
	.splide .splide__track::after, .splide .splide__track::before {
		display: none !important;
	}
	.splide__arrow--prev {
		left: 1em !important;
	}
	.splide__arrow--next {
		right: 1em !important;
	}
	.social-moview-post {
		right: auto;
		bottom: 40px;
		background: rgb(0, 0, 0, 1);
		left: 110px;
	}
	.social-series-poster {
		right: auto;
		bottom: 40px;
		background: rgb(0, 0, 0, 1);
		left: 130px;
	}
	.vfx-tabs-item section {
		padding: 10px 20px;
		margin-bottom: 0;
	}
	.description-detail-item p, .poster-dtl-item p {
		font-size: 14px;
		line-height: 22px;
		margin-top: 5px;
	}
	.description-detail-item span.des-bold-text strong, .poster-dtl-item span.des-bold-text strong, .description-detail-item h3, .poster-dtl-item h3{
		font-size:15px;
	}
	.description-detail-item span.des-bold-text, .poster-dtl-item span.des-bold-text{
		line-height:24px;
	}
	.description-detail-item span.des-bold-text a, .poster-dtl-item span.des-bold-text a{
		font-size:14px;
	}
	.member-ship-option {
		margin-bottom: 0;
		margin-top: 15px;
	}
	.edit-profile-form .form-group.flex-column {
		flex-direction: unset !important;
		margin-top: 15px !important;
	}
	.edit-profile-form .form-group label {
		width: 100%;
	}
	.user-menu .user-name {
		font-size: 0;
	}
	.user-menu .user-name i {
		font-size: 16px;
		line-height: 36px;
		padding-left: 0;
		display: none;
	}
	.user-menu .user-name::after {
		margin-left: 0;
	}
	.user-name span {
		left: -18px;
	}
	.user-menu {
		margin-left: 22px;
	}
	.user-menu .user-name {
		padding-left: 22px;
	}  
	.right-sub-item-area {
		right: 42px !important;
	}
	.detail-poster-area .video-watch-share-item {
		float: none;
		margin-top: 10px;
	}
	.detail-poster-area .dtl-poster-img::after {
		height: 100%;
	}
	.actors-detail-wrapper {
		display: block;
	}
	.actors-detail-wrapper {
		text-align: center;
		width: 100%;
	}
	.actors-detail-wrapper .actors-info-details {
		padding: 20px 0 5px 0;
		display: inline-block;
		position: relative;
		width: 100%;
	}
	.video-post-date .video-posts-author {
		margin-bottom: 5px;
		display: inline-block;
	}
	.header-section .logo {
		width: 100%;
		float: left;
		margin-right: 10px;
	}
	.hero-content .no-gutters {
		padding-bottom: 40px !important;
	}
	.contact-page-area .contact-form, .contact-info-item {
		padding: 20px;
	}
	.footer-bottom, .single-footer {
		margin-bottom: 30px
	}
	.purchase-link.text-right {
		text-align: center;
	}
	.action-content {
		text-align: center;
	}
	ul.pgwSlider > li span, .pgwSlider > .ps-list > li span {
		display: none;
	}
	.video-counter {
		width: 90%;
	}
	.vfx-item-section {
		padding: 0 0 10px 0;
	}
	.vfx-item-ptb {
		padding: 15px 0;
	}
	.footer-area {
		padding: 30px 0;
		margin-top: 10px;
	}
	.see-all-link {
		display: none;
	}
	.pgwSlideshow .ps-caption {
		background: transparent none repeat scroll 0 0;
		bottom: 10px;
		left: 50px;
	}
	.ps-caption b {
		font-size: 20px;
		font-weight: 500;
	}
	ul.nav > li:hover > a {
		background:transparent;
		color: #058FF4;
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
	.vfx-item-section h3 {
		font-size: 20px;
	}
	.video-img img {
		width: 100%;
	}
	.video-img {
		width: 100%;
	}
	.video-img a {
		display: inline-block;
		width: 100%;
	}
	.pgwSlideshow.narrow .ps-list .ps-next {
		z-index: 8;
	}
	.pgwSlideshow.narrow .ps-list .ps-prev {
		z-index: 8;
	}
	.header-section ul li.menu-icon {
		position: relative;
		z-index: 9999;
	}
	.page-breadcrumb {
		padding-top: 0;
		float: none;
	}
	.posts-pagination {
		margin: 0;
	}
	.page-title h1 {
		font-size: 35px;
	}
	.header-section .main-nav .nav.top-nav li {
		padding-right: 20px;
	}
	.header-section ul li.menu-icon a:focus {
		color: #444;
	}
	.video-post-wrapper {
		margin-bottom: 30px;
	}
	.four-zero-page {
		padding: 50px 0;
	}
	}
	
	@media only screen and (max-width:639px) {
	.hero-wrap h1 {
		font-size: 30px;
		font-weight: 700;
		line-height: 36px;
		margin-bottom: 15px !important;
	}
	.socail-login-item, .socail-login-item label {
		display: inline-block;
		width: 100%;
	}
	.socail-login-item .btn-facebook-item, .socail-login-item .btn-g-plus-item {
		margin-left: 0;
		margin-right: 0;
	}
	.video-shows-carousel .single-video .video-img img, .tv-season-video-carousel .video-img img {
		height: auto;
	}
	.video-img::after {
		height: 100%;
	}
	.video-carousel .single-video .video-img img {
		height: 100%;
	}
	}
	
	@media only screen and (max-width:575px) {
	.apply-coupon-code .apply-now-item .form-control {
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}
	.video-post-info {
		padding: 15px;
	}
	.modal-dialog {
	  margin: 1.75rem auto;
	}
	.apply-now-item .vfx-item-btn-danger {
		width: 100%;
		padding: 12px 20px;
	}
	.apply-coupon-code {
		padding: 25px 20px;
	}
	.apply-now-item {
		display: block;
	}
	.breadcrumb-section h2 {
		font-size: 26px;
	}
	.breadcrumb-section p {
		font-size: 16px;
	}
	.detail-poster-area .play-icon-item {
		top: 15px;
		right: 65px;
		left: auto;
	}
	.detail-poster-area .icon {
		height: 50px;
		width: 50px;
		top: 80%;
		line-height: 50px;
		font-size: 20px;
	}
	.detail-poster-area .ripple, .detail-poster-area .ripple::before, .detail-poster-area .ripple::after {
		height: 50px;
		width: 50px;
	}
	}
	
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	.vfx-item-half {
		width: 50%;
		float: left;
		padding: 0 3%;
	}
	.see-all-link {
		display: inline-block;
	}
	.pgwSlideshow .ps-caption {
		bottom: 30%;
		left: 15%;
		background-color: transparent;
	}
	}
	
	@media only screen and (max-width:469px) {
	.video-post-counter {
		display: none;
	}
	.browse_pic_file input {
		width: 100%;
		margin-right: 0;
	}
	.browse_pic_file {
		margin-right: 0;
	}
	}
	
	@media only screen and (max-width:479px) {
	.hero-wrap .lead {
		line-height: 28px;
	}
	.vfx-item-section h3 {
		font-size: 16px;
	}
	h2.form-title-item {
		font-size: 22px;
	}
	.dtl-title-block .video-watch-share-item {
		text-align: left;
		float: none;
		position: relative;
		right: 0;
		display: block;
		margin: 7px 0 4px 0px;
	}
	.filter-list-area .page-title-item{
		display:none;
	}
	.filter-list-area{
		padding:15px 10px;
	}
	.filter-list-area .custom_select_filter{
		margin:5px 0 5px 5px;
	}
	.player_prev_next{
		display: inline-block;
		float: left;
		text-align: center;
		width: 40%;
		margin-left:0;
		margin-right: 8px;
		margin-top: 10px;
	}
	.video-js.vjs-16-9 {
		padding-top: 50% !important;
	}
	.vfx-tabs-item ul li label {
		padding: 6px 15px;
		font-size: 14px;
	}
	.actors-member-item img{
		margin-bottom:5px;
	}
	.actors-member-item span, .actors-member-item a span{
		font-size:14px;
	}
	.actors-member-item{
		margin-bottom:15px;
	}
	.vfx-tabs-item ul {
		margin-left: 5px;
	}
	.video-watch-share-item {
		display: inline-block;
	}
	.server-btn-list{
		display: block;
	}
	.server-btn-list .server-btn-item {
		display: inline-block;
		float: left;
	}
	.video-watch-share-item .server-btn-item a{
		margin-right:6px;
		margin-bottom: 5px;
	}
	.video-watch-share-item #socialGallery {
		margin-top: 10px;
	}
	.contact-page-area .contact-form, .details-page-area .details-item-block, .edit-profile-area .edit-profile-form {
		padding: 20px;
	}
	.slider-area .splide__arrows {
		display: none;
	}
	.splide--draggable > .splide__track > .splide__list > .splide__slide {
		border-radius: 6px;
	}  
	.splide-slider-details-area h1 {
		font-size: 20px;
		font-weight: 700;
		margin-bottom: 10px;
	}
	.splide-slider-details-area {
		bottom: 18px;
		left: 15px;
	}
	}
	
	@media only screen and (max-width:639px) {
	.sport-video-block .video-img span.video-item-content, .live-tv-video-block .video-img span.video-item-content, .video-img span.video-item-content, .video-shows-section .video-img span.video-item-content {
		font-size: 13px;
		font-weight: 700;
		padding: 8px 12px;
	}
	.view-all-video-area .movie-shows-col-list {
		width: calc(50% - 0px);
		margin-bottom: 5px;
	}
	.filter-list-area .page-title-item {
		padding: 6px 15px 5px 15px;
		font-size: 14px;
	}
	.custom_select_filter .nice-select {
		font-size: 14px;
		font-weight: 700;
		height: 34px;
		line-height: 35px;
	}  
	.youtube_video_wrapper {
		height: 330px;
	}
	.actors-detail-wrapper {
		display: inline-block !important;
	}
	.actors-detail-wrapper .actors-profile{
		margin-right:0;
		display: inline;
	}
	.actors-detail-wrapper .actors-profile img{
		margin-bottom:15px;
	}
	.single-video .season-title-item h3, .copyright-text p{
		font-size:14px;
	}
	.single-video .season-title-item h3{
		margin-bottom: 2px;
	}
	.single-video .season-title-item span{
		font-size:12px;
	}
	.footer-heading{
		font-size:18px;
	}
	.related-video-item:last-child, .tv-season-related-block:last-child {
		padding-bottom: 15px;
	}
	.actors-detail-wrapper .actors-info-details{
		padding-top:0;
		text-align: center;
	}
	}
	
	@media only screen and (max-width:479px) {
	.subscribe-btn-item, .signup-btn-item, .right-sub-item-area .subscribe-btn-item {
		margin: 0px 4px;
	}
	.video-post-info h2, .poster-dtl-item h2 a{
		font-size:18px;
	}
	.video-post-info ul.actor-video-link a{
		font-size:14px;
	}
	.btn-watchlist a, .btn-share a{
		vertical-align:middle;
	}
	.video-watch-share-item{
		margin-top:10px;
	}
	.video-post-info h2, .video-post-date .video-posts-author{
		margin-bottom:8px;
	}
	.vfx-item-section span.view-more a {
		font-size: 13px;
		font-weight: 700;
	}
	.youtube_video_wrapper {
		height: 220px;
	}
	.actors-detail-wrapper .actors-profile img {
		width: 150px;
		max-width: 150px;
	}  
	.actors-detail-wrapper{
		padding:10px;
	}
	.actors-detail-wrapper .actors-info-details h4{
		font-size:18px;
	}
	.actors-info-details span.des-bold-text strong{
		font-size:14px;
	}
	.actors-info-details span.des-bold-text {
		font-size: 13px;
		line-height: 22px;
	}  
	}
	
	@media only screen and (max-width:479px) {
	.right-sub-item-area .header-search-content-toggle {
		right: -13px;
	}
	.vfx-search-contact .header-search-form::before {
		right: 99px;
	}  
	}