@media screen and (min-width: 767px) {
		.desktop-none{
		display: none
	}
	.mobile-left-side-clip{
		display: none
	}
   
}

/*320 - 767*/
@media screen and (max-width: 767px) {
 
    
    section.ticket_booking {
    padding-left: 15px;
    padding-right: 15px;
}
    .fer-furdardi-page .form-clt.total_amount_lbl h2, .fer-furdardi-page #Contact_Us .form-clt h2 {
    font-size: 20px !important;
}
    .ticket_booking .contact-wrapper-2 {
    padding:0;
}
     .contact-wrapper-2 .contact-content h2 {
    font-size: 35px !important;
    }
	.text-fade-container{
		width: 100%
	}
	.mobile-none{
		display: none
	}
	p.event-company{
		text-align: left;
		margin-top: 10px;
		        font-weight: 600;
	}
	.footer-widgets-wrapper .single-footer-widget{
		padding:10px 10px 0
	}
	#preloader video{
		height: 100%;
		
	}
	.preloader{
		    background: #ffffff;
	}
	.upcoming-movie-section{
		padding-bottom: 20px
	}
	.about-section{
		padding-top: 40px
	}
	.footer-widgets-wrapper.style-5{
		padding-bottom: 30px;
		        padding-top: 30px;
	}
	.mobile-left-side-clip{
		clip-path: polygon(24% 0, 100% 0, 100% 100%, 0 100%);

	}
	.movie-details-section .container-fluid{
		padding: 0 10px
	}
	.movie-details-wrapper .movie-details-content .description-content{
		padding: 20px
	}
	.accordion-button{
		padding: 15px 10px
	}
	.accordion-body{
		padding-left: 6px;
		padding-right: 6px
	}
	.event-logo{
		    width: 150px;
	}
	.movie-sidebar{
		padding: 20px
	}
	.section-padding {
    padding: 50px 0;
}
	.topbar img{
		margin: 0 5px
	}
	.instagram-banner{
		padding-top: 0
	}
	.footer-bottom.style-2{
		padding: 20px 0
	}
	.upcoming-movie-main-item .upcoming-movie-item .upcoming-movie-content .list li{
		line-height: 22px
	}
	.footer-list-area{
		line-height: 20px
	}
	.back-to-top{
		bottom: 14px
	}
	.footer-bottom p{
		text-align: center
	}
	.footer-list-area{
		margin-bottom: 20px
	}
	.mouse-cursor{
		display: none
	}
	.book-btn{
		right: -48px;
	}
	.movie-share-button .theme-btn{
		min-width: 140px;
		padding:18px 5px
	} 
	
	.contact-wrapper-2 .contact-left-items .contact-info-area-2 .contact-info-items{
		display: block
	}
	.contact-wrapper-2 .contact-left-items .contact-info-area-2 .contact-info-items .icon{
		margin-bottom: 20px
	}
	
}
.pass.fer-furdardi h2 {
    position: absolute;
    left: 20%;
    z-index: 9999;
    bottom: 3%;
}
.pass.navras h2{
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 9999;
    bottom: 15%;}
@media (min-width: 768px) and (max-width: 980px) { 
section.mobile-none.hero-ssection.hero-5.bg-cover {
    height: 40vh;
    }}