@media (max-width:921px){
	#primary
	{
		padding-top:105px !important;
		margin-top:0;
	}
	.ast-theme-transparent-header .main-header-bar, .ast-theme-transparent-header.ast-header-break-point .main-header-bar
	{
		background:rgba(0,0,0,0.3);
	}
	.main-header-bar .main-header-bar-navigation.toggle-on
	{
		padding-top:0;
	}
	#primary-menu li button.ast-menu-toggle
	{
		display: block;
		width: 100%;
		height: 100%;
		line-height: 42px;
		right: 0;
	}
	
	.vimeo-wrapper iframe
	{
		min-height: auto;
	}
	
	
	header.site-header
	{
		padding-left:0;
		padding-right:0;
	}
	
	.single.single-films .ast-container
	{
		padding-left:20px;
		padding-right:20px;
	}
	
	.ast-header-break-point .main-navigation li{
		padding:10px 0;
	}
	.main-header-menu > .menu-item > a,
	.ast-header-break-point .main-navigation ul.sub-menu li a::before,
	.ast-header-break-point .main-navigation ul.sub-menu li a:hover,
	.page-template-default .ast-header-break-point .main-navigation li{
		color:#000 !important;
	}
	
	
	.page-template-default  .ast-button-wrap .menu-toggle .menu-toggle-icon:before,	
	.page-template-default  .ast-header-break-point .ast-mobile-menu-buttons-minimal.menu-toggle{
		color:#000;
	}
	
	.page-template-default .textwhite .ast-button-wrap .menu-toggle .menu-toggle-icon::before{
		color:#222 !important;
		
	}
	

	.menu-item-has-children .ast-menu-toggle:before{
		color:#000 !important;
		top: 13px;
		position: absolute;
		right: 0;
	}
	
	.page-template-default ul.sub-menu::before,
	.menu-item-has-children::before{
		display:none;
	}
	 
	
	.main-header-menu .sub-menu{
		/*background: #fff !important;*/
		color:#000 !important;
	}
	
	.page-template-default .main-header-menu .sub-menu .menu-item a:hover,
	.page-template-default ul.sub-menu li a{
		color:#000;
	}
	
	.site-title a{
	    font-size: 26px;
	}
 
 	.site-title a{
		font-size: 20px;
		padding: 0 !important;
	
	}
	
 	.site-header .site-description{
		padding:10px 0 !important;
		
	}
	
	.swiper-slide .swiper-slide-image,
	.ms-slide img,
	.swiper-image-stretch .swiper-slide .swiper-slide-image{
		width: 100%;
		object-fit: cover !important;
		height: 100vh !important;
	}
 	.swiper-slide .swiper-slide-image,
	.ms-slide img,
	.swiper-image-stretch .swiper-slide .swiper-slide-image{
 		height: 100vh !important;
	}
	
	header.site-header{
		margin-left:0 !important; 
		margin-top: 0;
	}
	
	#menu-item-173 a{
		border:0;
	}
	
	#primary-menu li{
		padding:0 !important;
	} 
	
	.sub-menu li a{
		padding-bottom:10px !important;
	}
	
	ul.sub-menu li a{
		padding: 10px 0 10px 0 !important;
	}
	
	.sub-menu{
		line-height:20px !important;
		padding:0 !important;
	}
	.menu-item-90 .sub-menu{
		height: 80px !important;
	}
	.main-header-bar-wrap{
		/*background:rgba(255,255,255,0.5);*/
	
	}
	
	
	
	
	ul li.facebook:hover a, ul li.vimeo:hover a{ border-bottom:none !important; }
	.facebook a{
	background-size:3%;
	background-position: 10px;
	background-image: url(../images/facebook.png) !important;
	background-repeat: no-repeat;
	opacity: 1;
	width: 22px;
	color:transparent !important;
	text-indent: -99999999px;
	}
	
	.vimeo a{
	background-size:3%;
	background-position: 10px;
 	background-image: url(../images/ssm-v-b.png);
	background-repeat: no-repeat;
	opacity: 1;
	color:transparent !important;
	text-indent: -99999999px;
	}
	
	
	.instagram a{
	background-size:3%;
	background-position: 10px;
 	background-image: url(../images/ssm-i-b.png);
	background-repeat: no-repeat;
	opacity: 1;
	color:transparent !important;
	text-indent: -99999999px;
	
	}
	
	.mail a{
	background-size:3%;
	background-position: 10px;
	background-image: url(../images/ssm-m-b.png);
	background-repeat: no-repeat;
	opacity: 1;
	color:transparent !important;
	text-indent: -99999999px;
	
	}
	
	.ssm a{ 
	background-size:8%;
	}

	ul li.ssm:first-child, 
	#menu-item-193{
		margin-left:35px;
	}

	ul li.ssm{
		display:inline !important;
		float:left;
		width:auto !important;
	}
	
	#primary-menu li a{
		padding-left:0;
		line-height:45px;
	}
	
	.ast-button-wrap .menu-toggle .menu-toggle-icon
	{
		color:#fff;
	}
	.ast-header-break-point .main-navigation ul.sub-menu li a
	{
		color:#000;
	}
	
	ul li.ssm a{
		background-size:100%;
		background-position:left;
		border:0 !important;
 	}

	.ast-justify-content-flex-end{
		justify-content: left;
	}

	ul.sub-menu{
		background:transparent !important;
	}
	
	
	ul li.ssm {
		display: inline !important;
		float: left;
		width: 6% !important;
		margin-left:10px !important;
		margin-right:10px !important;
	}
	
	#menu-item-193{
		margin-left:25px !important;
	}

.mzvideotitle h1,
.h1title {
    font-size: 30px;
	padding-top:30px;
	line-height: 40px;
 }
 .un-documents
 {
	 padding-top:35px;
 }
.mzvideotitle h2 {
    font-size: 20px;
 }
 .mzmoviewrapper .col-md-6 {
    display: inline-block;
    width: 100%;
    vertical-align: top;
}
.prices .imagesgrid {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 10px;
	margin:0 auto;
	width: 30%;
}
.screens
{
	text-align:center;
	
}
.screens .imagesgrid
{
	margin:0;
	padding-bottom: 20px;
}
.credits,.films-template-default.single.single-films p
{
	font-size:13px;
}
.accordion {
  background-color: #000;
  color: #fff;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.un-documents .active, .accordion:hover {
  background-color: #333;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 0px;
  display: none;
  overflow: hidden;
  padding:11px;
}
.mzvideotitle{ padding-top:45px;}
.accordion:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  color: #777;
  float: right;
  margin-left: 5px;
}

.un-documents .active:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
}
.mzmoviewrapper {
    max-width: 95%;
    margin: auto;
}
.role {
    width: 59%;
    padding: 10px 0;
}
.name {
    padding: 10px 0px;
    width: 39%;
}
.mzvideo {
    position: relative;
    width: 100%;
	margin-top: 82px;
}
.headerpic{
	height: 570px;
	}

}

@media (max-width:767px){
	
	.page-template-default .site-title a, 
	.page-template-default .main-header-menu > .menu-item > a:hover, 
	.page-template-default .main-header-menu > .menu-item > a:active, 
	.page-template-default .main-header-menu > .menu-item > a, 
	.page-template-default p.site-description{
		padding:10px;
	}
	
	.menu-item-has-children::before{
		top: 0px;
	}
	
	
	#primary-menu li{
		margin-left:25px;
		margin-right:25px;
	}
	
}




@media (max-width:921px) and (min-width:768px){
	header.site-header{
		margin-left:0 !important; 
		margin-top: 0;
	}
	
	#menu-item-173 a{
		border:0;
	}
	
	#primary-menu li{
		padding:0 !important;
	} 
	
	.sub-menu li a{
		padding-bottom:10px !important;
	}
	
	ul.sub-menu li a{
		padding: 10px 0 10px 0 !important;
	}
	
	.sub-menu{
		line-height:20px !important;
		padding:0 !important;
	}
	.menu-item-90 .sub-menu{
		height: 80px !important;
	}
	.main-header-bar-wrap{
		background:rgba(255,255,255,0.5);
	
	}
	
 	/*#primary-menu li*/
	#primary-menu li a{
		padding:10px 0 !important;
	}
	
}	


@media (max-width:1000px) and (min-width:921px){
	
.main-header-menu .menu-item{
	margin-left:10px;
	margin-right:10px;
}

.site-title a{
	font-size: 25px;
}

}


@media (max-width:1100px) and (min-width:1001px){

.site-title a{
	font-size: 25px;
}

.main-header-menu .menu-item{
	margin-left:20px;
	margin-right:20px;
}


}


@media (max-width:1200px) and (min-width:1101px){

.main-header-menu .menu-item{
	margin-left:30px;
	margin-right:30px;
}

.site-title a{
	font-size: 25px;
}

}

@media (max-width:1300px) and (min-width:1201px){

.main-header-menu .menu-item{
	margin-left:30px;
	margin-right:30px;
}

.site-title a{
	font-size: 30px;
}


}


@media (max-width:1450px) and (min-width:1301px){

.main-header-menu .menu-item{
	margin-left:40px;
	margin-right:40px;
}

.site-title a{
	font-size: 30px;
}

}



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

/* STYLES GO HERE */


ul li.ssm {
    display: inline !important;
    float: left;
    width: 4% !important;
	margin-left:10px !important;
	margin-right:10px !important;
}

#menu-item-193{
	margin-left:50px !important;
}
	
}


@media (max-width:767px) and (min-width:650px){
	
ul li.ssm {
    width: 4% !important;
}

/*ul li.ssm a{
	background-size: 70%;
}*/

}

@media(min-width:921px) and  (max-width:1850px) {
.mzmoviewrapper .col-md-6.un-documents{
	padding-left:40px;
}

}