/* ============================ */
/* ============================ */
/* ============================ */
/* MEDIA QUERIES */
/* from 768px to 1023px */

@media only screen and (min-width: 768px) and (max-width: 1023px)  {









	/* ============================ */
	/* ============================ */
	/* CLASSES */

	.wrap{
		width: 720px;
	}
    .stat-branding.wrap {
        width: 100%;
    }
	.col-1{
		width: 40px;
	}

	.col-2{
		width: 100px;
	}


	.col-3{
		width: 160px;
	}

	.col-4{
		width: 220px;
	}

	.col-5{
		width: 280px;
	}

	.col-6{
		width: 340px;
	}

	.col-7{
		width: 400px;
	}

	.col-8{
		width: 460px;
	}

	.col-9{
		width: 520px;
	}

	.col-10{
		width: 580px;
	}

	.col-11{
		width: 640px;
	}

	.col-12{
		width: 700px;
	}
    #page.no-parallax {
        padding-top: 42px;
    }
    #page.no-parallax #grid {
        position: static;
    }
    #page.no-parallax #content {
        margin-top: 0;
    }
	/* ============================ */
	/* ============================ */
	/* BRANDING */
	#par-slider {
		height: 260px;
		margin: 43px 0 0;  /* Because Fixed Menu */
	}
	#par-items{ height: 425px; }

    #par-block{
        height: 43px;
    }

    .branding-1{
		height: 260px;
	}

	.branding-2,
	.branding-2-2,
	.branding-3{
		height: 260px;
	}



	/* ============================ */
	/* ============================ */
	/* INDEX */
	/* ============================ */
	/* ============================ */

	/* ============================ */
	/* GRID */
    /*#search-form form{
         width: 130px;
     }*/

    #grid-menu .wrap{
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .grid-menu-breadcrumbs,
    .grid-menu-filter,
    .grid-menu-search{
		margin: 0;
		background: #0c171b none repeat scroll 0 0;
		padding-bottom: 0.4em;
    }

    .grid-menu-breadcrumbs ul,
    .grid-menu-filter ul{
        display: block;
        width: 100%;
    }

    .grid-menu-filter ul li a{
        text-align: left;
    }

    #search-form form{
        width: 95%;
    }

	.grid-menu-dropdowns{
		display: none;
	}

	.grid-menu-buy{
		display: none;
	}

	.film-grid{
		width: 100%;
		padding: 0%;
	}
	.mc-media-holder {
		position: relative;
		width: 30%;
		height: auto;
		float: left;
		z-index: 2;
	}
	.mc-media-holder {
		display: block;
	}
	.mc-mobile-poster {
		display: none;
	}
	.mc-info {
		position: relative;
		float: left;
		z-index: 1;
		height: auto;
		width: 70%;
		top:0;
		left:0;
		-webkit-transition: all 0.0s ease-in-out;
		-moz-transition: all 0.0s ease-in-out;
		-o-transition: all 0.0s ease-in-out;
		transition: all 0.0s ease-in-out;
	}
	.mc-info .mc-info-inner {
		position: relative;
		top:0;
		left:0;
		display: block;
		height: auto;
	}
	.mc-info .mc-name, .mc-info .mc-buttons {
		position: relative;
		top:0;
		left:0;
		height: auto;
	}
	.mc-info .mc-buttons {
		left:0;
	}
	.mc-info .mc-buttons table {
		position: relative;
		top:0;
		left:0;
		width: 100%;
	}
	.mc-about, .mc-expand, .mc-ticket {
		width: 100%;
	}
	.hover .mc-info-inner {
		left:0;
	}
	.grid-elem,
	.movie-card-big{
		width: 92%;
		margin:0 4% 1%;
	}
	.mc-player-preview {
		display: block;
	}
	.hover .mc-info-inner {
		left:0;
	}
	.hover .mc-info .mc-info-inner {
		left:0%;
	}
	/* ============================ */
	/* CONTENT */
	#content{
		/*background-size: contain;*/
	}

	.con-branding-logo{
        display: none;
		/*margin: 100px 0;*/
	}
    .con-branding-logo.force {
        display: block;
    }
    .con-branding-logo.force a,
    .con-branding-logo.force span {
        height: 120px;
    }
	.con-wrap{
		width: 100%;
		padding: 30px 0;
		margin: 0;
		background: #eff1f2;
	}

	.con-holder{
		float: none;
		width: 656px; /* 636 + 2*10 margin = 656 */
		margin: 0 auto;
	}

	.con-holder .col-6,
	.con-holder .col-3{
		width: 308px;
	}

	.con-holder .col-9{
		width: 636px;
	}

	.widget-heading{
		margin-left: auto;
		margin-right: auto;
	}

	.con-news-card{
		width: 308px;
		margin: 0 10px 1.250em;
		background: #fff;
	}

	.con-news-pic-holder{
		margin: 0 0 1em;
	}

	.con-news-info,
	.con-news-heading,
	.con-news-preview,
	.con-news-card .stat{
		width: 278px;
		padding: 0 15px;
	}

	.con-news-more{
		display: block;
		font-weight: normal;
	}

	.con-news-nav{
		display: none;
	}

	.giv-block{
		background: #fff;
	}

	.giv-pic-holder{
		float: left;
		width: 90px;
		height: 90px;
		overflow: hidden;
        margin-right: -90px;
	}
    .giv-pic-holder a {
        display: block;
        width: 90px;
        height: 90px;
    }
	.giv-pic-holder img{
		height: 100%;
		max-width: none;
	}

	.giv-info{
		float: left;
		width: 193px;
		padding: 0 0 0 105px;
	}

	.giv-info p,
	.giv-info .stat{
		display: none;
	}

	.giv-info h4{
		font-size: 1em;
		margin: 0.5em 0 0;
	}

	.con-side{
		display: none;
	}


	/* ============================ */
	/* ============================ */
	/* FOOTER */
	.footer-logo{
		display: none;
	}

	.foo-hidden-logo-tablet{
		display: block;
		float: left;
		width: 200px;
	}

	#footer .col-10{
		width: 700px;
	}

	.foo-menu{
		width: 500px;
	}

	.foo-menu li a{
		display: block;
		margin: 0.5em 1.5em 0.5em 0;
	}

	.scroll-top-btn{
		left: 350px;
	}


    /* ============================ */
    /* ============================ */
    /* SIDE MENU */
    .sm-top-bar{
        display: none;
    }


















	/* ============================ */
	/* ============================ */
	/* CALENDAR */
	/* ============================ */
	/* ============================ */

	/* ".cal-" = ".calendar-" */
	.cal-search{
		width: 400px;
	}

	.cal-search input[type="text"] {
		width: 270px;
	}

	.cal-ad-small{
		width: 165px;
	}

	.cal-ad-small img{
		max-width: none;
		height: 100%;
	}

	.cal-day-film{
		width: 516px;
	}

	.cal-day-info{
		width: 426px;
	}



















	/* ============================ */
	/* ============================ */
	/* PREMIERES-ALL */
	/* ============================ */
    .con-holder .pr-pic-holder,
    .pr-pic-holder {
        width:200px;
        margin:0 9px 20px;
    }
	/* ============================ */
	.con-news-card-big{
		width: 308px;
		margin-bottom: 1.25em;
	}

	.con-news-card-big .con-news-pic-holder{
		float: none;
		width: 100%;
		margin: 0 0 1em;
	}

	.con-news-card-big .con-news-info-holder{
		float: none;
		width: 100%;
		margin: 0;
	}



















	/* ============================ */
	/* ============================ */
	/* WIDGET */
	/* ============================ */
	/* ============================ */

	.widget-film-heading .wrap{
		width: 100%;
		margin: 0;
	}

   .widget-film-heading .wrap.widget-film-choose{
       width: 720px;
       margin: 0 auto;
   }

	.widget-film-heading ul{
		margin: 0;
	}

	.widget-film-heading ul li{
		display: block;
		width: 100%;
		margin: 0;
		border-bottom: 1px solid #f7f7f7;
	}

	.widget-film-heading ul li div{
		width: 700px;
		margin: 10px auto 0;
	}

	.widget-film-heading ul li .wi-rate{
		width: 100px;
		margin: 0;
	}

	.widget-film{
		border-bottom: 1px solid #303030;
	}

	.wi-seance-list{
		display: block;
	}

	.wi-seance-filter{
		display: block;
	}



	#wi-timeline ol{
		height: 2em;
	}

	#wi-timeline ol li{
		height: 1em;
		margin-top: 1em;
	}

	#wi-timeline ol li:nth-of-type(3n+1){
		height: 2em;
	}

	#wi-timeline ol li p{
		bottom: 2em;
	}


	#wi-timeline-range{
		bottom: -4px;
		height: 6px;
		background: #ed0202;
	}

	#wi-timeline-start-handle,
	#wi-timeline-end-handle{
		position: absolute;
		bottom: 0;
		width: 46px;
		height: 46px;
		margin-bottom: -23px;
		cursor: e-resize;
		border: none;
		background: url("../img/handle-small.png") no-repeat 50% 50%;
	}

	#wi-timeline-start-handle{
		margin-right: -23px;
	}

	#wi-timeline-end-handle{
		margin-left: -23px;
	}

	.wi-timeline-start-handle-info,
	.wi-timeline-end-handle-info{
		display: none;
	}

	.wi-timeline-start-handle-triangle,
	.wi-timeline-end-handle-triangle{
		display: none;
	}

	.wi-time-selection{
		display: block;
	}


	.wi-cinema,
	.wi-cinema .wi-seance-list{
		display: block;
	}

	.wi-seance-list li{
		width: 40%;
		margin: 20px 5%;
	}


	.wi-seats-filter{
		display: block;
	}


	.wi-seats-info .col-10{
		width: 340px;
	}

	.wi-seats-select-box{
		width: 150px;
	}

	.wi-seats-info .col-2{
		width: 700px;
	}


	.payment .col-12,
	.payment .col-3{
		float: left;
		width: 340px;
	}

	.wi-summary{
		margin-top: 20px;
		color: #7f8c8d;
	}

	.wi-summary-film{
		font-size: 1.5em;
		color: #303030;
	}

	.wi-auth{
        width:100%;
		margin-bottom: 3em;
	}

	.wi-auth h4,
	.wi-pay-systems h4{
		margin-bottom: 1em;
	}

	.wi-auth-form{
		width: 100%;
		margin-bottom: 1em;
	}

	.wi-auth-form input{
		display: block;
		float: none;
		width: 90%;
		margin-bottom: 1em;
		padding: 0.5em 5%;

		color: #7f8c8d;
		font-size: 1.125em;
		border: none;
		border: 1px solid #7f8c8d;
		background: #f7f7f7;
		background-repeat: no-repeat;
		background-position: 100% 50%; 
		background: -moz-linear-gradient(top, #f0f0f0, #fff);
		background: -webkit-linear-gradient(top, #f0f0f0, #fff);
		background: -o-linear-gradient(top, #f0f0f0, #fff);
		background: linear-gradient(top, #f0f0f0, #fff);
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
	}

	.wi-auth-form input[type="text"]{
		margin-right: 0;
	}

	.wi-auth-form input[type="submit"]{
		width: 276px;
		margin: 0.25em auto;
		padding: 0.25em 0;

		color: #f7f7f7;
		font-size: 1.5em;
		cursor: pointer;
		border: 2px solid #303030;
		background: #303030;
		background: -moz-linear-gradient(top, #434343, #303030);
		background: -webkit-linear-gradient(top, #434343, #303030);
		background: -o-linear-gradient(top, #434343, #303030);
		background: linear-gradient(top, #434343, #303030);
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
	}


	.payment .col-8{
		width: 700px;
	}

	.wi-pay-systems h4{
		text-align: center;
	}

	.wi-pay-system-card{
		/*width: 326px;  *//* 340 - 2*2borders = 336 */
		/*margin: 10px;*/
	}

	.wi-pay-system-name{
		/*width: 266px;*/
		font-size: 1.125em;
	}

	.wi-format-tips{
		display: none;
	}



















	/* ============================ */
	/* ============================ */
	/* THEATRES-ALL */
	/* ============================ */
	/* ============================ */
	#breadcrumbs .wrap{
		width: 656px;
	}

	#breadcrumbs .col-12{
		width: 636px;
	}

	.theatres-all-con-holder,
	.theatres-all-con-holder .ta-cards-holder,
	.ta-card{
		width: 100%;
		margin: 0;
	}

	/* ".ta-" = ".theatres-all-" */
	.ta-heading,
	.ta-filter
	{
		width: 656px;
		margin: 0 auto;
	}

	.ta-filter{
		position: relative;
	}

	.theatres-all-widget .ta-filter .select,
	.theatre-widget .ta-filter .select{
		max-width: 155px;
		margin-right: 0;
		text-align: center;
	}

	.ta-filter .options-block{
		position: absolute;
		top: 1em;
		right: 0;
	}

	.ta-card h4,
	.ta-card .options-block,
	.ta-card .metro,
	.ta-card .ta-schedule,
	.ta-card .ta-schedule-open{
		width: 636px;
		margin-left: auto;
		margin-right: auto;
	}

	.ta-card .ta-schedule-open{
		width: 606px;
		margin: 0 auto;
		display: block;
	}

	.options-block .address{
		line-height: normal;
	}



















	/* ============================ */
	/* ============================ */
	/* THEATRE */
	/* ============================ */
	/* ============================ */
	.th-breadcrumbs ul{
		display: none;
	}

	#breadcrumbs .th-links{
		display: block;
		width: 656px;
	}

	#breadcrumbs .th-links li a{
		font-size: 1em;
	}

	.th-widget-wrap{
		width: 656px;
		margin: 0 auto;
	}

	.theatre-widget .ta-schedule{
		width: 636px;
		margin-left: 10px;
		margin-right: 10px;
	}

	.th-tables table{
		width: 340px;
	}

	#th-gallery{
		width: 636px;
		margin: 0 auto;
	}

	.con-gallery{
		width: 100%;
	}



















	/* ============================ */
	/* ============================ */
	/* AUTHORISATION */
	/* ============================ */
	/* ============================ */
	.auth-popup{
		top: 80px;
	}



















	/* ============================ */
	/* ============================ */
	/* FILM PAGE */
	/* ============================ */
	/* ============================ */
	#film-intro{
		height: 690px;
		margin: 42px 0 0;  /* Because Fixed Menu */
	}

	#film-filter {
		width: 580px;
	}

	.ff-options{
		display: none;
	}

	.ff-ticket{
		float: right;
	}

	.fp-branding{
		display: none;
	}

	.fp-branding-hidden{
		display: block;
	}

	#submenu{
		border-bottom: 1px solid #303030;
	}

	.film-title{
		font-size: 1.5em;
	}

	.fp-heading p{
		font-size: 1.125em;
	}

	.fp-info{
		padding: 2em 0;
	}

	.fp-poster.col-4{
		width: 220px;
	}

	.fp-poster ul{
		margin: 0.5em auto;
	}

	.fp-poster p{
		font-size: 1em;
	}

	.fp-description.col-7{
		width: 460px;
		float: left;
	}

	.fp-about.col-7{
		width: 700px;
		margin-top: 1em;
	}

	.fp-section h3{
		font-size: 1.875em;
	}



	.fp-trailers-grid,
	.fp-shots-grid{
		width: 98%;
		margin: 0 1%;
	}

	.fp-trailers-block{
		width: 48%;
		margin: 1%;
	}

	.fp-trailers-block-title{
		font-size: 1.125em;
	}

	.trailers-play-btn{
		width: 76px;
		height: 76px;
		margin-top: -38px;
		margin-left: -38px;
		background: url('../../img/film-play-btn-small.png') no-repeat;
	}

    .film-stars a{
        height: 6.25em;
    }

	.fp-section .con-news-cards-holder{
		width: 656px;
		float: none;
		margin: 10px auto;
	}

	.fp-section .con-news-card{
		background: none;
	}

	.fp-section .con-news-info,
	.fp-section .con-news-heading,
	.fp-section .con-news-preview,
	.fp-section .stat{
		width: 100%;
		padding: 0;
	}



















	/* ============================ */
	/* ============================ */
	/* CONTACTS */
	/* ============================ */
	/* ============================ */



















	/* ============================ */
	/* ============================ */
	/* PRESS */
	/* ============================ */
	/* ============================ */
	.widget .press-post-heading{
		width: auto;
	}

	.press-post .stat{
		display: none;
	}



















	/* ============================ */
	/* ============================ */
	/* VACANCIES */
	/* ============================ */
	/* ============================ */
	.va-filter-block input[type="text"]{
		width: 276px;
	}



















	/* ============================ */
	/* ============================ */
	/* COLLABORATION */
	/* ============================ */
	/* ============================ */



















	/* ============================ */
	/* ============================ */
	/* PROFILE */
	/* ============================ */
	/* ============================ */
	.name-holder{
		width: 526px;
	}

	.ntf-caption{
		float: left;
		width: 436px;
	}



















	/* ============================ */
	/* ============================ */
	/* ABOUT */
	/* ============================ */
	/* ============================ */
	.ab-boss-info{
		width: 450px;
	}


















	/* ============================ */
	/* ============================ */
	/* PREMIERE */
	/* ============================ */
	/* ============================ */
	.premiere-widget .con-news-nav{
		display: block;
	}



















	/* ============================ */
	/* ============================ */
	/* RENT AND AD */
	/* ============================ */
	/* ============================ */



















	/* ============================ */
	/* ============================ */
	/* NEWS ALL */
	/* ============================ */
	/* ============================ */
	.news-all-widget .con-news-info, 
	.news-all-widget .con-news-heading, 
	.news-all-widget .con-news-preview, 
	.news-all-widget .con-news-card .stat {
		width: 308px;
		padding: 0;
	}

	.na-post .con-news-info, 
	.na-post .con-news-heading, 
	.na-post .con-news-preview, 
	.na-post .con-news-card .stat {
		width: 100%;
		padding: 0;
	}

	.na-preview .col-5{
		width: 490px;
	}

	.na-social{
		display: none;
	}

	.rel-post-info{
		width: 436px;
	}

	.comment-info{
		width: 506px;
	}

	.comments form{
		width: 526px;
		margin: 1em 0 1em 100px;
	}

	.news-all-widget .con-news-card{
		background: none;
	}






    #prestige-page {
        padding:0 30px;
    }
    #prestige-page .pt-img-line {
        display: none;
    }
    #prestige-page .pt-col {
        width: 100%;
    }
    #prestige-page .fp-trailers-block {
        width:100%;
        margin:0;
        padding:0;
    }



    #reald-page {
        width:44em;
    }
    #reald-page .reald-content-outer li.gl {
        margin-top: -4em;
        padding-top: 5em;
    }
    #reald-page .reald-content-outer li.gl .gl_top {
        padding-bottom: 29.75em;
    }

    .karo-schedule-inner {
        font-size: 0.8em;
    }

}  /* END */